diff --git a/src/CONST/index.ts b/src/CONST/index.ts
index b270d62582b08..d04e91705423c 100644
--- a/src/CONST/index.ts
+++ b/src/CONST/index.ts
@@ -1736,6 +1736,17 @@ const CONST = {
             FAB_OUT: 200,
         },
     },
+    FAB_MENU_ITEM_IDS: {
+        QUICK_ACTION: 'quick-action',
+        EXPENSE: 'expense',
+        TRACK_DISTANCE: 'track-distance',
+        CREATE_REPORT: 'create-report',
+        NEW_CHAT: 'new-chat',
+        INVOICE: 'invoice',
+        TRAVEL: 'travel',
+        TEST_DRIVE: 'test-drive',
+        NEW_WORKSPACE: 'new-workspace',
+    },
     TIMING: {
         REPORT_ACTION_ITEM_LAYOUT_DEBOUNCE_TIME: 1500,
         SHOW_LOADING_SPINNER_DEBOUNCE_TIME: 250,
diff --git a/src/components/FloatingCameraButton/BaseFloatingCameraButton.tsx b/src/components/FloatingCameraButton/BaseFloatingCameraButton.tsx
index e21ba453c89a8..84501f9906448 100644
--- a/src/components/FloatingCameraButton/BaseFloatingCameraButton.tsx
+++ b/src/components/FloatingCameraButton/BaseFloatingCameraButton.tsx
@@ -1,6 +1,6 @@
-import React, {useCallback, useMemo} from 'react';
+import React, {useState} from 'react';
 import {View} from 'react-native';
-import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import type {OnyxCollection} from 'react-native-onyx';
 import Icon from '@components/Icon';
 import {PressableWithoutFeedback} from '@components/Pressable';
 import useLocalize from '@hooks/useLocalize';
@@ -18,13 +18,12 @@ import Tab from '@userActions/Tab';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import {sessionEmailAndAccountIDSelector} from '@src/selectors/Session';
 import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
 import type * as OnyxTypes from '@src/types/onyx';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
 import type IconAsset from '@src/types/utils/IconAsset';
 
-const sessionSelector = (session: OnyxEntry<OnyxTypes.Session>) => ({email: session?.email, accountID: session?.accountID});
-
 type BaseFloatingCameraButtonProps = {
     icon: IconAsset;
 };
@@ -36,23 +35,20 @@ function BaseFloatingCameraButton({icon}: BaseFloatingCameraButtonProps) {
 
     const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
     const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
-    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionSelector});
+    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionEmailAndAccountIDSelector});
     const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
     const [userBillingGraceEndPeriods] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END);
     const [ownerBillingGraceEndPeriod] = useOnyx(ONYXKEYS.NVP_PRIVATE_OWNER_BILLING_GRACE_PERIOD_END);
-    const reportID = useMemo(() => generateReportID(), []);
+    const [reportID] = useState(() => generateReportID());
 
