@parhelia/core 0.3.12832 → 0.3.12833

package/dist/editor/page-viewer/MobileCommentsPanel.js

@@ -0,0 +1,112 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageCirclePlus } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { CountBadge } from "../../components/ui/badge";
+import { CloseButton } from "../../components/ui/close-button";
+import { cn } from "../../lib/utils";
+import { useEditContext } from "../client/editContext";
+import { usePageViewState } from "./pageViewContext";
+import { SuggestionsModeControl } from "../menubar/toolbar-sections/EditControls";
+import { getFeedbackAnchor } from "../page-editor-chrome/overlay/feedbackAnchorMeasurements";
+import { useFeedbackAnchors } from "../page-editor-chrome/overlay/feedbackAnchorStore";
+import { CommentThreadCard } from "../reviews/CommentThreadCard";
+import { beginAddComment, COMMENT_PICKER_IGNORE_ATTRIBUTE, stopCommentTargetPicking, useCommentTargetPicking, } from "../reviews/commentTargetPicker";
+import { CommentTargetPickerDomLayer } from "../reviews/CommentTargetPickerDomLayer";
+import { clearHoveredFeedback, setHoveredFeedback, } from "../reviews/feedbackHoverState";
+import { FeedbackModeIntro } from "../reviews/FeedbackModeIntro";
+import { FEEDBACK_SIDEBAR_TEXT_CLASS } from "../reviews/feedbackSidebarText";
+import { resolveSelectedThreadId } from "../reviews/feedbackThreadSelection";
+import { closeCommentsFeedback, enterSuggestionsMode, exitSuggestionsMode, isSuggestionsModeAvailable, } from "../reviews/openCommentsFeedback";
+import { FEEDBACK_SCROLLABLE_ATTRIBUTE } from "../reviews/scrollWithin";
+import { SuggestionThreadCard } from "../reviews/SuggestionThreadCard";
+import { useFeedbackThreads } from "../reviews/useFeedbackThreads";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { getUnplacedLabel, SuggestingNotice, useElementHeight, useRevealPinnedCard, } from "./FeedbackMargin";
+import { getCardBodyMaxHeight, orderMarginThreads, } from "./feedbackMarginLayout";
+import { useRememberedMarginAnchors } from "./feedbackMarginSources";
+export const MOBILE_COMMENTS_PANEL_DEFAULT_HEIGHT = 300;
+export const MOBILE_COMMENTS_PANEL_MIN_HEIGHT = 160;
+/**
+ * Draft comments lead the list whatever their anchor says: the composer is
+ * what the user is working in. Far above any page position, but finite,
+ * because the order compares anchors by subtraction.
+ */
+const DRAFT_FALLBACK_Y = -1_000_000;
+/**
+ * The phone's comments surface: the same thread cards as the desktop margin,
+ * as a plain list in the panel below the canvas, in page order. The canvas
+ * highlights publish where every thread's text sits; the list follows that
+ * order, drafts first, and threads the page does not render come last under
+ * a divider. Items without a canvas list their threads by activity.
+ *
+ * Selecting a card scrolls the canvas to the highlight and never opens the
+ * edit form (that would cover this panel); tapping the canvas does.
+ */
+export function MobileCommentsPanel({ safeAreaInset, }) {
+    const editContext = useEditContext();
+    const feedback = useFeedbackThreads();
+    const { threads } = feedback;
+    const picking = useCommentTargetPicking();
+    const showComments = !!editContext?.showComments;
+    // Picking a target belongs to the comments surface: it ends when the
+    // comments are hidden and when this panel goes away.
+    useEffect(() => {
+        if (!showComments)
+            stopCommentTargetPicking();
+    }, [showComments]);
+    useEffect(() => stopCommentTargetPicking, []);
+    const [panelElement, setPanelElement] = useState(null);
+    const panelHeight = useElementHeight(panelElement);
+    const bodyMaxHeight = getCardBodyMaxHeight(panelHeight);
+    const slot = editContext?.getActiveSlotContext();
+    const iframe = usePageViewState(slot?.primaryPageViewContext, (state) => state.editorIframe) ?? null;
+    const hasLayout = isSuggestionsModeAvailable(editContext);
+    const { comments: commentAnchors, suggestions: suggestionAnchors } = useFeedbackAnchors(iframe);
+    const measure = useCallback((thread) => {
+        // Drafts lead the list; their anchor (the selected text) is ignored.
+        if (thread.kind === "comment" && thread.root.isNew)
+            return undefined;
+        return (getFeedbackAnchor(thread.kind === "comment"
+            ? commentAnchors[thread.id]
+            : suggestionAnchors[thread.id]) ?? undefined);
+    }, [commentAnchors, suggestionAnchors]);
+    const anchors = useRememberedMarginAnchors(threads, measure);
+    const { orderedIds, unplacedIds } = useMemo(() => {
+        if (!hasLayout) {
+            // No canvas, no anchors: the threads come ordered by activity.
+            return {
+                orderedIds: threads.map((thread) => thread.id),
+                unplacedIds: [],
+            };
+        }
+        const order = orderMarginThreads(threads, anchors, DRAFT_FALLBACK_Y);
+        return {
+            orderedIds: order.anchored.map((entry) => entry.id),
+            unplacedIds: order.unplaced,
+        };
+    }, [hasLayout, threads, anchors]);
+    const pinnedId = resolveSelectedThreadId(threads, editContext?.selectedComment, editContext?.selectedSuggestedEdit);
+    const listRef = useRef(null);
+    useRevealPinnedCard(listRef, pinnedId, true);
+    const threadsById = useMemo(() => new Map(threads.map((thread) => [thread.id, thread])), [threads]);
+    const renderCard = (id, context) => {
+        const thread = threadsById.get(id);
+        if (!thread)
+            return null;
+        const selected = id === pinnedId;
+        const dimmed = !!pinnedId && id !== pinnedId;
+        const onHoverChange = (hovered) => hovered
+            ? setHoveredFeedback({ kind: thread.kind, id: thread.id })
+            : clearHoveredFeedback(thread.id);
+        const card = thread.kind === "suggestion" ? (_jsx(SuggestionThreadCard, { thread: thread, getAuthorName: feedback.getAuthorName, resolvedAuthorNames: feedback.resolvedAuthorNames, navigation: "select", bodyMaxHeight: bodyMaxHeight, balloon: true, showContext: context, onHoverChange: onHoverChange })) : (_jsx(CommentThreadCard, { thread: thread, availableTags: feedback.availableTags, getAuthorName: feedback.getAuthorName, resolvedAuthorNames: feedback.resolvedAuthorNames, selected: selected, navigation: "select", bodyMaxHeight: bodyMaxHeight, balloon: true, showContext: context, onHoverChange: onHoverChange }));
+        return (_jsx("div", { "data-feedback-margin-card": id, className: cn("transition-opacity duration-150", dimmed && "opacity-70"), children: card }, id));
+    };
+    if (!editContext)
+        return null;
+    const unresolvedCount = editContext.comments?.filter((comment) => !comment.isResolved).length || 0;
+    const showEmptyState = threads.length === 0 &&
+        feedback.commentsLoaded &&
+        !feedback.isSuggestionsMode;
+    return (_jsxs("div", { ref: setPanelElement, "data-testid": "comments-suggestions-panel", "data-feedback-surface": "mobile", className: cn(FEEDBACK_SIDEBAR_TEXT_CLASS, "bg-neutral-grey-5 flex h-full w-full flex-col select-text", safeAreaInset && "pb-[env(safe-area-inset-bottom)]"), children: [_jsxs("div", { "data-testid": "mobile-comments-header", className: "border-border-default flex shrink-0 items-center gap-1 border-b bg-white py-1 pr-1 pl-3", [COMMENT_PICKER_IGNORE_ATTRIBUTE]: "", children: [_jsxs("span", { className: "text-neutral-grey-100 min-w-0 flex-1 truncate text-sm font-medium", children: ["Comments", unresolvedCount > 0 && (_jsx(CountBadge, { className: "ml-2 min-w-[16px] align-middle", children: unresolvedCount > 99 ? "99+" : unresolvedCount }))] }), _jsx(SimpleIconButton, { icon: _jsx(MessageCirclePlus, { strokeWidth: 1, className: "h-6 w-6 p-1" }), label: picking ? "Tap what to comment on" : "Add a comment", size: "small", selected: picking, "data-testid": "mobile-comments-add-button", onClick: () => beginAddComment(editContext) }), hasLayout && _jsx(SuggestionsModeControl, {}), _jsx(CloseButton, { label: "Close comments", "data-testid": "mobile-comments-close-button", onClick: () => closeCommentsFeedback(editContext) })] }), picking && (_jsxs(_Fragment, { children: [_jsx("p", { "data-testid": "mobile-comments-picking-hint", className: "text-neutral-grey-50 bg-white px-3 pb-1.5 text-xs", children: "Tap what you want to comment on." }), _jsx(CommentTargetPickerDomLayer, {})] })), feedback.isSuggestionsMode && (_jsx(SuggestingNotice, { className: "shrink-0", onStopSuggesting: () => exitSuggestionsMode(editContext, { reason: "sidebar" }) })), showEmptyState ? (_jsx("div", { className: "min-h-0 flex-1 overflow-auto px-2 pt-2", [COMMENT_PICKER_IGNORE_ATTRIBUTE]: "", children: _jsx(FeedbackModeIntro, { variant: "empty", canSuggest: feedback.suggestionsAvailable, onAddComment: () => beginAddComment(editContext), onStartSuggesting: () => enterSuggestionsMode(editContext, { reason: "sidebar" }) }) })) : (_jsxs("div", { ref: listRef, "data-testid": "mobile-comments-list", className: "min-h-0 flex-1 space-y-3 overflow-auto p-3", [FEEDBACK_SCROLLABLE_ATTRIBUTE]: "", children: [orderedIds.map((id) => renderCard(id, false)), unplacedIds.length > 0 && (_jsx("p", { "data-testid": "mobile-comments-unplaced-divider", className: "text-neutral-grey-50 border-border-default border-t px-0.5 pt-2 text-xs font-medium", children: getUnplacedLabel(unplacedIds.length, "overlay") })), unplacedIds.map((id) => renderCard(id, true))] }))] }));
+}
+//# sourceMappingURL=MobileCommentsPanel.js.map

