@actuate-media/cms-admin 0.49.3 → 0.50.0

package/dist/views/post-editor/PostHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostHeader.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostHeader.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeader.tsx"],"names":[],"mappings":"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"}

package/dist/views/post-editor/PostHeaderPanel.js

@@ -13,7 +13,7 @@ const TOGGLES = [
 ];
 /** Inspector panel for the post header layout (template-level design config). */
 export function PostHeaderPanel({ header, canEdit, onClose, onChange }) {
-    return (_jsxs("aside", { role: "dialog", "aria-label": "Edit post header", className: "bg-card border-border flex h-full w-80 shrink-0 flex-col border-l", children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground truncate text-sm font-medium", children: "Post header" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Layout for every post of this type" })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close header panel", className: "text-muted-foreground hover:text-foreground hover:bg-accent rounded p-1", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })] }), _jsxs("div", { className: "flex-1 space-y-6 overflow-y-auto p-4", children: [_jsxs("fieldset", { disabled: !canEdit, className: "space-y-3", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-semibold tracking-wider uppercase", children: "Layout" }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "ph-layout", children: "Header style" }), _jsxs("select", { id: "ph-layout", className: INPUT, value: header.layout, onChange: (e) => onChange({ layout: e.target.value }), children: [_jsx("option", { value: "centered", children: "Centered" }), _jsx("option", { value: "left", children: "Left-aligned" }), _jsx("option", { value: "overlay", children: "Image overlay" })] })] })] }), _jsxs("fieldset", { disabled: !canEdit, className: "space-y-2", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-semibold tracking-wider uppercase", children: "Show in header" }), TOGGLES.map((t) => {
+    return (_jsxs("aside", { role: "dialog", "aria-label": "Edit post header", className: "bg-card border-border flex h-full w-80 shrink-0 flex-col border-l", children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground truncate text-sm font-medium", children: "Post header" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Layout for every post of this type" })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close header panel", className: "text-muted-foreground hover:text-foreground hover:bg-accent rounded p-1", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })] }), _jsxs("div", { className: "flex-1 space-y-6 overflow-y-auto p-4", children: [_jsxs("fieldset", { disabled: !canEdit, className: "space-y-3", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-medium tracking-wider uppercase", children: "Layout" }), _jsxs("div", { children: [_jsx("label", { className: LABEL, htmlFor: "ph-layout", children: "Header style" }), _jsxs("select", { id: "ph-layout", className: INPUT, value: header.layout, onChange: (e) => onChange({ layout: e.target.value }), children: [_jsx("option", { value: "centered", children: "Centered" }), _jsx("option", { value: "left", children: "Left-aligned" }), _jsx("option", { value: "overlay", children: "Image overlay" })] })] })] }), _jsxs("fieldset", { disabled: !canEdit, className: "space-y-2", children: [_jsx("legend", { className: "text-muted-foreground mb-2 text-[10px] font-medium tracking-wider uppercase", children: "Show in header" }), TOGGLES.map((t) => {
                                 const value = header[t.key] === true;
                                 return (_jsxs("button", { type: "button", role: "switch", "aria-checked": value, disabled: !canEdit, onClick: () => onChange({ [t.key]: !value }), className: "border-border text-foreground hover:bg-accent flex w-full items-center justify-between rounded-md border px-2.5 py-1.5 text-sm disabled:opacity-50", children: [_jsx("span", { children: t.label }), _jsx("span", { "aria-hidden": true, className: `relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors ${value ? 'bg-primary' : 'bg-muted'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${value ? 'translate-x-4' : 'translate-x-0.5'}` }) })] }, t.key));
                             })] })] })] }));

package/dist/views/post-editor/PostHeaderPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostHeaderPanel.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeaderPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostHeaderPanel.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostHeaderPanel.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actuate-media/cms-admin",
-  "version": "0.49.3",
+  "version": "0.50.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/actuate-media/actuatecms.git",
@@ -89,7 +89,7 @@
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.0",
     "vitest": "^4.1.0",
