@fivepixels-js/react 0.1.0

package/dist/hooks/usePanelDock.d.ts

@@ -0,0 +1,29 @@
+import { type CSSProperties, type PointerEvent as ReactPointerEvent } from "react";
+export type PanelCorner = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+/** @deprecated Edge docking replaced by corner placement; kept for storage migration. */
+export type PanelEdge = "top" | "bottom" | "left" | "right";
+export type PanelPlacement = {
+    corner: PanelCorner;
+};
+declare const PANEL_CORNERS: PanelCorner[];
+export declare function getNearestPanelCorner(clientX: number, clientY: number): PanelCorner;
+export declare function clampPanelPlacement(placement: PanelPlacement): PanelPlacement;
+export declare function projectPointerToPlacement(clientX: number, clientY: number): PanelPlacement;
+export declare function placementToPanelStyle(placement: PanelPlacement): CSSProperties;
+export declare function placementToCollapsedPanelStyle(placement: PanelPlacement): CSSProperties;
+export declare function getMobilePanelStyle(): CSSProperties;
+export declare function usePanelDock({ enabled, measureKey }: {
+    enabled: boolean;
+    measureKey?: unknown;
+}): {
+    panelRef: import("react").RefObject<HTMLDivElement>;
+    panelStyle: CSSProperties;
+    placementCorner: PanelCorner;
+    isDragging: boolean;
+    activeCorner: PanelCorner | null;
+    handleDragHandlePointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+};
+export declare function panelHeaderAlignModifier(corner: PanelCorner): "align-left" | "align-right";
+export declare function panelAnchorSide(corner: PanelCorner): "left" | "right";
+export { PANEL_CORNERS };
+//# sourceMappingURL=usePanelDock.d.ts.map

package/dist/hooks/usePanelDock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelDock.d.ts","sourceRoot":"","sources":["../../src/hooks/usePanelDock.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,aAAa,EAAE,KAAK,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9I,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEpF,yFAAyF;AACzF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IACzB,MAAM,EAAE,WAAW,CAAC;CACvB,CAAC;AAYF,QAAA,MAAM,aAAa,EAAE,WAAW,EAA6D,CAAC;AA+F9F,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,WAAW,CAsBnF;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAE7E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc,CAE1F;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,cAAc,GAAG,aAAa,CA+B9E;AAED,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,cAAc,GAAG,aAAa,CA8BvF;AAED,wBAAgB,mBAAmB,IAAI,aAAa,CAQnD;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;yCA2FhF,iBAAiB,CAAC,WAAW,CAAC;EAwB7C;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,YAAY,GAAG,aAAa,CAE1F;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAErE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/usePanelDock.js

