@fivepixels-js/react 0.1.7 → 0.2.0

package/dist/components/point/MarkerFeedbackWindow.js

@@ -0,0 +1,257 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, Fragment } from "react";
+import { getMarkerDotSize } from "../../utils/markerRuntime.js";
+import { useDraggableWindow, clampWindowPosition } from "../../hooks/useDraggableWindow.js";
+import { useGhostCornerResize } from "../../hooks/useGhostCornerResize.js";
+import { useNativeHover } from "../../hooks/useNativeHover.js";
+import { useReport } from "../../providers/reportContext.js";
+import { shouldShowCaseReplyComposer } from "../../utils/feedbackThread.js";
+import { getCaseAssigneeName, getCaseById } from "../../utils/reportCases.js";
+import { getFieldTags } from "../../utils/fields.js";
+import { copyTextToClipboard } from "../../utils/feedbackDataTransfer.js";
+import { buildFeedbackShareUrl } from "../../utils/feedbackDeepLink.js";
+import { CloseIcon, LinkIcon, MaximizeIcon, MinimizeIcon, RestoreIcon, SidePanelIcon } from "../../components/icons/Icons.js";
+import { FeedbackFieldTags } from "../../components/panel/feedback/FeedbackFieldTags.js";
+import { CornerResizeGhost } from "../../components/ui/CornerResizeGhost.js";
+import { CornerResizeHandle } from "../../components/ui/CornerResizeHandle.js";
+import { FeedbackComposer } from "../../components/panel/feedback/FeedbackComposer.js";
+import { CaseAssigneeInfo } from "../../components/panel/feedback/CaseAssigneeInfo.js";
+import { FeedbackThread } from "../../components/panel/feedback/FeedbackThread.js";
+import { MarkerCaseSidebar } from "./MarkerCaseSidebar.js";
+import { ProcessingDots } from "../../components/ui/ProcessingDots.js";
+import { Text } from "../../components/ui/Text/index.js";
+const WINDOW_MARGIN = 16;
+const DEFAULT_WINDOW_SIZE = { width: 600, height: 460 };
+const MIN_WINDOW_WIDTH = 420;
+const MIN_WINDOW_HEIGHT = 280;
+const DEFAULT_SIDEBAR_WIDTH = 208;
+const SIDEBAR_MIN_WIDTH = 150;
+const RIGHT_MIN_WIDTH = 280;
+const COLLAPSED_SIDEBAR_WIDTH = 46;
+const WINDOW_CLOSE_ANIMATION_MS = 220;
+const LEFT_SECTION_TRANSITION = "transition-[background-color,backdrop-filter] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]";
+const LEFT_SECTION_FLAT_CLASS = `${LEFT_SECTION_TRANSITION} bg-[var(--adaptive-black50)]`;
+const LEFT_SECTION_BLUR_CLASS = `${LEFT_SECTION_TRANSITION} bg-[var(--adaptive-fillOpacity500)] backdrop-blur-[20px] shadow-[inset_0_20px_0_20px_var(--adaptive-black500)]]`;
+function getLeftSectionClass(phase) {
+    return phase === "idle" ? LEFT_SECTION_BLUR_CLASS : LEFT_SECTION_FLAT_CLASS;
+}
+const HEADER_BUTTON_CLASS = "flex h-[24px] w-[24px] items-center justify-center rounded-[6px] text-[var(--adaptive-black600)] transition-colors hover:bg-[var(--adaptive-tintOpacity200)] hover:text-[var(--adaptive-black900)]";
+function getViewportSize() {
+    if (typeof window === "undefined") {
+        return { width: DEFAULT_WINDOW_SIZE.width, height: DEFAULT_WINDOW_SIZE.height };
+    }
+    return { width: window.innerWidth, height: window.innerHeight };
+}
+function clampMarkerWindowSize(width, height) {
+    const viewport = getViewportSize();
+    const maxWidth = Math.max(MIN_WINDOW_WIDTH, viewport.width - WINDOW_MARGIN * 2);
+    const maxHeight = Math.max(MIN_WINDOW_HEIGHT, viewport.height - WINDOW_MARGIN * 2);
+    return {
+        width: Math.min(Math.max(width, MIN_WINDOW_WIDTH), maxWidth),
+        height: Math.min(Math.max(height, MIN_WINDOW_HEIGHT), maxHeight),
+    };
+}
+function clampSidebarWidth(width, windowWidth) {
+    const maxWidth = Math.max(SIDEBAR_MIN_WIDTH, windowWidth - RIGHT_MIN_WIDTH);
+    return Math.min(Math.max(width, SIDEBAR_MIN_WIDTH), maxWidth);
+}
+function WindowControlButton({ onClick, ariaLabel, title, className = "", children }) {
+    return (_jsx("button", { type: "button", "data-fivepixels-interactive": "", onPointerDown: (event) => event.stopPropagation(), onClick: onClick, "aria-label": ariaLabel, title: title, className: `${HEADER_BUTTON_CLASS} ${className}`, children: children }));
+}
+function MarkerWindowShareButton({ report, messages }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = () => {
+        void copyTextToClipboard(buildFeedbackShareUrl(report))
+            .then(() => {
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        })
+            .catch(() => {
+            setCopied(false);
+        });
+    };
+    return (_jsx(WindowControlButton, { onClick: handleCopy, ariaLabel: messages.marker.shareLinkAriaLabel, title: copied ? messages.marker.shareLinkCopiedTitle : messages.marker.shareLinkTitle, children: _jsx(LinkIcon, { className: "h-[15px] w-[15px]" }) }));
+}
+export function MarkerFeedbackWindow({ report, anchor }) {
+    const { messages, fields, authors, pendingComposer, replyDraft, replyAuthorName, confirmAuthorName, showConfirmAuthorSelect, errorMessage, setErrorMessage, isUpdating, isSubmittingReply, isClaimingAssignee, focusedCaseId, selectCase, closeReplyComposer, clearHoverLeaveTimeout, scheduleHoverLeave, setHoveredMarkerId, setReplyDraft, setReplyAuthorName, setConfirmAuthorName, toggleConfirmAuthorSelect, handleReplySubmit, startDenyReview, startCheckoutReview, startAskQuestion, handleClaimAssignee, handleTransferAssignee, handleConfirmResolution, } = useReport();
+    const windowRef = useRef(null);
+    const surfaceRef = useRef(null);
+    const closeRequestedRef = useRef(false);
+    const closeFinishedRef = useRef(false);
+    const [windowMode, setWindowMode] = useState("normal");
+    const [windowSurfacePhase, setWindowSurfacePhase] = useState("entering");
+    const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+    const [size, setSize] = useState(DEFAULT_WINDOW_SIZE);
+    const [sidebarWidth, setSidebarWidth] = useState(DEFAULT_SIDEBAR_WIDTH);
+    const splitStateRef = useRef(null);
+    const splitListenersRef = useRef(null);
+    const hoverRef = useNativeHover({
+        onEnter: () => {
+            clearHoverLeaveTimeout();
+            setHoveredMarkerId(report.id);
+        },
+        onLeave: () => {
+            scheduleHoverLeave(report.id);
+        },
+    });
+    const bindWindowRef = useCallback((node) => {
+        windowRef.current = node;
+        hoverRef(node);
+    }, [hoverRef]);
+    const { position, handleDragHandlePointerDown } = useDraggableWindow({
+        enabled: windowMode !== "maximized",
+        windowRef,
+    });
+    const { isResizing, ghostRef, handleResizePointerDown } = useGhostCornerResize({
+        enabled: windowMode === "normal",
+        targetRef: surfaceRef,
+        handleCorner: "bottom-right",
+        clampSize: clampMarkerWindowSize,
+        onResizeComplete: setSize,
+    });
+    const finishClose = useCallback(() => {
+        if (closeFinishedRef.current) {
+            return;
+        }
+        closeFinishedRef.current = true;
+        clearHoverLeaveTimeout();
+        setHoveredMarkerId(null);
+        closeReplyComposer();
+    }, [clearHoverLeaveTimeout, closeReplyComposer, setHoveredMarkerId]);
+    const requestClose = useCallback(() => {
+        if (closeRequestedRef.current) {
+            return;
+        }
+        closeRequestedRef.current = true;
+        setWindowSurfacePhase("exiting");
+    }, []);
+    const handleWindowAnimationEnd = useCallback((event) => {
+        if (event.currentTarget !== event.target) {
+            return;
+        }
+        if (event.animationName.endsWith("fivepixels-marker-window-in")) {
+            setWindowSurfacePhase("idle");
+            return;
+        }
+        if (event.animationName.endsWith("fivepixels-marker-window-out") && closeRequestedRef.current) {
+            finishClose();
+        }
+    }, [finishClose]);
+    useEffect(() => {
+        if (windowSurfacePhase !== "exiting") {
+            return;
+        }
+        const fallbackId = window.setTimeout(finishClose, WINDOW_CLOSE_ANIMATION_MS + 60);
+        return () => {
+            window.clearTimeout(fallbackId);
+        };
+    }, [finishClose, windowSurfacePhase]);
+    useEffect(() => {
+        if (!focusedCaseId) {
+            return;
+        }
+        const handlePointerDown = (event) => {
+            if (closeRequestedRef.current) {
+                return;
+            }
+            const path = event.composedPath();
+            if (windowRef.current && path.includes(windowRef.current)) {
+                return;
+            }
+            const clickedMarker = path.find((node) => node instanceof Element && node.hasAttribute("data-marker-report-id"));
+            if (clickedMarker instanceof Element) {
+                return;
+            }
+            requestClose();
+        };
+        window.addEventListener("pointerdown", handlePointerDown);
+        return () => {
+            window.removeEventListener("pointerdown", handlePointerDown);
+        };
+    }, [focusedCaseId, requestClose]);
+    const detachSplitListeners = useCallback(() => {
+        const listeners = splitListenersRef.current;
+        if (!listeners) {
+            return;
+        }
+        window.removeEventListener("pointermove", listeners.move, true);
+        window.removeEventListener("pointerup", listeners.up, true);
+        window.removeEventListener("pointercancel", listeners.up, true);
+        splitListenersRef.current = null;
+    }, []);
+    useEffect(() => () => detachSplitListeners(), [detachSplitListeners]);
+    const isCreatorQuestionComposer = pendingComposer?.type === "question";
+    const showComposer = useMemo(() => {
+        if (!focusedCaseId) {
+            return false;
+        }
+        return shouldShowCaseReplyComposer(report, focusedCaseId, pendingComposer);
+    }, [focusedCaseId, pendingComposer, report]);
+    const focusedCase = focusedCaseId ? getCaseById(report, focusedCaseId) : undefined;
+    const focusedCaseAssigneeName = focusedCaseId ? getCaseAssigneeName(report, focusedCaseId) : null;
+    const showAssigneeAssigned = Boolean(focusedCaseAssigneeName) || isClaimingAssignee;
+    const fieldTags = useMemo(() => getFieldTags(fields, report.field_values), [fields, report.field_values]);
+    const viewport = getViewportSize();
+    const maximizedSize = {
+        width: Math.max(MIN_WINDOW_WIDTH, viewport.width - WINDOW_MARGIN * 2),
+        height: Math.max(MIN_WINDOW_HEIGHT, viewport.height - WINDOW_MARGIN * 2),
+    };
+    const isMinimized = windowMode === "minimized";
+    const isMaximized = windowMode === "maximized";
+    const effectiveSize = isMaximized ? maximizedSize : size;
+    const resolvedSidebarWidth = clampSidebarWidth(sidebarWidth, effectiveSize.width);
+    const initialPosition = useMemo(() => clampWindowPosition(anchor.left + getMarkerDotSize() / 2 - size.width / 2, anchor.top + getMarkerDotSize() / 2 - size.height / 2, size.width, size.height), [anchor.left, anchor.top, size.height, size.width]);
+    const resolvedPosition = isMaximized ? { left: WINDOW_MARGIN, top: WINDOW_MARGIN } : (position ?? initialPosition);
+    const leftSectionClass = getLeftSectionClass(windowSurfacePhase);
+    const windowAnimationClass = windowSurfacePhase === "exiting" ? "fivepixels-marker-window-exit" : windowSurfacePhase === "entering" ? "fivepixels-marker-window-enter pointer-events-auto" : "pointer-events-auto";
+    const handleSplitPointerDown = useCallback((event) => {
+        if (event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        detachSplitListeners();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        splitStateRef.current = { startX: event.clientX, startWidth: resolvedSidebarWidth, windowWidth: effectiveSize.width };
+        const handlePointerMove = (moveEvent) => {
+            const state = splitStateRef.current;
+            if (!state) {
+                return;
+            }
+            setSidebarWidth(clampSidebarWidth(state.startWidth + (moveEvent.clientX - state.startX), state.windowWidth));
+        };
+        const handlePointerUp = () => {
+            detachSplitListeners();
+            splitStateRef.current = null;
+        };
+        splitListenersRef.current = { move: handlePointerMove, up: handlePointerUp };
+        window.addEventListener("pointermove", handlePointerMove, true);
+        window.addEventListener("pointerup", handlePointerUp, true);
+        window.addEventListener("pointercancel", handlePointerUp, true);
+    }, [detachSplitListeners, effectiveSize.width, resolvedSidebarWidth]);
+    const handleToggleMinimize = () => {
+        setWindowMode((current) => (current === "minimized" ? "normal" : "minimized"));
+    };
+    const handleToggleMaximize = () => {
+        setWindowMode((current) => (current === "maximized" ? "normal" : "maximized"));
+    };
+    const leftControls = (_jsxs(_Fragment, { children: [_jsx(WindowControlButton, { onClick: requestClose, ariaLabel: messages.marker.windowCloseAriaLabel, children: _jsx(CloseIcon, { className: "h-[15px] w-[15px]" }) }), _jsx(WindowControlButton, { onClick: handleToggleMinimize, ariaLabel: isMinimized ? messages.marker.windowRestoreAriaLabel : messages.marker.windowMinimizeAriaLabel, children: _jsx(MinimizeIcon, { className: "h-[15px] w-[15px]" }) }), _jsx(WindowControlButton, { onClick: handleToggleMaximize, ariaLabel: isMaximized ? messages.marker.windowRestoreAriaLabel : messages.marker.windowMaximizeAriaLabel, children: isMaximized ? _jsx(RestoreIcon, { className: "h-[15px] w-[15px]" }) : _jsx(MaximizeIcon, { className: "h-[15px] w-[15px]" }) })] }));
+    const sidebarToggleButton = (_jsx(WindowControlButton, { onClick: () => setIsSidebarCollapsed((current) => !current), ariaLabel: isSidebarCollapsed ? messages.marker.sidebarExpandAriaLabel : messages.marker.sidebarCollapseAriaLabel, className: isSidebarCollapsed ? "" : "text-[var(--adaptive-blue500)]", children: _jsx(SidePanelIcon, { className: "h-[16px] w-[16px]" }) }));
+    const shareButton = (_jsx(MarkerWindowShareButton, { report: report, messages: messages }));
+    const rightSection = (_jsxs("div", { className: "flex min-w-0 flex-1 flex-col bg-[var(--adaptive-black50)]", children: [_jsx("div", { className: "shrink-0 border-b border-[var(--adaptive-border-subtle)] px-[16px] py-[8px]", children: focusedCase ? (_jsxs(Fragment, { children: [_jsx("p", { className: `truncate text-[15px] font-semibold leading-[1.4] text-[var(--adaptive-black900)] ${focusedCase.status === "resolved" ? "text-[var(--adaptive-black500)] line-through" : ""}`, title: focusedCase.text, children: focusedCase.text }), _jsxs("div", { className: "mt-[2px] flex min-w-0 items-center justify-between gap-[8px]", children: [_jsx("div", { className: "flex min-w-0 flex-1 items-center gap-[6px]", children: showAssigneeAssigned ? (_jsxs(_Fragment, { children: [_jsx(ProcessingDots, {}), _jsx(Text.Shimmer, { className: "min-w-0 truncate text-[12px] leading-[1.4]", color: {
+                                                    start: "var(--adaptive-black900)",
+                                                    end: "var(--adaptive-blue400)",
+                                                }, duration: 5, children: messages.marker.assigneeAssigned })] })) : (_jsx("p", { className: "min-w-0 truncate text-[12px] leading-[1.4] text-[var(--adaptive-black500)]", children: messages.marker.assigneeUnassigned })) }), _jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-[8px]", children: [_jsx(FeedbackFieldTags, { tags: fieldTags }), showAssigneeAssigned && focusedCase ? (_jsx(CaseAssigneeInfo, { caseItem: focusedCase, authors: authors })) : null] })] })] })) : (_jsx("p", { className: "text-[13px] text-[var(--adaptive-black500)]", children: messages.cases.selectToView })) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col relative", children: [_jsx(FeedbackThread, { report: report, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, onConfirmAuthorNameChange: setConfirmAuthorName, onToggleConfirmAuthorSelect: toggleConfirmAuthorSelect, onStartDeny: startDenyReview, onStartCheckout: startCheckoutReview, onStartAskQuestion: startAskQuestion, onClaimAssignee: () => void handleClaimAssignee(), onTransferAssignee: () => void handleTransferAssignee(), onConfirm: () => void handleConfirmResolution(), isUpdating: isUpdating, isClaimingAssignee: isClaimingAssignee, hideCaseSelector: true }), showComposer ? (_jsx("section", { className: "relative shrink-0 overflow-visible p-[4px] absolute bottom-0 left-0 w-full", children: _jsx(FeedbackComposer, { message: replyDraft, onMessageChange: (value) => {
+                                setReplyDraft(value);
+                                if (errorMessage) {
+                                    setErrorMessage("");
+                                }
+                            }, authorName: replyAuthorName, onAuthorNameChange: setReplyAuthorName, authors: authors, fields: fields, fieldValues: report.field_values, onFieldChange: () => undefined, showTags: false, hideAuthorSelector: true, onSubmit: () => void handleReplySubmit(), isSubmitting: isSubmittingReply || isUpdating, autoFocus: pendingComposer !== null, askQuestionForced: isCreatorQuestionComposer, errorMessage: errorMessage }) })) : null] })] }));
+    return (_jsxs(_Fragment, { children: [isResizing ? _jsx(CornerResizeGhost, { ghostRef: ghostRef }) : null, _jsx("div", { ref: bindWindowRef, "data-fivepixels-interactive": "", onClick: (event) => event.stopPropagation(), onAnimationEnd: handleWindowAnimationEnd, className: `fixed z-[1000001] ${windowAnimationClass}`, style: {
+                    left: resolvedPosition.left,
+                    top: resolvedPosition.top,
+                    width: effectiveSize.width,
+                    ...(isMinimized ? null : { height: effectiveSize.height }),
+                }, children: isMinimized ? (_jsxs("div", { ref: surfaceRef, className: `flex items-center justify-between gap-[8px] overflow-hidden rounded-[16px] border border-[var(--adaptive-border-subtle)] px-[10px] py-[8px] shadow-[var(--adaptive-popup-shadow)] ${leftSectionClass}`, children: [_jsx("div", { onPointerDown: handleDragHandlePointerDown, className: "flex flex-1 cursor-move touch-none select-none items-center gap-[2px]", children: leftControls }), shareButton, sidebarToggleButton] })) : (_jsxs("div", { ref: surfaceRef, className: "flex h-full w-full flex-row overflow-hidden rounded-[16px] shadow-[var(--adaptive-popup-shadow)] border border-[var(--adaptive-border-subtle)]", children: [isSidebarCollapsed ? (_jsxs("div", { onPointerDown: handleDragHandlePointerDown, className: `flex shrink-0 cursor-move touch-none select-none flex-col items-center gap-[2px] py-[8px] ${leftSectionClass}`, style: { width: COLLAPSED_SIDEBAR_WIDTH }, children: [leftControls, shareButton, sidebarToggleButton] })) : (_jsxs("div", { className: `flex shrink-0 flex-col overflow-hidden ${leftSectionClass}`, style: { width: resolvedSidebarWidth }, children: [_jsxs("header", { onPointerDown: handleDragHandlePointerDown, className: "flex shrink-0 cursor-move touch-none select-none items-center justify-between gap-[8px] px-[10px] py-[8px]", children: [_jsx("div", { className: "flex items-center gap-[2px]", children: leftControls }), _jsxs("div", { className: "flex items-center gap-[2px]", children: [shareButton, sidebarToggleButton] })] }), _jsx(MarkerCaseSidebar, { report: report, focusedCaseId: focusedCaseId, onSelectCase: selectCase })] })), isSidebarCollapsed ? null : (_jsx("div", { role: "separator", "aria-orientation": "vertical", onPointerDown: handleSplitPointerDown, className: "group relative w-[1px] shrink-0 cursor-col-resize touch-none self-stretch bg-[var(--adaptive-black50)] group-hover:bg-[var(--adaptive-blue500)] transition-colors" })), rightSection, windowMode === "normal" ? (_jsx(CornerResizeHandle, { corner: "bottom-right", ariaLabel: messages.marker.resizeAriaLabel, onPointerDown: handleResizePointerDown })) : null] })) })] }));
+}
+//# sourceMappingURL=MarkerFeedbackWindow.js.map

package/dist/components/point/MarkerFeedbackWindow.js.map

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

package/dist/components/point/ReportDraftMarker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportDraftMarker.d.ts","sourceRoot":"","sources":["../../../src/components/point/ReportDraftMarker.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,mDA0ChC"}
+{"version":3,"file":"ReportDraftMarker.d.ts","sourceRoot":"","sources":["../../../src/components/point/ReportDraftMarker.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,mDAyBhC"}

package/dist/components/point/ReportDraftMarker.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { TARGET_COLOR } from "../../constants/report.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FEEDBACK_HIGHLIGHT } from "../../constants/report.js";
 import { useReport } from "../../providers/reportContext.js";
 import { getDraftMarkerPosition } from "../../utils/coordinates.js";
 const DRAFT_MARKER_CLASS = "pointer-events-none fixed z-[1000000000] flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-2 border-white shadow-lg";
@@ -9,23 +9,14 @@ export function ReportDraftMarker() {
         return null;
     }
     const { left, top, clampedEdge } = getDraftMarkerPosition(draft, selectedTarget);
-    const markerColor = TARGET_COLOR[draft.reportType];
+    const markerColor = FEEDBACK_HIGHLIGHT.outline;
     if (clampedEdge !== null) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [selectedTarget ? (_jsx("div", { 
-                // className="pointer-events-none fixed rounded-[3px] border border-sky-400/70 bg-sky-200/20 shadow-[0_0_0_1px_rgba(148,163,184,0.4)]"
-                className: "pointer-events-none fixed", style: {
-                    left: selectedTarget.rect.left,
-                    top: selectedTarget.rect.top,
-                    width: selectedTarget.rect.width,
-                    height: selectedTarget.rect.height,
-                    // outline: `1px solid ${markerColor}`,
-                    // backgroundColor: TARGET_SURFACE[draft.reportType],
-                } })) : null, _jsx("div", { "aria-hidden": true, className: DRAFT_MARKER_CLASS, style: {
-                    left,
-                    top,
-                    backgroundColor: markerColor,
-                } })] }));
+    return (_jsx("div", { "aria-hidden": true, className: DRAFT_MARKER_CLASS, style: {
+            left,
+            top,
+            backgroundColor: markerColor,
+        } }));
 }
 //# sourceMappingURL=ReportDraftMarker.js.map

package/dist/components/point/ReportDraftMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportDraftMarker.js","sourceRoot":"","sources":["../../../src/components/point/ReportDraftMarker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,kBAAkB,GAAG,kKAAkK,CAAC;AAE9L,MAAM,UAAU,iBAAiB;IAC7B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,SAAS,EAAE,CAAC;IAEpD,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACjF,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEnD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,8BACK,cAAc,CAAC,CAAC,CAAC,CACd;gBACI,sIAAsI;gBACtI,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE;oBACH,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI;oBAC9B,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;oBAC5B,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK;oBAChC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,MAAM;oBAClC,uCAAuC;oBACvC,qDAAqD;iBACxD,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EAER,mCAEI,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;oBACH,IAAI;oBACJ,GAAG;oBACH,eAAe,EAAE,WAAW;iBAC/B,GACH,IACH,CACN,CAAC;AACN,CAAC"}
+{"version":3,"file":"ReportDraftMarker.js","sourceRoot":"","sources":["../../../src/components/point/ReportDraftMarker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,kBAAkB,GAAG,kKAAkK,CAAC;AAE9L,MAAM,UAAU,iBAAiB;IAC7B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,SAAS,EAAE,CAAC;IAEpD,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACjF,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC;IAE/C,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,mCAEI,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACH,IAAI;YACJ,GAAG;YACH,eAAe,EAAE,WAAW;SAC/B,GACH,CACL,CAAC;AACN,CAAC"}

package/dist/components/point/ReportMarkersLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportMarkersLayer.d.ts","sourceRoot":"","sources":["../../../src/components/point/ReportMarkersLayer.tsx"],"names":[],"mappings":"AAoKA,wBAAgB,kBAAkB,mDAuTjC"}
+{"version":3,"file":"ReportMarkersLayer.d.ts","sourceRoot":"","sources":["../../../src/components/point/ReportMarkersLayer.tsx"],"names":[],"mappings":"AAsLA,wBAAgB,kBAAkB,mDAgKjC"}

package/dist/components/point/ReportMarkersLayer.js

@@ -1,34 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useCallback, useMemo } from "react";
 import { useNativeHover } from "../../hooks/useNativeHover.js";
 import { useTooltipLayout } from "../../hooks/useTooltipLayout.js";
 import { useReport } from "../../providers/reportContext.js";
 import { resolveMarkerOverflowHints } from "../../utils/coordinates.js";
 import { scrollContainerTowardEdge } from "../../utils/dom.js";
-import { getDetachedMarkerAriaLabel, getDetachedMarkerHint, getModalGhostFrame } from "../../utils/markerContext.js";
-import { getMarkerColor } from "../../utils/reportVisual.js";
-import { FeedbackComposer } from "../../components/panel/feedback/FeedbackComposer.js";
+import { getDetachedMarkerAriaLabel, getModalGhostFrame } from "../../utils/markerContext.js";
+import { getMarkerDotSize } from "../../utils/markerRuntime.js";
+import { resolveMarkerShapeStyle } from "../../utils/markerShape.js";
+import { getMarkerLabelFontSizePx } from "../../constants/markerAppearance.js";
+import { getMarkerColor, getMarkerDisplayLabel } from "../../utils/reportVisual.js";
 import { FeedbackHoverCard } from "../../components/panel/feedback/FeedbackHoverCard.js";
-import { FeedbackIssueHeader } from "../../components/panel/feedback/FeedbackIssueHeader.js";
-import { FeedbackThread } from "../../components/panel/feedback/FeedbackThread.js";
-const TOOLTIP_SURFACE_CLASS = "overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)] shadow-[var(--adaptive-popup-shadow)]";
+import { getReplyCount } from "../../utils/feedbackThread.js";
+import { MarkerFeedbackWindow } from "./MarkerFeedbackWindow.js";
+const TOOLTIP_SURFACE_CLASS = "overflow-hidden rounded-[12px] border-[3px] border-[var(--adaptive-black200)] bg-[var(--adaptive-fillOpacity800)] backdrop-blur-[5px] shadow-[var(--adaptive-popup-shadow)]";
+// "overflow-hidden rounded-[12px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-blackOpacity500)] backdrop-blur-[10px] shadow-[var(--adaptive-popup-shadow)]";
 const TOOLTIP_FIXED_CLASS = `fixed z-[1000001] ${TOOLTIP_SURFACE_CLASS}`;
-const EXPANDED_TOOLTIP_ANCHOR_CLASS = "pointer-events-auto fixed z-[1000001]";
-const MARKER_ANCHOR_CLASS = "pointer-events-none fixed z-[1000000] -translate-x-1/2 -translate-y-1/2";
+const MARKER_ANCHOR_BASE_CLASS = "pointer-events-none fixed z-[1000000]";
 const MARKER_BUTTON_BASE_CLASS = "flex items-center justify-center";
-const OVERFLOW_HINT_BASE_CLASS = "pointer-events-auto fixed z-[1000000] flex items-center justify-center rounded-full border border-white/80 bg-[#000000b3] text-white shadow-[0_4px_10px_#00000090] backdrop-blur-[6px]";
-const OVERFLOW_HINT_TEXT_CLASS = "max-w-[220px] whitespace-nowrap px-[10px] py-[6px] text-[12px] font-medium leading-none";
+const OVERFLOW_HINT_BASE_CLASS = "pointer-events-auto fixed z-[1000000] flex items-center justify-center rounded-full bg-[#000000b3] backdrop-blur-[6px]";
+const OVERFLOW_HINT_TEXT_CLASS = "max-w-[220px] whitespace-nowrap px-[10px] py-[6px] text-[12px] font-medium leading-none text-white";
 const OVERFLOW_HINT_ARROW_CLASS = "flex h-[28px] w-[28px] items-center justify-center text-[16px] font-semibold leading-none";
 const MODAL_GHOST_LAYER_CLASS = "pointer-events-none fixed inset-0 z-[999999]";
 function MarkerOverflowHintButton({ hint, label, onActivate }) {
     const isVertical = hint.edge === "top" || hint.edge === "bottom";
-    const transform = hint.edge === "top"
-        ? "translate(-50%, 0)"
-        : hint.edge === "bottom"
-            ? "translate(-50%, -100%)"
-            : hint.edge === "left"
-                ? "translate(0, -50%)"
-                : "translate(-100%, -50%)";
+    const transform = hint.edge === "top" ? "translate(-50%, 0)" : hint.edge === "bottom" ? "translate(-50%, -100%)" : hint.edge === "left" ? "translate(0, -50%)" : "translate(-100%, -50%)";
     return (_jsx("button", { type: "button", "data-fivepixels-interactive": "", "aria-label": label, onClick: () => onActivate(hint), className: OVERFLOW_HINT_BASE_CLASS, style: {
             left: hint.left,
             top: hint.top,
@@ -49,36 +45,48 @@ function DetachedModalGhostFrame({ markerItem }) {
                     height: frame.dialog.height,
                 } })] }));
 }
-function MarkerButton({ markerItem, isSelected, detachedAriaLabel, detachedModalAriaLabel, onActivate, onHoverStart, onHoverEnd }) {
+function MarkerButton({ markerItem, isSelected, detachedAriaLabel, detachedModalAriaLabel, markerAppearance, typography, onActivate, onHoverStart, onHoverEnd }) {
     const hoverRef = useNativeHover({
         onEnter: onHoverStart,
         onLeave: onHoverEnd,
     });
-    const replyCount = markerItem.report.replies.length;
-    const markerLabel = replyCount > 0 ? `${markerItem.report.report_type} · ${markerItem.report.report_id} · ${replyCount} replies` : `${markerItem.report.report_type} · ${markerItem.report.report_id}`;
+    const replyCount = getReplyCount(markerItem.report);
+    const markerBadgeLabel = getMarkerDisplayLabel(markerItem.report, replyCount);
+    const markerLabel = markerBadgeLabel
+        ? `${markerItem.report.report_type} · ${markerItem.report.report_id} · ${markerBadgeLabel}`
+        : `${markerItem.report.report_type} · ${markerItem.report.report_id}`;
     const isDetached = markerItem.detached;
     const isModalDetached = markerItem.detachedKind === "modal";
     const resolvedDetachedAriaLabel = getDetachedMarkerAriaLabel(markerItem.detachedKind, {
         detachedAriaLabel,
         detachedModalAriaLabel,
     });
-    const markerShapeClass = isModalDetached ? "rounded-[5px]" : "rounded-full";
-    const ringShapeClass = isModalDetached ? "rounded-[8px]" : "rounded-full";
+    const dotSize = getMarkerDotSize();
+    const showMarkerLabel = typography.fontSize !== "none" && Boolean(markerBadgeLabel);
+    const shapeStyle = resolveMarkerShapeStyle(markerAppearance.shape, dotSize, showMarkerLabel, isModalDetached);
     const ringColorClass = isModalDetached ? "border-[#a5b4fc]/90" : "border-white/80";
-    return (_jsx("div", { className: MARKER_ANCHOR_CLASS, style: {
+    const markerFontSizePx = typography.fontSize === "none" ? undefined : getMarkerLabelFontSizePx(typography.fontSize);
+    return (_jsx("div", { className: `${MARKER_ANCHOR_BASE_CLASS} ${shapeStyle.anchorClass}`, style: {
             left: markerItem.left,
             top: markerItem.top,
-        }, children: _jsxs("div", { className: "relative pointer-events-auto", children: [isDetached ? (_jsx("div", { "aria-hidden": true, className: `pointer-events-none absolute -inset-[6px] border border-dashed ${ringShapeClass} ${ringColorClass}` })) : null, _jsx("button", { ref: hoverRef, type: "button", "data-fivepixels-interactive": "", "data-marker-report-id": markerItem.report.id, "aria-label": isDetached ? `${resolvedDetachedAriaLabel} · ${markerLabel}` : markerLabel, onClick: () => {
+        }, children: _jsxs("div", { className: "relative pointer-events-auto", children: [isDetached ? (_jsx("div", { "aria-hidden": true, className: `pointer-events-none absolute -inset-[6px] border border-dashed ${shapeStyle.ringClass} ${ringColorClass}` })) : null, _jsx("button", { ref: hoverRef, type: "button", "data-fivepixels-interactive": "", "data-marker-report-id": markerItem.report.id, "aria-label": isDetached ? `${resolvedDetachedAriaLabel} · ${markerLabel}` : markerLabel, onClick: () => {
                         void onActivate(markerItem.report);
-                    }, className: `${isSelected
-                        ? `${MARKER_BUTTON_BASE_CLASS} min-h-[16px] min-w-[16px] border-[2px] scale-[1.4] border-white shadow-[0_4px_10px_#00000090]`
-                        : `${MARKER_BUTTON_BASE_CLASS} min-h-[16px] min-w-[16px] border-[2px] border-white shadow-[0_4px_10px_#00000090]`} ${markerShapeClass} ${replyCount > 0 ? "p-[4px_8px] text-white" : ""} ${isDetached ? "border-dashed opacity-75" : ""}`, style: {
-                        backgroundColor: getMarkerColor(markerItem.report),
+                    }, className: `${MARKER_BUTTON_BASE_CLASS} border-[2px] border-white shadow-[0_4px_10px_#00000090] ${shapeStyle.shapeClass} ${isSelected ? "scale-[1.4]" : ""} ${isDetached ? "border-dashed opacity-75" : ""} ${showMarkerLabel ? "text-white" : ""}`, style: {
+                        backgroundColor: getMarkerColor(markerItem.report, markerAppearance.colors),
                         pointerEvents: "auto",
-                    }, children: replyCount > 0 ? (`+${replyCount}`) : isModalDetached ? (_jsx("span", { "aria-hidden": true, className: "block h-[7px] w-[9px] border border-white/90 bg-white/15" })) : null }, markerItem.id)] }) }));
+                        width: shapeStyle.width,
+                        height: shapeStyle.height,
+                        minWidth: shapeStyle.width,
+                        minHeight: shapeStyle.height,
+                        paddingLeft: shapeStyle.paddingX,
+                        paddingRight: shapeStyle.paddingX,
+                        clipPath: shapeStyle.clipPath,
+                        fontSize: markerFontSizePx === undefined ? undefined : `${markerFontSizePx}px`,
+                        fontFamily: showMarkerLabel ? typography.fontFamily : undefined,
+                    }, children: showMarkerLabel ? (markerBadgeLabel) : isModalDetached ? (_jsx("span", { "aria-hidden": true, className: "block h-[7px] w-[9px] border border-white/90 bg-white/15" })) : null }, markerItem.id)] }) }));
 }
 export function ReportMarkersLayer() {
-    const { mode, markers, selectedReport, fields, authors, activeReplyReportId, activeReplyReport, tooltipReport, tooltipAnchor, tooltipFieldTags, replyDraft, replyAuthorName, pendingComposer, isUpdating, editingReportId, messages, selectReport, activateFeedbackMarker, closeReplyComposer, clearHoverLeaveTimeout, scheduleHoverLeave, setHoveredMarkerId, setReplyDraft, setReplyAuthorName, handleReplySubmit, startDenyReview, startCheckoutReview, confirmAuthorName, setConfirmAuthorName, showConfirmAuthorSelect, toggleConfirmAuthorSelect, handleConfirmResolution, } = useReport();
+    const { mode, markers, selectedReport, activeReplyReport, activeReplyReportId, tooltipReport, tooltipAnchor, editingReportId, messages, markerAppearance, typography, selectReport, activateFeedbackMarker, clearHoverLeaveTimeout, scheduleHoverLeave, setHoveredMarkerId, } = useReport();
     const handleMarkerHoverStart = useCallback((reportId) => {
         clearHoverLeaveTimeout();
         setHoveredMarkerId(reportId);
@@ -94,49 +102,7 @@ export function ReportMarkersLayer() {
         clearHoverLeaveTimeout();
         setHoveredMarkerId((current) => (current === reportId ? null : current));
     }, [activeReplyReportId, clearHoverLeaveTimeout, scheduleHoverLeave, setHoveredMarkerId]);
-    const tooltipContainerRef = useRef(null);
-    const expandedTooltipHoverRef = useNativeHover({
-        onEnter: () => {
-            if (tooltipReport) {
-                clearHoverLeaveTimeout();
-                setHoveredMarkerId(tooltipReport.id);
-            }
-        },
-        onLeave: () => {
-            if (tooltipReport) {
-                scheduleHoverLeave(tooltipReport.id);
-            }
-        },
-    });
-    const showComposer = useMemo(() => {
-        if (!activeReplyReport || activeReplyReport.status === "resolved") {
-            return false;
-        }
-        return activeReplyReport.replies.length === 0 || pendingComposer !== null;
-    }, [activeReplyReport, pendingComposer]);
     const isExpandedTooltip = Boolean(activeReplyReport && tooltipReport && activeReplyReport.id === tooltipReport.id);
-    useEffect(() => {
-        if (!activeReplyReportId) {
-            return;
-        }
-        const handlePointerDown = (event) => {
-            const path = event.composedPath();
-            if (tooltipContainerRef.current && path.includes(tooltipContainerRef.current)) {
-                return;
-            }
-            const clickedMarker = path.find((node) => node instanceof Element && node.hasAttribute("data-marker-report-id"));
-            if (clickedMarker instanceof Element) {
-                return;
-            }
-            clearHoverLeaveTimeout();
-            setHoveredMarkerId(null);
-            closeReplyComposer();
-        };
-        window.addEventListener("pointerdown", handlePointerDown);
-        return () => {
-            window.removeEventListener("pointerdown", handlePointerDown);
-        };
-    }, [activeReplyReportId, clearHoverLeaveTimeout, closeReplyComposer, setHoveredMarkerId]);
     const isViewMode = mode === "view";
     const visibleMarkers = useMemo(() => markers.filter((marker) => marker.clampedEdge === null), [markers]);
     const overflowHints = useMemo(() => resolveMarkerOverflowHints(markers), [markers]);
@@ -151,12 +117,6 @@ export function ReportMarkersLayer() {
         }
         return marker;
     }, [selectedReport?.id, tooltipReport?.id, visibleMarkers]);
-    const resolvedDetachedHint = tooltipAnchor
-        ? getDetachedMarkerHint(tooltipAnchor.detachedKind, {
-            detachedHint: messages.marker.detachedHint,
-            detachedModalHint: messages.marker.detachedModalHint,
-        })
-        : null;
     const getOverflowHintLabel = useCallback((hint) => {
         switch (hint.edge) {
             case "top":
@@ -179,29 +139,15 @@ export function ReportMarkersLayer() {
     const bindHoverTooltipRef = useCallback((node) => {
         setTooltipElement(node);
     }, [setTooltipElement]);
-    const bindExpandedTooltipRef = useCallback((node) => {
-        tooltipContainerRef.current = node;
-        if (node instanceof HTMLDivElement) {
-            expandedTooltipHoverRef(node);
-        }
-        setTooltipElement(node);
-    }, [expandedTooltipHoverRef, setTooltipElement]);
     if (!isViewMode) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [ghostFrameMarker ? _jsx(DetachedModalGhostFrame, { markerItem: ghostFrameMarker }) : null, visibleMarkers.map((markerItem) => (_jsx(MarkerButton, { markerItem: markerItem, isSelected: markerItem.report.id === selectedReport?.id, detachedAriaLabel: messages.marker.detachedAriaLabel, detachedModalAriaLabel: messages.marker.detachedModalAriaLabel, onActivate: activateFeedbackMarker, onHoverStart: () => handleMarkerHoverStart(markerItem.report.id), onHoverEnd: () => handleMarkerHoverEnd(markerItem.report.id) }, markerItem.id))), overflowHints.map((hint) => (_jsx(MarkerOverflowHintButton, { hint: hint, label: getOverflowHintLabel(hint), onActivate: handleOverflowHintActivate }, hint.id))), showTooltip && !isExpandedTooltip && tooltipReport && tooltipPosition && tooltipAnchorStyle ? (_jsx("div", { ref: bindHoverTooltipRef, className: `pointer-events-none ${TOOLTIP_FIXED_CLASS}`, style: {
+    return (_jsxs(_Fragment, { children: [ghostFrameMarker ? _jsx(DetachedModalGhostFrame, { markerItem: ghostFrameMarker }) : null, visibleMarkers.map((markerItem) => (_jsx(MarkerButton, { markerItem: markerItem, isSelected: markerItem.report.id === selectedReport?.id, detachedAriaLabel: messages.marker.detachedAriaLabel, detachedModalAriaLabel: messages.marker.detachedModalAriaLabel, markerAppearance: markerAppearance, typography: typography, onActivate: activateFeedbackMarker, onHoverStart: () => handleMarkerHoverStart(markerItem.report.id), onHoverEnd: () => handleMarkerHoverEnd(markerItem.report.id) }, markerItem.id))), overflowHints.map((hint) => (_jsx(MarkerOverflowHintButton, { hint: hint, label: getOverflowHintLabel(hint), onActivate: handleOverflowHintActivate }, hint.id))), showTooltip && !isExpandedTooltip && tooltipReport && tooltipPosition && tooltipAnchorStyle ? (_jsx("div", { ref: bindHoverTooltipRef, className: `pointer-events-none ${TOOLTIP_FIXED_CLASS}`, style: {
                     left: tooltipPosition.left,
                     top: tooltipPosition.top,
                     width: tooltipPosition.width,
                     ...tooltipAnchorStyle,
                     pointerEvents: "none",
-                }, children: _jsx(FeedbackHoverCard, { report: tooltipReport, fieldTags: tooltipFieldTags, detached: Boolean(tooltipAnchor?.detached), detachedKind: tooltipAnchor?.detachedKind ?? null, detachedHint: messages.marker.detachedHint, detachedModalHint: messages.marker.detachedModalHint }) })) : null, showTooltip && isExpandedTooltip && tooltipReport && tooltipPosition && tooltipAnchorStyle && activeReplyReport ? (_jsx("div", { ref: bindExpandedTooltipRef, "data-fivepixels-interactive": "", className: EXPANDED_TOOLTIP_ANCHOR_CLASS, style: {
-                    left: tooltipPosition.left,
-                    top: tooltipPosition.top,
-                    width: tooltipPosition.width,
-                    ...tooltipAnchorStyle,
-                }, children: _jsx("div", { className: TOOLTIP_SURFACE_CLASS, style: {
-                        pointerEvents: "auto",
-                    }, children: _jsxs("div", { onClick: (event) => event.stopPropagation(), onPointerDown: (event) => event.stopPropagation(), children: [_jsx(FeedbackIssueHeader, { report: activeReplyReport, fieldTags: tooltipFieldTags, expanded: true }), tooltipAnchor?.detached && resolvedDetachedHint ? (_jsx("p", { className: "border-b border-[var(--adaptive-border-subtle)] px-[12px] pb-[10px] text-[12px] leading-[1.4] text-[var(--adaptive-black500)]", children: resolvedDetachedHint })) : null, showComposer ? (_jsx("section", { className: "border-t border-[var(--adaptive-border-subtle)] bg-transparent", children: _jsx(FeedbackComposer, { message: replyDraft, onMessageChange: setReplyDraft, authorName: replyAuthorName, onAuthorNameChange: setReplyAuthorName, authors: authors, fields: fields, fieldValues: activeReplyReport.field_values, onFieldChange: () => undefined, showTags: false, onSubmit: () => void handleReplySubmit(), isSubmitting: isUpdating, autoFocus: pendingComposer !== null }) })) : null, _jsx(FeedbackThread, { report: activeReplyReport, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, onConfirmAuthorNameChange: setConfirmAuthorName, onToggleConfirmAuthorSelect: toggleConfirmAuthorSelect, onStartDeny: startDenyReview, onStartCheckout: startCheckoutReview, onConfirm: () => void handleConfirmResolution(), isUpdating: isUpdating })] }) }) })) : null] }));
+                }, children: _jsx(FeedbackHoverCard, { report: tooltipReport, detached: Boolean(tooltipAnchor?.detached), detachedKind: tooltipAnchor?.detachedKind ?? null, detachedHint: messages.marker.detachedHint, detachedModalHint: messages.marker.detachedModalHint }) })) : null, isExpandedTooltip && activeReplyReport && tooltipAnchor ? (_jsx(MarkerFeedbackWindow, { report: activeReplyReport, anchor: tooltipAnchor }, activeReplyReport.id)) : null] }));
 }
 //# sourceMappingURL=ReportMarkersLayer.js.map