@prenta/admin 0.92.0

package/dist/components/OfflineStatus.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { CollaborationStatus, OfflinePersistenceStatus } from '../lib/collaboration-provider.js';
+/**
+ * Compact connection + offline-draft indicator. Rendered alongside the
+ * presence chips above the editor toolbar so editors get a single,
+ * always-visible signal:
+ *
+ * - **Saved & synced** — IndexedDB store is ready and the gateway
+ *   socket is connected.
+ * - **Saved locally** — IndexedDB ready but the socket is disconnected
+ *   (offline drafts in flight; will sync on reconnect).
+ * - **Syncing local copy…** — IndexedDB is replaying the last snapshot
+ *   into the doc. The editor is still usable but undo / cursor sync
+ *   may flicker briefly.
+ * - **Local drafts unsupported** — `indexedDB` is unavailable; the
+ *   editor will rely on the gateway only. Refresh loses uncommitted
+ *   edits.
+ * - **Local drafts failed** — IndexedDB threw on init (quota, private
+ *   browsing). Same risk as "unsupported", but with a different cause.
+ *
+ * Keeping the component dumb and prop-driven keeps the unit tests
+ * trivial — the parent owns the status transitions.
+ */
+export interface OfflineStatusProps {
+    connection: CollaborationStatus;
+    offline: OfflinePersistenceStatus;
+}
+export declare function OfflineStatus({ connection, offline }: OfflineStatusProps): React.JSX.Element;
+export type OfflineTone = 'good' | 'warn' | 'info' | 'bad';
+/**
+ * Pure helper that maps the (connection, offline) status pair to a
+ * single user-facing label + colour tone. Exported so the unit tests
+ * can exercise every combination without rendering React.
+ */
+export declare function describeOfflineStatus(connection: CollaborationStatus, offline: OfflinePersistenceStatus): {
+    label: string;
+    tone: OfflineTone;
+};
+//# sourceMappingURL=OfflineStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineStatus.d.ts","sourceRoot":"","sources":["../../src/components/OfflineStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,mBAAmB,EACnB,wBAAwB,EACzB,MAAM,kCAAkC,CAAA;AAEzC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,mBAAmB,CAAA;IAC/B,OAAO,EAAE,wBAAwB,CAAA;CAClC;AAED,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAa5F;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAgB1D;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,mBAAmB,EAC/B,OAAO,EAAE,wBAAwB,GAChC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAetC"}

package/dist/components/OfflineStatus.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OfflineStatus({ connection, offline }) {
+    const { label, tone } = describeOfflineStatus(connection, offline);
+    const baseClass = 'inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] font-medium';
+    const toneClass = TONE_CLASSES[tone];
+    return (_jsxs("span", { className: `${baseClass} ${toneClass}`, "data-testid": "offline-status", "data-tone": tone, children: [_jsx("span", { "aria-hidden": "true", className: `inline-block h-1.5 w-1.5 rounded-full ${DOT_CLASSES[tone]}` }), label] }));
+}
+const TONE_CLASSES = {
+    good: 'bg-success/10 text-emerald-700',
+    warn: 'bg-warning/10 text-warning',
+    info: 'bg-info/10 text-info',
+    bad: 'bg-destructive/10 text-destructive',
+};
+const DOT_CLASSES = {
+    good: 'bg-success',
+    warn: 'bg-warning',
+    info: 'bg-info',
+    bad: 'bg-destructive',
+};
+/**
+ * Pure helper that maps the (connection, offline) status pair to a
+ * single user-facing label + colour tone. Exported so the unit tests
+ * can exercise every combination without rendering React.
+ */
+export function describeOfflineStatus(connection, offline) {
+    if (offline === 'error')
+        return { label: 'Local drafts failed', tone: 'bad' };
+    if (offline === 'unsupported') {
+        // No local persistence; the WebSocket is the only safety net.
+        if (connection === 'connected')
+            return { label: 'Synced', tone: 'good' };
+        if (connection === 'connecting')
+            return { label: 'Connecting…', tone: 'info' };
+        return { label: 'Offline — drafts not persisted', tone: 'warn' };
+    }
+    if (offline === 'loading' || offline === 'pending') {
+        return { label: 'Restoring local copy…', tone: 'info' };
+    }
+    // offline === 'ready' from here on.
+    if (connection === 'connected')
+        return { label: 'Saved & synced', tone: 'good' };
+    if (connection === 'connecting')
+        return { label: 'Saved locally — reconnecting…', tone: 'warn' };
+    return { label: 'Saved locally — offline', tone: 'warn' };
+}
+//# sourceMappingURL=OfflineStatus.js.map

