@prenta/admin 0.92.0

package/dist/components/CommentMark.js

@@ -0,0 +1,104 @@
+/**
+ * TipTap inline mark that tags a text range with a `commentId`. The mark
+ * is the glue between the comment side panel and the editor — selecting
+ * a range, creating a comment, and then re-painting the highlight when
+ * the comment list updates all flow through this extension.
+ *
+ * Storage shape: a single attribute, `commentId`, that mirrors the row
+ * id returned by the slice-4 REST API. The mark also stamps a
+ * `data-comment-id` attribute on its rendered span and a CSS class so
+ * the panel can style it (yellow band for active, dotted underline for
+ * resolved, faded for detached anchors).
+ *
+ * We deliberately use a TipTap Mark (vs. a ProseMirror decoration) so
+ * the comment anchor is *persisted* in the document HTML and round-trips
+ * through the autosave path. Decorations would be simpler but they're
+ * presentational only — they disappear on next render unless re-painted
+ * from scratch, which would defeat slice 5's main job (keeping anchors
+ * stable under collaborative edits).
+ */
+import { Mark, mergeAttributes } from '@tiptap/core';
+export const CommentMark = Mark.create({
+    name: 'comment',
+    // Inline mark; we never want it on block-level nodes.
+    inclusive: false,
+    spanning: false,
+    // Allow the mark to be split when text is inserted at its boundaries —
+    // otherwise replies/edits in the middle of a comment would silently
+    // expand its scope.
+    excludes: '',
+    addOptions() {
+        return {
+            HTMLAttributes: {},
+            className: 'prenta-comment',
+        };
+    },
+    addAttributes() {
+        return {
+            commentId: {
+                default: null,
+                parseHTML: (element) => element.getAttribute('data-comment-id'),
+                renderHTML: (attributes) => {
+                    if (!attributes.commentId)
+                        return {};
+                    return { 'data-comment-id': attributes.commentId };
+                },
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'span[data-comment-id]' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        const opts = this.options;
+        return [
+            'span',
+            mergeAttributes(opts.HTMLAttributes, HTMLAttributes, {
+                class: opts.className,
+            }),
+            0,
+        ];
+    },
+    addCommands() {
+        return {
+            setComment: (attrs) => ({ commands }) => {
+                if (!attrs?.commentId)
+                    return false;
+                return commands.setMark(this.name, attrs);
+            },
+            updateComment: (attrs) => ({ commands }) => {
+                if (!attrs?.commentId)
+                    return false;
+                return commands.updateAttributes(this.name, attrs);
+            },
+            unsetComment: () => ({ commands }) => {
+                return commands.unsetMark(this.name);
+            },
+        };
+    },
+});
+/**
+ * CSS the editor styles include to render the comment highlights. The
+ * `TipTapEditor` injects this so consumers don't need to import a CSS
+ * file separately.
+ */
+export const COMMENT_MARK_STYLES = `
+.prenta-comment {
+  background-color: rgba(250, 204, 21, 0.25);
+  border-bottom: 2px solid rgba(202, 138, 4, 0.65);
+  cursor: pointer;
+}
+.prenta-comment:hover {
+  background-color: rgba(250, 204, 21, 0.4);
+}
+.prenta-comment--resolved {
+  background-color: transparent;
+  border-bottom: 1px dotted rgba(107, 114, 128, 0.6);
+}
+.prenta-comment--active {
+  background-color: rgba(250, 204, 21, 0.55);
+  outline: 2px solid rgba(202, 138, 4, 0.9);
+  outline-offset: -1px;
+}
+`;
+//# sourceMappingURL=CommentMark.js.map

package/dist/components/CommentMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMark.js","sourceRoot":"","sources":["../../src/components/CommentMark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AA0BpD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAqB;IACzD,IAAI,EAAE,SAAS;IACf,sDAAsD;IACtD,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,uEAAuE;IACvE,oEAAoE;IACpE,oBAAoB;IACpB,QAAQ,EAAE,EAAE;IAEZ,UAAU;QACR,OAAO;YACL,cAAc,EAAE,EAAE;YAClB,SAAS,EAAE,gBAAgB;SAC5B,CAAA;IACH,CAAC;IAED,aAAa;QACX,OAAO;YACL,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAC/D,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE;oBACzB,IAAI,CAAC,UAAU,CAAC,SAAS;wBAAE,OAAO,EAAE,CAAA;oBACpC,OAAO,EAAE,iBAAiB,EAAE,UAAU,CAAC,SAAmB,EAAE,CAAA;gBAC9D,CAAC;aACF;SACF,CAAA;IACH,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,uBAAuB,EAAE,CAAC,CAAA;IAC3C,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAA;QACzB,OAAO;YACL,MAAM;YACN,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,cAAc,EAAE;gBACnD,KAAK,EAAE,IAAI,CAAC,SAAS;aACtB,CAAC;YACF,CAAC;SACF,CAAA;IACH,CAAC;IAED,WAAW;QACT,OAAO;YACL,UAAU,EACR,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,SAAS;oBAAE,OAAO,KAAK,CAAA;gBACnC,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YAC3C,CAAC;YACH,aAAa,EACX,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,SAAS;oBAAE,OAAO,KAAK,CAAA;gBACnC,OAAO,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACpD,CAAC;YACH,YAAY,EACV,GAAG,EAAE,CACL,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACf,OAAO,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACtC,CAAC;SACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;CAkBlC,CAAA"}

package/dist/components/CommentSidePanel.d.ts

@@ -0,0 +1,94 @@
+import React from 'react';
+import { type Comment, type CommentAnchor, type CommentOutcome } from '../lib/comments-client.js';
+import type { MentionUser } from '../lib/mention-picker.js';
+/**
+ * Side-panel view of the slice-4 comments API. Renders threaded comments
+ * for a document, lets the current user compose new threads and replies,
+ * and offers per-comment actions: edit, resolve / reopen, delete.
+ *
+ * The component is *pure I/O* against the comments-client module —
+ * anchor encoding/decoding, editor mark painting, and bubble-menu wiring
+ * are layered on top in `TipTapEditor.tsx` through the `comments` prop.
+ * Keeping the panel logic agnostic of TipTap means the unit tests can
+ * verify thread ordering / state transitions without spinning up an
+ * editor.
+ *
+ * Behaviour
+ * ─────────
+ * - Active comments (not resolved, not deleted) are shown by default.
+ * - A toggle reveals resolved threads in the same list, sorted by
+ *   resolved-at descending so the most recently closed appears first.
+ * - Composer accepts free-form text. When `onComposeAnchor` returns a
+ *   non-null anchor the new comment is bound to that range; otherwise
+ *   it is a document-level comment.
+ * - The list refreshes after every successful mutation so optimistic
+ *   state can't drift from the server.
+ *
+ * Errors fall through to the `onError` callback so the host shell can
+ * surface them with its own toast / banner system (we don't import
+ * sonner here to keep the component testable in plain JSDOM).
+ */
+export interface CommentSidePanelProps {
+    documentId: string;
+    /** Current user id — used to gate edit / delete affordances. */
+    currentUserId: string;
+    /** Set to `true` to show admin-only affordances (delete others'). */
+    isAdmin?: boolean;
+    /**
+     * Called when the user clicks "Comment on selection". Should return
+     * the encoded anchor for the active editor selection, or `null` for a
+     * doc-level comment. Wiring lives in `TipTapEditor` so this component
+     * stays editor-agnostic.
+     */
+    onComposeAnchor?: () => CommentAnchor | null;
+    /**
+     * Called whenever the active comment changes (focus shift / open
+     * thread). The editor uses this to scroll the highlighted range into
+     * view and paint the `prenta-comment--active` modifier.
+     */
+    onActiveCommentChange?: (commentId: string | null) => void;
+    /** Error sink — bubble up server failures to a toast / banner. */
+    onError?: (message: string) => void;
+    /**
+     * Override the comments-client API. Tests inject a fake; real callers
+     * should leave this unset.
+     */
+    api?: CommentsApi;
+    /**
+     * Override the mention search — tests pass a synchronous fake so
+     * the picker is deterministic without HTTP mocking. Production
+     * callers leave this unset and the textarea uses the real
+     * `/users/search` REST helper.
+     */
+    mentionSearch?: (query: string) => Promise<MentionUser[]>;
+    className?: string;
+}
+/**
+ * Tiny adapter type that lets tests swap the comments-client module out.
+ * Mirrors the slice-4 client surface 1:1 — keeping it explicit prevents
+ * accidental drift when new endpoints are added later.
+ */
+export interface CommentsApi {
+    list: (documentId: string, opts?: {
+        includeResolved?: boolean;
+    }) => Promise<CommentOutcome<Comment[]>>;
+    create: (input: {
+        documentId: string;
+        body: string;
+        anchor?: CommentAnchor | null;
+        parentId?: string | null;
+    }) => Promise<CommentOutcome<Comment>>;
+    update: (id: string, body: string) => Promise<CommentOutcome<Comment>>;
+    resolve: (id: string) => Promise<CommentOutcome<Comment>>;
+    reopen: (id: string) => Promise<CommentOutcome<Comment>>;
+    remove: (id: string) => Promise<CommentOutcome<Comment>>;
+}
+export declare function CommentSidePanel({ documentId, currentUserId, isAdmin, onComposeAnchor, onActiveCommentChange, onError, api, mentionSearch, className, }: CommentSidePanelProps): React.JSX.Element;
+/**
+ * Cheap "n seconds / minutes / hours / days ago" formatter. We avoid
+ * importing a full date-fns dependency just for this view; the panel is
+ * fine being approximate.
+ */
+declare function formatRelative(iso: string): string;
+export { formatRelative as _formatRelative };
+//# sourceMappingURL=CommentSidePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSidePanel.d.ts","sourceRoot":"","sources":["../../src/components/CommentSidePanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,aAAa,EASlB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,gEAAgE;IAChE,aAAa,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,aAAa,GAAG,IAAI,CAAA;IAC5C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,CACJ,UAAU,EAAE,MAAM,EAClB,IAAI,CAAC,EAAE;QAAE,eAAe,CAAC,EAAE,OAAO,CAAA;KAAE,KACjC,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE;QACd,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;QAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACzB,KAAK,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACzD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACxD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD;AAWD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,OAAe,EACf,eAAe,EACf,qBAAqB,EACrB,OAAO,EACP,GAAgB,EAChB,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6K3C;AAmOD;;;;GAIG;AACH,iBAAS,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAW3C;AAGD,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,CAAA"}

package/dist/components/CommentSidePanel.js

@@ -0,0 +1,166 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createComment as apiCreateComment, deleteComment as apiDeleteComment, groupCommentsIntoThreads, listComments as apiListComments, reopenComment as apiReopenComment, resolveComment as apiResolveComment, updateComment as apiUpdateComment, } from '../lib/comments-client.js';
+import { MentionableTextarea } from './MentionableTextarea.js';
+const defaultApi = {
+    list: (documentId, opts) => apiListComments(documentId, opts),
+    create: (input) => apiCreateComment(input),
+    update: (id, body) => apiUpdateComment(id, body),
+    resolve: (id) => apiResolveComment(id),
+    reopen: (id) => apiReopenComment(id),
+    remove: (id) => apiDeleteComment(id),
+};
+export function CommentSidePanel({ documentId, currentUserId, isAdmin = false, onComposeAnchor, onActiveCommentChange, onError, api = defaultApi, mentionSearch, className, }) {
+    const [comments, setComments] = useState([]);
+    const [includeResolved, setIncludeResolved] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [draft, setDraft] = useState('');
+    const [activeCommentId, setActiveCommentId] = useState(null);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    const setActive = useCallback((id) => {
+        setActiveCommentId(id);
+        onActiveCommentChange?.(id);
+    }, [onActiveCommentChange]);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        const out = await api.list(documentId, { includeResolved });
+        if (!mountedRef.current)
+            return;
+        if (!out.ok) {
+            onError?.(out.error);
+            setComments([]);
+        }
+        else {
+            setComments(out.result);
+        }
+        setLoading(false);
+    }, [api, documentId, includeResolved, onError]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const threads = useMemo(() => groupCommentsIntoThreads(comments), [comments]);
+    const handleCompose = useCallback(async () => {
+        const body = draft.trim();
+        if (!body)
+            return;
+        const anchor = onComposeAnchor?.() ?? null;
+        const out = await api.create({ documentId, body, anchor });
+        if (!out.ok) {
+            onError?.(out.error);
+            return;
+        }
+        setDraft('');
+        setActive(out.result.id);
+        await refresh();
+    }, [draft, onComposeAnchor, api, documentId, onError, setActive, refresh]);
+    const handleReply = useCallback(async (parentId, body) => {
+        const trimmed = body.trim();
+        if (!trimmed)
+            return;
+        const out = await api.create({ documentId, body: trimmed, parentId });
+        if (!out.ok) {
+            onError?.(out.error);
+            return;
+        }
+        await refresh();
+    }, [api, documentId, onError, refresh]);
+    const handleEdit = useCallback(async (id, body) => {
+        const out = await api.update(id, body);
+        if (!out.ok) {
+            onError?.(out.error);
+            return false;
+        }
+        await refresh();
+        return true;
+    }, [api, onError, refresh]);
+    const handleResolve = useCallback(async (id, alreadyResolved) => {
+        const out = alreadyResolved ? await api.reopen(id) : await api.resolve(id);
+        if (!out.ok) {
+            onError?.(out.error);
+            return;
+        }
+        await refresh();
+    }, [api, onError, refresh]);
+    const handleDelete = useCallback(async (id) => {
+        const out = await api.remove(id);
+        if (!out.ok) {
+            onError?.(out.error);
+            return;
+        }
+        if (activeCommentId === id)
+            setActive(null);
+        await refresh();
+    }, [api, onError, refresh, activeCommentId, setActive]);
+    const wrapperClass = `flex h-full flex-col gap-3 border-l border-border bg-card p-3 ${className ?? ''}`;
+    return (_jsxs("aside", { className: wrapperClass, "data-testid": "comment-side-panel", children: [_jsxs("header", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-foreground text-sm font-medium", children: "Comments" }), _jsxs("label", { className: "text-muted-foreground flex cursor-pointer items-center gap-1 text-xs", children: [_jsx("input", { type: "checkbox", checked: includeResolved, onChange: (e) => setIncludeResolved(e.target.checked), "data-testid": "include-resolved-toggle" }), "Show resolved"] })] }), _jsxs("section", { className: "flex flex-col gap-1.5", children: [_jsx(MentionableTextarea, { className: "border-border focus-visible:border-ring w-full resize-none rounded border p-2 text-sm focus:outline-none", rows: 3, placeholder: "Write a comment\u2026  Type @ to mention a teammate.", value: draft, onChange: setDraft, "data-testid": "comment-composer", search: mentionSearch }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { type: "button", className: "bg-primary hover:bg-info rounded px-3 py-1 text-xs font-medium text-white disabled:opacity-50", disabled: !draft.trim(), onClick: handleCompose, "data-testid": "comment-submit", children: "Comment" }) })] }), _jsx("section", { className: "flex-1 overflow-y-auto", "aria-busy": loading, "data-testid": "comment-list", children: loading ? (_jsx("p", { className: "text-muted-foreground text-xs", children: "Loading\u2026" })) : threads.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-xs", children: "No comments yet." })) : (_jsx("ul", { className: "flex flex-col gap-2", children: threads.map((thread) => (_jsx(CommentThreadView, { thread: thread, currentUserId: currentUserId, isAdmin: isAdmin, isActive: activeCommentId === thread.root.id, onFocus: () => setActive(thread.root.id), onReply: (body) => handleReply(thread.root.id, body), onEdit: (id, body) => handleEdit(id, body), onToggleResolve: (id, alreadyResolved) => handleResolve(id, alreadyResolved), onDelete: (id) => handleDelete(id), mentionSearch: mentionSearch }, thread.root.id))) })) })] }));
+}
+function CommentThreadView({ thread, currentUserId, isAdmin, isActive, onFocus, onReply, onEdit, onToggleResolve, onDelete, mentionSearch, }) {
+    const [replyDraft, setReplyDraft] = useState('');
+    const cardClass = `rounded border bg-muted p-2 ${isActive ? 'border-yellow-400 ring-1 ring-yellow-300' : 'border-border'}`;
+    return (_jsxs("li", { className: cardClass, onClick: onFocus, "data-testid": `comment-thread-${thread.root.id}`, "data-active": isActive ? 'true' : 'false', children: [_jsx(CommentRow, { comment: thread.root, currentUserId: currentUserId, isAdmin: isAdmin, onEdit: onEdit, onToggleResolve: () => onToggleResolve(thread.root.id, thread.root.isResolved), onDelete: () => onDelete(thread.root.id), mentionSearch: mentionSearch }), thread.replies.length > 0 && (_jsx("ul", { className: "border-border mt-2 flex flex-col gap-1 border-l-2 pl-2", children: thread.replies.map((reply) => (_jsx("li", { children: _jsx(CommentRow, { comment: reply, currentUserId: currentUserId, isAdmin: isAdmin, onEdit: onEdit, 
+                        // Replies inherit the thread's resolve action; we only
+                        // expose delete here.
+                        onToggleResolve: null, onDelete: () => onDelete(reply.id), mentionSearch: mentionSearch }) }, reply.id))) })), _jsxs("div", { className: "mt-2 flex items-start gap-1", children: [_jsx("div", { className: "flex-1", children: _jsx(MentionableTextarea, { className: "border-border focus-visible:border-ring w-full resize-none rounded border px-2 py-1 text-xs focus:outline-none", placeholder: "Reply\u2026  Type @ to mention.", rows: 1, value: replyDraft, onChange: setReplyDraft, "data-testid": `reply-input-${thread.root.id}`, onClick: (e) => e.stopPropagation(), search: mentionSearch }) }), _jsx("button", { type: "button", className: "bg-foreground hover:bg-foreground/90 rounded px-2 py-1 text-xs font-medium text-white disabled:opacity-50", disabled: !replyDraft.trim(), onClick: (e) => {
+                            e.stopPropagation();
+                            onReply(replyDraft);
+                            setReplyDraft('');
+                        }, "data-testid": `reply-submit-${thread.root.id}`, children: "Reply" })] })] }));
+}
+function CommentRow({ comment, currentUserId, isAdmin, onEdit, onToggleResolve, onDelete, mentionSearch, }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(comment.body);
+    useEffect(() => {
+        setDraft(comment.body);
+    }, [comment.body]);
+    const canMutate = isAdmin || comment.userId === currentUserId;
+    const meta = (_jsxs("div", { className: "text-muted-foreground text-xs", children: [comment.userId ?? 'deleted user', " \u00B7 ", formatRelative(comment.createdAt), comment.isResolved ? ' · resolved' : null] }));
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [meta, editing ? (_jsxs(_Fragment, { children: [_jsx(MentionableTextarea, { className: "border-border w-full resize-none rounded border p-1 text-sm", rows: 3, value: draft, onChange: setDraft, "data-testid": `edit-textarea-${comment.id}`, onClick: (e) => e.stopPropagation(), search: mentionSearch }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", className: "bg-primary rounded px-2 py-1 text-xs font-medium text-white", onClick: async (e) => {
+                                    e.stopPropagation();
+                                    const ok = await onEdit(comment.id, draft);
+                                    if (ok)
+                                        setEditing(false);
+                                }, "data-testid": `edit-save-${comment.id}`, children: "Save" }), _jsx("button", { type: "button", className: "border-border rounded border px-2 py-1 text-xs", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setDraft(comment.body);
+                                    setEditing(false);
+                                }, "data-testid": `edit-cancel-${comment.id}`, children: "Cancel" })] })] })) : (_jsx("p", { className: "text-foreground text-sm whitespace-pre-wrap", "data-testid": `comment-body-${comment.id}`, children: comment.body })), !editing && (_jsxs("div", { className: "flex flex-wrap gap-1 text-xs", children: [canMutate && (_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground", onClick: (e) => {
+                            e.stopPropagation();
+                            setEditing(true);
+                        }, "data-testid": `edit-${comment.id}`, children: "Edit" })), onToggleResolve && (_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground", onClick: (e) => {
+                            e.stopPropagation();
+                            onToggleResolve();
+                        }, "data-testid": `resolve-${comment.id}`, children: comment.isResolved ? 'Reopen' : 'Resolve' })), canMutate && (_jsx("button", { type: "button", className: "text-destructive hover:text-destructive", onClick: (e) => {
+                            e.stopPropagation();
+                            onDelete();
+                        }, "data-testid": `delete-${comment.id}`, children: "Delete" }))] }))] }));
+}
+/**
+ * Cheap "n seconds / minutes / hours / days ago" formatter. We avoid
+ * importing a full date-fns dependency just for this view; the panel is
+ * fine being approximate.
+ */
+function formatRelative(iso) {
+    const t = Date.parse(iso);
+    if (Number.isNaN(t))
+        return iso;
+    const deltaSec = Math.max(0, Math.round((Date.now() - t) / 1000));
+    if (deltaSec < 60)
+        return `${deltaSec}s ago`;
+    const m = Math.round(deltaSec / 60);
+    if (m < 60)
+        return `${m}m ago`;
+    const h = Math.round(m / 60);
+    if (h < 24)
+        return `${h}h ago`;
+    const d = Math.round(h / 24);
+    return `${d}d ago`;
+}
+// Re-export for tests that build their own CommentsApi.
+export { formatRelative as _formatRelative };
+//# sourceMappingURL=CommentSidePanel.js.map

