@fivepixels-js/react 0.1.7 → 0.2.1

package/dist/components/panel/PanelDropdownMenu.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
-const MENU_GAP = 6;
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { MOTION } from "../../constants/motionClasses.js";
+const MENU_GAP = 0;
+// const MENU_GAP = 6;
 const VIEWPORT_PADDING = 8;
 function computeDropdownPlacement(triggerRect, menuWidth, menuHeight, preferredAlign) {
     const viewportWidth = window.innerWidth;
@@ -10,17 +12,17 @@ function computeDropdownPlacement(triggerRect, menuWidth, menuHeight, preferredA
     const fitsAbove = menuHeight + MENU_GAP <= spaceAbove;
     const fitsBelow = menuHeight + MENU_GAP <= spaceBelow;
     let vertical;
-    if (fitsAbove && !fitsBelow) {
-        vertical = "top";
-    }
-    else if (!fitsAbove && fitsBelow) {
+    if (fitsBelow && !fitsAbove) {
         vertical = "bottom";
     }
-    else if (fitsAbove && fitsBelow) {
+    else if (!fitsBelow && fitsAbove) {
         vertical = "top";
     }
+    else if (fitsAbove && fitsBelow) {
+        vertical = "bottom";
+    }
     else {
-        vertical = spaceAbove >= spaceBelow ? "top" : "bottom";
+        vertical = spaceBelow >= spaceAbove ? "bottom" : "top";
     }
     const viewportTop = vertical === "top" ? triggerRect.top - menuHeight - MENU_GAP : triggerRect.bottom + MENU_GAP;
     const alignRightLeft = triggerRect.right - menuWidth;
@@ -61,11 +63,20 @@ function toRelativePlacement(viewportPlacement, rootRect) {
         left: viewportPlacement.left - rootRect.left,
     };
 }
+function isSamePlacement(current, next) {
+    if (current === next) {
+        return true;
+    }
+    if (!current || !next) {
+        return false;
+    }
+    return current.top === next.top && current.left === next.left;
+}
 export function PanelDropdownMenu({ open, onClose, trigger, children, menuClassName, align = "right" }) {
     const rootRef = useRef(null);
     const menuRef = useRef(null);
     const [menuPlacement, setMenuPlacement] = useState(null);
-    const updateMenuPlacement = () => {
+    const updateMenuPlacement = useCallback(() => {
         const root = rootRef.current;
         const menu = menuRef.current;
         if (!root || !menu) {
@@ -75,11 +86,12 @@ export function PanelDropdownMenu({ open, onClose, trigger, children, menuClassN
         const triggerRect = rootRect;
         const menuRect = menu.getBoundingClientRect();
         const viewportPlacement = computeDropdownPlacement(triggerRect, menuRect.width, menuRect.height, align);
-        setMenuPlacement(toRelativePlacement(viewportPlacement, rootRect));
-    };
+        const nextPlacement = toRelativePlacement(viewportPlacement, rootRect);
+        setMenuPlacement((current) => (isSamePlacement(current, nextPlacement) ? current : nextPlacement));
+    }, [align]);
     useLayoutEffect(() => {
         if (!open) {
-            setMenuPlacement(null);
+            setMenuPlacement((current) => (current === null ? current : null));
             return;
         }
         updateMenuPlacement();
@@ -97,7 +109,7 @@ export function PanelDropdownMenu({ open, onClose, trigger, children, menuClassN
             window.removeEventListener("scroll", updateMenuPlacement, true);
             resizeObserver?.disconnect();
         };
-    }, [align, open, children]);
+    }, [open, updateMenuPlacement]);
     useEffect(() => {
         if (!open) {
             return;
@@ -124,7 +136,7 @@ export function PanelDropdownMenu({ open, onClose, trigger, children, menuClassN
             left: 0,
             visibility: "hidden",
         };
-    return (_jsxs("div", { ref: rootRef, className: "relative shrink-0", children: [trigger, open ? (_jsx("div", { ref: menuRef, role: "menu", style: menuStyle, className: `absolute z-[20] min-w-[120px] overflow-hidden rounded-[12px] border border-[var(--adaptive-black200)] bg-[var(--adaptive-black50)] shadow-[0_0_100px_rgba(0,0,0,0.2)] ${menuClassName ?? ""}`, children: children })) : null] }));
+    return (_jsxs("div", { ref: rootRef, className: "relative shrink-0 h-[inherit]", children: [trigger, open ? (_jsx("div", { ref: menuRef, role: "menu", style: menuStyle, className: `${open ? "border-[#f6562f]" : ""} absolute z-[20] min-w-[120px] overflow-hidden bg-[var(--adaptive-black50)] border shadow-[0_0_100px_rgba(0,0,0,0.2)] ${MOTION.menuIn} ${menuClassName ?? ""}`, children: children })) : null] }));
 }
 export function PanelDropdownMenuItem({ onClick, active = false, disabled = false, children }) {
     return (_jsx("button", { type: "button", role: "menuitem", disabled: disabled, onClick: onClick, "aria-pressed": active, className: `flex w-full px-[12px] py-[8px] text-left text-[12px] font-semibold disabled:cursor-not-allowed disabled:opacity-50 ${active ? "bg-[var(--adaptive-black100)] text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black800)] hover:bg-[var(--adaptive-black100)]"}`, children: children }));

package/dist/components/panel/PanelDropdownMenu.js.map

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

package/dist/components/panel/PanelGateShell.d.ts

@@ -0,0 +1,20 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export declare const PANEL_GATE_SECTION_CLASS = "flex flex-col gap-[12px] bg-[var(--adaptive-black50)] p-[16px] rounded-[0_0_12px_12px]";
+export declare const PANEL_GATE_TITLE_CLASS = "text-[14px] font-bold text-[var(--adaptive-black900)]";
+export declare const PANEL_GATE_DESCRIPTION_CLASS = "mt-[4px] text-[12px] leading-[1.5] text-[var(--adaptive-black600)]";
+export declare const PANEL_GATE_PRIMARY_BUTTON_CLASS = "rounded-[8px] bg-[var(--adaptive-blue100)] px-[12px] py-[6px] text-[12px] font-bold text-[var(--adaptive-blue500)] disabled:opacity-50";
+export declare const PANEL_GATE_SECONDARY_BUTTON_CLASS = "rounded-[8px] bg-[var(--adaptive-grey300)] px-[12px] py-[6px] text-[12px] font-semibold text-[var(--adaptive-black700)]";
+export declare const PANEL_GATE_BACK_BUTTON_CLASS = "text-[12px] font-semibold text-[var(--adaptive-black500)] hover:text-[var(--adaptive-black700)]";
+type PanelGateShellProps = {
+    title: string;
+    description: string;
+    children?: ReactNode;
+    footer?: ReactNode;
+};
+export declare function PanelGateShell({ title, description, children, footer }: PanelGateShellProps): import("react").JSX.Element;
+type GateButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "primary" | "secondary" | "back";
+};
+export declare function PanelGateButton({ variant, className, ...props }: GateButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PanelGateShell.d.ts.map

package/dist/components/panel/PanelGateShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGateShell.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelGateShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,wBAAwB,2FAA2F,CAAC;AACjI,eAAO,MAAM,sBAAsB,0DAA0D,CAAC;AAC9F,eAAO,MAAM,4BAA4B,uEAAuE,CAAC;AACjH,eAAO,MAAM,+BAA+B,2IACgG,CAAC;AAC7I,eAAO,MAAM,iCAAiC,4HAC+E,CAAC;AAC9H,eAAO,MAAM,4BAA4B,oGAC4D,CAAC;AAEtG,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAW3F;AAED,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CAC9C,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,OAAmB,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAWjG"}

package/dist/components/panel/PanelGateShell.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PANEL_GATE_SECTION_CLASS = "flex flex-col gap-[12px] bg-[var(--adaptive-black50)] p-[16px] rounded-[0_0_12px_12px]";
+export const PANEL_GATE_TITLE_CLASS = "text-[14px] font-bold text-[var(--adaptive-black900)]";
+export const PANEL_GATE_DESCRIPTION_CLASS = "mt-[4px] text-[12px] leading-[1.5] text-[var(--adaptive-black600)]";
+export const PANEL_GATE_PRIMARY_BUTTON_CLASS = "rounded-[8px] bg-[var(--adaptive-blue100)] px-[12px] py-[6px] text-[12px] font-bold text-[var(--adaptive-blue500)] disabled:opacity-50";
+export const PANEL_GATE_SECONDARY_BUTTON_CLASS = "rounded-[8px] bg-[var(--adaptive-grey300)] px-[12px] py-[6px] text-[12px] font-semibold text-[var(--adaptive-black700)]";
+export const PANEL_GATE_BACK_BUTTON_CLASS = "text-[12px] font-semibold text-[var(--adaptive-black500)] hover:text-[var(--adaptive-black700)]";
+export function PanelGateShell({ title, description, children, footer }) {
+    return (_jsxs("section", { className: PANEL_GATE_SECTION_CLASS, children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: title }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: description })] }), children, footer] }));
+}
+export function PanelGateButton({ variant = "primary", className = "", ...props }) {
+    const variantClass = variant === "secondary" ? PANEL_GATE_SECONDARY_BUTTON_CLASS : variant === "back" ? PANEL_GATE_BACK_BUTTON_CLASS : PANEL_GATE_PRIMARY_BUTTON_CLASS;
+    return (_jsx("button", { type: "button", className: `${variantClass} ${className}`.trim(), ...props }));
+}
+//# sourceMappingURL=PanelGateShell.js.map

package/dist/components/panel/PanelGateShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGateShell.js","sourceRoot":"","sources":["../../../src/components/panel/PanelGateShell.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAG,wFAAwF,CAAC;AACjI,MAAM,CAAC,MAAM,sBAAsB,GAAG,uDAAuD,CAAC;AAC9F,MAAM,CAAC,MAAM,4BAA4B,GAAG,oEAAoE,CAAC;AACjH,MAAM,CAAC,MAAM,+BAA+B,GACxC,wIAAwI,CAAC;AAC7I,MAAM,CAAC,MAAM,iCAAiC,GAC1C,yHAAyH,CAAC;AAC9H,MAAM,CAAC,MAAM,4BAA4B,GACrC,iGAAiG,CAAC;AAStG,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAuB;IACxF,OAAO,CACH,mBAAS,SAAS,EAAE,wBAAwB,aACxC,0BACI,aAAI,SAAS,EAAE,sBAAsB,YAAG,KAAK,GAAM,EACnD,YAAG,SAAS,EAAE,4BAA4B,YAAG,WAAW,GAAK,IAC3D,EACL,QAAQ,EACR,MAAM,IACD,CACb,CAAC;AACN,CAAC;AAMD,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAmB;IAC9F,MAAM,YAAY,GACd,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAEtJ,OAAO,CACH,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,YAAY,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAC5C,KAAK,GACX,CACL,CAAC;AACN,CAAC"}

package/dist/components/panel/PanelKeyGate.d.ts

@@ -0,0 +1,7 @@
+import type { PanelView } from "../../hooks/report/useReportState.js";
+type PanelKeyGateMode = Extract<PanelView, "setup-complete" | "key-issue">;
+export declare function PanelKeyGate({ mode }: {
+    mode: PanelKeyGateMode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PanelKeyGate.d.ts.map

package/dist/components/panel/PanelKeyGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelKeyGate.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelKeyGate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGlE,KAAK,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAAC,CAAC;AAM3E,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,+BA0EhE"}

package/dist/components/panel/PanelKeyGate.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDownIcon } from "../../components/icons/Icons.js";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { PanelGateButton, PanelGateShell } from "./PanelGateShell.js";
+function buildReviewerSnippet({ name, authorId, publicKey }) {
+    return `{ id: "${authorId}", name: "${name}", publicKey: "${publicKey}" }`;
+}
+export function PanelKeyGate({ mode }) {
+    const { messages, selfProfile, publicKey } = useReportPreferences();
+    const { setErrorMessage } = useReportSession();
+    const onboarding = messages.onboarding;
+    const [copied, setCopied] = useState(false);
+    const [keyInfoOpen, setKeyInfoOpen] = useState(false);
+    const name = selfProfile?.name?.trim() || "reviewer";
+    const authorId = selfProfile?.authorId?.trim() || "";
+    const canShowSnippet = Boolean(authorId && publicKey);
+    const title = mode === "key-issue" ? onboarding.issueTitle : onboarding.doneTitle;
+    const description = mode === "key-issue" ? onboarding.issueDescription : onboarding.doneDescription;
+    const handleCopySnippet = async () => {
+        if (!canShowSnippet || !publicKey) {
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(buildReviewerSnippet({ name, authorId, publicKey }));
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            setErrorMessage(messages.errors.clipboardCopyFailed);
+        }
+    };
+    const handleRefresh = () => {
+        if (typeof window !== "undefined") {
+            window.location.reload();
+        }
+    };
+    return (_jsx(PanelGateShell, { title: title, description: description, footer: _jsxs("div", { className: "flex items-center justify-end gap-[10px]", children: [canShowSnippet ? (_jsx(PanelGateButton, { variant: "secondary", onClick: () => void handleCopySnippet(), children: copied ? onboarding.copied : onboarding.copySnippet })) : null, _jsx(PanelGateButton, { onClick: handleRefresh, children: onboarding.refresh })] }), children: canShowSnippet && publicKey ? (_jsxs("div", { className: "flex flex-col gap-[6px] overflow-hidden rounded-[8px] border border-[var(--adaptive-black200)]", children: [_jsxs("button", { type: "button", onClick: () => setKeyInfoOpen((current) => !current), "aria-expanded": keyInfoOpen, className: "flex items-center justify-between gap-[8px] px-[10px] py-[8px] text-left text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)]", children: [_jsx("span", { children: onboarding.keyInfoToggle }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 transition-transform ${keyInfoOpen ? "rotate-180" : ""}` })] }), keyInfoOpen ? (_jsxs("div", { className: "flex flex-col gap-[6px] px-[10px] pb-[10px]", children: [_jsx("p", { className: "text-[11px] font-semibold text-[var(--adaptive-black500)]", children: onboarding.reviewerSnippetHint }), _jsx("pre", { className: "max-h-[120px] overflow-auto whitespace-pre-wrap break-all rounded-[8px] bg-[var(--adaptive-black100)] p-[10px] text-[11px] leading-[1.5] text-[var(--adaptive-black800)]", children: buildReviewerSnippet({ name, authorId, publicKey }) })] })) : null] })) : null }));
+}
+//# sourceMappingURL=PanelKeyGate.js.map

package/dist/components/panel/PanelKeyGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelKeyGate.js","sourceRoot":"","sources":["../../../src/components/panel/PanelKeyGate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAItE,SAAS,oBAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAyD;IAC9G,OAAO,UAAU,QAAQ,aAAa,IAAI,kBAAkB,SAAS,KAAK,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAA8B;IAC7D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACpE,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,UAAU,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACrD,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC;IAClF,MAAM,WAAW,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC;IAEpG,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACjC,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,IAAI,CAAC;YACD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YACzF,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACpD,CAAC;QAAC,MAAM,CAAC;YACL,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;QACzD,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAChC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EACF,eAAK,SAAS,EAAC,0CAA0C,aACpD,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,eAAe,IACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,iBAAiB,EAAE,YAEtC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,GACtC,CACrB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YAAG,UAAU,CAAC,OAAO,GAAmB,IAC7E,YAGT,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAC3B,eAAK,SAAS,EAAC,gGAAgG,aAC3G,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,mBACrC,WAAW,EAC1B,SAAS,EAAC,wKAAwK,aAElL,yBAAO,UAAU,CAAC,aAAa,GAAQ,EACvC,KAAC,eAAe,IAAC,SAAS,EAAE,mDAAmD,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,IAC/G,EAER,WAAW,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,6CAA6C,aACxD,YAAG,SAAS,EAAC,2DAA2D,YAAE,UAAU,CAAC,mBAAmB,GAAK,EAC7G,cAAK,SAAS,EAAC,0KAA0K,YACpL,oBAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,GAClD,IACJ,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC,CAAC,CAAC,IAAI,GACK,CACpB,CAAC;AACN,CAAC"}

package/dist/components/panel/PanelMarkerDisplayControls.d.ts

@@ -0,0 +1,17 @@
+import { type AppearanceScale, type MarkerFontSize } from "../../constants/markerAppearance.js";
+type PanelMarkerDisplayControlsProps = {
+    markerSize: AppearanceScale;
+    fontSize: MarkerFontSize;
+    onMarkerSizeChange: (size: AppearanceScale) => void;
+    onFontSizeChange: (size: MarkerFontSize) => void;
+    scaleLabels: Record<AppearanceScale, string>;
+    markerFontSizeLabels: Record<MarkerFontSize, string>;
+    markerSizeLabel: string;
+    markerFontSizeLabel: string;
+    markerSizeAriaLabel: string;
+    markerFontSizeAriaLabel: string;
+};
+/** Shared marker size + font size dials (onboarding display step + settings). */
+export declare function PanelMarkerDisplayControls({ markerSize, fontSize, onMarkerSizeChange, onFontSizeChange, scaleLabels, markerFontSizeLabels, markerSizeLabel, markerFontSizeLabel, markerSizeAriaLabel, markerFontSizeAriaLabel, }: PanelMarkerDisplayControlsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PanelMarkerDisplayControls.d.ts.map

package/dist/components/panel/PanelMarkerDisplayControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMarkerDisplayControls.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAG9I,KAAK,+BAA+B,GAAG;IACnC,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,cAAc,CAAC;IACzB,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC7C,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,0BAA0B,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GAC1B,EAAE,+BAA+B,+BAyBjC"}

package/dist/components/panel/PanelMarkerDisplayControls.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { APPEARANCE_SCALE_VALUES, MARKER_FONT_SIZE_VALUES } from "../../constants/markerAppearance.js";
+import { DiscreteScaleDial } from "./DiscreteScaleDial.js";
+/** Shared marker size + font size dials (onboarding display step + settings). */
+export function PanelMarkerDisplayControls({ markerSize, fontSize, onMarkerSizeChange, onFontSizeChange, scaleLabels, markerFontSizeLabels, markerSizeLabel, markerFontSizeLabel, markerSizeAriaLabel, markerFontSizeAriaLabel, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-[12px]", children: [_jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: markerSizeLabel }), _jsx(DiscreteScaleDial, { values: APPEARANCE_SCALE_VALUES, value: markerSize, onChange: onMarkerSizeChange, labels: scaleLabels, ariaLabel: markerSizeAriaLabel })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-[6px] text-[11px] font-medium text-[var(--adaptive-black600)]", children: markerFontSizeLabel }), _jsx(DiscreteScaleDial, { values: MARKER_FONT_SIZE_VALUES, value: fontSize, onChange: onFontSizeChange, labels: markerFontSizeLabels, ariaLabel: markerFontSizeAriaLabel })] })] }));
+}
+//# sourceMappingURL=PanelMarkerDisplayControls.js.map

package/dist/components/panel/PanelMarkerDisplayControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMarkerDisplayControls.js","sourceRoot":"","sources":["../../../src/components/panel/PanelMarkerDisplayControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAA6C,MAAM,iCAAiC,CAAC;AAC9I,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAe3D,iFAAiF;AACjF,MAAM,UAAU,0BAA0B,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACO;IAC9B,OAAO,CACH,eAAK,SAAS,EAAC,0BAA0B,aACrC,0BACI,YAAG,SAAS,EAAC,kEAAkE,YAAE,eAAe,GAAK,EACrG,KAAC,iBAAiB,IACd,MAAM,EAAE,uBAAuB,EAC/B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,mBAAmB,GAChC,IACA,EACN,0BACI,YAAG,SAAS,EAAC,kEAAkE,YAAE,mBAAmB,GAAK,EACzG,KAAC,iBAAiB,IACd,MAAM,EAAE,uBAAuB,EAC/B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,uBAAuB,GACpC,IACA,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/panel/PanelOnboarding.d.ts

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

package/dist/components/panel/PanelOnboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelOnboarding.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelOnboarding.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,eAAe,gCAua9B"}

package/dist/components/panel/PanelOnboarding.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { APPEARANCE_OPTION_VALUES } from "../../constants/appearance.js";
+import { PANEL_ROLE_VALUES } from "../../constants/panelRole.js";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { getDefaultVisibleTabsForRole } from "../../utils/panel/panelTabPreference.js";
+import { isPersonalKeyFile, readPersonalKeyFile } from "../../utils/feedback/feedbackDataTransfer.js";
+import { AppearanceThemePicker } from "./AppearanceThemePicker.js";
+import { MarkerSizePreview } from "./MarkerSizePreview.js";
+import { PanelDropdownMenuItem } from "./PanelDropdownMenu.js";
+import { PANEL_GATE_BACK_BUTTON_CLASS, PANEL_GATE_DESCRIPTION_CLASS, PANEL_GATE_PRIMARY_BUTTON_CLASS, PANEL_GATE_SECTION_CLASS, PANEL_GATE_TITLE_CLASS, } from "./PanelGateShell.js";
+import { PanelMarkerDisplayControls } from "./PanelMarkerDisplayControls.js";
+import { PanelOptionSwitch } from "./PanelOptionSwitch.js";
+import { PanelTabSelector } from "./PanelTabSelector.js";
+const LOCALE_OPTIONS = ["en", "ko"];
+export function PanelOnboarding() {
+    const { messages, locale, setLocale, panelAppearance, setPanelAppearance, markerAppearance, setMarkerSize, typography, setFontSize, panelRole, setPanelRole, completeOnboarding, restoreFromBackup, selfProfile, personalKeyCandidates, resolvedTabAvailabilityContext, savePanelTabPreference, } = useReportPreferences();
+    const { setErrorMessage } = useReportSession();
+    const onboarding = messages.onboarding;
+    const [step, setStep] = useState("language");
+    const [name, setName] = useState(selfProfile?.name ?? "");
+    const [selectedTabs, setSelectedTabs] = useState(() => getDefaultVisibleTabsForRole(panelRole, resolvedTabAvailabilityContext));
+    const [isCreating, setIsCreating] = useState(false);
+    const [backupKey, setBackupKey] = useState("");
+    const [isRestoring, setIsRestoring] = useState(false);
+    const [restoreError, setRestoreError] = useState("");
+    const [isDragOver, setIsDragOver] = useState(false);
+    const trimmedName = name.trim();
+    const hasDuplicateName = useMemo(() => Boolean(trimmedName) && personalKeyCandidates.some((author) => author.name.trim() === trimmedName), [personalKeyCandidates, trimmedName]);
+    const canProceedFromRoleStep = selectedTabs.length > 0;
+    const localeOptions = LOCALE_OPTIONS.map((value) => ({
+        value,
+        label: messages.localeOption[value],
+    }));
+    const appearanceOptions = APPEARANCE_OPTION_VALUES.map((value) => ({
+        value,
+        label: messages.appearance[value],
+    }));
+    const scaleLabels = {
+        sm: messages.settings.scaleSm,
+        md: messages.settings.scaleMd,
+        lg: messages.settings.scaleLg,
+        xl: messages.settings.scaleXl,
+    };
+    const markerFontSizeLabels = {
+        none: messages.settings.scaleNone,
+        ...scaleLabels,
+    };
+    const handleSelectRole = (role) => {
+        setPanelRole(role);
+        setSelectedTabs(getDefaultVisibleTabsForRole(role, resolvedTabAvailabilityContext));
+    };
+    const handleCreateKey = async () => {
+        if (!trimmedName || isCreating || hasDuplicateName) {
+            return;
+        }
+        setIsCreating(true);
+        try {
+            savePanelTabPreference({
+                visibleTabs: selectedTabs,
+                customized: true,
+            });
+            await completeOnboarding({ name: trimmedName });
+        }
+        catch {
+            setErrorMessage(messages.errors.clipboardCopyFailed);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    };
+    const handleRestore = async () => {
+        if (!backupKey.trim() || isRestoring) {
+            return;
+        }
+        setIsRestoring(true);
+        setRestoreError("");
+        try {
+            const result = await restoreFromBackup(backupKey.trim());
+            if (!result.restored) {
+                if (result.reason === "unauthorized") {
+                    setRestoreError(onboarding.restoreNotAuthorized);
+                }
+                else if (result.reason === "project-mismatch") {
+                    setRestoreError(messages.personalKey.restoreProjectMismatch);
+                }
+                else {
+                    setRestoreError(messages.personalKey.invalidKey);
+                }
+                return;
+            }
+            if (typeof window !== "undefined") {
+                window.location.reload();
+            }
+        }
+        catch {
+            setRestoreError(messages.personalKey.invalidKey);
+        }
+        finally {
+            setIsRestoring(false);
+        }
+    };
+    const handleDragOver = (event) => {
+        if (!Array.from(event.dataTransfer.types).includes("Files")) {
+            return;
+        }
+        event.preventDefault();
+        setIsDragOver(true);
+    };
+    const handleDragLeave = (event) => {
+        if (event.currentTarget.contains(event.relatedTarget)) {
+            return;
+        }
+        setIsDragOver(false);
+    };
+    const handleDrop = async (event) => {
+        event.preventDefault();
+        setIsDragOver(false);
+        const file = event.dataTransfer.files.item(0);
+        if (!file) {
+            return;
+        }
+        if (!isPersonalKeyFile(file)) {
+            setRestoreError(onboarding.restoreDropInvalid);
+            return;
+        }
+        try {
+            const key = await readPersonalKeyFile(file);
+            setBackupKey(key);
+            setRestoreError("");
+        }
+        catch {
+            setRestoreError(onboarding.restoreDropFailed);
+        }
+    };
+    return (_jsx("section", { className: PANEL_GATE_SECTION_CLASS, children: step === "language" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.languageStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.languageStepDescription })] }), _jsx(PanelOptionSwitch, { options: localeOptions, value: locale, onChange: setLocale, ariaLabel: messages.moreMenu.languageAriaLabel }), _jsx("div", { className: "flex items-center justify-end", children: _jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next }) })] })) : step === "intro" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.introTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.introDescription })] }), _jsxs("div", { className: "flex flex-col gap-[8px]", children: [_jsx("button", { type: "button", onClick: () => setStep("role"), className: `${PANEL_GATE_PRIMARY_BUTTON_CLASS} py-[10px]`, children: onboarding.newUser }), _jsx("button", { type: "button", onClick: () => setStep("restore"), className: "rounded-[8px] border border-[var(--adaptive-black200)] px-[12px] py-[10px] text-[12px] font-semibold text-[var(--adaptive-black700)] hover:bg-[var(--adaptive-black100)]", children: onboarding.existingUser })] }), _jsx("div", { className: "flex items-center justify-start", children: _jsx("button", { type: "button", onClick: () => setStep("language"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }) })] })) : step === "restore" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.restoreTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.restoreDescription })] }), _jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: (event) => void handleDrop(event), className: `relative rounded-[8px] transition-colors ${isDragOver ? "ring-2 ring-[var(--adaptive-blue500)]" : ""}`, children: [_jsx("textarea", { autoFocus: true, value: backupKey, onChange: (event) => {
+                                setBackupKey(event.target.value);
+                                setRestoreError("");
+                            }, placeholder: onboarding.restorePlaceholder, rows: 3, className: "w-full resize-none rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), isDragOver ? (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center rounded-[8px] bg-[var(--adaptive-blue100)]/80 text-[12px] font-semibold text-[var(--adaptive-blue500)]", children: onboarding.restoreDropActive })) : null] }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.restoreDropHint }), restoreError ? _jsx("p", { className: "text-[12px] text-rose-700", children: restoreError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !backupKey.trim() || isRestoring, onClick: () => void handleRestore(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.restoreAction })] })] })) : step === "role" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.roleStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.roleStepDescription })] }), _jsx("div", { className: "overflow-hidden rounded-[10px] border border-[var(--adaptive-black200)]", children: PANEL_ROLE_VALUES.map((role) => (_jsx(PanelDropdownMenuItem, { active: role === panelRole, onClick: () => handleSelectRole(role), children: messages.panel.roles[role] }, role))) }), _jsx(PanelTabSelector, { role: panelRole, selectedTabs: selectedTabs, context: resolvedTabAvailabilityContext, messages: messages, onChange: setSelectedTabs }), _jsx("p", { className: "text-[11px] text-[var(--adaptive-black500)]", children: onboarding.roleStepTabsHint }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("intro"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !canProceedFromRoleStep, onClick: () => setStep("appearance"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "appearance" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.appearanceStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.appearanceStepDescription })] }), _jsx(AppearanceThemePicker, { options: appearanceOptions, value: panelAppearance, onChange: setPanelAppearance, ariaLabel: messages.moreMenu.panelThemeAriaLabel }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("role"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : step === "display" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.displayStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.displayStepDescription })] }), _jsx(MarkerSizePreview, { size: markerAppearance.size, fontSize: typography.fontSize, shape: markerAppearance.shape, color: markerAppearance.colors.open, fontFamily: typography.fontFamily, ariaLabel: onboarding.displayPreviewAriaLabel }), _jsx(PanelMarkerDisplayControls, { markerSize: markerAppearance.size, fontSize: typography.fontSize, onMarkerSizeChange: setMarkerSize, onFontSizeChange: setFontSize, scaleLabels: scaleLabels, markerFontSizeLabels: markerFontSizeLabels, markerSizeLabel: messages.settings.markerSize, markerFontSizeLabel: messages.settings.markerFontSize, markerSizeAriaLabel: messages.settings.markerSizeAriaLabel, markerFontSizeAriaLabel: messages.settings.markerFontSizeAriaLabel }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("appearance"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", onClick: () => setStep("key"), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.next })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h6", { className: PANEL_GATE_TITLE_CLASS, children: onboarding.keyStepTitle }), _jsx("p", { className: PANEL_GATE_DESCRIPTION_CLASS, children: onboarding.keyStepDescription })] }), _jsx("input", { autoFocus: true, value: name, onChange: (event) => setName(event.target.value), placeholder: onboarding.namePlaceholder, className: "w-full rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface)] px-[10px] py-[8px] text-[12px] text-[var(--adaptive-text-primary)] outline-none" }), hasDuplicateName ? _jsx("p", { className: "text-[12px] text-rose-700", children: onboarding.duplicateNameError }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: () => setStep("display"), className: PANEL_GATE_BACK_BUTTON_CLASS, children: onboarding.back }), _jsx("button", { type: "button", disabled: !trimmedName || isCreating || hasDuplicateName, onClick: () => void handleCreateKey(), className: PANEL_GATE_PRIMARY_BUTTON_CLASS, children: onboarding.createKey })] })] })) }));
+}
+//# sourceMappingURL=PanelOnboarding.js.map

package/dist/components/panel/PanelOnboarding.js.map

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

package/dist/components/panel/PanelOptionSwitch.d.ts

@@ -9,6 +9,6 @@ type PanelOptionSwitchProps<T extends string> = {
     disabled?: boolean;
     ariaLabel?: string;
 };
-export declare function PanelOptionSwitch<T extends string>({ options, value, onChange, disabled, ariaLabel, }: PanelOptionSwitchProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function PanelOptionSwitch<T extends string>({ options, value, onChange, disabled, ariaLabel, }: PanelOptionSwitchProps<T>): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PanelOptionSwitch.d.ts.map

package/dist/components/panel/PanelOptionSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelOptionSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelOptionSwitch.tsx"],"names":[],"mappings":"AAAA,KAAK,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC5C,OAAO,EAAE,SAAS,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAChD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,GACZ,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CA8B3B"}
+{"version":3,"file":"PanelOptionSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelOptionSwitch.tsx"],"names":[],"mappings":"AAAA,KAAK,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC5C,OAAO,EAAE,SAAS,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAChD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,GACZ,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BA8B3B"}

package/dist/components/panel/PanelPresentationSwitch.d.ts

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

package/dist/components/panel/PanelPresentationSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelPresentationSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelPresentationSwitch.tsx"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,uCAsEtC"}

package/dist/components/panel/PanelPresentationSwitch.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useReportPreferences, useReportSession } from "../../providers/reportContext.js";
+import { ChevronDownIcon } from "../../components/icons/Icons.js";
+import { HoverTooltip } from "../../components/ui/HoverTooltip.js";
+import { formatPresentationViewerLabel } from "../../utils/report/reportTeam.js";
+import { PanelDropdownMenu, PanelDropdownMenuItem } from "./PanelDropdownMenu.js";
+export function PanelPresentationSwitch() {
+    const { isPresentationMode, presentationViewers, messages } = useReportPreferences();
+    const { presentationViewerId, setPresentationViewerId } = useReportSession();
+    const [open, setOpen] = useState(false);
+    if (!isPresentationMode || presentationViewers.length === 0) {
+        return null;
+    }
+    const activeViewer = presentationViewers.find((viewer) => viewer.id === presentationViewerId) ?? presentationViewers[0];
+    const activeLabel = activeViewer
+        ? activeViewer.isCreator
+            ? `${formatPresentationViewerLabel(activeViewer)} (${messages.author.creatorLabel})`
+            : formatPresentationViewerLabel(activeViewer)
+        : "";
+    const handleSelect = (viewerId) => {
+        void setPresentationViewerId(viewerId);
+        setOpen(false);
+    };
+    return (_jsx(PanelDropdownMenu, { open: open, onClose: () => setOpen(false), trigger: _jsx(HoverTooltip, { label: messages.panel.presentationSwitchAriaLabel, children: _jsxs("button", { type: "button", "aria-haspopup": "menu", "aria-expanded": open, "aria-label": messages.panel.presentationSwitchAriaLabel, onPointerDown: (event) => {
+                    event.stopPropagation();
+                    setOpen((current) => !current);
+                }, className: `flex h-[24px] shrink-0 items-center gap-[2px] rounded-[8px] px-[8px] text-[12px] font-semibold text-[var(--adaptive-black900)] ${open ? "bg-[var(--adaptive-black100)]" : "bg-[var(--adaptive-black300)]"}`, children: [_jsx("span", { className: "max-w-[96px] truncate", children: activeLabel }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 transition-transform ${open ? "rotate-180" : ""}` })] }) }), children: presentationViewers.map((viewer) => {
+            const label = viewer.isCreator
+                ? `${formatPresentationViewerLabel(viewer)} (${messages.author.creatorLabel})`
+                : formatPresentationViewerLabel(viewer);
+            const disabled = !viewer.privateKey;
+            return (_jsx(PanelDropdownMenuItem, { active: viewer.id === activeViewer?.id, disabled: disabled, onClick: () => {
+                    if (disabled) {
+                        return;
+                    }
+                    handleSelect(viewer.id);
+                }, children: label }, viewer.id));
+        }) }));
+}
+//# sourceMappingURL=PanelPresentationSwitch.js.map

package/dist/components/panel/PanelPresentationSwitch.js.map

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

package/dist/components/panel/PanelProjectFooter.d.ts

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

package/dist/components/panel/PanelProjectFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelProjectFooter.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelProjectFooter.tsx"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,gCA2DjC"}

package/dist/components/panel/PanelProjectFooter.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReportPreferences } from "../../providers/reportContext.js";
+export function PanelProjectFooter() {
+    const { projectId, environment, appVersion, persistenceStatus, messages } = useReportPreferences();
+    const statusLabel = persistenceStatus.mode === "conflict" ? "conflict · localStorage" : persistenceStatus.mode;
+    return (_jsxs("footer", { className: "mt-auto flex shrink-0 justify-center gap-[8px] border-t border-[var(--adaptive-black200)] bg-[var(--adaptive-black100)] text-[12px] uppercase text-[var(--adaptive-black500)] rounded-b-[12px_12px]", children: [_jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: projectId }), _jsx("div", { className: "h-auto w-[1px] self-stretch bg-[var(--adaptive-black300)]" }), _jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: appVersion ?? "-" }), _jsx("div", { className: "h-auto w-[1px] self-stretch bg-[var(--adaptive-black300)]" }), _jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: environment ?? "-" }), _jsx("div", { className: "h-auto w-[1px] self-stretch bg-[var(--adaptive-black300)]" }), persistenceStatus.mode === "conflict" ? (_jsxs("details", { className: "group relative py-[4px] normal-case", children: [_jsx("summary", { className: "cursor-pointer font-[700] text-[#d97706]", "aria-label": messages.panel.persistenceStatusAriaLabel, children: statusLabel }), _jsxs("div", { className: "absolute right-0 bottom-full z-[30] mb-[6px] w-[300px] rounded-[10px] border border-[#f59e0b] bg-[var(--adaptive-black50)] p-[12px] text-left normal-case shadow-[0_12px_32px_rgba(15,23,42,0.24)]", children: [_jsx("p", { className: "text-[12px] font-[700] text-[var(--adaptive-black900)]", children: messages.panel.persistenceConflictTitle }), _jsx("p", { className: "mt-[4px] text-[11px] leading-[1.5] text-[var(--adaptive-black600)]", children: messages.panel.persistenceConflictDescription }), _jsx("p", { className: "mt-[10px] text-[11px] font-[700] text-[var(--adaptive-black700)]", children: messages.panel.persistenceRequiredForApi }), _jsx("ul", { className: "mt-[4px] space-y-[2px] font-mono text-[11px] text-[var(--adaptive-black700)]", children: ["onList", "onCreate", "onUpdate"].map((handlerName) => {
+                                    const missing = persistenceStatus.missingHandlers.includes(handlerName);
+                                    return (_jsxs("li", { className: missing ? "text-[#dc2626]" : "text-[#15803d]", children: [missing ? "✕" : "✓", " ", handlerName] }, handlerName));
+                                }) }), _jsx("p", { className: "mt-[10px] text-[11px] font-[700] text-[var(--adaptive-black700)]", children: messages.panel.persistenceProvidedButIgnored }), _jsx("p", { className: "mt-[4px] break-words font-mono text-[11px] text-[var(--adaptive-black600)]", children: persistenceStatus.ignoredHandlers.join(", ") }), _jsx("p", { className: "mt-[10px] border-t border-[var(--adaptive-black200)] pt-[8px] text-[11px] leading-[1.5] text-[var(--adaptive-black600)]", children: messages.panel.persistenceConflictFix })] })] })) : (_jsx("p", { className: "py-[4px] font-[700] normal-case text-[var(--adaptive-black600)]", children: statusLabel }))] }));
+}
+//# sourceMappingURL=PanelProjectFooter.js.map