@@ -0,0 +1,279 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+const STORAGE_KEY = "fivepixels:panel-placement";
+const LEGACY_STORAGE_KEY = "fivepixels:panel-dock-position";
+const EDGE_MARGIN = 16;
+const DEFAULT_PLACEMENT = { corner: "top-left" };
+const PANEL_CORNERS = ["top-left", "top-right", "bottom-left", "bottom-right"];
+function isPanelCorner(value) {
+    return value === "top-left" || value === "top-right" || value === "bottom-left" || value === "bottom-right";
+}
+function isPanelEdge(value) {
+    return value === "top" || value === "bottom" || value === "left" || value === "right";
+}
+function isPanelPlacement(value) {
+    return typeof value === "object" && value !== null && "corner" in value && isPanelCorner(String(value.corner));
+}
+function isLegacyPanelPlacement(value) {
+    return (typeof value === "object" &&
+        value !== null &&
+        "edge" in value &&
+        "offset" in value &&
+        isPanelEdge(String(value.edge)) &&
+        typeof value.offset === "number");
+}
+function edgeOffsetToCorner(edge, offset) {
+    if (typeof window === "undefined") {
+        return DEFAULT_PLACEMENT.corner;
+    }
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    switch (edge) {
+        case "top":
+            return offset < viewportWidth / 2 ? "top-left" : "top-right";
+        case "bottom":
+            return offset < viewportWidth / 2 ? "bottom-left" : "bottom-right";
+        case "left":
+            return offset < viewportHeight / 2 ? "top-left" : "bottom-left";
+        case "right":
+            return offset < viewportHeight / 2 ? "top-right" : "bottom-right";
+    }
+}
+function legacyEdgeToCorner(edge) {
+    switch (edge) {
+        case "top":
+            return "top-left";
+        case "bottom":
+            return "bottom-left";
+        case "left":
+            return "top-left";
+        case "right":
+            return "top-right";
+    }
+}
+function readStoredPlacement() {
+    if (typeof window === "undefined") {
+        return DEFAULT_PLACEMENT;
+    }
+    try {
+        const stored = window.localStorage.getItem(STORAGE_KEY);
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            if (isPanelPlacement(parsed)) {
+                return parsed;
+            }
+            if (isLegacyPanelPlacement(parsed)) {
+                return { corner: edgeOffsetToCorner(parsed.edge, parsed.offset) };
+            }
+        }
+        const legacy = window.localStorage.getItem(LEGACY_STORAGE_KEY);
+        if (isPanelEdge(legacy)) {
+            return { corner: legacyEdgeToCorner(legacy) };
+        }
+    }
+    catch {
+        // Ignore storage failures in restricted environments.
+    }
+    return DEFAULT_PLACEMENT;
+}
+function persistPlacement(placement) {
+    try {
+        window.localStorage.setItem(STORAGE_KEY, JSON.stringify(placement));
+        window.localStorage.removeItem(LEGACY_STORAGE_KEY);
+    }
+    catch {
+        // Ignore storage failures in restricted environments.
+    }
+}
+export function getNearestPanelCorner(clientX, clientY) {
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const cornerPoints = [
+        ["top-left", EDGE_MARGIN, EDGE_MARGIN],
+        ["top-right", viewportWidth - EDGE_MARGIN, EDGE_MARGIN],
+        ["bottom-left", EDGE_MARGIN, viewportHeight - EDGE_MARGIN],
+        ["bottom-right", viewportWidth - EDGE_MARGIN, viewportHeight - EDGE_MARGIN],
+    ];
+    let nearest = cornerPoints[0][0];
+    let nearestDistance = Number.POSITIVE_INFINITY;
+    for (const [corner, x, y] of cornerPoints) {
+        const distance = (clientX - x) ** 2 + (clientY - y) ** 2;
+        if (distance < nearestDistance) {
+            nearestDistance = distance;
+            nearest = corner;
+        }
+    }
+    return nearest;
+}
+export function clampPanelPlacement(placement) {
+    return isPanelCorner(placement.corner) ? placement : DEFAULT_PLACEMENT;
+}
+export function projectPointerToPlacement(clientX, clientY) {
+    return { corner: getNearestPanelCorner(clientX, clientY) };
+}
+export function placementToPanelStyle(placement) {
+    const style = {
+        top: "auto",
+        right: "auto",
+        bottom: "auto",
+        left: "auto",
+        // maxHeight: "none",
+    };
+    switch (placement.corner) {
+        case "top-left":
+            style.top = EDGE_MARGIN;
+            style.left = EDGE_MARGIN;
+            break;
+        case "top-right":
+            style.top = EDGE_MARGIN;
+            style.right = EDGE_MARGIN;
+            break;
+        case "bottom-left":
+            style.bottom = EDGE_MARGIN;
+            style.left = EDGE_MARGIN;
+            style.maxHeight = "min(68vh, 560px)";
+            break;
+        case "bottom-right":
+            style.bottom = EDGE_MARGIN;
+            style.right = EDGE_MARGIN;
+            style.maxHeight = "min(68vh, 560px)";
+            break;
+    }
+    return style;
+}
+export function placementToCollapsedPanelStyle(placement) {
+    const style = {
+        top: "auto",
+        right: "auto",
+        bottom: "auto",
+        left: "auto",
+        maxHeight: "none",
+        maxWidth: "none",
+    };
+    switch (placement.corner) {
+        case "top-left":
+            style.top = EDGE_MARGIN;
+            style.left = 0;
+            break;
+        case "top-right":
+            style.top = EDGE_MARGIN;
+            style.right = 0;
+            break;
+        case "bottom-left":
+            style.bottom = EDGE_MARGIN;
+            style.left = 0;
+            break;
+        case "bottom-right":
+            style.bottom = EDGE_MARGIN;
+            style.right = 0;
+            break;
+    }
+    return style;
+}
+export function getMobilePanelStyle() {
+    return {
+        top: "auto",
+        right: EDGE_MARGIN,
+        bottom: EDGE_MARGIN,
+        left: EDGE_MARGIN,
+        maxHeight: "min(68vh, 560px)",
+    };
+}
+export function usePanelDock({ enabled, measureKey }) {
+    const panelRef = useRef(null);
+    const [placement, setPlacement] = useState(() => readStoredPlacement());
+    const [previewPlacement, setPreviewPlacement] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const dragPointerIdRef = useRef(null);
+    const currentPlacement = previewPlacement ?? placement;
+    const activeCorner = isDragging ? currentPlacement.corner : null;
+    useEffect(() => {
+        if (enabled) {
+            return;
+        }
+        setPreviewPlacement(null);
+        setIsDragging(false);
+    }, [enabled]);
+    useLayoutEffect(() => {
+        if (!enabled) {
+            return;
+        }
+        setPlacement((current) => clampPanelPlacement(current));
+    }, [enabled, measureKey]);
+    const updatePlacementFromPointer = useCallback((clientX, clientY) => {
+        setPreviewPlacement(projectPointerToPlacement(clientX, clientY));
+    }, []);
+    const finishDrag = useCallback(() => {
+        setPreviewPlacement((currentPreview) => {
+            if (currentPreview) {
+                setPlacement(currentPreview);
+                persistPlacement(currentPreview);
+            }
+            return null;
+        });
+        dragPointerIdRef.current = null;
+        setIsDragging(false);
+    }, []);
+    useEffect(() => {
+        if (!enabled) {
+            return;
+        }
+        const handleResize = () => {
+            setPlacement((current) => clampPanelPlacement(current));
+            setPreviewPlacement((current) => (current ? clampPanelPlacement(current) : current));
+        };
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [enabled]);
+    useEffect(() => {
+        if (!isDragging) {
+            return;
+        }
+        const handlePointerMove = (event) => {
+            if (dragPointerIdRef.current !== event.pointerId) {
+                return;
+            }
+            updatePlacementFromPointer(event.clientX, event.clientY);
+        };
+        const handlePointerUp = (event) => {
+            if (dragPointerIdRef.current !== event.pointerId) {
+                return;
+            }
+            finishDrag();
+        };
+        window.addEventListener("pointermove", handlePointerMove);
+        window.addEventListener("pointerup", handlePointerUp);
+        window.addEventListener("pointercancel", handlePointerUp);
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove);
+            window.removeEventListener("pointerup", handlePointerUp);
+            window.removeEventListener("pointercancel", handlePointerUp);
+        };
+    }, [finishDrag, isDragging, updatePlacementFromPointer]);
+    const handleDragHandlePointerDown = useCallback((event) => {
+        if (!enabled || event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        dragPointerIdRef.current = event.pointerId;
+        setIsDragging(true);
+        updatePlacementFromPointer(event.clientX, event.clientY);
+    }, [enabled, updatePlacementFromPointer]);
+    const panelStyle = enabled ? placementToPanelStyle(currentPlacement) : getMobilePanelStyle();
+    return {
+        panelRef,
+        panelStyle,
+        placementCorner: currentPlacement.corner,
+        isDragging,
+        activeCorner,
+        handleDragHandlePointerDown,
+    };
+}
+export function panelHeaderAlignModifier(corner) {
+    return corner.endsWith("left") ? "align-left" : "align-right";
+}
+export function panelAnchorSide(corner) {
+    return corner.endsWith("left") ? "left" : "right";
+}
+export { PANEL_CORNERS };
+//# sourceMappingURL=usePanelDock.js.map