package/dist/components/CommentSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSidePanel.js","sourceRoot":"","sources":["../../src/components/CommentSidePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAGL,aAAa,IAAI,gBAAgB,EACjC,aAAa,IAAI,gBAAgB,EACjC,wBAAwB,EACxB,YAAY,IAAI,eAAe,EAC/B,aAAa,IAAI,gBAAgB,EACjC,cAAc,IAAI,iBAAiB,EACnC,aAAa,IAAI,gBAAgB,GAGlC,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAuF9D,MAAM,UAAU,GAAgB;IAC9B,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC;IAC7D,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC;IAChD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC;CACrC,CAAA;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,OAAO,GAAG,KAAK,EACf,eAAe,EACf,qBAAqB,EACrB,OAAO,EACP,GAAG,GAAG,UAAU,EAChB,aAAa,EACb,SAAS,GACa;IACtB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IACvD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,EAAiB,EAAE,EAAE;QACpB,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtB,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAA;IAC7B,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAA;IAED,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,eAAe,EAAE,CAAC,CAAA;QAC3D,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAM;QAC/B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,WAAW,CAAC,EAAE,CAAC,CAAA;QACjB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACzB,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,OAAO,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE7E,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;QACzB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,MAAM,GAAG,eAAe,EAAE,EAAE,IAAI,IAAI,CAAA;QAC1C,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,OAAM;QACR,CAAC;QACD,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QACxB,MAAM,OAAO,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAE1E,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,QAAgB,EAAE,IAAY,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA;QAC3B,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAA;QACrE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,OAAM;QACR,CAAC;QACD,MAAM,OAAO,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CACpC,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,EAAE,EAAU,EAAE,IAAY,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACtC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,KAAK,CAAA;QACd,CAAC;QACD,MAAM,OAAO,EAAE,CAAA;QACf,OAAO,IAAI,CAAA;IACb,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CACxB,CAAA;IAED,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,EAAU,EAAE,eAAwB,EAAE,EAAE;QAC7C,MAAM,GAAG,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC1E,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,OAAM;QACR,CAAC;QACD,MAAM,OAAO,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CACxB,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,EAAU,EAAE,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAChC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,OAAM;QACR,CAAC;QACD,IAAI,eAAe,KAAK,EAAE;YAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3C,MAAM,OAAO,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,CAAC,CACpD,CAAA;IAED,MAAM,YAAY,GAAG,iEAAiE,SAAS,IAAI,EAAE,EAAE,CAAA;IAEvG,OAAO,CACL,iBAAO,SAAS,EAAE,YAAY,iBAAc,oBAAoB,aAC9D,kBAAQ,SAAS,EAAC,mCAAmC,aACnD,aAAI,SAAS,EAAC,qCAAqC,yBAAc,EACjE,iBAAO,SAAS,EAAC,sEAAsE,aACrF,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,iBACzC,yBAAyB,GACrC,qBAEI,IACD,EAET,mBAAS,SAAS,EAAC,uBAAuB,aACxC,KAAC,mBAAmB,IAClB,SAAS,EAAC,0GAA0G,EACpH,IAAI,EAAE,CAAC,EACP,WAAW,EAAC,sDAAiD,EAC7D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,iBACN,kBAAkB,EAC9B,MAAM,EAAE,aAAa,GACrB,EACF,cAAK,SAAS,EAAC,kBAAkB,YAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+FAA+F,EACzG,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EACvB,OAAO,EAAE,aAAa,iBACV,gBAAgB,wBAGrB,GACL,IACE,EAEV,kBAAS,SAAS,EAAC,wBAAwB,eAAY,OAAO,iBAAc,cAAc,YACvF,OAAO,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,+BAA+B,8BAAa,CAC1D,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,YAAG,SAAS,EAAC,+BAA+B,iCAAqB,CAClE,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,qBAAqB,YAChC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,iBAAiB,IAEhB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACxC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EACpD,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,EAC1C,eAAe,EAAE,CAAC,EAAE,EAAE,eAAe,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,EAAE,eAAe,CAAC,EAC5E,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAClC,aAAa,EAAE,aAAa,IAVvB,MAAM,CAAC,IAAI,CAAC,EAAE,CAWnB,CACH,CAAC,GACC,CACN,GACO,IACJ,CACT,CAAA;AACH,CAAC;AAeD,SAAS,iBAAiB,CAAC,EACzB,MAAM,EACN,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,eAAe,EACf,QAAQ,EACR,aAAa,GACU;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAChD,MAAM,SAAS,GAAG,+BAChB,QAAQ,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,eAC1D,EAAE,CAAA;IAEF,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,iBACH,kBAAkB,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,iBAClC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAExC,KAAC,UAAU,IACT,OAAO,EAAE,MAAM,CAAC,IAAI,EACpB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAC9E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACxC,aAAa,EAAE,aAAa,GAC5B,EACD,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,aAAI,SAAS,EAAC,wDAAwD,YACnE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,uBACE,KAAC,UAAU,IACT,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM;wBACd,uDAAuD;wBACvD,sBAAsB;wBACtB,eAAe,EAAE,IAAI,EACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,aAAa,EAAE,aAAa,GAC5B,IAXK,KAAK,CAAC,EAAE,CAYZ,CACN,CAAC,GACC,CACN,EACD,eAAK,SAAS,EAAC,6BAA6B,aAC1C,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,mBAAmB,IAClB,SAAS,EAAC,gHAAgH,EAC1H,WAAW,EAAC,iCAA4B,EACxC,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,iBACV,eAAe,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,MAAM,EAAE,aAAa,GACrB,GACE,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2GAA2G,EACrH,QAAQ,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,EAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,OAAO,CAAC,UAAU,CAAC,CAAA;4BACnB,aAAa,CAAC,EAAE,CAAC,CAAA;wBACnB,CAAC,iBACY,gBAAgB,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,sBAGtC,IACL,IACH,CACN,CAAA;AACH,CAAC;AAYD,SAAS,UAAU,CAAC,EAClB,OAAO,EACP,aAAa,EACb,OAAO,EACP,MAAM,EACN,eAAe,EACf,QAAQ,EACR,aAAa,GACG;IAChB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,aAAa,CAAA;IAC7D,MAAM,IAAI,GAAG,CACX,eAAK,SAAS,EAAC,+BAA+B,aAC3C,OAAO,CAAC,MAAM,IAAI,cAAc,cAAK,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,EACtE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IACtC,CACP,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aACjC,IAAI,EACJ,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,mBAAmB,IAClB,SAAS,EAAC,6DAA6D,EACvE,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,iBACL,iBAAiB,OAAO,CAAC,EAAE,EAAE,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,MAAM,EAAE,aAAa,GACrB,EACF,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;oCACnB,CAAC,CAAC,eAAe,EAAE,CAAA;oCACnB,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;oCAC1C,IAAI,EAAE;wCAAE,UAAU,CAAC,KAAK,CAAC,CAAA;gCAC3B,CAAC,iBACY,aAAa,OAAO,CAAC,EAAE,EAAE,qBAG/B,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,CAAC,CAAC,eAAe,EAAE,CAAA;oCACnB,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;oCACtB,UAAU,CAAC,KAAK,CAAC,CAAA;gCACnB,CAAC,iBACY,eAAe,OAAO,CAAC,EAAE,EAAE,uBAGjC,IACL,IACL,CACJ,CAAC,CAAC,CAAC,CACF,YACE,SAAS,EAAC,6CAA6C,iBAC1C,gBAAgB,OAAO,CAAC,EAAE,EAAE,YAExC,OAAO,CAAC,IAAI,GACX,CACL,EACA,CAAC,OAAO,IAAI,CACX,eAAK,SAAS,EAAC,8BAA8B,aAC1C,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,UAAU,CAAC,IAAI,CAAC,CAAA;wBAClB,CAAC,iBACY,QAAQ,OAAO,CAAC,EAAE,EAAE,qBAG1B,CACV,EACA,eAAe,IAAI,CAClB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,eAAe,EAAE,CAAA;wBACnB,CAAC,iBACY,WAAW,OAAO,CAAC,EAAE,EAAE,YAEnC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GACnC,CACV,EACA,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,QAAQ,EAAE,CAAA;wBACZ,CAAC,iBACY,UAAU,OAAO,CAAC,EAAE,EAAE,uBAG5B,CACV,IACG,CACP,IACG,CACP,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,cAAc,CAAC,GAAW;IACjC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACzB,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAAE,OAAO,GAAG,CAAA;IAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;IACjE,IAAI,QAAQ,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,OAAO,CAAA;IAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAA;IACnC,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,OAAO,CAAA;IAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAC5B,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,OAAO,CAAA;IAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAC5B,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAED,wDAAwD;AACxD,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,CAAA"}

