@prenta/admin 0.92.0 → 0.93.0

package/dist/components/page-tab/AuthorPicker.js

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ChevronDown, Globe } from 'lucide-react';
+import { cmsApi } from '../../lib/api.js';
+/**
+ * Byline picker: a CMS user, the brand, or a one-off guest name.
+ *
+ * ── What this does and does not change ────────────────────────────────────
+ *
+ * It sets the page's DISPLAYED author, which reaches the page's structured
+ * data. It does not reassign the document's `createdById` — that records who
+ * created the record, and trading an audit trail for a label is not a swap
+ * worth making silently. A page written by a staff editor and bylined to the
+ * brand is a normal thing; a page whose history says someone else made it is
+ * not.
+ *
+ * The menu renders inline below the trigger rather than floating. The rail is
+ * narrow and scrollable, and a floating menu inside a scroll container either
+ * clips or detaches from its trigger on scroll.
+ */
+export function AuthorPicker({ value, onChange, brandName, disabled = false }) {
+    const [open, setOpen] = useState(false);
+    const [users, setUsers] = useState([]);
+    const [guest, setGuest] = useState('');
+    useEffect(() => {
+        if (!open || users.length > 0)
+            return;
+        let cancelled = false;
+        cmsApi('/users').then((res) => {
+            if (cancelled || !res.data)
+                return;
+            const list = Array.isArray(res.data) ? res.data : (res.data.users ?? []);
+            setUsers(list);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [open, users.length]);
+    const isGeneric = Boolean(brandName) && value.name === brandName && !value.id;
+    const label = value.name || 'No byline';
+    const sub = value.id
+        ? (users.find((u) => u.id === value.id)?.role ?? 'CMS user')
+        : isGeneric
+            ? 'Brand byline'
+            : value.name
+                ? 'Guest byline'
+                : 'None set';
+    function pick(next) {
+        onChange(next);
+        setOpen(false);
+    }
+    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), disabled: disabled, "aria-expanded": open, className: "border-border bg-card hover:border-ring flex w-full items-center gap-2.5 rounded-[7px] border-[1.5px] px-2.5 py-[7px] text-left transition-colors disabled:opacity-50", children: [_jsx(Avatar, { name: value.name, generic: isGeneric }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-foreground block truncate text-[12.5px] font-semibold", children: label }), _jsx("span", { className: "text-muted-foreground block text-[10.5px]", children: sub })] }), _jsx(ChevronDown, { size: 14, "aria-hidden": true, className: `text-muted-foreground shrink-0 motion-safe:transition-transform ${open ? 'rotate-180' : ''}` })] }), open && (_jsxs("div", { className: "border-border mt-1.5 space-y-2 rounded-[9px] border p-2", children: [_jsx(Group, { label: "CMS users", children: users.length === 0 ? (_jsx("p", { className: "text-muted-foreground px-1 py-1.5 text-[11px]", children: "Loading\u2026" })) : (users.map((u) => {
+                            const name = u.name || u.email || 'Unnamed user';
+                            return (_jsxs(Row, { selected: value.id === u.id, onClick: () => pick({ name, id: u.id }), children: [_jsx(Avatar, { name: name }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate text-[12px] font-medium", children: name }), _jsx("span", { className: "text-muted-foreground block text-[10px]", children: u.role ?? 'Author' })] })] }, u.id));
+                        })) }), brandName && (_jsx(Group, { label: "Generic", children: _jsxs(Row, { selected: isGeneric, onClick: () => pick({ name: brandName, id: '' }), children: [_jsx(Avatar, { name: brandName, generic: true }), _jsx("span", { className: "text-[12px] font-medium", children: brandName })] }) })), _jsx(Group, { label: "Guest byline", children: _jsxs("div", { className: "flex gap-1.5 px-1", children: [_jsx("input", { value: guest, onChange: (e) => setGuest(e.target.value), placeholder: "Name to display", "aria-label": "Guest byline name", className: "border-border bg-input-background focus-visible:border-ring min-w-0 flex-1 rounded-md border px-2 py-1 text-[11.5px] focus-visible:outline-none" }), _jsx("button", { type: "button", 
+                                    // Disabled until non-empty: an empty guest byline would clear
+                                    // the author while looking like it set one.
+                                    disabled: guest.trim().length === 0, onClick: () => {
+                                        pick({ name: guest.trim(), id: '' });
+                                        setGuest('');
+                                    }, className: "bg-primary text-primary-foreground rounded-md px-2 py-1 text-[11px] font-semibold disabled:opacity-40", children: "Add" })] }) })] }))] }));
+}
+function Group({ label, children }) {
+    return (_jsxs("div", { children: [_jsx("p", { className: "text-muted-foreground px-1 pb-1 text-[9.5px] font-bold tracking-wide uppercase", children: label }), _jsx("div", { className: "space-y-0.5", children: children })] }));
+}
+function Row({ selected, onClick, children, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-current": selected || undefined, className: `flex w-full items-center gap-2 rounded-md px-1.5 py-1.5 text-left transition-colors ${selected ? 'bg-accent' : 'hover:bg-accent/60'}`, children: children }));
+}
+/**
+ * Initials on a tint derived from the name, so the same person is the same
+ * colour everywhere without storing one. A globe replaces initials for the
+ * brand byline — "Ex" for "Example Inc" reads as a person, which is the one
+ * thing the generic option is not.
+ */
+function Avatar({ name, generic = false }) {
+    if (generic) {
+        return (_jsx("span", { className: "bg-muted text-muted-foreground flex h-[27px] w-[27px] shrink-0 items-center justify-center rounded-full", children: _jsx(Globe, { size: 14, "aria-hidden": true }) }));
+    }
+    const initials = name
+        .trim()
+        .split(/\s+/)
+        .slice(0, 2)
+        .map((w) => w[0] ?? '')
+        .join('')
+        .toUpperCase() || '—';
+    let hash = 0;
+    for (let i = 0; i < name.length; i++)
+        hash = (hash * 31 + name.charCodeAt(i)) % 360;
+    return (_jsx("span", { "aria-hidden": true, className: "flex h-[27px] w-[27px] shrink-0 items-center justify-center rounded-full text-[10px] font-bold", style: {
+            backgroundColor: `oklch(0.92 0.05 ${hash})`,
+            color: `oklch(0.42 0.12 ${hash})`,
+        }, children: initials }));
+}
+//# sourceMappingURL=AuthorPicker.js.map

package/dist/components/page-tab/AuthorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorPicker.js","sourceRoot":"","sources":["../../../src/components/page-tab/AuthorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAwBzC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAqB;IAC9F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,OAAM;QACrC,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,MAAM,CAAoC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAC/D,IAAI,SAAS,IAAI,CAAC,GAAG,CAAC,IAAI;gBAAE,OAAM;YAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;YACxE,QAAQ,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAA;QAClB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAExB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAA;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,CAAA;IACvC,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE;QAClB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,UAAU,CAAC;QAC5D,CAAC,CAAC,SAAS;YACT,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,KAAK,CAAC,IAAI;gBACV,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,UAAU,CAAA;IAElB,SAAS,IAAI,CAAC,IAAiB;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;IAED,OAAO,CACL,0BACE,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACjC,QAAQ,EAAE,QAAQ,mBACH,IAAI,EACnB,SAAS,EAAC,uKAAuK,aAEjL,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,GAAI,EAChD,gBAAM,SAAS,EAAC,gBAAgB,aAC9B,eAAM,SAAS,EAAC,4DAA4D,YACzE,KAAK,GACD,EACP,eAAM,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAQ,IACnE,EACP,KAAC,WAAW,IACV,IAAI,EAAE,EAAE,uBAER,SAAS,EAAE,mEAAmE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GACxG,IACK,EAER,IAAI,IAAI,CACP,eAAK,SAAS,EAAC,yDAAyD,aACtE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,YACrB,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,+CAA+C,8BAAa,CAC1E,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;4BACd,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,cAAc,CAAA;4BAChD,OAAO,CACL,MAAC,GAAG,IAEF,QAAQ,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAEvC,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,EACtB,gBAAM,SAAS,EAAC,SAAS,aACvB,eAAM,SAAS,EAAC,wCAAwC,YAAE,IAAI,GAAQ,EACtE,eAAM,SAAS,EAAC,yCAAyC,YACtD,CAAC,CAAC,IAAI,IAAI,QAAQ,GACd,IACF,KAVF,CAAC,CAAC,EAAE,CAWL,CACP,CAAA;wBACH,CAAC,CAAC,CACH,GACK,EAEP,SAAS,IAAI,CACZ,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,YACpB,MAAC,GAAG,IAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,aACxE,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,SAAG,EACnC,eAAM,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAQ,IACxD,GACA,CACT,EAED,KAAC,KAAK,IAAC,KAAK,EAAC,cAAc,YACzB,eAAK,SAAS,EAAC,mBAAmB,aAChC,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,iBAAiB,gBAClB,mBAAmB,EAC9B,SAAS,EAAC,iJAAiJ,GAC3J,EACF,iBACE,IAAI,EAAC,QAAQ;oCACb,8DAA8D;oCAC9D,4CAA4C;oCAC5C,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;wCACpC,QAAQ,CAAC,EAAE,CAAC,CAAA;oCACd,CAAC,EACD,SAAS,EAAC,uGAAuG,oBAG1G,IACL,GACA,IACJ,CACP,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAgD;IAC9E,OAAO,CACL,0BACE,YAAG,SAAS,EAAC,gFAAgF,YAC1F,KAAK,GACJ,EACJ,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,IACzC,CACP,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAC,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GAKT;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,kBACF,QAAQ,IAAI,SAAS,EACnC,SAAS,EAAE,uFACT,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAC3B,EAAE,YAED,QAAQ,GACF,CACV,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAuC;IAC5E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eAAM,SAAS,EAAC,yGAAyG,YACvH,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,wBAAgB,GAC1B,CACR,CAAA;IACH,CAAC;IAED,MAAM,QAAQ,GACZ,IAAI;SACD,IAAI,EAAE;SACN,KAAK,CAAC,KAAK,CAAC;SACZ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACtB,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,IAAI,GAAG,CAAA;IAEzB,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;IAEnF,OAAO,CACL,oCAEE,SAAS,EAAC,gGAAgG,EAC1G,KAAK,EAAE;YACL,eAAe,EAAE,mBAAmB,IAAI,GAAG;YAC3C,KAAK,EAAE,mBAAmB,IAAI,GAAG;SAClC,YAEA,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}