package/dist/editor/page-viewer/MobileCommentsPanel.js.map

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

package/dist/editor/page-viewer/RenderingAiCheck.d.ts

@@ -0,0 +1,18 @@
+import type { RenderingCheck } from "../services/renderingsService";
+type RenderingAiCheckPanelProps = {
+    check?: RenderingCheck;
+    /** The check request itself failed. */
+    error?: string;
+    checking: boolean;
+    /** Administrators may check the same code again. */
+    canRecheck: boolean;
+    onRecheck: () => void;
+    onRetry: () => void;
+};
+/**
+ * The AI check of the rendering's code in the review dialog: a summary and
+ * the findings by severity. A high finding blocks the approval until an
+ * administrator gives a reason to approve anyway.
+ */
+export declare function RenderingAiCheckPanel({ check, error, checking, canRecheck, onRecheck, onRetry, }: RenderingAiCheckPanelProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-viewer/RenderingAiCheck.js

@@ -0,0 +1,45 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2, RefreshCw, Sparkles } from "lucide-react";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { cn } from "../../lib/utils";
+import { Spinner } from "../ui/Spinner";
+import { formatApprovalDate, stripAccountDomain } from "./renderingApproval";
+const SEVERITY_LABELS = {
+    high: "High",
+    medium: "Medium",
+    low: "Low",
+};
+const SEVERITY_CLASSES = {
+    high: "border-transparent bg-feedback-red-light text-feedback-red",
+    medium: "border-transparent bg-feedback-orange-light text-feedback-orange",
+    low: "border-transparent bg-neutral-grey-10 text-neutral-grey-100",
+};
+function describeLocation(finding) {
+    const where = finding.source === "clientCode"
+        ? "Client code"
+        : finding.source === "code"
+            ? "Code"
+            : undefined;
+    if (!where)
+        return finding.line ? `Line ${finding.line}` : undefined;
+    return finding.line ? `${where}, line ${finding.line}` : where;
+}
+function Finding({ finding }) {
+    const location = describeLocation(finding);
+    return (_jsxs("li", { className: "flex flex-col gap-1", "data-testid": "rendering-ai-check-finding", "data-severity": finding.severity, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { size: "sm", variant: "secondary", className: SEVERITY_CLASSES[finding.severity], children: SEVERITY_LABELS[finding.severity] }), _jsx("span", { className: "font-medium", children: finding.title }), location && (_jsx("span", { className: "text-muted-foreground text-xs", children: location }))] }), finding.detail && (_jsx("p", { className: "text-neutral-grey-100 text-xs", children: finding.detail })), finding.excerpt && (_jsx("code", { className: "bg-neutral-grey-5 text-neutral-grey-100 block overflow-x-auto rounded px-2 py-1 font-mono text-xs whitespace-pre", children: finding.excerpt }))] }));
+}
+/**
+ * The AI check of the rendering's code in the review dialog: a summary and
+ * the findings by severity. A high finding blocks the approval until an
+ * administrator gives a reason to approve anyway.
+ */
+export function RenderingAiCheckPanel({ check, error, checking, canRecheck, onRecheck, onRetry, }) {
+    const checkedAt = formatApprovalDate(check?.checkedAt ?? undefined);
+    const byLine = [check?.model, checkedAt].filter(Boolean).join(" · ");
+    const failed = !checking && (!!error || check?.status === "failed");
+    return (_jsxs("section", { className: cn("border-border-default flex shrink-0 flex-col gap-2 rounded-md border p-3", check?.blocks && "border-feedback-red bg-feedback-red-light/40"), "data-testid": "rendering-ai-check", "data-status": checking ? "checking" : error ? "error" : check?.status, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Sparkles, { className: "h-4 w-4 shrink-0", strokeWidth: 1.5 }), _jsx("h3", { className: "text-sm font-medium", children: "AI check" }), byLine && check?.status === "checked" && !checking && (_jsx("span", { className: "text-muted-foreground truncate text-xs", children: byLine })), _jsxs("div", { className: "ml-auto flex items-center gap-1", children: [failed && (_jsxs(Button, { variant: "ghost", size: "xs", onClick: onRetry, "data-testid": "rendering-ai-check-retry", children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Try again"] })), !failed && canRecheck && check?.status === "checked" && (_jsxs(Button, { variant: "ghost", size: "xs", onClick: onRecheck, disabled: checking, "data-testid": "rendering-ai-check-recheck", children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Check again"] }))] })] }), checking ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(Spinner, { size: "sm" }), " Checking the code. This can take a minute."] })) : error ? (_jsx("p", { className: "text-muted-foreground text-xs", children: error })) : !check ? null : check.status !== "checked" ? (_jsx("p", { className: "text-muted-foreground text-xs", children: check.message ?? "The code was not checked." })) : (_jsxs(_Fragment, { children: [check.summary && _jsx("p", { className: "text-xs", children: check.summary }), check.findings.length === 0 ? (_jsxs("p", { className: "text-feedback-green flex items-center gap-1.5 text-xs", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "No problems found."] })) : (_jsx("ul", { className: "flex flex-col gap-3", children: check.findings.map((finding, index) => (_jsx(Finding, { finding: finding }, index))) })), check.overrides.length > 0 && (_jsx("ul", { className: "text-muted-foreground flex flex-col gap-1 border-t pt-2 text-xs", "data-testid": "rendering-ai-check-overrides", children: check.overrides.map((entry, index) => (_jsxs("li", { children: ["Approved anyway by ", stripAccountDomain(entry.by), formatApprovalDate(entry.at)
+                                    ? ` on ${formatApprovalDate(entry.at)}`
+                                    : "", ": ", entry.reason] }, index))) }))] }))] }));
+}
+//# sourceMappingURL=RenderingAiCheck.js.map

