@fivepixels-js/react 0.2.0 → 0.2.2

package/dist/hooks/report/useReportPanelShell.d.ts

@@ -0,0 +1,146 @@
+import { type MutableRefObject } from "react";
+import type { DeepPartialReportMessages } from "../../i18n/types.js";
+import type { ReportLocale } from "../../i18n/types.js";
+import type { PanelRole } from "../../constants/panelRole.js";
+import { type UserSelectablePanelTab } from "../../constants/panelTabRegistry.js";
+import { type PanelTabPreference } from "../../utils/panel/panelTabPreference.js";
+import type { CreateReportFeedbackPayload, CreateReplyPayload, ReportAppearance, ReportActivitySummaryParams, ReportActivitySummaryResult, ReportFeedback, ReportField, ReportListAllParams, ReportListAllResult, ReportPanelBootstrapParams, ReportPanelBootstrapResult, ReportReply, QuestionThreadDisplay, UpdateReportFeedbackPayload } from "../../types/report.js";
+import type { ReportMode, ReportPanelTab } from "../../types/report-ui.js";
+export type ReportPanelShellBridges = {
+    setShowTargetPreview: (show: boolean) => void;
+    closeReplyComposer: () => void;
+    stopEditing: () => void;
+};
+export type ReportPanelShellConfig = {
+    projectId: string;
+    environment?: string;
+    appVersion?: string;
+    panelAppearance: ReportAppearance;
+    tooltipAppearance: ReportAppearance;
+    questionThreadDefault?: QuestionThreadDisplay;
+    fields: ReportField[];
+    showFeedbackList: boolean;
+    initialLocale: ReportLocale;
+    messageOverrides?: DeepPartialReportMessages;
+    onList?: (params: {
+        pathname: string;
+    }) => Promise<ReportFeedback[]>;
+    onListAll?: (params: ReportListAllParams) => Promise<ReportListAllResult>;
+    onPanelBootstrap?: (params: ReportPanelBootstrapParams) => Promise<ReportPanelBootstrapResult>;
+    onActivitySummary?: (params: ReportActivitySummaryParams) => Promise<ReportActivitySummaryResult>;
+    onListReplies?: (commentId: string, params?: import("../../types/report.js").ListRepliesParams) => Promise<import("../../types/report.js").ListRepliesResult | ReportReply[]>;
+    onCreate?: (payload: CreateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onCreateReply?: (commentId: string, payload: CreateReplyPayload) => Promise<ReportReply>;
+    onUpdate?: (id: string, payload: UpdateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onDelete?: (id: string) => Promise<void>;
+    routeKey?: string;
+    replyHistory: import("../../utils/report/reportUi.js").ResolvedReplyHistoryConfig;
+    sessionActorName: string | null;
+    bridgesRef: MutableRefObject<ReportPanelShellBridges>;
+};
+export declare function useReportPanelShell({ projectId, environment, appVersion, panelAppearance, tooltipAppearance, questionThreadDefault, fields, showFeedbackList, initialLocale, messageOverrides, onList, onListAll, onPanelBootstrap, onActivitySummary, onListReplies, onCreate, onCreateReply, onUpdate, onDelete, routeKey, replyHistory, sessionActorName, bridgesRef, }: ReportPanelShellConfig): {
+    panelAppearance: ReportAppearance;
+    setPanelAppearance: (nextAppearance: ReportAppearance) => void;
+    tooltipAppearance: ReportAppearance;
+    setTooltipAppearance: (nextAppearance: ReportAppearance) => void;
+    questionThreadDisplay: QuestionThreadDisplay;
+    setQuestionThreadDisplay: (nextDisplay: QuestionThreadDisplay) => void;
+    locale: ReportLocale;
+    setLocale: (nextLocale: ReportLocale) => void;
+    messages: import("../../i18n/types.js").ReportMessages;
+    showMarkerTargetPreview: boolean;
+    setShowMarkerTargetPreview: (enabled: boolean) => void;
+    toggleMarkerTargetPreview: () => void;
+    markerAppearance: import("../../constants/markerAppearance.js").MarkerAppearancePreferences;
+    setMarkerAppearance: (next: import("../../constants/markerAppearance.js").MarkerAppearancePreferences | ((current: import("../../constants/markerAppearance.js").MarkerAppearancePreferences) => import("../../constants/markerAppearance.js").MarkerAppearancePreferences)) => void;
+    setMarkerSize: (size: import("../../constants/markerAppearance.js").AppearanceScale) => void;
+    setMarkerShape: (shape: import("../../constants/markerAppearance.js").MarkerShape) => void;
+    setMarkerColors: (colors: import("../../constants/markerAppearance.js").MarkerColorPreferences) => void;
+    setMarkerColor: (key: keyof import("../../constants/markerAppearance.js").MarkerColorPreferences, color: string) => void;
+    setFeedbackModeDotColors: (colors: import("../../constants/markerAppearance.js").FeedbackModeDotColors) => void;
+    setFeedbackModeDotColor: (appearance: keyof import("../../constants/markerAppearance.js").FeedbackModeDotColors, color: string) => void;
+    typography: import("../../constants/markerAppearance.js").TypographyPreferences;
+    setTypography: (next: import("../../constants/markerAppearance.js").TypographyPreferences | ((current: import("../../constants/markerAppearance.js").TypographyPreferences) => import("../../constants/markerAppearance.js").TypographyPreferences)) => void;
+    setFontSize: (fontSize: import("../../constants/markerAppearance.js").MarkerFontSize) => void;
+    setFontFamily: (fontFamily: string) => void;
+    panelRole: "general" | "qa" | "developer" | "designer" | "planner" | "general-user";
+    setPanelRole: (nextRole: PanelRole) => void;
+    storedPanelTabPreference: PanelTabPreference | null;
+    searchInputRef: MutableRefObject<HTMLInputElement | null>;
+    mode: ReportMode;
+    setMode: import("react").Dispatch<import("react").SetStateAction<ReportMode>>;
+    panelCollapsed: boolean;
+    setPanelCollapsed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    panelTab: ReportPanelTab | null;
+    setPanelTab: import("react").Dispatch<import("react").SetStateAction<ReportPanelTab | null>>;
+    errorMessage: string;
+    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+    resolvedPanelAppearance: import("../../types/report-ui.js").ResolvedAppearance;
+    resolvedTooltipAppearance: import("../../types/report-ui.js").ResolvedAppearance;
+    isMobileViewport: boolean;
+    persistenceStatus: import("../../utils/shared/storage.js").PersistenceStatus;
+    canTransferFeedback: boolean;
+    canListAllFeedback: boolean;
+    currentPathname: string;
+    listScope: import("../../types/report-ui.js").ReportListScope;
+    setListScope: import("react").Dispatch<import("react").SetStateAction<import("../../types/report-ui.js").ReportListScope>>;
+    filters: import("../../types/report-ui.js").ReportFilters;
+    setFilters: import("react").Dispatch<import("react").SetStateAction<import("../../types/report-ui.js").ReportFilters>>;
+    selectedReportId: string | null;
+    setSelectedReportId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    reports: ReportFeedback[];
+    currentPageReports: ReportFeedback[];
+    filteredReports: ReportFeedback[];
+    currentPageFilteredReports: ReportFeedback[];
+    allPageReports: ReportFeedback[];
+    allPageFilteredReports: ReportFeedback[];
+    routeDetailsStats: import("../../types/report.js").ReportRouteDetailsSummary;
+    selectedReport: ReportFeedback;
+    isError: boolean;
+    isReportsLoading: boolean;
+    isFetching: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    fetchNextPage: () => Promise<void>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isDeleting: boolean;
+    queryErrorMessage: string | undefined;
+    refetch: () => Promise<ReportFeedback[]>;
+    createFeedback: (payload: CreateReportFeedbackPayload) => Promise<ReportFeedback>;
+    updateFeedback: (id: string, payload: UpdateReportFeedbackPayload) => Promise<ReportFeedback>;
+    deleteFeedback: (id: string) => Promise<void>;
+    loadRepliesIfNeeded: (report: ReportFeedback) => Promise<ReportFeedback>;
+    createReply: (commentId: string, payload: CreateReplyPayload) => Promise<ReportReply>;
+    usesCreateReply: boolean;
+    replyHistoryByReportId: Record<string, import("../replyHistoryActions.js").ReplyHistoryState>;
+    loadOlderReplies: (reportId: string, config: import("../../utils/report/reportUi.js").ResolvedReplyHistoryConfig) => Promise<void>;
+    goToOlderPaginationPage: (reportId: string, config: import("../../utils/report/reportUi.js").ResolvedReplyHistoryConfig) => Promise<void>;
+    goToNewerPaginationPage: (reportId: string, config: import("../../utils/report/reportUi.js").ResolvedReplyHistoryConfig) => void;
+    onPanelBootstrap: ((params: ReportPanelBootstrapParams) => Promise<ReportPanelBootstrapResult>) | undefined;
+    onActivitySummary: ((params: ReportActivitySummaryParams) => Promise<ReportActivitySummaryResult>) | undefined;
+    visiblePanelTabs: UserSelectablePanelTab[];
+    visiblePanelTabsSummary: string;
+    resolvedTabAvailabilityContext: {
+        showFeedbackList: boolean;
+        canListAllFeedback: boolean;
+    };
+    setVisiblePanelTabs: (nextTabs: UserSelectablePanelTab[]) => void;
+    resetVisibleTabsToRoleDefault: () => void;
+    applyRoleDefaultTabsForOnboarding: (role: PanelRole) => void;
+    savePanelTabPreference: (preference: PanelTabPreference) => void;
+    pinnedFeedbackItems: import("../../types/pinnedFeedback.js").PinnedFeedbackItem[];
+    pinRailCollapsed: boolean;
+    togglePinnedFeedback: (item: import("../../types/pinnedFeedback.js").PinnedFeedbackItem) => void;
+    unpinFeedback: (reportId: string) => void;
+    setPinRailCollapsed: (railCollapsed: boolean) => void;
+    syncPinnedFeedbackReports: (reports: ReportFeedback[]) => void;
+    targetStats: import("../../types/report.js").ReportPanelStats;
+    roleStatItems: import("../../utils/panel/panelRoleStats.js").PanelRoleStatItem[];
+    toggleReportMode: () => void;
+    togglePanelTab: (nextTab: ReportPanelTab) => void;
+    enableIssueMode: () => void;
+    openPanelTab: (nextTab: ReportPanelTab) => void;
+    toggleIssueMode: () => void;
+};
+//# sourceMappingURL=useReportPanelShell.d.ts.map

package/dist/hooks/report/useReportPanelShell.d.ts.map

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

package/dist/hooks/report/useReportPanelShell.js

@@ -0,0 +1,340 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ensureReportLocaleMessages, getReportMessages, setActiveReportMessages } from "../../i18n/index.js";
+import { useMarkerTargetPreviewPreference } from "../useMarkerTargetPreviewPreference.js";
+import { useMarkerAppearancePreference } from "../useMarkerAppearancePreference.js";
+import { useTypographyPreference } from "../useTypographyPreference.js";
+import { useReportPersistence } from "../useReportPersistence.js";
+import { useIsMobileViewport } from "../useIsMobileViewport.js";
+import { useAppearancePreference } from "../useAppearancePreference.js";
+import { PANEL_APPEARANCE_STORAGE_KEY, TOOLTIP_APPEARANCE_STORAGE_KEY } from "../../constants/appearance.js";
+import { useLocalePreference } from "../useLocalePreference.js";
+import { useQuestionThreadPreference } from "../useQuestionThreadPreference.js";
+import { usePanelRolePreference } from "../usePanelRolePreference.js";
+import { usePanelTabPreference } from "../usePanelTabPreference.js";
+import { usePinnedFeedbackPreference } from "../usePinnedFeedbackPreference.js";
+import { usePanelBootstrap } from "../usePanelBootstrap.js";
+import { useResolvedAppearance } from "../useResolvedAppearance.js";
+import { buildPanelStats } from "../../utils/panel/panelBootstrap.js";
+import { buildPanelRoleStats } from "../../utils/panel/panelRoleStats.js";
+import { getPanelRoleTabPreset } from "../../constants/panelTabPresets.js";
+import { getPanelTabDefinition, isUserSelectablePanelTab, shouldEnableAllReportsFetch } from "../../constants/panelTabRegistry.js";
+import { formatVisibleTabSummary, resolveDefaultPanelTab, resolveVisibleTabs, } from "../../utils/panel/panelTabPreference.js";
+import { parseFeedbackDeepLink } from "../../utils/feedback/feedbackDeepLink.js";
+function getInitialDeepLinkFeedbackId() {
+    if (typeof window === "undefined") {
+        return null;
+    }
+    return parseFeedbackDeepLink()?.feedbackId ?? null;
+}
+export function useReportPanelShell({ projectId, environment, appVersion, panelAppearance, tooltipAppearance, questionThreadDefault = "expanded", fields, showFeedbackList, initialLocale, messageOverrides, onList, onListAll, onPanelBootstrap, onActivitySummary, onListReplies, onCreate, onCreateReply, onUpdate, onDelete, routeKey, replyHistory, sessionActorName, bridgesRef, }) {
+    const { appearance: activePanelAppearance, setAppearance: setPanelAppearance } = useAppearancePreference(PANEL_APPEARANCE_STORAGE_KEY, panelAppearance);
+    const { appearance: activeTooltipAppearance, setAppearance: setTooltipAppearance } = useAppearancePreference(TOOLTIP_APPEARANCE_STORAGE_KEY, tooltipAppearance);
+    const { showMarkerTargetPreview, setShowMarkerTargetPreview, toggleMarkerTargetPreview } = useMarkerTargetPreviewPreference();
+    const { markerAppearance, setMarkerAppearance, setMarkerSize, setMarkerShape, setMarkerColors, setMarkerColor, setFeedbackModeDotColors, setFeedbackModeDotColor } = useMarkerAppearancePreference();
+    const { typography, setTypography, setFontSize, setFontFamily } = useTypographyPreference();
+    const { questionThreadDisplay, setQuestionThreadDisplay } = useQuestionThreadPreference(questionThreadDefault);
+    const { panelRole, setPanelRole } = usePanelRolePreference();
+    const { storedPreference, setPanelTabPreference, setVisibleTabs, resetTabsToRoleDefault, applyRoleDefaultTabs } = usePanelTabPreference();
+    const { pinnedFeedbackItems, pinRailCollapsed, togglePinnedFeedback, unpinFeedback, setPinRailCollapsed, syncPinnedFeedbackReports } = usePinnedFeedbackPreference(projectId, environment);
+    const { locale, setLocale } = useLocalePreference(initialLocale);
+    const [localeMessagesReady, setLocaleMessagesReady] = useState(locale !== "ko");
+    const messages = useMemo(() => getReportMessages(locale, messageOverrides), [locale, localeMessagesReady, messageOverrides]);
+    useEffect(() => {
+        if (locale !== "ko") {
+            setLocaleMessagesReady(true);
+            return;
+        }
+        let cancelled = false;
+        setLocaleMessagesReady(false);
+        void ensureReportLocaleMessages("ko").then(() => {
+            if (!cancelled) {
+                setLocaleMessagesReady(true);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [locale]);
+    useEffect(() => {
+        setActiveReportMessages(messages);
+    }, [messages]);
+    const searchInputRef = useRef(null);
+    const [mode, setMode] = useState(() => (getInitialDeepLinkFeedbackId() ? "view" : "idle"));
+    const [panelCollapsed, setPanelCollapsed] = useState(false);
+    const [panelTab, setPanelTab] = useState(null);
+    const [errorMessage, setErrorMessage] = useState("");
+    const panelExpanded = !panelCollapsed && mode !== "report";
+    const fetchEnabled = panelExpanded || mode === "view" || mode === "report";
+    const tabAvailabilityContext = useMemo(() => ({
+        showFeedbackList,
+        canListAllFeedback: true,
+    }), [showFeedbackList]);
+    const visiblePanelTabs = useMemo(() => resolveVisibleTabs({ role: panelRole, preference: storedPreference, context: tabAvailabilityContext }), [panelRole, storedPreference, tabAvailabilityContext]);
+    const roleTabPreset = useMemo(() => getPanelRoleTabPreset(panelRole), [panelRole]);
+    const needsFullReportList = useMemo(() => {
+        if (mode === "view") {
+            return true;
+        }
+        if (!fetchEnabled) {
+            return false;
+        }
+        if (!onPanelBootstrap) {
+            return true;
+        }
+        if (panelTab && isUserSelectablePanelTab(panelTab) && getPanelTabDefinition(panelTab).needsFullReportList) {
+            return true;
+        }
+        return visiblePanelTabs.some((tabId) => getPanelTabDefinition(tabId).needsFullReportList);
+    }, [fetchEnabled, mode, onPanelBootstrap, panelTab, visiblePanelTabs]);
+    const allReportsFetchEnabled = useMemo(() => shouldEnableAllReportsFetch({
+        fetchEnabled,
+        needsFullReportList,
+        activePanelTab: panelTab,
+    }), [fetchEnabled, needsFullReportList, panelTab]);
+    const listFetchEnabled = fetchEnabled && needsFullReportList;
+    const bootstrapEnabled = fetchEnabled && panelExpanded && Boolean(onPanelBootstrap);
+    const resolvedPanelAppearance = useResolvedAppearance(activePanelAppearance);
+    const resolvedTooltipAppearance = useResolvedAppearance(activeTooltipAppearance);
+    const isMobileViewport = useIsMobileViewport();
+    const { canTransferFeedback, canListAllFeedback, currentPathname, listScope, setListScope, filters, setFilters, selectedReportId, setSelectedReportId, reports, currentPageReports, filteredReports, currentPageFilteredReports, allPageReports, allPageFilteredReports, routeDetailsStats, selectedReport, isError, isReportsLoading, isFetching, hasNextPage, isFetchingNextPage, fetchNextPage, isCreating, isUpdating, isDeleting, queryErrorMessage, refetch, createFeedback, updateFeedback, deleteFeedback, loadRepliesIfNeeded, createReply, usesCreateReply, replyHistoryByReportId, loadOlderReplies, goToOlderPaginationPage, goToNewerPaginationPage, persistenceStatus, } = useReportPersistence({
+        projectId,
+        environment,
+        appVersion,
+        fields,
+        onList,
+        onListAll,
+        onListReplies,
+        onCreate,
+        onCreateReply,
+        onUpdate,
+        onDelete,
+        routeKey,
+        fetchEnabled,
+        listFetchEnabled,
+        allReportsFetchEnabled,
+        replyHistory,
+    });
+    const bootstrapParams = useMemo(() => ({ pathname: currentPathname }), [currentPathname]);
+    const { bootstrap: panelBootstrap } = usePanelBootstrap({
+        enabled: bootstrapEnabled,
+        params: bootstrapParams,
+        fields,
+        reports: currentPageReports,
+        pathname: currentPathname,
+        onPanelBootstrap,
+    });
+    const resolvedRouteDetailsStats = useMemo(() => panelBootstrap?.routeDetails ?? routeDetailsStats, [panelBootstrap, routeDetailsStats]);
+    const roleStatsReports = useMemo(() => {
+        if (roleTabPreset.headerStatsScope !== "all") {
+            return currentPageFilteredReports;
+        }
+        if (listScope === "all") {
+            return filteredReports;
+        }
+        if (allPageFilteredReports.length > 0) {
+            return allPageFilteredReports;
+        }
+        return currentPageFilteredReports;
+    }, [allPageFilteredReports, currentPageFilteredReports, filteredReports, listScope, roleTabPreset.headerStatsScope]);
+    const targetStats = useMemo(() => {
+        if (panelBootstrap?.stats) {
+            return panelBootstrap.stats;
+        }
+        return buildPanelStats(currentPageFilteredReports);
+    }, [currentPageFilteredReports, panelBootstrap]);
+    const roleStatItems = useMemo(() => buildPanelRoleStats({
+        role: panelRole,
+        reports: roleStatsReports,
+        actorName: sessionActorName,
+        fallbackStats: targetStats,
+        messages,
+    }), [panelRole, roleStatsReports, sessionActorName, targetStats, messages]);
+    const listScopeInitializedRef = useRef(false);
+    useEffect(() => {
+        if (listScopeInitializedRef.current) {
+            return;
+        }
+        if (storedPreference?.customized) {
+            listScopeInitializedRef.current = true;
+            return;
+        }
+        setListScope(roleTabPreset.defaultListScope);
+        listScopeInitializedRef.current = true;
+    }, [roleTabPreset.defaultListScope, setListScope, storedPreference?.customized]);
+    useEffect(() => {
+        if (!panelTab) {
+            return;
+        }
+        if (panelTab === "settings" || panelTab === "command") {
+            return;
+        }
+        if (!isUserSelectablePanelTab(panelTab)) {
+            return;
+        }
+        if (visiblePanelTabs.includes(panelTab)) {
+            return;
+        }
+        setPanelTab(resolveDefaultPanelTab(panelRole, visiblePanelTabs));
+    }, [panelRole, panelTab, visiblePanelTabs]);
+    const resolvedTabAvailabilityContext = useMemo(() => ({
+        showFeedbackList,
+        canListAllFeedback,
+    }), [canListAllFeedback, showFeedbackList]);
+    const visiblePanelTabLabels = useMemo(() => {
+        const labels = {};
+        for (const tabId of visiblePanelTabs) {
+            labels[tabId] = messages.panel[getPanelTabDefinition(tabId).labelKey];
+        }
+        return labels;
+    }, [messages.panel, visiblePanelTabs]);
+    const visiblePanelTabsSummary = useMemo(() => formatVisibleTabSummary(visiblePanelTabs, visiblePanelTabLabels), [visiblePanelTabLabels, visiblePanelTabs]);
+    const setVisiblePanelTabs = useCallback((nextTabs) => {
+        setVisibleTabs(nextTabs, resolvedTabAvailabilityContext, true);
+    }, [resolvedTabAvailabilityContext, setVisibleTabs]);
+    const resetVisibleTabsToRoleDefault = useCallback(() => {
+        resetTabsToRoleDefault(panelRole, resolvedTabAvailabilityContext);
+        setListScope(getPanelRoleTabPreset(panelRole).defaultListScope);
+    }, [panelRole, resetTabsToRoleDefault, resolvedTabAvailabilityContext, setListScope]);
+    const applyRoleDefaultTabsForOnboarding = useCallback((role) => {
+        applyRoleDefaultTabs(role, resolvedTabAvailabilityContext);
+    }, [applyRoleDefaultTabs, resolvedTabAvailabilityContext]);
+    const savePanelTabPreference = useCallback((preference) => {
+        setPanelTabPreference(preference);
+        setListScope(getPanelRoleTabPreset(panelRole).defaultListScope);
+    }, [panelRole, setListScope, setPanelTabPreference]);
+    const toggleReportMode = () => {
+        bridgesRef.current.setShowTargetPreview(false);
+        setMode((current) => (current === "report" ? "idle" : "report"));
+    };
+    const togglePanelTab = (nextTab) => {
+        setPanelTab((current) => {
+            if (current === nextTab) {
+                return null;
+            }
+            return nextTab;
+        });
+    };
+    const enableIssueMode = () => {
+        bridgesRef.current.setShowTargetPreview(false);
+        bridgesRef.current.closeReplyComposer();
+        bridgesRef.current.stopEditing();
+        setMode("view");
+    };
+    const openPanelTab = (nextTab) => {
+        const isClosing = panelTab === nextTab;
+        setPanelTab(isClosing ? null : nextTab);
+        if (!isClosing && nextTab === "feedback-list") {
+            enableIssueMode();
+        }
+    };
+    const toggleIssueMode = () => {
+        bridgesRef.current.setShowTargetPreview(false);
+        bridgesRef.current.closeReplyComposer();
+        setMode((current) => (current === "view" ? "idle" : "view"));
+        bridgesRef.current.stopEditing();
+        setSelectedReportId(null);
+    };
+    return {
+        panelAppearance: activePanelAppearance,
+        setPanelAppearance,
+        tooltipAppearance: activeTooltipAppearance,
+        setTooltipAppearance,
+        questionThreadDisplay,
+        setQuestionThreadDisplay,
+        locale,
+        setLocale,
+        messages,
+        showMarkerTargetPreview,
+        setShowMarkerTargetPreview,
+        toggleMarkerTargetPreview,
+        markerAppearance,
+        setMarkerAppearance,
+        setMarkerSize,
+        setMarkerShape,
+        setMarkerColors,
+        setMarkerColor,
+        setFeedbackModeDotColors,
+        setFeedbackModeDotColor,
+        typography,
+        setTypography,
+        setFontSize,
+        setFontFamily,
+        panelRole,
+        setPanelRole,
+        storedPanelTabPreference: storedPreference,
+        searchInputRef,
+        mode,
+        setMode,
+        panelCollapsed,
+        setPanelCollapsed,
+        panelTab,
+        setPanelTab,
+        errorMessage,
+        setErrorMessage,
+        resolvedPanelAppearance,
+        resolvedTooltipAppearance,
+        isMobileViewport,
+        persistenceStatus,
+        canTransferFeedback,
+        canListAllFeedback,
+        currentPathname,
+        listScope,
+        setListScope,
+        filters,
+        setFilters,
+        selectedReportId,
+        setSelectedReportId,
+        reports,
+        currentPageReports,
+        filteredReports,
+        currentPageFilteredReports,
+        allPageReports,
+        allPageFilteredReports,
+        routeDetailsStats: resolvedRouteDetailsStats,
+        selectedReport,
+        isError,
+        isReportsLoading,
+        isFetching,
+        hasNextPage,
+        isFetchingNextPage,
+        fetchNextPage,
+        isCreating,
+        isUpdating,
+        isDeleting,
+        queryErrorMessage,
+        refetch,
+        createFeedback,
+        updateFeedback,
+        deleteFeedback,
+        loadRepliesIfNeeded,
+        createReply,
+        usesCreateReply,
+        replyHistoryByReportId,
+        loadOlderReplies,
+        goToOlderPaginationPage,
+        goToNewerPaginationPage,
+        onPanelBootstrap,
+        onActivitySummary,
+        visiblePanelTabs,
+        visiblePanelTabsSummary,
+        resolvedTabAvailabilityContext,
+        setVisiblePanelTabs,
+        resetVisibleTabsToRoleDefault,
+        applyRoleDefaultTabsForOnboarding,
+        savePanelTabPreference,
+        pinnedFeedbackItems,
+        pinRailCollapsed,
+        togglePinnedFeedback,
+        unpinFeedback,
+        setPinRailCollapsed,
+        syncPinnedFeedbackReports,
+        targetStats,
+        roleStatItems,
+        toggleReportMode,
+        togglePanelTab,
+        enableIssueMode,
+        openPanelTab,
+        toggleIssueMode,
+    };
+}
+//# sourceMappingURL=useReportPanelShell.js.map

package/dist/hooks/report/useReportPanelShell.js.map

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

package/dist/hooks/report/useReportPickProbe.d.ts

@@ -0,0 +1,51 @@
+import { type Dispatch, type MutableRefObject, type SetStateAction } from "react";
+import type { ReportMessages } from "../../i18n/types.js";
+import type { DraftReport, HoverPointer, PickProbeCompareMode, PickProbeFieldKey, PickProbeLayoutMode, PickProbeValues, PickTargetContextMenuState, ReportMode, SavedProbeEntry, TargetSnapshot } from "../../types/report-ui.js";
+export type UseReportPickProbeParams = {
+    mode: ReportMode;
+    selectedElementRef: MutableRefObject<HTMLElement | null>;
+    hoveredElementRef: MutableRefObject<HTMLElement | null>;
+    draftElementRef: MutableRefObject<HTMLElement | null>;
+    setSelectedTarget: Dispatch<SetStateAction<TargetSnapshot | null>>;
+    setHoveredTarget: Dispatch<SetStateAction<TargetSnapshot | null>>;
+    setHoverPointer: Dispatch<SetStateAction<HoverPointer | null>>;
+    setDraft: Dispatch<SetStateAction<DraftReport | null>>;
+    draft: DraftReport | null;
+    messages: ReportMessages;
+};
+export declare function useReportPickProbe({ mode, selectedElementRef, hoveredElementRef, draftElementRef, setSelectedTarget, setHoveredTarget, setHoverPointer, setDraft, draft, messages, }: UseReportPickProbeParams): {
+    pickProbeOpen: boolean;
+    pickProbeSupportsTextFields: boolean;
+    pickProbeLayoutMode: PickProbeLayoutMode;
+    pickProbeValues: PickProbeValues | null;
+    pickProbeCompareMode: PickProbeCompareMode;
+    pickProbeHasEdits: boolean;
+    pickTargetContextMenu: PickTargetContextMenuState | null;
+    setPickTargetContextMenu: Dispatch<SetStateAction<PickTargetContextMenuState | null>>;
+    contextMenuElementKey: string | null;
+    setContextMenuElementKey: Dispatch<SetStateAction<string | null>>;
+    contextMenuElementRef: MutableRefObject<HTMLElement | null>;
+    savedProbeEdits: Record<string, SavedProbeEntry>;
+    savedProbeDeletions: import("../../types/report-ui.js").SavedProbeDeletion[];
+    hasProbeSessionChanges: boolean;
+    canUndoProbeSession: boolean;
+    canRedoProbeSession: boolean;
+    undoProbeSessionAction: () => void;
+    redoProbeSessionAction: () => void;
+    savedProbeCompareMode: PickProbeCompareMode;
+    closePickProbe: () => void;
+    closePickTargetContextMenu: () => void;
+    handlePickTargetEdit: () => void;
+    handlePickTargetDelete: () => void;
+    handlePickTargetRevert: () => void;
+    commitPickProbeEdits: () => void;
+    revertSavedProbeEdit: (elementKey: string) => void;
+    revertAllSavedProbeEdits: () => void;
+    setSavedProbeCompareMode: (compareMode: PickProbeCompareMode) => void;
+    setPickProbeCompareMode: (compareMode: PickProbeCompareMode) => void;
+    updatePickProbeValue: (key: PickProbeFieldKey, value: string) => void;
+    resetPickProbeValues: () => void;
+    resetPickProbeState: () => void;
+    appendSavedProbeSummaryAsNewDraftCase: () => void;
+};
+//# sourceMappingURL=useReportPickProbe.d.ts.map

package/dist/hooks/report/useReportPickProbe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportPickProbe.d.ts","sourceRoot":"","sources":["../../../src/hooks/report/useReportPickProbe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACrI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EACR,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,0BAA0B,EAC1B,UAAU,EACV,eAAe,EACf,cAAc,EACjB,MAAM,sBAAsB,CAAC;AAmB9B,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,kBAAkB,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzD,iBAAiB,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACxD,eAAe,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IACnE,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAClE,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/D,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAC/B,IAAI,EACJ,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAQ,GACX,EAAE,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;uCAkEN,MAAM;;4CA4BoC,oBAAoB;2CA4R7D,oBAAoB;gCAmB5B,iBAAiB,SAAS,MAAM;;;;EAwH7C"}