package/dist/components/panel/PanelProjectFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelProjectFooter.js","sourceRoot":"","sources":["../../../src/components/panel/PanelProjectFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,UAAU,kBAAkB;IAC9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACnG,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC;IAE/G,OAAO,CACH,kBAAQ,SAAS,EAAC,qMAAqM,aACnN,YAAG,SAAS,EAAC,qDAAqD,YAAE,SAAS,GAAK,EAClF,cAAK,SAAS,EAAC,2DAA2D,GAAG,EAC7E,YAAG,SAAS,EAAC,qDAAqD,YAAE,UAAU,IAAI,GAAG,GAAK,EAC1F,cAAK,SAAS,EAAC,2DAA2D,GAAG,EAC7E,YAAG,SAAS,EAAC,qDAAqD,YAAE,WAAW,IAAI,GAAG,GAAK,EAC3F,cAAK,SAAS,EAAC,2DAA2D,GAAG,EAC5E,iBAAiB,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrC,mBAAS,SAAS,EAAC,qCAAqC,aACpD,kBACI,SAAS,EAAC,0CAA0C,gBACxC,QAAQ,CAAC,KAAK,CAAC,0BAA0B,YAEpD,WAAW,GACN,EACV,eAAK,SAAS,EAAC,oMAAoM,aAC/M,YAAG,SAAS,EAAC,wDAAwD,YAChE,QAAQ,CAAC,KAAK,CAAC,wBAAwB,GACxC,EACJ,YAAG,SAAS,EAAC,oEAAoE,YAC5E,QAAQ,CAAC,KAAK,CAAC,8BAA8B,GAC9C,EAEJ,YAAG,SAAS,EAAC,kEAAkE,YAC1E,QAAQ,CAAC,KAAK,CAAC,yBAAyB,GACzC,EACJ,aAAI,SAAS,EAAC,8EAA8E,YACtF,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAW,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;oCAC/D,MAAM,OAAO,GAAG,iBAAiB,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;oCAExE,OAAO,CACH,cAAsB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,aACzE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,OAAG,WAAW,KAD7B,WAAW,CAEf,CACR,CAAC;gCACN,CAAC,CAAC,GACD,EAEL,YAAG,SAAS,EAAC,kEAAkE,YAC1E,QAAQ,CAAC,KAAK,CAAC,6BAA6B,GAC7C,EACJ,YAAG,SAAS,EAAC,4EAA4E,YACpF,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAC7C,EACJ,YAAG,SAAS,EAAC,yHAAyH,YACjI,QAAQ,CAAC,KAAK,CAAC,sBAAsB,GACtC,IACF,IACA,CACb,CAAC,CAAC,CAAC,CACA,YAAG,SAAS,EAAC,iEAAiE,YAAE,WAAW,GAAK,CACnG,IACI,CACZ,CAAC;AACN,CAAC"}