package/dist/hooks/usePanelDock.js.map

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

package/dist/hooks/usePanelFeedbackTransfer.d.ts

@@ -0,0 +1,59 @@
+import { type DragEvent } from "react";
+import type { ReportMessages } from "../i18n/types.js";
+import { type FeedbackImportPayload, type FeedbackInsertConflict } from "../utils/feedbackDataTransfer.js";
+export type FeedbackTransferScope = {
+    projectId: string;
+    environment?: string;
+    appVersion?: string;
+};
+export type ImportStep = "none" | "project-mismatch" | "confirm";
+export type CommandStep = "none" | "replace-confirm";
+type UsePanelFeedbackTransferOptions = {
+    transferScope: FeedbackTransferScope;
+    canTransferFeedback: boolean;
+    messages: ReportMessages;
+    setErrorMessage: (message: string) => void;
+    refetch: () => Promise<unknown>;
+    openPanelTab: (tab: "command") => void;
+    onMoreMenuClose?: () => void;
+    isRecording: boolean;
+};
+export declare function usePanelFeedbackTransfer({ transferScope, canTransferFeedback, messages, setErrorMessage, refetch, openPanelTab, onMoreMenuClose, isRecording, }: UsePanelFeedbackTransferOptions): {
+    isDragOver: boolean;
+    pendingImport: FeedbackImportPayload | null;
+    importStep: ImportStep;
+    pendingCommand: FeedbackImportPayload | null;
+    commandConflicts: FeedbackInsertConflict[];
+    commandStep: CommandStep;
+    commandNotice: {
+        message: string;
+        isError: boolean;
+    } | null;
+    setCommandNotice: import("react").Dispatch<import("react").SetStateAction<{
+        message: string;
+        isError: boolean;
+    } | null>>;
+    handleExport: () => void;
+    handleImportFromMenu: () => void;
+    handleOpenCommand: () => void;
+    handleCloseCommand: () => void;
+    handleCommandExecute: (raw: string) => Promise<{
+        status: "pending";
+        message?: undefined;
+    } | {
+        status: "success";
+        message: string;
+    }>;
+    handleCancelCommandReplace: () => void;
+    handleConfirmCommandReplace: () => void;
+    handleCancelImport: () => void;
+    handleProceedImportAfterMismatch: () => void;
+    handleApplyImport: () => void;
+    handleBackupAndApplyImport: () => void;
+    handleDragEnter: (event: DragEvent<HTMLDivElement>) => void;
+    handleDragLeave: (event: DragEvent<HTMLDivElement>) => void;
+    handleDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    handleDrop: (event: DragEvent<HTMLDivElement>) => void;
+};
+export {};
+//# sourceMappingURL=usePanelFeedbackTransfer.d.ts.map