package/dist/components/page-tab/DirectiveSwitch.d.ts

@@ -0,0 +1,38 @@
+export interface DirectiveSwitchProps {
+    id: string;
+    /** Human label, e.g. "Show in search results". */
+    label: string;
+    /** One line on what turning it off actually costs. */
+    hint?: string;
+    /** `true` = permissive. */
+    checked: boolean;
+    onChange: (next: boolean) => void;
+    /** Directive token when permitted, e.g. `index`. */
+    permissiveToken: string;
+    /** Directive token when restricted, e.g. `noindex`. */
+    restrictiveToken: string;
+    disabled?: boolean;
+}
+/**
+ * A robots-directive switch.
+ *
+ * ── Why this is not the ordinary Toggle ───────────────────────────────────
+ *
+ * The admin's `Toggle` turns brand purple when on, because "on" is the state
+ * the product is nudging you towards. That reading is wrong here. These
+ * switches are not on/off, they are permissive/restrictive — and the meaningful
+ * distinction is not "did I enable something" but "is this page still allowed
+ * to be found". Purple would say "enabled" about a switch whose enabled state
+ * is simply the default, and say nothing about the one state worth noticing.
+ *
+ * So: green when permitted, red when restricted. And the literal directive
+ * token sits beside it, because the failure this UI has to prevent is an editor
+ * flipping something whose consequence they could not name. `noindex` next to
+ * the switch turns an abstract toggle into the thing it actually writes into
+ * the page's head.
+ *
+ * Colour never carries it alone — the token chip is text, and the switch's
+ * accessible name states the label and the token it will produce.
+ */
+export declare function DirectiveSwitch({ id, label, hint, checked, onChange, permissiveToken, restrictiveToken, disabled, }: DirectiveSwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DirectiveSwitch.d.ts.map

package/dist/components/page-tab/DirectiveSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectiveSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/page-tab/DirectiveSwitch.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAA;IACvB,uDAAuD;IACvD,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,QAAgB,GACjB,EAAE,oBAAoB,2CAmCtB"}

package/dist/components/page-tab/DirectiveSwitch.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Switch from '@radix-ui/react-switch';
+/**
+ * A robots-directive switch.
+ *
+ * ── Why this is not the ordinary Toggle ───────────────────────────────────
+ *
+ * The admin's `Toggle` turns brand purple when on, because "on" is the state
+ * the product is nudging you towards. That reading is wrong here. These
+ * switches are not on/off, they are permissive/restrictive — and the meaningful
+ * distinction is not "did I enable something" but "is this page still allowed
+ * to be found". Purple would say "enabled" about a switch whose enabled state
+ * is simply the default, and say nothing about the one state worth noticing.
+ *
+ * So: green when permitted, red when restricted. And the literal directive
+ * token sits beside it, because the failure this UI has to prevent is an editor
+ * flipping something whose consequence they could not name. `noindex` next to
+ * the switch turns an abstract toggle into the thing it actually writes into
+ * the page's head.
+ *
+ * Colour never carries it alone — the token chip is text, and the switch's
+ * accessible name states the label and the token it will produce.
+ */
+export function DirectiveSwitch({ id, label, hint, checked, onChange, permissiveToken, restrictiveToken, disabled = false, }) {
+    const token = checked ? permissiveToken : restrictiveToken;
+    return (_jsxs("div", { className: "flex items-start justify-between gap-3 py-1.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("label", { htmlFor: id, className: "text-foreground block text-[12.5px] font-medium", children: label }), hint && _jsx("p", { className: "text-muted-foreground mt-0.5 text-[11px] leading-snug", children: hint })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("code", { className: `rounded px-1.5 py-0.5 font-mono text-[9.5px] font-bold ${checked ? 'bg-success/12 text-success' : 'bg-destructive/12 text-destructive'}`, children: token }), _jsx(Switch.Root, { id: id, checked: checked, onCheckedChange: onChange, disabled: disabled, "aria-label": `${label} — currently ${token}`, className: `focus-visible:ring-ring relative h-[19px] w-[34px] shrink-0 rounded-full transition-colors duration-(--mo-base) focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 ${checked ? 'bg-success' : 'bg-destructive/55'}`, children: _jsx(Switch.Thumb, { className: "block h-3.5 w-3.5 translate-x-[2.5px] rounded-full bg-white shadow-[0_1px_3px_rgba(0,0,0,0.25)] transition-transform duration-(--mo-base) data-[state=checked]:translate-x-[18px]" }) })] })] }));
+}
+//# sourceMappingURL=DirectiveSwitch.js.map

package/dist/components/page-tab/DirectiveSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectiveSwitch.js","sourceRoot":"","sources":["../../../src/components/page-tab/DirectiveSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAkBhD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,QAAQ,GAAG,KAAK,GACK;IACrB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAE1D,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,eAAK,SAAS,EAAC,SAAS,aACtB,gBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,iDAAiD,YAC5E,KAAK,GACA,EACP,IAAI,IAAI,YAAG,SAAS,EAAC,uDAAuD,YAAE,IAAI,GAAK,IACpF,EAEN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eACE,SAAS,EAAE,0DACT,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,oCAC3C,EAAE,YAED,KAAK,GACD,EACP,KAAC,MAAM,CAAC,IAAI,IACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,QAAQ,EACzB,QAAQ,EAAE,QAAQ,gBACN,GAAG,KAAK,gBAAgB,KAAK,EAAE,EAC3C,SAAS,EAAE,uLACT,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAC3B,EAAE,YAEF,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,mLAAmL,GAAG,GAClM,IACV,IACF,CACP,CAAA;AACH,CAAC"}

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

@@ -1,6 +1,13 @@
 /** Compact color-coded score for the page/post editor toolbar (`77/100` left of "SEO"). */
-export declare function EditorSeoScoreBadge({ score, inverted, }: {
+export declare function EditorSeoScoreBadge({ score, band, inverted, }: {
     score: number;
+    /**
+     * Band for the colour. Supplied by the caller because different scores use
+     * different scales: the page audit bands at 80/55, `analyzeContent` at
+     * 80/60/1. Deriving it here would colour one model's number with another
+     * model's thresholds — they disagree between 55 and 59.
+     */
+    band?: 'good' | 'fair' | 'poor';
     /** When the SEO toggle uses `bg-primary`, render score in primary-foreground. */
     inverted?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +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"}
+{"version":3,"file":"EditorSeoScoreBadge.d.ts","sourceRoot":"","sources":["../../../src/components/seo/EditorSeoScoreBadge.tsx"],"names":[],"mappings":"AAIA,2FAA2F;AAC3F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAaA"}

package/dist/components/seo/EditorSeoScoreBadge.js

@@ -2,8 +2,8 @@
 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));
+export function EditorSeoScoreBadge({ score, band, inverted = false, }) {
+    const meta = gradeMeta(band ?? 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

@@ -1 +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"}
+{"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,IAAI,EACJ,QAAQ,GAAG,KAAK,GAYjB;IACC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,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/PageAuditPanel.d.ts

@@ -0,0 +1,14 @@
+import { type PageAuditResult } from '@prenta/core/seo/page-audit';
+export interface PageAuditPanelProps {
+    audit: PageAuditResult;
+}
+/**
+ * Twin score rings over the SEO and GEO check lists.
+ *
+ * Both scores are reported the same way and neither is folded into a single
+ * headline: classic search and AI answer visibility fail for different reasons
+ * and are fixed by different edits, so averaging them would hide whichever is
+ * worse.
+ */
+export declare function PageAuditPanel({ audit }: PageAuditPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageAuditPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageAuditPanel.d.ts","sourceRoot":"","sources":["../../../src/components/seo/PageAuditPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAA;AA4IpC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,eAAe,CAAA;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CA8B5D"}

package/dist/components/seo/PageAuditPanel.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChevronDown, Search, Sparkles } from 'lucide-react';
+import { scoreBand, } from '@prenta/core/seo/page-audit';
+const BAND_TEXT = { good: 'text-success', fair: 'text-warning', poor: 'text-destructive' };
+const BAND_STROKE = {
+    good: 'stroke-success',
+    fair: 'stroke-warning',
+    poor: 'stroke-destructive',
+};
+/**
+ * A 52px score ring.
+ *
+ * `null` is a real state, not an error: a page held back from search has no
+ * search performance to rate. It renders as a dash on a neutral track rather
+ * than an alarming zero.
+ */
+function ScoreRing({ score, label }) {
+    const R = 21;
+    const CIRCUMFERENCE = 2 * Math.PI * R;
+    const band = score === null ? null : scoreBand(score);
+    const dash = score === null ? 0 : (score / 100) * CIRCUMFERENCE;
+    return (_jsxs("svg", { width: "52", height: "52", viewBox: "0 0 52 52", role: "img", "aria-label": score === null ? `${label}: not rated` : `${label} score: ${score} of 100`, children: [_jsx("circle", { cx: "26", cy: "26", r: R, className: "stroke-border", strokeWidth: "5", fill: "none" }), score !== null && (_jsx("circle", { cx: "26", cy: "26", r: R, className: `${BAND_STROKE[band]} motion-safe:transition-[stroke-dasharray,stroke] motion-safe:duration-350`, strokeWidth: "5", fill: "none", strokeLinecap: "round", strokeDasharray: `${dash} ${CIRCUMFERENCE - dash}`, 
+                // Start the arc at twelve o'clock instead of three.
+                transform: "rotate(-90 26 26)" })), _jsx("text", { x: "26", y: "26", textAnchor: "middle", dominantBaseline: "central", className: `fill-current text-[15px] font-bold tabular-nums ${band ? BAND_TEXT[band] : 'text-muted-foreground'}`, children: score === null ? '—' : score })] }));
+}
+function CheckRow({ check }) {
+    const na = check.outcome === 'not-applicable';
+    const pass = check.outcome === 'pass';
+    return (_jsxs("li", { className: "border-border flex gap-2 border-b py-[7px] last:border-b-0", children: [_jsx("span", { "aria-hidden": true, className: `mt-0.5 h-4 w-4 shrink-0 rounded ${na ? 'bg-muted' : pass ? 'bg-success/15 text-success' : 'bg-warning/15 text-warning'}` }), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: `text-xs font-medium ${na ? 'text-muted-foreground' : 'text-foreground'}`, children: [check.label, _jsx("span", { className: "sr-only", children: na ? ' — not applicable' : pass ? ' — passing' : ' — needs attention' })] }), na ? (_jsx("p", { className: "text-muted-foreground text-[10.5px]", children: check.naReason })) : pass ? null : (_jsx("p", { className: "text-muted-foreground text-[10.5px]", children: check.hint }))] })] }));
+}
+function CheckGroup({ result, title }) {
+    const [open, setOpen] = useState(true);
+    const band = result.score === null ? null : scoreBand(result.score);
+    return (_jsxs("section", { className: "border-border border-b", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-expanded": open, className: "hover:bg-accent flex w-full items-center justify-between px-3.5 py-2.5 transition-colors", children: [_jsx("span", { className: "text-muted-foreground text-[10px] font-bold tracking-[0.7px] uppercase", children: title }), _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: `rounded-full px-1.5 text-[10px] font-bold tabular-nums ${band === 'good'
+                                    ? 'bg-success/15 text-success'
+                                    : band === 'fair'
+                                        ? 'bg-warning/15 text-warning'
+                                        : band === 'poor'
+                                            ? 'bg-destructive/15 text-destructive'
+                                            : 'bg-muted text-muted-foreground'}`, children: result.score === null ? 'n/a' : `${result.passed}/${result.applicable}` }), _jsx(ChevronDown, { className: `text-muted-foreground h-3.5 w-3.5 transition-transform ${open ? 'rotate-180' : ''}`, "aria-hidden": true })] })] }), open && (_jsx("ul", { className: "px-3.5 pb-3.5", children: result.checks.map((c) => (_jsx(CheckRow, { check: c }, c.id))) }))] }));
+}
+/**
+ * Twin score rings over the SEO and GEO check lists.
+ *
+ * Both scores are reported the same way and neither is folded into a single
+ * headline: classic search and AI answer visibility fail for different reasons
+ * and are fixed by different edits, so averaging them would hide whichever is
+ * worse.
+ */
+export function PageAuditPanel({ audit }) {
+    const { seo, geo } = audit;
+    return (_jsxs("div", { className: "border-border border-b", children: [_jsx("div", { className: "flex items-start justify-around gap-3 px-3.5 py-4", children: [
+                    { r: seo, icon: Search, label: 'SEO', sub: 'Classic search & crawlability' },
+                    { r: geo, icon: Sparkles, label: 'GEO', sub: 'AI answer visibility' },
+                ].map(({ r, icon: Icon, label, sub }) => (_jsxs("div", { className: "flex min-w-0 flex-col items-center gap-1.5 text-center", children: [_jsx(ScoreRing, { score: r.score, label: label }), _jsxs("span", { className: "text-foreground flex items-center gap-1 text-xs font-bold", children: [_jsx(Icon, { className: "h-3 w-3", "aria-hidden": true }), label] }), _jsx("span", { className: "text-muted-foreground text-[10.5px] leading-tight", children: sub }), _jsx("span", { className: "text-muted-foreground text-[10px] tabular-nums", children: r.score === null ? 'not rated' : `${r.applicable} of ${r.total} apply` })] }, label))) }), _jsx(CheckGroup, { result: seo, title: "SEO checks" }), _jsx(CheckGroup, { result: geo, title: "GEO checks" })] }));
+}
+//# sourceMappingURL=PageAuditPanel.js.map

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

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

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

@@ -1,15 +1,27 @@
 export interface SeoCharCountProps {
     value: string;
-    /** Recommended minimum length (inclusive). */
-    min: number;
+    /**
+     * Recommended minimum length (inclusive). Omit for cap-only fields, where
+     * short is not a fault — there is then no "too short" state and no "good",
+     * because there is no target to hit, only a ceiling not to cross.
+     */
+    min?: number;
     /** Recommended/hard maximum length (inclusive). */
     max: number;
+    /** Hide the meter bar where vertical space is tight. */
+    bar?: boolean;
 }
 /**
- * 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.
+ * Length readout for an SEO field: a meter bar plus a stated count.
+ *
+ * Under and over are different problems and are named as such. "Too short"
+ * means search engines have less to match on; "will be truncated" means the
+ * tail is written but nobody will read it. The previous wording collapsed the
+ * short case into "aim for 30–60", which describes the target without saying
+ * which way to edit.
+ *
+ * Colour never carries meaning alone — the band is always spelled out in text,
+ * with an icon at the two decisive states.
  */
-export declare function SeoCharCount({ value, min, max }: SeoCharCountProps): import("react/jsx-runtime").JSX.Element;
+export declare function SeoCharCount({ value, min, max, bar }: SeoCharCountProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SeoCharCount.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SeoCharCount.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoCharCount.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAA;IACX,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAA;CACZ;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,iBAAiB,2CAyBlE"}
+{"version":3,"file":"SeoCharCount.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoCharCount.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAA;IACX,wDAAwD;IACxD,GAAG,CAAC,EAAE,OAAO,CAAA;CACd;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAU,EAAE,EAAE,iBAAiB,2CA4C9E"}

package/dist/components/seo/SeoCharCount.js

@@ -1,25 +1,39 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, AlertTriangle } from 'lucide-react';
+import { AlertTriangle, Check } from 'lucide-react';
 /**
- * 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.
+ * Length readout for an SEO field: a meter bar plus a stated count.
+ *
+ * Under and over are different problems and are named as such. "Too short"
+ * means search engines have less to match on; "will be truncated" means the
+ * tail is written but nobody will read it. The previous wording collapsed the
+ * short case into "aim for 30–60", which describes the target without saying
+ * which way to edit.
+ *
+ * Colour never carries meaning alone — the band is always spelled out in text,
+ * with an icon at the two decisive states.
  */
-export function SeoCharCount({ value, min, max }) {
+export function SeoCharCount({ value, min, max, bar = true }) {
     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`
+    const over = len > max;
+    const under = min !== undefined && !empty && len < min;
+    const good = min !== undefined && !empty && !over && !under;
+    const tone = over
+        ? 'text-destructive'
+        : under
+            ? 'text-warning'
             : good
-                ? `${len}/${max} · good`
-                : `${len}/${max} · aim for ${min}–${max}`;
-    return (_jsxs("span", { className: `inline-flex items-center gap-1 text-xs ${tone}`, children: [long ? (_jsx(AlertTriangle, { size: 12, "aria-hidden": "true" })) : good ? (_jsx(Check, { size: 12, "aria-hidden": "true" })) : null, label] }));
+                ? 'text-success'
+                : 'text-muted-foreground';
+    const fill = over ? 'bg-destructive' : under ? 'bg-warning' : good ? 'bg-success' : 'bg-border';
+    // Derived from `good`, not from "everything else": a cap-only field has no
+    // good state, and an unconditional else branch was labelling five characters
+    // in a 200-character field as "good".
+    const suffix = over ? ' · will be truncated' : under ? ' · too short' : good ? ' · good' : '';
+    return (_jsxs("span", { className: "inline-flex min-w-0 flex-col items-end gap-1", children: [bar && (_jsx("span", { className: "bg-border h-0.75 w-20 overflow-hidden rounded-full", "aria-hidden": true, children: _jsx("span", { className: `block h-full rounded-full transition-[width] ${fill}`, 
+                    // Past the maximum the bar stays full and the overflow is reported
+                    // in words. A bar that kept growing would imply more is better.
+                    style: { width: `${Math.min(100, (len / max) * 100)}%` } }) })), _jsxs("span", { className: `inline-flex items-center gap-1 text-[11px] whitespace-nowrap ${tone}`, children: [over ? (_jsx(AlertTriangle, { size: 11, "aria-hidden": true })) : good ? (_jsx(Check, { size: 11, "aria-hidden": true })) : null, len, " / ", max, " characters", suffix] })] }));
 }
 //# sourceMappingURL=SeoCharCount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SeoCharCount.js","sourceRoot":"","sources":["../../../src/components/seo/SeoCharCount.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAUnD;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAqB;IACjE,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAA;IAC/B,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC,CAAA;IACvB,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;IACtB,MAAM,IAAI,GAAG,CAAC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAA;IAE/C,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IAChE,MAAM,KAAK,GAAG,KAAK;QACjB,CAAC,CAAC,KAAK,GAAG,EAAE;QACZ,CAAC,CAAC,IAAI;YACJ,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,aAAa;YAC5B,CAAC,CAAC,IAAI;gBACJ,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,SAAS;gBACxB,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,EAAE,CAAA;IAE/C,OAAO,CACL,gBAAM,SAAS,EAAE,0CAA0C,IAAI,EAAE,aAC9D,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CAC/C,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvC,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IACD,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"SeoCharCount.js","sourceRoot":"","sources":["../../../src/components/seo/SeoCharCount.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAgBnD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAqB;IAC7E,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAA;IAC/B,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC,CAAA;IACvB,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;IACtB,MAAM,KAAK,GAAG,GAAG,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG,GAAG,CAAA;IACtD,MAAM,IAAI,GAAG,GAAG,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAA;IAE3D,MAAM,IAAI,GAAG,IAAI;QACf,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,KAAK;YACL,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,IAAI;gBACJ,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,uBAAuB,CAAA;IAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAA;IAE/F,2EAA2E;IAC3E,6EAA6E;IAC7E,sCAAsC;IACtC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IAE7F,OAAO,CACL,gBAAM,SAAS,EAAC,8CAA8C,aAC3D,GAAG,IAAI,CACN,eAAM,SAAS,EAAC,oDAAoD,iCAClE,eACE,SAAS,EAAE,gDAAgD,IAAI,EAAE;oBACjE,mEAAmE;oBACnE,gEAAgE;oBAChE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,GACxD,GACG,CACR,EACD,gBAAM,SAAS,EAAE,gEAAgE,IAAI,EAAE,aACpF,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,wBAAgB,CACxC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,wBAAgB,CAChC,CAAC,CAAC,CAAC,IAAI,EACP,GAAG,SAAK,GAAG,iBAAa,MAAM,IAC1B,IACF,CACR,CAAA;AACH,CAAC"}

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

@@ -1,5 +1,19 @@
+import { type PageAuditResult } from '@prenta/core/seo/page-audit';
+import type { PageSection } from '@prenta/core/page-sections';
 export interface SeoEditorPaneProps {
     entityType: 'page' | 'post';
+    /**
+     * Sections for the page-level SEO/GEO audit. Omit to hide the twin rings —
+     * the audit reads structure (stats, quotes, image slots), which a post body
+     * alone cannot supply.
+     */
+    auditSections?: PageSection[];
+    /**
+     * Reports the audit upward so the rail's tab dot can show the same number
+     * this panel shows. Without it the dot and the panel compute independently
+     * and disagree — which is exactly what they did before the audit existed.
+     */
+    onAuditChange?: (audit: PageAuditResult | null) => void;
     /** When absent, draft-only mode — meta fields sync via `onDraftChange`. */
     entityId: string | null;
     onClose: () => void;
@@ -16,5 +30,5 @@ export interface SeoEditorPaneProps {
         seoDescription?: string;
     }) => void;
 }
-export declare function SeoEditorPane({ entityType, entityId, onClose, onSaved, contentHtml, slug, draftMeta, onDraftChange, }: SeoEditorPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function SeoEditorPane({ entityType, entityId, auditSections, onAuditChange, 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":"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,2CA+pBpB"}
+{"version":3,"file":"SeoEditorPane.d.ts","sourceRoot":"","sources":["../../../src/components/seo/SeoEditorPane.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAwG7D,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA;IAC7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,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,aAAa,EACb,aAAa,EACb,OAAO,EACP,OAAO,EACP,WAAgB,EAChB,IAAS,EACT,SAAS,EACT,aAAa,GACd,EAAE,kBAAkB,2CAq0BpB"}