@actuate-media/cms-admin 0.74.0 → 0.75.0

package/dist/components/EditorSeoAside.d.ts

@@ -1,20 +1,23 @@
+import type { PageSection } from '@actuate-media/cms-core/page-sections';
 export interface EditorSeoAsideProps {
     entityType: 'page' | 'post';
-    /** Saved document id — when absent, shows a draft-only meta form. */
+    /** Saved document id — when absent, draft mode with live analysis. */
     entityId: string | null;
     title: string;
+    slug: string;
     seoTitle: string;
     seoDescription: string;
+    /** Post body HTML and/or section content for live SEO analysis. */
+    sections?: PageSection[];
+    bodyHtml?: string;
     canEdit: boolean;
     onClose: () => void;
-    /** Sync basic meta fields on the in-memory editor model (draft flow). */
     onDraftChange?: (patch: {
         seoTitle?: string;
         seoDescription?: string;
     }) => void;
-    /** Refetch the editor document after SEO API save (saved flow). */
     onSaved?: () => void;
 }
 /** Right-side SEO panel for the Page / Post section editors. */
-export declare function EditorSeoAside({ entityType, entityId, title, seoTitle, seoDescription, canEdit, onClose, onDraftChange, onSaved, }: EditorSeoAsideProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorSeoAside({ entityType, entityId, slug, seoTitle, seoDescription, sections, bodyHtml, onClose, onDraftChange, onSaved, }: EditorSeoAsideProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorSeoAside.d.ts.map

package/dist/components/EditorSeoAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSeoAside.d.ts","sourceRoot":"","sources":["../../src/components/EditorSeoAside.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,qEAAqE;IACrE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/E,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAuDD,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAO,EACP,OAAO,EACP,aAAa,EACb,OAAO,GACR,EAAE,mBAAmB,2CAmDrB"}
+{"version":3,"file":"EditorSeoAside.d.ts","sourceRoot":"","sources":["../../src/components/EditorSeoAside.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AAIxE,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sEAAsE;IACtE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAa,EACb,QAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,GACR,EAAE,mBAAmB,2CA4BrB"}

package/dist/components/EditorSeoAside.js

@@ -1,22 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { Search, X } from 'lucide-react';
-import { SeoCharCount } from './seo/SeoCharCount.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
 import { SeoEditorPane } from './seo/SeoEditorPane.js';
-import { InspectorExpandButton, ResizableAside } from './ui/ResizableAside.js';
-const SEO_TITLE_MIN = 30;
-const SEO_TITLE_MAX = 60;
-const SEO_DESC_MIN = 120;
-const SEO_DESC_MAX = 160;
+import { ResizableAside } from './ui/ResizableAside.js';
+import { buildEditorContentHtml } from '../lib/editor-seo-content.js';
 const INSPECTOR_SHELL = 'bg-card border-border flex h-full flex-col border-l';
-const LABEL = 'text-foreground mb-1 block text-xs font-medium';
-const INPUT = 'border-input bg-input-background text-foreground focus-visible:ring-ring w-full rounded-md border px-2.5 py-1.5 text-sm focus-visible:ring-2 focus-visible:outline-none';
-function DraftSeoForm({ title, seoTitle, seoDescription, canEdit, onDraftChange, }) {
-    return (_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsx("p", { className: "border-border bg-muted text-muted-foreground rounded-md border p-4 text-sm", children: "Save a draft first to unlock the full SEO editor \u2014 focus keyword, social previews, schema, robots, and AI assists. You can still set a basic title and description below; they are saved with the document." }), _jsxs("div", { children: [_jsxs("div", { className: "mb-1 flex items-center justify-between", children: [_jsx("label", { className: `${LABEL} mb-0`, htmlFor: "editor-seo-title", children: "SEO title" }), _jsx(SeoCharCount, { value: seoTitle, min: SEO_TITLE_MIN, max: SEO_TITLE_MAX })] }), _jsx("input", { id: "editor-seo-title", className: INPUT, value: seoTitle, disabled: !canEdit, placeholder: title || 'Defaults to the page title', onChange: (e) => onDraftChange?.({ seoTitle: e.target.value }) })] }), _jsxs("div", { children: [_jsxs("div", { className: "mb-1 flex items-center justify-between", children: [_jsx("label", { className: `${LABEL} mb-0`, htmlFor: "editor-seo-desc", children: "SEO description" }), _jsx(SeoCharCount, { value: seoDescription, min: SEO_DESC_MIN, max: SEO_DESC_MAX })] }), _jsx("textarea", { id: "editor-seo-desc", className: `${INPUT} min-h-[96px] resize-y`, value: seoDescription, disabled: !canEdit, placeholder: "Summarize this content for search results (120\u2013160 characters)", onChange: (e) => onDraftChange?.({ seoDescription: e.target.value }) })] })] }));
-}
 /** Right-side SEO panel for the Page / Post section editors. */
-export function EditorSeoAside({ entityType, entityId, title, seoTitle, seoDescription, canEdit, onClose, onDraftChange, onSaved, }) {
+export function EditorSeoAside({ entityType, entityId, slug, seoTitle, seoDescription, sections = [], bodyHtml = '', onClose, onDraftChange, onSaved, }) {
+    const contentHtml = useMemo(() => buildEditorContentHtml(sections, bodyHtml), [sections, bodyHtml]);
     useEffect(() => {
         function onKey(e) {
             if (e.key === 'Escape')
@@ -25,6 +16,6 @@ export function EditorSeoAside({ entityType, entityId, title, seoTitle, seoDescr
         document.addEventListener('keydown', onKey);
         return () => document.removeEventListener('keydown', onKey);
     }, [onClose]);
-    return (_jsx(ResizableAside, { role: "dialog", "aria-label": "SEO settings", className: INSPECTOR_SHELL, children: entityId ? (_jsx(SeoEditorPane, { entityType: entityType, entityId: entityId, onClose: onClose, onSaved: onSaved })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-6 py-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Search, { className: "text-muted-foreground h-4 w-4 shrink-0", "aria-hidden": true }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground truncate text-sm font-medium", children: "SEO" }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: title || 'Untitled' })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsx(InspectorExpandButton, {}), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close SEO panel", className: "text-muted-foreground hover:text-foreground hover:bg-accent flex h-9 w-9 items-center justify-center rounded-md md:h-7 md:w-7", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true }) })] })] }), _jsx(DraftSeoForm, { title: title, seoTitle: seoTitle, seoDescription: seoDescription, canEdit: canEdit, onDraftChange: onDraftChange })] })) }));
+    return (_jsx(ResizableAside, { role: "dialog", "aria-label": "SEO settings", className: INSPECTOR_SHELL, children: _jsx(SeoEditorPane, { entityType: entityType, entityId: entityId, slug: slug, contentHtml: contentHtml, draftMeta: { seoTitle, seoDescription }, onDraftChange: onDraftChange, onClose: onClose, onSaved: onSaved }) }));
 }
 //# sourceMappingURL=EditorSeoAside.js.map

