Resolve optimistic agent edit route after creation

src/ONYXKEYS.ts

@@ -90,6 +90,12 @@ const ONYXKEYS = {
     /** Contains all the personalDetails the user has access to, keyed by accountID */
     PERSONAL_DETAILS_LIST: 'personalDetailsList',
 
+    /** Maps an agent's optimistic accountID to the real one CreateAgent assigns, so an agent screen opened on the optimistic ID resolves to the real agent. Persisted so it survives a reload (the mapping is sent only once). */
+    OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING: 'optimisticAgentAccountIDMapping',
+
+    /** When each OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING entry was written locally, so stale entries can be pruned. */
+    OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT: 'optimisticAgentAccountIDMappingCreatedAt',
+
     /** Contains all the private personal details of the user */
     PRIVATE_PERSONAL_DETAILS: 'private_personalDetails',
 
@@ -1323,6 +1329,7 @@ const ONYXKEYS = {
         CARD_FEED_ERRORS: 'cardFeedErrors',
         RAM_ONLY_SORTED_REPORT_ACTIONS: 'sortedReportActions',
         LOGIN_TO_ACCOUNT_ID_MAP: 'loginToAccountIDMap',
+        OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES: 'optimisticAgentAccountIDMappingEntries',
     },
 
     /** Stores HybridApp specific state required to interoperate with OldDot */
@@ -1597,6 +1604,8 @@ type OnyxValuesMapping = {
     [ONYXKEYS.STATUS_DRAFT_CUSTOM_CLEAR_AFTER_DATE]: string;
     [ONYXKEYS.INPUT_FOCUSED]: boolean;
     [ONYXKEYS.PERSONAL_DETAILS_LIST]: OnyxTypes.PersonalDetailsList;
+    [ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING]: OnyxTypes.OptimisticAgentAccountIDMapping;
+    [ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT]: OnyxTypes.OptimisticAgentAccountIDMappingCreatedAt;
     [ONYXKEYS.PRIVATE_PERSONAL_DETAILS]: OnyxTypes.PrivatePersonalDetails;
     [ONYXKEYS.PERSONAL_DETAILS_METADATA]: Record<string, OnyxTypes.PersonalDetailsMetadata>;
     [ONYXKEYS.TASK]: OnyxTypes.Task;
@@ -1857,6 +1866,7 @@ type OnyxDerivedValuesMapping = {
     [ONYXKEYS.DERIVED.CARD_FEED_ERRORS]: OnyxTypes.CardFeedErrorsDerivedValue;
     [ONYXKEYS.DERIVED.RAM_ONLY_SORTED_REPORT_ACTIONS]: OnyxTypes.SortedReportActionsDerivedValue;
     [ONYXKEYS.DERIVED.LOGIN_TO_ACCOUNT_ID_MAP]: OnyxTypes.LoginToAccountIDMapDerivedValue;
+    [ONYXKEYS.DERIVED.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES]: OnyxTypes.OptimisticAgentAccountIDMappingEntriesDerivedValue;
 };
 
 type OnyxValues = OnyxValuesMapping & OnyxCollectionValuesMapping & OnyxFormValuesMapping & OnyxFormDraftValuesMapping & OnyxDerivedValuesMapping;

src/hooks/useResolvedAgentAccountID.ts

@@ -0,0 +1,38 @@
+import {backfillOptimisticAccountIDMappingCreatedAt} from '@libs/actions/Agent';
+
+import ONYXKEYS from '@src/ONYXKEYS';
+
+import {useEffect} from 'react';
+
+import useOnyx from './useOnyx';
+
+/**
+ * Resolves an agent's optimistic accountID to the real one CreateAgent assigns, via the persisted
+ * `OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING`, so an agent screen opened on the optimistic accountID (even after a reload)
+ * shows the real agent instead of "Hmm... it's not here".
+ *
+ * The derived `OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES` defers its first compute until all its dependency
+ * connections are established, which can briefly lag behind the raw key on a cold cache — long enough to flash a
+ * not-found page in between. It's still used for `createdAt` below, which has no such timing sensitivity.
+ *
+ * Without a stamped `createdAt`, an entry is invisible to createAgent()'s pruning and never expires — this can
+ * happen when the mapping arrives via sync from another device/tab that resolved it first.
+ *
+ * @returns `[resolvedAccountID, isMappingLoaded]` - a not-found screen should wait for `isMappingLoaded` to avoid a
+ *          brief not-found flash while the mapping loads. No-op (returns the input) when there's no mapping entry.
+ */
+function useResolvedAgentAccountID(routeAccountID: number): [number, boolean] {
+    const [realAccountID, mappingMetadata] = useOnyx(ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING, {selector: (mapping) => mapping?.[routeAccountID]});
+    const [createdAt, createdAtMetadata] = useOnyx(ONYXKEYS.DERIVED.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES, {selector: (entries) => entries?.[routeAccountID]?.createdAt});
+
+    useEffect(() => {
+        if (realAccountID === undefined || createdAt !== undefined || createdAtMetadata.status !== 'loaded') {
+            return;
+        }
+        backfillOptimisticAccountIDMappingCreatedAt(routeAccountID);
+    }, [realAccountID, createdAt, createdAtMetadata.status, routeAccountID]);
+
+    return [realAccountID ?? routeAccountID, mappingMetadata.status === 'loaded'];
+}
+
+export default useResolvedAgentAccountID;

src/libs/ExportOnyxState/common.ts

@@ -26,6 +26,8 @@ const onyxKeysToRemove = new Set<ValueOf<typeof ONYXKEYS> | ValueOf<typeof ONYXK
     ONYXKEYS.NVP_PRIVATE_BILLING_STATUS,
     ONYXKEYS.RAM_ONLY_PLAID_LINK_TOKEN,
     ONYXKEYS.RAM_ONLY_MERGE_HR_LINK_TOKEN,
+    ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING,
+    ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT,
     ONYXKEYS.RAM_ONLY_IS_PRODUCT_MARKETING_WINDOW_COVERED,
     ONYXKEYS.ONFIDO_TOKEN,
     ONYXKEYS.ONFIDO_APPLICANT_ID,

src/libs/actions/Agent.ts

@@ -12,25 +12,56 @@ import type {AvatarSource} from '@libs/UserAvatarUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
-import type {Policy} from '@src/types/onyx';
+import type {OptimisticAgentAccountIDMappingCreatedAt, Policy} from '@src/types/onyx';
 import type NewAgentTemplate from '@src/types/onyx/NewAgentTemplate';
 import type PolicyEmployee from '@src/types/onyx/PolicyEmployee';
 import type {AnyOnyxUpdate} from '@src/types/onyx/Request';
 
-import type {OnyxCollection, OnyxCollectionInputValue, OnyxUpdate} from 'react-native-onyx';
+import type {OnyxCollection, OnyxCollectionInputValue, OnyxEntry, OnyxUpdate} from 'react-native-onyx';
 
 import Onyx from 'react-native-onyx';
 
+const OPTIMISTIC_ACCOUNT_ID_MAPPING_MAX_AGE_IN_DAYS = 30;
+const OPTIMISTIC_ACCOUNT_ID_MAPPING_MAX_AGE_MS = OPTIMISTIC_ACCOUNT_ID_MAPPING_MAX_AGE_IN_DAYS * 24 * 60 * 60 * 1000;
+
+// Non-React file, so it reads its own data here instead of via useOnyx + a param (same pattern as HandleUnusedOptimisticID.ts).
+let optimisticAccountIDMappingCreatedAt: OnyxEntry<OptimisticAgentAccountIDMappingCreatedAt>;
+Onyx.connectWithoutView({
+    key: ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT,
+    callback: (value) => {
+        optimisticAccountIDMappingCreatedAt = value;
+    },
+});
+
+function getStaleOptimisticAccountIDMappingUpdates(): AnyOnyxUpdate[] {
+    const now = Date.now();
+    const staleOptimisticAccountIDs = Object.entries(optimisticAccountIDMappingCreatedAt ?? {})
+        .filter(([, createdAt]) => now - createdAt > OPTIMISTIC_ACCOUNT_ID_MAPPING_MAX_AGE_MS)
+        .map(([staleOptimisticAccountID]) => staleOptimisticAccountID);
+
+    if (staleOptimisticAccountIDs.length === 0) {
+        return [];
+    }
+
+    const staleEntries = Object.fromEntries(staleOptimisticAccountIDs.map((id) => [id, null]));
+    return [
+        {onyxMethod: Onyx.METHOD.MERGE, key: ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING, value: staleEntries},
+        {onyxMethod: Onyx.METHOD.MERGE, key: ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT, value: staleEntries},
+    ];
+}
+
 function openAgentsPage() {
-    const finallyData: Array<OnyxUpdate<typeof ONYXKEYS.ARE_AGENTS_LOADED>> = [
+    const finallyData: AnyOnyxUpdate[] = [
         {
             onyxMethod: Onyx.METHOD.MERGE,
             key: ONYXKEYS.ARE_AGENTS_LOADED,
             value: true,
         },
     ];
 
-    read(READ_COMMANDS.OPEN_AGENTS_PAGE, null, {finallyData});
+    const optimisticData = getStaleOptimisticAccountIDMappingUpdates();
+
+    read(READ_COMMANDS.OPEN_AGENTS_PAGE, null, {optimisticData, finallyData});
 }
 
 function openProfilePage() {
@@ -106,6 +137,7 @@ function createAgent(
             key: `${ONYXKEYS.COLLECTION.REPORT_METADATA}${optimisticReportID}`,
             value: {isOptimisticReport: true},
         },
+        ...getStaleOptimisticAccountIDMappingUpdates(),
     ];
 
     const successData: AnyOnyxUpdate[] = [
@@ -129,6 +161,13 @@ function createAgent(
             key: `${ONYXKEYS.COLLECTION.REPORT_METADATA}${optimisticReportID}`,
             value: {isOptimisticReport: false},
         },
+
+        // Stamped here, not where the mapping itself arrives, since that onyxData is backend-owned.
+        {
+            onyxMethod: Onyx.METHOD.MERGE,
+            key: ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT,
+            value: {[optimisticAccountID]: Date.now()},
+        },
     ];
 
     const failureData: AnyOnyxUpdate[] = [
@@ -174,6 +213,15 @@ function createAgent(
     return {optimisticAccountID, avatarURI, optimisticReportID};
 }
 
+/**
+ * Backfills a createdAt timestamp for a mapping entry this device notices without one — e.g. one that arrived via
+ * sync from another device/tab that resolved it first, so this device never got the chance to stamp it itself.
+ * Without a timestamp an entry is invisible to createAgent()'s pruning and never expires.
+ */
+function backfillOptimisticAccountIDMappingCreatedAt(optimisticAccountID: number) {
+    Onyx.merge(ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT, {[optimisticAccountID]: Date.now()});
+}
+
 /**
  * Stash the template chosen in the "New agent" picker so the custom-agent builder can open pre-filled.
  */
@@ -462,6 +510,7 @@ export {
     openAgentsPage,
     openProfilePage,
     createAgent,
+    backfillOptimisticAccountIDMappingCreatedAt,
     setNewAgentTemplate,
     clearNewAgentTemplate,
     clearAgentError,

src/libs/actions/OnyxDerived/ONYX_DERIVED_VALUES.ts

@@ -7,6 +7,7 @@ import type {OnyxDerivedValueConfig} from './types';
 import cardFeedErrorsConfig from './configs/cardFeedErrors';
 import loginToAccountIDMapConfig from './configs/loginToAccountIDMap';
 import nonPersonalAndWorkspaceCardListConfig from './configs/nonPersonalAndWorkspaceCardList';
+import optimisticAgentAccountIDMappingEntriesConfig from './configs/optimisticAgentAccountIDMappingEntries';
 import outstandingReportsByPolicyIDConfig from './configs/outstandingReportsByPolicyID';
 import personalAndWorkspaceCardListConfig from './configs/personalAndWorkspaceCardList';
 import reportAttributesConfig from './configs/reportAttributes';
@@ -28,6 +29,7 @@ const ONYX_DERIVED_VALUES = {
     [ONYXKEYS.DERIVED.CARD_FEED_ERRORS]: cardFeedErrorsConfig,
     [ONYXKEYS.DERIVED.RAM_ONLY_SORTED_REPORT_ACTIONS]: sortedReportActionsConfig,
     [ONYXKEYS.DERIVED.LOGIN_TO_ACCOUNT_ID_MAP]: loginToAccountIDMapConfig,
+    [ONYXKEYS.DERIVED.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES]: optimisticAgentAccountIDMappingEntriesConfig,
 } as const satisfies {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     [Key in ValueOf<typeof ONYXKEYS.DERIVED>]: OnyxDerivedValueConfig<Key, any>;

src/libs/actions/OnyxDerived/configs/optimisticAgentAccountIDMappingEntries.ts

@@ -0,0 +1,28 @@
+import createOnyxDerivedValueConfig from '@userActions/OnyxDerived/createOnyxDerivedValueConfig';
+
+import ONYXKEYS from '@src/ONYXKEYS';
+import type {OptimisticAgentAccountIDMappingEntriesDerivedValue} from '@src/types/onyx';
+
+/**
+ * Combines OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING (backend-owned) and OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT
+ * (client-owned) into one key per optimistic accountID, so consumers read a single always-in-sync source instead
+ * of two parallel keys that would otherwise have to be kept manually in lockstep.
+ */
+export default createOnyxDerivedValueConfig({
+    key: ONYXKEYS.DERIVED.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_ENTRIES,
+    dependencies: [ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING, ONYXKEYS.OPTIMISTIC_AGENT_ACCOUNT_ID_MAPPING_CREATED_AT],
+    compute: ([mapping, createdAtByOptimisticAccountID]) => {
+        if (!mapping) {
+            return {};
+        }
+
+        const entries: OptimisticAgentAccountIDMappingEntriesDerivedValue = {};
+        for (const [optimisticAccountID, realAccountID] of Object.entries(mapping)) {
+            if (realAccountID === undefined) {
+                continue;
+            }
+            entries[optimisticAccountID] = {realAccountID, createdAt: createdAtByOptimisticAccountID?.[optimisticAccountID]};
+        }
+        return entries;
+    },
+});

src/pages/settings/Agents/EditAgentPage.tsx

@@ -13,6 +13,7 @@ import useConfirmModal from '@hooks/useConfirmModal';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
+import useResolvedAgentAccountID from '@hooks/useResolvedAgentAccountID';
 import useRuleBotGuardModal from '@hooks/useRuleBotGuardModal';
 import useSwitchToDelegator from '@hooks/useSwitchToDelegator';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -40,22 +41,29 @@ function EditAgentPage({route}: EditAgentPageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const icons = useMemoizedLazyExpensifyIcons(['Trashcan', 'ChatBubble', 'Users']);
-    const accountID = route.params.accountID;
+
+    // Resolve the optimistic accountID to the real one so opening this page mid-CreateAgent (or after a reload) doesn't 404.
+    const [accountID, isResolvedAccountIDLoaded] = useResolvedAgentAccountID(route.params.accountID);
     const [agent, agentMetadata] = useOnyx(`${ONYXKEYS.COLLECTION.SHARED_NVP_AGENT_PROMPT}${accountID}`);
     const [personalDetails, personalDetailsMetadata] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {selector: (list) => list?.[accountID]});
     const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY);
     const {showConfirmModal} = useConfirmModal();
     const showRuleBotGuardModal = useRuleBotGuardModal();
     const chatWithAgent = useChatWithAgent();
     const switchToDelegator = useSwitchToDelegator();
-    const isOnyxLoaded = agentMetadata.status === 'loaded' && personalDetailsMetadata.status === 'loaded';
+
+    // Wait for the optimistic->real mapping to load too, so an optimistic accountID that is about to resolve after a
+    // reload doesn't briefly flash the not-found page before the mapping is read from storage.
+    const isOnyxLoaded = isResolvedAccountIDLoaded && agentMetadata.status === 'loaded' && personalDetailsMetadata.status === 'loaded';
     const shouldShowNotFoundPage = isOnyxLoaded && !agent && !personalDetails;
 
     const agentLogin = personalDetails?.login ?? '';
     const handleBackPress = () => Navigation.goBack();
-    const handleEditAvatarPress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_AVATAR.getRoute(accountID));
-    const handleEditNamePress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_NAME.getRoute(accountID));
-    const handleEditPromptPress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_PROMPT.getRoute(accountID));
+
+    // Navigate with the raw route accountID (not the resolved one) so the sub-page URL stays consistent with this page's URL and device back doesn't create a duplicate entry.
+    const handleEditAvatarPress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_AVATAR.getRoute(route.params.accountID));
+    const handleEditNamePress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_NAME.getRoute(route.params.accountID));
+    const handleEditPromptPress = () => Navigation.navigate(ROUTES.SETTINGS_AGENTS_EDIT_PROMPT.getRoute(route.params.accountID));
     const handleDeletePress = async () => {
         const ruleBotEnforcedPolicy = getRuleBotEnforcedPolicy(accountID, allPolicies);
         if (ruleBotEnforcedPolicy) {

src/pages/settings/Agents/Fields/EditAgentAvatarPage.tsx

@@ -14,6 +14,7 @@ import useDiscardChangesConfirmation from '@hooks/useDiscardChangesConfirmation'
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
+import useResolvedAgentAccountID from '@hooks/useResolvedAgentAccountID';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 
@@ -233,11 +234,12 @@ function EditAgentAvatarContent({accountID, fallbackRoute, onSave, initialPreset
 EditAgentAvatarContent.displayName = 'EditAgentAvatarContent';
 
 function EditAgentAvatarPage({route}: EditAgentAvatarPageProps) {
-    const {accountID} = route.params;
+    // Resolve the optimistic accountID to the real one so opening this page mid-CreateAgent (or after a reload) doesn't 404.
+    const [accountID] = useResolvedAgentAccountID(route.params.accountID);
     return (
         <EditAgentAvatarContent
             accountID={accountID}
-            fallbackRoute={ROUTES.SETTINGS_AGENTS_EDIT.getRoute(accountID)}
+            fallbackRoute={ROUTES.SETTINGS_AGENTS_EDIT.getRoute(route.params.accountID)}
         />
     );
 }

src/pages/settings/Agents/Fields/EditNamePage.tsx

@@ -8,6 +8,7 @@ import TextInput from '@components/TextInput';
 import useAutoFocusInput from '@hooks/useAutoFocusInput';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
+import useResolvedAgentAccountID from '@hooks/useResolvedAgentAccountID';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 import {updateAgentName} from '@libs/actions/Agent';
@@ -28,14 +29,16 @@ type EditNamePageProps = PlatformStackScreenProps<SettingsNavigatorParamList, ty
 function EditNamePage({route}: EditNamePageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
-    const accountID = route.params.accountID;
+
+    // Resolve the optimistic accountID to the real one so opening this page mid-CreateAgent (or after a reload) doesn't 404.
+    const [accountID] = useResolvedAgentAccountID(route.params.accountID);
     const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {selector: (list) => list?.[accountID]});
 
     const {inputCallbackRef} = useAutoFocusInput();
 
     const handleSubmit = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.EDIT_AGENT_NAME_FORM>) => {
         updateAgentName(accountID, values[INPUT_IDS.FIRST_NAME].trim(), personalDetails?.displayName ?? '');
-        Navigation.goBack(ROUTES.SETTINGS_AGENTS_EDIT.getRoute(accountID));
+        Navigation.goBack(ROUTES.SETTINGS_AGENTS_EDIT.getRoute(route.params.accountID));
     };
 
     return (
@@ -47,7 +50,7 @@ function EditNamePage({route}: EditNamePageProps) {
         >
             <HeaderWithBackButton
                 title={translate('editAgentNamePage.title')}
-                onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_AGENTS_EDIT.getRoute(accountID))}
+                onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_AGENTS_EDIT.getRoute(route.params.accountID))}
             />
             <FormProvider
                 formID={ONYXKEYS.FORMS.EDIT_AGENT_NAME_FORM}

src/pages/settings/Agents/Fields/EditPromptPage.tsx

@@ -10,6 +10,7 @@ import useIsInLandscapeMode from '@hooks/useIsInLandscapeMode';
 import useKeyboardShortcut from '@hooks/useKeyboardShortcut';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
+import useResolvedAgentAccountID from '@hooks/useResolvedAgentAccountID';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 import {updateAgentPrompt} from '@libs/actions/Agent';
@@ -32,7 +33,9 @@ function EditPromptPage({route}: EditPromptPageProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const shouldUseScrollableLayout = useIsInLandscapeMode();
-    const accountID = route.params.accountID;
+
+    // Resolve the optimistic accountID to the real one so opening this page mid-CreateAgent (or after a reload) doesn't 404.
+    const [accountID] = useResolvedAgentAccountID(route.params.accountID);
     const [agentPrompt] = useOnyx(`${ONYXKEYS.COLLECTION.SHARED_NVP_AGENT_PROMPT}${accountID}`);
 
     const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.EDIT_AGENT_PROMPT_FORM>): FormInputErrors<typeof ONYXKEYS.FORMS.EDIT_AGENT_PROMPT_FORM> => {