package/dist/components/OfflineStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineStatus.js","sourceRoot":"","sources":["../../src/components/OfflineStatus.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAmCZ,MAAM,UAAU,aAAa,CAAC,EAAE,UAAU,EAAE,OAAO,EAAsB;IACvE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,8EAA8E,CAAA;IAChG,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IACpC,OAAO,CACL,gBAAM,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,EAAE,iBAAc,gBAAgB,eAAY,IAAI,aACxF,8BACc,MAAM,EAClB,SAAS,EAAE,yCAAyC,WAAW,CAAC,IAAI,CAAC,EAAE,GACvE,EACD,KAAK,IACD,CACR,CAAA;AACH,CAAC;AAID,MAAM,YAAY,GAAgC;IAChD,IAAI,EAAE,gCAAgC;IACtC,IAAI,EAAE,4BAA4B;IAClC,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,oCAAoC;CAC1C,CAAA;AAED,MAAM,WAAW,GAAgC;IAC/C,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,gBAAgB;CACtB,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CACnC,UAA+B,EAC/B,OAAiC;IAEjC,IAAI,OAAO,KAAK,OAAO;QAAE,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IAC7E,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QAC9B,8DAA8D;QAC9D,IAAI,UAAU,KAAK,WAAW;YAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;QACxE,IAAI,UAAU,KAAK,YAAY;YAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;QAC9E,OAAO,EAAE,KAAK,EAAE,gCAAgC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;IAClE,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACnD,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;IACzD,CAAC;IACD,oCAAoC;IACpC,IAAI,UAAU,KAAK,WAAW;QAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;IAChF,IAAI,UAAU,KAAK,YAAY;QAAE,OAAO,EAAE,KAAK,EAAE,+BAA+B,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;IAChG,OAAO,EAAE,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAC3D,CAAC"}

package/dist/components/PlanUpgradeCallout.d.ts

