@parhelia/core 0.3.12832 → 0.3.12833

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

@@ -0,0 +1,377 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import { ChevronDown, ChevronsLeft, ChevronsRight, ChevronUp, PenLine, X, } from "lucide-react";
+import { useEditContext, useFieldsEditContext } from "../client/editContext";
+import { cn } from "../../lib/utils";
+import { IframeOverlayProvider } from "../page-editor-chrome/overlay/IframeOverlayProvider";
+import { getBridgeOverlayGeometryDetail } from "../page-editor-chrome/overlay/geometry";
+import { beginAddComment, COMMENT_PICKER_IGNORE_ATTRIBUTE, } from "../reviews/commentTargetPicker";
+import { CommentThreadCard } from "../reviews/CommentThreadCard";
+import { FeedbackDraftsProvider } from "../reviews/feedbackDrafts";
+import { FeedbackModeIntro } from "../reviews/FeedbackModeIntro";
+import { FEEDBACK_SIDEBAR_TEXT_CLASS } from "../reviews/feedbackSidebarText";
+import { clearHoveredFeedback, setHoveredFeedback, } from "../reviews/feedbackHoverState";
+import { selectFeedbackComment, selectFeedbackSuggestedEdit, } from "../reviews/feedbackSelection";
+import { resolveSelectedThreadId } from "../reviews/feedbackThreadSelection";
+import { createSmoothWheelForwarder, findScrollableAncestor, } from "../reviews/feedbackWheelForwarding";
+import { enterSuggestionsMode, exitSuggestionsMode, } from "../reviews/openCommentsFeedback";
+import { FEEDBACK_SCROLLABLE_ATTRIBUTE, scrollElementIntoContainer, } from "../reviews/scrollWithin";
+import { SuggestionThreadCard } from "../reviews/SuggestionThreadCard";
+import { useFeedbackThreads } from "../reviews/useFeedbackThreads";
+import { useMeasuredHeights } from "../reviews/useMeasuredHeights";
+import { usePendingFeedbackFocus } from "../reviews/usePendingFeedbackFocus";
+import { FEEDBACK_MARGIN_CARD_GAP, FEEDBACK_MARGIN_RAIL_BLEED, FEEDBACK_MARGIN_WIDTH, FeedbackMarginController, } from "./FeedbackMarginController";
+import { FEEDBACK_MARGIN_MIN_CANVAS_WIDTH, getCardBodyMaxHeight, getFeedbackMarginRoom, } from "./feedbackMarginLayout";
+import { FeedbackMarginMarker } from "./FeedbackMarginMarker";
+import { FeedbackMarginResizeHandle } from "./FeedbackMarginResizeHandle";
+import { FEEDBACK_MARGIN_MIN_WIDTH, setFeedbackMarginCollapsed, useFeedbackMarginPreferredWidth, } from "./feedbackMarginWidth";
+import { useCanvasMarginSource, useFormMarginSource, } from "./feedbackMarginSources";
+import { usePageViewState } from "./pageViewContext";
+export { FEEDBACK_MARGIN_MIN_WIDTH, FEEDBACK_MARGIN_RAIL_WIDTH, FEEDBACK_MARGIN_WIDTH, } from "./FeedbackMarginController";
+/**
+ * Word-style comment margin beside the canvas: a column where every
+ * comment/suggestion card sits level with the text it is about. It carries no
+ * controls; adding, suggesting and filtering live in the toolbar.
+ *
+ * In a narrow pane the column narrows, then collapses into a rail of markers
+ * (the canvas keeps its width); the rail can be expanded into the full column
+ * floating over the canvas edge. Dragging the column's edge past its minimum
+ * collapses it into the same rail where the pane has room for it.
+ */
+export function FeedbackMargin({ iframe, pageViewContext, height, size, maxResizeWidth, invalidationKey, deferredInvalidationMs, }) {
+    const bridgeGeometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    // The overlay provider reads its seed once, when it mounts.
+    const seedGeometry = useMemo(() => getBridgeOverlayGeometryDetail(bridgeGeometry), [bridgeGeometry]);
+    const isRail = size.presentation === "rail";
+    // A rail the user collapsed the column into has room beside it: expanding
+    // it docks the column again instead of floating it over the canvas.
+    const collapsedByUser = isRail && !!size.collapsed;
+    const [expanded, setExpanded] = useState(false);
+    useEffect(() => {
+        if (!isRail || collapsedByUser)
+            setExpanded(false);
+    }, [isRail, collapsedByUser]);
+    const floating = isRail && !collapsedByUser && expanded;
+    const presentation = isRail && !expanded ? "rail" : "full";
+    const width = floating ? FEEDBACK_MARGIN_WIDTH : size.width;
+    // The bridge only scrolls the canvas instantly; easing wheel notches here
+    // makes the margin scroll like the canvas itself.
+    const wheelForwarder = useMemo(() => createSmoothWheelForwarder((y) => !!pageViewContext.requestBridgeScrollBy?.({ y, behavior: "instant" }), () => !!pageViewContext.requestBridgeScrollBy), [pageViewContext]);
+    useEffect(() => () => wheelForwarder.cancel(), [wheelForwarder]);
+    // The slot keeps the width the pane gave the column, so expanding the rail
+    // floats the full column over the canvas instead of reflowing the page.
+    return (_jsx(FeedbackDraftsProvider, { children: _jsx("div", { "data-testid": "feedback-margin-slot", "data-feedback-margin-presentation": size.presentation, className: cn("relative shrink-0", isRail && "z-40"), style: { width: size.width, height }, children: _jsx(FeedbackMarginColumn, { layout: "overlay", height: "100%", width: width, presentation: presentation, floating: floating, resizable: !isRail || collapsedByUser, collapsible: true, maxResizeWidth: maxResizeWidth, onExpandedChange: !isRail
+                    ? undefined
+                    : collapsedByUser
+                        ? (next) => next && setFeedbackMarginCollapsed(false)
+                        : setExpanded, onWheelForward: wheelForwarder.forward, renderLayer: (layerProps) => iframe && (_jsx(IframeOverlayProvider, { iframe: iframe, mode: "scrolling", axis: "vertical", layerWidth: width, overflow: "clip", scrollScale: 1, visualScale: 1, invalidationKey: invalidationKey, deferredInvalidationMs: deferredInvalidationMs, seedGeometry: seedGeometry, 
+                    // Rail cards float over the canvas, left of the rail.
+                    bleed: presentation === "rail"
+                        ? { left: FEEDBACK_MARGIN_RAIL_BLEED }
+                        : 0, children: _jsx(CanvasMarginLayer, { ...layerProps, pageViewContext: pageViewContext }) })) }) }) }));
+}
+function CanvasMarginLayer({ pageViewContext, ...layerProps }) {
+    const source = useCanvasMarginSource(pageViewContext);
+    return _jsx(FeedbackMarginController, { ...layerProps, ...source });
+}
+/**
+ * The same margin beside the item form (items without a canvas): it sits in
+ * the form's own scroll container, so the cards scroll natively with the
+ * fields they are anchored to.
+ */
+export function FormFeedbackMargin({ scroller, form, }) {
+    const viewportHeight = useElementHeight(scroller);
+    const scrollerWidth = useElementWidth(scroller);
+    const preferredWidth = useFeedbackMarginPreferredWidth();
+    // The form keeps as much room as the canvas does beside the column.
+    const room = scroller
+        ? getFeedbackMarginRoom({
+            paneWidth: scrollerWidth,
+            reservedWidth: 0,
+            minCanvasWidth: FEEDBACK_MARGIN_MIN_CANVAS_WIDTH,
+        })
+        : undefined;
+    const width = room === undefined
+        ? preferredWidth
+        : Math.max(FEEDBACK_MARGIN_MIN_WIDTH, Math.min(preferredWidth, room));
+    return (_jsx(FeedbackDraftsProvider, { children: _jsx(FeedbackMarginColumn, { layout: "flow", viewportHeight: viewportHeight, width: width, resizable: true, maxResizeWidth: room, renderLayer: (layerProps) => (_jsx("div", { className: "pointer-events-none absolute inset-0", children: _jsx(FormMarginLayer, { ...layerProps, scroller: scroller, form: form }) })) }) }));
+}
+function FormMarginLayer({ scroller, form, ...layerProps }) {
+    const source = useFormMarginSource(scroller, form, layerProps.threads);
+    return _jsx(FeedbackMarginController, { ...layerProps, ...source });
+}
+export function useElementWidth(element) {
+    const [width, setWidth] = useState(() => element?.clientWidth ?? 0);
+    useLayoutEffect(() => {
+        if (!element) {
+            setWidth(0);
+            return;
+        }
+        setWidth(element.clientWidth);
+        if (typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(() => setWidth(element.clientWidth));
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [element]);
+    return width;
+}
+export function useElementHeight(element) {
+    const [height, setHeight] = useState(() => element?.offsetHeight ?? 0);
+    useLayoutEffect(() => {
+        if (!element) {
+            setHeight(0);
+            return;
+        }
+        setHeight(element.offsetHeight);
+        if (typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            setHeight(entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height);
+        });
+        observer.observe(element, { box: "border-box" });
+        return () => observer.disconnect();
+    }, [element]);
+    return height;
+}
+const EMPTY_REPORT = {
+    mode: "anchored",
+    orderedIds: [],
+    unplacedIds: [],
+};
+function FeedbackMarginColumn({ layout, height, viewportHeight, width = FEEDBACK_MARGIN_WIDTH, presentation = "full", floating = false, resizable = false, collapsible = false, maxResizeWidth, onExpandedChange, renderLayer, onWheelForward, }) {
+    const editContext = useEditContext();
+    const fieldsContext = useFieldsEditContext();
+    usePendingFeedbackFocus();
+    const feedback = useFeedbackThreads();
+    const { threads } = feedback;
+    const isFlow = layout === "flow";
+    const isRail = presentation === "rail";
+    const pinnedId = resolveSelectedThreadId(threads, editContext?.selectedComment, editContext?.selectedSuggestedEdit);
+    const { heights, registerCard, prune, syncMeasurements, observeMutations } = useMeasuredHeights();
+    useEffect(() => {
+        prune(threads.map((thread) => thread.id));
+    }, [threads, prune]);
+    // Cards register their elements during commit; observe and seed their
+    // heights before paint so a new card never lingers hidden.
+    useLayoutEffect(() => {
+        syncMeasurements();
+    });
+    const columnRef = useRef(null);
+    const [columnElement, setColumnElement] = useState(null);
+    const [noticeElement, setNoticeElement] = useState(null);
+    const [footerElement, setFooterElement] = useState(null);
+    const columnHeight = useElementHeight(columnElement);
+    const noticeHeight = useElementHeight(noticeElement);
+    const footerHeight = useElementHeight(footerElement);
+    const visibleHeight = isFlow ? (viewportHeight ?? 0) : columnHeight;
+    const bodyMaxHeight = getCardBodyMaxHeight(visibleHeight);
+    const bindColumn = useCallback((element) => {
+        columnRef.current = element;
+        setColumnElement(element);
+    }, []);
+    // Cards grow and shrink through their own renders (composer, "Show more",
+    // replies); re-measure after any DOM change in the column.
+    useEffect(() => observeMutations(columnElement), [columnElement, observeMutations]);
+    const [report, setReport] = useState(EMPTY_REPORT);
+    const handleLayoutChange = useCallback((next) => setReport(next), []);
+    const [focusEpoch, setFocusEpoch] = useState(0);
+    const [footerExpanded, setFooterExpanded] = useState(false);
+    const pinnedIsUnplaced = !!pinnedId && report.unplacedIds.includes(pinnedId);
+    // The rail has no footer: a selected thread that is not on the page opens
+    // the floating column. Only a new selection does, so collapsing sticks.
+    const expandRef = useRef(undefined);
+    expandRef.current =
+        isRail && onExpandedChange ? () => onExpandedChange(true) : undefined;
+    useEffect(() => {
+        if (!pinnedIsUnplaced)
+            return;
+        setFooterExpanded(true);
+        expandRef.current?.();
+    }, [pinnedIsUnplaced, pinnedId]);
+    useEffect(() => {
+        if (report.unplacedIds.length === 0)
+            setFooterExpanded(false);
+    }, [report.unplacedIds.length]);
+    const threadsById = useMemo(() => new Map(threads.map((thread) => [thread.id, thread])), [threads]);
+    const clearSelection = useCallback(() => {
+        editContext?.setSelectedComment(undefined);
+        editContext?.setSelectedSuggestedEdit(undefined);
+    }, [editContext]);
+    const toggleThread = useCallback((id) => {
+        const thread = threadsById.get(id);
+        if (!thread)
+            return;
+        if (id === pinnedId) {
+            clearSelection();
+            return;
+        }
+        if (thread.kind === "comment") {
+            void selectFeedbackComment(thread.root, editContext, fieldsContext);
+        }
+        else {
+            selectFeedbackSuggestedEdit(thread.suggestion, editContext, fieldsContext);
+        }
+    }, [threadsById, pinnedId, clearSelection, editContext, fieldsContext]);
+    // A floating card covers the canvas; Escape puts it away unless it is the
+    // key that ends typing in a field.
+    const railCardOpen = isRail && !!pinnedId;
+    useEffect(() => {
+        if (!railCardOpen)
+            return;
+        const onKeyDown = (event) => {
+            if (event.key !== "Escape" || event.defaultPrevented)
+                return;
+            const active = document.activeElement;
+            if (active instanceof HTMLElement &&
+                (active.tagName === "TEXTAREA" ||
+                    active.tagName === "INPUT" ||
+                    active.isContentEditable)) {
+                return;
+            }
+            clearSelection();
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [railCardOpen, clearSelection]);
+    const renderMarker = useCallback((id, { selected, hovered }) => {
+        const thread = threadsById.get(id);
+        if (!thread)
+            return null;
+        return (_jsx(FeedbackMarginMarker, { thread: thread, resolvedAuthorName: feedback.getAuthorName(thread.kind === "comment" ? thread.root : thread.suggestion), selected: selected, hovered: hovered, onToggle: () => toggleThread(id), onHoverChange: (hovering) => hovering
+                ? setHoveredFeedback({ kind: thread.kind, id: thread.id })
+                : clearHoveredFeedback(thread.id) }));
+    }, [threadsById, feedback.getAuthorName, toggleThread]);
+    const renderCard = useCallback((id, { selected, dimmed, context = false, floating: floatingCard = false, }) => {
+        const thread = threadsById.get(id);
+        if (!thread)
+            return null;
+        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, cardRef: registerCard(thread.id) })) : (_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, cardRef: registerCard(thread.id) }));
+        if (floatingCard) {
+            // A draft closes through its own Cancel; a saved thread through the
+            // close button, its marker or Escape.
+            const isDraft = thread.kind === "comment" && !!thread.root.isNew;
+            return (_jsxs("div", { className: "relative rounded-md shadow-lg", children: [card, !isDraft && (_jsx("button", { type: "button", "data-testid": "feedback-margin-floating-close", "aria-label": "Close", title: "Close", className: "border-border-default text-neutral-grey-50 hover:text-neutral-grey-100 absolute -top-2 -left-2 z-10 flex size-5 cursor-pointer items-center justify-center rounded-full border bg-white shadow-sm", onClick: (event) => {
+                            event.stopPropagation();
+                            clearSelection();
+                        }, children: _jsx(X, { size: 12, strokeWidth: 1.5 }) }))] }));
+        }
+        return (_jsx("div", { className: cn("transition-opacity duration-150", dimmed && "opacity-70"), children: card }));
+    }, [
+        threadsById,
+        feedback.getAuthorName,
+        feedback.resolvedAuthorNames,
+        feedback.availableTags,
+        bodyMaxHeight,
+        registerCard,
+        clearSelection,
+    ]);
+    const handleWheel = (event) => {
+        const column = columnRef.current;
+        if (!column || !onWheelForward)
+            return;
+        // A popover portaled to the body (emoji picker, mention list) is still a
+        // React child of the column, so its wheel events bubble here; they scroll
+        // the popover, not the canvas.
+        if (!column.contains(event.target))
+            return;
+        const container = findScrollableAncestor(event.target, column, event.deltaY);
+        if (container)
+            return; // a card body or list scrolls natively
+        if (report.mode !== "anchored")
+            return;
+        if (onWheelForward(event.deltaY, event.deltaMode))
+            event.stopPropagation();
+    };
+    const handleAddComment = () => beginAddComment(editContext);
+    const handleStartSuggesting = () => enterSuggestionsMode(editContext, { reason: "sidebar" });
+    const handleStopSuggesting = () => exitSuggestionsMode(editContext, { reason: "sidebar" });
+    const showEmptyState = !isRail &&
+        threads.length === 0 &&
+        feedback.commentsLoaded &&
+        !feedback.isSuggestionsMode;
+    const minY = noticeHeight + FEEDBACK_MARGIN_CARD_GAP;
+    const mode = report.mode;
+    const showTopBar = !isRail && (floating || feedback.isSuggestionsMode);
+    return (_jsxs("div", { ref: bindColumn, "data-testid": "comments-suggestions-panel", "data-feedback-margin-mode": mode, "data-feedback-margin-layout": layout, "data-feedback-margin-presentation": floating ? "floating" : presentation, "data-feedback-margin-min-y": minY, className: cn(FEEDBACK_SIDEBAR_TEXT_CLASS, "border-border-default bg-neutral-grey-5 relative shrink-0 border-l select-text", isFlow && "flex flex-col", floating && "absolute top-0 right-0 shadow-xl"), style: { width, height }, onWheelCapture: onWheelForward ? handleWheel : undefined, onBlurCapture: () => setFocusEpoch((epoch) => epoch + 1), children: [resizable && !floating && (_jsx(FeedbackMarginResizeHandle, { width: width, maxWidth: maxResizeWidth, grip: !isFlow, collapsible: collapsible, collapsed: isRail })), showTopBar && (_jsxs("div", { ref: setNoticeElement, className: cn("bg-neutral-grey-5 z-20", isFlow ? "sticky top-0" : "absolute inset-x-0 top-0"), children: [floating && (_jsxs("div", { className: "flex items-center gap-1 pt-1.5 pr-1.5 pl-3", children: [_jsx("span", { className: "text-neutral-grey-100 min-w-0 flex-1 truncate font-medium", children: "Comments" }), _jsx("button", { type: "button", "data-testid": "feedback-margin-collapse", "aria-label": "Collapse comments", title: "Collapse comments", className: "text-neutral-grey-50 hover:bg-neutral-grey-10 hover:text-neutral-grey-100 flex size-6 cursor-pointer items-center justify-center rounded", onClick: () => onExpandedChange?.(false), children: _jsx(ChevronsRight, { size: 16, strokeWidth: 1.5 }) })] })), feedback.isSuggestionsMode && (_jsx(SuggestingNotice, { onStopSuggesting: handleStopSuggesting }))] })), isRail && (_jsxs("div", { ref: setNoticeElement, className: "bg-neutral-grey-5 absolute inset-x-0 top-0 z-20 flex flex-col items-center gap-1 pt-1.5", children: [onExpandedChange && (_jsx("button", { type: "button", "data-testid": "feedback-margin-expand", "aria-label": "Expand comments", title: "Expand comments", className: "text-neutral-grey-50 hover:bg-neutral-grey-10 hover:text-neutral-grey-100 flex size-6 cursor-pointer items-center justify-center rounded", onClick: () => onExpandedChange(true), children: _jsx(ChevronsLeft, { size: 16, strokeWidth: 1.5 }) })), feedback.isSuggestionsMode && (_jsx("span", { "data-testid": "feedback-margin-rail-suggesting", title: "Suggesting: page edits are saved as suggestions.", className: "text-highlight-100 flex size-6 items-center justify-center", children: _jsx(PenLine, { size: 14, strokeWidth: 1 }) }))] })), showEmptyState && (_jsx("div", { className: "relative z-10 px-2", style: { paddingTop: minY }, [COMMENT_PICKER_IGNORE_ATTRIBUTE]: "", children: _jsx(FeedbackModeIntro, { variant: "empty", canSuggest: feedback.suggestionsAvailable, onAddComment: handleAddComment, onStartSuggesting: handleStartSuggesting }) })), renderLayer({
+                threads,
+                heights,
+                width,
+                presentation,
+                minY,
+                footerHeight,
+                pinnedId,
+                focusEpoch,
+                columnRef,
+                onLayoutChange: handleLayoutChange,
+                renderCard,
+                renderMarker,
+            }), mode === "stacked" && (_jsx(FeedbackMarginStackedList, { className: isFlow ? "sticky top-0" : "absolute inset-x-0 bottom-0", style: isFlow
+                    ? { height: Math.max(0, visibleHeight) }
+                    : { top: noticeHeight }, ids: [...report.orderedIds, ...report.unplacedIds], pinnedId: pinnedId, renderCard: renderCard })), isRail && report.unplacedIds.length > 0 && (_jsxs("button", { ref: setFooterElement, type: "button", "data-testid": "feedback-unplaced-rail-button", "aria-label": getUnplacedLabel(report.unplacedIds.length, layout), title: getUnplacedLabel(report.unplacedIds.length, layout), className: "border-border-default text-neutral-grey-100 hover:bg-neutral-grey-10 absolute inset-x-0 bottom-0 z-20 flex h-8 cursor-pointer items-center justify-center border-t bg-white text-xs font-medium", onClick: () => {
+                    setFooterExpanded(true);
+                    onExpandedChange?.(true);
+                }, children: ["+", report.unplacedIds.length] })), !isRail && mode === "anchored" && report.unplacedIds.length > 0 && (_jsx(FeedbackMarginUnplacedFooter, { ref: setFooterElement, layout: layout, className: isFlow ? "sticky bottom-0 mt-auto" : "absolute inset-x-0 bottom-0", ids: report.unplacedIds, expanded: footerExpanded, onToggle: () => setFooterExpanded((expanded) => !expanded), maxListHeight: Math.max(160, Math.round(visibleHeight * 0.5)), pinnedId: pinnedId, renderCard: renderCard }))] }));
+}
+/**
+ * Suggestions mode changes what typing on the page does, so the margin says
+ * so where the suggestions appear. A notice card, not a header: the mode is
+ * switched from the toolbar.
+ */
+export const SuggestingNotice = forwardRef(function SuggestingNotice({ className, onStopSuggesting }, ref) {
+    return (_jsx("div", { ref: ref, "data-testid": "feedback-margin-suggesting-notice", className: cn("bg-neutral-grey-5 z-20 px-2.5 pt-2", className), children: _jsxs("div", { className: "border-border-default text-neutral-grey-100 flex items-center gap-2 rounded-md border bg-white py-1 pr-1 pl-2.5 text-xs", children: [_jsx(PenLine, { size: 14, strokeWidth: 1, className: "text-highlight-100 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1", children: "Suggesting: page edits are saved as suggestions." }), _jsx("button", { type: "button", className: "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 shrink-0 rounded px-2 py-0.5", onClick: onStopSuggesting, children: "Turn off" })] }) }));
+});
+export function useRevealPinnedCard(listRef, pinnedId, enabled) {
+    useEffect(() => {
+        if (!enabled || !pinnedId)
+            return;
+        const list = listRef.current;
+        if (!list)
+            return;
+        const card = Array.from(list.querySelectorAll("[data-feedback-thread-id]")).find((element) => element.dataset.feedbackThreadId === pinnedId);
+        if (!card)
+            return;
+        scrollElementIntoContainer(card, list, { behavior: "smooth" });
+    }, [listRef, pinnedId, enabled]);
+}
+function FeedbackMarginStackedList({ className, style, ids, pinnedId, renderCard, }) {
+    const listRef = useRef(null);
+    useRevealPinnedCard(listRef, pinnedId, true);
+    return (_jsxs("div", { ref: listRef, "data-testid": "feedback-margin-stacked-list", className: cn("z-10 space-y-3 overflow-auto p-3", className), style: style, [FEEDBACK_SCROLLABLE_ATTRIBUTE]: "", children: [_jsx("p", { "data-testid": "feedback-margin-stacked-hint", className: "text-neutral-grey-50 px-0.5 leading-4", children: "Too many comments to show beside their text. Listed in page order; select one to find it on the page." }), ids.map((id) => (_jsx("div", { "data-feedback-margin-card": id, children: renderCard(id, {
+                    selected: id === pinnedId,
+                    dimmed: !!pinnedId && id !== pinnedId,
+                }) }, id)))] }));
+}
+const FeedbackMarginUnplacedFooter = forwardRef(function FeedbackMarginUnplacedFooter({ className, layout, ids, expanded, onToggle, maxListHeight, pinnedId, renderCard, }, ref) {
+    const listRef = useRef(null);
+    useRevealPinnedCard(listRef, pinnedId, expanded);
+    const listStyle = { maxHeight: maxListHeight };
+    // Only the toggle bar reserves room in the anchored layout. The expanded
+    // list overlays the cards: counting its height would shrink the column,
+    // push the layout into stacked mode, unmount this footer and flip back.
+    return (_jsxs("div", { "data-testid": "feedback-unplaced-footer", "data-expanded": expanded ? "true" : "false", className: cn("border-border-default z-20 border-t bg-white", className), children: [_jsxs("button", { ref: ref, type: "button", className: "text-neutral-grey-100 hover:bg-neutral-grey-5 flex w-full items-center gap-2 px-3 py-2 text-left text-xs font-medium", "aria-expanded": expanded, onClick: onToggle, children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: getUnplacedLabel(ids.length, layout) }), expanded ? (_jsx(ChevronDown, { className: "h-4 w-4 shrink-0", strokeWidth: 1 })) : (_jsx(ChevronUp, { className: "h-4 w-4 shrink-0", strokeWidth: 1 }))] }), expanded && (_jsx("div", { ref: listRef, className: "border-border-default space-y-3 overflow-auto border-t p-3", style: listStyle, [FEEDBACK_SCROLLABLE_ATTRIBUTE]: "", children: ids.map((id) => (_jsx("div", { "data-feedback-margin-card": id, children: renderCard(id, {
+                        selected: id === pinnedId,
+                        dimmed: !!pinnedId && id !== pinnedId,
+                        // Not beside what they are about, so they name it.
+                        context: true,
+                    }) }, id))) }))] }));
+});
+/**
+ * What the footer holds depends on the surface. Beside the canvas it is
+ * feedback on things the page does not render. In a form it is feedback on
+ * fields the form does not show (hidden sections, fields of another item);
+ * feedback on the item as a whole sits at the top of the form instead.
+ */
+export function getUnplacedLabel(count, layout) {
+    const noun = count === 1 ? "comment" : "comments";
+    return layout === "flow"
+        ? `${count} ${noun} on fields not shown here`
+        : `${count} ${noun} on content not shown`;
+}
+//# sourceMappingURL=FeedbackMargin.js.map

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

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

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

