@prenta/admin 2.6.1 → 2.8.0

package/design-system/tokens.scss

@@ -1,4 +1,4 @@
-// PrentaCMS — SCSS Design Tokens v2.0.0
+// PrentaCMS — SCSS Design Tokens v2.1.0
 // GENERATED FILE — DO NOT EDIT. Source: design-system/tokens.json.
 // Regenerate: pnpm --filter @prenta/admin generate
 //
@@ -9,26 +9,30 @@
 //      runtime theming.
 
 $prenta-light: (
-  'bg': #f5f4fa,
+  'bg': #f4f5f7,
   'sb': #ffffff,
   'card': #ffffff,
-  'bdr': #e8e6f2,
-  'txt': #1a1827,
-  'sub': #6b6878,
-  'muted': #716e83,
-  'acc': #7c3aed,
-  'acc-l': #ede9fe,
-  'acc-m': #c4b5fd,
+  'bdr': #e3e5ea,
+  'txt': #16181d,
+  'sub': #50555f,
+  'muted': #676c76,
+  'acc-base': #2f5bea,
+  'acc': var(--acc-lt, var(--acc-base)),
+  'acc-l': color-mix(in oklch, var(--acc) 11%, var(--card)),
+  'acc-m': color-mix(in oklch, var(--acc) 38%, var(--card)),
+  'on-acc': #ffffff,
   'suc': #047857,
   'suc-l': #ecfdf5,
-  'warn': #92400e,
+  'warn': #b45309,
   'warn-l': #fffbeb,
   'err': #b91c1c,
   'err-l': #fef2f2,
   'info': #0e7490,
   'info-l': #e0f7fa,
-  'tag-purple': #7c3aed,
-  'tag-purple-soft': #f3e8ff,
+  'orange': #c2410c,
+  'notify-dot': #e11d48,
+  'tag-purple': #4f46e5,
+  'tag-purple-soft': #eef2ff,
   'tag-green': #0f766e,
   'tag-green-soft': #ccfbf1,
   'tag-orange': #c2410c,
@@ -41,11 +45,49 @@ $prenta-light: (
   'tag-pink-soft': #fce7f3,
   'tag-gray': #475569,
   'tag-gray-soft': #f1f5f9,
-  'ai1': #7c3aed,
-  'ai2': #c026d3,
-  'ai-soft': linear-gradient(135deg, rgba(124, 58, 237, 0.09), rgba(192, 38, 211, 0.07)),
+  'avatar-1': #2f5bea,
+  'avatar-2': #0e7490,
+  'avatar-3': #047857,
+  'avatar-4': #b45309,
+  'avatar-5': #e11d48,
+  'avatar-6': #4f46e5,
+  'avatar-7': #db2777,
+  'avatar-8': #0f766e,
+  'ai1': var(--acc),
+  'ai2': oklch(from var(--acc) calc(l - 0.07) c calc(h - 50)),
+  'ai-soft': linear-gradient(
+      135deg,
+      color-mix(in oklch, var(--ai1) 9%, transparent),
+      color-mix(in oklch, var(--ai2) 7%, transparent)
+    ),
+  'scrim': rgba(10, 12, 20, 0.38),
+  'scrim-drawer': rgba(10, 12, 20, 0.28),
+  'code-bg': #0f1115,
+  'code-txt': #d6dae1,
+  'code-cmt': #6b7280,
+  'code-str': #9fd39b,
+  'code-kw': #c4a7ff,
+  'code-err': #f2b8b5,
+  'code-btn-bg': #171a20,
+  'code-btn-bdr': #2a2e36,
+  'code-btn-txt': #c9cdd4,
+  'code-file': #8a8f99,
+  'site-bg': #ffffff,
+  'site-txt': #16181d,
+  'site-sub': #50555f,
+  'site-muted': #8a8f99,
+  'site-bdr': #e3e5ea,
+  'site-alt': #f4f5f7,
+  'site-alt2': #eef0f3,
+  'site-chip': #d9dce1,
+  'site-foot-txt': #c9cdd4,
+  'site-alert': #b45309,
+  'site-thumb': #2a2d33,
+  'site-thumb-bar': #555555,
+  'serp-link': #1a0dab,
   'toggle-thumb': #ffffff,
-  'font-sans': system-ui,
+  'font-sans': 'DM Sans',
+  system-ui,
   -apple-system,
   'Segoe UI',
   Roboto,
@@ -59,18 +101,38 @@ $prenta-light: (
   'fw-semi': 600,
   'fw-bold': 700,
   'fs-page': 21px,
-  'fs-card': 14px,
+  'fs-drawer': 16px,
+  'fs-stat': 20px,
+  'fs-figure': 14px,
+  'fs-card': 13.5px,
   'fs-body': 13px,
+  'fs-sm': 12.5px,
   'fs-sub': 12px,
   'fs-hint': 11.5px,
+  'fs-badge': 9.5px,
+  'fs-tab': 9px,
+  'fs-count': 10.5px,
+  'fs-micro': 11px,
   'fs-label': 10px,
   'sbw': 224px,
   'sbw-col': 60px,
   'tbh': 56px,
-  'r-sm': 6px,
+  'gut': 28px,
+  'drawer-w': 440px,
+  'jobs-drawer-w': 620px,
+  'tabbar-h': 56px,
+  'r-xs': 4px,
+  'r-sm': 5px,
+  'r-6': 6px,
+  'r-7': 7px,
+  'r-8': 8px,
+  'r-9': 9px,
+  'r-10': 10px,
+  'r-12': 12px,
+  'r-14': 14px,
   'r-field': 7px,
   'r-ctl': 8px,
-  'r': 10px,
+  'r': 12px,
   'r-fig': 12px,
   'r-pill': 99px,
   'sp-2': 2px,
@@ -94,32 +156,56 @@ $prenta-light: (
   'bw-ctl': 1.5px,
   'bw-focus': 2px,
   'ring': 0 0 0 3px var(--acc-m),
-  'shd': 0 1px 2px rgba(0, 0, 0, 0.05),
-  0 1px 4px rgba(0, 0, 0, 0.04),
-  'shd2': 0 4px 16px rgba(0, 0, 0, 0.1),
+  'shd': 0 1px 2px rgba(16, 18, 24, 0.05),
+  0 1px 4px rgba(16, 18, 24, 0.04),
+  'shd2': 0 4px 16px rgba(16, 18, 24, 0.1),
+  'shd-bar': 0 10px 30px rgba(0, 0, 0, 0.22),
+  'shd-knob': 0 1px 2px rgba(0, 0, 0, 0.25),
+  'shd-save': 0 -3px 16px rgba(0, 0, 0, 0.06),
+  'shd-tabbar': 0 -2px 12px rgba(0, 0, 0, 0.08),
   'mo-fast': 0.12s,
-  'mo-base': 0.18s,
+  'mo-base': 0.15s,
   'mo-slow': 0.22s,
   'ease': cubic-bezier(0.4, 0, 0.2, 1),
   'motion-layout': 0.22s cubic-bezier(0.4, 0, 0.2, 1),
   'z-raise': 2,
+  'z-bar': 20,
   'z-resizer': 30,
   'z-overlay': 45,
+  'z-tabbar': 30,
   'z-menu': 120,
-  'z-toast': 200,
+  'z-drawer-scrim': 150,
+  'z-drawer': 160,
+  'z-modal': 200,
+  'z-toast': 260,
+  'z-toast-jobs': 300,
+);
+
+$prenta-linen: (
+  'bg': #f5f2ec,
+  'sb': #fbfaf7,
+  'card': #ffffff,
+  'bdr': #e6e0d6,
+  'txt': #1e1a15,
+  'sub': #5c554a,
+  'muted': #6d665a,
+  'shd': 0 1px 2px rgba(40, 30, 15, 0.06),
+  0 1px 4px rgba(40, 30, 15, 0.04),
+  'shd2': 0 4px 16px rgba(40, 30, 15, 0.1),
 );
 
 $prenta-dark: (
-  'bg': #0d0c18,
-  'sb': #141222,
-  'card': #1c1a2e,
-  'bdr': #2c2a42,
-  'txt': #eae8f5,
-  'sub': #8e8ba8,
-  'muted': #8784a2,
-  'acc': #9d71f0,
-  'acc-l': #231950,
-  'acc-m': #5e3eaa,
+  'bg': #0e0f11,
+  'sb': #15161a,
+  'card': #1b1d21,
+  'bdr': #2a2d33,
+  'txt': #ecedef,
+  'sub': #adb1ba,
+  'muted': #9499a3,
+  'acc': var(--acc-dk, color-mix(in oklch, var(--acc-base) 70%, #ffffff)),
+  'acc-l': color-mix(in oklch, var(--acc-base) 20%, var(--card)),
+  'acc-m': color-mix(in oklch, var(--acc-base) 50%, var(--card)),
+  'on-acc': #0e0f11,
   'suc': #10b981,
   'suc-l': #022c22,
   'warn': #fbbf24,
@@ -128,8 +214,9 @@ $prenta-dark: (
   'err-l': #200808,
   'info': #38bdf8,
   'info-l': #0a2838,
-  'tag-purple': #a78bfa,
-  'tag-purple-soft': #2e1065,
+  'orange': #fb923c,
+  'tag-purple': #818cf8,
+  'tag-purple-soft': #1e1b4b,
   'tag-green': #2dd4bf,
   'tag-green-soft': #042f2e,
   'tag-orange': #fb923c,
@@ -142,9 +229,13 @@ $prenta-dark: (
   'tag-pink-soft': #500724,
   'tag-gray': #94a3b8,
   'tag-gray-soft': #1e293b,
-  'ai1': #7c3aed,
-  'ai2': #c026d3,
-  'ai-soft': linear-gradient(135deg, rgba(157, 113, 240, 0.16), rgba(192, 38, 211, 0.12)),
+  'ai2': oklch(from var(--acc) calc(l + 0.1) c calc(h - 50)),
+  'ai-soft': linear-gradient(
+      135deg,
+      color-mix(in oklch, var(--ai1) 16%, transparent),
+      color-mix(in oklch, var(--ai2) 12%, transparent)
+    ),
+  'serp-link': #8ab4f8,
   'shd': 0 1px 2px rgba(0, 0, 0, 0.3),
   0 1px 4px rgba(0, 0, 0, 0.2),
   'shd2': 0 4px 20px rgba(0, 0, 0, 0.45),
@@ -153,10 +244,22 @@ $prenta-dark: (
 $prenta-sbw: 224px;
 $prenta-sbw-col: 60px;
 $prenta-tbh: 56px;
-$prenta-r-sm: 6px;
+$prenta-gut: 28px;
+$prenta-drawer-w: 440px;
+$prenta-jobs-drawer-w: 620px;
+$prenta-tabbar-h: 56px;
+$prenta-r-xs: 4px;
+$prenta-r-sm: 5px;
+$prenta-r-6: 6px;
+$prenta-r-7: 7px;
+$prenta-r-8: 8px;
+$prenta-r-9: 9px;
+$prenta-r-10: 10px;
+$prenta-r-12: 12px;
+$prenta-r-14: 14px;
 $prenta-r-field: 7px;
 $prenta-r-ctl: 8px;
-$prenta-r: 10px;
+$prenta-r: 12px;
 $prenta-r-fig: 12px;
 $prenta-r-pill: 99px;
 $prenta-sp-2: 2px;
@@ -181,6 +284,7 @@ $prenta-bw-ctl: 1.5px;
 $prenta-bw-focus: 2px;
 $prenta-ring: 0 0 0 3px var(--acc-m);
 $prenta-font-sans:
+  'DM Sans',
   system-ui,
   -apple-system,
   'Segoe UI',
@@ -192,19 +296,34 @@ $prenta-fw-med: 500;
 $prenta-fw-semi: 600;
 $prenta-fw-bold: 700;
 $prenta-fs-page: 21px;
-$prenta-fs-card: 14px;
+$prenta-fs-drawer: 16px;
+$prenta-fs-stat: 20px;
+$prenta-fs-figure: 14px;
+$prenta-fs-card: 13.5px;
 $prenta-fs-body: 13px;
+$prenta-fs-sm: 12.5px;
 $prenta-fs-sub: 12px;
 $prenta-fs-hint: 11.5px;
+$prenta-fs-badge: 9.5px;
+$prenta-fs-tab: 9px;
+$prenta-fs-count: 10.5px;
+$prenta-fs-micro: 11px;
 $prenta-fs-label: 10px;
 $prenta-z-raise: 2;
+$prenta-z-bar: 20;
 $prenta-z-resizer: 30;
 $prenta-z-overlay: 45;
+$prenta-z-tabbar: 30;
 $prenta-z-menu: 120;
-$prenta-z-toast: 200;
+$prenta-z-drawer-scrim: 150;
+$prenta-z-drawer: 160;
+$prenta-z-modal: 200;
+$prenta-z-toast: 260;
+$prenta-z-toast-jobs: 300;
 
+/// $theme: 'light' (Porcelain), 'linen' (overrides only) or 'dark'.
 @mixin prenta-css-vars($theme: 'light') {
-  $map: if($theme == 'dark', $prenta-dark, $prenta-light);
+  $map: if($theme == 'dark', $prenta-dark, if($theme == 'linen', $prenta-linen, $prenta-light));
   @each $name, $value in $map {
     --#{$name}: #{$value};
   }

package/design-system/tokens.tailwind.cjs

@@ -30,9 +30,11 @@ module.exports = {
         txt: v('--txt'),
         sub: v('--sub'),
         muted: v('--muted'),
+        'acc-base': v('--acc-base'),
         acc: v('--acc'),
         'acc-l': v('--acc-l'),
         'acc-m': v('--acc-m'),
+        'on-acc': v('--on-acc'),
         suc: v('--suc'),
         'suc-l': v('--suc-l'),
         warn: v('--warn'),
@@ -41,6 +43,7 @@ module.exports = {
         'err-l': v('--err-l'),
         info: v('--info'),
         'info-l': v('--info-l'),
+        'notify-dot': v('--notify-dot'),
         'tag-purple': v('--tag-purple'),
         'tag-purple-soft': v('--tag-purple-soft'),
         'tag-green': v('--tag-green'),
@@ -55,16 +58,58 @@ module.exports = {
         'tag-pink-soft': v('--tag-pink-soft'),
         'tag-gray': v('--tag-gray'),
         'tag-gray-soft': v('--tag-gray-soft'),
+        'avatar-1': v('--avatar-1'),
+        'avatar-2': v('--avatar-2'),
+        'avatar-3': v('--avatar-3'),
+        'avatar-4': v('--avatar-4'),
+        'avatar-5': v('--avatar-5'),
+        'avatar-6': v('--avatar-6'),
+        'avatar-7': v('--avatar-7'),
+        'avatar-8': v('--avatar-8'),
         ai1: v('--ai1'),
         ai2: v('--ai2'),
+        scrim: v('--scrim'),
+        'scrim-drawer': v('--scrim-drawer'),
+        'code-bg': v('--code-bg'),
+        'code-txt': v('--code-txt'),
+        'code-cmt': v('--code-cmt'),
+        'code-str': v('--code-str'),
+        'code-kw': v('--code-kw'),
+        'code-err': v('--code-err'),
+        'code-btn-bg': v('--code-btn-bg'),
+        'code-btn-bdr': v('--code-btn-bdr'),
+        'code-btn-txt': v('--code-btn-txt'),
+        'code-file': v('--code-file'),
+        'site-bg': v('--site-bg'),
+        'site-txt': v('--site-txt'),
+        'site-sub': v('--site-sub'),
+        'site-muted': v('--site-muted'),
+        'site-bdr': v('--site-bdr'),
+        'site-alt': v('--site-alt'),
+        'site-alt2': v('--site-alt2'),
+        'site-chip': v('--site-chip'),
+        'site-foot-txt': v('--site-foot-txt'),
+        'site-alert': v('--site-alert'),
+        'site-thumb': v('--site-thumb'),
+        'site-thumb-bar': v('--site-thumb-bar'),
       },
       borderRadius: {
-        sm: 'var(--r-sm)',
+        4: 'var(--r-xs)',
+        5: 'var(--r-sm)',
+        6: 'var(--r-6)',
+        7: 'var(--r-7)',
+        8: 'var(--r-8)',
+        9: 'var(--r-9)',
+        10: 'var(--r-10)',
+        12: 'var(--r-12)',
+        14: 'var(--r-14)',
         field: 'var(--r-field)',
         ctl: 'var(--r-ctl)',
         base: 'var(--r)',
         fig: 'var(--r-fig)',
         pill: 'var(--r-pill)',
+        // Kept from 2.0: rounded-sm is the 6px chip radius, as in theme.css.
+        sm: 'var(--r-6)',
       },
       spacing: {
         2: 'var(--sp-2)',
@@ -95,14 +140,24 @@ module.exports = {
       boxShadow: {
         shd: 'var(--shd)',
         shd2: 'var(--shd2)',
+        bar: 'var(--shd-bar)',
+        knob: 'var(--shd-knob)',
+        save: 'var(--shd-save)',
+        tabbar: 'var(--shd-tabbar)',
         ring: 'var(--ring)',
       },
       zIndex: {
         raise: 'var(--z-raise)',
+        bar: 'var(--z-bar)',
         resizer: 'var(--z-resizer)',
         overlay: 'var(--z-overlay)',
+        tabbar: 'var(--z-tabbar)',
         menu: 'var(--z-menu)',
+        'drawer-scrim': 'var(--z-drawer-scrim)',
+        drawer: 'var(--z-drawer)',
+        modal: 'var(--z-modal)',
         toast: 'var(--z-toast)',
+        'toast-jobs': 'var(--z-toast-jobs)',
       },
       fontFamily: {
         sans: 'var(--font-sans)',
@@ -110,10 +165,18 @@ module.exports = {
       },
       fontSize: {
         page: 'var(--fs-page)',
+        drawer: 'var(--fs-drawer)',
+        stat: 'var(--fs-stat)',
+        figure: 'var(--fs-figure)',
         card: 'var(--fs-card)',
         body: 'var(--fs-body)',
+        sm2: 'var(--fs-sm)',
         sub: 'var(--fs-sub)',
         hint: 'var(--fs-hint)',
+        badge: 'var(--fs-badge)',
+        tab: 'var(--fs-tab)',
+        count: 'var(--fs-count)',
+        micro: 'var(--fs-micro)',
         label: 'var(--fs-label)',
       },
       fontWeight: {

package/dist/AdminRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminRoot.d.ts","sourceRoot":"","sources":["../src/AdminRoot.tsx"],"names":[],"mappings":"AAiEA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uCAAuC,CAAA;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;KACjB,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,MAAM,KAClB,OAAO,CAAC;QACX,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAC,CAAA;IACF,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CACb,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;IAC1C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6sBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsB9C"}
+{"version":3,"file":"AdminRoot.d.ts","sourceRoot":"","sources":["../src/AdminRoot.tsx"],"names":[],"mappings":"AAqEA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uCAAuC,CAAA;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAG7D,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;KACjB,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,MAAM,KAClB,OAAO,CAAC;QACX,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAC,CAAA;IACF,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CACb,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,MAAM,KACT,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;IAC1C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA+wBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAuB9C"}

package/dist/AdminRoot.js

@@ -5,7 +5,7 @@ import * as Dialog from '@radix-ui/react-dialog';
 import { toast } from 'sonner';
 import { Layout } from './layout/Layout.js';
 import { adminPortalContainer } from './lib/portal-container.js';
-import { ADMIN_ROOT_ATTR, getAdminRootElement } from './lib/admin-root-element.js';
+import { ADMIN_ROOT_ATTR } from './lib/admin-root-element.js';
 import { useAdminRouter, parseRouteQuery } from './router/index.js';
 import { ADMIN_KEYBOARD_SHORTCUTS } from './lib/admin-shortcuts.js';
 import { cmsApi, ensureCsrfToken } from './lib/api.js';
@@ -14,7 +14,7 @@ import { registerSectionTypes, resetCustomSectionTypes, resolveCustomSectionType
 import { Dashboard } from './views/Dashboard.js';
 import { McpConsent } from './views/McpConsent.js';
 import { SEO_DEEP_PATHS, seoTabForPath } from './views/seo/seo-routes.js';
-import { CollectionList, DocumentEdit, FormDeliveries, FormEditor, FormEntries, FormSubmissions, Forms, MediaBrowser, NewPostPicker, NewPostTypeInstructions, PageSectionEditor, PageTagManager, PagesListView, PostSectionEditor, PostTemplateEditor, PostTypeEditor, PostTypesView, PostsListView, Jobs, Profile, SEO, ScriptTags, Settings, Trash, ViewFallback, } from './views/lazy-views.js';
+import { CollectionList, DocumentEdit, FormDeliveries, FormEditor, FormEntries, FormSubmissions, Forms, MediaBrowser, NewPostPicker, NewPostTypeInstructions, PageSectionEditor, PageTagManager, PagesListView, PostSectionEditor, PostTemplateEditor, PostTypeEditor, PostTypesView, PostsListView, Jobs, AppearanceChrome, WidgetsPlaceholder, FormsSettings, SpamFolder, Profile, SEO, ScriptTags, Settings, Trash, ViewFallback, } from './views/lazy-views.js';
 import { SetupWizard } from './views/SetupWizard.js';
 import { Login } from './views/Login.js';
 import { HiddenLoginNotFound } from './views/HiddenLoginNotFound.js';
@@ -31,6 +31,7 @@ import { useIdleLogout } from './hooks/useIdleLogout.js';
 import { resolveLogoutRedirect } from './lib/logout-redirect.js';
 import { AdminSectionRenderersProvider, } from './views/page-editor/sections/index.js';
 import { ThemeChromeProvider } from './views/page-editor/theme-chrome/index.js';
+import { AdminLinksProvider } from './components/ui/admin-links.js';
 /** Client-side alias so retired canvas URLs land on the section editor. */
 function Redirect({ to, navigate }) {
     useEffect(() => {
@@ -40,6 +41,8 @@ function Redirect({ to, navigate }) {
 }
 function AdminShell({ config, session, basePath = '/admin', initialPath = '/', loginPath, setupRequired, onSetupComplete, onLogin, onVerifyTotp, onLogout, captchaConfig, }) {
     const { currentPath, navigate, matchRoute, buildHref } = useAdminRouter(basePath, initialPath);
+    // Real hrefs for admin links (breadcrumbs), with in-app navigation on click.
+    const adminLinks = useMemo(() => ({ href: buildHref, navigate }), [buildHref, navigate]);
     const [shortcutHelpOpen, setShortcutHelpOpen] = useState(false);
     // Sign out: revoke the server-side session (and clear the cookie) first, then
     // send the user to a "logged out successfully" login screen. Split-login
@@ -285,6 +288,10 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
             const newPageQuery = parseRouteQuery(currentPath);
             return (_jsx(PageSectionEditor, { initialParentId: newPageQuery.get('parent'), config: config, session: session, onNavigate: navigate }));
         }
+        // Before `/pages/:id`, or "trash" would be read as a page id.
+        if (matchRoute('/pages/trash')) {
+            return (_jsx(Trash, { onNavigate: navigate, config: config, parent: { label: 'Pages', path: '/pages' } }));
+        }
         const pageEdit = matchRoute('/pages/:id/edit');
         if (pageEdit?.id) {
             return (_jsx(PageSectionEditor, { documentId: pageEdit.id, config: config, session: session, onNavigate: navigate }));
@@ -334,9 +341,29 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
         if (matchRoute('/script-tags')) {
             return _jsx(ScriptTags, { onNavigate: navigate });
         }
-        if (matchRoute('/saved-sections') || matchRoute('/page-templates') || matchRoute('/widgets')) {
+        if (matchRoute('/saved-sections') || matchRoute('/page-templates')) {
             return _jsx(Redirect, { to: "/pages", navigate: navigate });
         }
+        if (matchRoute('/widgets') || matchRoute('/appearance/widgets')) {
+            return _jsx(WidgetsPlaceholder, {});
+        }
+        // Menus are edited in the navigation plugin's collection (the sidebar's
+        // Appearance → Menus item). Without the plugin this falls through to 404.
+        if (matchRoute('/appearance/menus') && collectionMap.has('navigations')) {
+            return _jsx(Redirect, { to: "/navigations", navigate: navigate });
+        }
+        if (matchRoute('/appearance/header')) {
+            return (_jsx(AppearanceChrome, { onNavigate: navigate, session: session, collections: collectionMap, currentPath: currentPath }));
+        }
+        if (matchRoute('/forms/settings')) {
+            return _jsx(FormsSettings, {});
+        }
+        if (matchRoute('/forms/spam')) {
+            return _jsx(SpamFolder, {});
+        }
+        if (matchRoute('/posts/trash')) {
+            return (_jsx(Trash, { onNavigate: navigate, config: config, parent: { label: 'Posts', path: '/posts' } }));
+        }
         if (matchRoute('/trash')) {
             return _jsx(Trash, { onNavigate: navigate, config: config });
         }
@@ -344,7 +371,7 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
             return _jsx(McpConsent, { currentPath: currentPath });
         }
         if (matchRoute('/jobs')) {
-            return _jsx(Jobs, { onNavigate: navigate });
+            return (_jsx(Jobs, { onNavigate: navigate, role: session?.user?.role, userId: session?.user?.id, config: config }));
         }
         // Users + API Keys moved into the Settings view as tabs. The legacy
         // top-level routes still resolve — they just land on the matching tab.
@@ -395,16 +422,19 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
             // `/collections/posts`.
             'posts',
         ]);
+        // DocumentEdit is keyed by collection and document ('new' for create) so
+        // each URL gets its own editor: opening a created or duplicated document,
+        // or going Back to /new, must not reuse the previous one's loaded state.
         for (const [slug] of collectionMap) {
             if (RESERVED_SLUGS.has(slug))
                 continue;
             const newMatch = matchRoute(`/${slug}/new`);
             if (newMatch) {
-                return _jsx(DocumentEdit, { collectionSlug: slug, config: config });
+                return (_jsx(DocumentEdit, { collectionSlug: slug, config: config, onNavigate: navigate }, `${slug}:new`));
             }
             const editMatch = matchRoute(`/${slug}/:id`);
             if (editMatch?.id) {
-                return _jsx(DocumentEdit, { collectionSlug: slug, documentId: editMatch.id, config: config });
+                return (_jsx(DocumentEdit, { collectionSlug: slug, documentId: editMatch.id, config: config, onNavigate: navigate }, `${slug}:${editMatch.id}`));
             }
             if (matchRoute(`/${slug}`)) {
                 return _jsx(CollectionList, { collectionSlug: slug, config: config, onNavigate: navigate });
@@ -412,11 +442,11 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
         }
         const newCollMatch = matchRoute('/collections/:slug/new');
         if (newCollMatch?.slug) {
-            return _jsx(DocumentEdit, { collectionSlug: newCollMatch.slug, config: config });
+            return (_jsx(DocumentEdit, { collectionSlug: newCollMatch.slug, config: config, onNavigate: navigate, listPath: `/collections/${newCollMatch.slug}` }, `${newCollMatch.slug}:new`));
         }
         const editCollMatch = matchRoute('/collections/:slug/:id');
         if (editCollMatch?.slug && editCollMatch.id) {
-            return (_jsx(DocumentEdit, { collectionSlug: editCollMatch.slug, documentId: editCollMatch.id, config: config }));
+            return (_jsx(DocumentEdit, { collectionSlug: editCollMatch.slug, documentId: editCollMatch.id, config: config, onNavigate: navigate, listPath: `/collections/${editCollMatch.slug}` }, `${editCollMatch.slug}:${editCollMatch.id}`));
         }
         const collectionMatch = matchRoute('/collections/:slug');
         if (collectionMatch?.slug) {
@@ -424,7 +454,7 @@ function AdminShell({ config, session, basePath = '/admin', initialPath = '/', l
         }
         return (_jsxs("div", { className: "flex min-h-[400px] flex-col items-center justify-center p-6 text-center", children: [_jsx("h1", { className: "text-foreground mb-2 text-4xl font-medium", children: "404" }), _jsx("p", { className: "text-muted-foreground mb-4", children: "The page you are looking for does not exist." }), _jsx("button", { onClick: () => navigate('/'), className: "text-primary-foreground bg-primary rounded-md px-4 py-2 text-sm font-medium hover:opacity-90", children: "Back to Dashboard" })] }));
     }
-    return (_jsxs(Layout, { config: config, session: session, currentPath: currentPath, onNavigate: navigate, onLogout: handleLogout, children: [_jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(ViewFallback, {}), children: renderView() }) }), _jsx(ShortcutHelp, { open: shortcutHelpOpen, onClose: () => setShortcutHelpOpen(false) })] }));
+    return (_jsx(AdminLinksProvider, { value: adminLinks, children: _jsxs(Layout, { config: config, session: session, currentPath: currentPath, onNavigate: navigate, onLogout: handleLogout, children: [_jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(ViewFallback, {}), children: renderView() }) }), _jsx(ShortcutHelp, { open: shortcutHelpOpen, onClose: () => setShortcutHelpOpen(false) })] }) }));
 }
 function ShortcutHelp({ open, onClose }) {
     return (_jsx(Dialog.Root, { open: open, onOpenChange: (next) => !next && onClose(), children: _jsxs(Dialog.Portal, { container: adminPortalContainer(), children: [_jsx(Dialog.Overlay, { className: "fixed inset-0 z-100 bg-black/50" }), _jsxs(Dialog.Content, { "aria-describedby": undefined, className: "bg-card text-card-foreground border-border fixed top-1/2 left-1/2 z-100 mx-4 w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 rounded-xl border p-6 shadow-2xl focus:outline-none", children: [_jsx(Dialog.Title, { className: "mb-4 text-lg font-medium", children: "Keyboard Shortcuts" }), _jsx("div", { className: "space-y-3 text-sm", children: ADMIN_KEYBOARD_SHORTCUTS.map((row) => (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: row.label }), _jsx("kbd", { className: "bg-muted rounded px-2 py-1 font-mono text-xs", children: row.keys })] }, row.keys))) }), _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { type: "button", className: "bg-primary text-primary-foreground focus-visible:ring-ring mt-4 w-full rounded-lg py-2 text-sm hover:opacity-90 focus-visible:ring-2 focus-visible:outline-none", children: "Close" }) })] })] }) }));
@@ -457,12 +487,8 @@ function useBranding(config) {
         else if (branding?.name) {
             document.title = `${branding.name} Admin`;
         }
-        // --- Primary color ---
-        const adminEl = getAdminRootElement();
-        if (branding?.primaryColor && adminEl) {
-            adminEl.style.setProperty('--primary', branding.primaryColor);
-            adminEl.style.setProperty('--sidebar-primary', branding.primaryColor);
-        }
+        // `branding.primaryColor` is not applied here: ThemeProvider takes it as
+        // `accentOverride` and tunes it like any accent (see AdminRoot below).
         // --- DB favicon (Settings → Appearance) ---
         // The uploaded favicon is the source of truth for the browser tab. Fetch it
         // on mount and re-apply whenever the brand is saved, so the tab icon tracks
@@ -499,11 +525,6 @@ function useBranding(config) {
             if (originalTitleRef.current !== null) {
                 document.title = originalTitleRef.current;
             }
-            // Remove primary color override
-            if (branding?.primaryColor && adminEl) {
-                adminEl.style.removeProperty('--primary');
-                adminEl.style.removeProperty('--sidebar-primary');
-            }
         };
     }, [config]);
 }
@@ -525,10 +546,11 @@ function useAdminPageTitle(config, currentPath) {
 const EMPTY_RENDERERS = {};
 export function AdminRoot(props) {
     const defaultDarkMode = props.config?.admin?.branding?.darkMode;
+    const primaryColor = props.config?.admin?.branding?.primaryColor;
     useRobotsNoIndex();
     useEffect(() => {
         initAdminSentry(props.sentryDsn);
     }, [props.sentryDsn]);
-    return (_jsx("div", { style: ISOLATION_STYLE, className: "prenta-admin", [ADMIN_ROOT_ATTR]: '', children: _jsx(ThemeProvider, { defaultDarkMode: defaultDarkMode, children: _jsx(LocaleProvider, { config: props.config, children: _jsx(AdminSectionRenderersProvider, { value: props.sectionRenderers ?? EMPTY_RENDERERS, children: _jsx(ThemeChromeProvider, { value: props.themeChrome ?? null, children: _jsx(AdminShell, { ...props }) }) }) }) }) }));
+    return (_jsx("div", { style: ISOLATION_STYLE, className: "prenta-admin", [ADMIN_ROOT_ATTR]: '', children: _jsx(ThemeProvider, { defaultDarkMode: defaultDarkMode, accentOverride: primaryColor, children: _jsx(LocaleProvider, { config: props.config, children: _jsx(AdminSectionRenderersProvider, { value: props.sectionRenderers ?? EMPTY_RENDERERS, children: _jsx(ThemeChromeProvider, { value: props.themeChrome ?? null, children: _jsx(AdminShell, { ...props }) }) }) }) }) }));
 }
 //# sourceMappingURL=AdminRoot.js.map