package/dist/editor/page-viewer/RenderingAiCheck.js.map

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

package/dist/editor/page-viewer/RenderingApprovalDialog.d.ts

@@ -0,0 +1,32 @@
+import { type PageVersion, type RenderingState } from "../services/renderingsService";
+/** Who approved when, or what the state means, in one sentence. */
+export declare function describeApproval(rendering: RenderingState): string;
+type RenderingApprovalDialogProps = {
+    rendering: RenderingState;
+    onClose: () => void;
+    /** The rendering's approval state changed or may have: reload it. */
+    onChanged: () => void;
+    /** The user may approve (an administrator, not a sandbox). */
+    canApprove?: boolean;
+    /** The page the rendering is reviewed on: its client code can be tried there. */
+    page?: PageVersion;
+    /** The preview canvas URL, whose query the sealed frame loads the page with. */
+    getCanvasUrl?: () => string | undefined;
+};
+/**
+ * For administrators and, in a sandbox, its owner (the CM refuses the code,
+ * the AI check and the preview token to everyone else): shows a rendering's
+ * code and client code read-only, runs the page with its client code in a
+ * sealed frame on request, and lets an administrator approve exactly that
+ * code: the approval carries the hash of what was loaded, and the CM refuses
+ * it when the code changed since.
+ */
+export declare function RenderingApprovalDialog({ rendering, onClose, onChanged, canApprove: userCanApprove, page, getCanvasUrl, }: RenderingApprovalDialogProps): import("react").JSX.Element;
+type RevokeRenderingDialogProps = {
+    rendering: RenderingState;
+    onClose: () => void;
+    onChanged: () => void;
+};
+/** Confirms revoking an approval, which published pages feel at once. */
+export declare function RevokeRenderingDialog({ rendering, onClose, onChanged, }: RevokeRenderingDialogProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-viewer/RenderingApprovalDialog.js

@@ -0,0 +1,191 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AlertCircle, ShieldCheckIcon } from "lucide-react";
+import { toast } from "sonner";
+import { Alert, AlertDescription } from "../../components/ui/alert";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../../components/ui/alert-dialog";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Dialog, DialogContent, DialogFooter, } from "../../components/ui/dialog";
+import { StyledDialogTitle } from "../../components/ui/styled-dialog-title";
+import { Textarea } from "../../components/ui/textarea";
+import { approveRendering, checkRendering, fetchRenderingSource, revokeRendering, } from "../services/renderingsService";
+import { LoadingState } from "../ui/LoadingState";
+import { Spinner } from "../ui/Spinner";
+import { RenderingAiCheckPanel } from "./RenderingAiCheck";
+import { SealedClientCodePreview } from "./SealedClientCodePreview";
+import { formatApprovalDate, getRenderingApprovalStatus, getRenderingDisplayName, RENDERING_APPROVAL_BADGE_CLASSES, RENDERING_APPROVAL_LABELS, stripAccountDomain, } from "./renderingApproval";
+/** Who approved when, or what the state means, in one sentence. */
+export function describeApproval(rendering) {
+    const status = getRenderingApprovalStatus(rendering);
+    const by = rendering.approvedBy
+        ? stripAccountDomain(rendering.approvedBy)
+        : undefined;
+    const at = formatApprovalDate(rendering.approvedAt);
+    const who = [by && `by ${by}`, at && `on ${at}`].filter(Boolean).join(" ");
+    switch (status) {
+        case "sandbox":
+            return "Renderings in a sandbox cannot be approved, so their client code runs only in this review.";
+        case "approved":
+            return who ? `Approved ${who}.` : "Approved.";
+        case "changed":
+            return who
+                ? `An earlier version was approved ${who}. The code changed since.`
+                : "An earlier version was approved. The code changed since.";
+        case "unapproved":
+            return "Not approved yet. Published pages do not show this rendering.";
+    }
+}
+function CodeBlock({ label, code, emptyText, testId, }) {
+    return (_jsxs("section", { className: "flex shrink-0 flex-col gap-1.5", children: [_jsx("h3", { className: "text-sm font-medium", children: label }), code ? (_jsx("pre", { className: "border-border-default bg-neutral-grey-5 text-neutral-grey-100 max-h-[40vh] overflow-auto rounded-md border p-3 font-mono text-xs leading-relaxed whitespace-pre", "data-testid": testId, tabIndex: 0, children: _jsx("code", { children: code }) })) : (_jsx("p", { className: "text-muted-foreground text-xs", "data-testid": testId, children: emptyText }))] }));
+}
+/**
+ * For administrators and, in a sandbox, its owner (the CM refuses the code,
+ * the AI check and the preview token to everyone else): shows a rendering's
+ * code and client code read-only, runs the page with its client code in a
+ * sealed frame on request, and lets an administrator approve exactly that
+ * code: the approval carries the hash of what was loaded, and the CM refuses
+ * it when the code changed since.
+ */
+export function RenderingApprovalDialog({ rendering, onClose, onChanged, canApprove: userCanApprove = false, page, getCanvasUrl, }) {
+    const [source, setSource] = useState();
+    const [loadError, setLoadError] = useState();
+    const [loadRevision, setLoadRevision] = useState(0);
+    const [approving, setApproving] = useState(false);
+    const [approveError, setApproveError] = useState();
+    const [changedWhileReviewing, setChangedWhileReviewing] = useState(false);
+    const [checkResult, setCheckResult] = useState();
+    const [checkRequest, setCheckRequest] = useState({
+        revision: 0,
+        rerun: false,
+    });
+    const [overrideReason, setOverrideReason] = useState("");
+    const renderingId = rendering.id;
+    useEffect(() => {
+        const controller = new AbortController();
+        void fetchRenderingSource(renderingId, controller.signal).then((result) => {
+            if (controller.signal.aborted)
+                return;
+            if (result.ok) {
+                setSource(result.data);
+                setLoadError(undefined);
+            }
+            else {
+                setSource(undefined);
+                setLoadError(result.message);
+            }
+        });
+        return () => controller.abort();
+    }, [renderingId, loadRevision]);
+    // The AI check of exactly the loaded code: cached on the CM per approval
+    // hash, so reopening the review is instant; new code is checked again.
+    // Sandbox renderings are never approved, so they are not checked.
+    // Each result is kept with the request it answers, so new code or "Check
+    // again" shows as pending from its first render.
+    const checkedId = source && !source.sandbox ? source.id : undefined;
+    const checkKey = checkedId
+        ? `${checkedId}|${source?.hash}|${loadRevision}|${checkRequest.revision}`
+        : undefined;
+    useEffect(() => {
+        if (!checkedId || !checkKey)
+            return;
+        const controller = new AbortController();
+        void checkRendering(checkedId, {
+            rerun: checkRequest.rerun,
+            signal: controller.signal,
+        }).then((result) => {
+            if (controller.signal.aborted)
+                return;
+            setCheckResult(result.ok
+                ? { key: checkKey, check: result.data }
+                : { key: checkKey, error: result.message });
+        });
+        return () => controller.abort();
+    }, [checkedId, checkKey, checkRequest.rerun]);
+    const current = checkResult?.key === checkKey ? checkResult : undefined;
+    const check = current?.check;
+    const checkPending = !!checkKey && !current;
+    const runCheck = (rerun) => setCheckRequest((request) => ({ revision: request.revision + 1, rerun }));
+    const reloadSource = () => {
+        setSource(undefined);
+        setLoadError(undefined);
+        setOverrideReason("");
+        setLoadRevision((value) => value + 1);
+    };
+    // A high finding of the check of this exact code blocks the approval until
+    // the administrator gives a reason, which the CM records.
+    const blocked = !!source && !!check?.blocks && check.hash === source.hash;
+    const reason = overrideReason.trim();
+    const approve = async () => {
+        if (!source || approving)
+            return;
+        if (blocked && !reason)
+            return;
+        setApproving(true);
+        setApproveError(undefined);
+        const result = blocked
+            ? await approveRendering(source.id, source.hash, reason)
+            : await approveRendering(source.id, source.hash);
+        setApproving(false);
+        if (result.ok) {
+            toast.success(`${getRenderingDisplayName(source)} is approved. Published pages show it once it is published.`);
+            onChanged();
+            onClose();
+            return;
+        }
+        if (result.status === 409) {
+            // Someone saved new code after this dialog loaded it: show the current
+            // code, which has to be reviewed before it can be approved.
+            setChangedWhileReviewing(true);
+            reloadSource();
+            onChanged();
+            return;
+        }
+        if (result.status === 422) {
+            // The CM's check found high-severity problems this dialog did not show
+            // yet (it ran the check itself): show them, ask for a reason.
+            runCheck(false);
+        }
+        setApproveError(result.message);
+    };
+    const shown = source ?? rendering;
+    const status = getRenderingApprovalStatus(shown);
+    const offersApproval = userCanApprove && !shown.sandbox && !shown.approved;
+    const canApprove = offersApproval && !!source && !checkPending && (!blocked || !!reason);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                onClose();
+        }, children: _jsxs(DialogContent, { className: "flex w-[90%] max-w-4xl flex-col overflow-hidden border-none p-0 shadow-2xl", style: { maxHeight: "90vh" }, "data-testid": "rendering-approval-dialog", children: [_jsx(StyledDialogTitle, { icon: _jsx(ShieldCheckIcon, { strokeWidth: 1 }), title: "Review rendering", subtitle: getRenderingDisplayName(shown) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 py-5 text-sm", children: [changedWhileReviewing && (_jsxs(Alert, { variant: "warning", "data-testid": "rendering-approval-changed", children: [_jsx(AlertCircle, { strokeWidth: 1.5, className: "h-4 w-4" }), _jsx(AlertDescription, { children: "The code changed while you were reviewing it. This is the current code; review it before you approve it." })] })), approveError && (_jsxs(Alert, { variant: "destructive", "data-testid": "rendering-approval-error", children: [_jsx(AlertCircle, { strokeWidth: 1.5, className: "h-4 w-4" }), _jsx(AlertDescription, { children: approveError })] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { size: "sm", variant: "secondary", className: RENDERING_APPROVAL_BADGE_CLASSES[status], children: RENDERING_APPROVAL_LABELS[status] }), _jsx("span", { className: "text-muted-foreground", "data-testid": "rendering-approval-state", children: describeApproval(shown) })] }), shown.path && (_jsx("p", { className: "text-muted-foreground -mt-2 text-xs break-all", children: shown.path })), loadError ? (_jsxs(Alert, { variant: "destructive", "data-testid": "rendering-source-error", children: [_jsx(AlertCircle, { strokeWidth: 1.5, className: "h-4 w-4" }), _jsx(AlertDescription, { children: loadError })] })) : !source ? (_jsx(LoadingState, { variant: "inline", message: "Loading the code..." })) : (_jsxs(_Fragment, { children: [!source.sandbox && (_jsx(RenderingAiCheckPanel, { check: check, error: current?.error, checking: checkPending, canRecheck: userCanApprove, onRecheck: () => runCheck(true), onRetry: () => runCheck(false) })), _jsx(CodeBlock, { label: "Code", code: source.code, emptyText: "No code.", testId: "rendering-approval-code" }), _jsx(CodeBlock, { label: "Client code", code: source.clientCode, emptyText: "No client code.", testId: "rendering-approval-client-code" }), source.clientCode && page && (_jsx(SealedClientCodePreview, { page: page, renderingId: source.id, getCanvasUrl: getCanvasUrl })), offersApproval && blocked && (_jsxs("section", { className: "flex shrink-0 flex-col gap-1.5", children: [_jsx("label", { htmlFor: "rendering-override-reason", className: "text-sm font-medium", children: "Reason to approve anyway" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [check?.status === "failed"
+                                                    ? "The AI check could not check this code."
+                                                    : "The AI check found high-severity problems.", " ", "To approve this code anyway, say why. The reason is recorded with the findings."] }), _jsx(Textarea, { id: "rendering-override-reason", value: overrideReason, onChange: (event) => setOverrideReason(event.target.value), maxLength: 2000, rows: 2, "data-testid": "rendering-override-reason" })] })), offersApproval && (_jsx("p", { className: "text-muted-foreground text-xs", children: "Approving covers exactly this code. Published pages show the rendering once it is published; any later change to the code ends the approval." }))] }))] }), _jsxs(DialogFooter, { className: "mt-auto shrink-0 border-t bg-white px-6 py-4", children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Close" }), offersApproval && (_jsx(Button, { onClick: approve, disabled: !canApprove || approving, variant: blocked ? "destructive" : undefined, title: checkPending
+                                ? "Waiting for the AI check"
+                                : blocked && !reason
+                                    ? "Give a reason to approve anyway"
+                                    : undefined, "data-testid": "rendering-approve", children: approving ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm" }), " Approving..."] })) : (_jsxs(_Fragment, { children: [_jsx(ShieldCheckIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), blocked ? "Approve anyway" : "Approve"] })) }))] })] }) }));
+}
+/** Confirms revoking an approval, which published pages feel at once. */
+export function RevokeRenderingDialog({ rendering, onClose, onChanged, }) {
+    const [revoking, setRevoking] = useState(false);
+    const [error, setError] = useState();
+    const name = getRenderingDisplayName(rendering);
+    const revoke = async () => {
+        if (revoking)
+            return;
+        setRevoking(true);
+        setError(undefined);
+        const result = await revokeRendering(rendering.id);
+        setRevoking(false);
+        if (!result.ok) {
+            setError(result.message);
+            return;
+        }
+        toast.success(`The approval of ${name} is revoked.`);
+        onChanged();
+        onClose();
+    };
+    return (_jsx(AlertDialog, { open: true, onOpenChange: (open) => {
+            if (!open && !revoking)
+                onClose();
+        }, children: _jsxs(AlertDialogContent, { "data-testid": "rendering-revoke-dialog", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Revoke approval?" }), _jsxs(AlertDialogDescription, { children: ["Published pages stop showing ", name, " right away, without a publish. It shows again once an administrator approves it again and it is published."] })] }), error && (_jsx("p", { role: "alert", className: "text-feedback-red text-sm", "data-testid": "rendering-revoke-error", children: error })), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: revoking, children: "Cancel" }), _jsx(Button, { variant: "destructive", size: "lg", onClick: revoke, disabled: revoking, "data-testid": "rendering-revoke-confirm", children: revoking ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm" }), " Revoking..."] })) : ("Revoke") })] })] }) }));
+}
+//# sourceMappingURL=RenderingApprovalDialog.js.map

