@prenta/admin 0.92.0 → 0.94.0

package/dist/components/MediaBlock.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Check, ImageIcon, Trash2 } from 'lucide-react';
+import { useApiData } from '../lib/useApiData.js';
+import { CROP_RATIO, assetWash, displayName, formatBadge, ratioLabel, } from '../lib/media-format.js';
+/**
+ * One component for every image — section slots and the social/OG card alike.
+ *
+ * ── The frame shows the TEMPLATE's crop, not the asset's ─────────────────
+ *
+ * A section image renders at 16:10 and a social card at 1.91:1 regardless of
+ * what was uploaded. Framing the asset's own ratio would tell an editor their
+ * portrait photo looks fine and then crop its subject out on the page. What
+ * the asset actually is gets reported in the toolbar instead, as a ratio label
+ * beside its filename, so both facts are visible and neither is implied.
+ *
+ * ── The toolbar is always visible ────────────────────────────────────────
+ *
+ * Never hover-only. Replace and Remove are the two things an editor comes here
+ * to do, and hiding them behind a hover makes them undiscoverable on touch and
+ * invisible to anyone scanning the panel.
+ *
+ * ── The picker opens inside the shell ────────────────────────────────────
+ *
+ * Not a modal. Choosing an image is a comparison against the slot it is going
+ * into, and a dialog covering the slot removes the only context that matters.
+ */
+export function MediaBlock({ value, onChange, crop = 'section', children, disabled = false, label = 'Image', }) {
+    const [picking, setPicking] = useState(false);
+    const { data } = useApiData(picking ? '/media?pageSize=50' : null);
+    const items = (Array.isArray(data) ? data : (data?.items ?? [])).filter((i) => i.mimeType?.startsWith('image/'));
+    const ratio = CROP_RATIO[crop];
+    const name = value ? displayName(value) : '';
+    return (_jsxs("div", { className: "border-border bg-card overflow-hidden rounded-[10px] border", children: [value ? (_jsx("div", { className: "w-full bg-cover bg-center", style: { aspectRatio: ratio, backgroundImage: assetWash(name) }, children: _jsx("img", { src: value, alt: "", className: "h-full w-full object-cover", style: { aspectRatio: ratio } }) })) : (_jsx("button", { type: "button", onClick: () => setPicking(true), disabled: disabled, "aria-label": `Choose ${label.toLowerCase()}`, className: "bg-muted hover:bg-accent group flex w-full items-center justify-center p-3 transition-colors disabled:opacity-50", style: { aspectRatio: ratio }, children: _jsxs("span", { className: "border-border group-hover:border-primary group-hover:text-primary text-muted-foreground flex h-full w-full flex-col items-center justify-center gap-1.5 rounded-lg border-[1.5px] border-dashed transition-colors", children: [_jsx(ImageIcon, { size: 22, "aria-hidden": true }), _jsx("span", { className: "text-foreground text-[12.5px] font-semibold", children: "No image selected" }), _jsx("span", { className: "text-[10.5px]", children: "Choose one from the library" })] }) })), children, _jsx("div", { className: "border-border flex items-center gap-2 border-t px-2.5 py-2", children: value ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-foreground min-w-0 flex-1 truncate text-[11.5px] font-semibold", title: name, children: name }), _jsx("span", { className: "text-muted-foreground shrink-0 text-[10.5px] tabular-nums", children: formatBadge(value) }), _jsx("button", { type: "button", onClick: () => setPicking((v) => !v), disabled: disabled, className: "border-border hover:bg-accent shrink-0 rounded-md border px-2 py-1 text-[11px] font-medium disabled:opacity-50", children: "Replace" }), _jsx("button", { type: "button", onClick: () => onChange(''), disabled: disabled, "aria-label": `Remove ${label.toLowerCase()}`, className: "text-muted-foreground hover:text-destructive shrink-0 rounded p-1 disabled:opacity-50", children: _jsx(Trash2, { size: 13, "aria-hidden": true }) })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground min-w-0 flex-1 text-[11.5px]", children: "No image selected" }), _jsx("button", { type: "button", onClick: () => setPicking((v) => !v), disabled: disabled, className: "border-border hover:bg-accent shrink-0 rounded-md border px-2 py-1 text-[11px] font-medium disabled:opacity-50", children: "Choose" })] })) }), picking && (_jsx("div", { className: "border-border bg-muted max-h-[262px] overflow-y-auto border-t p-2", children: items.length === 0 ? (_jsx("p", { className: "text-muted-foreground px-1 py-3 text-center text-[11px]", children: "No images in the library yet." })) : (_jsx("ul", { className: "grid grid-cols-2 gap-2", children: items.map((item) => {
+                        const url = item.url || item.storageKey;
+                        const selected = url === value;
+                        const itemRatio = ratioLabel(item.width, item.height);
+                        return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => {
+                                    onChange(url, item);
+                                    setPicking(false);
+                                }, "aria-current": selected || undefined, className: `border-border bg-card w-full overflow-hidden rounded-lg border text-left transition-colors ${selected ? 'border-primary' : 'hover:border-ring'}`, children: [_jsxs("span", { className: "relative block w-full", style: {
+                                            aspectRatio: '16 / 10',
+                                            backgroundImage: assetWash(item.filename),
+                                        }, children: [url && _jsx("img", { src: url, alt: "", className: "h-full w-full object-cover" }), _jsx("span", { className: "absolute top-1 left-1 rounded-[5px] bg-white/80 px-1.5 py-px text-[9.5px] font-extrabold tracking-wide text-zinc-800", children: formatBadge(item.filename, item.mimeType) }), selected && (_jsx("span", { className: "bg-primary text-primary-foreground absolute top-1 right-1 flex h-4 w-4 items-center justify-center rounded-full", children: _jsx(Check, { size: 10, "aria-hidden": true }) }))] }), _jsxs("span", { className: "block px-1.5 py-1", children: [_jsx("span", { className: "text-foreground block truncate text-[10px] font-semibold", children: item.filename }), _jsx("span", { className: "text-muted-foreground block text-[9px] tabular-nums", children: item.width && item.height
+                                                    ? `${item.width} × ${item.height}${itemRatio ? ` · ${itemRatio}` : ''}`
+                                                    : 'Dimensions unknown' })] })] }) }, item.id));
+                    }) })) }))] }));
+}
+//# sourceMappingURL=MediaBlock.js.map