-    "@actuate-media/cms-core": "0.66.0",
+    "@actuate-media/cms-core": "0.67.0",
     "@actuate-media/component-blocks": "0.2.1"
   },
   "scripts": {

package/src/AdminRoot.tsx

@@ -310,7 +310,7 @@ function AdminShell({
     return (
       <div className="bg-background flex min-h-screen items-center justify-center">
         <div className="text-center">
-          <h1 className="text-foreground mb-2 text-xl font-semibold">Unauthorized</h1>
+          <h1 className="text-foreground mb-2 text-xl font-medium">Unauthorized</h1>
           <p className="text-muted-foreground text-sm">Please log in to access the admin panel.</p>
         </div>
       </div>
@@ -662,7 +662,7 @@ function AdminShell({
 
     return (
       <div className="flex min-h-[400px] flex-col items-center justify-center p-6 text-center">
-        <h1 className="text-foreground mb-2 text-4xl font-bold">404</h1>
+        <h1 className="text-foreground mb-2 text-4xl font-medium">404</h1>
         <p className="text-muted-foreground mb-4">The page you are looking for does not exist.</p>
         <button
           onClick={() => navigate('/')}

package/src/__tests__/components/seo-char-count.test.tsx

@@ -0,0 +1,27 @@
+// @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { SeoCharCount } from '../../components/seo/SeoCharCount.js'
+
+describe('SeoCharCount', () => {
+  it('shows a neutral empty state', () => {
+    render(<SeoCharCount value="" min={30} max={60} />)
+    expect(screen.getByText('0/60')).toBeTruthy()
+  })
+
+  it('marks a value within the ideal range as good', () => {
+    render(<SeoCharCount value={'x'.repeat(40)} min={30} max={60} />)
+    expect(screen.getByText(/40\/60 · good/)).toBeTruthy()
+  })
+
+  it('flags a value over the max as too long (destructive)', () => {
+    const { container } = render(<SeoCharCount value={'x'.repeat(70)} min={30} max={60} />)
+    expect(screen.getByText(/70\/60 · too long/)).toBeTruthy()
+    expect(container.querySelector('.text-destructive')).toBeTruthy()
+  })
+
+  it('hints to aim for the range when below min', () => {
+    render(<SeoCharCount value={'x'.repeat(10)} min={30} max={60} />)
+    expect(screen.getByText(/aim for 30–60/)).toBeTruthy()
+  })
+})

package/src/__tests__/lib/page-editor-service.test.ts

@@ -146,6 +146,20 @@ describe('validatePage', () => {
     const { errors } = validatePage(basePage([]), false)
     expect(errors.some((e) => e.includes('visible section'))).toBe(false)
   })
+
+  it('rejects an invalid slug (mirrors the server publish gate)', () => {
+    const page = basePage([])
+    page.slug = 'About Us!'
+    const { errors } = validatePage(page, false)
+    expect(errors.some((e) => /slug/i.test(e))).toBe(true)
+  })
+
+  it('rejects a reserved slug', () => {
+    const page = basePage([])
+    page.slug = 'admin'
+    const { errors } = validatePage(page, false)
+    expect(errors.some((e) => /reserved/i.test(e))).toBe(true)
+  })
 })
 
 describe('section type registry', () => {

package/src/__tests__/lib/post-editor-service.test.ts

@@ -52,6 +52,15 @@ describe('validatePost', () => {
     expect(r.errors).toContain('Post slug is required.')
   })
 
+  it('rejects an invalid or reserved slug (mirrors the server publish gate)', () => {
+    expect(
+      validatePost(basePost({ slug: 'Hello World' }), false).errors.some((e) => /slug/i.test(e)),
+    ).toBe(true)
+    expect(
+      validatePost(basePost({ slug: 'api' }), false).errors.some((e) => /reserved/i.test(e)),
+    ).toBe(true)
+  })
+
   it('does not run section validation for draft saves', () => {
     const r = validatePost(
       basePost({

package/src/__tests__/views/seo-settings.render.test.tsx

@@ -39,7 +39,7 @@ const cmsApi = vi.fn(async (endpoint: string, options?: { method?: string }) =>
   if (endpoint === '/seo/sitemap/status' && method === 'GET') {
     return {
       data: {
-        sitemapUrl: 'https://acme.test/api/cms/sitemap.xml',
+        sitemapUrl: 'https://acme.test/sitemap.xml',
         lastGeneratedAt: '2026-01-02T03:04:05.000Z',
         pagesIncluded: 12,
         pagesExcluded: 1,

package/src/components/CoauthorResultPopover.tsx

@@ -84,7 +84,7 @@ export function CoauthorResultPopover({
         className="w-full max-w-2xl rounded-lg bg-white shadow-2xl outline-none"
       >
         <div className="flex items-center justify-between border-b border-gray-200 px-4 py-3">
-          <div className="flex items-center gap-2 text-sm font-semibold text-gray-900">
+          <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
             <Sparkles className="h-4 w-4 text-blue-600" aria-hidden />
             <span>AI {coauthorActionLabel(action)}</span>
             {loading && (

package/src/components/CommentSidePanel.tsx

@@ -233,7 +233,7 @@ export function CommentSidePanel({
   return (
     <aside className={wrapperClass} data-testid="comment-side-panel">
       <header className="flex items-center justify-between">
-        <h2 className="text-sm font-semibold text-gray-900">Comments</h2>
+        <h2 className="text-sm font-medium text-gray-900">Comments</h2>
         <label className="flex cursor-pointer items-center gap-1 text-xs text-gray-600">
           <input
             type="checkbox"

package/src/components/ContentOverviewChart.tsx

@@ -60,7 +60,7 @@ export function ContentOverviewChart({ published, drafts, scheduled }: ContentOv
               <div className="min-w-0">
                 <span className="text-sm text-gray-700">{entry.name}</span>
                 <div className="flex items-baseline gap-2">
-                  <span className="text-lg font-semibold text-gray-900">
+                  <span className="text-lg font-medium text-gray-900">
                     {entry.value.toLocaleString()}
                   </span>
                   <span className="text-xs text-gray-400">{pct}%</span>

package/src/components/MediaPickerModal.tsx

@@ -14,6 +14,8 @@ interface MediaItem {
   storageKey: string
   /** Normalized public URL from the media list endpoint (preferred for display). */
   url?: string
+  /** Curated alt text from the media library (normalized as `altTag`). */
+  altTag?: string
   mimeType: string
   fileSize: number
   width?: number
@@ -118,7 +120,9 @@ export function MediaPickerModal({
       width: item.width,
       height: item.height,
     })
-    onSelect(url, item.filename)
+    // Prefer the asset's curated alt text from the library so inserted images
+    // carry meaningful alt instead of a filename. Callers can still override.
+    onSelect(url, item.altTag?.trim() || item.filename)
     onClose()
   }
 

package/src/components/NotificationBell.tsx

@@ -256,7 +256,7 @@ export function NotificationBell({
         <BellIcon />
         {unread > 0 && (
           <span
-            className="absolute -top-0.5 -right-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-red-600 px-1 text-[10px] font-semibold text-white"
+            className="absolute -top-0.5 -right-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-red-600 px-1 text-[10px] font-medium text-white"
             data-testid="bell-badge"
           >
             {unread > 99 ? '99+' : unread}
@@ -270,7 +270,7 @@ export function NotificationBell({
           data-testid="bell-dropdown"
         >
           <header className="flex items-center justify-between border-b border-gray-100 px-3 py-2">
-            <span className="text-sm font-semibold text-gray-900">Notifications</span>
+            <span className="text-sm font-medium text-gray-900">Notifications</span>
             <button
               type="button"
               className="text-xs text-gray-600 hover:text-gray-900 disabled:opacity-50"

package/src/components/PresenceChips.tsx

@@ -125,7 +125,7 @@ function Chip({ name, color, avatarUrl }: { name: string; color: string; avatarU
       ) : (
         <span
           aria-hidden="true"
-          className="flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-semibold text-white"
+          className="flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-medium text-white"
           style={{ backgroundColor: color }}
         >
           {initials}

package/src/components/SEOConfigPanel.tsx

@@ -242,7 +242,7 @@ export function SEOConfigPanel() {
       <section className="rounded-lg border border-gray-200 bg-white">
         <header className="flex items-center gap-2 border-b border-gray-200 px-4 py-3">
           <Globe className="h-4 w-4 text-blue-600" />
-          <h3 className="text-sm font-semibold text-gray-900">Site-wide defaults</h3>
+          <h3 className="text-sm font-medium text-gray-900">Site-wide defaults</h3>
         </header>
         <div className="grid grid-cols-1 gap-4 p-4 md:grid-cols-2">
           <Field
@@ -333,7 +333,7 @@ export function SEOConfigPanel() {
       <section className="rounded-lg border border-gray-200 bg-white">
         <header className="flex items-center gap-2 border-b border-gray-200 px-4 py-3">
           <FileText className="h-4 w-4 text-blue-600" />
-          <h3 className="text-sm font-semibold text-gray-900">Per-collection defaults</h3>
+          <h3 className="text-sm font-medium text-gray-900">Per-collection defaults</h3>
           <span className="text-xs text-gray-500">
             — shown placeholders are the static defaults
           </span>
@@ -346,7 +346,7 @@ export function SEOConfigPanel() {
               <div key={col.slug} className="p-4">
                 <div className="mb-3 flex items-baseline justify-between gap-4">
                   <div>
-                    <h4 className="text-sm font-semibold text-gray-900">{col.label}</h4>
+                    <h4 className="text-sm font-medium text-gray-900">{col.label}</h4>
                     <p className="text-xs text-gray-500">
                       <code className="rounded bg-gray-100 px-1 py-0.5">{col.slug}</code>
                       {col.urlPrefix !== undefined && (

package/src/components/SEOPanel.tsx

@@ -26,6 +26,7 @@ export interface SEOData {
   metaTitle?: string
   metaDescription?: string
   focusKeyphrase?: string
+  keyTakeaway?: string
   canonical?: string
   robotsPolicy?:
     | 'inherit'
@@ -414,7 +415,7 @@ function ScoreRing({ score }: { score: number }) {
           className="transition-all duration-500"
         />
       </svg>
-      <span className="absolute text-sm font-bold" style={{ color }}>
+      <span className="absolute text-sm font-medium" style={{ color }}>
         {score}
       </span>
     </div>
@@ -624,7 +625,7 @@ export function SEOPanel({
     <div className="rounded-lg border border-[var(--border)] bg-[var(--card)]">
       {/* Header */}
       <div className="flex items-center justify-between border-b border-[var(--border)] px-4 py-3">
-        <h3 className="flex items-center gap-2 text-sm font-semibold text-[var(--foreground)]">
+        <h3 className="flex items-center gap-2 text-sm font-medium text-[var(--foreground)]">
           <Search className="h-4 w-4" />
           SEO
         </h3>
@@ -692,24 +693,26 @@ export function SEOPanel({
           <div className="grid grid-cols-2 gap-3">
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Flesch Score</p>
-              <p className={`text-lg font-bold ${fleschColor}`}>{readability.fleschScore}</p>
+              <p className={`text-lg font-medium ${fleschColor}`}>{readability.fleschScore}</p>
               <p className={`text-[10px] ${fleschColor}`}>{fleschLabel}</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Word Count</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">{readability.wordCount}</p>
+              <p className="text-lg font-medium text-[var(--foreground)]">
+                {readability.wordCount}
+              </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">words</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Avg. Sentence</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">
+              <p className="text-lg font-medium text-[var(--foreground)]">
                 {readability.avgSentenceLength.toFixed(1)}
               </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">words/sentence</p>
             </div>
             <div className="rounded-lg bg-[var(--muted)] p-2.5">
               <p className="text-xs text-[var(--muted-foreground)]">Reading Time</p>
-              <p className="text-lg font-bold text-[var(--foreground)]">
+              <p className="text-lg font-medium text-[var(--foreground)]">
                 {readability.readingTime}
               </p>
               <p className="text-[10px] text-[var(--muted-foreground)]">min</p>
@@ -760,6 +763,14 @@ export function SEOPanel({
               onChange={(v) => update({ focusKeyphrase: v })}
               placeholder="Primary keyword or phrase"
             />
+            <TextareaField
+              label="Key Takeaway"
+              value={seoData.keyTakeaway ?? ''}
+              onChange={(v) => update({ keyTakeaway: v })}
+              placeholder="One or two sentences AI answer engines can quote"
+              charCount={(seoData.keyTakeaway ?? '').length}
+              charTarget="(ideal: under 240)"
+            />
             <InputField
               label="Canonical URL"
               value={seoData.canonical ?? ''}

package/src/components/SEOPerformance.tsx

@@ -27,7 +27,7 @@ function ScoreBadge({ score }: { score: number }) {
   const bg = score >= 80 ? 'bg-green-50' : score >= 60 ? 'bg-amber-50' : 'bg-red-50'
   return (
     <span
-      className={`inline-flex h-9 w-9 items-center justify-center rounded-full text-sm font-semibold ${color} ${bg}`}
+      className={`inline-flex h-9 w-9 items-center justify-center rounded-full text-sm font-medium ${color} ${bg}`}
     >
       {score}
     </span>
@@ -57,7 +57,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
       <div className="flex items-center justify-between border-b border-gray-200 p-4">
         <div className="flex items-center gap-2">
           <Search className="h-4 w-4 text-gray-500" />
-          <h2 className="text-sm font-semibold text-gray-900">SEO Performance</h2>
+          <h2 className="text-sm font-medium text-gray-900">SEO Performance</h2>
         </div>
         {totalIssues > 0 && (
           <span className="text-xs text-gray-500">
@@ -120,7 +120,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <FileWarning className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Missing meta descriptions</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">
+              <span className="text-sm font-medium text-gray-900">
                 {issues.missingMetaDescriptions}
               </span>
             </div>
@@ -129,7 +129,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <LinkIcon className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Broken internal links</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">
+              <span className="text-sm font-medium text-gray-900">
                 {issues.brokenInternalLinks}
               </span>
             </div>
@@ -138,7 +138,7 @@ export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
                 <ImageOff className="h-4 w-4 text-red-400" />
                 <span className="text-sm text-gray-700">Missing alt text</span>
               </div>
-              <span className="text-sm font-semibold text-gray-900">{issues.missingAltText}</span>
+              <span className="text-sm font-medium text-gray-900">{issues.missingAltText}</span>
             </div>
           </div>
           {totalIssues > 0 && (

package/src/components/forms/EntriesTable.tsx

@@ -130,7 +130,7 @@ export function EntriesTable({
                             />
                           )}
                           <span
-                            className={`text-foreground truncate ${entry.unread ? 'font-semibold' : 'font-medium'}`}
+                            className={`text-foreground truncate ${entry.unread ? 'font-medium' : 'font-medium'}`}
                           >
                             {name}
                           </span>

package/src/components/seo/SeoCharCount.tsx

@@ -0,0 +1,44 @@
+'use client'
+
+import { Check, AlertTriangle } from 'lucide-react'
+
+export interface SeoCharCountProps {
+  value: string
+  /** Recommended minimum length (inclusive). */
+  min: number
+  /** Recommended/hard maximum length (inclusive). */
+  max: number
+}
+
+/**
+ * A length counter with an accessible quality band for SEO fields. Color is
+ * always paired with an icon + label so meaning is never conveyed by color
+ * alone (WCAG). "Good" = within [min, max]; "long" (over max) is the only
+ * destructive state; below min is a neutral hint.
+ */
+export function SeoCharCount({ value, min, max }: SeoCharCountProps) {
+  const len = value.trim().length
+  const empty = len === 0
+  const long = len > max
+  const good = !empty && len >= min && len <= max
+
+  const tone = long ? 'text-destructive' : 'text-muted-foreground'
+  const label = empty
+    ? `0/${max}`
+    : long
+      ? `${len}/${max} · too long`
+      : good
+        ? `${len}/${max} · good`
+        : `${len}/${max} · aim for ${min}–${max}`
+
+  return (
+    <span className={`inline-flex items-center gap-1 text-xs ${tone}`}>
+      {long ? (
+        <AlertTriangle size={12} aria-hidden="true" />
+      ) : good ? (
+        <Check size={12} aria-hidden="true" />
+      ) : null}
+      {label}
+    </span>
+  )
+}

package/src/components/seo/SeoEditorDrawer.tsx

@@ -16,7 +16,15 @@ import { SeoLoading, SeoErrorState, btnPrimary, btnSecondary, gradeMeta } from '
 const META_TITLE_MAX = 60
 const META_DESC_MAX = 160
 
-type AiField = 'metaTitle' | 'metaDescription' | 'ogTitle' | 'ogDescription' | 'focusKeyword'
+type AiField =
+  | 'metaTitle'
+  | 'metaDescription'
+  | 'ogTitle'
+  | 'ogDescription'
+  | 'focusKeyword'
+  | 'keyTakeaway'
+
+const KEY_TAKEAWAY_MAX = 240
 
 function CharCount({ value, max }: { value: string; max: number }) {
   const over = value.length > max
@@ -100,6 +108,7 @@ export function SeoEditorDrawer({
           metaDescription: rec.metaDescription ?? '',
           canonicalUrl: rec.canonicalUrl ?? '',
           focusKeyword: rec.focusKeyword ?? '',
+          keyTakeaway: rec.keyTakeaway ?? '',
           ogTitle: rec.ogTitle ?? '',
           ogDescription: rec.ogDescription ?? '',
           noindex: rec.noindex,
@@ -248,6 +257,23 @@ export function SeoEditorDrawer({
             />
           </Field>
 
+          <Field
+            label="Key takeaway"
+            hint={
+              <span className="flex items-center gap-2">
+                <CharCount value={form.keyTakeaway ?? ''} max={KEY_TAKEAWAY_MAX} />
+                {aiButton('keyTakeaway')}
+              </span>
+            }
+          >
+            <textarea
+              className={`${inputCls} min-h-16 resize-y`}
+              value={form.keyTakeaway ?? ''}
+              onChange={(e) => update({ keyTakeaway: e.target.value })}
+              placeholder="One or two sentences AI answer engines can quote — what is this page about?"
+            />
+          </Field>
+
           <Field label="Canonical URL">
             <input
               className={inputCls}

package/src/components/ui/Card.tsx

@@ -62,7 +62,7 @@ export function CardTitle({
 }: HTMLAttributes<HTMLHeadingElement>) {
   return (
     <h3
-      className={`text-lg leading-tight font-semibold tracking-tight text-[var(--card-foreground)] ${className}`}
+      className={`text-lg leading-tight font-medium tracking-tight text-[var(--card-foreground)] ${className}`}
       {...rest}
     >
       {children}

package/src/components/ui/EmptyState.tsx

@@ -13,7 +13,7 @@ export function EmptyState({ icon, title, description, actionLabel, onAction }:
   return (
     <div className="flex flex-col items-center justify-center py-16 text-center">
       {icon && <div className="mb-4 text-[var(--muted-foreground)]">{icon}</div>}
-      <h3 className="text-lg font-semibold">{title}</h3>
+      <h3 className="text-lg font-medium">{title}</h3>
       {description && (
         <p className="mt-1 max-w-sm text-sm text-[var(--muted-foreground)]">{description}</p>
       )}

package/src/fields/SlugField.tsx

@@ -11,11 +11,15 @@ export interface SlugFieldProps {
   helpText?: string
 }
 
+// Mirrors `normalizeSlug` in @actuate-media/cms-core so the live-edited value
+// matches what the server will accept (lowercase alphanumerics + single
+// hyphens; underscores and other punctuation are collapsed to hyphens).
 function toSlug(text: string): string {
   return text
     .toLowerCase()
-    .replace(/[^\w\s-]/g, '')
-    .replace(/[\s_]+/g, '-')
+    .normalize('NFKD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[^a-z0-9]+/g, '-')
     .replace(/^-+|-+$/g, '')
 }
 

package/src/layout/Sidebar.tsx

@@ -390,7 +390,7 @@ function renderNavTree(items: NavItem[], ctx: NavRenderContext): ReactNode {
           </div>
         ) : (
           <div key={`g-${item.group}`} className="px-3 pt-4 pb-1">
-            <span className="text-sidebar-foreground/55 text-[10px] font-semibold tracking-wider uppercase">
+            <span className="text-sidebar-foreground/55 text-[10px] font-medium tracking-wider uppercase">
               {item.group}
             </span>
           </div>

package/src/layout/primitives/PageContainer.tsx

@@ -79,7 +79,7 @@ export function PageContainer({
             {(title || description) && (
               <div className="min-w-0">
                 {title && (
-                  <h1 className="text-foreground truncate text-2xl font-semibold tracking-tight">
+                  <h1 className="text-foreground truncate text-2xl font-medium tracking-tight">
                     {title}
                   </h1>
                 )}

package/src/lib/page-editor-service.ts

@@ -33,6 +33,7 @@ import {
   validateSectionContent,
   type PageSection,
 } from '@actuate-media/cms-core/page-sections'
+import { validateSlug } from '@actuate-media/cms-core/client'
 
 import { missingCollectionFields } from './collection-schema.js'
 
@@ -108,6 +109,11 @@ export function validatePage(page: EditorPage, forPublish = false): ValidationRe
   if (isBlank(page.title)) errors.push('Page title is required.')
   if (isBlank(page.path)) errors.push('Page path is required.')
 
+  // Mirror the server publish gate so an invalid/reserved slug surfaces in the
+  // validation summary rather than only as a toast after the publish attempt.
+  const slugError = validateSlug(page.slug)
+  if (slugError) errors.push(slugError)
+
   if (forPublish) {
     const visible = page.sections.filter((s) => s.visible)
     if (visible.length === 0) {

package/src/lib/post-editor-service.ts

@@ -41,6 +41,7 @@ import {
   type PageSection,
   type PostHeaderConfig,
 } from '@actuate-media/cms-core/page-sections'
+import { validateSlug } from '@actuate-media/cms-core/client'
 
 export type { PageSection, PostHeaderConfig } from '@actuate-media/cms-core/page-sections'
 
@@ -139,6 +140,11 @@ export function validatePost(post: EditorPost, forPublish = false): ValidationRe
   if (isBlank(post.title)) errors.push('Post title is required.')
   if (isBlank(post.slug)) errors.push('Post slug is required.')
 
+  // Mirror the server publish gate so an invalid/reserved slug surfaces in the
+  // validation summary rather than only as a toast after the publish attempt.
+  const slugError = validateSlug(post.slug)
+  if (slugError) errors.push(slugError)
+
   if (forPublish) {
     const visible = post.sections.filter((s) => s.visible)
     // Unmanaged (externally-managed) sections have no registered field schema,

package/src/lib/seo-service.ts

@@ -150,6 +150,7 @@ export interface SeoContentRecord {
   metaTitle: string | null
   metaDescription: string | null
   focusKeyword: string | null
+  keyTakeaway: string | null
   ogTitle: string | null
   ogDescription: string | null
   ogImageId: string | null
@@ -190,6 +191,7 @@ export interface SeoFieldPayload {
   metaDescription?: string
   canonicalUrl?: string
   focusKeyword?: string
+  keyTakeaway?: string
   ogTitle?: string
   ogDescription?: string
   ogImage?: string
@@ -620,7 +622,13 @@ function isAiUnavailable(status?: number): boolean {
 }
 
 export async function generateSeoField(
-  field: 'metaTitle' | 'metaDescription' | 'ogTitle' | 'ogDescription' | 'focusKeyword',
+  field:
+    | 'metaTitle'
+    | 'metaDescription'
+    | 'ogTitle'
+    | 'ogDescription'
+    | 'focusKeyword'
+    | 'keyTakeaway',
   context: { entityType: string; entityId: string },
 ): Promise<SeoAiResult> {
   const res = await cmsApi<SeoAiResult>('/ai/seo/generate-field', {

package/src/views/CollectionList.tsx

@@ -284,7 +284,7 @@ export function CollectionList({ collectionSlug, config, onNavigate }: Collectio
       <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
         <div>
           <h1
-            className="text-xl font-semibold sm:text-2xl"
+            className="text-xl font-medium sm:text-2xl"
             style={{ color: 'var(--actuate-text, #111827)' }}
           >
             {labels.plural}