package/dist/editor/page-viewer/RenderingApprovalDialog.js.map

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

package/dist/editor/page-viewer/SealedClientCodePreview.d.ts

@@ -0,0 +1,17 @@
+import type { PageVersion } from "../services/renderingsService";
+type SealedClientCodePreviewProps = {
+    /** The page the rendering is reviewed on. */
+    page: PageVersion;
+    renderingId: string;
+    /** The preview canvas URL whose query the sealed frame loads the page with. */
+    getCanvasUrl?: () => string | undefined;
+};
+/**
+ * Runs the page with all of its client code, approved or not, in a sealed
+ * frame inside the review dialog: `sandbox="allow-scripts"` only, so the
+ * document has an opaque origin (no cookies, no access to the editor or the
+ * CM session) and reads the page with a short-lived preview token. The canvas
+ * stays the canvas meanwhile.
+ */
+export declare function SealedClientCodePreview({ page, renderingId, getCanvasUrl, }: SealedClientCodePreviewProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-viewer/SealedClientCodePreview.js

@@ -0,0 +1,38 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AlertCircle, PlayIcon, RotateCwIcon, SquareIcon } from "lucide-react";
+import { Alert, AlertDescription } from "../../components/ui/alert";
+import { Button } from "../../components/ui/button";
+import { Spinner } from "../ui/Spinner";
+import { INTERACTIVE_PREVIEW_SANDBOX } from "./interactivePreview";
+import { useInteractivePreview } from "./useInteractivePreview";
+/**
+ * Runs the page with all of its client code, approved or not, in a sealed
+ * frame inside the review dialog: `sandbox="allow-scripts"` only, so the
+ * document has an opaque origin (no cookies, no access to the editor or the
+ * CM session) and reads the page with a short-lived preview token. The canvas
+ * stays the canvas meanwhile.
+ */
+export function SealedClientCodePreview({ page, renderingId, getCanvasUrl, }) {
+    const [error, setError] = useState();
+    const preview = useInteractivePreview({
+        mode: "preview",
+        page,
+        onError: setError,
+    });
+    const { setHint, start, stop, reload } = preview;
+    // The session runs only for a page with client code; this is the rendering
+    // being reviewed.
+    useEffect(() => {
+        setHint({ renderingIds: [renderingId], clientCodeIds: [renderingId] });
+    }, [renderingId, setHint]);
+    const [loadedFrameKey, setLoadedFrameKey] = useState();
+    const running = preview.active && !!preview.frameUrl;
+    const loading = preview.status === "starting" ||
+        (running && loadedFrameKey !== preview.frameKey);
+    return (_jsxs("section", { className: "flex shrink-0 flex-col gap-2", "data-testid": "sealed-client-code-preview", "data-state": preview.status, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h3", { className: "text-sm font-medium", children: "Try the client code" }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [loading && _jsx(Spinner, { size: "xs" }), preview.status === "off" ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                                    setError(undefined);
+                                    start(getCanvasUrl?.());
+                                }, "data-testid": "sealed-preview-run", children: [_jsx(PlayIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Run client code"] })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", disabled: !running, onClick: () => reload(getCanvasUrl?.()), "data-testid": "sealed-preview-reload", children: [_jsx(RotateCwIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Reload"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: stop, "data-testid": "sealed-preview-stop", children: [_jsx(SquareIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Stop"] })] }))] })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Runs this page with all of its client code in a sealed frame. The code has no access to the editor, your session or cookies, and nothing here is saved." }), error && (_jsxs(Alert, { variant: "destructive", "data-testid": "sealed-preview-error", children: [_jsx(AlertCircle, { strokeWidth: 1.5, className: "h-4 w-4" }), _jsx(AlertDescription, { children: error })] })), running && (_jsx("iframe", { src: preview.frameUrl, sandbox: INTERACTIVE_PREVIEW_SANDBOX, title: "Sealed client code preview", className: "border-border-default h-[60vh] w-full rounded-md border bg-white", "data-testid": "interactive-preview-iframe", onLoad: () => setLoadedFrameKey(preview.frameKey) }, `sealed-preview-${preview.frameKey}`))] }));
+}
+//# sourceMappingURL=SealedClientCodePreview.js.map