package/dist/components/ContentOverviewChart.d.ts

@@ -0,0 +1,8 @@
+interface ContentOverviewChartProps {
+    published: number;
+    drafts: number;
+    scheduled: number;
+}
+export declare function ContentOverviewChart({ published, drafts, scheduled }: ContentOverviewChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContentOverviewChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverviewChart.d.ts","sourceRoot":"","sources":["../../src/components/ContentOverviewChart.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAID,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CA8D/F"}

package/dist/components/ContentOverviewChart.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts';
+const COLORS = ['#22c55e', '#f59e0b', '#a855f7'];
+export function ContentOverviewChart({ published, drafts, scheduled }) {
+    const total = published + drafts + scheduled;
+    const data = [
+        { name: 'Published', value: published },
+        { name: 'Drafts', value: drafts },
+        { name: 'Scheduled', value: scheduled },
+    ];
+    if (total === 0) {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "No content yet" }));
+    }
+    return (_jsxs("div", { className: "flex items-center gap-6", children: [_jsx("div", { className: "h-36 w-36 shrink-0", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsx(PieChart, { children: _jsx(Pie, { data: data, cx: "50%", cy: "50%", innerRadius: 38, outerRadius: 65, dataKey: "value", strokeWidth: 2, stroke: "#fff", children: data.map((_, idx) => (_jsx(Cell, { fill: COLORS[idx] }, idx))) }) }) }) }), _jsx("div", { className: "space-y-3", children: data.map((entry, idx) => {
+                    const pct = total > 0 ? Math.round((entry.value / total) * 100) : 0;
+                    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "h-2.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: COLORS[idx] } }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "text-foreground text-sm", children: entry.name }), _jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground text-lg font-medium", children: entry.value.toLocaleString() }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [pct, "%"] })] })] })] }, entry.name));
+                }) })] }));
+}
+//# sourceMappingURL=ContentOverviewChart.js.map

