@growth-labs/cms 0.5.26 → 0.5.29

package/dist/ui/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACzB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACZ;AACD,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEvE,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,SAAS,CA6BjD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,SAAS,CA6BtD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AACxC,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEnD,eAAO,MAAM,cAAc;WACT,SAAS;YACJ,UAAU;aACV,OAAO;gBACR,UAAU;;CAE/B,CAAA;AAKD,wBAAgB,QAAQ,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAEtD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU9F"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACzB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACZ;AACD,KAAK,eAAe,GAAG,aAAa,CAAA;AACpC,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEzF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,SAAS,CAQtD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,SAAS,CAQ3D,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AACxC,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEnD,eAAO,MAAM,cAAc;WACR,SAAS;YACF,UAAU;aACb,OAAO;gBACR,UAAU;;CAE/B,CAAA;AAID,wBAAgB,QAAQ,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,CAEvD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAEvD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU9F"}

package/dist/ui/theme.js

@@ -1,81 +1,40 @@
-// src/ui/theme.ts — theme tokens ported from the resolved Broadsheet design
-// (app.jsx). The accent/serif vars are applied to documentElement at runtime by
-// the useTweaks effect; broadsheet.css carries the rest.
+// Compatibility helpers for the fixed Growth Labs visual contract. Theme and
+// density remain user preferences; brand accent and typography do not.
 export const ACCENTS = {
-    'Ink blue': {
-        a: '#0c4a6e',
-        s: '#075985',
-        fg: '#ffffff',
-        tint: 'rgba(12,74,110,0.09)',
-        ring: 'rgba(12,74,110,0.38)',
-    },
-    'Press red': {
-        a: '#b23a2e',
-        s: '#962f25',
-        fg: '#ffffff',
-        tint: 'rgba(178,58,46,0.10)',
-        ring: 'rgba(178,58,46,0.38)',
-    },
-    Forest: {
-        a: '#1f6b4a',
-        s: '#19583d',
-        fg: '#ffffff',
-        tint: 'rgba(31,107,74,0.10)',
-        ring: 'rgba(31,107,74,0.38)',
-    },
-    Violet: {
-        a: '#5b4bc4',
-        s: '#4c3ea8',
-        fg: '#ffffff',
-        tint: 'rgba(91,75,196,0.10)',
-        ring: 'rgba(91,75,196,0.38)',
+    'Growth Labs': {
+        a: '#2F6FBD',
+        s: '#245CA8',
+        fg: '#FFFFFF',
+        tint: 'rgba(62,209,198,0.14)',
+        ring: '#1E5EA8',
     },
 };
 export const ACCENTS_DARK = {
-    'Ink blue': {
-        a: '#4c9ae8',
-        s: '#3b86d4',
-        fg: '#06121d',
-        tint: 'rgba(76,154,232,0.16)',
-        ring: 'rgba(76,154,232,0.45)',
-    },
-    'Press red': {
-        a: '#ef6e62',
-        s: '#e05348',
-        fg: '#1d0a08',
-        tint: 'rgba(239,110,98,0.16)',
-        ring: 'rgba(239,110,98,0.45)',
-    },
-    Forest: {
-        a: '#4ec98a',
-        s: '#3bb476',
-        fg: '#06160f',
-        tint: 'rgba(78,201,138,0.16)',
-        ring: 'rgba(78,201,138,0.45)',
-    },
-    Violet: {
-        a: '#9d8df0',
-        s: '#8978e6',
-        fg: '#0e0a1d',
-        tint: 'rgba(157,141,240,0.16)',
-        ring: 'rgba(157,141,240,0.45)',
+    'Growth Labs': {
+        a: '#3F86D8',
+        s: '#2F6FBD',
+        fg: '#FFFFFF',
+        tint: 'rgba(62,209,198,0.18)',
+        ring: '#50F5EC',
     },
 };
 export const TWEAK_DEFAULTS = {
-    theme: 'dark',
-    accent: 'Ink blue',
+    theme: 'light',
+    accent: 'Growth Labs',
     density: 'regular',
     previewPos: 'off',
-    serifDisplay: true,
+    serifDisplay: false,
 };
-const SERIF = '"Source Serif 4", Georgia, serif';
-const SANS = '"DM Sans", system-ui, sans-serif';
-export function serifVar(serifDisplay) {
-    return serifDisplay ? SERIF : SANS;
+const DISPLAY = '"Space Grotesk", "Lato", system-ui, sans-serif';
+export function serifVar(_serifDisplay) {
+    return DISPLAY;
+}
+export function inverseTextVar(theme) {
+    return theme === 'dark' ? '#2B2F33' : '#FFFFFF';
 }
 export function resolveAccentVars(theme, accent) {
     const table = theme === 'dark' ? ACCENTS_DARK : ACCENTS;
-    const set = table[accent] ?? table['Ink blue'];
+    const set = table[accent] ?? table['Growth Labs'];
     return {
         '--accent': set.a,
         '--accent-strong': set.s,

package/dist/ui/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,gFAAgF;AAChF,yDAAyD;AAWzD,MAAM,CAAC,MAAM,OAAO,GAAkC;IACrD,UAAU,EAAE;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,sBAAsB;QAC5B,IAAI,EAAE,sBAAsB;KAC5B;IACD,WAAW,EAAE;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,sBAAsB;QAC5B,IAAI,EAAE,sBAAsB;KAC5B;IACD,MAAM,EAAE;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,sBAAsB;QAC5B,IAAI,EAAE,sBAAsB;KAC5B;IACD,MAAM,EAAE;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,sBAAsB;QAC5B,IAAI,EAAE,sBAAsB;KAC5B;CACD,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAkC;IAC1D,UAAU,EAAE;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,uBAAuB;KAC7B;IACD,WAAW,EAAE;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,uBAAuB;KAC7B;IACD,MAAM,EAAE;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,uBAAuB;KAC7B;IACD,MAAM,EAAE;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,wBAAwB;QAC9B,IAAI,EAAE,wBAAwB;KAC9B;CACD,CAAA;AAMD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,KAAK,EAAE,MAAmB;IAC1B,MAAM,EAAE,UAAwB;IAChC,OAAO,EAAE,SAAoB;IAC7B,UAAU,EAAE,KAAmB;IAC/B,YAAY,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,KAAK,GAAG,kCAAkC,CAAA;AAChD,MAAM,IAAI,GAAG,kCAAkC,CAAA;AAE/C,MAAM,UAAU,QAAQ,CAAC,YAAqB;IAC7C,OAAO,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAgB,EAAE,MAAkB;IACrE,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAA;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAA;IAC9C,OAAO;QACN,UAAU,EAAE,GAAG,CAAC,CAAC;QACjB,iBAAiB,EAAE,GAAG,CAAC,CAAC;QACxB,aAAa,EAAE,GAAG,CAAC,EAAE;QACrB,eAAe,EAAE,GAAG,CAAC,IAAI;QACzB,eAAe,EAAE,GAAG,CAAC,IAAI;KACzB,CAAA;AACF,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,uEAAuE;AAYvE,MAAM,CAAC,MAAM,OAAO,GAAuC;IAC1D,aAAa,EAAE;QACd,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,SAAS;KACf;CACD,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAuC;IAC/D,aAAa,EAAE;QACd,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,SAAS;KACf;CACD,CAAA;AAMD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,KAAK,EAAE,OAAoB;IAC3B,MAAM,EAAE,aAA2B;IACnC,OAAO,EAAE,SAAoB;IAC7B,UAAU,EAAE,KAAmB;IAC/B,YAAY,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,OAAO,GAAG,gDAAgD,CAAA;AAEhE,MAAM,UAAU,QAAQ,CAAC,aAAsB;IAC9C,OAAO,OAAO,CAAA;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAgB;IAC9C,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;AAChD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAgB,EAAE,MAAkB;IACrE,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAA;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAyB,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;IACpE,OAAO;QACN,UAAU,EAAE,GAAG,CAAC,CAAC;QACjB,iBAAiB,EAAE,GAAG,CAAC,CAAC;QACxB,aAAa,EAAE,GAAG,CAAC,EAAE;QACrB,eAAe,EAAE,GAAG,CAAC,IAAI;QACzB,eAAe,EAAE,GAAG,CAAC,IAAI;KACzB,CAAA;AACF,CAAC"}

package/dist/ui/use-tweaks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tweaks.d.ts","sourceRoot":"","sources":["../../src/ui/use-tweaks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,UAAU,EAAE,MAAM,aAAa,CAAA;AAEjF,wBAAgB,SAAS,IAAI;IAC5B,CAAC,EAAE,UAAU,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,IAAI,CAAA;CAC/F,CAuBA"}
+{"version":3,"file":"use-tweaks.d.ts","sourceRoot":"","sources":["../../src/ui/use-tweaks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,UAAU,EAAE,MAAM,aAAa,CAAA;AAEjF,wBAAgB,SAAS,IAAI;IAC5B,CAAC,EAAE,UAAU,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,IAAI,CAAA;CAC/F,CAwBA"}

package/dist/ui/use-tweaks.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
-import { resolveAccentVars, serifVar } from './theme.js';
+import { inverseTextVar, resolveAccentVars, serifVar } from './theme.js';
 import { applyTweak, loadTweaks, saveTweaks } from './tweaks.js';
 export function useTweaks() {
     const [t, setState] = useState(() => typeof localStorage !== 'undefined' ? loadTweaks(localStorage) : {});
@@ -18,6 +18,7 @@ export function useTweaks() {
         for (const [k, val] of Object.entries(resolveAccentVars(t.theme, t.accent)))
             root.style.setProperty(k, val);
         root.style.setProperty('--serif', serifVar(t.serifDisplay));
+        root.style.setProperty('--text-on-inverse', inverseTextVar(t.theme));
     }, [t.theme, t.density, t.accent, t.serifDisplay]);
     return { t, setTweak };
 }

package/dist/ui/use-tweaks.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tweaks.js","sourceRoot":"","sources":["../../src/ui/use-tweaks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAmB,MAAM,aAAa,CAAA;AAEjF,MAAM,UAAU,SAAS;IAIxB,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,GAAG,EAAE,CAC/C,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAE,EAAiB,CACnF,CAAA;IACD,MAAM,QAAQ,GAAG,WAAW,CAC3B,CAAC,CAAyC,EAAE,CAAgC,EAAE,EAAE;QAC/E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YACnC,IAAI,OAAO,YAAY,KAAK,WAAW;gBAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;YACvE,OAAO,IAAI,CAAA;QACZ,CAAC,CAAC,CAAA;IACH,CAAC,EACD,EAAE,CACF,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;QAC5C,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;YAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC/B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;IAClD,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAA;AACvB,CAAC"}
+{"version":3,"file":"use-tweaks.js","sourceRoot":"","sources":["../../src/ui/use-tweaks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAmB,MAAM,aAAa,CAAA;AAEjF,MAAM,UAAU,SAAS;IAIxB,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,GAAG,EAAE,CAC/C,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAE,EAAiB,CACnF,CAAA;IACD,MAAM,QAAQ,GAAG,WAAW,CAC3B,CAAC,CAAyC,EAAE,CAAgC,EAAE,EAAE;QAC/E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YACnC,IAAI,OAAO,YAAY,KAAK,WAAW;gBAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;YACvE,OAAO,IAAI,CAAA;QACZ,CAAC,CAAC,CAAA;IACH,CAAC,EACD,EAAE,CACF,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;QAC5C,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;YAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QAC/B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;IAClD,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAA;AACvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-labs/cms",
-  "version": "0.5.26",
+  "version": "0.5.29",
   "type": "module",
   "bin": {
     "growth-labs-cms-migrations": "./dist/cli/migrations.js"

package/src/engine/slug.ts

@@ -1,10 +1,21 @@
 // Slug helpers ported verbatim from fulcrum-labs/fronts src/lib/slug.ts
 // (inventory §1: `slug.ts` — extract, pure). No Fronts coupling.
 
+// Straight quotes/backtick plus every smart-quote and prime variant editors'
+// paste sources (Word, Google Docs, iOS) actually produce. Stripping only the
+// straight forms let curly apostrophes survive as literal characters instead
+// of being removed before the non-alphanumeric collapse below, so
+// "Ukraine's" slugified to "ukraine-s" instead of "ukraines" (packages#397).
+// Covers, via \uXXXX escapes (not literal glyphs, for unambiguous
+// editors/diffs): ' " ` (straight) ‘-‟ (curly single/double quote
+// family, incl. low-9/reversed-9 variants) ′/″ (prime/double
+// prime) ʼ (modifier letter apostrophe).
+const QUOTE_CHARS = /['"`‘-‟′″ʼ]/g
+
 export function slugify(input: string): string {
 	return input
 		.toLowerCase()
-		.replace(/['"`]/g, '')
+		.replace(QUOTE_CHARS, '')
 		.replace(/[^a-z0-9]+/g, '-')
 		.replace(/^-+|-+$/g, '')
 		.replace(/--+/g, '-')

package/src/integration/options.ts

@@ -13,6 +13,74 @@ const primaryCategorySchema = z.object({
 	label: z.string().min(1),
 })
 
+const contentMetadataKeySchema = z
+	.string()
+	.regex(/^[a-z][a-z0-9_]{0,63}$/, 'metadata keys must be lowercase snake_case')
+
+const contentMetadataSelectFieldSchema = z
+	.object({
+		key: contentMetadataKeySchema,
+		label: z.string().trim().min(1).max(100),
+		helpText: z.string().trim().min(1).max(500).optional(),
+		contentTypes: z.array(z.enum(['article', 'video', 'podcast', 'newsletter', 'page'])).min(1),
+		options: z
+			.array(
+				z
+					.object({
+						value: z.string().trim().min(1).max(100),
+						label: z.string().trim().min(1).max(100),
+					})
+					.strict(),
+			)
+			.min(1),
+		defaultValue: z.string().trim().min(1).max(100).optional(),
+		inferenceMarkerKey: contentMetadataKeySchema.optional(),
+	})
+	.strict()
+	.superRefine((field, ctx) => {
+		const values = field.options.map(({ value }) => value)
+		if (new Set(values).size !== values.length) {
+			ctx.addIssue({
+				code: 'custom',
+				path: ['options'],
+				message: 'metadata select option values must be unique',
+			})
+		}
+		if (field.defaultValue && !values.includes(field.defaultValue)) {
+			ctx.addIssue({
+				code: 'custom',
+				path: ['defaultValue'],
+				message: 'metadata select defaultValue must match a declared option',
+			})
+		}
+		if (field.inferenceMarkerKey === field.key) {
+			ctx.addIssue({
+				code: 'custom',
+				path: ['inferenceMarkerKey'],
+				message: 'metadata select inference marker must use a separate key',
+			})
+		}
+	})
+
+const contentMetadataSelectsSchema = z
+	.array(contentMetadataSelectFieldSchema)
+	.superRefine((fields, ctx) => {
+		const keys = new Set<string>()
+		for (const [index, field] of fields.entries()) {
+			if (keys.has(field.key)) {
+				ctx.addIssue({
+					code: 'custom',
+					path: [index, 'key'],
+					message: 'metadata select keys must be unique',
+				})
+			}
+			keys.add(field.key)
+		}
+	})
+	.default([])
+
+export type ContentMetadataSelectField = z.output<typeof contentMetadataSelectFieldSchema>
+
 const themeSchema = z
 	.object({
 		mode: z.enum(['light', 'dark']).default('dark'),
@@ -38,6 +106,7 @@ export const cmsIntegrationOptionsSchema = z
 	.object({
 		workspaces: z.array(workspaceSchema).min(1, 'at least one workspace is required'),
 		primaryCategories: z.array(primaryCategorySchema).default([]),
+		contentMetadataSelects: contentMetadataSelectsSchema,
 		activeWorkspaceId: z.string().optional(),
 		adminBasePath: z.string().default('/admin'),
 		searchEnabled: z.boolean().default(true),

package/src/routes/content.ts

@@ -18,6 +18,11 @@ import { z } from 'zod'
 import { logActivity } from '../engine/activity-log.js'
 import { generateContentDek } from '../engine/ai-dek.js'
 import { createDekFailureNotifications } from '../engine/ai-dek-notifications.js'
+import {
+	type ContentMetadata,
+	ContentMetadataError,
+	serializeContentMetadata,
+} from '../engine/content-metadata.js'
 import { listContributors, setContributors } from '../engine/contributors.js'
 import type { D1Database } from '../engine/d1.js'
 import {
@@ -52,6 +57,7 @@ import {
 import { applySlugRenameRedirects } from '../engine/slug-redirects.js'
 import { softDeleteContent } from '../engine/soft-delete.js'
 import { TagInputError } from '../engine/taxonomy.js'
+import type { ValidationError } from '../engine/validator/index.js'
 import { parseLayoutEnvelope } from '../schema/layout.js'
 import { parsePortableTextEnvelope } from '../schema/portable-text.js'
 import type { ContentStatus } from '../schema/types.js'
@@ -284,6 +290,21 @@ const BodyContentCreateSchema = z.object({
 	editorTakeaways: z.array(z.string().min(1)).max(4).optional().nullable(),
 })
 
+const ContentMetadataSchema = z
+	.record(z.string(), z.unknown())
+	.superRefine((metadata, ctx) => {
+		try {
+			serializeContentMetadata(metadata as ContentMetadata)
+		} catch (error) {
+			ctx.addIssue({
+				code: 'custom',
+				message:
+					error instanceof ContentMetadataError ? error.message : 'content metadata is invalid',
+			})
+		}
+	})
+	.transform((metadata) => metadata as ContentMetadata)
+
 function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 	const category = slugEnum(resolved.primaryCategorySlugs)
 	const topic = slugEnum(resolved.primaryTopicSlugs)
@@ -306,6 +327,7 @@ function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 		socialImageId: z.string().optional().nullable(),
 		canonicalUrl: z.string().url().optional().nullable(),
 		tags: z.array(z.string()).optional(),
+		metadata: ContentMetadataSchema.optional(),
 	})
 
 	const CreateSchema = z.discriminatedUnion('type', [
@@ -370,6 +392,7 @@ function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 		socialImageId: z.string().optional().nullable(),
 		canonicalUrl: z.string().url().optional().nullable(),
 		tags: z.array(z.string()).optional(),
+		metadata: ContentMetadataSchema.optional(),
 		content: z.record(z.string(), z.any()).optional(),
 		relations: z.array(RelationSchema).optional(),
 		aiLockedFields: z.array(z.string()).optional(),
@@ -1205,6 +1228,12 @@ export function createContentRoutes(config: ContentRouteConfig): ContentRouteHan
 				return json({ error: 'Invalid request', details: parsed.error.flatten() }, 400)
 			}
 
+			// Warn-severity body-lint results. Declared here so the success payload
+			// below can carry them: they do not block the save, but an editor who is
+			// never told is how a malformed Sources section reached a published page
+			// (packages#329).
+			let bodyWarnings: ValidationError[] = []
+
 			if (parsed.data.content !== undefined) {
 				const contentSchema = getContentUpdateSchema(existing.type)
 				if (!contentSchema) return json({ error: 'Invalid content type' }, 400)
@@ -1243,6 +1272,11 @@ export function createContentRoutes(config: ContentRouteConfig): ContentRouteHan
 								422,
 							)
 						}
+						// Warn-severity violations do not block the save, but the editor
+						// has to be told: an unreported warning is why a malformed Sources
+						// section reached a published page (packages#329). Carried into
+						// the 200 payload below rather than only console.warn'd.
+						bodyWarnings = guard.warnings
 					}
 				}
 			}
@@ -1276,6 +1310,9 @@ export function createContentRoutes(config: ContentRouteConfig): ContentRouteHan
 				podcastFoundryQueued: Boolean(podcastAttempt.result),
 				podcastFoundryCorrelationId: podcastAttempt.result?.correlationId ?? null,
 				podcastFoundryReason: podcastAttempt.reason,
+				// Present and empty when the body linted clean, so a client can
+				// distinguish "no warnings" from "this build does not report them".
+				bodyWarnings,
 			})
 		},
 

package/src/ui/client/mount.tsx

@@ -5,6 +5,7 @@ import { CmsApp } from '../components/CmsApp.js'
 import { createCmsScreens } from '../screens/registry.js'
 import { initialWorkspaceState } from '../workspace-context.js'
 import { type MeResponseSummary, resolveBootState } from './boot-state.js'
+import '../styles/growth-labs-tokens.css'
 import '../styles/broadsheet.css'
 
 async function fetchMe(base: string): Promise<MeResponseSummary | null> {
@@ -38,6 +39,7 @@ export async function mount(elementId = 'masthead-root') {
 	const screens = createCmsScreens({
 		allowInlineAuthorCreation: config.socialSharing.allowInlineAuthorCreation,
 		primaryCategories: config.primaryCategories,
+		contentMetadataSelects: config.contentMetadataSelects,
 		surveyId: config.surveyResults?.surveyId,
 	})
 	createRoot(el).render(<CmsApp initial={initial} screens={screens} boot={boot} />)

package/src/ui/components/CmsApp.tsx

@@ -99,11 +99,7 @@ export function resolveScreenForAccess(
 }
 
 function EmptyRoute({ route }: { route: Route }) {
-	return (
-		<div className="page" style={{ padding: 40, color: 'var(--ink-muted)' }}>
-			The &quot;{route}&quot; screen mounts here.
-		</div>
-	)
+	return <div className="page shell-state">The &quot;{route}&quot; screen mounts here.</div>
 }
 
 // Render the active screen as a real child of the error boundary. The registry
@@ -135,26 +131,13 @@ class ScreenErrorBoundary extends Component<
 	render() {
 		if (this.state.error) {
 			return (
-				<div className="page" style={{ padding: 40 }}>
+				<div className="page shell-state">
 					<h1 className="page-title">Something went wrong</h1>
 					<div className="page-sub" style={{ marginTop: 8 }}>
 						The “{this.props.route}” screen hit an error and couldn’t render. The rest of the CMS is
 						unaffected — use the sidebar to navigate elsewhere.
 					</div>
-					<pre
-						style={{
-							marginTop: 16,
-							padding: 12,
-							fontSize: 12,
-							color: 'var(--red)',
-							whiteSpace: 'pre-wrap',
-							wordBreak: 'break-word',
-							background: 'var(--surface-sunken, rgba(0,0,0,0.04))',
-							borderRadius: 6,
-						}}
-					>
-						{this.state.error.message}
-					</pre>
+					<pre className="shell-error-detail">{this.state.error.message}</pre>
 					<button
 						type="button"
 						className="btn sm"

package/src/ui/components/Sidebar.tsx

@@ -1,6 +1,6 @@
 import type { Route } from '../hash-router.js'
 import type { IconName } from '../icons.js'
-import { BrandMark, Icon } from '../icons.js'
+import { Icon } from '../icons.js'
 import { navItems } from '../nav.js'
 import { useWorkspace } from '../workspace-context.js'
 import { SiteSwitcher } from './SiteSwitcher.js'
@@ -21,16 +21,10 @@ export function Sidebar(props: {
 
 	return (
 		<aside className="sidebar" aria-label="Main navigation" data-collapsed={props.collapsed}>
-			{/* Brand block — mark + serif wordmark with accent period */}
+			{/* Growth Labs gradient mark + Masthead wordmark. */}
 			<div className="sb-brand">
-				<div className="sb-mark">
-					<BrandMark size={18} color="#fff" />
-				</div>
-				{!props.collapsed && (
-					<div className="sb-wordmark">
-						Masthead<span className="dot">.</span>
-					</div>
-				)}
+				<div className="sb-mark" aria-hidden="true" />
+				{!props.collapsed && <div className="sb-wordmark">Masthead</div>}
 			</div>
 
 			{/* Workspace switcher */}
@@ -64,7 +58,7 @@ export function Sidebar(props: {
 			{/* Current-user footer */}
 			<div className="sb-foot">
 				<div className="sb-user">
-					<div className="avatar" style={{ background: 'var(--accent)' }}>
+					<div className="avatar" style={{ background: 'var(--surface-inverse)' }}>
 						{initial}
 					</div>
 					{!props.collapsed && (

package/src/ui/components/Topbar.tsx

@@ -67,22 +67,11 @@ export function Topbar(props: {
 				style={{ position: 'relative' }}
 			>
 				<Icon name="bell" size={17} />
-				<span
-					style={{
-						position: 'absolute',
-						top: 7,
-						right: 8,
-						width: 7,
-						height: 7,
-						borderRadius: '50%',
-						background: 'var(--red)',
-						border: '1.5px solid var(--bg)',
-					}}
-				/>
+				<span className="notification-dot" />
 			</button>
 
 			{/* Divider */}
-			<div style={{ width: 1, height: 22, background: 'var(--border)', margin: '0 4px' }} />
+			<div className="topbar-divider" />
 
 			{/* New content quick-create */}
 			<button type="button" className="btn primary sm" onClick={props.onCommand}>