package/dist/editor/page-viewer/SealedClientCodePreview.js.map

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

package/dist/editor/page-viewer/canvasFrameNavigation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Navigates the canvas iframe to `url` without adding a browser history entry.
+ *
+ * Browsers record every iframe navigation after the first as an entry in the
+ * page's joint session history. The canvas reloads its frame on version
+ * switches, hard refreshes and pre-bridge fallbacks, so driving those loads
+ * through the `src` attribute made the browser Back button step back through
+ * canvas reloads (re-rendering a stale `edit_rev`) before it ever left the
+ * page - and the editor's popstate handler never saw a URL change. Traversing
+ * such an entry only navigates the iframe: the top-level URL stays put.
+ *
+ * `location.replace()` swaps the frame's current entry in place instead, and
+ * is callable on cross-origin frames. The first load still goes through `src`:
+ * navigating away from the initial about:blank document replaces its entry,
+ * and consumers that fall back to reading the attribute keep a meaningful
+ * value.
+ */
+export declare function navigateCanvasFrame(iframe: HTMLIFrameElement, url: string): void;

package/dist/editor/page-viewer/canvasFrameNavigation.js

@@ -0,0 +1,36 @@
+/**
+ * Navigates the canvas iframe to `url` without adding a browser history entry.
+ *
+ * Browsers record every iframe navigation after the first as an entry in the
+ * page's joint session history. The canvas reloads its frame on version
+ * switches, hard refreshes and pre-bridge fallbacks, so driving those loads
+ * through the `src` attribute made the browser Back button step back through
+ * canvas reloads (re-rendering a stale `edit_rev`) before it ever left the
+ * page - and the editor's popstate handler never saw a URL change. Traversing
+ * such an entry only navigates the iframe: the top-level URL stays put.
+ *
+ * `location.replace()` swaps the frame's current entry in place instead, and
+ * is callable on cross-origin frames. The first load still goes through `src`:
+ * navigating away from the initial about:blank document replaces its entry,
+ * and consumers that fall back to reading the attribute keep a meaningful
+ * value.
+ */
+export function navigateCanvasFrame(iframe, url) {
+    if (!iframe.getAttribute("src")) {
+        iframe.src = url;
+        return;
+    }
+    try {
+        const frameWindow = iframe.contentWindow;
+        if (frameWindow) {
+            frameWindow.location.replace(url);
+            return;
+        }
+    }
+    catch {
+        // A detached or otherwise inaccessible frame window: fall through to the
+        // attribute so the canvas still loads, even at the cost of a history entry.
+    }
+    iframe.src = url;
+}
+//# sourceMappingURL=canvasFrameNavigation.js.map

package/dist/editor/page-viewer/canvasFrameNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasFrameNavigation.js","sourceRoot":"","sources":["../../../src/editor/page-viewer/canvasFrameNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAAyB,EACzB,GAAW;IAEX,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;QACjB,OAAO;IACT,CAAC;IAED,IAAI,CAAC;QACH,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC;QACzC,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAClC,OAAO;QACT,CAAC;IACH,CAAC;IAAC,MAAM,CAAC;QACP,yEAAyE;QACzE,4EAA4E;IAC9E,CAAC;IAED,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AACnB,CAAC"}