package/dist/components/panel/PanelRoleSwitch.d.ts

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

package/dist/components/panel/PanelRoleSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRoleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/panel/PanelRoleSwitch.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,gCA+C9B"}

package/dist/components/panel/PanelRoleSwitch.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { PANEL_ROLE_VALUES } from "../../constants/panelRole.js";
+import { useReportPreferences } from "../../providers/reportContext.js";
+import { ChevronDownIcon } from "../../components/icons/Icons.js";
+import { HoverTooltip } from "../../components/ui/HoverTooltip.js";
+import { PanelDropdownMenu, PanelDropdownMenuItem } from "./PanelDropdownMenu.js";
+export function PanelRoleSwitch() {
+    const { panelRole, setPanelRole, messages } = useReportPreferences();
+    const [open, setOpen] = useState(false);
+    const roleLabels = messages.panel.roles;
+    const handleSelect = (role) => {
+        setPanelRole(role);
+        setOpen(false);
+    };
+    return (_jsx(PanelDropdownMenu, { open: open, onClose: () => setOpen(false), trigger: _jsx(HoverTooltip, { label: messages.panel.roleSwitchAriaLabel, className: "h-full", children: _jsxs("button", { type: "button", "aria-haspopup": "menu", "aria-expanded": open, "aria-label": messages.panel.roleSwitchAriaLabel, onPointerDown: (event) => {
+                    event.stopPropagation();
+                    setOpen((current) => !current);
+                }, className: `flex h-full shrink-0 items-center gap-[2px] px-[8px] text-[12px] font-semibold ${open ? "hover:bg-[#bc3110] bg-[#f6562f]" : "hover:bg-[var(--adaptive-black50)]"}`, children: [_jsx("span", { className: `${open ? "text-[var(--adaptive-black50)]" : "text-[var(--adaptive-black900)]"} max-w-[72px] truncate`, children: roleLabels[panelRole] }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 transition-transform ${open ? "rotate-180" : ""}` })] }) }), children: PANEL_ROLE_VALUES.map((role) => (_jsx(PanelDropdownMenuItem, { active: role === panelRole, onClick: () => handleSelect(role), children: roleLabels[role] }, role))) }));
+}
+//# sourceMappingURL=PanelRoleSwitch.js.map