package/dist/components/ContentOverviewChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverviewChart.js","sourceRoot":"","sources":["../../src/components/ContentOverviewChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAQnE,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAEhD,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAA6B;IAC9F,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC5C,MAAM,IAAI,GAAG;QACX,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE;QACvC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACjC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE;KACxC,CAAA;IAED,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,+BAEhF,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC7C,KAAC,QAAQ,cACP,KAAC,GAAG,IACF,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,WAAW,EAAE,EAAE,EACf,WAAW,EAAE,EAAE,EACf,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,CAAC,EACd,MAAM,EAAC,MAAM,YAEZ,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,IAAI,IAAW,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAtB,GAAG,CAAuB,CACtC,CAAC,GACE,GACG,GACS,GAClB,EACN,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;oBACvB,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBACnE,OAAO,CACL,eAAsB,SAAS,EAAC,yBAAyB,aACvD,eACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GACvC,EACF,eAAK,SAAS,EAAC,SAAS,aACtB,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC7D,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,qCAAqC,YAClD,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,GACxB,EACP,gBAAM,SAAS,EAAC,+BAA+B,aAAE,GAAG,SAAS,IACzD,IACF,KAbE,KAAK,CAAC,IAAI,CAcd,CACP,CAAA;gBACH,CAAC,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/EditorSeoAside.d.ts