@@ -0,0 +1,7 @@
+import type { PlanFeature } from '../lib/plan.js';
+export declare function PlanUpgradeCallout({ feature, requiredTier, upgradeUrl, }: {
+    feature: PlanFeature;
+    requiredTier?: string;
+    upgradeUrl?: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlanUpgradeCallout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanUpgradeCallout.d.ts","sourceRoot":"","sources":["../../src/components/PlanUpgradeCallout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGjD,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,YAAoB,EACpB,UAAU,GACX,EAAE;IACD,OAAO,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,2CA2BA"}

package/dist/components/PlanUpgradeCallout.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ArrowUpRight } from 'lucide-react';
+import { planFeatureLabel } from '../lib/plan.js';
+export function PlanUpgradeCallout({ feature, requiredTier = 'pro', upgradeUrl, }) {
+    return (_jsxs("div", { className: "border-border bg-muted/40 space-y-2 rounded-md border p-4", role: "status", "aria-live": "polite", children: [_jsxs("p", { className: "text-foreground text-sm font-medium", children: ["Upgrade to unlock ", planFeatureLabel(feature)] }), _jsxs("p", { className: "text-muted-foreground text-sm", children: ["This feature requires the ", requiredTier, " plan. Audits, issue tracking, and export remain available on your current plan."] }), upgradeUrl ? (_jsxs("a", { href: upgradeUrl, target: "_blank", rel: "noopener noreferrer", className: "text-primary inline-flex items-center gap-1 text-sm font-medium hover:underline", children: ["View plans", _jsx(ArrowUpRight, { className: "h-4 w-4", "aria-hidden": true })] })) : null] }));
+}
+//# sourceMappingURL=PlanUpgradeCallout.js.map

package/dist/components/PlanUpgradeCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanUpgradeCallout.js","sourceRoot":"","sources":["../../src/components/PlanUpgradeCallout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,UAAU,GAKX;IACC,OAAO,CACL,eACE,SAAS,EAAC,2DAA2D,EACrE,IAAI,EAAC,QAAQ,eACH,QAAQ,aAElB,aAAG,SAAS,EAAC,qCAAqC,mCAC7B,gBAAgB,CAAC,OAAO,CAAC,IAC1C,EACJ,aAAG,SAAS,EAAC,+BAA+B,2CACf,YAAY,wFAErC,EACH,UAAU,CAAC,CAAC,CAAC,CACZ,aACE,IAAI,EAAE,UAAU,EAChB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,iFAAiF,2BAG3F,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,wBAAe,IAC9C,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC"}

package/dist/components/PresenceChips.d.ts

@@ -0,0 +1,31 @@
+import { Awareness } from 'y-protocols/awareness';
+import { type CollaborationStatus } from '../lib/collaboration-provider.js';
+export interface PresenceChipsProps {
+    /** Awareness instance returned from `createCollaborationProvider`. */
+    awareness: Awareness;
+    /**
+     * Optional connection status. When provided the strip renders a small
+     * status pill (Connected / Connecting / Disconnected) on the left side.
+     */
+    status?: CollaborationStatus;
+    /**
+     * Hide the local user from the strip. Defaults to `true` — the local user
+     * already knows they're editing.
+     */
+    hideSelf?: boolean;
+    /** Max chips to show before collapsing to "+N". Defaults to 5. */
+    maxVisible?: number;
+    className?: string;
+}
+/**
+ * Small avatar / initials strip showing who else is currently editing the
+ * document. Subscribes to the supplied `Awareness` instance for live
+ * updates.
+ *
+ * The component is intentionally stateless about transport — it only reads
+ * from Awareness and `status`. Wiring is the caller's job.
+ */
+export declare function PresenceChips({ awareness, status, hideSelf, maxVisible, className, }: PresenceChipsProps): import("react/jsx-runtime").JSX.Element;
+/** Convert "Alice Cooper" → "AC", single names → "A", empty → "?". */
+export declare function nameToInitials(name: string): string;
+//# sourceMappingURL=PresenceChips.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceChips.d.ts","sourceRoot":"","sources":["../../src/components/PresenceChips.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,kCAAkC,CAAA;AAEzC,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,QAAe,EACf,UAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CA8CpB;AAqDD,sEAAsE;AACtE,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAUnD"}

package/dist/components/PresenceChips.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { summarisePresence, } from '../lib/collaboration-provider.js';
+/**
+ * Small avatar / initials strip showing who else is currently editing the
+ * document. Subscribes to the supplied `Awareness` instance for live
+ * updates.
+ *
+ * The component is intentionally stateless about transport — it only reads
+ * from Awareness and `status`. Wiring is the caller's job.
+ */
+export function PresenceChips({ awareness, status, hideSelf = true, maxVisible = 5, className, }) {
+    const [snapshot, setSnapshot] = useState(() => summarisePresence(awareness));
+    useEffect(() => {
+        const update = () => {
+            setSnapshot(summarisePresence(awareness));
+        };
+        update();
+        awareness.on('update', update);
+        awareness.on('change', update);
+        return () => {
+            awareness.off('update', update);
+            awareness.off('change', update);
+        };
+    }, [awareness]);
+    const visible = hideSelf
+        ? snapshot.users.filter((u) => u.clientId !== snapshot.selfClientId)
+        : snapshot.users;
+    const overflow = Math.max(0, visible.length - maxVisible);
+    const shown = visible.slice(0, maxVisible);
+    return (_jsxs("div", { className: `inline-flex items-center gap-1.5 text-xs ${className ?? ''}`, "data-testid": "presence-chips", children: [status && _jsx(StatusPill, { status: status }), shown.length === 0 && status !== 'connecting' && (_jsx("span", { className: "text-muted-foreground", "data-testid": "presence-empty", children: "You're the only one here" })), shown.map(({ clientId, user }) => (_jsx(Chip, { name: user.name, color: user.color, avatarUrl: user.avatarUrl }, clientId))), overflow > 0 && (_jsxs("span", { className: "bg-muted text-foreground rounded-full px-2 py-0.5", "data-testid": "presence-overflow", children: ["+", overflow] }))] }));
+}
+function StatusPill({ status }) {
+    const palette = {
+        connected: { dot: 'bg-success', label: 'Live', text: 'text-emerald-700' },
+        connecting: { dot: 'bg-amber-400 animate-pulse', label: 'Connecting', text: 'text-warning' },
+        disconnected: {
+            dot: 'bg-muted-foreground/30',
+            label: 'Offline',
+            text: 'text-muted-foreground',
+        },
+    };
+    const cfg = palette[status];
+    return (_jsxs("span", { className: `bg-muted inline-flex items-center gap-1 rounded-full px-2 py-0.5 ${cfg.text}`, "data-testid": `presence-status-${status}`, children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${cfg.dot}` }), cfg.label] }));
+}
+function Chip({ name, color, avatarUrl }) {
+    const initials = nameToInitials(name);
+    return (_jsxs("span", { className: "bg-card inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 ring-1 ring-gray-200", title: name, "data-testid": "presence-chip", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "h-4 w-4 rounded-full object-cover", style: { boxShadow: `0 0 0 1.5px ${color}` } })) : (_jsx("span", { "aria-hidden": "true", className: "flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-medium text-white", style: { backgroundColor: color }, children: initials })), _jsx("span", { className: "text-foreground max-w-[80px] truncate", children: name })] }));
+}
+/** Convert "Alice Cooper" → "AC", single names → "A", empty → "?". */
+export function nameToInitials(name) {
+    const cleaned = name.trim();
+    if (!cleaned)
+        return '?';
+    const parts = cleaned.split(/\s+/).slice(0, 2);
+    return (parts
+        .map((p) => (p[0] ?? '').toUpperCase())
+        .filter(Boolean)
+        .join('') || '?');
+}
+//# sourceMappingURL=PresenceChips.js.map

package/dist/components/PresenceChips.js.map

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

package/dist/components/PresenceIndicator.d.ts

@@ -0,0 +1,7 @@
+interface PresenceIndicatorProps {
+    documentId: string;
+    currentUserId?: string;
+}
+export declare function PresenceIndicator({ documentId, currentUserId }: PresenceIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PresenceIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceIndicator.d.ts","sourceRoot":"","sources":["../../src/components/PresenceIndicator.tsx"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,sBAAsB,kDAwDtF"}

package/dist/components/PresenceIndicator.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+const COLORS = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899'];
+export function PresenceIndicator({ documentId, currentUserId }) {
+    const [users, setUsers] = useState([]);
+    const eventSourceRef = useRef(null);
+    const heartbeatRef = useRef(undefined);
+    useEffect(() => {
+        if (!documentId)
+            return;
+        const es = new EventSource(`/api/cms/presence/${documentId}`);
+        eventSourceRef.current = es;
+        es.addEventListener('presence', (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                setUsers(data.filter((u) => u.userId !== currentUserId));
+            }
+            catch { }
+        });
+        es.onerror = () => {
+            es.close();
+        };
+        heartbeatRef.current = setInterval(() => {
+            fetch(`/api/cms/presence/${documentId}/heartbeat`, {
+                method: 'POST',
+                credentials: 'include',
+            }).catch(() => { });
+        }, 30_000);
+        return () => {
+            es.close();
+            if (heartbeatRef.current)
+                clearInterval(heartbeatRef.current);
+        };
+    }, [documentId, currentUserId]);
+    if (users.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex items-center gap-1", title: `${users.length} other editor(s) active`, children: [users.slice(0, 5).map((user, i) => (_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium text-white ring-2 ring-white", style: { backgroundColor: COLORS[i % COLORS.length] }, title: user.name, children: user.name.charAt(0).toUpperCase() }, user.userId))), users.length > 5 && (_jsxs("div", { className: "bg-muted text-muted-foreground flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium ring-2 ring-white", children: ["+", users.length - 5] }))] }));
+}
+//# sourceMappingURL=PresenceIndicator.js.map

package/dist/components/PresenceIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceIndicator.js","sourceRoot":"","sources":["../../src/components/PresenceIndicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAanD,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAEjF,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAA0B;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;IACvD,MAAM,YAAY,GAAG,MAAM,CAAiC,SAAS,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAM;QAEvB,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAA;QAC7D,cAAc,CAAC,OAAO,GAAG,EAAE,CAAA;QAE3B,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAmB,CAAA;gBACrD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAA;YAC1D,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;QACZ,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YAChB,EAAE,CAAC,KAAK,EAAE,CAAA;QACZ,CAAC,CAAA;QAED,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YACtC,KAAK,CAAC,qBAAqB,UAAU,YAAY,EAAE;gBACjD,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QACpB,CAAC,EAAE,MAAM,CAAC,CAAA;QAEV,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,KAAK,EAAE,CAAA;YACV,IAAI,YAAY,CAAC,OAAO;gBAAE,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAE/B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEnC,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,yBAAyB,aACrF,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,cAEE,SAAS,EAAC,wGAAwG,EAClH,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EACrD,KAAK,EAAE,IAAI,CAAC,IAAI,YAEf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAL7B,IAAI,CAAC,MAAM,CAMZ,CACP,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,eAAK,SAAS,EAAC,4HAA4H,kBACvI,KAAK,CAAC,MAAM,GAAG,CAAC,IACd,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/PublishSyncCard.d.ts

@@ -0,0 +1,27 @@
+export interface PublishSyncStatus {
+    documentId: string;
+    cmsStatus: string;
+    publishedAt: string | null;
+    publishWebhookConfigured: boolean;
+    webhookDelivery: {
+        state: 'not_configured' | 'no_delivery' | 'pending' | 'retrying' | 'delivered' | 'failed';
+        label: string;
+        deliveries: Array<{
+            id: string;
+            status: string;
+            endpointName: string | null;
+            endpointUrl: string;
+            attempts: number;
+            maxAttempts: number;
+        }>;
+    };
+    publicHostNote: string;
+}
+export interface PublishSyncCardProps {
+    documentId: string;
+    /** When status flips to PUBLISHED, refresh sync state. */
+    docStatus: string;
+    onNavigate?: (path: string) => void;
+}
+export declare function PublishSyncCard({ documentId, docStatus, onNavigate }: PublishSyncCardProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PublishSyncCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PublishSyncCard.d.ts","sourceRoot":"","sources":["../../src/components/PublishSyncCard.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,wBAAwB,EAAE,OAAO,CAAA;IACjC,eAAe,EAAE;QACf,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAA;QACzF,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,KAAK,CAAC;YAChB,EAAE,EAAE,MAAM,CAAA;YACV,MAAM,EAAE,MAAM,CAAA;YACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;YAC3B,WAAW,EAAE,MAAM,CAAA;YACnB,QAAQ,EAAE,MAAM,CAAA;YAChB,WAAW,EAAE,MAAM,CAAA;SACpB,CAAC,CAAA;KACH,CAAA;IACD,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAgBD,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,oBAAoB,kDA6H1F"}

package/dist/components/PublishSyncCard.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Shows CMS Published vs publish-webhook delivery for a document (#677).
+ * Never claims the public host is "live" — only webhook notify state.
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { AlertTriangle, Info, RefreshCw, RotateCcw } from 'lucide-react';
+import { toast } from 'sonner';
+import { cmsApi } from '../lib/api.js';
+function stateClass(state) {
+    switch (state) {
+        case 'failed':
+            return 'border-destructive/30 bg-destructive/10 text-destructive';
+        case 'retrying':
+        case 'pending':
+            return 'border-border bg-accent text-accent-foreground';
+        case 'delivered':
+            return 'border-border bg-muted text-foreground';
+        default:
+            return 'border-border bg-muted text-muted-foreground';
+    }
+}
+export function PublishSyncCard({ documentId, docStatus, onNavigate }) {
+    const [status, setStatus] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [retryingId, setRetryingId] = useState(null);
+    const load = useCallback(async () => {
+        if (!documentId || docStatus !== 'PUBLISHED') {
+            setStatus(null);
+            return;
+        }
+        setLoading(true);
+        const res = await cmsApi(`/documents/${encodeURIComponent(documentId)}/publish-sync`);
+        setLoading(false);
+        if (res.error) {
+            setStatus(null);
+            return;
+        }
+        setStatus(res.data ?? null);
+    }, [documentId, docStatus]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    if (docStatus !== 'PUBLISHED')
+        return null;
+    async function retry(deliveryId) {
+        setRetryingId(deliveryId);
+        const res = await cmsApi(`/webhooks/deliveries/${encodeURIComponent(deliveryId)}/retry`, { method: 'POST' });
+        setRetryingId(null);
+        if (res.error) {
+            toast.error(res.error);
+            return;
+        }
+        if (res.data?.status === 'success') {
+            toast.success('Publish webhook delivered');
+        }
+        else {
+            toast.error(res.data?.error ?? 'Webhook delivery still failing');
+        }
+        void load();
+    }
+    const state = status?.webhookDelivery.state;
+    const failed = status?.webhookDelivery.deliveries.filter((d) => d.status === 'failed' || d.status === 'retrying');
+    return (_jsxs("div", { className: "border-border bg-card rounded-lg border p-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-foreground font-medium", children: "Public host sync" }), _jsxs("button", { type: "button", onClick: () => void load(), className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs", "aria-label": "Refresh publish sync status", children: [_jsx(RefreshCw, { size: 14, className: loading ? 'animate-spin' : '' }), "Refresh"] })] }), _jsxs("p", { className: "text-foreground mb-2 text-sm", children: [_jsx("span", { className: "font-medium", children: "CMS:" }), " Published"] }), status ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: `mb-2 rounded-md border px-3 py-2 text-sm ${stateClass(status.webhookDelivery.state)}`, role: "status", children: [state === 'failed' || state === 'retrying' ? (_jsx(AlertTriangle, { size: 16, className: "mb-1 inline", "aria-hidden": true })) : (_jsx(Info, { size: 16, className: "mb-1 inline", "aria-hidden": true })), ' ', status.webhookDelivery.label] }), _jsx("p", { className: "text-muted-foreground text-xs", children: status.publicHostNote }), failed && failed.length > 0 && (_jsx("ul", { className: "mt-3 space-y-2", children: failed.map((d) => (_jsxs("li", { className: "text-foreground flex items-center justify-between gap-2 text-xs", children: [_jsxs("span", { className: "truncate", children: [d.endpointName || d.endpointUrl, " \u00B7 ", d.status, " (", d.attempts, "/", d.maxAttempts, ")"] }), _jsxs("button", { type: "button", onClick: () => void retry(d.id), disabled: retryingId === d.id, className: "border-border hover:bg-accent inline-flex shrink-0 items-center gap-1 rounded-md border px-2 py-1 disabled:opacity-50", children: [_jsx(RotateCcw, { size: 12 }), "Retry"] })] }, d.id))) })), onNavigate && (_jsx("button", { type: "button", onClick: () => onNavigate('/settings?tab=webhooks'), className: "text-primary mt-3 text-xs font-medium hover:underline", children: "Manage publish webhooks" }))] })) : (_jsx("p", { className: "text-muted-foreground text-sm", children: loading ? 'Checking webhook delivery…' : 'Unable to load sync status.' }))] }));
+}
+//# sourceMappingURL=PublishSyncCard.js.map

package/dist/components/PublishSyncCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishSyncCard.js","sourceRoot":"","sources":["../../src/components/PublishSyncCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;GAGG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AA6BtC,SAAS,UAAU,CAAC,KAAoD;IACtE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,0DAA0D,CAAA;QACnE,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,gDAAgD,CAAA;QACzD,KAAK,WAAW;YACd,OAAO,wCAAwC,CAAA;QACjD;YACE,OAAO,8CAA8C,CAAA;IACzD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAwB;IACzF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEjE,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC,UAAU,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC7C,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,OAAM;QACR,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,MAAM,GAAG,GAAG,MAAM,MAAM,CACtB,cAAc,kBAAkB,CAAC,UAAU,CAAC,eAAe,CAC5D,CAAA;QACD,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACd,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,OAAM;QACR,CAAC;QACD,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,IAAI,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,SAAS,KAAK,WAAW;QAAE,OAAO,IAAI,CAAA;IAE1C,KAAK,UAAU,KAAK,CAAC,UAAkB;QACrC,aAAa,CAAC,UAAU,CAAC,CAAA;QACzB,MAAM,GAAG,GAAG,MAAM,MAAM,CACtB,wBAAwB,kBAAkB,CAAC,UAAU,CAAC,QAAQ,EAC9D,EAAE,MAAM,EAAE,MAAM,EAAE,CACnB,CAAA;QACD,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACd,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACtB,OAAM;QACR,CAAC;QACD,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;YACnC,KAAK,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAA;QAC5C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,IAAI,gCAAgC,CAAC,CAAA;QAClE,CAAC;QACD,KAAK,IAAI,EAAE,CAAA;IACb,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,EAAE,eAAe,CAAC,KAAK,CAAA;IAC3C,MAAM,MAAM,GAAG,MAAM,EAAE,eAAe,CAAC,UAAU,CAAC,MAAM,CACtD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CACxD,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,eAAK,SAAS,EAAC,8CAA8C,aAC3D,aAAI,SAAS,EAAC,6BAA6B,iCAAsB,EACjE,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,EAC1B,SAAS,EAAC,yGAAyG,gBACxG,6BAA6B,aAExC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,GAAI,eAE1D,IACL,EAEN,aAAG,SAAS,EAAC,8BAA8B,aACzC,eAAM,SAAS,EAAC,aAAa,qBAAY,kBACvC,EAEH,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,eACE,SAAS,EAAE,4CAA4C,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,EACjG,IAAI,EAAC,QAAQ,aAEZ,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5C,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,wBAAe,CAChE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,wBAAe,CACvD,EAAE,GAAG,EACL,MAAM,CAAC,eAAe,CAAC,KAAK,IACzB,EACN,YAAG,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,cAAc,GAAK,EACvE,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,aAAI,SAAS,EAAC,gBAAgB,YAC3B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,cAEE,SAAS,EAAC,iEAAiE,aAE3E,gBAAM,SAAS,EAAC,UAAU,aACvB,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,WAAW,cAAK,CAAC,CAAC,MAAM,QAAI,CAAC,CAAC,QAAQ,OAAG,CAAC,CAAC,WAAW,SACtE,EACP,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/B,QAAQ,EAAE,UAAU,KAAK,CAAC,CAAC,EAAE,EAC7B,SAAS,EAAC,uHAAuH,aAEjI,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,aAEhB,KAdJ,CAAC,CAAC,EAAE,CAeN,CACN,CAAC,GACC,CACN,EACA,UAAU,IAAI,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,wBAAwB,CAAC,EACnD,SAAS,EAAC,uDAAuD,wCAG1D,CACV,IACA,CACJ,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,+BAA+B,YACzC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,6BAA6B,GACrE,CACL,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/SEOConfigPanel.d.ts

@@ -0,0 +1,2 @@
+export declare function SEOConfigPanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SEOConfigPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SEOConfigPanel.d.ts","sourceRoot":"","sources":["../../src/components/SEOConfigPanel.tsx"],"names":[],"mappings":"AAoFA,wBAAgB,cAAc,4CAiW7B"}

package/dist/components/SEOConfigPanel.js

@@ -0,0 +1,174 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Admin UI for editing the site-wide + per-collection SEO defaults that are
+ * normally defined in `prenta.config.ts`. The CMS merges code-level config
+ * with these DB-stored overrides, so any field left blank here falls back to
+ * the static config (shown as the placeholder).
+ *
+ * Wired in `Settings.tsx` as the "SEO" tab. Talks to `/seo/config` (GET + PUT).
+ */
+import { Loader2, RefreshCw, Save, Globe, FileText } from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { cmsApi } from '../lib/api.js';
+const SCHEMA_TYPES = [
+    '',
+    'WebPage',
+    'Article',
+    'BlogPosting',
+    'NewsArticle',
+    'Product',
+    'Service',
+    'LocalBusiness',
+    'FAQPage',
+    'JobPosting',
+    'Event',
+    'Recipe',
+    'Person',
+    'Organization',
+];
+const CHANGE_FREQS = ['', 'always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'];
+export function SEOConfigPanel() {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const [site, setSite] = useState({});
+    const [collections, setCollections] = useState({});
+    async function load() {
+        setLoading(true);
+        setError(null);
+        const res = await cmsApi('/seo/config', { method: 'GET' });
+        if (res.error || !res.data) {
+            setError(res.error ?? 'Failed to load SEO config');
+            setLoading(false);
+            return;
+        }
+        setData(res.data);
+        setSite(res.data.overrides?.site ?? {});
+        setCollections(res.data.overrides?.collections ?? {});
+        setLoading(false);
+    }
+    useEffect(() => {
+        void load();
+    }, []);
+    // Field-level placeholder = the static value from prenta.config.ts. The
+    // input value is whatever the admin has typed (or the saved override). Empty
+    // input + empty override means "fall back to static", which is the desired
+    // UX for an additive overrides panel.
+    const staticSite = data?.static?.site ?? {};
+    async function handleSave() {
+        setSaving(true);
+        // Strip empty strings so they unset back to the static default rather
+        // than persisting "" — the store treats "" as "no override".
+        const cleanSite = stripEmpty(site);
+        const cleanCollections = {};
+        for (const [slug, c] of Object.entries(collections)) {
+            const cleaned = stripEmpty(c);
+            if (Object.keys(cleaned).length > 0)
+                cleanCollections[slug] = cleaned;
+        }
+        const res = await cmsApi('/seo/config', {
+            method: 'PUT',
+            body: JSON.stringify({ site: cleanSite, collections: cleanCollections }),
+        });
+        if (res.error) {
+            toast.error(res.error);
+        }
+        else {
+            toast.success('SEO defaults saved');
+            await load();
+        }
+        setSaving(false);
+    }
+    function patchSite(key, value) {
+        setSite((prev) => ({ ...prev, [key]: value }));
+    }
+    function patchSiteRobots(key, value) {
+        setSite((prev) => ({ ...prev, robots: { ...(prev.robots ?? {}), [key]: value } }));
+    }
+    function patchSiteSitemap(key, value) {
+        setSite((prev) => ({ ...prev, sitemap: { ...(prev.sitemap ?? {}), [key]: value } }));
+    }
+    function patchSiteOg(key, value) {
+        setSite((prev) => ({ ...prev, ogImage: { ...(prev.ogImage ?? {}), [key]: value } }));
+    }
+    function patchCollection(slug, key, value) {
+        setCollections((prev) => ({
+            ...prev,
+            [slug]: { ...(prev[slug] ?? {}), [key]: value },
+        }));
+    }
+    function patchCollectionRobots(slug, key, value) {
+        setCollections((prev) => ({
+            ...prev,
+            [slug]: {
+                ...(prev[slug] ?? {}),
+                defaultRobots: { ...(prev[slug]?.defaultRobots ?? {}), [key]: value },
+            },
+        }));
+    }
+    const updatedAt = useMemo(() => {
+        // `updatedAt` is set by the server when overrides are persisted but isn't
+        // part of the declared `SeoConfigOverrides` shape. Cast through `unknown`
+        // so we can surface it in the UI without widening the type contract.
+        const ts = data?.overrides?.updatedAt;
+        if (!ts)
+            return null;
+        try {
+            return new Date(ts).toLocaleString();
+        }
+        catch {
+            return ts;
+        }
+    }, [data]);
+    if (loading) {
+        return (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 py-8 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Loading SEO defaults\u2026"] }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "border-destructive/30 bg-destructive/10 text-destructive rounded-lg border p-4 text-sm", children: [_jsx("div", { className: "mb-2 font-medium", children: "Failed to load SEO config" }), _jsx("div", { className: "font-mono text-xs", children: error }), _jsxs("button", { onClick: () => void load(), className: "border-destructive bg-card text-destructive hover:bg-destructive/10 mt-3 inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-xs font-medium", children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), " Retry"] })] }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-muted-foreground text-sm", children: ["Edit the SEO defaults that flow into", ' ', _jsx("code", { className: "bg-muted rounded px-1 py-0.5 text-[11px]", children: "/sitemap.xml" }), ",", ' ', _jsx("code", { className: "bg-muted rounded px-1 py-0.5 text-[11px]", children: "/robots.txt" }), ",", ' ', _jsx("code", { className: "bg-muted rounded px-1 py-0.5 text-[11px]", children: "/og.png" }), ", and the", ' ', _jsx("code", { className: "bg-muted rounded px-1 py-0.5 text-[11px]", children: "/resolve" }), " meta + JSON-LD response. Empty fields fall back to", ' ', _jsx("code", { className: "bg-muted rounded px-1 py-0.5 text-[11px]", children: "prenta.config.ts" }), "."] }), updatedAt && (_jsxs("p", { className: "text-muted-foreground mt-1 text-xs", children: ["Last saved: ", updatedAt] }))] }), _jsxs("button", { onClick: handleSave, disabled: saving, className: "bg-primary hover:bg-primary/90 inline-flex shrink-0 items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-white shadow-sm disabled:opacity-50", children: [saving ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Save, { className: "h-4 w-4" }), "Save SEO defaults"] })] }), _jsxs("section", { className: "border-border bg-card rounded-lg border", children: [_jsxs("header", { className: "border-border flex items-center gap-2 border-b px-6 py-4", children: [_jsx(Globe, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-medium", children: "Site-wide defaults" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 p-4 md:grid-cols-2", children: [_jsx(Field, { label: "Site URL", placeholder: staticSite.siteUrl ?? 'https://example.com', value: site.siteUrl ?? '', onChange: (v) => patchSite('siteUrl', v), hint: "Canonical origin used in sitemap URLs and JSON-LD." }), _jsx(Field, { label: "Site name", placeholder: staticSite.siteName ?? 'My Site', value: site.siteName ?? '', onChange: (v) => patchSite('siteName', v), hint: "Brand name in OG cards and Schema.org Organization." }), _jsx(Field, { label: "Default OG image", placeholder: staticSite.defaultOgImage ?? '/og-default.png', value: site.defaultOgImage ?? '', onChange: (v) => patchSite('defaultOgImage', v), hint: "Used when a document doesn't supply its own." }), _jsx(Field, { label: "Twitter handle", placeholder: staticSite.twitterHandle ?? '@yourbrand', value: site.twitterHandle ?? '', onChange: (v) => patchSite('twitterHandle', v), hint: "Including the leading @." })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 border-t border-gray-100 p-4 md:grid-cols-3", children: [_jsx(Select, { label: "Default change frequency", value: site.sitemap?.defaultChangeFreq ?? '', options: CHANGE_FREQS, onChange: (v) => patchSiteSitemap('defaultChangeFreq', v), placeholderLabel: `default: ${staticSite.sitemap?.defaultChangeFreq ?? 'weekly'}`, hint: "Applied per-URL in sitemap.xml when a collection doesn't override." }), _jsx(NumberField, { label: "Default priority", value: site.sitemap?.defaultPriority, placeholder: `default: ${staticSite.sitemap?.defaultPriority ?? 0.6}`, onChange: (v) => patchSiteSitemap('defaultPriority', v), min: 0, max: 1, step: 0.1, hint: "Between 0.0 and 1.0." }), _jsx(Select, { label: "OG image theme", value: site.ogImage?.theme ?? '', options: ['', 'light', 'dark'], onChange: (v) => patchSiteOg('theme', (v || undefined)), placeholderLabel: `default: ${staticSite.ogImage?.theme ?? 'light'}`, hint: "Applied by the built-in /og.png renderer." })] }), _jsxs("div", { className: "flex flex-wrap gap-6 border-t border-gray-100 p-4", children: [_jsx(Toggle, { label: "Block known AI bots in robots.txt", checked: !!site.robots?.blockAIBots, onChange: (v) => patchSiteRobots('blockAIBots', v), hint: "GPTBot, ClaudeBot, anthropic-ai, Bytespider, etc." }), _jsx(Toggle, { label: "Disable robots.txt route", checked: !!site.robots?.disabled, onChange: (v) => patchSiteRobots('disabled', v) }), _jsx(Toggle, { label: "Disable sitemap.xml route", checked: !!site.sitemap?.disabled, onChange: (v) => patchSiteSitemap('disabled', v) }), _jsx(Toggle, { label: "Disable /og.png route", checked: !!site.ogImage?.disabled, onChange: (v) => patchSiteOg('disabled', v) })] })] }), _jsxs("section", { className: "border-border bg-card rounded-lg border", children: [_jsxs("header", { className: "border-border flex items-center gap-2 border-b px-6 py-4", children: [_jsx(FileText, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-medium", children: "Per-collection defaults" }), _jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014 shown placeholders are the static defaults" })] }), _jsxs("div", { className: "divide-y divide-gray-100", children: [data?.collections.map((col) => {
+                                const override = collections[col.slug] ?? {};
+                                const staticC = col.staticSeo ?? {};
+                                return (_jsxs("div", { className: "p-4", children: [_jsx("div", { className: "mb-3 flex items-baseline justify-between gap-4", children: _jsxs("div", { children: [_jsx("h4", { className: "text-foreground text-sm font-medium", children: col.label }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [_jsx("code", { className: "bg-muted rounded px-1 py-0.5", children: col.slug }), col.urlPrefix !== undefined && (_jsxs(_Fragment, { children: [' ', "prefix:", ' ', _jsxs("code", { className: "bg-muted rounded px-1 py-0.5", children: ["/", col.urlPrefix] })] })), ' ', "\u2014 ", col.type] })] }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-3", children: [_jsx(Select, { label: "Default Schema.org type", value: override.defaultSchemaType ?? '', options: SCHEMA_TYPES, onChange: (v) => patchCollection(col.slug, 'defaultSchemaType', v || undefined), placeholderLabel: `default: ${staticC.defaultSchemaType ?? 'auto-detect'}` }), _jsx(Field, { label: "Archive path", placeholder: staticC.archivePath ?? '/blog', value: override.archivePath ?? '', onChange: (v) => patchCollection(col.slug, 'archivePath', v) }), _jsx(Select, { label: "Sitemap change frequency", value: override.sitemapChangeFreq ?? '', options: CHANGE_FREQS, onChange: (v) => patchCollection(col.slug, 'sitemapChangeFreq', v), placeholderLabel: `default: ${staticC.sitemapChangeFreq ?? 'weekly'}` }), _jsx(NumberField, { label: "Sitemap priority", value: override.sitemapPriority, placeholder: `default: ${staticC.sitemapPriority ?? (col.type === 'page' ? 0.8 : 0.6)}`, onChange: (v) => patchCollection(col.slug, 'sitemapPriority', v), min: 0, max: 1, step: 0.1 })] }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-4", children: [_jsx(Toggle, { label: "Exclude from sitemap", checked: !!override.excludeFromSitemap, onChange: (v) => patchCollection(col.slug, 'excludeFromSitemap', v) }), _jsx(Toggle, { label: "Default: noindex", checked: !!override.defaultRobots?.noIndex, onChange: (v) => patchCollectionRobots(col.slug, 'noIndex', v) }), _jsx(Toggle, { label: "Default: nofollow", checked: !!override.defaultRobots?.noFollow, onChange: (v) => patchCollectionRobots(col.slug, 'noFollow', v) })] })] }, col.slug));
+                            }), data?.collections.length === 0 && (_jsxs("div", { className: "text-muted-foreground p-4 text-sm", children: ["No collections configured in ", _jsx("code", { children: "prenta.config.ts" }), "."] }))] })] }), _jsx("div", { className: "flex justify-end", children: _jsxs("button", { onClick: handleSave, disabled: saving, className: "bg-primary hover:bg-primary/90 inline-flex items-center gap-1.5 rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm disabled:opacity-50", children: [saving ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Save, { className: "h-4 w-4" }), "Save SEO defaults"] }) })] }));
+}
+function stripEmpty(obj) {
+    const out = {};
+    for (const [k, v] of Object.entries(obj)) {
+        if (v === undefined || v === null)
+            continue;
+        if (typeof v === 'string' && v.trim() === '')
+            continue;
+        if (typeof v === 'object' && !Array.isArray(v)) {
+            const nested = stripEmpty(v);
+            if (Object.keys(nested).length > 0)
+                out[k] = nested;
+            continue;
+        }
+        out[k] = v;
+    }
+    return out;
+}
+function Field({ label, value, placeholder, onChange, hint, }) {
+    return (_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-xs font-medium", children: label }), _jsx("input", { type: "text", value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value), className: "border-border text-foreground focus-visible:border-ring focus-visible:ring-ring/50 w-full rounded-md border px-2.5 py-1.5 text-sm placeholder-gray-400 focus:ring-1 focus:outline-none" }), hint && _jsx("p", { className: "text-muted-foreground mt-1 text-[11px]", children: hint })] }));
+}
+function NumberField({ label, value, placeholder, onChange, min, max, step, hint, }) {
+    return (_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-xs font-medium", children: label }), _jsx("input", { type: "number", value: value ?? '', placeholder: placeholder, min: min, max: max, step: step, onChange: (e) => {
+                    const raw = e.target.value;
+                    if (raw === '')
+                        return onChange(undefined);
+                    const n = Number(raw);
+                    if (Number.isFinite(n))
+                        onChange(n);
+                }, className: "border-border text-foreground focus-visible:border-ring focus-visible:ring-ring/50 w-full rounded-md border px-2.5 py-1.5 text-sm placeholder-gray-400 focus:ring-1 focus:outline-none" }), hint && _jsx("p", { className: "text-muted-foreground mt-1 text-[11px]", children: hint })] }));
+}
+function Select({ label, value, options, onChange, placeholderLabel, hint, }) {
+    return (_jsxs("div", { children: [_jsx("label", { className: "text-foreground mb-1 block text-xs font-medium", children: label }), _jsx("select", { value: value, onChange: (e) => onChange(e.target.value), className: "border-border bg-card text-foreground focus-visible:border-ring focus-visible:ring-ring/50 w-full rounded-md border px-2.5 py-1.5 text-sm focus:ring-1 focus:outline-none", children: options.map((opt) => (_jsx("option", { value: opt, children: opt === '' ? (placeholderLabel ?? '— use default —') : opt }, opt))) }), hint && _jsx("p", { className: "text-muted-foreground mt-1 text-[11px]", children: hint })] }));
+}
+function Toggle({ label, checked, onChange, hint, }) {
+    return (_jsxs("label", { className: "text-foreground flex cursor-pointer items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: (e) => onChange(e.target.checked), className: "border-border text-primary focus-visible:ring-ring/50 h-4 w-4 rounded" }), _jsxs("span", { children: [label, hint && _jsxs("span", { className: "text-muted-foreground ml-1 text-[11px]", children: ["\u2014 ", hint] })] })] }));
+}
+//# sourceMappingURL=SEOConfigPanel.js.map