package/dist/components/EditorSeoAside.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSeoAside.js","sourceRoot":"","sources":["../../src/components/EditorSeoAside.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditorSeoAside.js","sourceRoot":"","sources":["../../src/components/EditorSeoAside.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAGrE,MAAM,eAAe,GAAG,qDAAqD,CAAA;AAmB7E,gEAAgE;AAChE,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,aAAa,EACb,OAAO,GACa;IACpB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAChD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,KAAK,CAAC,CAAgB;YAC7B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAA;QACnC,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;QAC3C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,gBAAY,cAAc,EAAC,SAAS,EAAE,eAAe,YAChF,KAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,GACa,CAClB,CAAA;AACH,CAAC"}

package/dist/components/seo/EditorSeoScoreBadge.d.ts

@@ -0,0 +1,7 @@
+/** Compact color-coded score for the page/post editor toolbar (`77/100` left of "SEO"). */
+export declare function EditorSeoScoreBadge({ score, inverted, }: {
+    score: number;
+    /** When the SEO toggle uses `bg-primary`, render score in primary-foreground. */
+    inverted?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorSeoScoreBadge.d.ts.map

package/dist/components/seo/EditorSeoScoreBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSeoScoreBadge.d.ts","sourceRoot":"","sources":["../../../src/components/seo/EditorSeoScoreBadge.tsx"],"names":[],"mappings":"AAIA,2FAA2F;AAC3F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAaA"}

package/dist/components/seo/EditorSeoScoreBadge.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { gradeFromScore, gradeMeta } from './primitives.js';
+/** Compact color-coded score for the page/post editor toolbar (`77/100` left of "SEO"). */
+export function EditorSeoScoreBadge({ score, inverted = false, }) {
+    const meta = gradeMeta(gradeFromScore(score));
+    return (_jsxs("span", { className: `inline-flex items-baseline gap-0.5 text-xs font-medium tabular-nums ${inverted ? 'text-primary-foreground' : meta.text}`, "aria-hidden": true, children: [score, _jsx("span", { className: inverted ? 'text-primary-foreground/80' : 'opacity-70', children: "/100" })] }));
+}
+//# sourceMappingURL=EditorSeoScoreBadge.js.map

package/dist/components/seo/EditorSeoScoreBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSeoScoreBadge.js","sourceRoot":"","sources":["../../../src/components/seo/EditorSeoScoreBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3D,2FAA2F;AAC3F,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,KAAK,GAKjB;IACC,MAAM,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7C,OAAO,CACL,gBACE,SAAS,EAAE,uEACT,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,IAC9C,EAAE,kCAGD,KAAK,EACN,eAAM,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,YAAY,qBAAa,IAC/E,CACR,CAAA;AACH,CAAC"}

package/dist/components/seo/SeoAccordion.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export declare function SeoAccordion({ children, defaultOpen, }: {
+    children: ReactNode;
+    defaultOpen?: string[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SeoAccordionItem({ value, title, badge, children, }: {
+    value: string;
+    title: string;
+    badge?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SeoAccordionBadge({ tone, children, }: {
+    tone: 'neutral' | 'good' | 'warn' | 'bad';
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SeoAccordion.d.ts.map

package/dist/components/seo/SeoAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoAccordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAoD,GACrD,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB,2CAUA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAqBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IACzC,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAYA"}

package/dist/components/seo/SeoAccordion.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Accordion from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+export function SeoAccordion({ children, defaultOpen = ['focus-keyword', 'search-appearance'], }) {
+    return (_jsx(Accordion.Root, { type: "multiple", defaultValue: defaultOpen, className: "divide-y divide-[var(--bdr)]", children: children }));
+}
+export function SeoAccordionItem({ value, title, badge, children, }) {
+    return (_jsxs(Accordion.Item, { value: value, className: "border-[var(--bdr)] bg-[var(--sb)]", children: [_jsx(Accordion.Header, { children: _jsxs(Accordion.Trigger, { className: "group flex w-full items-center justify-between gap-2 px-5 py-3.5 text-left transition-colors duration-[var(--motion-fast)] hover:bg-[var(--bg)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "text-[13px] font-medium text-[var(--txt)]", children: title }), badge] }), _jsx(ChevronDown, { size: 16, "aria-hidden": true, className: "shrink-0 text-[var(--muted)] group-data-[state=open]:rotate-180 motion-safe:transition-transform motion-safe:duration-200" })] }) }), _jsx(Accordion.Content, { className: "overflow-hidden data-[state=closed]:hidden", children: _jsx("div", { className: "space-y-3 px-5 pt-1 pb-4", children: children }) })] }));
+}
+export function SeoAccordionBadge({ tone, children, }) {
+    const cls = tone === 'good'
+        ? 'bg-[var(--suc-l)] text-[var(--suc)]'
+        : tone === 'warn'
+            ? 'bg-[var(--warn-l)] text-[var(--warn)]'
+            : tone === 'bad'
+                ? 'bg-[var(--err-l)] text-[var(--err)]'
+                : 'bg-[var(--bg)] text-[var(--sub)]';
+    return (_jsx("span", { className: `rounded-full px-2 py-0.5 text-[10.5px] font-medium ${cls}`, children: children }));
+}
+//# sourceMappingURL=SeoAccordion.js.map

package/dist/components/seo/SeoAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoAccordion.js","sourceRoot":"","sources":["../../../src/components/seo/SeoAccordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,GAAG,CAAC,eAAe,EAAE,mBAAmB,CAAC,GAIrD;IACC,OAAO,CACL,KAAC,SAAS,CAAC,IAAI,IACb,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,8BAA8B,YAEvC,QAAQ,GACM,CAClB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,GAMT;IACC,OAAO,CACL,MAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,oCAAoC,aAC1E,KAAC,SAAS,CAAC,MAAM,cACf,MAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,kOAAkO,aAC7P,gBAAM,SAAS,EAAC,iCAAiC,aAC/C,eAAM,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAQ,EACzE,KAAK,IACD,EACP,KAAC,WAAW,IACV,IAAI,EAAE,EAAE,uBAER,SAAS,EAAC,2HAA2H,GACrI,IACgB,GACH,EACnB,KAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,4CAA4C,YACvE,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,GACxC,IACL,CAClB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,GAAG,GACP,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,qCAAqC;QACvC,CAAC,CAAC,IAAI,KAAK,MAAM;YACf,CAAC,CAAC,uCAAuC;YACzC,CAAC,CAAC,IAAI,KAAK,KAAK;gBACd,CAAC,CAAC,qCAAqC;gBACvC,CAAC,CAAC,kCAAkC,CAAA;IAC5C,OAAO,CACL,eAAM,SAAS,EAAE,sDAAsD,GAAG,EAAE,YAAG,QAAQ,GAAQ,CAChG,CAAA;AACH,CAAC"}

package/dist/components/seo/SeoAnalysisList.d.ts

@@ -0,0 +1,7 @@
+import type { SEOCheck } from '@actuate-media/cms-core/seo/analysis';
+export declare function SeoAnalysisList({ checks, onAiFixField, aiFixField, }: {
+    checks: SEOCheck[];
+    onAiFixField?: (field: 'metaTitle' | 'metaDescription' | 'focusKeyword') => void;
+    aiFixField?: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SeoAnalysisList.d.ts.map

package/dist/components/seo/SeoAnalysisList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoAnalysisList.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoAnalysisList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAEpE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,YAAY,EACZ,UAAU,GACX,EAAE;IACD,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,cAAc,KAAK,IAAI,CAAA;IAChF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,2CA6CA"}

package/dist/components/seo/SeoAnalysisList.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle2, Sparkles, Wand2 } from 'lucide-react';
+export function SeoAnalysisList({ checks, onAiFixField, aiFixField, }) {
+    const problems = checks.filter((c) => c.status === 'problem' || c.status === 'improvement');
+    const good = checks.filter((c) => c.status === 'good');
+    if (checks.length === 0) {
+        return (_jsx("p", { className: "text-[12px] text-[var(--muted)]", children: "Add content and a focus keyphrase to run SEO checks." }));
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [problems.length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "mb-2 text-[11px] font-semibold tracking-wide text-[var(--sub)] uppercase", children: ["Problems (", problems.length, ")"] }), _jsx("ul", { className: "space-y-2", children: problems.map((check) => (_jsx(AnalysisRow, { check: check, onAiFix: onAiFixField, aiBusy: aiFixField }, check.id))) })] })), good.length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "mb-2 text-[11px] font-semibold tracking-wide text-[var(--sub)] uppercase", children: ["Good results (", good.length, ")"] }), _jsx("ul", { className: "space-y-2", children: good.map((check) => (_jsx(AnalysisRow, { check: check }, check.id))) })] }))] }));
+}
+function AnalysisRow({ check, onAiFix, aiBusy, }) {
+    const tone = check.status === 'good'
+        ? 'text-[var(--suc)]'
+        : check.status === 'improvement'
+            ? 'text-[var(--warn)]'
+            : 'text-[var(--err)]';
+    const Icon = check.status === 'good' ? CheckCircle2 : AlertCircle;
+    const aiField = aiFieldForCheck(check.id);
+    return (_jsxs("li", { className: "flex items-start gap-2 rounded-[7px] border border-[var(--bdr)] bg-[var(--card)] px-2.5 py-2", children: [_jsx(Icon, { className: `mt-0.5 h-3.5 w-3.5 shrink-0 ${tone}`, "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[12.5px] font-medium text-[var(--txt)]", children: check.title }), _jsx("p", { className: "text-[11.5px] text-[var(--sub)]", children: check.description })] }), onAiFix && aiField && check.status !== 'good' && (_jsxs("button", { type: "button", "aria-label": `AI help for ${check.title}`, disabled: Boolean(aiBusy), onClick: () => onAiFix(aiField), className: "inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-medium text-[var(--acc)] hover:bg-[var(--acc-l)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:opacity-60", children: [aiBusy === aiField ? (_jsx(Sparkles, { className: "h-3 w-3 animate-pulse", "aria-hidden": true })) : (_jsx(Wand2, { className: "h-3 w-3", "aria-hidden": true })), "AI"] }))] }));
+}
+function aiFieldForCheck(checkId) {
+    if (checkId.includes('meta-title') || checkId.includes('keyphrase-in-title'))
+        return 'metaTitle';
+    if (checkId.includes('meta-description') || checkId.includes('keyphrase-in-meta-description')) {
+        return 'metaDescription';
+    }
+    if (checkId.includes('keyphrase'))
+        return 'focusKeyword';
+    return null;
+}
+//# sourceMappingURL=SeoAnalysisList.js.map

package/dist/components/seo/SeoAnalysisList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoAnalysisList.js","sourceRoot":"","sources":["../../../src/components/seo/SeoAnalysisList.tsx"],"names":[],"mappings":"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"}

package/dist/components/seo/SeoEditorPane.d.ts

@@ -1,9 +1,20 @@
 export interface SeoEditorPaneProps {
-    entityType: string;
-    entityId: string;
+    entityType: 'page' | 'post';
+    /** When absent, draft-only mode — meta fields sync via `onDraftChange`. */
+    entityId: string | null;
     onClose: () => void;
-    /** Called after a successful save so the list can refetch. */
     onSaved?: () => void;
+    /** Live HTML from the section editor for real-time analysis. */
+    contentHtml?: string;
+    slug?: string;
+    draftMeta?: {
+        seoTitle: string;
+        seoDescription: string;
+    };
+    onDraftChange?: (patch: {
+        seoTitle?: string;
+        seoDescription?: string;
+    }) => void;
 }
-export declare function SeoEditorPane({ entityType, entityId, onClose, onSaved }: SeoEditorPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function SeoEditorPane({ entityType, entityId, onClose, onSaved, contentHtml, slug, draftMeta, onDraftChange, }: SeoEditorPaneProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SeoEditorPane.d.ts.map

package/dist/components/seo/SeoEditorPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeoEditorPane.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoEditorPane.tsx"],"names":[],"mappings":"AA8HA,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA2a3F"}
+{"version":3,"file":"SeoEditorPane.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoEditorPane.tsx"],"names":[],"mappings":"AAmIA,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAChF;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAgB,EAChB,IAAS,EACT,SAAS,EACT,aAAa,GACd,EAAE,kBAAkB,2CAqpBpB"}

package/dist/components/seo/SeoEditorPane.js

@@ -1,22 +1,25 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * Inline SEO editor pane — design-parity replacement for the old
- * `SeoEditorDrawer` overlay. Rendered inside an `<InspectorPane>` beside the
- * Content SEO list (380px in the handoff). Same fields, validation, AI
- * assists, and `updateSeoFields` save path as the drawer; only the
- * presentation pattern changed.
+ * Inline SEO editor pane for the post/page section editors and the Content SEO
+ * list. Accordion sections mirror Yoast-style workflow: Focus Keyword → Search
+ * Appearance → Social → Analysis → Advanced → Insights → Linking.
  */
 import { cloneElement, isValidElement, useEffect, useId, useMemo, useState, } from 'react';
-import { Sparkles, Check, Loader2, Wand2 } from 'lucide-react';
+import { Loader2, Monitor, Smartphone, Sparkles, Wand2 } from 'lucide-react';
 import { toast } from 'sonner';
 import { resolveRenderedMetaTitle } from '@actuate-media/cms-core/client';
-import { fetchSeoContentRecord, updateSeoFields, generateSeoField, SEO_SCHEMA_TYPES, } from '../../lib/seo-service.js';
+import { analyzeContent, calculateReadability, stripHtmlTags, } from '@actuate-media/cms-core/seo/analysis';
+import { fetchSeoContentRecord, updateSeoFields, generateSeoField, fetchDocumentSeoAnalysis, SEO_SCHEMA_TYPES, } from '../../lib/seo-service.js';
 import { fixBrandVoiceContent } from '../../lib/brand-voice-client.js';
 import { BrandVoiceAlignmentBadge } from '../BrandVoiceAlignmentBadge.js';
-import { InspectorPaneBody, InspectorPaneFooter, InspectorPaneHeader, InspectorPaneSection, } from '../ui/InspectorPane.js';
+import { InspectorPaneBody, InspectorPaneFooter, InspectorPaneHeader } from '../ui/InspectorPane.js';
 import { Toggle } from '../ui/Toggle.js';
 import { SeoLoading, SeoErrorState, gradeMeta } from './primitives.js';
+import { SeoAccordion, SeoAccordionBadge, SeoAccordionItem } from './SeoAccordion.js';
+import { SeoAnalysisList } from './SeoAnalysisList.js';
+import { SeoInsightsMetrics } from './SeoInsightsMetrics.js';
+import { SeoLinkingSection } from './SeoLinkingSection.js';
 const META_TITLE_MAX = 60;
 const META_DESC_MAX = 160;
 const KEY_TAKEAWAY_MAX = 240;
@@ -31,31 +34,54 @@ function CharCount({ value, max }) {
     const over = value.length > max;
     return (_jsxs("span", { className: `text-[11px] ${over ? 'text-[var(--err)]' : 'text-[var(--muted)]'}`, children: [value.length, "/", max] }));
 }
-function PaneField({ label, children, hint, }) {
-    // Associate the visible label with its control for screen readers. We inject
-    // a generated id onto the single child input/textarea (unless it already has
-    // one) and point the <label htmlFor> at it.
+function PaneField({ label, children, hint, help, }) {
     const generatedId = useId();
     let control = children;
     if (isValidElement(children) && children.props.id == null) {
         control = cloneElement(children, { id: generatedId });
     }
     const controlId = isValidElement(control) ? control.props.id : undefined;
-    return (_jsxs("div", { className: "mb-3 last:mb-0", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [_jsx("label", { htmlFor: controlId, className: "text-[11.5px] font-medium text-[var(--sub)]", children: label }), hint] }), control] }));
+    return (_jsxs("div", { className: "mb-3 last:mb-0", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [_jsx("label", { htmlFor: controlId, className: "text-[11.5px] font-medium text-[var(--sub)]", children: label }), hint] }), control, help && _jsx("p", { className: "mt-1 text-[11px] text-[var(--muted)]", children: help })] }));
 }
 function PaneToggleRow({ label, hint, checked, onCheckedChange, }) {
     return (_jsxs("div", { className: "flex items-center justify-between gap-3 py-1.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12.5px] font-medium text-[var(--txt)]", children: label }), _jsx("div", { className: "text-[11px] text-[var(--muted)]", children: hint })] }), _jsx(Toggle, { checked: checked, onCheckedChange: onCheckedChange, "aria-label": label })] }));
 }