@@ -0,0 +1,23 @@
+import type { PageSection } from '@prenta/core/page-sections';
+export interface EditorSeoAsideProps {
+    entityType: 'page' | 'post';
+    /** Saved document id — when absent, draft mode with live analysis. */
+    entityId: string | null;
+    title: string;
+    slug: string;
+    seoTitle: string;
+    seoDescription: string;
+    /** Post body HTML and/or section content for live SEO analysis. */
+    sections?: PageSection[];
+    bodyHtml?: string;
+    canEdit: boolean;
+    onClose: () => void;
+    onDraftChange?: (patch: {
+        seoTitle?: string;
+        seoDescription?: string;
+    }) => void;
+    onSaved?: () => void;
+}
+/** Right-side SEO panel for the Page / Post section editors. */
+export declare function EditorSeoAside({ entityType, entityId, slug, seoTitle, seoDescription, sections, bodyHtml, onClose, onDraftChange, onSaved, }: EditorSeoAsideProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorSeoAside.d.ts.map

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

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

package/dist/components/EditorSeoAside.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { SeoEditorPane } from './seo/SeoEditorPane.js';
+import { ResizableAside } from './ui/ResizableAside.js';
+import { buildEditorContentHtml } from '../lib/editor-seo-content.js';
+const INSPECTOR_SHELL = 'bg-card border-border flex h-full flex-col border-l';
+/** Right-side SEO panel for the Page / Post section editors. */
+export function EditorSeoAside({ entityType, entityId, slug, seoTitle, seoDescription, sections = [], bodyHtml = '', onClose, onDraftChange, onSaved, }) {
+    const contentHtml = useMemo(() => buildEditorContentHtml(sections, bodyHtml), [sections, bodyHtml]);
+    useEffect(() => {
+        function onKey(e) {
+            if (e.key === 'Escape')
+                onClose();
+        }
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    return (_jsx(ResizableAside, { role: "dialog", "aria-label": "SEO settings", className: INSPECTOR_SHELL, children: _jsx(SeoEditorPane, { entityType: entityType, entityId: entityId, slug: slug, contentHtml: contentHtml, draftMeta: { seoTitle, seoDescription }, onDraftChange: onDraftChange, onClose: onClose, onSaved: onSaved }) }));
+}
+//# sourceMappingURL=EditorSeoAside.js.map

package/dist/components/EditorSeoAside.js.map

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

package/dist/components/EnabledSwitch.d.ts

@@ -0,0 +1,10 @@
+export interface EnabledSwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    /** Accessible label — required for icon-only switches. */
+    'aria-label': string;
+}
+/** Enable/disable toggle — design-system track + success green when on. */
+export declare function EnabledSwitch(props: EnabledSwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnabledSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledSwitch.d.ts","sourceRoot":"","sources":["../../src/components/EnabledSwitch.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAEtD"}

package/dist/components/EnabledSwitch.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle } from './ui/Toggle.js';
+/** Enable/disable toggle — design-system track + success green when on. */
+export function EnabledSwitch(props) {
+    return _jsx(Toggle, { ...props, variant: "enabled" });
+}
+//# sourceMappingURL=EnabledSwitch.js.map

package/dist/components/EnabledSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledSwitch.js","sourceRoot":"","sources":["../../src/components/EnabledSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAUvC,2EAA2E;AAC3E,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAA;AAChD,CAAC"}

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import { Component, type ReactNode, type ErrorInfo } from 'react';
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAK/C,MAAM;CAuBP"}

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
+import { captureAdminException } from '../lib/sentry.js';
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, info) {
+        console.error('[Prenta CMS] Unhandled error:', error, info.componentStack);
+        captureAdminException(error, { componentStack: info.componentStack });
+    }
+    render() {
+        if (this.state.hasError) {
+            if (this.props.fallback)
+                return this.props.fallback;
+            return (_jsx("div", { className: "flex min-h-[200px] items-center justify-center p-6", children: _jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-foreground mb-2 text-lg font-medium", children: "Something went wrong" }), _jsx("p", { className: "text-muted-foreground mb-4 text-sm", children: this.state.error?.message ?? 'An unexpected error occurred' }), _jsx("button", { onClick: () => this.setState({ hasError: false, error: null }), className: "text-primary-foreground bg-primary hover:bg-primary/90 rounded-md px-4 py-2 text-sm font-medium transition-colors", children: "Try Again" })] }) }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAYxD,MAAM,OAAO,aAAc,SAAQ,SAAuB;IACxD,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;IAC/C,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IAClC,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAAe;QAC7C,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QAC1E,qBAAqB,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;IACvE,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;YACnD,OAAO,CACL,cAAK,SAAS,EAAC,oDAAoD,YACjE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,0CAA0C,qCAA0B,EAClF,YAAG,SAAS,EAAC,oCAAoC,YAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,8BAA8B,GAC1D,EACJ,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAC9D,SAAS,EAAC,mHAAmH,0BAGtH,IACL,GACF,CACP,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}

package/dist/components/FocalPointPicker.d.ts

@@ -0,0 +1,9 @@
+interface FocalPointPickerProps {
+    imageUrl: string;
+    focalX: number;
+    focalY: number;
+    onChange: (x: number, y: number) => void;
+}
+export declare function FocalPointPicker({ imageUrl, focalX, focalY, onChange }: FocalPointPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FocalPointPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocalPointPicker.d.ts","sourceRoot":"","sources":["../../src/components/FocalPointPicker.tsx"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAoD7F"}

package/dist/components/FocalPointPicker.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef } from 'react';
+import { Crosshair } from 'lucide-react';
+export function FocalPointPicker({ imageUrl, focalX, focalY, onChange }) {
+    const containerRef = useRef(null);
+    const [dragging, setDragging] = useState(false);
+    const handlePosition = useCallback((e) => {
+        const rect = containerRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const x = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+        const y = Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));
+        onChange(Math.round(x * 100) / 100, Math.round(y * 100) / 100);
+    }, [onChange]);
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-[var(--foreground)]", children: [_jsx(Crosshair, { className: "h-4 w-4" }), "Focal Point"] }), _jsxs("div", { ref: containerRef, className: "relative cursor-crosshair overflow-hidden rounded-lg border border-[var(--border)] select-none", style: { maxHeight: '200px' }, onClick: handlePosition, onMouseDown: () => setDragging(true), onMouseUp: () => setDragging(false), onMouseLeave: () => setDragging(false), onMouseMove: (e) => {
+                    if (dragging)
+                        handlePosition(e);
+                }, children: [_jsx("img", { src: imageUrl, alt: "Focal point preview", className: "h-full w-full object-contain", draggable: false }), _jsx("div", { className: "bg-info/50 pointer-events-none absolute -mt-3 -ml-3 h-6 w-6 rounded-full border-2 border-white shadow-lg", style: { left: `${focalX * 100}%`, top: `${focalY * 100}%` }, children: _jsx("div", { className: "bg-card absolute inset-1 rounded-full" }) })] }), _jsxs("p", { className: "text-xs text-[var(--muted-foreground)]", children: ["Click or drag to set the focal point (", Math.round(focalX * 100), "%,", ' ', Math.round(focalY * 100), "%)"] })] }));
+}
+//# sourceMappingURL=FocalPointPicker.js.map