@@ -0,0 +1,76 @@
+import { type ReactNode, type RefObject } from "react";
+import type { FeedbackAnchor } from "../page-editor-chrome/overlay/feedbackAnchorMeasurements";
+import type { FeedbackThread } from "../reviews/feedbackThreads";
+import { type FeedbackMarginPresentation, type MarginMode } from "./feedbackMarginLayout";
+import { FEEDBACK_MARGIN_MIN_WIDTH, FEEDBACK_MARGIN_RAIL_WIDTH } from "./feedbackMarginWidth";
+/**
+ * Width of the full column before the user resizes it, and of the column
+ * floating over the canvas from the rail (feedbackMarginWidth).
+ */
+export declare const FEEDBACK_MARGIN_WIDTH = 320;
+export { FEEDBACK_MARGIN_MIN_WIDTH, FEEDBACK_MARGIN_RAIL_WIDTH };
+export declare const FEEDBACK_MARGIN_CARD_GAP = 8;
+/** Room left of the cards for the leader line's elbow. */
+export declare const FEEDBACK_MARGIN_CARD_INSET_LEFT = 14;
+export declare const FEEDBACK_MARGIN_CARD_INSET_RIGHT = 10;
+/** How far the rail's layer reaches over the canvas (card plus its shadow). */
+export declare const FEEDBACK_MARGIN_RAIL_BLEED: number;
+export declare function getFeedbackMarginCardWidth(columnWidth: number): number;
+export type MarginLayoutReport = {
+    mode: MarginMode;
+    /** Anchored threads, top to bottom. */
+    orderedIds: string[];
+    unplacedIds: string[];
+};
+export type FeedbackMarginCardRenderer = (id: string, options: {
+    selected: boolean;
+    dimmed: boolean;
+    floating?: boolean;
+}) => ReactNode;
+export type FeedbackMarginMarkerRenderer = (id: string, options: {
+    selected: boolean;
+    hovered: boolean;
+}) => ReactNode;
+/** Where the surface beside the column currently is, in layer coordinates. */
+export type MarginLayerMetrics = {
+    layerHeight: number;
+    scrollTop: number;
+};
+/**
+ * What the column is a margin of: the canvas (anchors measured by the canvas
+ * overlay) or the item form (anchors are the form fields). A source reports
+ * where each thread's target sits and how tall the surface is.
+ */
+export type FeedbackMarginSource = {
+    measure: (thread: FeedbackThread) => FeedbackAnchor | undefined;
+    layerMetrics: MarginLayerMetrics;
+};
+export type FeedbackMarginControllerProps = FeedbackMarginSource & {
+    threads: FeedbackThread[];
+    heights: Record<string, number>;
+    /** Width of the column the cards (or markers) sit in. */
+    width: number;
+    presentation: FeedbackMarginPresentation;
+    /** Top of the usable column (below the header), in layer coordinates. */
+    minY: number;
+    /** Height the fixed footer takes away at the bottom. */
+    footerHeight: number;
+    pinnedId: string | undefined;
+    /** Bumped when focus leaves the column; deferred mode switches resume. */
+    focusEpoch: number;
+    columnRef: RefObject<HTMLDivElement | null>;
+    onLayoutChange: (report: MarginLayoutReport) => void;
+    renderCard: FeedbackMarginCardRenderer;
+    renderMarker: FeedbackMarginMarkerRenderer;
+};
+/**
+ * Measures where every thread's text sits on the canvas, lays the cards out
+ * as balloons beside it and decides whether that layout fits. Stays mounted
+ * in both modes (in stacked mode it renders no cards) so the column can
+ * return to anchored mode when the page or the cards change.
+ *
+ * In the rail presentation the balloons are small markers, which never
+ * switch to the stacked list; the selected thread and any unsent draft float
+ * as full cards over the canvas, left of the rail and level with their marker.
+ */
+export declare function FeedbackMarginController({ measure, layerMetrics, threads, heights, width, presentation, minY, footerHeight, pinnedId, focusEpoch, columnRef, onLayoutChange, renderCard, renderMarker, }: FeedbackMarginControllerProps): import("react").JSX.Element | null;