payload-better-editor 1.2.1 → 1.3.0

package/dist/admin/SettingsBanner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/SettingsBanner.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { BugIcon, GithubIcon, StarIcon } from './icons'\nimport { VERSION } from '../version'\nimport '../styles/settings-banner.css'\n\nconst REPO = 'scorpio-99/payload-better-editor'\nconst AUTHOR = 'scorpio-99'\n\nconst BANNER = {\n  author: AUTHOR,\n  repoUrl: `https://github.com/${REPO}`,\n  issuesUrl: `https://github.com/${REPO}/issues/new`,\n  authorUrl: `https://github.com/${AUTHOR}`,\n  starBadgeUrl: `https://img.shields.io/github/stars/${REPO}?style=flat&label=&color=27272a&labelColor=27272a&logo=github&logoColor=white`,\n}\n\nexport const SettingsBanner: React.FC = () => (\n  <div className=\"better-editor-banner\">\n    <div className=\"better-editor-banner__header\">\n      <div className=\"better-editor-banner__heading\">\n        <div className=\"better-editor-banner__title\">\n          <span>payload-better-editor</span>\n          <span className=\"better-editor-banner__version\">v{VERSION}</span>\n        </div>\n        <div className=\"better-editor-banner__subtitle\">\n          Built by{' '}\n          <a href={BANNER.authorUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n            {BANNER.author}\n          </a>\n          . If you find this plugin useful, please leave a star ⭐\n        </div>\n      </div>\n    </div>\n    <div className=\"better-editor-banner__actions\">\n      <a\n        href={BANNER.repoUrl}\n        target=\"_blank\"\n        rel=\"noreferrer noopener\"\n        className=\"better-editor-banner__link\"\n      >\n        <StarIcon />\n        <span>Star</span>\n        <img\n          src={BANNER.starBadgeUrl}\n          alt=\"\"\n          className=\"better-editor-banner__star-badge\"\n        />\n      </a>\n      <a\n        href={BANNER.repoUrl}\n        target=\"_blank\"\n        rel=\"noreferrer noopener\"\n        className=\"better-editor-banner__link\"\n      >\n        <GithubIcon />\n        <span>GitHub</span>\n      </a>\n      <a\n        href={BANNER.issuesUrl}\n        target=\"_blank\"\n        rel=\"noreferrer noopener\"\n        className=\"better-editor-banner__link\"\n      >\n        <BugIcon />\n        <span>Report a bug</span>\n      </a>\n    </div>\n  </div>\n)\n"],"names":["React","BugIcon","GithubIcon","StarIcon","VERSION","REPO","AUTHOR","BANNER","author","repoUrl","issuesUrl","authorUrl","starBadgeUrl","SettingsBanner","div","className","span","a","href","target","rel","img","src","alt"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,UAAS;AACvD,SAASC,OAAO,QAAQ,aAAY;AACpC,OAAO,gCAA+B;AAEtC,MAAMC,OAAO;AACb,MAAMC,SAAS;AAEf,MAAMC,SAAS;IACbC,QAAQF;IACRG,SAAS,CAAC,mBAAmB,EAAEJ,MAAM;IACrCK,WAAW,CAAC,mBAAmB,EAAEL,KAAK,WAAW,CAAC;IAClDM,WAAW,CAAC,mBAAmB,EAAEL,QAAQ;IACzCM,cAAc,CAAC,oCAAoC,EAAEP,KAAK,6EAA6E,CAAC;AAC1I;AAEA,OAAO,MAAMQ,iBAA2B,kBACtC,MAACC;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,MAACD;oBAAIC,WAAU;;sCACb,MAACD;4BAAIC,WAAU;;8CACb,KAACC;8CAAK;;8CACN,MAACA;oCAAKD,WAAU;;wCAAgC;wCAAEX;;;;;sCAEpD,MAACU;4BAAIC,WAAU;;gCAAiC;gCACrC;8CACT,KAACE;oCAAEC,MAAMX,OAAOI,SAAS;oCAAEQ,QAAO;oCAASC,KAAI;8CAC5Cb,OAAOC,MAAM;;gCACZ;;;;;;0BAKV,MAACM;gBAAIC,WAAU;;kCACb,MAACE;wBACCC,MAAMX,OAAOE,OAAO;wBACpBU,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAACZ;0CACD,KAACa;0CAAK;;0CACN,KAACK;gCACCC,KAAKf,OAAOK,YAAY;gCACxBW,KAAI;gCACJR,WAAU;;;;kCAGd,MAACE;wBACCC,MAAMX,OAAOE,OAAO;wBACpBU,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAACb;0CACD,KAACc;0CAAK;;;;kCAER,MAACC;wBACCC,MAAMX,OAAOG,SAAS;wBACtBS,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAACd;0CACD,KAACe;0CAAK;;;;;;;OAIb"}
+{"version":3,"sources":["../../src/admin/SettingsBanner.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { BugIcon, GithubIcon, StarIcon } from './icons'\nimport { VERSION } from '../version'\nimport { useBetterEditorT } from '../i18n/useBetterEditorT'\nimport '../styles/settings-banner.css'\n\nconst REPO = 'scorpio-99/payload-better-editor'\nconst AUTHOR = 'scorpio-99'\n\nconst BANNER = {\n  author: AUTHOR,\n  repoUrl: `https://github.com/${REPO}`,\n  issuesUrl: `https://github.com/${REPO}/issues/new`,\n  authorUrl: `https://github.com/${AUTHOR}`,\n  starBadgeUrl: `https://img.shields.io/github/stars/${REPO}?style=flat&label=&color=27272a&labelColor=27272a&logo=github&logoColor=white`,\n}\n\nexport const SettingsBanner: React.FC = () => {\n  const t = useBetterEditorT()\n  return (\n    <div className=\"better-editor-banner\">\n      <div className=\"better-editor-banner__header\">\n        <div className=\"better-editor-banner__heading\">\n          <div className=\"better-editor-banner__title\">\n            <span>payload-better-editor</span>\n            <span className=\"better-editor-banner__version\">v{VERSION}</span>\n          </div>\n          <div className=\"better-editor-banner__subtitle\">\n            Built by{' '}\n            <a href={BANNER.authorUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n              {BANNER.author}\n            </a>\n            . {t.banner.builtBy}\n          </div>\n        </div>\n      </div>\n      <div className=\"better-editor-banner__actions\">\n        <a\n          href={BANNER.repoUrl}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          className=\"better-editor-banner__link\"\n        >\n          <StarIcon />\n          <span>{t.banner.star}</span>\n          <img src={BANNER.starBadgeUrl} alt=\"\" className=\"better-editor-banner__star-badge\" />\n        </a>\n        <a\n          href={BANNER.repoUrl}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          className=\"better-editor-banner__link\"\n        >\n          <GithubIcon />\n          <span>{t.banner.github}</span>\n        </a>\n        <a\n          href={BANNER.issuesUrl}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          className=\"better-editor-banner__link\"\n        >\n          <BugIcon />\n          <span>{t.banner.reportBug}</span>\n        </a>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","BugIcon","GithubIcon","StarIcon","VERSION","useBetterEditorT","REPO","AUTHOR","BANNER","author","repoUrl","issuesUrl","authorUrl","starBadgeUrl","SettingsBanner","t","div","className","span","a","href","target","rel","banner","builtBy","star","img","src","alt","github","reportBug"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,UAAS;AACvD,SAASC,OAAO,QAAQ,aAAY;AACpC,SAASC,gBAAgB,QAAQ,2BAA0B;AAC3D,OAAO,gCAA+B;AAEtC,MAAMC,OAAO;AACb,MAAMC,SAAS;AAEf,MAAMC,SAAS;IACbC,QAAQF;IACRG,SAAS,CAAC,mBAAmB,EAAEJ,MAAM;IACrCK,WAAW,CAAC,mBAAmB,EAAEL,KAAK,WAAW,CAAC;IAClDM,WAAW,CAAC,mBAAmB,EAAEL,QAAQ;IACzCM,cAAc,CAAC,oCAAoC,EAAEP,KAAK,6EAA6E,CAAC;AAC1I;AAEA,OAAO,MAAMQ,iBAA2B;IACtC,MAAMC,IAAIV;IACV,qBACE,MAACW;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,MAACD;oBAAIC,WAAU;;sCACb,MAACD;4BAAIC,WAAU;;8CACb,KAACC;8CAAK;;8CACN,MAACA;oCAAKD,WAAU;;wCAAgC;wCAAEb;;;;;sCAEpD,MAACY;4BAAIC,WAAU;;gCAAiC;gCACrC;8CACT,KAACE;oCAAEC,MAAMZ,OAAOI,SAAS;oCAAES,QAAO;oCAASC,KAAI;8CAC5Cd,OAAOC,MAAM;;gCACZ;gCACDM,EAAEQ,MAAM,CAACC,OAAO;;;;;;0BAIzB,MAACR;gBAAIC,WAAU;;kCACb,MAACE;wBACCC,MAAMZ,OAAOE,OAAO;wBACpBW,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAACd;0CACD,KAACe;0CAAMH,EAAEQ,MAAM,CAACE,IAAI;;0CACpB,KAACC;gCAAIC,KAAKnB,OAAOK,YAAY;gCAAEe,KAAI;gCAAGX,WAAU;;;;kCAElD,MAACE;wBACCC,MAAMZ,OAAOE,OAAO;wBACpBW,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAACf;0CACD,KAACgB;0CAAMH,EAAEQ,MAAM,CAACM,MAAM;;;;kCAExB,MAACV;wBACCC,MAAMZ,OAAOG,SAAS;wBACtBU,QAAO;wBACPC,KAAI;wBACJL,WAAU;;0CAEV,KAAChB;0CACD,KAACiB;0CAAMH,EAAEQ,MAAM,CAACO,SAAS;;;;;;;;AAKnC,EAAC"}

package/dist/admin/ViewportToggle.js

@@ -1,29 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useRef } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 import { DesktopIcon, MobileIcon, ResponsiveIcon, TabletIcon } from './icons';
-const ITEMS = [
-    {
-        id: 'desktop',
-        label: 'Desktop',
-        Icon: DesktopIcon
-    },
-    {
-        id: 'tablet',
-        label: 'Tablet',
-        Icon: TabletIcon
-    },
-    {
-        id: 'mobile',
-        label: 'Mobile',
-        Icon: MobileIcon
-    },
-    {
-        id: 'responsive',
-        label: 'Responsive (drag to resize)',
-        Icon: ResponsiveIcon
-    }
-];
+import { useBetterEditorT } from '../i18n/useBetterEditorT';
 const ROOT_CLASS = 'better-editor-viewport';
 const BTN_CLASS = `${ROOT_CLASS}__btn`;
 const ViewportButton = ({ item, active, onSelect, buttonRef })=>{
@@ -42,6 +21,31 @@ const ViewportButton = ({ item, active, onSelect, buttonRef })=>{
     });
 };
 export const ViewportToggle = ({ value, onChange })=>{
+    const t = useBetterEditorT();
+    const ITEMS = useMemo(()=>[
+            {
+                id: 'desktop',
+                label: t.viewport.desktop,
+                Icon: DesktopIcon
+            },
+            {
+                id: 'tablet',
+                label: t.viewport.tablet,
+                Icon: TabletIcon
+            },
+            {
+                id: 'mobile',
+                label: t.viewport.mobile,
+                Icon: MobileIcon
+            },
+            {
+                id: 'responsive',
+                label: t.viewport.responsive,
+                Icon: ResponsiveIcon
+            }
+        ], [
+        t
+    ]);
     const btnsRef = useRef([]);
     const onKeyDown = useCallback((e)=>{
         const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp';
@@ -58,12 +62,13 @@ export const ViewportToggle = ({ value, onChange })=>{
         btnsRef.current[nextIdx]?.focus();
     }, [
         onChange,
-        value
+        value,
+        ITEMS
     ]);
     return /*#__PURE__*/ _jsx("div", {
         className: ROOT_CLASS,
         role: "radiogroup",
-        "aria-label": "Preview viewport",
+        "aria-label": t.viewport.groupLabel,
         onKeyDown: onKeyDown,
         children: ITEMS.map((item, i)=>/*#__PURE__*/ _jsx(ViewportButton, {
                 item: item,

package/dist/admin/ViewportToggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/ViewportToggle.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\nimport {\n  DesktopIcon,\n  MobileIcon,\n  ResponsiveIcon,\n  TabletIcon,\n  type IconProps,\n} from './icons'\n\nexport type Viewport = 'desktop' | 'tablet' | 'mobile' | 'responsive'\n\ntype Item = { id: Viewport; label: string; Icon: React.FC<IconProps> }\n\nconst ITEMS: ReadonlyArray<Item> = [\n  { id: 'desktop', label: 'Desktop', Icon: DesktopIcon },\n  { id: 'tablet', label: 'Tablet', Icon: TabletIcon },\n  { id: 'mobile', label: 'Mobile', Icon: MobileIcon },\n  { id: 'responsive', label: 'Responsive (drag to resize)', Icon: ResponsiveIcon },\n]\n\nconst ROOT_CLASS = 'better-editor-viewport'\nconst BTN_CLASS = `${ROOT_CLASS}__btn`\n\nexport type ViewportToggleProps = {\n  value: Viewport\n  onChange: (next: Viewport) => void\n}\n\ntype ButtonProps = {\n  item: Item\n  active: boolean\n  onSelect: (id: Viewport) => void\n  buttonRef: (el: HTMLButtonElement | null) => void\n}\n\nconst ViewportButton: React.FC<ButtonProps> = ({ item, active, onSelect, buttonRef }) => {\n  const { id, label, Icon } = item\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      className={active ? `${BTN_CLASS} ${BTN_CLASS}--active` : BTN_CLASS}\n      onClick={() => onSelect(id)}\n      title={label}\n      aria-label={label}\n    >\n      <Icon />\n    </button>\n  )\n}\n\nexport const ViewportToggle: React.FC<ViewportToggleProps> = ({ value, onChange }) => {\n  const btnsRef = useRef<Array<HTMLButtonElement | null>>([])\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp'\n      const isNext = e.key === 'ArrowRight' || e.key === 'ArrowDown'\n      if (!isPrev && !isNext) return\n      e.preventDefault()\n      const idx = ITEMS.findIndex((i) => i.id === value)\n      const start = idx === -1 ? 0 : idx\n      const len = ITEMS.length\n      // Per radiogroup pattern, arrow keys move both selection and focus.\n      const nextIdx = isPrev ? (start - 1 + len) % len : (start + 1) % len\n      const next = ITEMS[nextIdx]\n      onChange(next.id)\n      btnsRef.current[nextIdx]?.focus()\n    },\n    [onChange, value],\n  )\n\n  return (\n    <div\n      className={ROOT_CLASS}\n      role=\"radiogroup\"\n      aria-label=\"Preview viewport\"\n      onKeyDown={onKeyDown}\n    >\n      {ITEMS.map((item, i) => (\n        <ViewportButton\n          key={item.id}\n          item={item}\n          active={value === item.id}\n          onSelect={onChange}\n          buttonRef={(el) => {\n            btnsRef.current[i] = el\n          }}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["React","useCallback","useRef","DesktopIcon","MobileIcon","ResponsiveIcon","TabletIcon","ITEMS","id","label","Icon","ROOT_CLASS","BTN_CLASS","ViewportButton","item","active","onSelect","buttonRef","button","type","ref","role","aria-checked","tabIndex","className","onClick","title","aria-label","ViewportToggle","value","onChange","btnsRef","onKeyDown","e","isPrev","key","isNext","preventDefault","idx","findIndex","i","start","len","length","nextIdx","next","current","focus","div","map","el"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAClD,SACEC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,UAAU,QAEL,UAAS;AAMhB,MAAMC,QAA6B;IACjC;QAAEC,IAAI;QAAWC,OAAO;QAAWC,MAAMP;IAAY;IACrD;QAAEK,IAAI;QAAUC,OAAO;QAAUC,MAAMJ;IAAW;IAClD;QAAEE,IAAI;QAAUC,OAAO;QAAUC,MAAMN;IAAW;IAClD;QAAEI,IAAI;QAAcC,OAAO;QAA+BC,MAAML;IAAe;CAChF;AAED,MAAMM,aAAa;AACnB,MAAMC,YAAY,GAAGD,WAAW,KAAK,CAAC;AActC,MAAME,iBAAwC,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IAClF,MAAM,EAAET,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGI;IAC5B,qBACE,KAACI;QACCC,MAAK;QACLC,KAAKH;QACLI,MAAK;QACLC,gBAAcP;QACdQ,UAAUR,SAAS,IAAI,CAAC;QACxBS,WAAWT,SAAS,GAAGH,UAAU,CAAC,EAAEA,UAAU,QAAQ,CAAC,GAAGA;QAC1Da,SAAS,IAAMT,SAASR;QACxBkB,OAAOjB;QACPkB,cAAYlB;kBAEZ,cAAA,KAACC;;AAGP;AAEA,OAAO,MAAMkB,iBAAgD,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAE;IAC/E,MAAMC,UAAU7B,OAAwC,EAAE;IAE1D,MAAM8B,YAAY/B,YAChB,CAACgC;QACC,MAAMC,SAASD,EAAEE,GAAG,KAAK,eAAeF,EAAEE,GAAG,KAAK;QAClD,MAAMC,SAASH,EAAEE,GAAG,KAAK,gBAAgBF,EAAEE,GAAG,KAAK;QACnD,IAAI,CAACD,UAAU,CAACE,QAAQ;QACxBH,EAAEI,cAAc;QAChB,MAAMC,MAAM/B,MAAMgC,SAAS,CAAC,CAACC,IAAMA,EAAEhC,EAAE,KAAKqB;QAC5C,MAAMY,QAAQH,QAAQ,CAAC,IAAI,IAAIA;QAC/B,MAAMI,MAAMnC,MAAMoC,MAAM;QACxB,oEAAoE;QACpE,MAAMC,UAAUV,SAAS,AAACO,CAAAA,QAAQ,IAAIC,GAAE,IAAKA,MAAM,AAACD,CAAAA,QAAQ,CAAA,IAAKC;QACjE,MAAMG,OAAOtC,KAAK,CAACqC,QAAQ;QAC3Bd,SAASe,KAAKrC,EAAE;QAChBuB,QAAQe,OAAO,CAACF,QAAQ,EAAEG;IAC5B,GACA;QAACjB;QAAUD;KAAM;IAGnB,qBACE,KAACmB;QACCxB,WAAWb;QACXU,MAAK;QACLM,cAAW;QACXK,WAAWA;kBAEVzB,MAAM0C,GAAG,CAAC,CAACnC,MAAM0B,kBAChB,KAAC3B;gBAECC,MAAMA;gBACNC,QAAQc,UAAUf,KAAKN,EAAE;gBACzBQ,UAAUc;gBACVb,WAAW,CAACiC;oBACVnB,QAAQe,OAAO,CAACN,EAAE,GAAGU;gBACvB;eANKpC,KAAKN,EAAE;;AAWtB,EAAC"}
+{"version":3,"sources":["../../src/admin/ViewportToggle.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\nimport {\n  DesktopIcon,\n  MobileIcon,\n  ResponsiveIcon,\n  TabletIcon,\n  type IconProps,\n} from './icons'\nimport { useBetterEditorT } from '../i18n/useBetterEditorT'\n\nexport type Viewport = 'desktop' | 'tablet' | 'mobile' | 'responsive'\n\ntype Item = { id: Viewport; label: string; Icon: React.FC<IconProps> }\n\nconst ROOT_CLASS = 'better-editor-viewport'\nconst BTN_CLASS = `${ROOT_CLASS}__btn`\n\nexport type ViewportToggleProps = {\n  value: Viewport\n  onChange: (next: Viewport) => void\n}\n\ntype ButtonProps = {\n  item: Item\n  active: boolean\n  onSelect: (id: Viewport) => void\n  buttonRef: (el: HTMLButtonElement | null) => void\n}\n\nconst ViewportButton: React.FC<ButtonProps> = ({ item, active, onSelect, buttonRef }) => {\n  const { id, label, Icon } = item\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      className={active ? `${BTN_CLASS} ${BTN_CLASS}--active` : BTN_CLASS}\n      onClick={() => onSelect(id)}\n      title={label}\n      aria-label={label}\n    >\n      <Icon />\n    </button>\n  )\n}\n\nexport const ViewportToggle: React.FC<ViewportToggleProps> = ({ value, onChange }) => {\n  const t = useBetterEditorT()\n  const ITEMS = useMemo<ReadonlyArray<Item>>(\n    () => [\n      { id: 'desktop', label: t.viewport.desktop, Icon: DesktopIcon },\n      { id: 'tablet', label: t.viewport.tablet, Icon: TabletIcon },\n      { id: 'mobile', label: t.viewport.mobile, Icon: MobileIcon },\n      { id: 'responsive', label: t.viewport.responsive, Icon: ResponsiveIcon },\n    ],\n    [t],\n  )\n  const btnsRef = useRef<Array<HTMLButtonElement | null>>([])\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp'\n      const isNext = e.key === 'ArrowRight' || e.key === 'ArrowDown'\n      if (!isPrev && !isNext) return\n      e.preventDefault()\n      const idx = ITEMS.findIndex((i) => i.id === value)\n      const start = idx === -1 ? 0 : idx\n      const len = ITEMS.length\n      // Per radiogroup pattern, arrow keys move both selection and focus.\n      const nextIdx = isPrev ? (start - 1 + len) % len : (start + 1) % len\n      const next = ITEMS[nextIdx]\n      onChange(next.id)\n      btnsRef.current[nextIdx]?.focus()\n    },\n    [onChange, value, ITEMS],\n  )\n\n  return (\n    <div\n      className={ROOT_CLASS}\n      role=\"radiogroup\"\n      aria-label={t.viewport.groupLabel}\n      onKeyDown={onKeyDown}\n    >\n      {ITEMS.map((item, i) => (\n        <ViewportButton\n          key={item.id}\n          item={item}\n          active={value === item.id}\n          onSelect={onChange}\n          buttonRef={(el) => {\n            btnsRef.current[i] = el\n          }}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["React","useCallback","useMemo","useRef","DesktopIcon","MobileIcon","ResponsiveIcon","TabletIcon","useBetterEditorT","ROOT_CLASS","BTN_CLASS","ViewportButton","item","active","onSelect","buttonRef","id","label","Icon","button","type","ref","role","aria-checked","tabIndex","className","onClick","title","aria-label","ViewportToggle","value","onChange","t","ITEMS","viewport","desktop","tablet","mobile","responsive","btnsRef","onKeyDown","e","isPrev","key","isNext","preventDefault","idx","findIndex","i","start","len","length","nextIdx","next","current","focus","div","groupLabel","map","el"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAO;AAC3D,SACEC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,UAAU,QAEL,UAAS;AAChB,SAASC,gBAAgB,QAAQ,2BAA0B;AAM3D,MAAMC,aAAa;AACnB,MAAMC,YAAY,GAAGD,WAAW,KAAK,CAAC;AActC,MAAME,iBAAwC,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IAClF,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGN;IAC5B,qBACE,KAACO;QACCC,MAAK;QACLC,KAAKN;QACLO,MAAK;QACLC,gBAAcV;QACdW,UAAUX,SAAS,IAAI,CAAC;QACxBY,WAAWZ,SAAS,GAAGH,UAAU,CAAC,EAAEA,UAAU,QAAQ,CAAC,GAAGA;QAC1DgB,SAAS,IAAMZ,SAASE;QACxBW,OAAOV;QACPW,cAAYX;kBAEZ,cAAA,KAACC;;AAGP;AAEA,OAAO,MAAMW,iBAAgD,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAE;IAC/E,MAAMC,IAAIxB;IACV,MAAMyB,QAAQ/B,QACZ,IAAM;YACJ;gBAAEc,IAAI;gBAAWC,OAAOe,EAAEE,QAAQ,CAACC,OAAO;gBAAEjB,MAAMd;YAAY;YAC9D;gBAAEY,IAAI;gBAAUC,OAAOe,EAAEE,QAAQ,CAACE,MAAM;gBAAElB,MAAMX;YAAW;YAC3D;gBAAES,IAAI;gBAAUC,OAAOe,EAAEE,QAAQ,CAACG,MAAM;gBAAEnB,MAAMb;YAAW;YAC3D;gBAAEW,IAAI;gBAAcC,OAAOe,EAAEE,QAAQ,CAACI,UAAU;gBAAEpB,MAAMZ;YAAe;SACxE,EACD;QAAC0B;KAAE;IAEL,MAAMO,UAAUpC,OAAwC,EAAE;IAE1D,MAAMqC,YAAYvC,YAChB,CAACwC;QACC,MAAMC,SAASD,EAAEE,GAAG,KAAK,eAAeF,EAAEE,GAAG,KAAK;QAClD,MAAMC,SAASH,EAAEE,GAAG,KAAK,gBAAgBF,EAAEE,GAAG,KAAK;QACnD,IAAI,CAACD,UAAU,CAACE,QAAQ;QACxBH,EAAEI,cAAc;QAChB,MAAMC,MAAMb,MAAMc,SAAS,CAAC,CAACC,IAAMA,EAAEhC,EAAE,KAAKc;QAC5C,MAAMmB,QAAQH,QAAQ,CAAC,IAAI,IAAIA;QAC/B,MAAMI,MAAMjB,MAAMkB,MAAM;QACxB,oEAAoE;QACpE,MAAMC,UAAUV,SAAS,AAACO,CAAAA,QAAQ,IAAIC,GAAE,IAAKA,MAAM,AAACD,CAAAA,QAAQ,CAAA,IAAKC;QACjE,MAAMG,OAAOpB,KAAK,CAACmB,QAAQ;QAC3BrB,SAASsB,KAAKrC,EAAE;QAChBuB,QAAQe,OAAO,CAACF,QAAQ,EAAEG;IAC5B,GACA;QAACxB;QAAUD;QAAOG;KAAM;IAG1B,qBACE,KAACuB;QACC/B,WAAWhB;QACXa,MAAK;QACLM,cAAYI,EAAEE,QAAQ,CAACuB,UAAU;QACjCjB,WAAWA;kBAEVP,MAAMyB,GAAG,CAAC,CAAC9C,MAAMoC,kBAChB,KAACrC;gBAECC,MAAMA;gBACNC,QAAQiB,UAAUlB,KAAKI,EAAE;gBACzBF,UAAUiB;gBACVhB,WAAW,CAAC4C;oBACVpB,QAAQe,OAAO,CAACN,EAAE,GAAGW;gBACvB;eANK/C,KAAKI,EAAE;;AAWtB,EAAC"}

package/dist/admin/blocks/AddBlockDrawer.js

@@ -2,15 +2,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { BlocksDrawer } from '@payloadcms/ui';
-export const AddBlockDrawer = ({ slug, blocks, addRow, addRowIndex })=>/*#__PURE__*/ _jsx(BlocksDrawer, {
+import { useBetterEditorT } from '../../i18n/useBetterEditorT';
+export const AddBlockDrawer = ({ slug, blocks, addRow, addRowIndex })=>{
+    const t = useBetterEditorT();
+    return /*#__PURE__*/ _jsx(BlocksDrawer, {
         addRow: addRow,
         addRowIndex: addRowIndex,
         blocks: blocks,
         drawerSlug: slug,
         labels: {
-            singular: 'Block',
-            plural: 'Blocks'
+            singular: t.blocks.drawerSingular,
+            plural: t.blocks.drawerPlural
         }
     });
+};
 
 //# sourceMappingURL=AddBlockDrawer.js.map

package/dist/admin/blocks/AddBlockDrawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/blocks/AddBlockDrawer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { BlocksDrawer } from '@payloadcms/ui'\nimport type { ClientBlock } from 'payload'\n\nexport type AddBlockDrawerProps = {\n  slug: string\n  blocks: ClientBlock[]\n  addRow: (index: number, blockType?: string) => void\n  addRowIndex: number\n}\n\nexport const AddBlockDrawer: React.FC<AddBlockDrawerProps> = ({\n  slug,\n  blocks,\n  addRow,\n  addRowIndex,\n}) => (\n  <BlocksDrawer\n    addRow={addRow}\n    addRowIndex={addRowIndex}\n    blocks={blocks}\n    drawerSlug={slug}\n    labels={{ singular: 'Block', plural: 'Blocks' }}\n  />\n)\n"],"names":["React","BlocksDrawer","AddBlockDrawer","slug","blocks","addRow","addRowIndex","drawerSlug","labels","singular","plural"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,YAAY,QAAQ,iBAAgB;AAU7C,OAAO,MAAMC,iBAAgD,CAAC,EAC5DC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACZ,iBACC,KAACL;QACCI,QAAQA;QACRC,aAAaA;QACbF,QAAQA;QACRG,YAAYJ;QACZK,QAAQ;YAAEC,UAAU;YAASC,QAAQ;QAAS;OAEjD"}
+{"version":3,"sources":["../../../src/admin/blocks/AddBlockDrawer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { BlocksDrawer } from '@payloadcms/ui'\nimport type { ClientBlock } from 'payload'\nimport { useBetterEditorT } from '../../i18n/useBetterEditorT'\n\nexport type AddBlockDrawerProps = {\n  slug: string\n  blocks: ClientBlock[]\n  addRow: (index: number, blockType?: string) => void\n  addRowIndex: number\n}\n\nexport const AddBlockDrawer: React.FC<AddBlockDrawerProps> = ({\n  slug,\n  blocks,\n  addRow,\n  addRowIndex,\n}) => {\n  const t = useBetterEditorT()\n  return (\n    <BlocksDrawer\n      addRow={addRow}\n      addRowIndex={addRowIndex}\n      blocks={blocks}\n      drawerSlug={slug}\n      labels={{ singular: t.blocks.drawerSingular, plural: t.blocks.drawerPlural }}\n    />\n  )\n}\n"],"names":["React","BlocksDrawer","useBetterEditorT","AddBlockDrawer","slug","blocks","addRow","addRowIndex","t","drawerSlug","labels","singular","drawerSingular","plural","drawerPlural"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,YAAY,QAAQ,iBAAgB;AAE7C,SAASC,gBAAgB,QAAQ,8BAA6B;AAS9D,OAAO,MAAMC,iBAAgD,CAAC,EAC5DC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACZ;IACC,MAAMC,IAAIN;IACV,qBACE,KAACD;QACCK,QAAQA;QACRC,aAAaA;QACbF,QAAQA;QACRI,YAAYL;QACZM,QAAQ;YAAEC,UAAUH,EAAEH,MAAM,CAACO,cAAc;YAAEC,QAAQL,EAAEH,MAAM,CAACS,YAAY;QAAC;;AAGjF,EAAC"}

package/dist/admin/blocks/BlockActionsToolbar.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useRef, useState } from 'react';
 import { ChevronDown, ChevronUp, CopyIcon, PlusIcon, TrashIcon } from '../icons';
+import { useBetterEditorT } from '../../i18n/useBetterEditorT';
 export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddBelow, onMoveUp, onMoveDown, onDuplicate, onAddBelow, onDelete })=>{
     // Roving tabindex per WAI-ARIA toolbar pattern: only one button is in
     // the tab sequence; arrow keys move focus among siblings.
@@ -25,6 +26,7 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
         const idx = btnsRef.current.indexOf(buttons[next]);
         if (idx >= 0) setFocusIdx(idx);
     }, []);
+    const t = useBetterEditorT();
     if (!canMutate) return null;
     const setRef = (i)=>(el)=>{
             btnsRef.current[i] = el;
@@ -34,7 +36,7 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
     return /*#__PURE__*/ _jsxs("div", {
         className: "better-editor-tab__actions",
         role: "toolbar",
-        "aria-label": "Block actions",
+        "aria-label": t.blocks.actions.toolbar,
         onKeyDown: onKeyDown,
         children: [
             /*#__PURE__*/ _jsx("button", {
@@ -45,8 +47,8 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
                 className: "better-editor-tab__action",
                 onClick: onMoveUp,
                 disabled: !canMoveUp,
-                title: "Move up",
-                "aria-label": "Move block up",
+                title: t.blocks.actions.moveUp,
+                "aria-label": t.blocks.actions.moveUpLabel,
                 children: /*#__PURE__*/ _jsx(ChevronUp, {})
             }),
             /*#__PURE__*/ _jsx("button", {
@@ -57,8 +59,8 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
                 className: "better-editor-tab__action",
                 onClick: onMoveDown,
                 disabled: !canMoveDown,
-                title: "Move down",
-                "aria-label": "Move block down",
+                title: t.blocks.actions.moveDown,
+                "aria-label": t.blocks.actions.moveDownLabel,
                 children: /*#__PURE__*/ _jsx(ChevronDown, {})
             }),
             /*#__PURE__*/ _jsx("button", {
@@ -68,8 +70,8 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
                 onFocus: onFocus(2),
                 className: "better-editor-tab__action",
                 onClick: onDuplicate,
-                title: "Duplicate",
-                "aria-label": "Duplicate block",
+                title: t.blocks.actions.duplicate,
+                "aria-label": t.blocks.actions.duplicateLabel,
                 children: /*#__PURE__*/ _jsx(CopyIcon, {})
             }),
             /*#__PURE__*/ _jsx("button", {
@@ -80,8 +82,8 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
                 className: "better-editor-tab__action",
                 onClick: onAddBelow,
                 disabled: !canAddBelow,
-                title: "Add block below",
-                "aria-label": "Add block below",
+                title: t.blocks.actions.addBelow,
+                "aria-label": t.blocks.actions.addBelowLabel,
                 children: /*#__PURE__*/ _jsx(PlusIcon, {})
             }),
             /*#__PURE__*/ _jsx("button", {
@@ -91,8 +93,8 @@ export const BlockActionsToolbar = ({ canMoveUp, canMoveDown, canMutate, canAddB
                 onFocus: onFocus(4),
                 className: "better-editor-tab__action better-editor-tab__action--danger",
                 onClick: onDelete,
-                title: "Delete",
-                "aria-label": "Delete block",
+                title: t.blocks.actions.delete,
+                "aria-label": t.blocks.actions.deleteLabel,
                 children: /*#__PURE__*/ _jsx(TrashIcon, {})
             })
         ]

package/dist/admin/blocks/BlockActionsToolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/blocks/BlockActionsToolbar.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef, useState } from 'react'\nimport { ChevronDown, ChevronUp, CopyIcon, PlusIcon, TrashIcon } from '../icons'\n\nexport type BlockActionsToolbarProps = {\n  canMoveUp: boolean\n  canMoveDown: boolean\n  /** When false the toolbar renders nothing. */\n  canMutate: boolean\n  /** When false the \"Add below\" button is disabled (no parent blocks list). */\n  canAddBelow: boolean\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onDuplicate: () => void\n  onAddBelow: () => void\n  onDelete: () => void\n}\n\nexport const BlockActionsToolbar: React.FC<BlockActionsToolbarProps> = ({\n  canMoveUp,\n  canMoveDown,\n  canMutate,\n  canAddBelow,\n  onMoveUp,\n  onMoveDown,\n  onDuplicate,\n  onAddBelow,\n  onDelete,\n}) => {\n  // Roving tabindex per WAI-ARIA toolbar pattern: only one button is in\n  // the tab sequence; arrow keys move focus among siblings.\n  const [focusIdx, setFocusIdx] = useState(0)\n  const btnsRef = useRef<Array<HTMLButtonElement | null>>([])\n\n  const onKeyDown = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight' && e.key !== 'Home' && e.key !== 'End') {\n      return\n    }\n    e.preventDefault()\n    const buttons = btnsRef.current.filter((b): b is HTMLButtonElement => b !== null)\n    if (buttons.length === 0) return\n    const current = buttons.findIndex((b) => b === document.activeElement)\n    const start = current === -1 ? 0 : current\n    let next = start\n    if (e.key === 'ArrowLeft') next = (start - 1 + buttons.length) % buttons.length\n    else if (e.key === 'ArrowRight') next = (start + 1) % buttons.length\n    else if (e.key === 'Home') next = 0\n    else if (e.key === 'End') next = buttons.length - 1\n    buttons[next].focus()\n    const idx = btnsRef.current.indexOf(buttons[next])\n    if (idx >= 0) setFocusIdx(idx)\n  }, [])\n\n  if (!canMutate) return null\n\n  const setRef = (i: number) => (el: HTMLButtonElement | null) => {\n    btnsRef.current[i] = el\n  }\n  const tabIndexFor = (i: number) => (i === focusIdx ? 0 : -1)\n  const onFocus = (i: number) => () => setFocusIdx(i)\n\n  return (\n    <div\n      className=\"better-editor-tab__actions\"\n      role=\"toolbar\"\n      aria-label=\"Block actions\"\n      onKeyDown={onKeyDown}\n    >\n      <button\n        type=\"button\"\n        ref={setRef(0)}\n        tabIndex={tabIndexFor(0)}\n        onFocus={onFocus(0)}\n        className=\"better-editor-tab__action\"\n        onClick={onMoveUp}\n        disabled={!canMoveUp}\n        title=\"Move up\"\n        aria-label=\"Move block up\"\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(1)}\n        tabIndex={tabIndexFor(1)}\n        onFocus={onFocus(1)}\n        className=\"better-editor-tab__action\"\n        onClick={onMoveDown}\n        disabled={!canMoveDown}\n        title=\"Move down\"\n        aria-label=\"Move block down\"\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(2)}\n        tabIndex={tabIndexFor(2)}\n        onFocus={onFocus(2)}\n        className=\"better-editor-tab__action\"\n        onClick={onDuplicate}\n        title=\"Duplicate\"\n        aria-label=\"Duplicate block\"\n      >\n        <CopyIcon />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(3)}\n        tabIndex={tabIndexFor(3)}\n        onFocus={onFocus(3)}\n        className=\"better-editor-tab__action\"\n        onClick={onAddBelow}\n        disabled={!canAddBelow}\n        title=\"Add block below\"\n        aria-label=\"Add block below\"\n      >\n        <PlusIcon />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(4)}\n        tabIndex={tabIndexFor(4)}\n        onFocus={onFocus(4)}\n        className=\"better-editor-tab__action better-editor-tab__action--danger\"\n        onClick={onDelete}\n        title=\"Delete\"\n        aria-label=\"Delete block\"\n      >\n        <TrashIcon />\n      </button>\n    </div>\n  )\n}\n"],"names":["React","useCallback","useRef","useState","ChevronDown","ChevronUp","CopyIcon","PlusIcon","TrashIcon","BlockActionsToolbar","canMoveUp","canMoveDown","canMutate","canAddBelow","onMoveUp","onMoveDown","onDuplicate","onAddBelow","onDelete","focusIdx","setFocusIdx","btnsRef","onKeyDown","e","key","preventDefault","buttons","current","filter","b","length","findIndex","document","activeElement","start","next","focus","idx","indexOf","setRef","i","el","tabIndexFor","onFocus","div","className","role","aria-label","button","type","ref","tabIndex","onClick","disabled","title"],"mappings":"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"}
+{"version":3,"sources":["../../../src/admin/blocks/BlockActionsToolbar.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef, useState } from 'react'\nimport { ChevronDown, ChevronUp, CopyIcon, PlusIcon, TrashIcon } from '../icons'\nimport { useBetterEditorT } from '../../i18n/useBetterEditorT'\n\nexport type BlockActionsToolbarProps = {\n  canMoveUp: boolean\n  canMoveDown: boolean\n  /** When false the toolbar renders nothing. */\n  canMutate: boolean\n  /** When false the \"Add below\" button is disabled (no parent blocks list). */\n  canAddBelow: boolean\n  onMoveUp: () => void\n  onMoveDown: () => void\n  onDuplicate: () => void\n  onAddBelow: () => void\n  onDelete: () => void\n}\n\nexport const BlockActionsToolbar: React.FC<BlockActionsToolbarProps> = ({\n  canMoveUp,\n  canMoveDown,\n  canMutate,\n  canAddBelow,\n  onMoveUp,\n  onMoveDown,\n  onDuplicate,\n  onAddBelow,\n  onDelete,\n}) => {\n  // Roving tabindex per WAI-ARIA toolbar pattern: only one button is in\n  // the tab sequence; arrow keys move focus among siblings.\n  const [focusIdx, setFocusIdx] = useState(0)\n  const btnsRef = useRef<Array<HTMLButtonElement | null>>([])\n\n  const onKeyDown = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight' && e.key !== 'Home' && e.key !== 'End') {\n      return\n    }\n    e.preventDefault()\n    const buttons = btnsRef.current.filter((b): b is HTMLButtonElement => b !== null)\n    if (buttons.length === 0) return\n    const current = buttons.findIndex((b) => b === document.activeElement)\n    const start = current === -1 ? 0 : current\n    let next = start\n    if (e.key === 'ArrowLeft') next = (start - 1 + buttons.length) % buttons.length\n    else if (e.key === 'ArrowRight') next = (start + 1) % buttons.length\n    else if (e.key === 'Home') next = 0\n    else if (e.key === 'End') next = buttons.length - 1\n    buttons[next].focus()\n    const idx = btnsRef.current.indexOf(buttons[next])\n    if (idx >= 0) setFocusIdx(idx)\n  }, [])\n\n  const t = useBetterEditorT()\n\n  if (!canMutate) return null\n\n  const setRef = (i: number) => (el: HTMLButtonElement | null) => {\n    btnsRef.current[i] = el\n  }\n  const tabIndexFor = (i: number) => (i === focusIdx ? 0 : -1)\n  const onFocus = (i: number) => () => setFocusIdx(i)\n\n  return (\n    <div\n      className=\"better-editor-tab__actions\"\n      role=\"toolbar\"\n      aria-label={t.blocks.actions.toolbar}\n      onKeyDown={onKeyDown}\n    >\n      <button\n        type=\"button\"\n        ref={setRef(0)}\n        tabIndex={tabIndexFor(0)}\n        onFocus={onFocus(0)}\n        className=\"better-editor-tab__action\"\n        onClick={onMoveUp}\n        disabled={!canMoveUp}\n        title={t.blocks.actions.moveUp}\n        aria-label={t.blocks.actions.moveUpLabel}\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(1)}\n        tabIndex={tabIndexFor(1)}\n        onFocus={onFocus(1)}\n        className=\"better-editor-tab__action\"\n        onClick={onMoveDown}\n        disabled={!canMoveDown}\n        title={t.blocks.actions.moveDown}\n        aria-label={t.blocks.actions.moveDownLabel}\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(2)}\n        tabIndex={tabIndexFor(2)}\n        onFocus={onFocus(2)}\n        className=\"better-editor-tab__action\"\n        onClick={onDuplicate}\n        title={t.blocks.actions.duplicate}\n        aria-label={t.blocks.actions.duplicateLabel}\n      >\n        <CopyIcon />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(3)}\n        tabIndex={tabIndexFor(3)}\n        onFocus={onFocus(3)}\n        className=\"better-editor-tab__action\"\n        onClick={onAddBelow}\n        disabled={!canAddBelow}\n        title={t.blocks.actions.addBelow}\n        aria-label={t.blocks.actions.addBelowLabel}\n      >\n        <PlusIcon />\n      </button>\n      <button\n        type=\"button\"\n        ref={setRef(4)}\n        tabIndex={tabIndexFor(4)}\n        onFocus={onFocus(4)}\n        className=\"better-editor-tab__action better-editor-tab__action--danger\"\n        onClick={onDelete}\n        title={t.blocks.actions.delete}\n        aria-label={t.blocks.actions.deleteLabel}\n      >\n        <TrashIcon />\n      </button>\n    </div>\n  )\n}\n"],"names":["React","useCallback","useRef","useState","ChevronDown","ChevronUp","CopyIcon","PlusIcon","TrashIcon","useBetterEditorT","BlockActionsToolbar","canMoveUp","canMoveDown","canMutate","canAddBelow","onMoveUp","onMoveDown","onDuplicate","onAddBelow","onDelete","focusIdx","setFocusIdx","btnsRef","onKeyDown","e","key","preventDefault","buttons","current","filter","b","length","findIndex","document","activeElement","start","next","focus","idx","indexOf","t","setRef","i","el","tabIndexFor","onFocus","div","className","role","aria-label","blocks","actions","toolbar","button","type","ref","tabIndex","onClick","disabled","title","moveUp","moveUpLabel","moveDown","moveDownLabel","duplicate","duplicateLabel","addBelow","addBelowLabel","delete","deleteLabel"],"mappings":"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"}

package/dist/admin/blocks/BlockEmptyState.js

@@ -2,12 +2,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { PlusIcon } from '../icons';
-export const BlockEmptyState = ({ canAdd, onAddClick })=>/*#__PURE__*/ _jsxs("div", {
+import { useBetterEditorT } from '../../i18n/useBetterEditorT';
+export const BlockEmptyState = ({ canAdd, onAddClick })=>{
+    const t = useBetterEditorT();
+    return /*#__PURE__*/ _jsxs("div", {
         className: "better-editor-tab better-editor-tab--empty",
         children: [
             /*#__PURE__*/ _jsx("p", {
                 className: "better-editor-tab__empty-text",
-                children: "Select a block in the preview to edit its settings."
+                children: t.blocks.emptyPrompt
             }),
             canAdd ? /*#__PURE__*/ _jsxs("button", {
                 type: "button",
@@ -16,11 +19,12 @@ export const BlockEmptyState = ({ canAdd, onAddClick })=>/*#__PURE__*/ _jsxs("di
                 children: [
                     /*#__PURE__*/ _jsx(PlusIcon, {}),
                     /*#__PURE__*/ _jsx("span", {
-                        children: "Add Block"
+                        children: t.blocks.addBlock
                     })
                 ]
             }) : null
         ]
     });
+};
 
 //# sourceMappingURL=BlockEmptyState.js.map

package/dist/admin/blocks/BlockEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/blocks/BlockEmptyState.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { PlusIcon } from '../icons'\n\nexport type BlockEmptyStateProps = {\n  canAdd: boolean\n  onAddClick: () => void\n}\n\nexport const BlockEmptyState: React.FC<BlockEmptyStateProps> = ({ canAdd, onAddClick }) => (\n  <div className=\"better-editor-tab better-editor-tab--empty\">\n    <p className=\"better-editor-tab__empty-text\">\n      Select a block in the preview to edit its settings.\n    </p>\n    {canAdd ? (\n      <button\n        type=\"button\"\n        className=\"better-editor-tab__add-block\"\n        onClick={onAddClick}\n      >\n        <PlusIcon />\n        <span>Add Block</span>\n      </button>\n    ) : null}\n  </div>\n)\n"],"names":["React","PlusIcon","BlockEmptyState","canAdd","onAddClick","div","className","p","button","type","onClick","span"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,WAAU;AAOnC,OAAO,MAAMC,kBAAkD,CAAC,EAAEC,MAAM,EAAEC,UAAU,EAAE,iBACpF,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBAAED,WAAU;0BAAgC;;YAG5CH,uBACC,MAACK;gBACCC,MAAK;gBACLH,WAAU;gBACVI,SAASN;;kCAET,KAACH;kCACD,KAACU;kCAAK;;;iBAEN;;OAEP"}
+{"version":3,"sources":["../../../src/admin/blocks/BlockEmptyState.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { PlusIcon } from '../icons'\nimport { useBetterEditorT } from '../../i18n/useBetterEditorT'\n\nexport type BlockEmptyStateProps = {\n  canAdd: boolean\n  onAddClick: () => void\n}\n\nexport const BlockEmptyState: React.FC<BlockEmptyStateProps> = ({ canAdd, onAddClick }) => {\n  const t = useBetterEditorT()\n  return (\n    <div className=\"better-editor-tab better-editor-tab--empty\">\n      <p className=\"better-editor-tab__empty-text\">{t.blocks.emptyPrompt}</p>\n      {canAdd ? (\n        <button type=\"button\" className=\"better-editor-tab__add-block\" onClick={onAddClick}>\n          <PlusIcon />\n          <span>{t.blocks.addBlock}</span>\n        </button>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","PlusIcon","useBetterEditorT","BlockEmptyState","canAdd","onAddClick","t","div","className","p","blocks","emptyPrompt","button","type","onClick","span","addBlock"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,WAAU;AACnC,SAASC,gBAAgB,QAAQ,8BAA6B;AAO9D,OAAO,MAAMC,kBAAkD,CAAC,EAAEC,MAAM,EAAEC,UAAU,EAAE;IACpF,MAAMC,IAAIJ;IACV,qBACE,MAACK;QAAIC,WAAU;;0BACb,KAACC;gBAAED,WAAU;0BAAiCF,EAAEI,MAAM,CAACC,WAAW;;YACjEP,uBACC,MAACQ;gBAAOC,MAAK;gBAASL,WAAU;gBAA+BM,SAAST;;kCACtE,KAACJ;kCACD,KAACc;kCAAMT,EAAEI,MAAM,CAACM,QAAQ;;;iBAExB;;;AAGV,EAAC"}

package/dist/admin/blocks/BlockHeader.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export type BlockHeaderProps = {
     blockType: string;
+    blockLabel?: string;
     path: string;
     onClearSelection: () => void;
 };

package/dist/admin/blocks/BlockHeader.js

@@ -1,22 +1,22 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const BlockHeader = ({ blockType, path, onClearSelection })=>/*#__PURE__*/ _jsxs("div", {
+import { useBetterEditorT } from '../../i18n/useBetterEditorT';
+export const BlockHeader = ({ blockType, blockLabel, path, onClearSelection })=>{
+    const t = useBetterEditorT();
+    return /*#__PURE__*/ _jsxs("div", {
         className: "better-editor-tab__header",
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 children: [
                     /*#__PURE__*/ _jsx("span", {
                         className: "better-editor-tab__kicker",
-                        children: "Block"
+                        children: t.blocks.kicker
                     }),
                     /*#__PURE__*/ _jsx("h3", {
                         className: "better-editor-tab__heading",
-                        children: blockType
-                    }),
-                    /*#__PURE__*/ _jsx("code", {
-                        className: "better-editor-tab__path",
-                        children: path
+                        title: blockLabel ? `${blockType} | ${path}` : path,
+                        children: blockLabel || blockType
                     })
                 ]
             }),
@@ -24,9 +24,10 @@ export const BlockHeader = ({ blockType, path, onClearSelection })=>/*#__PURE__*
                 type: "button",
                 className: "better-editor-tab__clear",
                 onClick: onClearSelection,
-                children: "Deselect"
+                children: t.blocks.deselect
             })
         ]
     });
+};
 
 //# sourceMappingURL=BlockHeader.js.map

package/dist/admin/blocks/BlockHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/blocks/BlockHeader.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nexport type BlockHeaderProps = {\n  blockType: string\n  path: string\n  onClearSelection: () => void\n}\n\nexport const BlockHeader: React.FC<BlockHeaderProps> = ({\n  blockType,\n  path,\n  onClearSelection,\n}) => (\n  <div className=\"better-editor-tab__header\">\n    <div>\n      <span className=\"better-editor-tab__kicker\">Block</span>\n      <h3 className=\"better-editor-tab__heading\">{blockType}</h3>\n      <code className=\"better-editor-tab__path\">{path}</code>\n    </div>\n    <button\n      type=\"button\"\n      className=\"better-editor-tab__clear\"\n      onClick={onClearSelection}\n    >\n      Deselect\n    </button>\n  </div>\n)\n"],"names":["React","BlockHeader","blockType","path","onClearSelection","div","className","span","h3","code","button","type","onClick"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,cAA0C,CAAC,EACtDC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EACjB,iBACC,MAACC;QAAIC,WAAU;;0BACb,MAACD;;kCACC,KAACE;wBAAKD,WAAU;kCAA4B;;kCAC5C,KAACE;wBAAGF,WAAU;kCAA8BJ;;kCAC5C,KAACO;wBAAKH,WAAU;kCAA2BH;;;;0BAE7C,KAACO;gBACCC,MAAK;gBACLL,WAAU;gBACVM,SAASR;0BACV;;;OAIJ"}
+{"version":3,"sources":["../../../src/admin/blocks/BlockHeader.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { useBetterEditorT } from '../../i18n/useBetterEditorT'\n\nexport type BlockHeaderProps = {\n  blockType: string\n  blockLabel?: string\n  path: string\n  onClearSelection: () => void\n}\n\nexport const BlockHeader: React.FC<BlockHeaderProps> = ({\n  blockType,\n  blockLabel,\n  path,\n  onClearSelection,\n}) => {\n  const t = useBetterEditorT()\n  return (\n    <div className=\"better-editor-tab__header\">\n      <div>\n        <span className=\"better-editor-tab__kicker\">{t.blocks.kicker}</span>\n        <h3\n          className=\"better-editor-tab__heading\"\n          title={blockLabel ? `${blockType} | ${path}` : path}\n        >\n          {blockLabel || blockType}\n        </h3>\n      </div>\n      <button\n        type=\"button\"\n        className=\"better-editor-tab__clear\"\n        onClick={onClearSelection}\n      >\n        {t.blocks.deselect}\n      </button>\n    </div>\n  )\n}\n"],"names":["React","useBetterEditorT","BlockHeader","blockType","blockLabel","path","onClearSelection","t","div","className","span","blocks","kicker","h3","title","button","type","onClick","deselect"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,gBAAgB,QAAQ,8BAA6B;AAS9D,OAAO,MAAMC,cAA0C,CAAC,EACtDC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,gBAAgB,EACjB;IACC,MAAMC,IAAIN;IACV,qBACE,MAACO;QAAIC,WAAU;;0BACb,MAACD;;kCACC,KAACE;wBAAKD,WAAU;kCAA6BF,EAAEI,MAAM,CAACC,MAAM;;kCAC5D,KAACC;wBACCJ,WAAU;wBACVK,OAAOV,aAAa,GAAGD,UAAU,GAAG,EAAEE,MAAM,GAAGA;kCAE9CD,cAAcD;;;;0BAGnB,KAACY;gBACCC,MAAK;gBACLP,WAAU;gBACVQ,SAASX;0BAERC,EAAEI,MAAM,CAACO,QAAQ;;;;AAI1B,EAAC"}

package/dist/admin/blocks/schema.js

@@ -21,8 +21,23 @@ export const findNamedField = (fields, name, schemaPath)=>{
         }
         if (field.type === 'tabs') {
             for (const tab of field.tabs){
-                const tabSchemaPath = tabHasName(tab) ? `${schemaPath}.${tab.name}` : schemaPath;
-                const found = findNamedField(tab.fields, name, tabSchemaPath);
+                if (tabHasName(tab)) {
+                    // Named tabs own a path segment like groups do — surface as group
+                    // so the resolver handles them without an extra field type.
+                    if (tab.name === name) {
+                        return {
+                            field: {
+                                type: 'group',
+                                name: tab.name,
+                                fields: tab.fields
+                            },
+                            schemaPath: `${schemaPath}.${tab.name}`
+                        };
+                    }
+                    continue;
+                }
+                // Unnamed (presentational) tabs are "transparent".
+                const found = findNamedField(tab.fields, name, schemaPath);
                 if (found) return found;
             }
         } else if (field.type === 'collapsible' || field.type === 'row') {
@@ -44,18 +59,25 @@ export const resolveBlockSchema = (context, blockPath)=>{
     let blockConfig = null;
     let blocksFieldSchemaPath = '';
     let blocksFieldBlocks = [];
-    for(let i = 0; i < segments.length; i += 2){
+    // Walk the path segment by segment. `blocks`/`array` consume a following
+    // array index; named tabs/groups consume only their own segment (data
+    // nesting without an index), so a fixed field/index pairing cannot be
+    // assumed.
+    let i = 0;
+    while(i < segments.length){
         const fieldName = segments[i];
-        const indexStr = segments[i + 1];
-        if (indexStr === undefined) break;
-        const index = Number(indexStr);
-        if (!Number.isInteger(index) || index < 0) return null;
         const found = findNamedField(currentFields, fieldName, currentSchemaPath);
         if (!found) return null;
         const field = found.field;
         currentSchemaPath = found.schemaPath;
         currentPath = currentPath ? `${currentPath}.${fieldName}` : fieldName;
+        i += 1;
         if (field.type === 'blocks') {
+            const indexStr = segments[i];
+            if (indexStr === undefined) return null;
+            const index = Number(indexStr);
+            if (!Number.isInteger(index) || index < 0) return null;
+            i += 1;
             const rows = formFields[currentPath]?.rows;
             if (!Array.isArray(rows) || index >= rows.length) return null;
             const row = rows[index];
@@ -71,8 +93,17 @@ export const resolveBlockSchema = (context, blockPath)=>{
             currentSchemaPath = `${currentSchemaPath}.${blockType}`;
             currentPath = `${currentPath}.${index}`;
         } else if (field.type === 'array') {
+            const indexStr = segments[i];
+            if (indexStr === undefined) return null;
+            const index = Number(indexStr);
+            if (!Number.isInteger(index) || index < 0) return null;
+            i += 1;
             currentFields = field.fields;
             currentPath = `${currentPath}.${index}`;
+        } else if (field.type === 'group') {
+            // Named groups (and named tabs surfaced as groups) nest data under
+            // their own segment with no array index — just descend.
+            currentFields = field.fields;
         } else {
             return null;
         }

package/dist/admin/blocks/schema.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/blocks/schema.ts"],"sourcesContent":["import type { ClientTab } from 'payload'\nimport type { ClientBlock, ClientField, FormState } from 'payload'\n\nexport type Resolved = {\n  blockType: string\n  blockFields: ClientField[]\n  schemaPath: string\n  parentPath: string\n  blocksFieldSchemaPath: string\n  blocksFieldBlocks: ClientBlock[]\n}\n\nexport type BlockSchemaContext = {\n  docFields: ClientField[]\n  docSlug: string\n  formFields: FormState\n  /** Client config block registry, used to resolve `blockReferences` slugs. */\n  blocksMap?: Record<string, ClientBlock>\n}\n\ntype BlocksLikeField = {\n  blocks?: ClientBlock[]\n  blockReferences?: (ClientBlock | string)[]\n}\n\n// Resolves a blocks field's block configs, handling `blockReferences` (slugs\n// looked up in the config block registry) where the field's own `blocks` is empty.\nexport const resolveFieldBlocks = (\n  field: BlocksLikeField,\n  blocksMap: Record<string, ClientBlock> | undefined,\n): ClientBlock[] => {\n  if (!field.blockReferences) return field.blocks ?? []\n  const out: ClientBlock[] = []\n  for (const ref of field.blockReferences) {\n    const block = typeof ref === 'string' ? blocksMap?.[ref] : ref\n    if (block) out.push(block)\n  }\n  return out\n}\n\nconst tabHasName = (tab: ClientTab): tab is ClientTab & { name: string } =>\n  typeof (tab as { name?: unknown }).name === 'string'\n\nexport const findNamedField = (\n  fields: ClientField[],\n  name: string,\n  schemaPath: string,\n): { field: ClientField; schemaPath: string } | null => {\n  for (const field of fields) {\n    if (!field || typeof field !== 'object') continue\n\n    if ('name' in field && typeof field.name === 'string' && field.name === name) {\n      return { field, schemaPath: `${schemaPath}.${name}` }\n    }\n\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabSchemaPath = tabHasName(tab) ? `${schemaPath}.${tab.name}` : schemaPath\n        const found = findNamedField(tab.fields, name, tabSchemaPath)\n        if (found) return found\n      }\n    } else if (field.type === 'collapsible' || field.type === 'row') {\n      const found = findNamedField(field.fields, name, schemaPath)\n      if (found) return found\n    }\n    // Groups are not transparent: their inner fields are reached via the\n    // group's own name as the next path segment.\n  }\n  return null\n}\n\nexport const resolveBlockSchema = (\n  context: BlockSchemaContext,\n  blockPath: string,\n): Resolved | null => {\n  const { docFields, docSlug, formFields, blocksMap } = context\n  const segments = blockPath.split('.')\n  let currentFields: ClientField[] = docFields\n  let currentSchemaPath = docSlug\n  let currentPath = ''\n  let blockType: string | null = null\n  let blockConfig: ClientBlock | null = null\n  let blocksFieldSchemaPath = ''\n  let blocksFieldBlocks: ClientBlock[] = []\n\n  for (let i = 0; i < segments.length; i += 2) {\n    const fieldName = segments[i]\n    const indexStr = segments[i + 1]\n    if (indexStr === undefined) break\n    const index = Number(indexStr)\n    if (!Number.isInteger(index) || index < 0) return null\n\n    const found = findNamedField(currentFields, fieldName, currentSchemaPath)\n    if (!found) return null\n    const field = found.field\n    currentSchemaPath = found.schemaPath\n    currentPath = currentPath ? `${currentPath}.${fieldName}` : fieldName\n\n    if (field.type === 'blocks') {\n      const rows = formFields[currentPath]?.rows\n      if (!Array.isArray(rows) || index >= rows.length) return null\n      const row = rows[index] as { blockType?: string } | undefined\n      if (!row?.blockType) return null\n      blockType = row.blockType\n      const blocks = resolveFieldBlocks(field, blocksMap)\n      blockConfig = blocks.find((b) => b.slug === blockType) ?? null\n      if (!blockConfig) return null\n      // Capture parent before descending — used by \"add sibling block\".\n      blocksFieldSchemaPath = currentSchemaPath\n      blocksFieldBlocks = blocks\n      currentFields = blockConfig.fields\n      currentSchemaPath = `${currentSchemaPath}.${blockType}`\n      currentPath = `${currentPath}.${index}`\n    } else if (field.type === 'array') {\n      currentFields = field.fields\n      currentPath = `${currentPath}.${index}`\n    } else {\n      return null\n    }\n  }\n\n  if (!blockType || !blockConfig) return null\n\n  return {\n    blockType,\n    blockFields: currentFields,\n    schemaPath: currentSchemaPath,\n    parentPath: currentPath,\n    blocksFieldSchemaPath,\n    blocksFieldBlocks,\n  }\n}\n"],"names":["resolveFieldBlocks","field","blocksMap","blockReferences","blocks","out","ref","block","push","tabHasName","tab","name","findNamedField","fields","schemaPath","type","tabs","tabSchemaPath","found","resolveBlockSchema","context","blockPath","docFields","docSlug","formFields","segments","split","currentFields","currentSchemaPath","currentPath","blockType","blockConfig","blocksFieldSchemaPath","blocksFieldBlocks","i","length","fieldName","indexStr","undefined","index","Number","isInteger","rows","Array","isArray","row","find","b","slug","blockFields","parentPath"],"mappings":"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"}
+{"version":3,"sources":["../../../src/admin/blocks/schema.ts"],"sourcesContent":["import type { ClientTab } from 'payload'\nimport type { ClientBlock, ClientField, FormState } from 'payload'\n\nexport type Resolved = {\n  blockType: string\n  blockFields: ClientField[]\n  schemaPath: string\n  parentPath: string\n  blocksFieldSchemaPath: string\n  blocksFieldBlocks: ClientBlock[]\n}\n\nexport type BlockSchemaContext = {\n  docFields: ClientField[]\n  docSlug: string\n  formFields: FormState\n  /** Client config block registry, used to resolve `blockReferences` slugs. */\n  blocksMap?: Record<string, ClientBlock>\n}\n\ntype BlocksLikeField = {\n  blocks?: ClientBlock[]\n  blockReferences?: (ClientBlock | string)[]\n}\n\n// Resolves a blocks field's block configs, handling `blockReferences` (slugs\n// looked up in the config block registry) where the field's own `blocks` is empty.\nexport const resolveFieldBlocks = (\n  field: BlocksLikeField,\n  blocksMap: Record<string, ClientBlock> | undefined,\n): ClientBlock[] => {\n  if (!field.blockReferences) return field.blocks ?? []\n  const out: ClientBlock[] = []\n  for (const ref of field.blockReferences) {\n    const block = typeof ref === 'string' ? blocksMap?.[ref] : ref\n    if (block) out.push(block)\n  }\n  return out\n}\n\nconst tabHasName = (tab: ClientTab): tab is ClientTab & { name: string } =>\n  typeof (tab as { name?: unknown }).name === 'string'\n\nexport const findNamedField = (\n  fields: ClientField[],\n  name: string,\n  schemaPath: string,\n): { field: ClientField; schemaPath: string } | null => {\n  for (const field of fields) {\n    if (!field || typeof field !== 'object') continue\n\n    if ('name' in field && typeof field.name === 'string' && field.name === name) {\n      return { field, schemaPath: `${schemaPath}.${name}` }\n    }\n\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        if (tabHasName(tab)) {\n          // Named tabs own a path segment like groups do — surface as group\n          // so the resolver handles them without an extra field type.\n          if (tab.name === name) {\n            return {\n              field: { type: 'group', name: tab.name, fields: tab.fields } as ClientField,\n              schemaPath: `${schemaPath}.${tab.name}`,\n            }\n          }\n          continue\n        }\n\n        // Unnamed (presentational) tabs are \"transparent\".\n        const found = findNamedField(tab.fields, name, schemaPath)\n        if (found) return found\n      }\n    } else if (field.type === 'collapsible' || field.type === 'row') {\n      const found = findNamedField(field.fields, name, schemaPath)\n      if (found) return found\n    }\n    // Groups are not transparent: their inner fields are reached via the\n    // group's own name as the next path segment.\n  }\n  return null\n}\n\nexport const resolveBlockSchema = (\n  context: BlockSchemaContext,\n  blockPath: string,\n): Resolved | null => {\n  const { docFields, docSlug, formFields, blocksMap } = context\n  const segments = blockPath.split('.')\n  let currentFields: ClientField[] = docFields\n  let currentSchemaPath = docSlug\n  let currentPath = ''\n  let blockType: string | null = null\n  let blockConfig: ClientBlock | null = null\n  let blocksFieldSchemaPath = ''\n  let blocksFieldBlocks: ClientBlock[] = []\n\n  // Walk the path segment by segment. `blocks`/`array` consume a following\n  // array index; named tabs/groups consume only their own segment (data\n  // nesting without an index), so a fixed field/index pairing cannot be\n  // assumed.\n  let i = 0\n  while (i < segments.length) {\n    const fieldName = segments[i]\n    const found = findNamedField(currentFields, fieldName, currentSchemaPath)\n    if (!found) return null\n    const field = found.field\n    currentSchemaPath = found.schemaPath\n    currentPath = currentPath ? `${currentPath}.${fieldName}` : fieldName\n    i += 1\n\n    if (field.type === 'blocks') {\n      const indexStr = segments[i]\n      if (indexStr === undefined) return null\n      const index = Number(indexStr)\n      if (!Number.isInteger(index) || index < 0) return null\n      i += 1\n      const rows = formFields[currentPath]?.rows\n      if (!Array.isArray(rows) || index >= rows.length) return null\n      const row = rows[index] as { blockType?: string } | undefined\n      if (!row?.blockType) return null\n      blockType = row.blockType\n      const blocks = resolveFieldBlocks(field, blocksMap)\n      blockConfig = blocks.find((b) => b.slug === blockType) ?? null\n      if (!blockConfig) return null\n      // Capture parent before descending — used by \"add sibling block\".\n      blocksFieldSchemaPath = currentSchemaPath\n      blocksFieldBlocks = blocks\n      currentFields = blockConfig.fields\n      currentSchemaPath = `${currentSchemaPath}.${blockType}`\n      currentPath = `${currentPath}.${index}`\n    } else if (field.type === 'array') {\n      const indexStr = segments[i]\n      if (indexStr === undefined) return null\n      const index = Number(indexStr)\n      if (!Number.isInteger(index) || index < 0) return null\n      i += 1\n      currentFields = field.fields\n      currentPath = `${currentPath}.${index}`\n    } else if (field.type === 'group') {\n      // Named groups (and named tabs surfaced as groups) nest data under\n      // their own segment with no array index — just descend.\n      currentFields = field.fields\n    } else {\n      return null\n    }\n  }\n\n  if (!blockType || !blockConfig) return null\n\n  return {\n    blockType,\n    blockFields: currentFields,\n    schemaPath: currentSchemaPath,\n    parentPath: currentPath,\n    blocksFieldSchemaPath,\n    blocksFieldBlocks,\n  }\n}\n"],"names":["resolveFieldBlocks","field","blocksMap","blockReferences","blocks","out","ref","block","push","tabHasName","tab","name","findNamedField","fields","schemaPath","type","tabs","found","resolveBlockSchema","context","blockPath","docFields","docSlug","formFields","segments","split","currentFields","currentSchemaPath","currentPath","blockType","blockConfig","blocksFieldSchemaPath","blocksFieldBlocks","i","length","fieldName","indexStr","undefined","index","Number","isInteger","rows","Array","isArray","row","find","b","slug","blockFields","parentPath"],"mappings":"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"}

package/dist/admin/sidebar/BlockSettingsTab.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { RenderFields, useAllFormFields, useConfig, useDrawerSlug, useField, useModal } from '@payloadcms/ui';
+import { RenderFields, useAllFormFields, useConfig, useDrawerSlug, useField, useModal, useTranslation } from '@payloadcms/ui';
 import { useDocConfig } from '../../hooks/useDocConfig';
 import { useAddBlockDrawer } from '../../hooks/useAddBlockDrawer';
 import { AddBlockDrawer } from '../blocks/AddBlockDrawer';
@@ -10,7 +10,10 @@ import { useBlockActions } from '../blocks/useBlockActions';
 import { findNamedField, resolveBlockSchema, resolveFieldBlocks } from '../blocks/schema';
 import { BlockEmptyState } from '../blocks/BlockEmptyState';
 import { BlockHeader } from '../blocks/BlockHeader';
+import { useBetterEditorT } from '../../i18n/useBetterEditorT';
 export const BlockSettingsTab = ({ selectedBlockPath, onClearSelection, onSelectPath, blocksField, addBelowRequestId = 0 })=>{
+    const t = useBetterEditorT();
+    const { i18n } = useTranslation();
     const { fields: docFields, slug: docSlug } = useDocConfig();
     const [fields] = useAllFormFields();
     const { config } = useConfig();
@@ -68,11 +71,22 @@ export const BlockSettingsTab = ({ selectedBlockPath, onClearSelection, onSelect
         formFields: fields,
         blocksMap
     }, selectedBlockPath) : null;
+    const blockLabel = (()=>{
+        if (!resolved) return undefined;
+        const cfg = resolved.blocksFieldBlocks.find((b)=>b.slug === resolved.blockType);
+        const singular = cfg?.labels?.singular;
+        if (typeof singular === 'string') return singular;
+        if (singular && typeof singular === 'object') {
+            return singular[i18n.language] ?? Object.values(singular)[0];
+        }
+        return undefined;
+    })();
     return /*#__PURE__*/ _jsxs("div", {
         className: "better-editor-tab better-editor-tab--native",
         children: [
             /*#__PURE__*/ _jsx(BlockHeader, {
                 blockType: resolved?.blockType || 'unknown',
+                blockLabel: blockLabel,
                 path: selectedBlockPath,
                 onClearSelection: onClearSelection
             }),
@@ -104,7 +118,7 @@ export const BlockSettingsTab = ({ selectedBlockPath, onClearSelection, onSelect
             }) : null,
             !resolved ? /*#__PURE__*/ _jsx("div", {
                 className: "better-editor-tab__empty",
-                children: "Could not resolve block schema for this path."
+                children: t.blocks.schemaError
             }) : /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
                     /*#__PURE__*/ _jsx(BlockNameInput, {
@@ -132,6 +146,7 @@ const BlockNameInput = ({ path })=>{
     const { value, setValue } = useField({
         path
     });
+    const t = useBetterEditorT();
     const inputId = `be-blockname-${path}`;
     return /*#__PURE__*/ _jsxs("div", {
         className: "better-editor-tab__block-name",
@@ -139,7 +154,7 @@ const BlockNameInput = ({ path })=>{
             /*#__PURE__*/ _jsx("label", {
                 className: "better-editor-tab__block-name-label",
                 htmlFor: inputId,
-                children: "Block Name"
+                children: t.blocks.blockName
             }),
             /*#__PURE__*/ _jsx("input", {
                 id: inputId,
@@ -147,7 +162,7 @@ const BlockNameInput = ({ path })=>{
                 type: "text",
                 value: value || '',
                 onChange: (e)=>setValue(e.target.value),
-                placeholder: "Optional label for this block"
+                placeholder: t.blocks.blockNamePlaceholder
             })
         ]
     });