package/dist/hooks/usePanelFeedbackTransfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFeedbackTransfer.d.ts","sourceRoot":"","sources":["../../src/hooks/usePanelFeedbackTransfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAaH,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC9B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAwBrD,KAAK,+BAA+B,GAAG;IACnC,aAAa,EAAE,qBAAqB,CAAC;IACrC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,YAAY,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACrC,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,YAAY,EACZ,eAAe,EACf,WAAW,GACd,EAAE,+BAA+B;;;;;;;;iBAQgC,MAAM;iBAAW,OAAO;;;iBAAxB,MAAM;iBAAW,OAAO;;;;;;gCAiGtE,MAAM;;;;;;;;;;;;;6BAyGV,SAAS,CAAC,cAAc,CAAC;6BAiBzB,SAAS,CAAC,cAAc,CAAC;4BAgBzB,SAAS,CAAC,cAAc,CAAC;wBAgBzB,SAAS,CAAC,cAAc,CAAC;EA8CxC"}

package/dist/hooks/usePanelFeedbackTransfer.js

@@ -0,0 +1,250 @@
+import { useCallback, useRef, useState } from "react";
+import { createFeedbackBackupFilename, downloadFeedbackJson, findFeedbackInsertConflicts, insertFeedbackItems, isImportProjectCompatible, parseFeedbackCommandJson, pickFeedbackJsonFile, readAllFeedback, readFeedbackJsonFile, toReportProject, upsertFeedbackItems, writeAllFeedback, } from "../utils/feedbackDataTransfer.js";
+function buildCommandSuccessMessage(messages, inserted, replaced) {
+    if (replaced > 0 && inserted > 0) {
+        return messages.errors.commandSuccessInsertedReplaced(inserted, replaced);
+    }
+    if (replaced > 0) {
+        return messages.errors.commandSuccessReplaced(replaced);
+    }
+    return messages.errors.commandSuccessInserted(inserted);
+}
+function isJsonDragEvent(event) {
+    const types = Array.from(event.dataTransfer.types);
+    return types.includes("Files") || types.includes("application/json");
+}
+function isJsonFile(file) {
+    return file.type === "application/json" || file.name.toLowerCase().endsWith(".json");
+}
+export function usePanelFeedbackTransfer({ transferScope, canTransferFeedback, messages, setErrorMessage, refetch, openPanelTab, onMoreMenuClose, isRecording, }) {
+    const { projectId, environment, appVersion } = transferScope;
+    const [isDragOver, setIsDragOver] = useState(false);
+    const [pendingImport, setPendingImport] = useState(null);
+    const [importStep, setImportStep] = useState("none");
+    const [pendingCommand, setPendingCommand] = useState(null);
+    const [commandConflicts, setCommandConflicts] = useState([]);
+    const [commandStep, setCommandStep] = useState("none");
+    const [commandNotice, setCommandNotice] = useState(null);
+    const dragDepthRef = useRef(0);
+    const closeMoreMenu = useCallback(() => {
+        onMoreMenuClose?.();
+    }, [onMoreMenuClose]);
+    const queueImport = useCallback((payload) => {
+        closeMoreMenu();
+        setPendingImport(payload);
+        setImportStep(isImportProjectCompatible(transferScope, payload.project) ? "confirm" : "project-mismatch");
+        setErrorMessage("");
+    }, [closeMoreMenu, setErrorMessage, transferScope]);
+    const handleImportFile = useCallback(async (file) => {
+        if (!canTransferFeedback) {
+            setErrorMessage(messages.errors.localStorageTransferOnly);
+            return;
+        }
+        try {
+            const payload = await readFeedbackJsonFile(file);
+            queueImport(payload);
+        }
+        catch (nextError) {
+            setErrorMessage(nextError instanceof Error ? nextError.message : messages.errors.jsonImportFailed);
+        }
+    }, [canTransferFeedback, messages.errors, queueImport, setErrorMessage]);
+    const handleExport = useCallback(() => {
+        if (!canTransferFeedback) {
+            setErrorMessage(messages.errors.localStorageTransferOnly);
+            return;
+        }
+        closeMoreMenu();
+        const items = readAllFeedback(transferScope);
+        void downloadFeedbackJson(createFeedbackBackupFilename(projectId, environment, appVersion), toReportProject(transferScope), items).then((result) => {
+            if (result === "failed") {
+                setErrorMessage(messages.errors.jsonExportFailed);
+                return;
+            }
+            if (result === "cancelled") {
+                return;
+            }
+            setErrorMessage("");
+        });
+    }, [canTransferFeedback, closeMoreMenu, environment, messages.errors, projectId, setErrorMessage, transferScope, appVersion]);
+    const handleImportFromMenu = useCallback(() => {
+        if (!canTransferFeedback) {
+            setErrorMessage(messages.errors.localStorageTransferOnly);
+            return;
+        }
+        closeMoreMenu();
+        void pickFeedbackJsonFile()
+            .then((file) => {
+            if (!file) {
+                return;
+            }
+            return handleImportFile(file);
+        })
+            .catch((error) => {
+            setErrorMessage(error instanceof Error ? error.message : messages.errors.jsonImportFailed);
+        });
+    }, [canTransferFeedback, closeMoreMenu, handleImportFile, messages.errors, setErrorMessage]);
+    const handleOpenCommand = useCallback(() => {
+        if (!canTransferFeedback) {
+            setErrorMessage(messages.errors.localStorageCommandOnly);
+            return;
+        }
+        closeMoreMenu();
+        setErrorMessage("");
+        openPanelTab("command");
+    }, [canTransferFeedback, closeMoreMenu, messages.errors, openPanelTab, setErrorMessage]);
+    const handleCloseCommand = useCallback(() => {
+        setCommandStep("none");
+        setPendingCommand(null);
+        setCommandConflicts([]);
+        openPanelTab("command");
+    }, [openPanelTab]);
+    const handleCommandExecute = useCallback(async (raw) => {
+        if (!canTransferFeedback) {
+            throw new Error(messages.errors.localStorageCommandOnly);
+        }
+        const payload = parseFeedbackCommandJson(raw);
+        const conflicts = findFeedbackInsertConflicts(transferScope, payload.items);
+        if (conflicts.length > 0) {
+            setPendingCommand(payload);
+            setCommandConflicts(conflicts);
+            setCommandStep("replace-confirm");
+            return { status: "pending" };
+        }
+        const result = insertFeedbackItems(transferScope, payload.items);
+        await refetch();
+        setErrorMessage("");
+        return {
+            status: "success",
+            message: buildCommandSuccessMessage(messages, result.inserted, result.replaced),
+        };
+    }, [canTransferFeedback, messages, refetch, setErrorMessage, transferScope]);
+    const handleCancelCommandReplace = useCallback(() => {
+        setPendingCommand(null);
+        setCommandConflicts([]);
+        setCommandStep("none");
+    }, []);
+    const handleConfirmCommandReplace = useCallback(() => {
+        if (!pendingCommand) {
+            return;
+        }
+        const payload = pendingCommand;
+        void (async () => {
+            const result = upsertFeedbackItems(transferScope, payload.items);
+            await refetch();
+            setErrorMessage("");
+            setPendingCommand(null);
+            setCommandConflicts([]);
+            setCommandStep("none");
+            setCommandNotice({
+                message: buildCommandSuccessMessage(messages, result.inserted, result.replaced),
+                isError: false,
+            });
+        })();
+    }, [messages, pendingCommand, refetch, setErrorMessage, transferScope]);
+    const applyImport = useCallback(async (payload) => {
+        writeAllFeedback(transferScope, payload.items);
+        setPendingImport(null);
+        setImportStep("none");
+        await refetch();
+    }, [refetch, transferScope]);
+    const handleCancelImport = useCallback(() => {
+        setPendingImport(null);
+        setImportStep("none");
+    }, []);
+    const handleProceedImportAfterMismatch = useCallback(() => {
+        setImportStep("confirm");
+    }, []);
+    const handleApplyImport = useCallback(() => {
+        if (!pendingImport) {
+            return;
+        }
+        void applyImport(pendingImport);
+    }, [applyImport, pendingImport]);
+    const handleBackupAndApplyImport = useCallback(() => {
+        if (!pendingImport) {
+            return;
+        }
+        const currentItems = readAllFeedback(transferScope);
+        const pending = pendingImport;
+        void downloadFeedbackJson(createFeedbackBackupFilename(projectId, environment, appVersion), toReportProject(transferScope), currentItems).then((result) => {
+            if (result === "cancelled" || result === "failed") {
+                if (result === "failed") {
+                    setErrorMessage(messages.errors.backupExportFailedAbortImport);
+                }
+                return;
+            }
+            void applyImport(pending);
+        });
+    }, [applyImport, environment, messages.errors, pendingImport, projectId, setErrorMessage, transferScope, appVersion]);
+    const handleDragEnter = useCallback((event) => {
+        if (isRecording || !canTransferFeedback || importStep !== "none" || commandStep !== "none") {
+            return;
+        }
+        if (!isJsonDragEvent(event)) {
+            return;
+        }
+        event.preventDefault();
+        dragDepthRef.current += 1;
+        setIsDragOver(true);
+    }, [canTransferFeedback, commandStep, importStep, isRecording]);
+    const handleDragLeave = useCallback((event) => {
+        if (isRecording || !canTransferFeedback) {
+            return;
+        }
+        event.preventDefault();
+        dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
+        if (dragDepthRef.current === 0) {
+            setIsDragOver(false);
+        }
+    }, [canTransferFeedback, isRecording]);
+    const handleDragOver = useCallback((event) => {
+        if (isRecording || !canTransferFeedback || importStep !== "none" || commandStep !== "none") {
+            return;
+        }
+        if (!isJsonDragEvent(event)) {
+            return;
+        }
+        event.preventDefault();
+        event.dataTransfer.dropEffect = "copy";
+    }, [canTransferFeedback, commandStep, importStep, isRecording]);
+    const handleDrop = useCallback((event) => {
+        if (isRecording || !canTransferFeedback || importStep !== "none" || commandStep !== "none") {
+            return;
+        }
+        event.preventDefault();
+        dragDepthRef.current = 0;
+        setIsDragOver(false);
+        const file = Array.from(event.dataTransfer.files).find(isJsonFile);
+        if (!file) {
+            setErrorMessage(messages.errors.jsonFileOnly);
+            return;
+        }
+        void handleImportFile(file);
+    }, [canTransferFeedback, commandStep, handleImportFile, importStep, isRecording, messages.errors, setErrorMessage]);
+    return {
+        isDragOver,
+        pendingImport,
+        importStep,
+        pendingCommand,
+        commandConflicts,
+        commandStep,
+        commandNotice,
+        setCommandNotice,
+        handleExport,
+        handleImportFromMenu,
+        handleOpenCommand,
+        handleCloseCommand,
+        handleCommandExecute,
+        handleCancelCommandReplace,
+        handleConfirmCommandReplace,
+        handleCancelImport,
+        handleProceedImportAfterMismatch,
+        handleApplyImport,
+        handleBackupAndApplyImport,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+    };
+}
+//# sourceMappingURL=usePanelFeedbackTransfer.js.map

package/dist/hooks/usePanelFeedbackTransfer.js.map

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