package/dist/components/MediaBlock.js.map

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

package/dist/components/ReflowMeter.d.ts

@@ -0,0 +1,28 @@
+import { type BreakpointId } from '../lib/breakpoints.js';
+import type { ReflowGuardResult } from '../hooks/useReflowGuard.js';
+export interface ReflowMeterProps {
+    guard: ReflowGuardResult;
+    /** Character count of the current value. */
+    length: number;
+    /** Breakpoint the canvas is currently showing — marked in the row of dots. */
+    device: BreakpointId;
+    /** Switch the canvas to a breakpoint so the editor can look at the damage. */
+    onProof: (id: BreakpointId) => void;
+}
+/**
+ * Per-field reflow readout: character count, line count where you're looking,
+ * one dot per breakpoint, and a proof prompt when wrapping changed.
+ *
+ * ── Why the dots are buttons ──────────────────────────────────────────────
+ *
+ * The guard's whole value is that it reports damage at a width you are NOT
+ * looking at. Telling an editor "this now runs three lines on mobile" while
+ * making them hunt for the breakpoint switcher wastes the finding. Each dot
+ * takes the canvas there.
+ *
+ * Colour is never the only signal: every dot carries its breakpoint's initials
+ * and an accessible name stating the line count and what it was published at,
+ * and the alert below repeats the finding in words.
+ */
+export declare function ReflowMeter({ guard, length, device, onProof }: ReflowMeterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReflowMeter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReflowMeter.d.ts","sourceRoot":"","sources":["../../src/components/ReflowMeter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAA;IACxB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,MAAM,EAAE,YAAY,CAAA;IACpB,8EAA8E;IAC9E,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAA;CACpC;AAQD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAuF/E"}

package/dist/components/ReflowMeter.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertTriangle } from 'lucide-react';
+import { BREAKPOINTS, getBreakpoint } from '../lib/breakpoints.js';
+const DOT_TONE = {
+    same: 'bg-success/12 text-success',
+    grew: 'bg-warning/15 text-warning',
+    'grew-badly': 'bg-destructive/12 text-destructive',
+};
+/**
+ * Per-field reflow readout: character count, line count where you're looking,
+ * one dot per breakpoint, and a proof prompt when wrapping changed.
+ *
+ * ── Why the dots are buttons ──────────────────────────────────────────────
+ *
+ * The guard's whole value is that it reports damage at a width you are NOT
+ * looking at. Telling an editor "this now runs three lines on mobile" while
+ * making them hunt for the breakpoint switcher wastes the finding. Each dot
+ * takes the canvas there.
+ *
+ * Colour is never the only signal: every dot carries its breakpoint's initials
+ * and an accessible name stating the line count and what it was published at,
+ * and the alert below repeats the finding in words.
+ */
+export function ReflowMeter({ guard, length, device, onProof }) {
+    const here = guard.rows.find((r) => r.id === device);
+    const worst = guard.worst ? guard.rows.find((r) => r.id === guard.worst) : undefined;
+    // Named breakpoints while the list is short enough to read; initials once it
+    // isn't; "every breakpoint" when it's all of them, which is shorter and is
+    // also the more useful statement.
+    const grown = guard.grown;
+    const scope = grown.length === BREAKPOINTS.length
+        ? 'every breakpoint'
+        : grown.length > 3
+            ? grown.map((r) => getBreakpoint(r.id).abbr).join(', ')
+            : grown.map((r) => getBreakpoint(r.id).name).join(', ');
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-1.5 flex items-center gap-2", children: [_jsxs("span", { className: "text-muted-foreground text-[11px] whitespace-nowrap tabular-nums", children: [_jsx("b", { className: "text-foreground/80 font-semibold", children: length }), " chars", guard.delta !== 0 && (_jsxs("span", { className: guard.delta > 0 ? 'text-warning font-bold' : '', children: [' ', "(", guard.delta > 0 ? '+' : '', guard.delta, ")"] })), here && (_jsxs(_Fragment, { children: [' · ', _jsx("b", { className: "text-foreground/80 font-semibold", children: here.lines }), " line", here.lines === 1 ? '' : 's', " here"] }))] }), guard.rows.length > 0 && (_jsx("div", { className: "ml-auto flex gap-0.75", children: guard.rows.map((row) => {
+                            const bp = getBreakpoint(row.id);
+                            return (_jsxs("button", { type: "button", onClick: () => onProof(row.id), className: `flex h-4.25 w-4.25 items-center justify-center rounded-[5px] text-[8px] font-bold transition-transform hover:-translate-y-px ${DOT_TONE[row.state] ?? 'bg-muted text-muted-foreground'} ${device === row.id ? 'outline-primary outline-[1.5px] outline-offset-1' : ''}`, title: `${bp.name} — ${row.lines} line${row.lines === 1 ? '' : 's'}${row.diff > 0 ? ` (published: ${row.was}) — wrapping changed` : ''}. Click to proof.`, children: [_jsx("span", { "aria-hidden": true, children: bp.abbr }), _jsxs("span", { className: "sr-only", children: [bp.name, ": ", row.lines, " line", row.lines === 1 ? '' : 's', row.diff > 0 ? `, was ${row.was} when published` : '', " \u2014 proof here"] })] }, row.id));
+                        }) }))] }), worst && (_jsxs("div", { className: "bg-warning/10 border-warning/30 mt-1.5 grid grid-cols-[auto_1fr] gap-x-2.5 gap-y-1 rounded-lg border p-2.5", children: [_jsx(AlertTriangle, { size: 14, className: "text-warning mt-px shrink-0", "aria-hidden": true }), _jsxs("p", { className: "text-[11.5px] leading-normal", children: ["Wrapping changed on ", _jsx("b", { className: "text-warning font-bold", children: scope }), " \u2014", ' ', getBreakpoint(worst.id).name, " now runs ", worst.lines, " lines instead of ", worst.was, ". Proof it before publishing."] }), _jsxs("button", { type: "button", onClick: () => onProof(worst.id), className: "border-warning text-warning hover:bg-warning/15 col-start-2 mt-0.5 justify-self-start rounded-md border px-2.5 py-1 text-[11px] font-semibold whitespace-nowrap transition-colors", children: ["Proof on ", getBreakpoint(worst.id).name] })] }))] }));
+}
+//# sourceMappingURL=ReflowMeter.js.map