-export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
+export function SeoEditorPane({ entityType, entityId, onClose, onSaved, contentHtml = '', slug = '', draftMeta, onDraftChange, }) {
+    const isDraft = !entityId;
     const [record, setRecord] = useState(null);
-    const [loading, setLoading] = useState(true);
+    const [loading, setLoading] = useState(!isDraft);
     const [error, setError] = useState(null);
     const [saving, setSaving] = useState(false);
     const [aiBusy, setAiBusy] = useState(null);
     const [aiFixBusy, setAiFixBusy] = useState(null);
     const [aiAlignments, setAiAlignments] = useState({});
     const [form, setForm] = useState({});
+    const [previewDevice, setPreviewDevice] = useState('mobile');
+    const [socialPlatform, setSocialPlatform] = useState('facebook');
+    const [remoteAnalysis, setRemoteAnalysis] = useState(null);
     useEffect(() => {
+        if (isDraft) {
+            setLoading(false);
+            setRecord(null);
+            setError(null);
+            setForm({
+                metaTitle: draftMeta?.seoTitle ?? '',
+                metaDescription: draftMeta?.seoDescription ?? '',
+                focusKeyword: '',
+                keyTakeaway: '',
+                ogTitle: '',
+                ogDescription: '',
+                canonicalUrl: '',
+                structuredDataType: 'WebPage',
+                noindex: false,
+                nofollow: false,
+                llmsInclude: 'AUTO',
+                llmsDescription: '',
+                llmsSection: '',
+                llmsOptional: false,
+            });
+            return;
+        }
         let alive = true;
         setLoading(true);
         setError(null);
@@ -76,6 +102,8 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
                 keyTakeaway: rec.keyTakeaway ?? '',
                 ogTitle: rec.ogTitle ?? '',
                 ogDescription: rec.ogDescription ?? '',
+                twitterTitle: rec.twitterTitle ?? '',
+                twitterDescription: rec.twitterDescription ?? '',
                 structuredDataType: rec.structuredDataType ?? 'WebPage',
                 noindex: rec.noindex,
                 nofollow: rec.nofollow,
@@ -90,12 +118,42 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
         return () => {
             alive = false;
         };
-    }, [entityType, entityId]);
-    const update = (patch) => setForm((f) => ({ ...f, ...patch }));
+    }, [entityType, entityId, isDraft]);
+    useEffect(() => {
+        if (isDraft || contentHtml.trim() || !entityId)
+            return;
+        let alive = true;
+        fetchDocumentSeoAnalysis(entityId)
+            .then((result) => alive && setRemoteAnalysis(result))
+            .catch(() => alive && setRemoteAnalysis(null));
+        return () => {
+            alive = false;
+        };
+    }, [entityId, isDraft, contentHtml]);
+    const update = (patch) => {
+        setForm((f) => {
+            const next = { ...f, ...patch };
+            if (isDraft && onDraftChange) {
+                if ('metaTitle' in patch)
+                    onDraftChange({ seoTitle: patch.metaTitle });
+                if ('metaDescription' in patch)
+                    onDraftChange({ seoDescription: patch.metaDescription });
+            }
+            return next;
+        });
+    };
     async function handleAiGenerate(field) {
+        if (isDraft && !contentHtml.trim() && field !== 'focusKeyword') {
+            toast.error('Add a title or body content before generating with AI.');
+            return;
+        }
         setAiBusy(field);
         try {
-            const result = await generateSeoField(field, { entityType, entityId });
+            if (isDraft) {
+                toast.error('Save a draft first to use AI field generation with site knowledge.');
+                return;
+            }
+            const result = await generateSeoField(field, { entityType, entityId: entityId });
             if (result.unavailable) {
                 toast.error('AI is not configured. Add an AI provider to enable suggestions.');
                 return;
@@ -112,7 +170,7 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
                     setAiAlignments((prev) => ({ ...prev, [targetField]: result.brandAlignment }));
                 }
                 toast.success(field === 'ogTitle' || field === 'ogDescription'
-                    ? 'AI suggestion applied to meta tags — OG inherits from meta unless you override.'
+                    ? 'AI suggestion applied to meta tags — social fields inherit unless overridden.'
                     : 'AI suggestion applied — review before saving.');
             }
             else {
@@ -156,6 +214,11 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
         return (_jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [_jsx(BrandVoiceAlignmentBadge, { alignment: alignment, compact: true }), alignment.score < 85 && (_jsxs("button", { type: "button", onClick: () => void handleAiFix(field), disabled: fixing || aiBusy !== null, className: "inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-[11.5px] font-medium text-[var(--acc)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--acc-l)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:opacity-60", children: [fixing ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true })) : (_jsx(Wand2, { className: "h-3.5 w-3.5", "aria-hidden": true })), "Fix for brand voice"] }))] }));
     }
     async function handleSave() {
+        if (isDraft) {
+            toast.success('SEO fields will be saved with the document.');
+            onClose();
+            return;
+        }
         setSaving(true);
         const res = await updateSeoFields(entityType, entityId, form);
         setSaving(false);
@@ -167,6 +230,8 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
         onSaved?.();
     }
     const renderedTitle = useMemo(() => {
+        if (isDraft)
+            return form.metaTitle?.trim() || draftMeta?.seoTitle || 'Untitled';
         if (!record)
             return form.metaTitle?.trim() || 'Untitled';
         return resolveRenderedMetaTitle({
@@ -177,19 +242,54 @@ export function SeoEditorPane({ entityType, entityId, onClose, onSaved }) {
                 titleTemplate: record.titleTemplate ?? undefined,
             },
         });
-    }, [form.metaTitle, record]);
-    const desc = form.metaDescription || 'No meta description set. Search engines may generate one.';
-    const url = record?.url ?? '';
-    function aiButton(field) {
-        return (_jsxs("button", { type: "button", onClick: () => void handleAiGenerate(field), disabled: aiBusy !== null, className: "inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-medium text-[var(--acc)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--acc-l)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:opacity-60", children: [_jsx(Sparkles, { className: `h-3 w-3 ${aiBusy === field ? 'animate-pulse' : ''}`, "aria-hidden": true }), aiBusy === field ? 'Generating…' : 'AI Generate'] }));
+    }, [form.metaTitle, record, isDraft, draftMeta?.seoTitle]);
+    const desc = form.metaDescription ||
+        'Please provide a meta description. Search engines may generate one from your content.';
+    const url = record?.url ?? (slug ? `/${slug.replace(/^\//, '')}` : '');
+    const displayUrl = record?.url ?? url;
+    const analysisInput = useMemo(() => ({
+        title: record?.title ?? draftMeta?.seoTitle ?? '',
+        slug: slug || record?.url?.split('/').filter(Boolean).pop() || '',
+        content: contentHtml,
+        metaTitle: form.metaTitle,
+        metaDescription: form.metaDescription,
+        focusKeyphrase: form.focusKeyword,
+        canonical: form.canonicalUrl,
+        ogTitle: form.ogTitle,
+        ogDescription: form.ogDescription,
+        ogImage: record?.ogImage ?? undefined,
+    }), [record, draftMeta, slug, contentHtml, form]);
+    const liveAnalysis = useMemo(() => {
+        if (contentHtml.trim())
+            return analyzeContent(analysisInput);
+        return null;
+    }, [analysisInput, contentHtml]);
+    const analysis = liveAnalysis ?? remoteAnalysis;
+    const plainText = stripHtmlTags(contentHtml);
+    const readability = useMemo(() => calculateReadability(plainText), [plainText]);
+    const problemCount = analysis?.checks.filter((c) => c.status === 'problem').length ?? 0;
+    const internalLinks = analysis?.checks.find((c) => c.id === 'internal-links')?.description.match(/\d+/)?.[0] ?? '0';
+    const externalLinks = analysis?.checks.find((c) => c.id === 'outbound-links')?.description.match(/\d+/)?.[0] ?? '0';
+    const internalOk = Number(internalLinks) >= 1;
+    const externalOk = Number(externalLinks) >= 1;
+    function aiButton(field, label) {
+        return (_jsxs("button", { type: "button", onClick: () => void handleAiGenerate(field), disabled: aiBusy !== null || isDraft, title: isDraft ? 'Save a draft first' : label, className: "inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-medium text-[var(--acc)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--acc-l)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:opacity-60", children: [_jsx(Sparkles, { className: `h-3 w-3 ${aiBusy === field ? 'animate-pulse' : ''}`, "aria-hidden": true }), aiBusy === field ? 'Generating…' : 'AI Generate'] }));
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(InspectorPaneHeader, { onClose: onClose, closeLabel: "Close SEO editor", children: [_jsx("div", { className: "truncate text-[13.5px] font-semibold text-[var(--txt)]", children: record?.title ?? 'Edit SEO' }), url && _jsx("div", { className: "mt-0.5 truncate text-[11.5px] text-[var(--muted)]", children: url })] }), _jsx(InspectorPaneBody, { children: loading ? (_jsx("div", { className: "px-5 py-4", children: _jsx(SeoLoading, {}) })) : error ? (_jsx("div", { className: "px-5 py-4", children: _jsx(SeoErrorState, { message: error }) })) : record ? (_jsxs(_Fragment, { children: [_jsx(InspectorPaneSection, { title: "Google Preview", children: _jsxs("div", { className: "rounded-[7px] border border-[var(--bdr)] bg-[var(--card)] p-3", children: [_jsx("p", { className: "truncate text-[11.5px] text-[var(--suc)]", children: url }), _jsx("p", { className: "text-[15px] leading-snug text-[var(--acc)]", children: renderedTitle }), _jsx("p", { className: "line-clamp-2 text-[12px] text-[var(--sub)]", children: desc })] }) }), _jsxs(InspectorPaneSection, { title: "Meta Tags", children: [_jsx(PaneField, { label: "Meta title", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.metaTitle ?? '', max: META_TITLE_MAX }), aiButton('metaTitle')] }), children: _jsx("input", { className: inputCls, value: form.metaTitle ?? '', onChange: (e) => update({ metaTitle: e.target.value }), placeholder: "Page-specific title (%page% in your site template)" }) }), _jsx(PaneField, { label: "Meta description", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.metaDescription ?? '', max: META_DESC_MAX }), aiButton('metaDescription')] }), children: _jsx("textarea", { className: `${inputCls} min-h-20 resize-y`, value: form.metaDescription ?? '', onChange: (e) => update({ metaDescription: e.target.value }), placeholder: "Short summary shown under the title in search results" }) }), alignmentRow('metaDescription')] }), _jsxs(InspectorPaneSection, { title: "Focus Keyword", children: [_jsx(PaneField, { label: "Target keyword", hint: aiButton('focusKeyword'), children: _jsx("input", { className: inputCls, value: form.focusKeyword ?? '', onChange: (e) => update({ focusKeyword: e.target.value }), placeholder: "Primary keyword this page targets" }) }), _jsx(PaneField, { label: "Key takeaway", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.keyTakeaway ?? '', max: KEY_TAKEAWAY_MAX }), aiButton('keyTakeaway')] }), children: _jsx("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 \u2014 what is this page about?" }) })] }), _jsxs(InspectorPaneSection, { title: "Open Graph", subtitle: "Social sharing", children: [_jsx(PaneField, { label: "OG title", hint: aiButton('ogTitle'), children: _jsx("input", { className: inputCls, value: form.ogTitle ?? '', onChange: (e) => update({ ogTitle: e.target.value }), placeholder: form.metaTitle || 'Title when shared on social media' }) }), _jsx(PaneField, { label: "OG description", hint: aiButton('ogDescription'), children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.ogDescription ?? '', onChange: (e) => update({ ogDescription: e.target.value }), placeholder: form.metaDescription || 'Description when shared on social media' }) }), alignmentRow('ogDescription'), _jsxs("div", { className: "mt-3 overflow-hidden rounded-[7px] border border-[var(--bdr)]", children: [record.ogImage ? (
-                                        // eslint-disable-next-line @next/next/no-img-element
-                                        _jsx("img", { src: record.ogImage, alt: `Social preview for ${record.title}`, className: "aspect-[1200/630] w-full bg-[var(--bg)] object-cover" })) : (_jsx("div", { className: "flex aspect-[1200/630] w-full items-center justify-center bg-[var(--bg)] text-[12px] text-[var(--muted)]", children: "No OG image set" })), _jsxs("div", { className: "p-2.5", children: [_jsx("p", { className: "truncate text-[10.5px] text-[var(--muted)] uppercase", children: url.replace(/^https?:\/\//, '').split('/')[0] }), _jsx("p", { className: "truncate text-[12.5px] font-medium text-[var(--txt)]", children: form.ogTitle || renderedTitle }), _jsx("p", { className: "line-clamp-1 text-[12px] text-[var(--sub)]", children: form.ogDescription || form.metaDescription || desc })] })] })] }), _jsxs(InspectorPaneSection, { title: "Technical SEO", children: [_jsx(PaneField, { label: "Canonical URL", children: _jsx("input", { className: inputCls, value: form.canonicalUrl ?? '', onChange: (e) => update({ canonicalUrl: e.target.value }), placeholder: url || 'https://example.com/page' }) }), !form.canonicalUrl?.trim() && url ? (_jsxs("p", { className: "mb-3 text-[11px] text-[var(--muted)]", children: ["Auto-canonical: ", record.canonicalUrl ?? url] })) : null, _jsx(PaneField, { label: "Schema type", children: _jsx("select", { className: inputCls, value: form.structuredDataType ?? 'WebPage', onChange: (e) => update({ structuredDataType: e.target.value }), children: SEO_SCHEMA_TYPES.map((t) => (_jsx("option", { value: t, children: t }, t))) }) }), _jsx(PaneToggleRow, { label: "No-index", hint: "Hide this page from search engines", checked: !!form.noindex, onCheckedChange: (v) => update({ noindex: v }) }), _jsx(PaneToggleRow, { label: "No-follow", hint: "Tell crawlers not to follow links on this page", checked: !!form.nofollow, onCheckedChange: (v) => update({ nofollow: v }) })] }), _jsxs(InspectorPaneSection, { title: "AI Discovery", subtitle: "llms.txt", children: [_jsxs("p", { className: "mb-3 text-[11px] text-[var(--muted)]", children: ["Controls how this page appears in the curated ", _jsx("code", { children: "llms.txt" }), " guide that AI agents read. It does not affect search ranking."] }), _jsx(PaneField, { label: "Include in llms.txt", children: _jsxs("select", { className: inputCls, value: form.llmsInclude ?? 'AUTO', onChange: (e) => update({ llmsInclude: e.target.value }), children: [_jsx("option", { value: "AUTO", children: "Auto \u2014 include when eligible" }), _jsx("option", { value: "ALWAYS", children: "Always \u2014 pin it in" }), _jsx("option", { value: "NEVER", children: "Never \u2014 exclude" })] }) }), _jsx(PaneField, { label: "Agent description", hint: _jsx(CharCount, { value: form.llmsDescription ?? '', max: LLMS_DESC_MAX }), children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.llmsDescription ?? '', onChange: (e) => update({ llmsDescription: e.target.value }), placeholder: form.keyTakeaway ||
-                                            form.metaDescription ||
-                                            'One line for an AI agent — what this page covers and why it matters.' }) }), _jsx(PaneField, { label: "Section", children: _jsx("input", { className: inputCls, value: form.llmsSection ?? '', onChange: (e) => update({ llmsSection: e.target.value }), placeholder: "Defaults to the content type" }) }), _jsx(PaneToggleRow, { label: "Optional", hint: "Group under \u201COptional\u201D \u2014 agents skip these first when context is tight", checked: !!form.llmsOptional, onCheckedChange: (v) => update({ llmsOptional: v }) })] }), _jsx(InspectorPaneSection, { children: (() => {
+    const socialTitle = socialPlatform === 'twitter'
+        ? form.twitterTitle || form.ogTitle || renderedTitle
+        : form.ogTitle || renderedTitle;
+    const socialDesc = socialPlatform === 'twitter'
+        ? form.twitterDescription || form.ogDescription || form.metaDescription || desc
+        : form.ogDescription || form.metaDescription || desc;
+    return (_jsxs(_Fragment, { children: [_jsxs(InspectorPaneHeader, { onClose: onClose, closeLabel: "Close SEO editor", children: [_jsx("div", { className: "truncate text-[13.5px] font-semibold text-[var(--txt)]", children: record?.title ?? draftMeta?.seoTitle ?? 'SEO' }), displayUrl && (_jsx("div", { className: "mt-0.5 truncate text-[11.5px] text-[var(--muted)]", children: displayUrl }))] }), _jsx(InspectorPaneBody, { children: loading ? (_jsx("div", { className: "px-5 py-4", children: _jsx(SeoLoading, {}) })) : error ? (_jsx("div", { className: "px-5 py-4", children: _jsx(SeoErrorState, { message: error }) })) : (_jsxs(_Fragment, { children: [isDraft && (_jsx("div", { className: "border-b border-[var(--bdr)] px-5 py-3", children: _jsx("p", { className: "text-[11.5px] text-[var(--sub)]", children: "Save a draft to unlock AI assists trained on your site knowledge and tone. You can still set focus keyword, search appearance, and review live analysis below." }) })), !isDraft && record && (_jsx("div", { className: "border-b border-[var(--bdr)] px-5 py-3", children: (() => {
                                 const meta = gradeMeta(record.seoGrade);
-                                return (_jsxs("div", { className: `flex items-center gap-2 rounded-[7px] px-3 py-2 text-[12.5px] ${meta.bg} ${meta.text}`, children: [_jsx(Check, { className: "h-4 w-4 shrink-0", "aria-hidden": true }), _jsxs("span", { children: ["Current SEO score: ", _jsx("span", { className: "font-medium", children: record.seoScore }), " (", meta.label, ")"] })] }));
-                            })() })] })) : null }), _jsx(InspectorPaneFooter, { children: _jsx("button", { type: "button", onClick: () => void handleSave(), disabled: saving || loading || !!error, className: "bg-primary text-primary-foreground w-full rounded-[7px] px-3 py-2 text-[13px] font-semibold transition-colors duration-[var(--motion-fast)] hover:opacity-90 focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", children: saving ? 'Saving…' : 'Save Changes' }) })] }));
+                                return (_jsx("div", { className: `flex items-center gap-2 rounded-[7px] px-3 py-2 text-[12px] ${meta.bg} ${meta.text}`, children: _jsxs("span", { children: ["SEO score: ", _jsx("span", { className: "font-medium", children: record.seoScore }), " (", meta.label, ")", analysis && ` · Live analysis ${analysis.score}`] }) }));
+                            })() })), _jsxs(SeoAccordion, { children: [_jsxs(SeoAccordionItem, { value: "focus-keyword", title: "Focus keyword", badge: form.focusKeyword ? (_jsx(SeoAccordionBadge, { tone: "neutral", children: form.focusKeyword })) : (_jsx(SeoAccordionBadge, { tone: "warn", children: "Not set" })), children: [_jsx(PaneField, { label: "Focus keyphrase", hint: aiButton('focusKeyword', 'Suggest focus keyphrase'), help: "The main phrase you want this content found for in search and AI answers.", children: _jsx("input", { className: inputCls, value: form.focusKeyword ?? '', onChange: (e) => update({ focusKeyword: e.target.value }), placeholder: "e.g. modern headless cms" }) }), _jsx(PaneField, { label: "Key takeaway", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.keyTakeaway ?? '', max: KEY_TAKEAWAY_MAX }), aiButton('keyTakeaway')] }), help: "One or two sentences AI answer engines can quote \u2014 what is this page about?", children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.keyTakeaway ?? '', onChange: (e) => update({ keyTakeaway: e.target.value }), placeholder: "Summarize the page's core value proposition" }) })] }), _jsxs(SeoAccordionItem, { value: "search-appearance", title: "Search appearance", children: [_jsx("p", { className: "text-[11.5px] text-[var(--sub)]", children: "Determine how this content should look in search results." }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[11.5px] font-medium text-[var(--sub)]", children: "Google preview" }), _jsxs("div", { className: "flex rounded-[7px] border border-[var(--bdr)] p-0.5", children: [_jsxs("button", { type: "button", "aria-pressed": previewDevice === 'mobile', onClick: () => setPreviewDevice('mobile'), className: `inline-flex items-center gap-1 rounded-[5px] px-2 py-1 text-[11px] ${previewDevice === 'mobile' ? 'bg-[var(--acc-l)] text-[var(--acc)]' : 'text-[var(--muted)]'}`, children: [_jsx(Smartphone, { size: 14, "aria-hidden": true }), "Mobile"] }), _jsxs("button", { type: "button", "aria-pressed": previewDevice === 'desktop', onClick: () => setPreviewDevice('desktop'), className: `inline-flex items-center gap-1 rounded-[5px] px-2 py-1 text-[11px] ${previewDevice === 'desktop' ? 'bg-[var(--acc-l)] text-[var(--acc)]' : 'text-[var(--muted)]'}`, children: [_jsx(Monitor, { size: 14, "aria-hidden": true }), "Desktop"] })] })] }), _jsxs("div", { className: `rounded-[7px] border border-[var(--bdr)] bg-[var(--card)] p-3 ${previewDevice === 'mobile' ? 'max-w-[320px]' : ''}`, children: [_jsx("p", { className: "truncate text-[11px] text-[var(--suc)]", children: displayUrl }), _jsx("p", { className: "text-[15px] leading-snug text-[var(--acc)]", children: renderedTitle }), _jsx("p", { className: "line-clamp-2 text-[12px] text-[var(--sub)]", children: desc })] }), _jsx(PaneField, { label: "SEO title", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.metaTitle ?? '', max: META_TITLE_MAX }), aiButton('metaTitle')] }), children: _jsx("input", { className: inputCls, value: form.metaTitle ?? '', onChange: (e) => update({ metaTitle: e.target.value }), placeholder: "Page-specific title (%page% in your site template)" }) }), alignmentRow('metaTitle'), _jsx(PaneField, { label: "Slug", help: "URL slug for this content \u2014 edit in page/post settings.", children: _jsx("input", { className: `${inputCls} opacity-80`, value: slug, readOnly: true, disabled: true }) }), _jsx(PaneField, { label: "Meta description", hint: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(CharCount, { value: form.metaDescription ?? '', max: META_DESC_MAX }), aiButton('metaDescription')] }), children: _jsx("textarea", { className: `${inputCls} min-h-20 resize-y`, value: form.metaDescription ?? '', onChange: (e) => update({ metaDescription: e.target.value }), placeholder: "Short summary shown under the title in search results" }) }), alignmentRow('metaDescription')] }), _jsxs(SeoAccordionItem, { value: "social-appearance", title: "Social appearance", children: [_jsx("p", { className: "text-[11.5px] text-[var(--sub)]", children: "Customize title, description, and image used when sharing on social platforms." }), _jsx("div", { className: "flex rounded-[7px] border border-[var(--bdr)] p-0.5", children: ['facebook', 'twitter'].map((platform) => (_jsx("button", { type: "button", "aria-pressed": socialPlatform === platform, onClick: () => setSocialPlatform(platform), className: `flex-1 rounded-[5px] px-2 py-1.5 text-[11.5px] font-medium capitalize ${socialPlatform === platform ? 'bg-[var(--acc-l)] text-[var(--acc)]' : 'text-[var(--sub)]'}`, children: platform === 'twitter' ? 'X / Twitter' : 'Facebook' }, platform))) }), _jsxs("div", { className: "overflow-hidden rounded-[7px] border border-[var(--bdr)]", children: [record?.ogImage ? (
+                                                // eslint-disable-next-line @next/next/no-img-element
+                                                _jsx("img", { src: record.ogImage, alt: "", className: "aspect-[1200/630] w-full bg-[var(--bg)] object-cover" })) : (_jsx("div", { className: "flex aspect-[1200/630] w-full items-center justify-center bg-[var(--bg)] text-[12px] text-[var(--muted)]", children: "No social image \u2014 add a featured or OG image" })), _jsxs("div", { className: "p-2.5", children: [_jsx("p", { className: "truncate text-[10.5px] text-[var(--muted)] uppercase", children: displayUrl.replace(/^https?:\/\//, '').split('/')[0] || 'yoursite.com' }), _jsx("p", { className: "truncate text-[12.5px] font-medium text-[var(--txt)]", children: socialTitle }), _jsx("p", { className: "line-clamp-2 text-[12px] text-[var(--sub)]", children: socialDesc })] })] }), socialPlatform === 'facebook' ? (_jsxs(_Fragment, { children: [_jsx(PaneField, { label: "OG title", hint: aiButton('ogTitle'), children: _jsx("input", { className: inputCls, value: form.ogTitle ?? '', onChange: (e) => update({ ogTitle: e.target.value }), placeholder: form.metaTitle || 'Inherits meta title when empty' }) }), _jsx(PaneField, { label: "OG description", hint: aiButton('ogDescription'), children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.ogDescription ?? '', onChange: (e) => update({ ogDescription: e.target.value }), placeholder: form.metaDescription || 'Inherits meta description when empty' }) })] })) : (_jsxs(_Fragment, { children: [_jsx(PaneField, { label: "Twitter title", children: _jsx("input", { className: inputCls, value: form.twitterTitle ?? '', onChange: (e) => update({ twitterTitle: e.target.value }), placeholder: form.ogTitle || form.metaTitle || 'Inherits OG/meta title' }) }), _jsx(PaneField, { label: "Twitter description", children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.twitterDescription ?? '', onChange: (e) => update({ twitterDescription: e.target.value }), placeholder: form.ogDescription ||
+                                                            form.metaDescription ||
+                                                            'Inherits OG/meta description' }) })] })), alignmentRow('ogDescription')] }), _jsx(SeoAccordionItem, { value: "seo-analysis", title: "SEO analysis", badge: analysis ? (_jsx(SeoAccordionBadge, { tone: problemCount > 0 ? 'bad' : 'good', children: problemCount > 0 ? `${problemCount} issues` : 'Looking good' })) : undefined, children: _jsx(SeoAnalysisList, { checks: analysis?.checks ?? [], onAiFixField: isDraft ? undefined : (field) => void handleAiGenerate(field), aiFixField: aiBusy }) }), _jsxs(SeoAccordionItem, { value: "advanced", title: "Advanced", children: [_jsx(PaneField, { label: "Canonical URL", children: _jsx("input", { className: inputCls, value: form.canonicalUrl ?? '', onChange: (e) => update({ canonicalUrl: e.target.value }), placeholder: displayUrl || 'https://example.com/page' }) }), !form.canonicalUrl?.trim() && displayUrl && !isDraft && (_jsxs("p", { className: "mb-3 text-[11px] text-[var(--muted)]", children: ["Auto-canonical: ", record?.canonicalUrl ?? displayUrl] })), _jsx(PaneField, { label: "Schema type", children: _jsx("select", { className: inputCls, value: form.structuredDataType ?? 'WebPage', onChange: (e) => update({ structuredDataType: e.target.value }), children: SEO_SCHEMA_TYPES.map((t) => (_jsx("option", { value: t, children: t }, t))) }) }), _jsx(PaneToggleRow, { label: "Allow search engines to show this content?", hint: "When off, adds a noindex directive", checked: !form.noindex, onCheckedChange: (v) => update({ noindex: !v }) }), _jsx(PaneToggleRow, { label: "Should search engines follow links?", hint: "When off, adds a nofollow directive", checked: !form.nofollow, onCheckedChange: (v) => update({ nofollow: !v }) }), _jsxs("div", { className: "mt-2 border-t border-[var(--bdr)] pt-3", children: [_jsx("p", { className: "mb-2 text-[11px] font-medium text-[var(--sub)]", children: "AI discovery (llms.txt)" }), _jsx(PaneField, { label: "Include in llms.txt", children: _jsxs("select", { className: inputCls, value: form.llmsInclude ?? 'AUTO', onChange: (e) => update({ llmsInclude: e.target.value }), children: [_jsx("option", { value: "AUTO", children: "Auto \u2014 include when eligible" }), _jsx("option", { value: "ALWAYS", children: "Always \u2014 pin it in" }), _jsx("option", { value: "NEVER", children: "Never \u2014 exclude" })] }) }), _jsx(PaneField, { label: "Agent description", hint: _jsx(CharCount, { value: form.llmsDescription ?? '', max: LLMS_DESC_MAX }), children: _jsx("textarea", { className: `${inputCls} min-h-16 resize-y`, value: form.llmsDescription ?? '', onChange: (e) => update({ llmsDescription: e.target.value }), placeholder: form.keyTakeaway ||
+                                                            form.metaDescription ||
+                                                            'One line for an AI agent — what this page covers' }) })] })] }), _jsx(SeoAccordionItem, { value: "insights", title: "Insights", children: _jsx(SeoInsightsMetrics, { readability: readability, plainText: plainText }) }), _jsx(SeoAccordionItem, { value: "linking-data", title: "Linking data", children: _jsx(SeoLinkingSection, { entityType: entityType, entityId: entityId, internalLinks: Number(internalLinks), externalLinks: Number(externalLinks), internalLinkOk: internalOk, externalLinkOk: externalOk }) })] })] })) }), _jsx(InspectorPaneFooter, { children: _jsx("button", { type: "button", onClick: () => void handleSave(), disabled: saving || loading || !!error, className: "bg-primary text-primary-foreground w-full rounded-[7px] px-3 py-2 text-[13px] font-semibold transition-colors duration-[var(--motion-fast)] hover:opacity-90 focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", children: saving ? 'Saving…' : isDraft ? 'Done' : 'Save Changes' }) })] }));
 }
 //# sourceMappingURL=SeoEditorPane.js.map