-    const policyChatForActivePolicySelector = useCallback(
-        (reports: OnyxCollection<OnyxTypes.Report>) => {
-            if (isEmptyObject(activePolicy) || !activePolicy?.isPolicyExpenseChatEnabled) {
-                return undefined;
-            }
-            const policyChatsForActivePolicy = getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
-            return policyChatsForActivePolicy.at(0);
-        },
-        [activePolicy, activePolicyID, session?.accountID],
-    );
-    const [policyChatForActivePolicy] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {selector: policyChatForActivePolicySelector}, [policyChatForActivePolicySelector]);
+    const policyChatForActivePolicySelector = (reports: OnyxCollection<OnyxTypes.Report>) => {
+        if (isEmptyObject(activePolicy) || !activePolicy?.isPolicyExpenseChatEnabled) {
+            return undefined;
+        }
+        const policyChatsForActivePolicy = getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
+        return policyChatsForActivePolicy.at(0);
+    };
+    const [policyChatForActivePolicy] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {selector: policyChatForActivePolicySelector});
 
     const onPress = () => {
         interceptAnonymousUser(() => {
diff --git a/src/components/Navigation/QuickCreationActionsBar/index.tsx b/src/components/Navigation/QuickCreationActionsBar/index.tsx
index f0221755df0e4..a4601176ac5bc 100644
--- a/src/components/Navigation/QuickCreationActionsBar/index.tsx
+++ b/src/components/Navigation/QuickCreationActionsBar/index.tsx
@@ -129,7 +129,7 @@ function QuickCreationActionsBar() {
         [currentUserPersonalDetails, hasViolations, defaultChatEnabledPolicy, isASAPSubmitBetaEnabled, allBetas],
     );
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID: defaultChatEnabledPolicyID,
         policyName: defaultChatEnabledPolicy?.name ?? '',
         onConfirm: handleCreateWorkspaceReport,
@@ -229,45 +229,42 @@ function QuickCreationActionsBar() {
     );
 
     return (
-        <>
-            {CreateReportConfirmationModal}
-            <View style={[styles.flexRow, styles.gap2, styles.pt1, styles.pb5]}>
+        <View style={[styles.flexRow, styles.gap2, styles.pt1, styles.pb5]}>
+            <Button
+                small
+                icon={icons.ReceiptPlus}
+                text={translate('common.expense')}
+                onPress={handleExpense}
+                style={styles.quickCreationActionsBarButton}
+                textStyles={styles.quickCreationActionsBarButtonText}
+            />
+            <Button
+                small
+                icon={icons.DocumentPlus}
+                text={translate('common.report')}
+                onPress={handleReport}
+                style={styles.quickCreationActionsBarButton}
+                textStyles={styles.quickCreationActionsBarButtonText}
+            />
+            <Button
+                small
+                icon={icons.CarPlus}
+                text={translate('common.distance')}
+                onPress={handleDistance}
+                style={styles.quickCreationActionsBarButton}
+                textStyles={styles.quickCreationActionsBarButtonText}
+            />
+            {shouldShowBookTravel && (
                 <Button
                     small
-                    icon={icons.ReceiptPlus}
-                    text={translate('common.expense')}
-                    onPress={handleExpense}
+                    icon={icons.LuggageWithLines}
+                    text={translate('travel.bookTravel')}
+                    onPress={handleBookTravel}
                     style={styles.quickCreationActionsBarButton}
                     textStyles={styles.quickCreationActionsBarButtonText}
                 />
-                <Button
-                    small
-                    icon={icons.DocumentPlus}
-                    text={translate('common.report')}
-                    onPress={handleReport}
-                    style={styles.quickCreationActionsBarButton}
-                    textStyles={styles.quickCreationActionsBarButtonText}
-                />
-                <Button
-                    small
-                    icon={icons.CarPlus}
-                    text={translate('common.distance')}
-                    onPress={handleDistance}
-                    style={styles.quickCreationActionsBarButton}
-                    textStyles={styles.quickCreationActionsBarButtonText}
-                />
-                {shouldShowBookTravel && (
-                    <Button
-                        small
-                        icon={icons.LuggageWithLines}
-                        text={translate('travel.bookTravel')}
-                        onPress={handleBookTravel}
-                        style={styles.quickCreationActionsBarButton}
-                        textStyles={styles.quickCreationActionsBarButtonText}
-                    />
-                )}
-            </View>
-        </>
+            )}
+        </View>
     );
 }
 
diff --git a/src/components/Search/SearchPageHeader/SearchFiltersBarCreateButton.tsx b/src/components/Search/SearchPageHeader/SearchFiltersBarCreateButton.tsx
index 2ca9bded7a574..c8defc859f1a1 100644
--- a/src/components/Search/SearchPageHeader/SearchFiltersBarCreateButton.tsx
+++ b/src/components/Search/SearchPageHeader/SearchFiltersBarCreateButton.tsx
@@ -116,7 +116,7 @@ function SearchFiltersBarCreateButton() {
         [currentUserPersonalDetails, hasViolations, defaultChatEnabledPolicy, isASAPSubmitBetaEnabled, allBetas],
     );
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID: defaultChatEnabledPolicyID,
         policyName: defaultChatEnabledPolicy?.name ?? '',
         onConfirm: handleCreateWorkspaceReport,
@@ -226,7 +226,6 @@ function SearchFiltersBarCreateButton() {
 
     return (
         <View style={[styles.pr5, styles.searchFiltersBarCreateButton]}>
-            {CreateReportConfirmationModal}
             <PopoverMenu
                 onClose={hideCreateMenu}
                 isVisible={isCreateMenuActive}
diff --git a/src/hooks/useConditionalCreateEmptyReportConfirmation.ts b/src/hooks/useConditionalCreateEmptyReportConfirmation.ts
index 12800c5922240..8e55323f884b5 100644
--- a/src/hooks/useConditionalCreateEmptyReportConfirmation.ts
+++ b/src/hooks/useConditionalCreateEmptyReportConfirmation.ts
@@ -1,5 +1,4 @@
 import {useCallback, useMemo} from 'react';
-import type {ReactNode} from 'react';
 import ONYXKEYS from '@src/ONYXKEYS';
 import useCreateEmptyReportConfirmation from './useCreateEmptyReportConfirmation';
 import useHasEmptyReportsForPolicy from './useHasEmptyReportsForPolicy';
@@ -23,8 +22,6 @@ type UseConditionalCreateEmptyReportConfirmationResult = {
     handleCreateReport: () => void;
     /** Whether an empty report already exists for the provided policy */
     hasEmptyReport: boolean;
-    /** The confirmation modal React component to render */
-    CreateReportConfirmationModal: ReactNode;
 };
 
 /**
@@ -49,7 +46,7 @@ export default function useConditionalCreateEmptyReportConfirmation({
         [onCreateReport],
     );
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID,
         policyName,
         onConfirm: handleReportCreationConfirmed,
@@ -68,6 +65,5 @@ export default function useConditionalCreateEmptyReportConfirmation({
     return {
         handleCreateReport,
         hasEmptyReport,
-        CreateReportConfirmationModal,
     };
 }
diff --git a/src/hooks/useCreateEmptyReportConfirmation.tsx b/src/hooks/useCreateEmptyReportConfirmation.tsx
index ec278d87d435d..5c71cf309c58c 100644
--- a/src/hooks/useCreateEmptyReportConfirmation.tsx
+++ b/src/hooks/useCreateEmptyReportConfirmation.tsx
@@ -1,14 +1,14 @@
-import type {ReactNode} from 'react';
-import React, {useCallback, useMemo, useState} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import {View} from 'react-native';
 import CheckboxWithLabel from '@components/CheckboxWithLabel';
-import ConfirmModal from '@components/ConfirmModal';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import Navigation from '@libs/Navigation/Navigation';
 import {buildCannedSearchQuery} from '@libs/SearchQueryUtils';
 import CONST from '@src/CONST';
 import ROUTES from '@src/ROUTES';
+import useConfirmModal from './useConfirmModal';
 import useLocalize from './useLocalize';
 import useThemeStyles from './useThemeStyles';
 
@@ -26,100 +26,76 @@ type UseCreateEmptyReportConfirmationParams = {
 type UseCreateEmptyReportConfirmationResult = {
     /** Function to open the confirmation modal */
     openCreateReportConfirmation: () => void;
-    /** The confirmation modal React component to render */
-    CreateReportConfirmationModal: ReactNode;
 };
 
-/**
- * A React hook that provides a confirmation modal for creating empty reports.
- * When a user attempts to create a new report in a workspace where they already have an empty report,
- * this hook displays a confirmation modal to prevent accidental duplicate empty reports.
- *
- * @param params - Configuration object for the hook
- * @param params.policyName - The display name of the policy/workspace
- * @param params.onConfirm - Callback function to execute when user confirms report creation
- * @returns An object containing:
- *          - openCreateReportConfirmation: Function to open the confirmation modal
- *          - CreateReportConfirmationModal: The confirmation modal React component to render
- *
- * @example
- * const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
- *     policyID: 'policy123',
- *     policyName: 'Engineering Team',
- *     onConfirm: handleCreateReport,
- * });
- *
- */
-export default function useCreateEmptyReportConfirmation({policyName, onConfirm, onCancel}: UseCreateEmptyReportConfirmationParams): UseCreateEmptyReportConfirmationResult {
+function ConfirmationPrompt({workspaceName, checkboxRef, onLinkPress}: {workspaceName: string; checkboxRef: React.RefObject<boolean>; onLinkPress: () => void}) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
-    const workspaceDisplayName = useMemo(() => (policyName?.trim().length ? policyName : translate('report.newReport.genericWorkspaceName')), [policyName, translate]);
-    const [isVisible, setIsVisible] = useState(false);
-    const [modalWorkspaceName, setModalWorkspaceName] = useState(workspaceDisplayName);
-    const [shouldDismissEmptyReportsConfirmation, setShouldDismissEmptyReportsConfirmation] = useState(false);
+    const [isChecked, setIsChecked] = useState(false);
+
+    return (
+        <View style={styles.gap4}>
+            <Text>
+                {translate('report.newReport.emptyReportConfirmationPrompt', {workspaceName})}{' '}
+                <TextLink onPress={onLinkPress}>{translate('report.newReport.emptyReportConfirmationPromptLink')}.</TextLink>
+            </Text>
+            <CheckboxWithLabel
+                accessibilityLabel={translate('report.newReport.emptyReportConfirmationDontShowAgain')}
+                label={translate('report.newReport.emptyReportConfirmationDontShowAgain')}
+                isChecked={isChecked}
+                onInputChange={(value) => {
+                    const checked = !!value;
+                    setIsChecked(checked);
+                    // eslint-disable-next-line no-param-reassign
+                    checkboxRef.current = checked;
+                }}
+            />
+        </View>
+    );
+}
 
-    const handleConfirm = useCallback(() => {
-        onConfirm(shouldDismissEmptyReportsConfirmation);
-        setShouldDismissEmptyReportsConfirmation(false);
-        setIsVisible(false);
-    }, [onConfirm, shouldDismissEmptyReportsConfirmation]);
+export default function useCreateEmptyReportConfirmation({policyName, onConfirm, onCancel}: UseCreateEmptyReportConfirmationParams): UseCreateEmptyReportConfirmationResult {
+    const {translate} = useLocalize();
+    const {showConfirmModal, closeModal} = useConfirmModal();
+    const workspaceDisplayName = policyName?.trim().length ? policyName : translate('report.newReport.genericWorkspaceName');
 
-    const handleCancel = useCallback(() => {
-        onCancel?.();
-        setShouldDismissEmptyReportsConfirmation(false);
-        setIsVisible(false);
-    }, [onCancel]);
+    const onConfirmRef = useRef(onConfirm);
+    const onCancelRef = useRef(onCancel);
+    useEffect(() => {
+        onConfirmRef.current = onConfirm;
+        onCancelRef.current = onCancel;
+    }, [onConfirm, onCancel]);
 
-    const handleReportsLinkPress = useCallback(() => {
-        onCancel?.();
-        setShouldDismissEmptyReportsConfirmation(false);
-        setIsVisible(false);
-        Navigation.navigate(ROUTES.SEARCH_ROOT.getRoute({query: buildCannedSearchQuery({type: CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT})}));
-    }, [onCancel]);
+    const openCreateReportConfirmation = () => {
+        const checkboxRef = {current: false};
 
-    const openCreateReportConfirmation = useCallback(() => {
-        // The caller is responsible for determining if empty report confirmation
-        // should be shown. We simply open the modal when called.
-        setModalWorkspaceName(workspaceDisplayName);
-        setShouldDismissEmptyReportsConfirmation(false);
-        setIsVisible(true);
-    }, [workspaceDisplayName]);
+        const handleLinkPress = () => {
+            closeModal();
+            Navigation.navigate(ROUTES.SEARCH_ROOT.getRoute({query: buildCannedSearchQuery({type: CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT})}));
+        };
 
-    const prompt = useMemo(
-        () => (
-            <View style={styles.gap4}>
-                <Text>
-                    {translate('report.newReport.emptyReportConfirmationPrompt', {workspaceName: modalWorkspaceName})}{' '}
-                    <TextLink onPress={handleReportsLinkPress}>{translate('report.newReport.emptyReportConfirmationPromptLink')}.</TextLink>
-                </Text>
-                <CheckboxWithLabel
-                    accessibilityLabel={translate('report.newReport.emptyReportConfirmationDontShowAgain')}
-                    label={translate('report.newReport.emptyReportConfirmationDontShowAgain')}
-                    isChecked={shouldDismissEmptyReportsConfirmation}
-                    onInputChange={(value) => setShouldDismissEmptyReportsConfirmation(!!value)}
+        showConfirmModal({
+            // Adding a space at the end because of this bug in react-native: https://github.com/facebook/react-native/issues/53286
+            title: `${translate('report.newReport.emptyReportConfirmationTitle')} `,
+            confirmText: translate('report.newReport.createReport'),
+            cancelText: translate('common.cancel'),
+            prompt: (
+                <ConfirmationPrompt
+                    workspaceName={workspaceDisplayName}
+                    checkboxRef={checkboxRef}
+                    onLinkPress={handleLinkPress}
                 />
-            </View>
-        ),
-        [handleReportsLinkPress, modalWorkspaceName, shouldDismissEmptyReportsConfirmation, styles.gap4, translate],
-    );
-
-    const CreateReportConfirmationModal = useMemo(
-        () => (
-            <ConfirmModal
-                confirmText={translate('report.newReport.createReport')}
-                cancelText={translate('common.cancel')}
-                isVisible={isVisible}
-                onConfirm={handleConfirm}
-                onCancel={handleCancel}
-                prompt={prompt}
-                title={`${translate('report.newReport.emptyReportConfirmationTitle')} `} // Adding a space at the end because of this bug in react-native: https://github.com/facebook/react-native/issues/53286
-            />
-        ),
-        [handleCancel, handleConfirm, isVisible, prompt, translate],
-    );
+            ),
+        }).then((result) => {
+            if (result.action === ModalActions.CONFIRM) {
+                onConfirmRef.current(checkboxRef.current);
+            } else {
+                onCancelRef.current?.();
+            }
+        });
+    };
 
     return {
         openCreateReportConfirmation,
-        CreateReportConfirmationModal,
     };
 }
diff --git a/src/hooks/useDragoverDismiss/index.native.ts b/src/hooks/useDragoverDismiss/index.native.ts
new file mode 100644
index 0000000000000..b7fd2d71a5549
--- /dev/null
+++ b/src/hooks/useDragoverDismiss/index.native.ts
@@ -0,0 +1,3 @@
+const useDragoverDismiss: (isActive: boolean, dismiss: () => void) => void = () => {};
+
+export default useDragoverDismiss;
diff --git a/src/hooks/useDragoverDismiss/index.ts b/src/hooks/useDragoverDismiss/index.ts
new file mode 100644
index 0000000000000..f4385a0ae3304
--- /dev/null
+++ b/src/hooks/useDragoverDismiss/index.ts
@@ -0,0 +1,17 @@
+import {useEffect} from 'react';
+
+function useDragoverDismiss(isActive: boolean, dismiss: () => void) {
+    useEffect(() => {
+        if (!isActive) {
+            return;
+        }
+        const handler = () => {
+            dismiss();
+            document.removeEventListener('dragover', handler);
+        };
+        document.addEventListener('dragover', handler);
+        return () => document.removeEventListener('dragover', handler);
+    }, [isActive, dismiss]);
+}
+
+export default useDragoverDismiss;
diff --git a/src/hooks/useSearchTypeMenuSections.ts b/src/hooks/useSearchTypeMenuSections.ts
index 1116a0fa15b75..4bcf26e586cd9 100644
--- a/src/hooks/useSearchTypeMenuSections.ts
+++ b/src/hooks/useSearchTypeMenuSections.ts
@@ -81,7 +81,7 @@ const useSearchTypeMenuSections = (queryParams?: UseSearchTypeMenuSectionsParams
         setPendingReportCreation(null);
     }, [setPendingReportCreation]);
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID: pendingReportCreation?.policyID,
         policyName: pendingReportCreation?.policyName ?? '',
         onConfirm: handlePendingConfirm,
@@ -149,7 +149,6 @@ const useSearchTypeMenuSections = (queryParams?: UseSearchTypeMenuSectionsParams
 
     return {
         typeMenuSections,
-        CreateReportConfirmationModal,
         shouldShowSuggestedSearchSkeleton: !isSuggestedSearchDataReady && !isOffline,
         activeItemIndex,
     };
diff --git a/src/libs/actions/Policy/Policy.ts b/src/libs/actions/Policy/Policy.ts
index 1d62ebb2849dc..b462506f03a3c 100644
--- a/src/libs/actions/Policy/Policy.ts
+++ b/src/libs/actions/Policy/Policy.ts
@@ -94,7 +94,7 @@ import * as PolicyUtils from '@libs/PolicyUtils';
 import {getCustomUnitsForDuplication, getMemberAccountIDsForWorkspace, goBackWhenEnableFeature, isControlPolicy, navigateToExpensifyCardPage} from '@libs/PolicyUtils';
 import * as ReportUtils from '@libs/ReportUtils';
 import {hasValidModifiedAmount} from '@libs/TransactionUtils';
-import type {PolicySelector} from '@pages/inbox/sidebar/FloatingActionButtonAndPopover';
+import type {PolicySelector} from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
 import type {Feature} from '@pages/OnboardingInterestedFeatures/types';
 import * as PaymentMethods from '@userActions/PaymentMethods';
 import * as PersistedRequests from '@userActions/PersistedRequests';
diff --git a/src/pages/NewReportWorkspaceSelectionPage.tsx b/src/pages/NewReportWorkspaceSelectionPage.tsx
index 7f1d7d5d83ed2..62b4376c13bcb 100644
--- a/src/pages/NewReportWorkspaceSelectionPage.tsx
+++ b/src/pages/NewReportWorkspaceSelectionPage.tsx
@@ -152,7 +152,7 @@ function NewReportWorkspaceSelectionPage({route}: NewReportWorkspaceSelectionPag
         navigateToNewReport(optimisticReport.reportID);
     };
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID: pendingPolicySelection?.policy.policyID,
         policyName: pendingPolicySelection?.policy.text ?? '',
         onConfirm: (shouldDismissEmptyReportsConfirmation: boolean) => {
@@ -266,7 +266,6 @@ function NewReportWorkspaceSelectionPage({route}: NewReportWorkspaceSelectionPag
                         title={translate('report.newReport.createReport')}
                         onBackButtonPress={Navigation.goBack}
                     />
-                    {CreateReportConfirmationModal}
                     {shouldShowLoadingIndicator ? (
                         <FullScreenLoadingIndicator
                             style={[styles.flex1, styles.pRelative]}
diff --git a/src/pages/Search/EmptySearchView.tsx b/src/pages/Search/EmptySearchView.tsx
index b26db104aae08..05eba3789520b 100644
--- a/src/pages/Search/EmptySearchView.tsx
+++ b/src/pages/Search/EmptySearchView.tsx
@@ -2,7 +2,6 @@ import {hasSeenTourSelector, tryNewDotOnyxSelector} from '@selectors/Onboarding'
 import {accountIDSelector} from '@selectors/Session';
 import {validTransactionDraftIDsSelector} from '@selectors/TransactionDraft';
 import React from 'react';
-import type {ReactNode} from 'react';
 // eslint-disable-next-line no-restricted-imports
 import type {ImageStyle, TextStyle, ViewStyle} from 'react-native';
 import {Linking, View} from 'react-native';
@@ -61,7 +60,6 @@ type EmptySearchViewContentProps = EmptySearchViewProps & {
     groupPoliciesWithChatEnabled: readonly never[] | Array<OnyxEntry<Policy>>;
     introSelected: OnyxEntry<IntroSelected>;
     hasSeenTour: boolean;
-    searchMenuCreateReportConfirmationModal: ReactNode;
 };
 
 type EmptySearchViewItem = {
@@ -77,7 +75,7 @@ type EmptySearchViewItem = {
 
 function EmptySearchView({similarSearchHash, type, hasResults, queryJSON}: EmptySearchViewProps) {
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
-    const {typeMenuSections, CreateReportConfirmationModal: SearchMenuCreateReportConfirmationModal} = useSearchTypeMenuSections();
+    const {typeMenuSections} = useSearchTypeMenuSections();
 
     const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY);
 
@@ -107,7 +105,6 @@ function EmptySearchView({similarSearchHash, type, hasResults, queryJSON}: Empty
                 groupPoliciesWithChatEnabled={groupPoliciesWithChatEnabled}
                 introSelected={introSelected}
                 hasSeenTour={hasSeenTour}
-                searchMenuCreateReportConfirmationModal={SearchMenuCreateReportConfirmationModal}
                 queryJSON={queryJSON}
             />
         </SearchScopeProvider>
@@ -132,7 +129,6 @@ function EmptySearchViewContent({
     groupPoliciesWithChatEnabled,
     introSelected,
     hasSeenTour,
-    searchMenuCreateReportConfirmationModal,
     queryJSON,
 }: EmptySearchViewContentProps) {
     const {translate} = useLocalize();
@@ -204,7 +200,7 @@ function EmptySearchViewContent({
         });
     };
 
-    const {openCreateReportConfirmation: openCreateReportFromSearch, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation: openCreateReportFromSearch} = useCreateEmptyReportConfirmation({
         policyID: defaultChatEnabledPolicyID,
         policyName: defaultChatEnabledPolicy?.name ?? '',
         onConfirm: handleCreateWorkspaceReport,
@@ -451,27 +447,23 @@ function EmptySearchViewContent({
     }
 
     return (
-        <>
-            {searchMenuCreateReportConfirmationModal}
-            <ScrollView
-                showsVerticalScrollIndicator={false}
-                contentContainerStyle={[styles.flexGrow1, styles.flexShrink0]}
+        <ScrollView
+            showsVerticalScrollIndicator={false}
+            contentContainerStyle={[styles.flexGrow1, styles.flexShrink0]}
+        >
+            <GenericEmptyStateComponent
+                headerMedia={content.headerMedia}
+                headerStyles={styles.emptyStateCardIllustrationContainer}
+                title={content.title}
+                titleStyles={content.titleStyles}
+                subtitle={content.subtitle}
+                subtitleText={content.subtitleText}
+                buttons={content.buttons}
+                headerContentStyles={[styles.h100, styles.w100, ...content.headerContentStyles] as Array<ViewStyle & ImageStyle>}
             >
-                <GenericEmptyStateComponent
-                    headerMedia={content.headerMedia}
-                    headerStyles={styles.emptyStateCardIllustrationContainer}
-                    title={content.title}
-                    titleStyles={content.titleStyles}
-                    subtitle={content.subtitle}
-                    subtitleText={content.subtitleText}
-                    buttons={content.buttons}
-                    headerContentStyles={[styles.h100, styles.w100, ...content.headerContentStyles] as Array<ViewStyle & ImageStyle>}
-                >
-                    {content.children}
-                </GenericEmptyStateComponent>
-            </ScrollView>
-            {CreateReportConfirmationModal}
-        </>
+                {content.children}
+            </GenericEmptyStateComponent>
+        </ScrollView>
     );
 }
 
diff --git a/src/pages/Search/SearchTransactionsChangeReport.tsx b/src/pages/Search/SearchTransactionsChangeReport.tsx
index a01d4061af45f..e92dbfcfbc04d 100644
--- a/src/pages/Search/SearchTransactionsChangeReport.tsx
+++ b/src/pages/Search/SearchTransactionsChangeReport.tsx
@@ -124,7 +124,7 @@ function SearchTransactionsChangeReport() {
         Navigation.goBack();
     };
 
-    const {handleCreateReport, CreateReportConfirmationModal} = useConditionalCreateEmptyReportConfirmation({
+    const {handleCreateReport} = useConditionalCreateEmptyReportConfirmation({
         policyID: policyForMovingExpensesID,
         policyName: policyForMovingExpenses?.name ?? '',
         onCreateReport: createReportForPolicy,
@@ -190,21 +190,18 @@ function SearchTransactionsChangeReport() {
     };
 
     return (
-        <>
-            {CreateReportConfirmationModal}
-            <IOURequestEditReportCommon
-                backTo={undefined}
-                transactionIDs={selectedTransactionsKeys}
-                selectedReportID={selectedReportID}
-                selectReport={selectReport}
-                removeFromReport={removeFromReport}
-                createReport={createReport}
-                isEditing
-                isUnreported={areAllTransactionsUnreported}
-                targetOwnerAccountID={targetOwnerAccountID}
-                isPerDiemRequest={hasPerDiemTransactions}
-            />
-        </>
+        <IOURequestEditReportCommon
+            backTo={undefined}
+            transactionIDs={selectedTransactionsKeys}
+            selectedReportID={selectedReportID}
+            selectReport={selectReport}
+            removeFromReport={removeFromReport}
+            createReport={createReport}
+            isEditing
+            isUnreported={areAllTransactionsUnreported}
+            targetOwnerAccountID={targetOwnerAccountID}
+            isPerDiemRequest={hasPerDiemTransactions}
+        />
     );
 }
 
diff --git a/src/pages/Search/SearchTypeMenu.tsx b/src/pages/Search/SearchTypeMenu.tsx
index 4d6f70788adc6..1646efb6d64fc 100644
--- a/src/pages/Search/SearchTypeMenu.tsx
+++ b/src/pages/Search/SearchTypeMenu.tsx
@@ -35,7 +35,7 @@ function SearchTypeMenu({queryJSON}: SearchTypeMenuProps) {
     const styles = useThemeStyles();
     const {singleExecution} = useSingleExecution();
     const {translate} = useLocalize();
-    const {typeMenuSections, CreateReportConfirmationModal, shouldShowSuggestedSearchSkeleton, activeItemIndex} = useSearchTypeMenuSections({hash, similarSearchHash});
+    const {typeMenuSections, shouldShowSuggestedSearchSkeleton, activeItemIndex} = useSearchTypeMenuSections({hash, similarSearchHash});
     const expensifyIcons = useMemoizedLazyExpensifyIcons([
         'Basket',
         'CalendarSolid',
@@ -88,56 +88,53 @@ function SearchTypeMenu({queryJSON}: SearchTypeMenuProps) {
     });
 
     return (
-        <>
-            {CreateReportConfirmationModal}
-            <ScrollView
-                onScroll={onScroll}
-                ref={scrollViewRef}
-                showsVerticalScrollIndicator={false}
-            >
-                {shouldShowSuggestedSearchSkeleton ? (
-                    <View style={[styles.pb4, styles.mh3, styles.gap4]}>
-                        <SuggestedSearchSkeleton />
-                    </View>
-                ) : (
-                    <View style={[styles.pb4, styles.mh3, styles.gap4]}>
-                        {typeMenuSections.map((section, sectionIndex) => (
-                            <View key={section.translationPath}>
-                                <Text
-                                    style={styles.sectionTitle}
-                                    accessibilityRole={CONST.ROLE.HEADER}
-                                >
-                                    {translate(section.translationPath)}
-                                </Text>
+        <ScrollView
+            onScroll={onScroll}
+            ref={scrollViewRef}
+            showsVerticalScrollIndicator={false}
+        >
+            {shouldShowSuggestedSearchSkeleton ? (
+                <View style={[styles.pb4, styles.mh3, styles.gap4]}>
+                    <SuggestedSearchSkeleton />
+                </View>
+            ) : (
+                <View style={[styles.pb4, styles.mh3, styles.gap4]}>
+                    {typeMenuSections.map((section, sectionIndex) => (
+                        <View key={section.translationPath}>
+                            <Text
+                                style={styles.sectionTitle}
+                                accessibilityRole={CONST.ROLE.HEADER}
+                            >
+                                {translate(section.translationPath)}
+                            </Text>
 
-                                {section.translationPath === 'search.savedSearchesMenuItemTitle' ? (
-                                    <SavedSearchList hash={hash} />
-                                ) : (
-                                    <>
-                                        {section.menuItems.map((item, itemIndex) => {
-                                            const flattenedIndex = (sectionStartIndices?.at(sectionIndex) ?? 0) + itemIndex;
-                                            const focused = activeItemIndex === flattenedIndex;
-                                            const icon = typeof item.icon === 'string' ? expensifyIcons[item.icon] : item.icon;
+                            {section.translationPath === 'search.savedSearchesMenuItemTitle' ? (
+                                <SavedSearchList hash={hash} />
+                            ) : (
+                                <>
+                                    {section.menuItems.map((item, itemIndex) => {
+                                        const flattenedIndex = (sectionStartIndices?.at(sectionIndex) ?? 0) + itemIndex;
+                                        const focused = activeItemIndex === flattenedIndex;
+                                        const icon = typeof item.icon === 'string' ? expensifyIcons[item.icon] : item.icon;
 
-                                            return (
-                                                <SearchTypeMenuItem
-                                                    key={item.key}
-                                                    title={translate(item.translationPath)}
-                                                    icon={icon}
-                                                    badgeText={getItemBadgeText(item.key, reportCounts)}
-                                                    focused={focused}
-                                                    onPress={() => handleTypeMenuItemPress(item.searchQuery)}
-                                                />
-                                            );
-                                        })}
-                                    </>
-                                )}
-                            </View>
-                        ))}
-                    </View>
-                )}
-            </ScrollView>
-        </>
+                                        return (
+                                            <SearchTypeMenuItem
+                                                key={item.key}
+                                                title={translate(item.translationPath)}
+                                                icon={icon}
+                                                badgeText={getItemBadgeText(item.key, reportCounts)}
+                                                focused={focused}
+                                                onPress={() => handleTypeMenuItemPress(item.searchQuery)}
+                                            />
+                                        );
+                                    })}
+                                </>
+                            )}
+                        </View>
+                    ))}
+                </View>
+            )}
+        </ScrollView>
     );
 }
 
diff --git a/src/pages/inbox/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx b/src/pages/inbox/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
index 9042524681810..c6574971578d1 100644
--- a/src/pages/inbox/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
+++ b/src/pages/inbox/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx
@@ -1,6 +1,6 @@
 import {useIsFocused} from '@react-navigation/native';
 import {accountIDSelector} from '@selectors/Session';
-import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import React, {useCallback, useEffect, useMemo, useState} from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import AttachmentPicker from '@components/AttachmentPicker';
@@ -195,23 +195,20 @@ function AttachmentPickerWithMenuItems({
         [policy, userBillingGraceEndPeriods, ownerBillingGraceEndPeriod],
     );
 
-    const {openCreateReportConfirmation, CreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
         policyID: report?.policyID,
         policyName: policy?.name ?? '',
         onConfirm: (shouldDismissEmptyReportsConfirmation) =>
             selectOption(() => createNewReport(currentUserPersonalDetails, isASAPSubmitBetaEnabled, hasViolations, policy, betas, true, shouldDismissEmptyReportsConfirmation), true),
     });
 
-    const openCreateReportConfirmationRef = useRef(openCreateReportConfirmation);
-    openCreateReportConfirmationRef.current = openCreateReportConfirmation;
-
-    const handleCreateReport = useCallback(() => {
+    const handleCreateReport = () => {
         if (shouldShowEmptyReportConfirmation) {
-            openCreateReportConfirmationRef.current();
+            openCreateReportConfirmation();
         } else {
             createNewReport(currentUserPersonalDetails, isASAPSubmitBetaEnabled, hasViolations, policy, betas, true, false);
         }
-    }, [currentUserPersonalDetails, isASAPSubmitBetaEnabled, hasViolations, policy, shouldShowEmptyReportConfirmation, betas]);
+    };
 
     const teacherUnitePolicyID = isProduction ? CONST.TEACHERS_UNITE.PROD_POLICY_ID : CONST.TEACHERS_UNITE.TEST_POLICY_ID;
     const isTeachersUniteReport = report?.policyID === teacherUnitePolicyID;
@@ -447,7 +444,6 @@ function AttachmentPickerWithMenuItems({
                 ];
                 return (
                     <>
-                        {CreateReportConfirmationModal}
                         <View style={outerContainerStyles}>
                             <View style={innerContainerStyles}>
                                 <View style={createButtonContainerStyles}>
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/FABButtons.tsx b/src/pages/inbox/sidebar/FABPopoverContent/FABButtons.tsx
new file mode 100644
index 0000000000000..d5ee5153e96ba
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/FABButtons.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import type {RefObject} from 'react';
+import FloatingActionButton from '@components/FloatingActionButton';
+import FloatingReceiptButton from '@components/FloatingReceiptButton';
+import useLocalize from '@hooks/useLocalize';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import CONST from '@src/CONST';
+import useScanActions from './useScanActions';
+
+type FABButtonsProps = {
+    isActive: boolean;
+    fabRef: RefObject<HTMLDivElement | null>;
+    onPress: () => void;
+};
+
+function FABButtons({isActive, fabRef, onPress}: FABButtonsProps) {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const {startScan, startQuickScan} = useScanActions();
+
+    return (
+        <>
+            {!shouldUseNarrowLayout && (
+                <FloatingReceiptButton
+                    accessibilityLabel={translate('sidebarScreen.fabScanReceiptExplained')}
+                    role={CONST.ROLE.BUTTON}
+                    onPress={startQuickScan}
+                    sentryLabel={CONST.SENTRY_LABEL.NAVIGATION_TAB_BAR.FLOATING_RECEIPT_BUTTON}
+                />
+            )}
+            <FloatingActionButton
+                accessibilityLabel={translate('sidebarScreen.fabNewChatExplained')}
+                role={CONST.ROLE.BUTTON}
+                isActive={isActive}
+                ref={fabRef}
+                onPress={onPress}
+                onLongPress={startScan}
+                sentryLabel={CONST.SENTRY_LABEL.NAVIGATION_TAB_BAR.FLOATING_ACTION_BUTTON}
+            />
+        </>
+    );
+}
+
+export default FABButtons;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem.tsx
new file mode 100644
index 0000000000000..1e5515bc43146
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import FocusableMenuItem from '@components/FocusableMenuItem';
+import type {MenuItemProps} from '@components/MenuItem';
+import CONST from '@src/CONST';
+import useFABMenuItem from './useFABMenuItem';
+
+type FABFocusableMenuItemProps = Omit<MenuItemProps, 'focused' | 'onFocus' | 'wrapperStyle' | 'shouldCheckActionAllowedOnPress' | 'role' | 'onPress'> & {
+    itemId: string;
+    isVisible?: boolean;
+    onPress?: () => void;
+    shouldCallAfterModalHide?: boolean;
+};
+
+function FABFocusableMenuItem({itemId, isVisible = true, onPress, shouldCallAfterModalHide, ...props}: FABFocusableMenuItemProps) {
+    const {itemIndex, isFocused, wrapperStyle, setFocusedIndex, onItemPress} = useFABMenuItem(itemId, isVisible);
+
+    if (!isVisible) {
+        return null;
+    }
+
+    return (
+        <FocusableMenuItem
+            // FABFocusableMenuItemProps is a strict subset of MenuItemProps — spreading forwards all remaining props safely
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...(props as MenuItemProps)}
+            focused={isFocused}
+            onFocus={() => setFocusedIndex(itemIndex)}
+            wrapperStyle={wrapperStyle}
+            shouldCheckActionAllowedOnPress={false}
+            role={CONST.ROLE.BUTTON}
+            onPress={onPress ? () => onItemPress(onPress, {shouldCallAfterModalHide}) : undefined}
+        />
+    );
+}
+
+export default FABFocusableMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/FABMenuContext.tsx b/src/pages/inbox/sidebar/FABPopoverContent/FABMenuContext.tsx
new file mode 100644
index 0000000000000..320d9ce06c54e
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/FABMenuContext.tsx
@@ -0,0 +1,28 @@
+import {createContext, useContext} from 'react';
+
+type FABMenuContextType = {
+    focusedIndex: number;
+    setFocusedIndex: (index: number) => void;
+    onItemPress: (onSelected: () => void, options?: {shouldCallAfterModalHide?: boolean}) => void;
+    isVisible: boolean;
+    registeredItems: readonly string[];
+    registerItem: (id: string) => void;
+    unregisterItem: (id: string) => void;
+};
+
+const FABMenuContext = createContext<FABMenuContextType>({
+    focusedIndex: -1,
+    setFocusedIndex: () => {},
+    onItemPress: () => {},
+    isVisible: false,
+    registeredItems: [],
+    registerItem: () => {},
+    unregisterItem: () => {},
+});
+
+function useFABMenuContext() {
+    return useContext(FABMenuContext);
+}
+
+export {FABMenuContext, useFABMenuContext};
+export type {FABMenuContextType};
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx b/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx
new file mode 100644
index 0000000000000..d60334b041d8a
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx
@@ -0,0 +1,132 @@
+import React, {useState} from 'react';
+import type {RefObject} from 'react';
+import {View} from 'react-native';
+import FocusTrapForModal from '@components/FocusTrap/FocusTrapForModal';
+import PopoverWithMeasuredContent from '@components/PopoverWithMeasuredContent';
+import useArrowKeyFocusManager from '@hooks/useArrowKeyFocusManager';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useThemeStyles from '@hooks/useThemeStyles';
+import useWindowDimensions from '@hooks/useWindowDimensions';
+import {close} from '@libs/actions/Modal';
+import {isSafari} from '@libs/Browser';
+import navigateAfterInteraction from '@libs/Navigation/navigateAfterInteraction';
+import CONST from '@src/CONST';
+import {FABMenuContext} from './FABMenuContext';
+
+const FAB_ITEM_ORDER = [
+    CONST.FAB_MENU_ITEM_IDS.EXPENSE,
+    CONST.FAB_MENU_ITEM_IDS.TRACK_DISTANCE,
+    CONST.FAB_MENU_ITEM_IDS.CREATE_REPORT,
+    CONST.FAB_MENU_ITEM_IDS.NEW_CHAT,
+    CONST.FAB_MENU_ITEM_IDS.INVOICE,
+    CONST.FAB_MENU_ITEM_IDS.TRAVEL,
+    CONST.FAB_MENU_ITEM_IDS.TEST_DRIVE,
+    CONST.FAB_MENU_ITEM_IDS.NEW_WORKSPACE,
+    CONST.FAB_MENU_ITEM_IDS.QUICK_ACTION,
+] as const;
+
+type FABPopoverMenuProps = {
+    isVisible: boolean;
+    onClose: () => void;
+    onItemSelected: () => void;
+    anchorRef: RefObject<View | HTMLDivElement | null>;
+    animationInTiming?: number;
+    animationOutTiming?: number;
+    children: React.ReactNode;
+};
+
+function FABPopoverMenu({isVisible, onClose, onItemSelected, anchorRef, animationInTiming, animationOutTiming, children}: FABPopoverMenuProps) {
+    const styles = useThemeStyles();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const {windowHeight} = useWindowDimensions();
+    const anchorPosition = styles.createMenuPositionSidebar(windowHeight);
+
+    const [registeredSet, setRegisteredSet] = useState<ReadonlySet<string>>(new Set());
+
+    const registeredItems = FAB_ITEM_ORDER.filter((id) => registeredSet.has(id));
+    const itemCount = registeredItems.length;
+
+    const registerItem = (id: string) => {
+        setRegisteredSet((prev) => {
+            if (prev.has(id)) {
+                return prev;
+            }
+            const next = new Set(prev);
+            next.add(id);
+            return next;
+        });
+    };
+
+    const unregisterItem = (id: string) => {
+        setRegisteredSet((prev) => {
+            if (!prev.has(id)) {
+                return prev;
+            }
+            const next = new Set(prev);
+            next.delete(id);
+            return next;
+        });
+    };
+
+    const [focusedIndex, setFocusedIndex] = useArrowKeyFocusManager({
+        initialFocusedIndex: -1,
+        maxIndex: itemCount - 1,
+        isActive: isVisible,
+    });
+
+    const onItemPress = (onSelected: () => void, options?: {shouldCallAfterModalHide?: boolean}) => {
+        onItemSelected();
+        if (options?.shouldCallAfterModalHide && !isSafari()) {
+            close(() => {
+                navigateAfterInteraction(onSelected);
+            });
+        } else {
+            navigateAfterInteraction(onSelected);
+        }
+        setFocusedIndex(-1);
+    };
+
+    return (
+        <FABMenuContext.Provider
+            value={{
+                focusedIndex,
+                setFocusedIndex,
+                onItemPress,
+                isVisible,
+                registeredItems,
+                registerItem,
+                unregisterItem,
+            }}
+        >
+            <PopoverWithMeasuredContent
+                anchorPosition={anchorPosition}
+                anchorRef={anchorRef}
+                anchorAlignment={{
+                    horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
+                    vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
+                }}
+                onClose={onClose}
+                isVisible={isVisible}
+                fromSidebarMediumScreen={!shouldUseNarrowLayout}
+                animationIn="fadeIn"
+                animationOut="fadeOut"
+                animationInTiming={animationInTiming}
+                animationOutTiming={animationOutTiming}
+                disableAnimation={false}
+                shouldHandleNavigationBack
+                innerContainerStyle={styles.pv0}
+            >
+                <FocusTrapForModal
+                    active={isVisible}
+                    shouldReturnFocus
+                >
+                    <View style={shouldUseNarrowLayout ? styles.flexGrow1 : [styles.createMenuContainer, styles.pv0, styles.flex1]}>
+                        <View style={styles.pv4}>{children}</View>
+                    </View>
+                </FocusTrapForModal>
+            </PopoverWithMeasuredContent>
+        </FABMenuContext.Provider>
+    );
+}
+
+export default FABPopoverMenu;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/CreateReportMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/CreateReportMenuItem.tsx
new file mode 100644
index 0000000000000..d4a2c55a443fe
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/CreateReportMenuItem.tsx
@@ -0,0 +1,161 @@
+import React from 'react';
+import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import useCreateEmptyReportConfirmation from '@hooks/useCreateEmptyReportConfirmation';
+import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
+import useHasEmptyReportsForPolicy from '@hooks/useHasEmptyReportsForPolicy';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import usePermissions from '@hooks/usePermissions';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import {createNewReport} from '@libs/actions/Report';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import isSearchTopmostFullScreenRoute from '@libs/Navigation/helpers/isSearchTopmostFullScreenRoute';
+import Navigation from '@libs/Navigation/Navigation';
+import {getDefaultChatEnabledPolicy, isPaidGroupPolicy, shouldShowPolicy} from '@libs/PolicyUtils';
+import {hasViolations as hasViolationsReportUtils} from '@libs/ReportUtils';
+import {shouldRestrictUserBillableActions} from '@libs/SubscriptionUtils';
+import isOnSearchMoneyRequestReportPage from '@navigation/helpers/isOnSearchMoneyRequestReportPage';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import useRedirectToExpensifyClassic from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
+import {clearLastSearchParams} from '@userActions/ReportNavigation';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import {sessionEmailAndAccountIDSelector} from '@src/selectors/Session';
+import type * as OnyxTypes from '@src/types/onyx';
+import {isEmptyObject} from '@src/types/utils/EmptyObject';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.CREATE_REPORT;
+
+// Returns up to 2 matching policies — we only ever check length > 0, length === 1, and length > 1.
+const chatEnabledPaidGroupPoliciesSelector = (policies: OnyxCollection<OnyxTypes.Policy>, currentUserLogin: string | undefined) => {
+    if (isEmptyObject(policies)) {
+        return CONST.EMPTY_ARRAY;
+    }
+    const result: OnyxTypes.Policy[] = [];
+    for (const policy of Object.values(policies)) {
+        if (!policy?.isPolicyExpenseChatEnabled || policy?.isJoinRequestPending || !isPaidGroupPolicy(policy) || !shouldShowPolicy(policy, false, currentUserLogin)) {
+            continue;
+        }
+
+        result.push(policy);
+
+        if (result.length === 2) {
+            break;
+        }
+    }
+
+    return result;
+};
+
+function CreateReportMenuItem() {
+    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['Document'] as const);
+    const {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal} = useRedirectToExpensifyClassic();
+    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
+    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionEmailAndAccountIDSelector});
+    const [allBetas] = useOnyx(ONYXKEYS.BETAS);
+    const [transactionViolations] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS);
+    const [hasDismissedEmptyReportsConfirmation] = useOnyx(ONYXKEYS.NVP_EMPTY_REPORTS_CONFIRMATION_DISMISSED);
+    const currentUserPersonalDetails = useCurrentUserPersonalDetails();
+    const {isBetaEnabled} = usePermissions();
+    const isASAPSubmitBetaEnabled = isBetaEnabled(CONST.BETAS.ASAP_SUBMIT);
+    const hasViolations = hasViolationsReportUtils(undefined, transactionViolations, session?.accountID ?? CONST.DEFAULT_NUMBER_ID, session?.email ?? '');
+    const chatEnabledPaidGroupPolicies = (policies: Parameters<typeof chatEnabledPaidGroupPoliciesSelector>[0]) => chatEnabledPaidGroupPoliciesSelector(policies, session?.email);
+
+    const [groupPoliciesWithChatEnabled = CONST.EMPTY_ARRAY] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {selector: chatEnabledPaidGroupPolicies}, [session?.email]);
+    const [userBillingGraceEndPeriods] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END);
+    const [ownerBillingGraceEndPeriod] = useOnyx(ONYXKEYS.NVP_PRIVATE_OWNER_BILLING_GRACE_PERIOD_END);
+
+    const isVisible = shouldRedirectToExpensifyClassic || groupPoliciesWithChatEnabled.length > 0;
+
+    const defaultChatEnabledPolicy = getDefaultChatEnabledPolicy(groupPoliciesWithChatEnabled as Array<OnyxEntry<OnyxTypes.Policy>>, activePolicy);
+
+    const defaultChatEnabledPolicyID = defaultChatEnabledPolicy?.id;
+    const hasEmptyReport = useHasEmptyReportsForPolicy(defaultChatEnabledPolicyID);
+    const shouldShowEmptyReportConfirmation = hasEmptyReport && hasDismissedEmptyReportsConfirmation !== true;
+
+    const isReportInSearch = isOnSearchMoneyRequestReportPage();
+
+    const handleCreateWorkspaceReport = (shouldDismissEmptyReportsConfirmation?: boolean) => {
+        if (!defaultChatEnabledPolicy?.id) {
+            return;
+        }
+
+        if (isReportInSearch) {
+            clearLastSearchParams();
+        }
+
+        const {reportID: createdReportID} = createNewReport(
+            currentUserPersonalDetails,
+            hasViolations,
+            isASAPSubmitBetaEnabled,
+            defaultChatEnabledPolicy,
+            allBetas,
+            false,
+            shouldDismissEmptyReportsConfirmation,
+        );
+        Navigation.setNavigationActionToMicrotaskQueue(() => {
+            Navigation.navigate(
+                isSearchTopmostFullScreenRoute()
+                    ? ROUTES.SEARCH_MONEY_REQUEST_REPORT.getRoute({reportID: createdReportID, backTo: Navigation.getActiveRoute()})
+                    : ROUTES.REPORT_WITH_ID.getRoute(createdReportID, undefined, undefined, Navigation.getActiveRoute()),
+                {forceReplace: isReportInSearch},
+            );
+        });
+    };
+
+    const {openCreateReportConfirmation} = useCreateEmptyReportConfirmation({
+        policyID: defaultChatEnabledPolicyID,
+        policyName: defaultChatEnabledPolicy?.name ?? '',
+        onConfirm: handleCreateWorkspaceReport,
+    });
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={isVisible}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.CREATE_REPORT}
+            icon={icons.Document}
+            title={translate('report.newReport.createReport')}
+            onPress={() => {
+                interceptAnonymousUser(() => {
+                    if (shouldRedirectToExpensifyClassic) {
+                        showRedirectToExpensifyClassicModal();
+                        return;
+                    }
+
+                    const workspaceIDForReportCreation = defaultChatEnabledPolicyID;
+
+                    // If we couldn't guess the workspace to create the report, or a guessed workspace is past its grace period and we have other workspaces to choose from
+                    if (
+                        !workspaceIDForReportCreation ||
+                        (shouldRestrictUserBillableActions(workspaceIDForReportCreation, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod) &&
+                            groupPoliciesWithChatEnabled.length > 1)
+                    ) {
+                        Navigation.navigate(ROUTES.NEW_REPORT_WORKSPACE_SELECTION.getRoute());
+                        return;
+                    }
+
+                    if (!shouldRestrictUserBillableActions(workspaceIDForReportCreation, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)) {
+                        // Check if empty report confirmation should be shown
+                        if (shouldShowEmptyReportConfirmation) {
+                            openCreateReportConfirmation();
+                        } else {
+                            handleCreateWorkspaceReport(false);
+                        }
+                        return;
+                    }
+
+                    Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(workspaceIDForReportCreation));
+                });
+            }}
+            shouldCallAfterModalHide={shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default CreateReportMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/ExpenseMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/ExpenseMenuItem.tsx
new file mode 100644
index 0000000000000..e7ac183dfe688
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/ExpenseMenuItem.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import {startMoneyRequest} from '@libs/actions/IOU';
+import getIconForAction from '@libs/getIconForAction';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import useRedirectToExpensifyClassic from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.EXPENSE;
+
+type ExpenseMenuItemProps = {
+    reportID: string;
+};
+
+function ExpenseMenuItem({reportID}: ExpenseMenuItemProps) {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['Coins', 'Receipt', 'Cash', 'Transfer', 'MoneyCircle'] as const);
+    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
+    const {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal} = useRedirectToExpensifyClassic();
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.CREATE_EXPENSE}
+            icon={getIconForAction(CONST.IOU.TYPE.CREATE, icons)}
+            title={translate('iou.createExpense')}
+            onPress={() =>
+                interceptAnonymousUser(() => {
+                    if (shouldRedirectToExpensifyClassic) {
+                        showRedirectToExpensifyClassicModal();
+                        return;
+                    }
+                    startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, undefined, undefined, undefined, true);
+                })
+            }
+            shouldCallAfterModalHide={shouldRedirectToExpensifyClassic || shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default ExpenseMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/InvoiceMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/InvoiceMenuItem.tsx
new file mode 100644
index 0000000000000..3c2fe8ebfcaa1
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/InvoiceMenuItem.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import type {OnyxCollection} from 'react-native-onyx';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useMappedPolicies from '@hooks/useMappedPolicies';
+import useOnyx from '@hooks/useOnyx';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import {startMoneyRequest} from '@libs/actions/IOU';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import {canSendInvoice as canSendInvoicePolicyUtils} from '@libs/PolicyUtils';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import useRedirectToExpensifyClassic, {policyMapper} from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import {emailSelector} from '@src/selectors/Session';
+import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
+import type * as OnyxTypes from '@src/types/onyx';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.INVOICE;
+
+type InvoiceMenuItemProps = {
+    reportID: string;
+};
+
+function InvoiceMenuItem({reportID}: InvoiceMenuItemProps) {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['InvoiceGeneric'] as const);
+    const {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal} = useRedirectToExpensifyClassic();
+    const [allPolicies] = useMappedPolicies(policyMapper);
+    const [sessionEmail] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector});
+    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
+    const canSendInvoice = canSendInvoicePolicyUtils(allPolicies as OnyxCollection<OnyxTypes.Policy>, sessionEmail);
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={canSendInvoice}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.SEND_INVOICE}
+            icon={icons.InvoiceGeneric}
+            title={translate('workspace.invoices.sendInvoice')}
+            onPress={() =>
+                interceptAnonymousUser(() => {
+                    if (shouldRedirectToExpensifyClassic) {
+                        showRedirectToExpensifyClassicModal();
+                        return;
+                    }
+                    startMoneyRequest(CONST.IOU.TYPE.INVOICE, reportID, draftTransactionIDs, undefined, undefined, undefined, true);
+                })
+            }
+            shouldCallAfterModalHide={shouldRedirectToExpensifyClassic || shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default InvoiceMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewChatMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewChatMenuItem.tsx
new file mode 100644
index 0000000000000..720627e5c44e2
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewChatMenuItem.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import {startNewChat} from '@libs/actions/Report';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import CONST from '@src/CONST';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.NEW_CHAT;
+
+function NewChatMenuItem() {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['ChatBubble'] as const);
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.START_CHAT}
+            icon={icons.ChatBubble}
+            title={translate('sidebarScreen.fabNewChat')}
+            onPress={() => interceptAnonymousUser(startNewChat)}
+            shouldCallAfterModalHide={shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default NewChatMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewWorkspaceMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewWorkspaceMenuItem.tsx
new file mode 100644
index 0000000000000..0a3b230e2709a
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/NewWorkspaceMenuItem.tsx
@@ -0,0 +1,57 @@
+import type {ImageContentFit} from 'expo-image';
+import React from 'react';
+import type {OnyxEntry} from 'react-native-onyx';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useMappedPolicies from '@hooks/useMappedPolicies';
+import useNetwork from '@hooks/useNetwork';
+import useOnyx from '@hooks/useOnyx';
+import usePreferredPolicy from '@hooks/usePreferredPolicy';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import Navigation from '@libs/Navigation/Navigation';
+import {shouldShowPolicy} from '@libs/PolicyUtils';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import {policyMapper} from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
+import variables from '@styles/variables';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import {emailSelector} from '@src/selectors/Session';
+import type * as OnyxTypes from '@src/types/onyx';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.NEW_WORKSPACE;
+
+function NewWorkspaceMenuItem() {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['NewWorkspace'] as const);
+    const {isOffline} = useNetwork();
+    const [isLoading = false] = useOnyx(ONYXKEYS.IS_LOADING_APP);
+    const [sessionEmail] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector});
+    const [allPolicies] = useMappedPolicies(policyMapper);
+    const {isRestrictedPolicyCreation} = usePreferredPolicy();
+    const shouldShowNewWorkspaceButton =
+        !isRestrictedPolicyCreation && Object.values(allPolicies ?? {}).every((policy) => !shouldShowPolicy(policy as OnyxEntry<OnyxTypes.Policy>, !!isOffline, sessionEmail));
+
+    const isVisible = !isLoading && shouldShowNewWorkspaceButton;
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={isVisible}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.NEW_WORKSPACE}
+            displayInDefaultIconColor
+            contentFit={'contain' as ImageContentFit}
+            icon={icons.NewWorkspace}
+            iconWidth={variables.w46}
+            iconHeight={variables.h40}
+            title={translate('workspace.new.newWorkspace')}
+            description={translate('workspace.new.getTheExpensifyCardAndMore')}
+            onPress={() => interceptAnonymousUser(() => Navigation.navigate(ROUTES.WORKSPACE_CONFIRMATION.getRoute(Navigation.getActiveRoute())))}
+            shouldCallAfterModalHide={shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default NewWorkspaceMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/QuickActionMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/QuickActionMenuItem.tsx
new file mode 100644
index 0000000000000..83a05b9924615
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/QuickActionMenuItem.tsx
@@ -0,0 +1,206 @@
+import React from 'react';
+import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import {useDelegateNoAccessActions, useDelegateNoAccessState} from '@components/DelegateNoAccessModalProvider';
+import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import usePreferredPolicy from '@hooks/usePreferredPolicy';
+import useReportIsArchived from '@hooks/useReportIsArchived';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {startMoneyRequest} from '@libs/actions/IOU';
+import {navigateToQuickAction} from '@libs/actions/QuickActionNavigation';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import Navigation from '@libs/Navigation/Navigation';
+import {getQuickActionIcon, getQuickActionTitle, isQuickActionAllowed} from '@libs/QuickActionUtils';
+import {getReportName} from '@libs/ReportNameUtils';
+import {getDisplayNameForParticipant, getIcons, getWorkspaceChats, isPolicyExpenseChat} from '@libs/ReportUtils';
+import {shouldRestrictUserBillableActions} from '@libs/SubscriptionUtils';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import {sessionEmailAndAccountIDSelector} from '@src/selectors/Session';
+import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
+import type * as OnyxTypes from '@src/types/onyx';
+import type {QuickActionName} from '@src/types/onyx/QuickAction';
+import {isEmptyObject} from '@src/types/utils/EmptyObject';
+import getEmptyArray from '@src/types/utils/getEmptyArray';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.QUICK_ACTION;
+
+type QuickActionMenuItemProps = {
+    reportID: string;
+};
+
+function QuickActionMenuItem({reportID}: QuickActionMenuItemProps) {
+    const styles = useThemeStyles();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const {translate, formatPhoneNumber} = useLocalize();
+    const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'ReceiptScan', 'Car', 'Task', 'Clock', 'MoneyCircle', 'Coins', 'Receipt', 'Cash', 'Transfer'] as const);
+    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionEmailAndAccountIDSelector});
+    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
+    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
+    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
+    const workspaceChatsSelector = (reports: OnyxCollection<OnyxTypes.Report>) => getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
+    const [policyChats = getEmptyArray<OnyxTypes.Report>()] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {selector: workspaceChatsSelector});
+    const [quickAction] = useOnyx(ONYXKEYS.NVP_QUICK_ACTION_GLOBAL_CREATE);
+    const [quickActionReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${quickAction?.chatReportID}`);
+    const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST);
+    const [lastDistanceExpenseType] = useOnyx(ONYXKEYS.NVP_LAST_DISTANCE_EXPENSE_TYPE);
+    const [allBetas] = useOnyx(ONYXKEYS.BETAS);
+    const currentUserPersonalDetails = useCurrentUserPersonalDetails();
+    const {isDelegateAccessRestricted} = useDelegateNoAccessState();
+    const {showDelegateNoAccessModal} = useDelegateNoAccessActions();
+    const isReportArchived = useReportIsArchived(quickActionReport?.reportID);
+    const {isRestrictedToPreferredPolicy} = usePreferredPolicy();
+    const quickActionPolicyID = quickAction?.action === CONST.QUICK_ACTIONS.TRACK_PER_DIEM && quickAction?.perDiemPolicyID ? quickAction?.perDiemPolicyID : quickActionReport?.policyID;
+    const [quickActionPolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${quickActionPolicyID}`);
+    const reportAttributesSelector = (attributes: OnyxEntry<OnyxTypes.ReportAttributesDerivedValue>) => attributes?.reports;
+    const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {selector: reportAttributesSelector});
+    const [userBillingGraceEndPeriods] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END);
+    const [ownerBillingGraceEndPeriod] = useOnyx(ONYXKEYS.NVP_PRIVATE_OWNER_BILLING_GRACE_PERIOD_END);
+
+    const isValidReport = !(isEmptyObject(quickActionReport) || isReportArchived);
+
+    const policyChatForActivePolicy: OnyxTypes.Report =
+        !isEmptyObject(activePolicy) && activePolicy?.isPolicyExpenseChatEnabled && policyChats.length > 0 ? (policyChats.at(0) ?? ({} as OnyxTypes.Report)) : ({} as OnyxTypes.Report);
+
+    const isVisible =
+        (quickAction?.action && quickActionReport
+            ? isQuickActionAllowed(quickAction, quickActionReport, quickActionPolicy, isReportArchived, allBetas, isRestrictedToPreferredPolicy)
+            : false) ||
+        (!quickAction?.action && !isEmptyObject(policyChatForActivePolicy));
+
+    let quickActionAvatars: ReturnType<typeof getIcons> = [];
+    if (isValidReport) {
+        const avatars = getIcons(quickActionReport, formatPhoneNumber, personalDetails, null, undefined, undefined, undefined, undefined, isReportArchived);
+        quickActionAvatars = avatars.length <= 1 || isPolicyExpenseChat(quickActionReport) ? avatars : avatars.filter((avatar) => avatar.id !== session?.accountID);
+    } else if (!isEmptyObject(policyChatForActivePolicy)) {
+        quickActionAvatars = getIcons(policyChatForActivePolicy, formatPhoneNumber, personalDetails, null, undefined, undefined, undefined, undefined, isReportArchived);
+    }
+
+    let quickActionTitle = '';
+    if (!isEmptyObject(quickActionReport)) {
+        if (quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && quickActionAvatars.length > 0) {
+            const accountID = quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID;
+            const name = getDisplayNameForParticipant({accountID: Number(accountID), shouldUseShortForm: true, formatPhoneNumber}) ?? '';
+            quickActionTitle = translate('quickAction.paySomeone', name);
+        } else {
+            const titleKey = getQuickActionTitle(quickAction?.action ?? ('' as QuickActionName));
+            quickActionTitle = titleKey ? translate(titleKey) : '';
+        }
+    }
+
+    let hideQABSubtitle = true;
+    if (isValidReport) {
+        if (quickActionAvatars.length === 0) {
+            hideQABSubtitle = false;
+        } else {
+            const displayName = personalDetails?.[quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID]?.firstName ?? '';
+            hideQABSubtitle = quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && displayName.length === 0;
+        }
+    }
+
+    const quickActionSubtitle = !hideQABSubtitle ? getReportName(quickActionReport, reportAttributes) || translate('quickAction.updateDestination') : '';
+
+    const quickActionReportPolicyID = quickActionReport?.policyID;
+    const selectOption = (onSelected: () => void, shouldRestrictAction: boolean) => {
+        if (
+            shouldRestrictAction &&
+            quickActionReportPolicyID &&
+            shouldRestrictUserBillableActions(quickActionReportPolicyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)
+        ) {
+            Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(quickActionReportPolicyID));
+            return;
+        }
+        onSelected();
+    };
+
+    if (quickAction?.action && quickActionReport) {
+        return (
+            <FABFocusableMenuItem
+                itemId={ITEM_ID}
+                isVisible={isVisible}
+                pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.QUICK_ACTION}
+                label={translate('quickAction.header')}
+                labelStyle={[styles.pt3, styles.pb2]}
+                isLabelHoverable={false}
+                numberOfLinesDescription={1}
+                tooltipAnchorAlignment={{
+                    vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
+                    horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
+                }}
+                shouldTeleportPortalToModalLayer
+                icon={getQuickActionIcon(icons, quickAction?.action)}
+                title={quickActionTitle}
+                rightIconAccountID={quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID}
+                description={quickActionSubtitle}
+                rightIconReportID={quickActionReport?.reportID}
+                onPress={() =>
+                    interceptAnonymousUser(() => {
+                        if (quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && isDelegateAccessRestricted) {
+                            showDelegateNoAccessModal();
+                            return;
+                        }
+                        const targetAccountPersonalDetails = {
+                            ...personalDetails?.[quickAction.targetAccountID ?? CONST.DEFAULT_NUMBER_ID],
+                            accountID: quickAction.targetAccountID ?? CONST.DEFAULT_NUMBER_ID,
+                        };
+
+                        navigateToQuickAction({
+                            isValidReport,
+                            quickAction,
+                            selectOption,
+                            lastDistanceExpenseType,
+                            targetAccountPersonalDetails,
+                            currentUserAccountID: currentUserPersonalDetails.accountID,
+                            draftTransactionIDs,
+                            isFromFloatingActionButton: true,
+                        });
+                    })
+                }
+                shouldCallAfterModalHide={shouldUseNarrowLayout}
+            />
+        );
+    }
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={isVisible}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.QUICK_ACTION}
+            label={translate('quickAction.header')}
+            labelStyle={[styles.pt3, styles.pb2]}
+            isLabelHoverable={false}
+            numberOfLinesDescription={1}
+            tooltipAnchorAlignment={{
+                vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
+                horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
+            }}
+            shouldTeleportPortalToModalLayer
+            icon={icons.ReceiptScan}
+            title={translate('quickAction.scanReceipt')}
+            description={getReportName(policyChatForActivePolicy, reportAttributes)}
+            rightIconReportID={policyChatForActivePolicy?.reportID}
+            onPress={() =>
+                interceptAnonymousUser(() => {
+                    if (
+                        policyChatForActivePolicy?.policyID &&
+                        shouldRestrictUserBillableActions(policyChatForActivePolicy.policyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)
+                    ) {
+                        Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(policyChatForActivePolicy.policyID));
+                        return;
+                    }
+
+                    const quickActionReportID = policyChatForActivePolicy?.reportID || reportID;
+                    startMoneyRequest(CONST.IOU.TYPE.SUBMIT, quickActionReportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, true, undefined, true);
+                })
+            }
+            shouldCallAfterModalHide={shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default QuickActionMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TestDriveMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TestDriveMenuItem.tsx
new file mode 100644
index 0000000000000..bfaa7514f9967
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TestDriveMenuItem.tsx
@@ -0,0 +1,42 @@
+import {hasSeenTourSelector, tryNewDotOnyxSelector} from '@selectors/Onboarding';
+import React from 'react';
+import useIsPaidPolicyAdmin from '@hooks/useIsPaidPolicyAdmin';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {startTestDrive} from '@libs/actions/Tour';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.TEST_DRIVE;
+
+function TestDriveMenuItem() {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+    const theme = useTheme();
+    const icons = useMemoizedLazyExpensifyIcons(['Binoculars'] as const);
+    const [hasSeenTour = false] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {selector: hasSeenTourSelector});
+    const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
+    const [tryNewDot] = useOnyx(ONYXKEYS.NVP_TRY_NEW_DOT, {selector: tryNewDotOnyxSelector});
+    const isUserPaidPolicyMember = useIsPaidPolicyAdmin();
+    const isVisible = !hasSeenTour;
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={isVisible}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.TEST_DRIVE}
+            icon={icons.Binoculars}
+            iconStyles={styles.popoverIconCircle}
+            iconFill={theme.icon}
+            title={translate('testDrive.quickAction.takeATwoMinuteTestDrive')}
+            onPress={() => interceptAnonymousUser(() => startTestDrive(introSelected, tryNewDot?.hasBeenAddedToNudgeMigration ?? false, isUserPaidPolicyMember))}
+        />
+    );
+}
+
+export default TestDriveMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TrackDistanceMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TrackDistanceMenuItem.tsx
new file mode 100644
index 0000000000000..3f5c54bc572e9
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TrackDistanceMenuItem.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import {startDistanceRequest} from '@libs/actions/IOU';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import useRedirectToExpensifyClassic from '@pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.TRACK_DISTANCE;
+
+type TrackDistanceMenuItemProps = {
+    reportID: string;
+};
+
+function TrackDistanceMenuItem({reportID}: TrackDistanceMenuItemProps) {
+    const {translate} = useLocalize();
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const icons = useMemoizedLazyExpensifyIcons(['Location'] as const);
+    const [lastDistanceExpenseType] = useOnyx(ONYXKEYS.NVP_LAST_DISTANCE_EXPENSE_TYPE);
+    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
+    const {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal} = useRedirectToExpensifyClassic();
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.TRACK_DISTANCE}
+            icon={icons.Location}
+            title={translate('iou.trackDistance')}
+            onPress={() =>
+                interceptAnonymousUser(() => {
+                    if (shouldRedirectToExpensifyClassic) {
+                        showRedirectToExpensifyClassicModal();
+                        return;
+                    }
+                    // Start the flow to start tracking a distance request
+                    startDistanceRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, lastDistanceExpenseType, undefined, undefined, true);
+                })
+            }
+            shouldCallAfterModalHide={shouldUseNarrowLayout}
+        />
+    );
+}
+
+export default TrackDistanceMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TravelMenuItem.tsx b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TravelMenuItem.tsx
new file mode 100644
index 0000000000000..3548465b68303
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/menuItems/TravelMenuItem.tsx
@@ -0,0 +1,63 @@
+import {Str} from 'expensify-common';
+import React from 'react';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import Navigation from '@libs/Navigation/Navigation';
+import {openTravelDotLink, shouldOpenTravelDotLinkWeb} from '@libs/openTravelDotLink';
+import Permissions from '@libs/Permissions';
+import {isPaidGroupPolicy} from '@libs/PolicyUtils';
+import FABFocusableMenuItem from '@pages/inbox/sidebar/FABPopoverContent/FABFocusableMenuItem';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import {primaryLoginSelector} from '@src/selectors/Account';
+import {emailSelector} from '@src/selectors/Session';
+
+const ITEM_ID = CONST.FAB_MENU_ITEM_IDS.TRAVEL;
+
+function TravelMenuItem() {
+    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
+    const {translate} = useLocalize();
+    const icons = useMemoizedLazyExpensifyIcons(['Suitcase', 'NewWindow'] as const);
+    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
+    const [travelSettings] = useOnyx(ONYXKEYS.NVP_TRAVEL_SETTINGS);
+    const [primaryLogin] = useOnyx(ONYXKEYS.ACCOUNT, {selector: primaryLoginSelector});
+    const [sessionEmail] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector});
+    const [allBetas] = useOnyx(ONYXKEYS.BETAS);
+    const isBlockedFromSpotnanaTravel = Permissions.isBetaEnabled(CONST.BETAS.PREVENT_SPOTNANA_TRAVEL, allBetas);
+    const primaryContactMethod = primaryLogin ?? sessionEmail ?? '';
+    const isVisible = !!activePolicy?.isTravelEnabled;
+
+    const isPolicyProvisioned = activePolicy?.travelSettings?.spotnanaCompanyID ?? activePolicy?.travelSettings?.associatedTravelDomainAccountID;
+    const isTravelEnabled =
+        !isBlockedFromSpotnanaTravel &&
+        !!primaryContactMethod &&
+        !Str.isSMSLogin(primaryContactMethod) &&
+        isPaidGroupPolicy(activePolicy) &&
+        (activePolicy?.travelSettings?.hasAcceptedTerms ?? (travelSettings?.hasAcceptedTerms && isPolicyProvisioned));
+
+    const openTravel = () => {
+        if (isTravelEnabled) {
+            openTravelDotLink(activePolicy?.id);
+            return;
+        }
+        Navigation.navigate(ROUTES.TRAVEL_MY_TRIPS.getRoute(activePolicy?.id));
+    };
+
+    return (
+        <FABFocusableMenuItem
+            itemId={ITEM_ID}
+            isVisible={isVisible}
+            pressableTestID={CONST.SENTRY_LABEL.FAB_MENU.BOOK_TRAVEL}
+            icon={icons.Suitcase}
+            title={translate('travel.bookTravel')}
+            iconRight={isTravelEnabled && shouldOpenTravelDotLinkWeb() ? icons.NewWindow : undefined}
+            shouldShowRightIcon={!!(isTravelEnabled && shouldOpenTravelDotLinkWeb())}
+            onPress={() => interceptAnonymousUser(() => openTravel())}
+        />
+    );
+}
+
+export default TravelMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/useFABMenuItem.ts b/src/pages/inbox/sidebar/FABPopoverContent/useFABMenuItem.ts
new file mode 100644
index 0000000000000..f69474052d6fa
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/useFABMenuItem.ts
@@ -0,0 +1,41 @@
+import {useLayoutEffect} from 'react';
+import type {ViewStyle} from 'react-native';
+import useStyleUtils from '@hooks/useStyleUtils';
+import useTheme from '@hooks/useTheme';
+import {useFABMenuContext} from './FABMenuContext';
+
+type FABMenuItemResult = {
+    itemIndex: number;
+    isFocused: boolean;
+    wrapperStyle: ViewStyle;
+    setFocusedIndex: (index: number) => void;
+    onItemPress: (onSelected: () => void, options?: {shouldCallAfterModalHide?: boolean}) => void;
+};
+
+/**
+ * Handles registration of a FAB menu item for arrow-key focus management.
+ * Pass `isVisible` for items that conditionally render — registration mirrors visibility.
+ * Returns itemIndex, isFocused, wrapperStyle, setFocusedIndex, and onItemPress — everything
+ * a menu item needs to render and interact, with no direct context access required.
+ */
+function useFABMenuItem(itemId: string, isVisible = true): FABMenuItemResult {
+    const {registerItem, unregisterItem, registeredItems, focusedIndex, setFocusedIndex, onItemPress} = useFABMenuContext();
+    const StyleUtils = useStyleUtils();
+    const theme = useTheme();
+
+    useLayoutEffect(() => {
+        if (!isVisible) {
+            return;
+        }
+        registerItem(itemId);
+        return () => unregisterItem(itemId);
+    }, [isVisible, itemId, registerItem, unregisterItem]);
+
+    const itemIndex = registeredItems.indexOf(itemId);
+    const isFocused = focusedIndex === itemIndex;
+    const wrapperStyle = StyleUtils.getItemBackgroundColorStyle(false, isFocused, false, theme.activeComponentBG, theme.hoverComponentBG);
+
+    return {itemIndex, isFocused, wrapperStyle, setFocusedIndex, onItemPress};
+}
+
+export default useFABMenuItem;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic.ts b/src/pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic.ts
new file mode 100644
index 0000000000000..557a0fecfeb47
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/useRedirectToExpensifyClassic.ts
@@ -0,0 +1,62 @@
+import type {OnyxEntry} from 'react-native-onyx';
+import {ModalActions} from '@components/Modal/Global/ModalContext';
+import useConfirmModal from '@hooks/useConfirmModal';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import {openOldDotLink} from '@libs/actions/Link';
+import {closeReactNativeApp} from '@userActions/HybridApp';
+import CONFIG from '@src/CONFIG';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import {isTrackingSelector} from '@src/selectors/GPSDraftDetails';
+import {shouldRedirectToExpensifyClassicSelector} from '@src/selectors/Policy';
+import type * as OnyxTypes from '@src/types/onyx';
+
+type PolicySelector = Pick<OnyxTypes.Policy, 'type' | 'role' | 'isPolicyExpenseChatEnabled' | 'pendingAction' | 'avatarURL' | 'name' | 'id' | 'areInvoicesEnabled'>;
+
+const policyMapper = (policy: OnyxEntry<OnyxTypes.Policy>): PolicySelector =>
+    (policy && {
+        type: policy.type,
+        role: policy.role,
+        id: policy.id,
+        isPolicyExpenseChatEnabled: policy.isPolicyExpenseChatEnabled,
+        pendingAction: policy.pendingAction,
+        avatarURL: policy.avatarURL,
+        name: policy.name,
+        areInvoicesEnabled: policy.areInvoicesEnabled,
+    }) as PolicySelector;
+
+function useRedirectToExpensifyClassic() {
+    const {translate} = useLocalize();
+    const {showConfirmModal} = useConfirmModal();
+    const [isTrackingGPS = false] = useOnyx(ONYXKEYS.GPS_DRAFT_DETAILS, {selector: isTrackingSelector});
+    /**
+     * There are scenarios where users who have not yet had their group workspace-chats in NewDot (isPolicyExpenseChatEnabled). In those scenarios, things can get confusing if they try to submit/track expenses. To address this, we block them from Creating, Tracking, Submitting expenses from NewDot if they are:
+     * 1. on at least one group policy
+     * 2. none of the group policies they are a member of have isPolicyExpenseChatEnabled=true
+     */
+    const [shouldRedirectToExpensifyClassic = false] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {selector: shouldRedirectToExpensifyClassicSelector});
+
+    const showRedirectToExpensifyClassicModal = async () => {
+        const {action} = await showConfirmModal({
+            title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
+            prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
+            confirmText: translate('exitSurvey.goToExpensifyClassic'),
+            cancelText: translate('common.cancel'),
+        });
+        if (action !== ModalActions.CONFIRM) {
+            return;
+        }
+        if (CONFIG.IS_HYBRID_APP) {
+            closeReactNativeApp({shouldSetNVP: true, isTrackingGPS});
+            return;
+        }
+        openOldDotLink(CONST.OLDDOT_URLS.INBOX);
+    };
+
+    return {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal};
+}
+
+export type {PolicySelector};
+export {policyMapper};
+export default useRedirectToExpensifyClassic;
diff --git a/src/pages/inbox/sidebar/FABPopoverContent/useScanActions.ts b/src/pages/inbox/sidebar/FABPopoverContent/useScanActions.ts
new file mode 100644
index 0000000000000..17a667d4cdceb
--- /dev/null
+++ b/src/pages/inbox/sidebar/FABPopoverContent/useScanActions.ts
@@ -0,0 +1,67 @@
+import {useState} from 'react';
+import type {OnyxCollection} from 'react-native-onyx';
+import useOnyx from '@hooks/useOnyx';
+import {startMoneyRequest} from '@libs/actions/IOU';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import Navigation from '@libs/Navigation/Navigation';
+import {generateReportID, getWorkspaceChats} from '@libs/ReportUtils';
+import {shouldRestrictUserBillableActions} from '@libs/SubscriptionUtils';
+import Tab from '@userActions/Tab';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import {sessionEmailAndAccountIDSelector} from '@src/selectors/Session';
+import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
+import type * as OnyxTypes from '@src/types/onyx';
+import {isEmptyObject} from '@src/types/utils/EmptyObject';
+import getEmptyArray from '@src/types/utils/getEmptyArray';
+import useRedirectToExpensifyClassic from './useRedirectToExpensifyClassic';
+
+function useScanActions() {
+    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionEmailAndAccountIDSelector});
+    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
+    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
+    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
+    const workspaceChatsSelector = (reports: OnyxCollection<OnyxTypes.Report>) => getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
+    const [policyChats = getEmptyArray<OnyxTypes.Report>()] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {selector: workspaceChatsSelector});
+
+    const [userBillingGraceEndPeriods] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END);
+    const [ownerBillingGraceEndPeriod] = useOnyx(ONYXKEYS.NVP_PRIVATE_OWNER_BILLING_GRACE_PERIOD_END);
+    const {shouldRedirectToExpensifyClassic, showRedirectToExpensifyClassicModal} = useRedirectToExpensifyClassic();
+
+    // useState lazy initializer generates the ID once on mount and keeps it stable across renders
+    const [reportID] = useState(() => generateReportID());
+
+    const policyChatForActivePolicy: OnyxTypes.Report =
+        !isEmptyObject(activePolicy) && activePolicy?.isPolicyExpenseChatEnabled && policyChats.length > 0 ? (policyChats.at(0) ?? ({} as OnyxTypes.Report)) : ({} as OnyxTypes.Report);
+
+    const startScan = () => {
+        interceptAnonymousUser(() => {
+            if (shouldRedirectToExpensifyClassic) {
+                showRedirectToExpensifyClassicModal();
+                return;
+            }
+            startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, false, undefined, true);
+        });
+    };
+
+    const policyChatPolicyID = policyChatForActivePolicy?.policyID;
+    const policyChatReportID = policyChatForActivePolicy?.reportID;
+
+    const startQuickScan = () => {
+        interceptAnonymousUser(() => {
+            if (policyChatPolicyID && shouldRestrictUserBillableActions(policyChatPolicyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)) {
+                Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(policyChatPolicyID));
+                return;
+            }
+
+            const quickActionReportID = policyChatReportID ?? reportID;
+            Tab.setSelectedTab(CONST.TAB.IOU_REQUEST_TYPE, CONST.IOU.REQUEST_TYPE.SCAN);
+            startMoneyRequest(CONST.IOU.TYPE.CREATE, quickActionReportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, !!policyChatReportID, undefined, true);
+        });
+    };
+
+    return {startScan, startQuickScan};
+}
+
+export default useScanActions;
diff --git a/src/pages/inbox/sidebar/FloatingActionButtonAndPopover.tsx b/src/pages/inbox/sidebar/FloatingActionButtonAndPopover.tsx
index b5a1fb3d28cc4..1353aeb54108d 100644
--- a/src/pages/inbox/sidebar/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/inbox/sidebar/FloatingActionButtonAndPopover.tsx
@@ -1,441 +1,55 @@
-import {useIsFocused} from '@react-navigation/native';
-import {primaryLoginSelector} from '@selectors/Account';
-import {hasSeenTourSelector, tryNewDotOnyxSelector} from '@selectors/Onboarding';
-import {groupPaidPoliciesWithExpenseChatEnabledSelector} from '@selectors/Policy';
-import {Str} from 'expensify-common';
-import type {ImageContentFit} from 'expo-image';
-import type {ForwardedRef} from 'react';
-import React, {useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react';
+import {useFocusEffect, useIsFocused} from '@react-navigation/native';
+import React, {useRef, useState} from 'react';
 import {View} from 'react-native';
-import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
-import {useDelegateNoAccessActions, useDelegateNoAccessState} from '@components/DelegateNoAccessModalProvider';
-import FloatingActionButton from '@components/FloatingActionButton';
-import FloatingReceiptButton from '@components/FloatingReceiptButton';
-import {ModalActions} from '@components/Modal/Global/ModalContext';
-import type {PopoverMenuItem} from '@components/PopoverMenu';
-import PopoverMenu from '@components/PopoverMenu';
-import useConfirmModal from '@hooks/useConfirmModal';
-import useCreateEmptyReportConfirmation from '@hooks/useCreateEmptyReportConfirmation';
-import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
-import useHasEmptyReportsForPolicy from '@hooks/useHasEmptyReportsForPolicy';
-import useIsPaidPolicyAdmin from '@hooks/useIsPaidPolicyAdmin';
-import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
-import useLocalize from '@hooks/useLocalize';
-import useMappedPolicies from '@hooks/useMappedPolicies';
-import useNetwork from '@hooks/useNetwork';
-import useOnyx from '@hooks/useOnyx';
-import usePermissions from '@hooks/usePermissions';
-import usePreferredPolicy from '@hooks/usePreferredPolicy';
-import usePrevious from '@hooks/usePrevious';
-import useReportIsArchived from '@hooks/useReportIsArchived';
+import useDragoverDismiss from '@hooks/useDragoverDismiss';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
-import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
-import useWindowDimensions from '@hooks/useWindowDimensions';
-import {startDistanceRequest, startMoneyRequest} from '@libs/actions/IOU';
-import {openOldDotLink} from '@libs/actions/Link';
-import {navigateToQuickAction} from '@libs/actions/QuickActionNavigation';
-import {createNewReport, startNewChat} from '@libs/actions/Report';
-import {startTestDrive} from '@libs/actions/Tour';
-import getIconForAction from '@libs/getIconForAction';
-import interceptAnonymousUser from '@libs/interceptAnonymousUser';
-import isSearchTopmostFullScreenRoute from '@libs/Navigation/helpers/isSearchTopmostFullScreenRoute';
-import navigateAfterInteraction from '@libs/Navigation/navigateAfterInteraction';
-import Navigation from '@libs/Navigation/Navigation';
-import {openTravelDotLink, shouldOpenTravelDotLinkWeb} from '@libs/openTravelDotLink';
-import Permissions from '@libs/Permissions';
-import {areAllGroupPoliciesExpenseChatDisabled, canSendInvoice as canSendInvoicePolicyUtils, getDefaultChatEnabledPolicy, isPaidGroupPolicy, shouldShowPolicy} from '@libs/PolicyUtils';
-import {getQuickActionIcon, getQuickActionTitle, isQuickActionAllowed} from '@libs/QuickActionUtils';
-import {
-    generateReportID,
-    getDisplayNameForParticipant,
-    getIcons,
-    // Will be fixed in https://github.com/Expensify/App/issues/76852
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
-    getReportName,
-    getWorkspaceChats,
-    hasViolations as hasViolationsReportUtils,
-    isPolicyExpenseChat,
-} from '@libs/ReportUtils';
-import {shouldRestrictUserBillableActions} from '@libs/SubscriptionUtils';
-import isOnSearchMoneyRequestReportPage from '@navigation/helpers/isOnSearchMoneyRequestReportPage';
-import variables from '@styles/variables';
-import {closeReactNativeApp} from '@userActions/HybridApp';
-import {clearLastSearchParams} from '@userActions/ReportNavigation';
-import Tab from '@userActions/Tab';
-import CONFIG from '@src/CONFIG';
+import {generateReportID} from '@libs/ReportUtils';
 import CONST from '@src/CONST';
-import ONYXKEYS from '@src/ONYXKEYS';
-import ROUTES from '@src/ROUTES';
-import {isTrackingSelector} from '@src/selectors/GPSDraftDetails';
-import {validTransactionDraftIDsSelector} from '@src/selectors/TransactionDraft';
-import type * as OnyxTypes from '@src/types/onyx';
-import type {QuickActionName} from '@src/types/onyx/QuickAction';
-import {isEmptyObject} from '@src/types/utils/EmptyObject';
-import getEmptyArray from '@src/types/utils/getEmptyArray';
-
-type PolicySelector = Pick<OnyxTypes.Policy, 'type' | 'role' | 'isPolicyExpenseChatEnabled' | 'pendingAction' | 'avatarURL' | 'name' | 'id' | 'areInvoicesEnabled'>;
-
-type FloatingActionButtonAndPopoverProps = {
-    /* Callback function when the menu is shown */
-    onShowCreateMenu?: () => void;
-
-    /* Callback function before the menu is hidden */
-    onHideCreateMenu?: () => void;
-
-    /** Reference to the outer element */
-    ref?: ForwardedRef<FloatingActionButtonAndPopoverRef>;
-};
-
-type FloatingActionButtonAndPopoverRef = {
-    hideCreateMenu: () => void;
-};
-
-const policyMapper = (policy: OnyxEntry<OnyxTypes.Policy>): PolicySelector =>
-    (policy && {
-        type: policy.type,
-        role: policy.role,
-        id: policy.id,
-        isPolicyExpenseChatEnabled: policy.isPolicyExpenseChatEnabled,
-        pendingAction: policy.pendingAction,
-        avatarURL: policy.avatarURL,
-        name: policy.name,
-        areInvoicesEnabled: policy.areInvoicesEnabled,
-    }) as PolicySelector;
-
-const sessionSelector = (session: OnyxEntry<OnyxTypes.Session>) => ({email: session?.email, accountID: session?.accountID});
+import FABButtons from './FABPopoverContent/FABButtons';
+import FABPopoverMenu from './FABPopoverContent/FABPopoverMenu';
+import CreateReportMenuItem from './FABPopoverContent/menuItems/CreateReportMenuItem';
+import ExpenseMenuItem from './FABPopoverContent/menuItems/ExpenseMenuItem';
+import InvoiceMenuItem from './FABPopoverContent/menuItems/InvoiceMenuItem';
+import NewChatMenuItem from './FABPopoverContent/menuItems/NewChatMenuItem';
+import NewWorkspaceMenuItem from './FABPopoverContent/menuItems/NewWorkspaceMenuItem';
+import QuickActionMenuItem from './FABPopoverContent/menuItems/QuickActionMenuItem';
+import TestDriveMenuItem from './FABPopoverContent/menuItems/TestDriveMenuItem';
+import TrackDistanceMenuItem from './FABPopoverContent/menuItems/TrackDistanceMenuItem';
+import TravelMenuItem from './FABPopoverContent/menuItems/TravelMenuItem';
 
 /**
- * Responsible for rendering the {@link PopoverMenu}, and the accompanying
+ * Responsible for rendering the {@link FABPopoverMenu}, and the accompanying
  * FAB that can open or close the menu.
  */
-function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref}: FloatingActionButtonAndPopoverProps) {
-    const icons = useMemoizedLazyExpensifyIcons([
-        'CalendarSolid',
-        'Document',
-        'NewWorkspace',
-        'NewWindow',
-        'Binoculars',
-        'Car',
-        'Location',
-        'Suitcase',
-        'Task',
-        'InvoiceGeneric',
-        'ReceiptScan',
-        'ChatBubble',
-        'Coins',
-        'Receipt',
-        'Cash',
-        'Transfer',
-        'MoneyCircle',
-        'Clock',
-    ] as const);
+function FloatingActionButtonAndPopover() {
     const styles = useThemeStyles();
-    const theme = useTheme();
-    const {translate, formatPhoneNumber} = useLocalize();
-    const [isLoading = false] = useOnyx(ONYXKEYS.IS_LOADING_APP);
-    const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST);
-    const [session] = useOnyx(ONYXKEYS.SESSION, {selector: sessionSelector});
-    const [quickAction] = useOnyx(ONYXKEYS.NVP_QUICK_ACTION_GLOBAL_CREATE);
-    const [quickActionReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${quickAction?.chatReportID}`);
-    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID);
-    const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector});
-    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`);
-    const [transactionViolations] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS);
-    const {isRestrictedToPreferredPolicy, isRestrictedPolicyCreation} = usePreferredPolicy();
-
-    const workspaceChatsSelector = useCallback(
-        (reports: OnyxCollection<OnyxTypes.Report>) => {
-            return getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
-        },
-        [activePolicyID, session?.accountID],
-    );
-
-    const [policyChatsForActivePolicy = getEmptyArray<OnyxTypes.Report>()] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {selector: workspaceChatsSelector}, [activePolicyID, session?.accountID]);
-
-    const policyChatForActivePolicy = useMemo(() => {
-        if (isEmptyObject(activePolicy) || !activePolicy?.isPolicyExpenseChatEnabled) {
-            return {} as OnyxTypes.Report;
-        }
-        return policyChatsForActivePolicy.length > 0 ? policyChatsForActivePolicy.at(0) : ({} as OnyxTypes.Report);
-    }, [activePolicy, policyChatsForActivePolicy]);
-
-    const quickActionPolicyID = quickAction?.action === CONST.QUICK_ACTIONS.TRACK_PER_DIEM && quickAction?.perDiemPolicyID ? quickAction?.perDiemPolicyID : quickActionReport?.policyID;
-    const [quickActionPolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${quickActionPolicyID}`);
-    const [allPolicies] = useMappedPolicies(policyMapper);
-    const [lastDistanceExpenseType] = useOnyx(ONYXKEYS.NVP_LAST_DISTANCE_EXPENSE_TYPE);
-    const currentUserPersonalDetails = useCurrentUserPersonalDetails();
-    const {isDelegateAccessRestricted} = useDelegateNoAccessState();
-    const {showDelegateNoAccessModal} = useDelegateNoAccessActions();
-    const {showConfirmModal} = useConfirmModal();
-
-    const [isCreateMenuActive, setIsCreateMenuActive] = useState(false);
-    const fabRef = useRef<HTMLDivElement>(null);
-    const {windowHeight} = useWindowDimensions();
     const {shouldUseNarrowLayout} = useResponsiveLayout();
     const isFocused = useIsFocused();
-    const prevIsFocused = usePrevious(isFocused);
-    const isReportArchived = useReportIsArchived(quickActionReport?.reportID);
-    const {isOffline} = useNetwork();
-    const [allBetas] = useOnyx(ONYXKEYS.BETAS);
-    const isBlockedFromSpotnanaTravel = Permissions.isBetaEnabled(CONST.BETAS.PREVENT_SPOTNANA_TRAVEL, allBetas);
-    const {isBetaEnabled} = usePermissions();
-    const [primaryLogin] = useOnyx(ONYXKEYS.ACCOUNT, {selector: primaryLoginSelector});
-    const primaryContactMethod = primaryLogin ?? session?.email ?? '';
-    const [travelSettings] = useOnyx(ONYXKEYS.NVP_TRAVEL_SETTINGS);
-    const isASAPSubmitBetaEnabled = isBetaEnabled(CONST.BETAS.ASAP_SUBMIT);
-    const hasViolations = hasViolationsReportUtils(undefined, transactionViolations, session?.accountID ?? CONST.DEFAULT_NUMBER_ID, session?.email ?? '');
-
-    const canSendInvoice = useMemo(() => canSendInvoicePolicyUtils(allPolicies as OnyxCollection<OnyxTypes.Policy>, session?.email), [allPolicies, session?.email]);
-    const isValidReport = !(isEmptyObject(quickActionReport) || isReportArchived);
-    const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
-    const [isTrackingGPS = false] = useOnyx(ONYXKEYS.GPS_DRAFT_DETAILS, {selector: isTrackingSelector});
-    const [hasSeenTour = false] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {
-        selector: hasSeenTourSelector,
-    });
-    const [tryNewDot] = useOnyx(ONYXKEYS.NVP_TRY_NEW_DOT, {selector: tryNewDotOnyxSelector});
-    const [userBillingGraceEndPeriods] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END);
-    const [ownerBillingGraceEndPeriod] = useOnyx(ONYXKEYS.NVP_PRIVATE_OWNER_BILLING_GRACE_PERIOD_END);
-
-    const isUserPaidPolicyMember = useIsPaidPolicyAdmin();
-    const reportID = useMemo(() => generateReportID(), []);
-
-    const groupPaidPoliciesWithChatEnabled = useCallback(
-        (policies: OnyxCollection<OnyxTypes.Policy>) => groupPaidPoliciesWithExpenseChatEnabledSelector(policies, session?.email),
-        [session?.email],
-    );
-
-    const isReportInSearch = isOnSearchMoneyRequestReportPage();
-    const [groupPoliciesWithChatEnabled = CONST.EMPTY_ARRAY] = useOnyx(
-        ONYXKEYS.COLLECTION.POLICY,
-        {
-            selector: groupPaidPoliciesWithChatEnabled,
-        },
-        [session?.email],
-    );
-
-    /**
-     * There are scenarios where users who have not yet had their group workspace-chats in NewDot (isPolicyExpenseChatEnabled). In those scenarios, things can get confusing if they try to submit/track expenses. To address this, we block them from Creating, Tracking, Submitting expenses from NewDot if they are:
-     * 1. on at least one group policy
-     * 2. none of the group policies they are a member of have isPolicyExpenseChatEnabled=true
-     */
-    const shouldRedirectToExpensifyClassic = useMemo(() => {
-        return areAllGroupPoliciesExpenseChatDisabled((allPolicies as OnyxCollection<OnyxTypes.Policy>) ?? {});
-    }, [allPolicies]);
-    const shouldShowCreateReportOption = shouldRedirectToExpensifyClassic || groupPoliciesWithChatEnabled.length > 0;
 
-    const defaultChatEnabledPolicy = useMemo(
-        () => getDefaultChatEnabledPolicy(groupPoliciesWithChatEnabled as Array<OnyxEntry<OnyxTypes.Policy>>, activePolicy),
-        [activePolicy, groupPoliciesWithChatEnabled],
-    );
-
-    const defaultChatEnabledPolicyID = defaultChatEnabledPolicy?.id;
-
-    const hasEmptyReport = useHasEmptyReportsForPolicy(defaultChatEnabledPolicyID);
-    const [hasDismissedEmptyReportsConfirmation] = useOnyx(ONYXKEYS.NVP_EMPTY_REPORTS_CONFIRMATION_DISMISSED);
-
-    const shouldShowEmptyReportConfirmationForDefaultChatEnabledPolicy = hasEmptyReport && hasDismissedEmptyReportsConfirmation !== true;
-
-    const handleCreateWorkspaceReport = useCallback(
-        (shouldDismissEmptyReportsConfirmation?: boolean) => {
-            if (!defaultChatEnabledPolicy?.id) {
-                return;
-            }
-
-            if (isReportInSearch) {
-                clearLastSearchParams();
-            }
-
-            const {reportID: createdReportID} = createNewReport(
-                currentUserPersonalDetails,
-                hasViolations,
-                isASAPSubmitBetaEnabled,
-                defaultChatEnabledPolicy,
-                allBetas,
-                false,
-                shouldDismissEmptyReportsConfirmation,
-            );
-            Navigation.setNavigationActionToMicrotaskQueue(() => {
-                Navigation.navigate(
-                    isSearchTopmostFullScreenRoute()
-                        ? ROUTES.SEARCH_MONEY_REQUEST_REPORT.getRoute({reportID: createdReportID, backTo: Navigation.getActiveRoute()})
-                        : ROUTES.REPORT_WITH_ID.getRoute(createdReportID, undefined, undefined, Navigation.getActiveRoute()),
-                    {forceReplace: isReportInSearch},
-                );
-            });
-        },
-        [currentUserPersonalDetails, hasViolations, defaultChatEnabledPolicy, isASAPSubmitBetaEnabled, isReportInSearch, allBetas],
-    );
-
-    const {openCreateReportConfirmation: openFabCreateReportConfirmation, CreateReportConfirmationModal: FabCreateReportConfirmationModal} = useCreateEmptyReportConfirmation({
-        policyID: defaultChatEnabledPolicyID,
-        policyName: defaultChatEnabledPolicy?.name ?? '',
-        onConfirm: handleCreateWorkspaceReport,
-    });
-
-    const shouldShowNewWorkspaceButton =
-        !isRestrictedPolicyCreation && Object.values(allPolicies ?? {}).every((policy) => !shouldShowPolicy(policy as OnyxEntry<OnyxTypes.Policy>, !!isOffline, session?.email));
-
-    const quickActionAvatars = useMemo(() => {
-        if (isValidReport) {
-            const avatars = getIcons(quickActionReport, formatPhoneNumber, personalDetails, null, undefined, undefined, undefined, undefined, isReportArchived);
-            return avatars.length <= 1 || isPolicyExpenseChat(quickActionReport) ? avatars : avatars.filter((avatar) => avatar.id !== session?.accountID);
-        }
-        if (!isEmptyObject(policyChatForActivePolicy)) {
-            return getIcons(policyChatForActivePolicy, formatPhoneNumber, personalDetails, null, undefined, undefined, undefined, undefined, isReportArchived);
-        }
-        return [];
-        // Policy is needed as a dependency in order to update the shortcut details when the workspace changes
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [personalDetails, session?.accountID, quickActionReport, quickActionPolicy, policyChatForActivePolicy, isReportArchived, isValidReport]);
-
-    const quickActionTitle = useMemo(() => {
-        if (isEmptyObject(quickActionReport)) {
-            return '';
-        }
-        if (quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && quickActionAvatars.length > 0) {
-            const accountID = quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID;
-            const name = getDisplayNameForParticipant({accountID: Number(accountID), shouldUseShortForm: true, formatPhoneNumber}) ?? '';
-            return translate('quickAction.paySomeone', name);
-        }
-        const titleKey = getQuickActionTitle(quickAction?.action ?? ('' as QuickActionName));
-        return titleKey ? translate(titleKey) : '';
-    }, [quickAction?.action, translate, quickActionAvatars, quickActionReport, formatPhoneNumber]);
-
-    const hideQABSubtitle = useMemo(() => {
-        if (!isValidReport) {
-            return true;
-        }
-        if (quickActionAvatars.length === 0) {
-            return false;
-        }
-        const displayName = personalDetails?.[quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID]?.firstName ?? '';
-        return quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && displayName.length === 0;
-    }, [isValidReport, quickActionAvatars, personalDetails, quickAction?.action]);
-
-    const quickActionSubtitle = useMemo(() => {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        return !hideQABSubtitle ? (getReportName({report: quickActionReport, policy: quickActionPolicy, personalDetails}) ?? translate('quickAction.updateDestination')) : '';
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [hideQABSubtitle, personalDetails, quickAction?.action, quickActionPolicy?.name, quickActionReport, translate]);
+    const [isCreateMenuActive, setIsCreateMenuActive] = useState(false);
+    const fabRef = useRef<HTMLDivElement>(null);
 
-    const selectOption = useCallback(
-        (onSelected: () => void, shouldRestrictAction: boolean) => {
-            if (
-                shouldRestrictAction &&
-                quickActionReport?.policyID &&
-                shouldRestrictUserBillableActions(quickActionReport.policyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)
-            ) {
-                Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(quickActionReport.policyID));
-                return;
-            }
-            onSelected();
-        },
-        [quickActionReport?.policyID, userBillingGraceEndPeriods, ownerBillingGraceEndPeriod],
-    );
+    const [reportID] = useState(() => generateReportID());
 
-    const showRedirectToExpensifyClassicModal = useCallback(async () => {
-        const {action} = await showConfirmModal({
-            title: translate('sidebarScreen.redirectToExpensifyClassicModal.title'),
-            prompt: translate('sidebarScreen.redirectToExpensifyClassicModal.description'),
-            confirmText: translate('exitSurvey.goToExpensifyClassic'),
-            cancelText: translate('common.cancel'),
-        });
-        if (action !== ModalActions.CONFIRM) {
-            return;
-        }
-        if (CONFIG.IS_HYBRID_APP) {
-            closeReactNativeApp({shouldSetNVP: true, isTrackingGPS});
+    const showCreateMenu = () => {
+        if (!isFocused && shouldUseNarrowLayout) {
             return;
         }
-        openOldDotLink(CONST.OLDDOT_URLS.INBOX);
-    }, [showConfirmModal, translate, isTrackingGPS]);
-
-    const startScan = useCallback(() => {
-        interceptAnonymousUser(() => {
-            if (shouldRedirectToExpensifyClassic) {
-                showRedirectToExpensifyClassicModal();
-                return;
-            }
-
-            // Start the scan flow directly
-            startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, false, undefined, true);
-        });
-    }, [shouldRedirectToExpensifyClassic, draftTransactionIDs, reportID, showRedirectToExpensifyClassicModal]);
-
-    const startQuickScan = useCallback(() => {
-        interceptAnonymousUser(() => {
-            if (
-                policyChatForActivePolicy?.policyID &&
-                shouldRestrictUserBillableActions(policyChatForActivePolicy.policyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)
-            ) {
-                Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(policyChatForActivePolicy.policyID));
-                return;
-            }
-
-            const quickActionReportID = policyChatForActivePolicy?.reportID ?? reportID;
-            Tab.setSelectedTab(CONST.TAB.IOU_REQUEST_TYPE, CONST.IOU.REQUEST_TYPE.SCAN);
-            startMoneyRequest(CONST.IOU.TYPE.CREATE, quickActionReportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, !!policyChatForActivePolicy?.reportID, undefined, true);
-        });
-    }, [policyChatForActivePolicy?.policyID, policyChatForActivePolicy?.reportID, reportID, draftTransactionIDs, userBillingGraceEndPeriods, ownerBillingGraceEndPeriod]);
-
-    /**
-     * Check if LHN status changed from active to inactive.
-     * Used to close already opened FAB menu when open any other pages (i.e. Press Command + K on web).
-     */
-    const didScreenBecomeInactive = useCallback(
-        (): boolean =>
-            // When any other page is opened over LHN
-            !isFocused && prevIsFocused,
-        [isFocused, prevIsFocused],
-    );
-
-    /**
-     * Method called when we click the floating action button
-     */
-    const showCreateMenu = useCallback(
-        () => {
-            if (!isFocused && shouldUseNarrowLayout) {
-                return;
-            }
-            setIsCreateMenuActive(true);
-            onShowCreateMenu?.();
-        },
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [isFocused, shouldUseNarrowLayout],
-    );
-
-    /**
-     * Method called either when:
-     * - Pressing the floating action button to open the CreateMenu modal
-     * - Selecting an item on CreateMenu or closing it by clicking outside of the modal component
-     */
-    const hideCreateMenu = useCallback(
-        () => {
-            if (!isCreateMenuActive) {
-                return;
-            }
-            setIsCreateMenuActive(false);
-            onHideCreateMenu?.();
-        },
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [isCreateMenuActive],
-    );
+        setIsCreateMenuActive(true);
+    };
 
-    useEffect(() => {
-        if (!didScreenBecomeInactive()) {
-            return;
-        }
+    const hideCreateMenu = () => {
+        setIsCreateMenuActive(false);
+    };
 
-        // Hide menu manually when other pages are opened using shortcut key
-        hideCreateMenu();
-    }, [didScreenBecomeInactive, hideCreateMenu]);
+    // Close the menu when the screen loses focus (e.g. navigating away)
+    useFocusEffect(() => {
+        return () => hideCreateMenu();
+    });
 
-    useImperativeHandle(ref, () => ({
-        hideCreateMenu() {
-            hideCreateMenu();
-        },
-    }));
+    // Close menu on dragover — prevents popover from staying open during file drag
+    useDragoverDismiss(isCreateMenuActive, hideCreateMenu);
 
     const toggleCreateMenu = () => {
         if (isCreateMenuActive) {
@@ -445,335 +59,33 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
         }
     };
 
-    const expenseMenuItems = useMemo((): PopoverMenuItem[] => {
-        return [
-            {
-                icon: getIconForAction(CONST.IOU.TYPE.CREATE, icons),
-                text: translate('iou.createExpense'),
-                testID: 'create-expense',
-                shouldCallAfterModalHide: shouldRedirectToExpensifyClassic || shouldUseNarrowLayout,
-                onSelected: () =>
-                    interceptAnonymousUser(() => {
-                        if (shouldRedirectToExpensifyClassic) {
-                            showRedirectToExpensifyClassicModal();
-                            return;
-                        }
-                        startMoneyRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, undefined, undefined, undefined, true);
-                    }),
-                sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.CREATE_EXPENSE,
-            },
-        ];
-    }, [translate, shouldRedirectToExpensifyClassic, shouldUseNarrowLayout, draftTransactionIDs, reportID, icons, showRedirectToExpensifyClassicModal]);
-
-    const quickActionMenuItems = useMemo(() => {
-        // Define common properties in baseQuickAction
-        const baseQuickAction = {
-            label: translate('quickAction.header'),
-            labelStyle: [styles.pt3, styles.pb2],
-            isLabelHoverable: false,
-            numberOfLinesDescription: 1,
-            tooltipAnchorAlignment: {
-                vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
-                horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
-            },
-            shouldTeleportPortalToModalLayer: true,
-        };
-
-        if (quickAction?.action && quickActionReport) {
-            if (!isQuickActionAllowed(quickAction, quickActionReport, quickActionPolicy, isReportArchived, allBetas, isRestrictedToPreferredPolicy)) {
-                return [];
-            }
-            const onSelected = () => {
-                interceptAnonymousUser(() => {
-                    if (quickAction?.action === CONST.QUICK_ACTIONS.SEND_MONEY && isDelegateAccessRestricted) {
-                        showDelegateNoAccessModal();
-                        return;
-                    }
-                    const targetAccountPersonalDetails = {
-                        ...personalDetails?.[quickAction.targetAccountID ?? CONST.DEFAULT_NUMBER_ID],
-                        accountID: quickAction.targetAccountID ?? CONST.DEFAULT_NUMBER_ID,
-                    };
-
-                    navigateToQuickAction({
-                        isValidReport,
-                        quickAction,
-                        selectOption,
-                        lastDistanceExpenseType,
-                        targetAccountPersonalDetails,
-                        currentUserAccountID: currentUserPersonalDetails.accountID,
-                        draftTransactionIDs,
-                        isFromFloatingActionButton: true,
-                    });
-                });
-            };
-            return [
-                {
-                    ...baseQuickAction,
-                    icon: getQuickActionIcon(icons, quickAction?.action),
-                    text: quickActionTitle,
-                    rightIconAccountID: quickActionAvatars.at(0)?.id ?? CONST.DEFAULT_NUMBER_ID,
-                    description: quickActionSubtitle,
-                    onSelected,
-                    shouldCallAfterModalHide: shouldUseNarrowLayout,
-                    rightIconReportID: quickActionReport?.reportID,
-                    sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.QUICK_ACTION,
-                },
-            ];
-        }
-        if (!isEmptyObject(policyChatForActivePolicy)) {
-            const onSelected = () => {
-                interceptAnonymousUser(() => {
-                    if (
-                        policyChatForActivePolicy?.policyID &&
-                        shouldRestrictUserBillableActions(policyChatForActivePolicy.policyID, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)
-                    ) {
-                        Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(policyChatForActivePolicy.policyID));
-                        return;
-                    }
-
-                    const quickActionReportID = policyChatForActivePolicy?.reportID || reportID;
-                    startMoneyRequest(CONST.IOU.TYPE.SUBMIT, quickActionReportID, draftTransactionIDs, CONST.IOU.REQUEST_TYPE.SCAN, true, undefined, true);
-                });
-            };
-
-            return [
-                {
-                    ...baseQuickAction,
-                    icon: icons.ReceiptScan,
-                    text: translate('quickAction.scanReceipt'),
-                    // eslint-disable-next-line @typescript-eslint/no-deprecated
-                    description: getReportName({report: policyChatForActivePolicy}),
-                    shouldCallAfterModalHide: shouldUseNarrowLayout,
-                    onSelected,
-                    rightIconReportID: policyChatForActivePolicy?.reportID,
-                    sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.QUICK_ACTION,
-                },
-            ];
-        }
-
-        return [];
-    }, [
-        icons,
-        translate,
-        styles.pt3,
-        styles.pb2,
-        quickAction,
-        policyChatForActivePolicy,
-        quickActionReport,
-        quickActionPolicy,
-        isReportArchived,
-        isRestrictedToPreferredPolicy,
-        quickActionTitle,
-        quickActionAvatars,
-        quickActionSubtitle,
-        shouldUseNarrowLayout,
-        isDelegateAccessRestricted,
-        isValidReport,
-        selectOption,
-        lastDistanceExpenseType,
-        personalDetails,
-        currentUserPersonalDetails.accountID,
-        showDelegateNoAccessModal,
-        reportID,
-        draftTransactionIDs,
-        allBetas,
-        userBillingGraceEndPeriods,
-        ownerBillingGraceEndPeriod,
-    ]);
-
-    const isTravelEnabled = useMemo(() => {
-        if (!!isBlockedFromSpotnanaTravel || !primaryContactMethod || Str.isSMSLogin(primaryContactMethod) || !isPaidGroupPolicy(activePolicy)) {
-            return false;
-        }
-
-        const isPolicyProvisioned = activePolicy?.travelSettings?.spotnanaCompanyID ?? activePolicy?.travelSettings?.associatedTravelDomainAccountID;
-
-        return activePolicy?.travelSettings?.hasAcceptedTerms ?? (travelSettings?.hasAcceptedTerms && isPolicyProvisioned);
-    }, [activePolicy, isBlockedFromSpotnanaTravel, primaryContactMethod, travelSettings?.hasAcceptedTerms]);
-
-    const openTravel = useCallback(() => {
-        if (isTravelEnabled) {
-            openTravelDotLink(activePolicy?.id);
-            return;
-        }
-        Navigation.navigate(ROUTES.TRAVEL_MY_TRIPS.getRoute(activePolicy?.id));
-    }, [activePolicy?.id, isTravelEnabled]);
-
-    const menuItems = [
-        ...expenseMenuItems,
-        {
-            icon: icons.Location,
-            text: translate('iou.trackDistance'),
-            shouldCallAfterModalHide: shouldUseNarrowLayout,
-            onSelected: () => {
-                interceptAnonymousUser(() => {
-                    if (shouldRedirectToExpensifyClassic) {
-                        showRedirectToExpensifyClassicModal();
-                        return;
-                    }
-                    // Start the flow to start tracking a distance request
-                    startDistanceRequest(CONST.IOU.TYPE.CREATE, reportID, draftTransactionIDs, lastDistanceExpenseType, false, undefined, true);
-                });
-            },
-            sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.TRACK_DISTANCE,
-        },
-        ...(shouldShowCreateReportOption
-            ? [
-                  {
-                      icon: icons.Document,
-                      text: translate('report.newReport.createReport'),
-                      shouldCallAfterModalHide: shouldUseNarrowLayout,
-                      onSelected: () => {
-                          interceptAnonymousUser(() => {
-                              if (shouldRedirectToExpensifyClassic) {
-                                  showRedirectToExpensifyClassicModal();
-                                  return;
-                              }
-
-                              const workspaceIDForReportCreation = defaultChatEnabledPolicyID;
-
-                              if (
-                                  !workspaceIDForReportCreation ||
-                                  (shouldRestrictUserBillableActions(workspaceIDForReportCreation, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod) &&
-                                      groupPoliciesWithChatEnabled.length > 1)
-                              ) {
-                                  // If we couldn't guess the workspace to create the report, or a guessed workspace is past it's grace period and we have other workspaces to choose from
-                                  Navigation.navigate(ROUTES.NEW_REPORT_WORKSPACE_SELECTION.getRoute());
-                                  return;
-                              }
-
-                              if (!shouldRestrictUserBillableActions(workspaceIDForReportCreation, userBillingGraceEndPeriods, undefined, ownerBillingGraceEndPeriod)) {
-                                  // Check if empty report confirmation should be shown
-                                  if (shouldShowEmptyReportConfirmationForDefaultChatEnabledPolicy) {
-                                      openFabCreateReportConfirmation();
-                                  } else {
-                                      handleCreateWorkspaceReport(false);
-                                  }
-                                  return;
-                              }
-
-                              Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(workspaceIDForReportCreation));
-                          });
-                      },
-                      sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.CREATE_REPORT,
-                  },
-              ]
-            : []),
-        {
-            icon: icons.ChatBubble,
-            text: translate('sidebarScreen.fabNewChat'),
-            shouldCallAfterModalHide: shouldUseNarrowLayout,
-            onSelected: () => interceptAnonymousUser(startNewChat),
-            sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.START_CHAT,
-        },
-        ...(canSendInvoice
-            ? [
-                  {
-                      icon: icons.InvoiceGeneric,
-                      text: translate('workspace.invoices.sendInvoice'),
-                      shouldCallAfterModalHide: shouldRedirectToExpensifyClassic || shouldUseNarrowLayout,
-                      onSelected: () =>
-                          interceptAnonymousUser(() => {
-                              if (shouldRedirectToExpensifyClassic) {
-                                  showRedirectToExpensifyClassicModal();
-                                  return;
-                              }
-
-                              startMoneyRequest(CONST.IOU.TYPE.INVOICE, reportID, draftTransactionIDs, undefined, undefined, undefined, true);
-                          }),
-                      sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.SEND_INVOICE,
-                  },
-              ]
-            : []),
-        ...(activePolicy?.isTravelEnabled
-            ? [
-                  {
-                      icon: icons.Suitcase,
-                      text: translate('travel.bookTravel'),
-                      rightIcon: isTravelEnabled && shouldOpenTravelDotLinkWeb() ? icons.NewWindow : undefined,
-                      onSelected: () => interceptAnonymousUser(() => openTravel()),
-                      sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.BOOK_TRAVEL,
-                  },
-              ]
-            : []),
-        ...(!hasSeenTour
-            ? [
-                  {
-                      icon: icons.Binoculars,
-                      iconStyles: styles.popoverIconCircle,
-                      iconFill: theme.icon,
-                      text: translate('testDrive.quickAction.takeATwoMinuteTestDrive'),
-                      onSelected: () => interceptAnonymousUser(() => startTestDrive(introSelected, tryNewDot?.hasBeenAddedToNudgeMigration ?? false, isUserPaidPolicyMember)),
-                      sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.TEST_DRIVE,
-                  },
-              ]
-            : []),
-        ...(!isLoading && shouldShowNewWorkspaceButton
-            ? [
-                  {
-                      displayInDefaultIconColor: true,
-                      contentFit: 'contain' as ImageContentFit,
-                      icon: icons.NewWorkspace,
-                      iconWidth: variables.w46,
-                      iconHeight: variables.h40,
-                      text: translate('workspace.new.newWorkspace'),
-                      description: translate('workspace.new.getTheExpensifyCardAndMore'),
-                      shouldCallAfterModalHide: shouldUseNarrowLayout,
-                      onSelected: () => interceptAnonymousUser(() => Navigation.navigate(ROUTES.WORKSPACE_CONFIRMATION.getRoute(Navigation.getActiveRoute()))),
-                      sentryLabel: CONST.SENTRY_LABEL.FAB_MENU.NEW_WORKSPACE,
-                  },
-              ]
-            : []),
-        ...quickActionMenuItems,
-    ];
-
     return (
         <View style={[styles.justifyContentCenter, styles.flexGrow1, styles.gap3, shouldUseNarrowLayout ? styles.w100 : styles.pv4]}>
-            {FabCreateReportConfirmationModal}
-            <PopoverMenu
-                onClose={hideCreateMenu}
-                shouldHandleNavigationBack
-                shouldEnableMaxHeight={false}
+            <FABPopoverMenu
                 isVisible={isCreateMenuActive && (!shouldUseNarrowLayout || isFocused)}
-                anchorPosition={styles.createMenuPositionSidebar(windowHeight)}
+                onClose={hideCreateMenu}
                 onItemSelected={hideCreateMenu}
-                fromSidebarMediumScreen={!shouldUseNarrowLayout}
+                anchorRef={fabRef}
                 animationInTiming={CONST.MODAL.ANIMATION_TIMING.FAB_IN}
                 animationOutTiming={CONST.MODAL.ANIMATION_TIMING.FAB_OUT}
-                menuItems={menuItems.map((item) => {
-                    return {
-                        ...item,
-                        onSelected: () => {
-                            if (!item.onSelected) {
-                                return;
-                            }
-                            navigateAfterInteraction(item.onSelected);
-                        },
-                    };
-                })}
-                anchorRef={fabRef}
-            />
-            {!shouldUseNarrowLayout && (
-                <FloatingReceiptButton
-                    accessibilityLabel={translate('sidebarScreen.fabScanReceiptExplained')}
-                    role={CONST.ROLE.BUTTON}
-                    onPress={startQuickScan}
-                    sentryLabel={CONST.SENTRY_LABEL.NAVIGATION_TAB_BAR.FLOATING_RECEIPT_BUTTON}
-                />
-            )}
-            <FloatingActionButton
-                accessibilityLabel={translate('sidebarScreen.fabNewChatExplained')}
-                role={CONST.ROLE.BUTTON}
+            >
+                <ExpenseMenuItem reportID={reportID} />
+                <TrackDistanceMenuItem reportID={reportID} />
+                <CreateReportMenuItem />
+                <NewChatMenuItem />
+                <InvoiceMenuItem reportID={reportID} />
+                <TravelMenuItem />
+                <TestDriveMenuItem />
+                <NewWorkspaceMenuItem />
+                <QuickActionMenuItem reportID={reportID} />
+            </FABPopoverMenu>
+            <FABButtons
                 isActive={isCreateMenuActive}
-                ref={fabRef}
+                fabRef={fabRef}
                 onPress={toggleCreateMenu}
-                onLongPress={startScan}
-                sentryLabel={CONST.SENTRY_LABEL.NAVIGATION_TAB_BAR.FLOATING_ACTION_BUTTON}
             />
         </View>
     );
 }
 
 export default FloatingActionButtonAndPopover;
-
-export type {PolicySelector};
diff --git a/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/index.tsx b/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/index.tsx
index beef1bbc24aab..4068fbbb3c46c 100644
--- a/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/index.tsx
+++ b/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/index.tsx
@@ -1,41 +1,3 @@
-import React, {useCallback, useRef} from 'react';
 import FloatingActionButtonAndPopover from '@pages/inbox/sidebar/FloatingActionButtonAndPopover';
-import type FloatingActionButtonPopoverMenuRef from './types';
 
-function NavigationTabBarFloatingActionButton() {
-    const popoverModal = useRef<FloatingActionButtonPopoverMenuRef>(null);
-
-    /**
-     * Method to hide popover when dragover.
-     */
-    const hidePopoverOnDragOver = useCallback(() => {
-        if (!popoverModal.current) {
-            return;
-        }
-        popoverModal.current.hideCreateMenu();
-    }, []);
-
-    /**
-     * Method create event listener
-     */
-    const createDragoverListener = () => {
-        document.addEventListener('dragover', hidePopoverOnDragOver);
-    };
-
-    /**
-     * Method remove event listener.
-     */
-    const removeDragoverListener = () => {
-        document.removeEventListener('dragover', hidePopoverOnDragOver);
-    };
-
-    return (
-        <FloatingActionButtonAndPopover
-            ref={popoverModal}
-            onShowCreateMenu={createDragoverListener}
-            onHideCreateMenu={removeDragoverListener}
-        />
-    );
-}
-
-export default NavigationTabBarFloatingActionButton;
+export default FloatingActionButtonAndPopover;
diff --git a/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/types.ts b/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/types.ts
deleted file mode 100644
index e8fd03ee2adc5..0000000000000
--- a/src/pages/inbox/sidebar/NavigationTabBarFloatingActionButton/types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-type FloatingActionButtonPopoverMenuRef = {
-    hideCreateMenu: () => void;
-};
-
-export default FloatingActionButtonPopoverMenuRef;
diff --git a/src/pages/iou/request/step/IOURequestEditReport.tsx b/src/pages/iou/request/step/IOURequestEditReport.tsx
index 27b70b8a3c534..07054a009a354 100644
--- a/src/pages/iou/request/step/IOURequestEditReport.tsx
+++ b/src/pages/iou/request/step/IOURequestEditReport.tsx
@@ -122,7 +122,7 @@ function IOURequestEditReport({route}: IOURequestEditReportProps) {
         selectReport({value: optimisticReport.reportID}, optimisticReport);
     };
 
-    const {handleCreateReport, CreateReportConfirmationModal} = useConditionalCreateEmptyReportConfirmation({
+    const {handleCreateReport} = useConditionalCreateEmptyReportConfirmation({
         policyID: policyForMovingExpensesID,
         policyName: policyForMovingExpenses?.name ?? '',
         onCreateReport: createReportForPolicy,
@@ -149,19 +149,16 @@ function IOURequestEditReport({route}: IOURequestEditReportProps) {
     };
 
     return (
-        <>
-            {CreateReportConfirmationModal}
-            <IOURequestEditReportCommon
-                backTo={backTo}
-                selectedReportID={reportID}
-                transactionIDs={selectedTransactionIDs}
-                selectReport={selectReport}
-                removeFromReport={removeFromReport}
-                isEditing={action === CONST.IOU.ACTION.EDIT}
-                createReport={createReport}
-                isPerDiemRequest={hasPerDiemTransactions}
-            />
-        </>
+        <IOURequestEditReportCommon
+            backTo={backTo}
+            selectedReportID={reportID}
+            transactionIDs={selectedTransactionIDs}
+            selectReport={selectReport}
+            removeFromReport={removeFromReport}
+            isEditing={action === CONST.IOU.ACTION.EDIT}
+            createReport={createReport}
+            isPerDiemRequest={hasPerDiemTransactions}
+        />
     );
 }
 
diff --git a/src/pages/iou/request/step/IOURequestStepReport.tsx b/src/pages/iou/request/step/IOURequestStepReport.tsx
index bd78fbdb562f0..626baaaa72bbd 100644
--- a/src/pages/iou/request/step/IOURequestStepReport.tsx
+++ b/src/pages/iou/request/step/IOURequestStepReport.tsx
@@ -250,7 +250,7 @@ function IOURequestStepReport({route, transaction}: IOURequestStepReportProps) {
         handleRegularReportSelection({value: optimisticReport.reportID}, optimisticReport);
     };
 
-    const {handleCreateReport, CreateReportConfirmationModal} = useConditionalCreateEmptyReportConfirmation({
+    const {handleCreateReport} = useConditionalCreateEmptyReportConfirmation({
         policyID: policyForMovingExpensesID,
         policyName: policyForMovingExpenses?.name ?? '',
         onCreateReport: createReportForPolicy,
@@ -285,25 +285,22 @@ function IOURequestStepReport({route, transaction}: IOURequestStepReportProps) {
     }
 
     return (
-        <>
-            {CreateReportConfirmationModal}
-            <IOURequestEditReportCommon
-                backTo={backTo}
-                selectReport={selectReport}
-                transactionIDs={transaction ? [transaction.transactionID] : []}
-                selectedReportID={selectedReportID}
-                selectedPolicyID={selectedPolicyID}
-                transactionPolicyID={transactionPolicyID}
-                removeFromReport={removeFromReport}
-                isEditing={isEditing}
-                isUnreported={isUnreported}
-                shouldShowNotFoundPage={shouldShowNotFoundPage}
-                isPerDiemRequest={transaction ? isPerDiemRequest(transaction) : false}
-                isTimeRequest={transaction ? isTimeRequestUtil(transaction) : false}
-                createReport={policyForMovingExpensesID || shouldSelectPolicy || isPerDiemTransaction ? createReport : undefined}
-                targetOwnerAccountID={ownerAccountID}
-            />
-        </>
+        <IOURequestEditReportCommon
+            backTo={backTo}
+            selectReport={selectReport}
+            transactionIDs={transaction ? [transaction.transactionID] : []}
+            selectedReportID={selectedReportID}
+            selectedPolicyID={selectedPolicyID}
+            transactionPolicyID={transactionPolicyID}
+            removeFromReport={removeFromReport}
+            isEditing={isEditing}
+            isUnreported={isUnreported}
+            shouldShowNotFoundPage={shouldShowNotFoundPage}
+            isPerDiemRequest={transaction ? isPerDiemRequest(transaction) : false}
+            isTimeRequest={transaction ? isTimeRequestUtil(transaction) : false}
+            createReport={policyForMovingExpensesID || shouldSelectPolicy || isPerDiemTransaction ? createReport : undefined}
+            targetOwnerAccountID={ownerAccountID}
+        />
     );
 }
 
diff --git a/src/selectors/Session.ts b/src/selectors/Session.ts
index 61ab01ec6be7c..67d16fa4c7797 100644
--- a/src/selectors/Session.ts
+++ b/src/selectors/Session.ts
@@ -5,6 +5,8 @@ const emailSelector = (session: OnyxEntry<Session>) => session?.email;
 
 const accountIDSelector = (session: OnyxEntry<Session>) => session?.accountID;
 
+const sessionEmailAndAccountIDSelector = (session: OnyxEntry<Session>) => ({email: session?.email, accountID: session?.accountID});
+
 const authTokenSelector = (session: OnyxEntry<Session>) => session?.authToken;
 
-export {emailSelector, accountIDSelector, authTokenSelector};
+export {emailSelector, accountIDSelector, sessionEmailAndAccountIDSelector, authTokenSelector};
diff --git a/tests/ui/components/SearchFiltersBarCreateButtonTest.tsx b/tests/ui/components/SearchFiltersBarCreateButtonTest.tsx
index 7ed52da48d542..132408199a822 100644
--- a/tests/ui/components/SearchFiltersBarCreateButtonTest.tsx
+++ b/tests/ui/components/SearchFiltersBarCreateButtonTest.tsx
@@ -48,7 +48,6 @@ jest.mock('@hooks/useHasEmptyReportsForPolicy', () => () => false);
 
 jest.mock('@hooks/useCreateEmptyReportConfirmation', () => () => ({
     openCreateReportConfirmation: jest.fn(),
-    CreateReportConfirmationModal: null,
 }));
 
 jest.mock('@libs/Navigation/helpers/isSearchTopmostFullScreenRoute', () => () => true);
diff --git a/tests/unit/hooks/useConditionalCreateEmptyReportConfirmationTest.tsx b/tests/unit/hooks/useConditionalCreateEmptyReportConfirmationTest.tsx
new file mode 100644
index 0000000000000..509d2c6384cb5
--- /dev/null
+++ b/tests/unit/hooks/useConditionalCreateEmptyReportConfirmationTest.tsx
@@ -0,0 +1,160 @@
+import {act, renderHook} from '@testing-library/react-native';
+import useConditionalCreateEmptyReportConfirmation from '@hooks/useConditionalCreateEmptyReportConfirmation';
+
+const mockOpenCreateReportConfirmation = jest.fn();
+
+let mockOnConfirmFromModal: ((val?: boolean) => void) | undefined;
+
+jest.mock('@hooks/useCreateEmptyReportConfirmation', () => (params: {onConfirm: (val?: boolean) => void; onCancel?: () => void}) => {
+    // Store the onConfirm so tests can simulate the modal confirming
+    mockOnConfirmFromModal = params.onConfirm;
+    return {openCreateReportConfirmation: mockOpenCreateReportConfirmation};
+});
+
+let mockHasEmptyReport = false;
+jest.mock('@hooks/useHasEmptyReportsForPolicy', () => () => mockHasEmptyReport);
+
+let mockHasDismissedConfirmation: boolean | undefined;
+jest.mock('@hooks/useOnyx', () => () => [mockHasDismissedConfirmation]);
+
+const policyID = 'policy-123';
+const policyName = 'Test Workspace';
+
+describe('useConditionalCreateEmptyReportConfirmation', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockHasEmptyReport = false;
+        mockHasDismissedConfirmation = undefined;
+        mockOnConfirmFromModal = undefined;
+    });
+
+    it('calls onCreateReport directly when there is no empty report', () => {
+        mockHasEmptyReport = false;
+        const onCreateReport = jest.fn();
+
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport,
+            }),
+        );
+
+        act(() => {
+            result.current.handleCreateReport();
+        });
+
+        expect(onCreateReport).toHaveBeenCalledWith(false);
+        expect(mockOpenCreateReportConfirmation).not.toHaveBeenCalled();
+    });
+
+    it('opens confirmation modal when there is an empty report and confirmation not dismissed', () => {
+        mockHasEmptyReport = true;
+        mockHasDismissedConfirmation = undefined;
+        const onCreateReport = jest.fn();
+
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport,
+            }),
+        );
+
+        act(() => {
+            result.current.handleCreateReport();
+        });
+
+        expect(mockOpenCreateReportConfirmation).toHaveBeenCalledTimes(1);
+        expect(onCreateReport).not.toHaveBeenCalled();
+    });
+
+    it('skips confirmation when empty report exists but user previously dismissed it', () => {
+        mockHasEmptyReport = true;
+        mockHasDismissedConfirmation = true;
+        const onCreateReport = jest.fn();
+
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport,
+            }),
+        );
+
+        act(() => {
+            result.current.handleCreateReport();
+        });
+
+        expect(onCreateReport).toHaveBeenCalledWith(false);
+        expect(mockOpenCreateReportConfirmation).not.toHaveBeenCalled();
+    });
+
+    it('skips confirmation when shouldBypassConfirmation is true even with empty report', () => {
+        mockHasEmptyReport = true;
+        mockHasDismissedConfirmation = undefined;
+        const onCreateReport = jest.fn();
+
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport,
+                shouldBypassConfirmation: true,
+            }),
+        );
+
+        act(() => {
+            result.current.handleCreateReport();
+        });
+
+        expect(onCreateReport).toHaveBeenCalledWith(false);
+        expect(mockOpenCreateReportConfirmation).not.toHaveBeenCalled();
+    });
+
+    it('returns hasEmptyReport from the underlying hook', () => {
+        mockHasEmptyReport = true;
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport: jest.fn(),
+            }),
+        );
+
+        expect(result.current.hasEmptyReport).toBe(true);
+    });
+
+    it('returns hasEmptyReport false when no empty report exists', () => {
+        mockHasEmptyReport = false;
+        const {result} = renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport: jest.fn(),
+            }),
+        );
+
+        expect(result.current.hasEmptyReport).toBe(false);
+    });
+
+    it('passes onConfirm callback through to useCreateEmptyReportConfirmation', () => {
+        mockHasEmptyReport = true;
+        const onCreateReport = jest.fn();
+
+        renderHook(() =>
+            useConditionalCreateEmptyReportConfirmation({
+                policyID,
+                policyName,
+                onCreateReport,
+            }),
+        );
+
+        // Simulate the modal confirming with shouldDismissEmptyReportsConfirmation = true
+        act(() => {
+            mockOnConfirmFromModal?.(true);
+        });
+
+        expect(onCreateReport).toHaveBeenCalledWith(true);
+    });
+});
diff --git a/tests/unit/hooks/useFABMenuItemTest.tsx b/tests/unit/hooks/useFABMenuItemTest.tsx
new file mode 100644
index 0000000000000..3fb3b08192c3e
--- /dev/null
+++ b/tests/unit/hooks/useFABMenuItemTest.tsx
@@ -0,0 +1,161 @@
+import {act, renderHook} from '@testing-library/react-native';
+import React from 'react';
+import type {PropsWithChildren} from 'react';
+import {FABMenuContext} from '@pages/inbox/sidebar/FABPopoverContent/FABMenuContext';
+import type {FABMenuContextType} from '@pages/inbox/sidebar/FABPopoverContent/FABMenuContext';
+import useFABMenuItem from '@pages/inbox/sidebar/FABPopoverContent/useFABMenuItem';
+
+function createMockContext(overrides: Partial<FABMenuContextType> = {}): FABMenuContextType {
+    return {
+        focusedIndex: -1,
+        setFocusedIndex: jest.fn(),
+        onItemPress: jest.fn(),
+        isVisible: true,
+        registeredItems: [],
+        registerItem: jest.fn(),
+        unregisterItem: jest.fn(),
+        ...overrides,
+    };
+}
+
+function createWrapper(contextValue: FABMenuContextType) {
+    // eslint-disable-next-line react/function-component-definition
+    const Wrapper = ({children}: PropsWithChildren) => <FABMenuContext.Provider value={contextValue}>{children}</FABMenuContext.Provider>;
+    return Wrapper;
+}
+
+describe('useFABMenuItem', () => {
+    it('registers the item on mount when visible', () => {
+        const ctx = createMockContext();
+        renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(ctx.registerItem).toHaveBeenCalledWith('expense');
+    });
+
+    it('does not register the item when not visible', () => {
+        const ctx = createMockContext();
+        renderHook(() => useFABMenuItem('expense', false), {wrapper: createWrapper(ctx)});
+
+        expect(ctx.registerItem).not.toHaveBeenCalled();
+    });
+
+    it('unregisters the item on unmount', () => {
+        const ctx = createMockContext();
+        const {unmount} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        unmount();
+
+        expect(ctx.unregisterItem).toHaveBeenCalledWith('expense');
+    });
+
+    it('does not unregister on unmount when the item was never visible', () => {
+        const ctx = createMockContext();
+        const {unmount} = renderHook(() => useFABMenuItem('expense', false), {wrapper: createWrapper(ctx)});
+
+        unmount();
+
+        expect(ctx.unregisterItem).not.toHaveBeenCalled();
+    });
+
+    it('registers when visibility changes from false to true', () => {
+        const ctx = createMockContext();
+        const {rerender} = renderHook(({visible}: {visible: boolean}) => useFABMenuItem('expense', visible), {
+            wrapper: createWrapper(ctx),
+            initialProps: {visible: false},
+        });
+
+        expect(ctx.registerItem).not.toHaveBeenCalled();
+
+        rerender({visible: true});
+
+        expect(ctx.registerItem).toHaveBeenCalledWith('expense');
+    });
+
+    it('unregisters when visibility changes from true to false', () => {
+        const ctx = createMockContext();
+        const {rerender} = renderHook(({visible}: {visible: boolean}) => useFABMenuItem('expense', visible), {
+            wrapper: createWrapper(ctx),
+            initialProps: {visible: true},
+        });
+
+        rerender({visible: false});
+
+        expect(ctx.unregisterItem).toHaveBeenCalledWith('expense');
+    });
+
+    it('returns correct itemIndex from registeredItems', () => {
+        const ctx = createMockContext({registeredItems: ['quick-action', 'expense', 'track-distance']});
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(result.current.itemIndex).toBe(1);
+    });
+
+    it('returns -1 when item is not in registeredItems', () => {
+        const ctx = createMockContext({registeredItems: ['quick-action', 'track-distance']});
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(result.current.itemIndex).toBe(-1);
+    });
+
+    it('returns isFocused true when focusedIndex matches itemIndex', () => {
+        const ctx = createMockContext({
+            registeredItems: ['quick-action', 'expense', 'track-distance'],
+            focusedIndex: 1,
+        });
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(result.current.isFocused).toBe(true);
+    });
+
+    it('returns isFocused false when focusedIndex does not match', () => {
+        const ctx = createMockContext({
+            registeredItems: ['quick-action', 'expense', 'track-distance'],
+            focusedIndex: 0,
+        });
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(result.current.isFocused).toBe(false);
+    });
+
+    it('returns isFocused false when focusedIndex is -1', () => {
+        const ctx = createMockContext({
+            registeredItems: ['quick-action', 'expense'],
+            focusedIndex: -1,
+        });
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        expect(result.current.isFocused).toBe(false);
+    });
+
+    it('passes through setFocusedIndex from context', () => {
+        const mockSetFocusedIndex = jest.fn();
+        const ctx = createMockContext({setFocusedIndex: mockSetFocusedIndex});
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        act(() => {
+            result.current.setFocusedIndex(2);
+        });
+
+        expect(mockSetFocusedIndex).toHaveBeenCalledWith(2);
+    });
+
+    it('passes through onItemPress from context', () => {
+        const mockOnItemPress = jest.fn();
+        const ctx = createMockContext({onItemPress: mockOnItemPress});
+        const {result} = renderHook(() => useFABMenuItem('expense', true), {wrapper: createWrapper(ctx)});
+
+        const callback = jest.fn();
+        act(() => {
+            result.current.onItemPress(callback, {shouldCallAfterModalHide: true});
+        });
+
+        expect(mockOnItemPress).toHaveBeenCalledWith(callback, {shouldCallAfterModalHide: true});
+    });
+
+    it('defaults isVisible to true when not provided', () => {
+        const ctx = createMockContext();
+        renderHook(() => useFABMenuItem('expense'), {wrapper: createWrapper(ctx)});
+
+        expect(ctx.registerItem).toHaveBeenCalledWith('expense');
+    });
+});
diff --git a/tests/unit/selectors/SessionTest.ts b/tests/unit/selectors/SessionTest.ts
new file mode 100644
index 0000000000000..41ce50422925f
--- /dev/null
+++ b/tests/unit/selectors/SessionTest.ts
@@ -0,0 +1,29 @@
+import {sessionEmailAndAccountIDSelector} from '@selectors/Session';
+import type {OnyxEntry} from 'react-native-onyx';
+import type {Session} from '@src/types/onyx';
+
+describe('sessionEmailAndAccountIDSelector', () => {
+    it('returns email and accountID when both are present', () => {
+        const session: OnyxEntry<Session> = {email: 'test@expensify.com', accountID: 12345};
+        expect(sessionEmailAndAccountIDSelector(session)).toEqual({email: 'test@expensify.com', accountID: 12345});
+    });
+
+    it('returns undefined email when email is not set', () => {
+        const session: OnyxEntry<Session> = {accountID: 12345};
+        expect(sessionEmailAndAccountIDSelector(session)).toEqual({email: undefined, accountID: 12345});
+    });
+
+    it('returns undefined accountID when accountID is not set', () => {
+        const session: OnyxEntry<Session> = {email: 'test@expensify.com'};
+        expect(sessionEmailAndAccountIDSelector(session)).toEqual({email: 'test@expensify.com', accountID: undefined});
+    });
+
+    it('returns both undefined when session is empty', () => {
+        const session: OnyxEntry<Session> = {};
+        expect(sessionEmailAndAccountIDSelector(session)).toEqual({email: undefined, accountID: undefined});
+    });
+
+    it('returns both undefined when session is undefined', () => {
+        expect(sessionEmailAndAccountIDSelector(undefined)).toEqual({email: undefined, accountID: undefined});
+    });
+});
diff --git a/tests/unit/useCreateEmptyReportConfirmationTest.tsx b/tests/unit/useCreateEmptyReportConfirmationTest.tsx
index b94d4c836e11d..13589ce44a02d 100644
--- a/tests/unit/useCreateEmptyReportConfirmationTest.tsx
+++ b/tests/unit/useCreateEmptyReportConfirmationTest.tsx
@@ -1,43 +1,46 @@
-import {act, render, renderHook} from '@testing-library/react-native';
+import {act, renderHook} from '@testing-library/react-native';
 import type {ReactElement, ReactNode} from 'react';
 import useCreateEmptyReportConfirmation from '@hooks/useCreateEmptyReportConfirmation';
-import Navigation from '@libs/Navigation/Navigation';
-import {buildCannedSearchQuery} from '@libs/SearchQueryUtils';
-import CONST from '@src/CONST';
-import ROUTES from '@src/ROUTES';
 
-type MockConfirmModalProps = {
-    prompt: ReactNode;
+type ShowConfirmModalOptions = {
+    prompt?: ReactNode;
     confirmText?: string;
     cancelText?: string;
-    isVisible?: boolean;
-    onConfirm?: () => void | Promise<void>;
-    onCancel?: () => void;
     title?: string;
 };
 
-type MockTextLinkProps = {
-    children?: ReactNode;
-    onPress?: () => void;
-    onLongPress?: (event: unknown) => void;
-};
+type ModalResult = {action: string};
 
 type MockReactModule = {
     createElement: (...args: unknown[]) => ReactElement;
 };
 
-const mockTranslate = jest.fn((key: string, params?: Record<string, string>) => (params?.workspaceName ? `${key}:${params.workspaceName}` : key));
+let lastShowConfirmModalOptions: ShowConfirmModalOptions | undefined;
+let resolveModalPromise: ((result: ModalResult) => void) | undefined;
+
+jest.mock('@hooks/useConfirmModal', () => () => ({
+    showConfirmModal: jest.fn((options: ShowConfirmModalOptions) => {
+        lastShowConfirmModalOptions = options;
+        return new Promise<ModalResult>((resolve) => {
+            resolveModalPromise = resolve;
+        });
+    }),
+}));
 
-let mockTextLinkProps: MockTextLinkProps | undefined;
+const mockTranslate = jest.fn((key: string, params?: Record<string, string>) => (params?.workspaceName ? `${key}:${params.workspaceName}` : key));
 
 jest.mock('@hooks/useLocalize', () => () => ({
     translate: mockTranslate,
 }));
 
-jest.mock('@components/ConfirmModal', () => {
+jest.mock('@hooks/useThemeStyles', () => () => ({
+    gap4: {},
+}));
+
+jest.mock('@components/CheckboxWithLabel', () => {
     const mockReact: MockReactModule = jest.requireActual('react');
-    return ({prompt, confirmText, cancelText, isVisible, onConfirm, onCancel, title}: MockConfirmModalProps) =>
-        mockReact.createElement('mock-confirm-modal', {prompt, confirmText, cancelText, isVisible, onConfirm, onCancel, title}, null);
+    return (props: {accessibilityLabel: string; label: string; isChecked: boolean; onInputChange: (value: boolean) => void}) =>
+        mockReact.createElement('mock-checkbox', {accessibilityLabel: props.accessibilityLabel});
 });
 
 jest.mock('@components/Text', () => {
@@ -47,53 +50,27 @@ jest.mock('@components/Text', () => {
 
 jest.mock('@components/TextLink', () => {
     const mockReact: MockReactModule = jest.requireActual('react');
-    return (props: MockTextLinkProps) => {
-        mockTextLinkProps = props;
-        const {children, onPress, onLongPress} = props;
-        return mockReact.createElement('mock-text-link', {onPress, onLongPress}, children);
-    };
+    return ({children}: {children?: ReactNode}) => mockReact.createElement('mock-text-link', null, children);
 });
 
 jest.mock('@libs/Navigation/Navigation', () => ({
     navigate: jest.fn(),
 }));
 
-type HookValue = ReturnType<typeof useCreateEmptyReportConfirmation>;
-type HookProps = {
-    policyName?: string;
-    onCancel?: () => void;
-};
-
-type MockConfirmModalElement = ReactElement<MockConfirmModalProps>;
-
-function getModal(hookValue: HookValue): MockConfirmModalElement {
-    return hookValue.CreateReportConfirmationModal as MockConfirmModalElement;
-}
-
-function getRequiredHandler<T extends (...args: never[]) => unknown>(handler: T | undefined, name: string): T {
-    if (!handler) {
-        throw new Error(`${name} handler was not provided`);
-    }
-    return handler;
-}
-
 const policyID = 'policy-123';
 const policyName = 'Engineering Team';
 
-const expectedSearchRoute = ROUTES.SEARCH_ROOT.getRoute({
-    query: buildCannedSearchQuery({type: CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT}),
-});
-
 describe('useCreateEmptyReportConfirmation', () => {
     beforeEach(() => {
         jest.clearAllMocks();
         mockTranslate.mockClear();
-        mockTextLinkProps = undefined;
+        lastShowConfirmModalOptions = undefined;
+        resolveModalPromise = undefined;
     });
 
-    it('modal is hidden by default and opens on demand', () => {
+    it('calls showConfirmModal when openCreateReportConfirmation is invoked', () => {
         const onConfirm = jest.fn();
-        const {result} = renderHook<HookValue, MockConfirmModalProps>(() =>
+        const {result} = renderHook(() =>
             useCreateEmptyReportConfirmation({
                 policyID,
                 policyName,
@@ -101,20 +78,18 @@ describe('useCreateEmptyReportConfirmation', () => {
             }),
         );
 
-        let modal = getModal(result.current);
-        expect(modal.props.isVisible).toBe(false);
-
         act(() => {
             result.current.openCreateReportConfirmation();
         });
 
-        modal = getModal(result.current);
-        expect(modal.props.isVisible).toBe(true);
+        expect(lastShowConfirmModalOptions).toBeDefined();
+        expect(lastShowConfirmModalOptions?.confirmText).toBe('report.newReport.createReport');
+        expect(lastShowConfirmModalOptions?.cancelText).toBe('common.cancel');
     });
 
-    it('invokes onConfirm and resets state after completion', () => {
+    it('invokes onConfirm when modal resolves with CONFIRM', async () => {
         const onConfirm = jest.fn();
-        const {result} = renderHook<HookValue, MockConfirmModalProps>(() =>
+        const {result} = renderHook(() =>
             useCreateEmptyReportConfirmation({
                 policyID,
                 policyName,
@@ -126,24 +101,19 @@ describe('useCreateEmptyReportConfirmation', () => {
             result.current.openCreateReportConfirmation();
         });
 
-        let modal = getModal(result.current);
-        const confirmHandler = getRequiredHandler(modal.props.onConfirm, 'onConfirm');
-
-        act(() => {
-            confirmHandler();
+        await act(async () => {
+            resolveModalPromise?.({action: 'CONFIRM'});
         });
 
         expect(onConfirm).toHaveBeenCalledTimes(1);
-
-        modal = getModal(result.current);
-        expect(modal.props.isVisible).toBe(false);
+        expect(onConfirm).toHaveBeenCalledWith(false);
     });
 
-    it('calls onCancel when cancellation occurs', () => {
+    it('calls onCancel when modal resolves with CLOSE', async () => {
         const onConfirm = jest.fn();
         const onCancel = jest.fn();
 
-        const {result} = renderHook<HookValue, MockConfirmModalProps>(() =>
+        const {result} = renderHook(() =>
             useCreateEmptyReportConfirmation({
                 policyID,
                 policyName,
@@ -156,54 +126,34 @@ describe('useCreateEmptyReportConfirmation', () => {
             result.current.openCreateReportConfirmation();
         });
 
-        const modal = getModal(result.current);
-        const cancelHandler = getRequiredHandler(modal.props.onCancel, 'onCancel');
-
-        act(() => {
-            cancelHandler();
+        await act(async () => {
+            resolveModalPromise?.({action: 'CLOSE'});
         });
 
         expect(onConfirm).not.toHaveBeenCalled();
         expect(onCancel).toHaveBeenCalledTimes(1);
-
-        const updatedModal = getModal(result.current);
-        expect(updatedModal.props.isVisible).toBe(false);
     });
 
-    it('navigates to reports search when link in prompt is pressed', () => {
+    it('falls back to generic workspace name in translations when necessary', () => {
         const onConfirm = jest.fn();
-        const {result} = renderHook<HookValue, MockConfirmModalProps>(() =>
+        renderHook(() =>
             useCreateEmptyReportConfirmation({
                 policyID,
-                policyName: '',
+                policyName: '   ',
                 onConfirm,
             }),
         );
 
-        const modal = getModal(result.current);
-        const {unmount} = render(modal.props.prompt as ReactElement);
-        const onPress = mockTextLinkProps?.onPress;
-
-        expect(onPress).toBeDefined();
-
-        act(() => {
-            onPress?.();
-        });
-
-        expect(Navigation.navigate).toHaveBeenCalledWith(expectedSearchRoute);
-        unmount();
+        expect(mockTranslate).toHaveBeenCalledWith('report.newReport.genericWorkspaceName');
     });
 
-    it('calls onCancel when reports link in prompt is pressed', () => {
+    it('does not call onCancel when not provided and modal is closed', async () => {
         const onConfirm = jest.fn();
-        const onCancel = jest.fn();
-
-        const {result} = renderHook<HookValue, MockConfirmModalProps>(() =>
+        const {result} = renderHook(() =>
             useCreateEmptyReportConfirmation({
                 policyID,
                 policyName,
                 onConfirm,
-                onCancel,
             }),
         );
 
@@ -211,116 +161,10 @@ describe('useCreateEmptyReportConfirmation', () => {
             result.current.openCreateReportConfirmation();
         });
 
-        const modal = getModal(result.current);
-        const {unmount} = render(modal.props.prompt as ReactElement);
-        const onPress = mockTextLinkProps?.onPress;
-
-        expect(onPress).toBeDefined();
-
-        act(() => {
-            onPress?.();
+        await act(async () => {
+            resolveModalPromise?.({action: 'CLOSE'});
         });
 
-        expect(onCancel).toHaveBeenCalledTimes(1);
-        unmount();
-    });
-
-    it('retains displayed workspace name while parent clears selection', () => {
-        const onConfirm = jest.fn();
-        const onCancel = jest.fn();
-        const initialPolicyName = policyName;
-
-        const {result, rerender} = renderHook(
-            ({policyName: currentPolicyName, onCancel: currentOnCancel}: HookProps) =>
-                useCreateEmptyReportConfirmation({
-                    policyID,
-                    policyName: currentPolicyName,
-                    onConfirm,
-                    onCancel: currentOnCancel,
-                }),
-            {
-                initialProps: {
-                    policyName: initialPolicyName,
-                    onCancel,
-                },
-            },
-        );
-
-        act(() => {
-            result.current.openCreateReportConfirmation();
-        });
-
-        const modal = getModal(result.current);
-        const renderedPrompt = render(modal.props.prompt as ReactElement);
-        expect(JSON.stringify(renderedPrompt.toJSON())).toContain(`report.newReport.emptyReportConfirmationPrompt:${initialPolicyName}`);
-        renderedPrompt.unmount();
-
-        rerender({policyName: '', onCancel});
-
-        const updatedModal = getModal(result.current);
-        const renderedPromptAfterClear = render(updatedModal.props.prompt as ReactElement);
-        expect(JSON.stringify(renderedPromptAfterClear.toJSON())).toContain(`report.newReport.emptyReportConfirmationPrompt:${initialPolicyName}`);
-        renderedPromptAfterClear.unmount();
-    });
-
-    it('uses updated workspace name on subsequent opens', () => {
-        const onConfirm = jest.fn();
-        const onCancel = jest.fn();
-        const initialPolicyName = policyName;
-        const updatedPolicyName = 'Finance Team';
-
-        const {result, rerender} = renderHook(
-            ({policyName: currentPolicyName, onCancel: currentOnCancel}: HookProps) =>
-                useCreateEmptyReportConfirmation({
-                    policyID,
-                    policyName: currentPolicyName,
-                    onConfirm,
-                    onCancel: currentOnCancel,
-                }),
-            {
-                initialProps: {
-                    policyName: initialPolicyName,
-                    onCancel,
-                },
-            },
-        );
-
-        act(() => {
-            result.current.openCreateReportConfirmation();
-        });
-
-        let modal = getModal(result.current);
-        const renderedPrompt = render(modal.props.prompt as ReactElement);
-        expect(JSON.stringify(renderedPrompt.toJSON())).toContain(`report.newReport.emptyReportConfirmationPrompt:${initialPolicyName}`);
-        renderedPrompt.unmount();
-
-        const cancelHandler = getRequiredHandler(modal.props.onCancel, 'onCancel');
-        act(() => {
-            cancelHandler();
-        });
-
-        rerender({policyName: updatedPolicyName, onCancel});
-
-        act(() => {
-            result.current.openCreateReportConfirmation();
-        });
-
-        modal = getModal(result.current);
-        const renderedPromptAfterUpdate = render(modal.props.prompt as ReactElement);
-        expect(JSON.stringify(renderedPromptAfterUpdate.toJSON())).toContain(`report.newReport.emptyReportConfirmationPrompt:${updatedPolicyName}`);
-        renderedPromptAfterUpdate.unmount();
-    });
-
-    it('falls back to generic workspace name in translations when necessary', () => {
-        const onConfirm = jest.fn();
-        renderHook<HookValue, MockConfirmModalProps>(() =>
-            useCreateEmptyReportConfirmation({
-                policyID,
-                policyName: '   ',
-                onConfirm,
-            }),
-        );
-
-        expect(mockTranslate).toHaveBeenCalledWith('report.newReport.genericWorkspaceName');
+        expect(onConfirm).not.toHaveBeenCalled();
     });
 });
diff --git a/tests/unit/useSearchTypeMenuSectionsTest.ts b/tests/unit/useSearchTypeMenuSectionsTest.ts
index 6ab0dca69bf9a..29ad606f70541 100644
--- a/tests/unit/useSearchTypeMenuSectionsTest.ts
+++ b/tests/unit/useSearchTypeMenuSectionsTest.ts
@@ -15,7 +15,7 @@ jest.mock('@userActions/Report', () => ({
 }));
 
 jest.mock('@hooks/useCardFeedsForDisplay', () => jest.fn(() => ({defaultCardFeed: null, cardFeedsByPolicy: {}})));
-jest.mock('@hooks/useCreateEmptyReportConfirmation', () => jest.fn(() => ({openCreateReportConfirmation: jest.fn(), CreateReportConfirmationModal: null})));
+jest.mock('@hooks/useCreateEmptyReportConfirmation', () => jest.fn(() => ({openCreateReportConfirmation: jest.fn()})));
 jest.mock('@hooks/useNetwork', () => jest.fn(() => ({isOffline: false})));
 jest.mock('@hooks/usePermissions', () => jest.fn(() => ({isBetaEnabled: jest.fn(() => false)})));