package/dist/components/ReflowMeter.js.map

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

package/dist/components/ZoomChip.d.ts

@@ -0,0 +1,17 @@
+import type { Zoom } from '../lib/breakpoints.js';
+export interface ZoomChipProps {
+    /** Current zoom mode. */
+    zoom: Zoom;
+    /** Actual rendered scale, 0–1 — what the canvas measured, not the mode. */
+    scale: number;
+    onChange: (zoom: Zoom) => void;
+}
+/**
+ * Reads out the canvas scale and toggles fit ↔ 100%.
+ *
+ * It shows the *measured* scale rather than the mode, because "fit" is not a
+ * number an editor can reason about — at 1920px in a narrow rail it might be
+ * 38%, and that is the fact that explains why the preview looks small.
+ */
+export declare function ZoomChip({ zoom, scale, onChange }: ZoomChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ZoomChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomChip.d.ts","sourceRoot":"","sources":["../../src/components/ZoomChip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAA;IACV,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAmBhE"}

package/dist/components/ZoomChip.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Reads out the canvas scale and toggles fit ↔ 100%.
+ *
+ * It shows the *measured* scale rather than the mode, because "fit" is not a
+ * number an editor can reason about — at 1920px in a narrow rail it might be
+ * 38%, and that is the fact that explains why the preview looks small.
+ */
+export function ZoomChip({ zoom, scale, onChange }) {
+    const percent = Math.round(scale * 100);
+    const next = zoom === 'fit' ? 1 : 'fit';
+    return (_jsxs("button", { type: "button", onClick: () => onChange(next), "aria-label": zoom === 'fit'
+            ? `Canvas scaled to ${percent} percent to fit. Switch to actual size.`
+            : 'Canvas at actual size. Switch to fit.', title: zoom === 'fit' ? 'Fit to window — click for 100%' : 'Actual size — click to fit', className: "border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground h-[34px] min-w-[54px] rounded-lg border px-2 text-[11.5px] font-semibold tabular-nums transition-colors", children: [percent, "%"] }));
+}
+//# sourceMappingURL=ZoomChip.js.map

package/dist/components/ZoomChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomChip.js","sourceRoot":"","sources":["../../src/components/ZoomChip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAiB;IAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;IACvC,MAAM,IAAI,GAAS,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAE7C,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAE3B,IAAI,KAAK,KAAK;YACZ,CAAC,CAAC,oBAAoB,OAAO,yCAAyC;YACtE,CAAC,CAAC,uCAAuC,EAE7C,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,4BAA4B,EACvF,SAAS,EAAC,wMAAwM,aAEjN,OAAO,SACD,CACV,CAAA;AACH,CAAC"}

package/dist/components/breakpoint-icons.d.ts

@@ -0,0 +1,3 @@
+import { type LucideIcon } from 'lucide-react';
+export declare function breakpointIcon(name: string): LucideIcon;
+//# sourceMappingURL=breakpoint-icons.d.ts.map

package/dist/components/breakpoint-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-icons.d.ts","sourceRoot":"","sources":["../../src/components/breakpoint-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAcnF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAEvD"}

package/dist/components/breakpoint-icons.js

@@ -0,0 +1,16 @@
+import { Laptop, Monitor, Smartphone, Tablet } from 'lucide-react';
+/**
+ * Maps a breakpoint's `icon` name to its component. Kept out of
+ * `lib/breakpoints.ts` so that module stays free of React imports — it is pure
+ * data and arithmetic, and its tests run without a DOM.
+ */
+const ICONS = {
+    monitor: Monitor,
+    laptop: Laptop,
+    tablet: Tablet,
+    smartphone: Smartphone,
+};
+export function breakpointIcon(name) {
+    return ICONS[name] ?? Monitor;
+}
+//# sourceMappingURL=breakpoint-icons.js.map

package/dist/components/breakpoint-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-icons.js","sourceRoot":"","sources":["../../src/components/breakpoint-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAmB,MAAM,cAAc,CAAA;AAEnF;;;;GAIG;AACH,MAAM,KAAK,GAA+B;IACxC,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,OAAO,CAAA;AAC/B,CAAC"}

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

@@ -0,0 +1,31 @@
+export interface AuthorValue {
+    /** Displayed byline. Empty means no byline is set. */
+    name: string;
+    /** CMS user id, when the byline is one. Empty for generic and guest. */
+    id: string;
+}
+export interface AuthorPickerProps {
+    value: AuthorValue;
+    onChange: (next: AuthorValue) => void;
+    /** Brand byline offered under GENERIC — usually the site or org name. */
+    brandName?: string;
+    disabled?: boolean;
+}
+/**
+ * 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 declare function AuthorPicker({ value, onChange, brandName, disabled }: AuthorPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/page-tab/AuthorPicker.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACrC,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAgB,EAAE,EAAE,iBAAiB,2CAwH/F"}

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":"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"}

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,2CAsCtB"}

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

@@ -0,0 +1,33 @@
+'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}`, 
+                        // `prenta-touch-hit`, not `prenta-touch-target`: growing the track to
+                        // 44px would strand the thumb, which is positioned against it. The
+                        // hit area grows; the switch keeps its measured 34×19.
+                        className: `prenta-touch-hit 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;wBAC3C,sEAAsE;wBACtE,mEAAmE;wBACnE,uDAAuD;wBACvD,SAAS,EAAE,wMACT,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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"}