diff --git a/app/component-library/components/BottomSheets/BottomSheet/BottomSheet.tsx b/app/component-library/components/BottomSheets/BottomSheet/BottomSheet.tsx
index 1f70eb9e00a..ed26cfd5340 100644
--- a/app/component-library/components/BottomSheets/BottomSheet/BottomSheet.tsx
+++ b/app/component-library/components/BottomSheets/BottomSheet/BottomSheet.tsx
@@ -39,6 +39,7 @@ const BottomSheet = forwardRef<BottomSheetRef, BottomSheetProps>(
       isInteractable = true,
       shouldNavigateBack = true,
       isFullscreen = false,
+      customMarginTop,
       ...props
     },
     ref,
@@ -105,6 +106,7 @@ const BottomSheet = forwardRef<BottomSheetRef, BottomSheetProps>(
           isInteractable={isInteractable}
           onClose={onCloseCB}
           onOpen={onOpenCB}
+          customMarginTop={customMarginTop}
           ref={bottomSheetDialogRef}
           isFullscreen={isFullscreen}
         >
diff --git a/app/component-library/components/BottomSheets/BottomSheet/README.md b/app/component-library/components/BottomSheets/BottomSheet/README.md
index c858d5319b6..cd3f19b7748 100644
--- a/app/component-library/components/BottomSheets/BottomSheet/README.md
+++ b/app/component-library/components/BottomSheets/BottomSheet/README.md
@@ -22,6 +22,14 @@ Boolean that indicates if sheet is swippable. This affects whether or not tappin
 | :-------------------------------------------------- | :------------------------------------------------------ | :----------------------------------------------------- |
 | boolean                                             | No                                                      | true                                                   |
 
+
+### `customMarginTop`
+
+Configure height of the modal by setting the distance between top of modal and top of screen.
+| <span style="color:gray;font-size:14px">TYPE</span> | <span style="color:gray;font-size:14px">REQUIRED</span> | <span style="color:gray;font-size:14px">DEFAULT</span> |
+| :-------------------------------------------------- | :------------------------------------------------------ | :----------------------------------------------------- |
+| number                                             | No                                                      | 250
+
 ### `children`
 
 Content to wrap in sheet.
diff --git a/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.tsx b/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.tsx
index 126fadc098c..a5d1a69c510 100644
--- a/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.tsx
+++ b/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.tsx
@@ -60,6 +60,7 @@ const BottomSheetDialog = forwardRef<
       isInteractable = true,
       onClose,
       onOpen,
+      customMarginTop,
       ...props
     },
     ref,
@@ -68,9 +69,10 @@ const BottomSheetDialog = forwardRef<
       useSafeAreaInsets();
     const { y: frameY } = useSafeAreaFrame();
     const { height: screenHeight } = useWindowDimensions();
+    const marginTop = customMarginTop ?? DEFAULT_BOTTOMSHEETDIALOG_MARGINTOP;
     const maxSheetHeight = isFullscreen
       ? screenHeight - screenTopPadding
-      : screenHeight - screenTopPadding - DEFAULT_BOTTOMSHEETDIALOG_MARGINTOP;
+      : screenHeight - screenTopPadding - marginTop;
     const { styles } = useStyles(styleSheet, {
       maxSheetHeight,
       screenBottomPadding,
diff --git a/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.types.ts b/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.types.ts
index da2ba4a6f35..244e00d0c0b 100644
--- a/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.types.ts
+++ b/app/component-library/components/BottomSheets/BottomSheet/foundation/BottomSheetDialog/BottomSheetDialog.types.ts
@@ -27,6 +27,10 @@ export interface BottomSheetDialogProps extends ViewProps {
    * Optional callback that gets triggered when sheet is opened.
    */
   onOpen?: (hasPendingAction?: boolean) => void;
+  /**
+   * Customize the top margin of the sheet.
+   */
+  customMarginTop?: number;
 }
 
 export interface BottomSheetDialogRef {
diff --git a/app/component-library/components/Tags/TagUrl/TagUrl.styles.ts b/app/component-library/components/Tags/TagUrl/TagUrl.styles.ts
index 41373df52b4..da586a0f21d 100644
--- a/app/component-library/components/Tags/TagUrl/TagUrl.styles.ts
+++ b/app/component-library/components/Tags/TagUrl/TagUrl.styles.ts
@@ -37,6 +37,8 @@ const styleSheet = (params: { theme: Theme; vars: TagUrlStyleSheetVars }) => {
     ) as ViewStyle,
     favicon: {
       marginRight: 8,
+      width: 24,
+      height: 24,
     },
     label: {
       color: colors.text.alternative,
diff --git a/app/component-library/components/Tags/TagUrl/__snapshots__/TagUrl.test.tsx.snap b/app/component-library/components/Tags/TagUrl/__snapshots__/TagUrl.test.tsx.snap
index e70af7ccb3b..f734e43eb0b 100644
--- a/app/component-library/components/Tags/TagUrl/__snapshots__/TagUrl.test.tsx.snap
+++ b/app/component-library/components/Tags/TagUrl/__snapshots__/TagUrl.test.tsx.snap
@@ -26,7 +26,9 @@ exports[`TagUrl should render correctly 1`] = `
     size="32"
     style={
       Object {
+        "height": 24,
         "marginRight": 8,
+        "width": 24,
       }
     }
     variant="Favicon"
diff --git a/app/components/Nav/App/index.js b/app/components/Nav/App/index.js
index 5ff59ed9e1f..8a5e876e7ae 100644
--- a/app/components/Nav/App/index.js
+++ b/app/components/Nav/App/index.js
@@ -99,6 +99,8 @@ import AsyncStorage from '../../../store/async-storage-wrapper';
 import ShowIpfsGatewaySheet from '../../Views/ShowIpfsGatewaySheet/ShowIpfsGatewaySheet';
 import ShowDisplayNftMediaSheet from '../../Views/ShowDisplayMediaNFTSheet/ShowDisplayNFTMediaSheet';
 import AmbiguousAddressSheet from '../../../../app/components/Views/Settings/Contacts/AmbiguousAddressSheet/AmbiguousAddressSheet';
+import SDKDisconnectModal from '../../../../app/components/Views/SDKDisconnectModal/SDKDisconnectModal';
+import SDKSessionModal from '../../../../app/components/Views/SDKSessionModal/SDKSessionModal';
 import { MetaMetrics } from '../../../core/Analytics';
 import trackErrorAsAnalytics from '../../../util/metrics/TrackError/trackErrorAsAnalytics';
 
@@ -552,6 +554,14 @@ const App = ({ userLoggedIn }) => {
         name={Routes.SHEET.SDK_FEEDBACK}
         component={SDKFeedbackModal}
       />
+      <Stack.Screen
+        name={Routes.SHEET.SDK_MANAGE_CONNECTIONS}
+        component={SDKSessionModal}
+      />
+      <Stack.Screen
+        name={Routes.SHEET.SDK_DISCONNECT}
+        component={SDKDisconnectModal}
+      />
       <Stack.Screen
         name={Routes.SHEET.ACCOUNT_CONNECT}
         component={AccountConnect}
diff --git a/app/components/Views/AccountConnect/AccountConnect.tsx b/app/components/Views/AccountConnect/AccountConnect.tsx
index 4990423e22a..f597f2b79ea 100644
--- a/app/components/Views/AccountConnect/AccountConnect.tsx
+++ b/app/components/Views/AccountConnect/AccountConnect.tsx
@@ -53,6 +53,8 @@ import AccountConnectSingleSelector from './AccountConnectSingleSelector';
 import AccountConnectMultiSelector from './AccountConnectMultiSelector';
 import useFavicon from '../../hooks/useFavicon/useFavicon';
 import URLParse from 'url-parse';
+import SDKConnect from '../../../core/SDKConnect/SDKConnect';
+import AppConstants from '../../../../app/core/AppConstants';
 import { trackDappVisitedEvent } from '../../../util/metrics';
 import { useMetrics } from '../../../components/hooks/useMetrics';
 
@@ -84,11 +86,23 @@ const AccountConnect = (props: AccountConnectProps) => {
       ? AvatarAccountType.Blockies
       : AvatarAccountType.JazzIcon,
   );
+
+  const { id: channelId, origin: metadataOrigin } = hostInfo.metadata as {
+    id: string;
+    origin: string;
+  };
+
+  // Extract connection info from sdk
+  // FIXME should be replaced by passing dynamic parameters to the PermissionController
+  // TODO: Retrive wallet connect connection info from channelId
+  const sdkConnection = SDKConnect.getInstance().getConnection({ channelId });
+  const hostname = (
+    sdkConnection?.originatorInfo?.url ?? metadataOrigin
+  ).replace(AppConstants.MM_SDK.SDK_REMOTE_ORIGIN, '');
+
   const origin: string = useSelector(getActiveTabUrl, isEqual);
 
   const faviconSource = useFavicon(origin);
-
-  const hostname = hostInfo.metadata.origin;
   const urlWithProtocol = prefixUrlWithProtocol(hostname);
 
   const secureIcon = useMemo(
@@ -117,13 +131,25 @@ const AccountConnect = (props: AccountConnectProps) => {
   const cancelPermissionRequest = useCallback(
     (requestId) => {
       Engine.context.PermissionController.rejectPermissionsRequest(requestId);
+      if (channelId && accountsLength === 0) {
+        // Remove Potential SDK connection
+        SDKConnect.getInstance().removeChannel({
+          channelId,
+          sendTerminate: true,
+        });
+      }
 
       trackEvent(MetaMetricsEvents.CONNECT_REQUEST_CANCELLED, {
         number_of_accounts: accountsLength,
         source: 'permission system',
       });
     },
-    [Engine.context.PermissionController, accountsLength, trackEvent],
+    [
+      Engine.context.PermissionController,
+      accountsLength,
+      channelId,
+      trackEvent,
+    ],
   );
 
   const triggerDappVisitedEvent = useCallback(
@@ -141,10 +167,11 @@ const AccountConnect = (props: AccountConnectProps) => {
       ...hostInfo,
       metadata: {
         ...hostInfo.metadata,
-        origin: hostname,
+        origin: metadataOrigin,
       },
       approvedAccounts: selectedAccounts,
     };
+
     const connectedAccountLength = selectedAccounts.length;
     const activeAddress = selectedAccounts[0].address;
     const activeAccountName = getAccountNameWithENS({
@@ -199,11 +226,11 @@ const AccountConnect = (props: AccountConnectProps) => {
     hostInfo,
     accounts,
     ensByAccountAddress,
-    hostname,
     accountAvatarType,
     Engine.context.PermissionController,
     toastRef,
     accountsLength,
+    metadataOrigin,
     triggerDappVisitedEvent,
     trackEvent,
   ]);
@@ -318,6 +345,7 @@ const AccountConnect = (props: AccountConnectProps) => {
     return (
       <AccountConnectSingle
         onSetSelectedAddresses={setSelectedAddresses}
+        connection={sdkConnection}
         onSetScreen={setScreen}
         onUserAction={setUserIntent}
         defaultSelectedAccount={defaultSelectedAccount}
@@ -338,6 +366,7 @@ const AccountConnect = (props: AccountConnectProps) => {
     secureIcon,
     urlWithProtocol,
     setUserIntent,
+    sdkConnection,
   ]);
 
   const renderSingleConnectSelectorScreen = useCallback(
@@ -376,6 +405,7 @@ const AccountConnect = (props: AccountConnectProps) => {
         urlWithProtocol={urlWithProtocol}
         onUserAction={setUserIntent}
         onBack={() => setScreen(AccountConnectScreens.SingleConnect)}
+        connection={sdkConnection}
       />
     ),
     [
@@ -388,6 +418,7 @@ const AccountConnect = (props: AccountConnectProps) => {
       faviconSource,
       urlWithProtocol,
       secureIcon,
+      sdkConnection,
     ],
   );
 
@@ -408,7 +439,11 @@ const AccountConnect = (props: AccountConnectProps) => {
   ]);
 
   return (
-    <BottomSheet onClose={handleSheetDismiss} ref={sheetRef}>
+    <BottomSheet
+      onClose={handleSheetDismiss}
+      customMarginTop={150}
+      ref={sheetRef}
+    >
       {renderConnectScreens()}
     </BottomSheet>
   );
diff --git a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.styles.ts b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.styles.ts
index 0e85d288de6..d7489654983 100644
--- a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.styles.ts
+++ b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.styles.ts
@@ -12,6 +12,9 @@ const styleSheet = (params: { theme: Theme }) => {
   const { colors } = params.theme;
 
   return StyleSheet.create({
+    container: {
+      height: '100%',
+    },
     body: {
       paddingHorizontal: 16,
     },
@@ -32,6 +35,20 @@ const styleSheet = (params: { theme: Theme }) => {
     selectAllButton: {
       marginBottom: 16,
     },
+    sdkInfoContainer: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 10,
+      paddingHorizontal: 16,
+      marginBottom: -16,
+    },
+    sdkInfoDivier: {
+      borderTopWidth: 1,
+      borderTopColor: colors.border.muted,
+      height: 1,
+      width: '100%',
+    },
     disabled: {
       opacity: 0.5,
     },
diff --git a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.tsx b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.tsx
index 1052912c313..f1f2fd88c9e 100644
--- a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.tsx
+++ b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.tsx
@@ -1,32 +1,34 @@
 // Third party dependencies.
 import React, { useCallback, useState } from 'react';
-import { View, Platform } from 'react-native';
+import { Platform, View } from 'react-native';
 
 // External dependencies.
-import SheetHeader from '../../../../component-library/components/Sheet/SheetHeader';
 import { strings } from '../../../../../locales/i18n';
-import TagUrl from '../../../../component-library/components/Tags/TagUrl';
-import Text from '../../../../component-library/components/Texts/Text';
-import { useStyles } from '../../../../component-library/hooks';
+import { ACCOUNT_APPROVAL_SELECT_ALL_BUTTON } from '../../../../../wdio/screen-objects/testIDs/Components/AccountApprovalModal.testIds';
+import generateTestId from '../../../../../wdio/utils/generateTestId';
 import Button, {
   ButtonSize,
   ButtonVariants,
   ButtonWidthTypes,
 } from '../../../../component-library/components/Buttons/Button';
-import AccountSelectorList from '../../../UI/AccountSelectorList';
+import SheetHeader from '../../../../component-library/components/Sheet/SheetHeader';
+import TagUrl from '../../../../component-library/components/Tags/TagUrl';
+import Text, {
+  TextColor,
+} from '../../../../component-library/components/Texts/Text';
+import { useStyles } from '../../../../component-library/hooks';
 import { USER_INTENT } from '../../../../constants/permissions';
-import generateTestId from '../../../../../wdio/utils/generateTestId';
-import { ACCOUNT_APPROVAL_SELECT_ALL_BUTTON } from '../../../../../wdio/screen-objects/testIDs/Components/AccountApprovalModal.testIds';
+import AccountSelectorList from '../../../UI/AccountSelectorList';
 
 // Internal dependencies.
+import { ConnectAccountModalSelectorsIDs } from '../../../../../e2e/selectors/Modals/ConnectAccountModal.selectors';
+import { ACCOUNT_LIST_ADD_BUTTON_ID } from '../../../../../wdio/screen-objects/testIDs/Components/AccountListComponent.testIds';
+import AddAccountActions from '../../AddAccountActions';
 import styleSheet from './AccountConnectMultiSelector.styles';
 import {
   AccountConnectMultiSelectorProps,
   AccountConnectMultiSelectorScreens,
 } from './AccountConnectMultiSelector.types';
-import AddAccountActions from '../../AddAccountActions';
-import { ACCOUNT_LIST_ADD_BUTTON_ID } from '../../../../../wdio/screen-objects/testIDs/Components/AccountListComponent.testIds';
-import { ConnectAccountModalSelectorsIDs } from '../../../../../e2e/selectors/Modals/ConnectAccountModal.selectors';
 
 const AccountConnectMultiSelector = ({
   accounts,
@@ -39,6 +41,7 @@ const AccountConnectMultiSelector = ({
   secureIcon,
   isAutoScrollEnabled = true,
   urlWithProtocol,
+  connection,
   onBack,
 }: AccountConnectMultiSelectorProps) => {
   const { styles } = useStyles(styleSheet, {});
@@ -147,7 +150,7 @@ const AccountConnectMultiSelector = ({
 
   const renderAccountConnectMultiSelector = useCallback(
     () => (
-      <>
+      <View style={styles.container}>
         <SheetHeader
           title={strings('accounts.connect_accounts_title')}
           onBack={onBack}
@@ -175,6 +178,15 @@ const AccountConnectMultiSelector = ({
           isRemoveAccountEnabled
           isAutoScrollEnabled={isAutoScrollEnabled}
         />
+        {connection?.originatorInfo?.apiVersion && (
+          <View style={styles.sdkInfoContainer}>
+            <View style={styles.sdkInfoDivier} />
+            <Text color={TextColor.Muted}>
+              SDK {connection?.originatorInfo?.platform} v
+              {connection?.originatorInfo?.apiVersion}
+            </Text>
+          </View>
+        )}
         <View style={styles.addAccountButtonContainer}>
           <Button
             variant={ButtonVariants.Link}
@@ -188,7 +200,7 @@ const AccountConnectMultiSelector = ({
           />
         </View>
         <View style={styles.body}>{renderCtaButtons()}</View>
-      </>
+      </View>
     ),
     [
       accounts,
@@ -207,6 +219,10 @@ const AccountConnectMultiSelector = ({
       styles.body,
       styles.description,
       urlWithProtocol,
+      connection,
+      styles.sdkInfoContainer,
+      styles.container,
+      styles.sdkInfoDivier,
       onBack,
     ],
   );
diff --git a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.types.ts b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.types.ts
index e0db8a7c2c4..b2b75118b62 100644
--- a/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.types.ts
+++ b/app/components/Views/AccountConnect/AccountConnectMultiSelector/AccountConnectMultiSelector.types.ts
@@ -10,6 +10,7 @@ export enum AccountConnectMultiSelectorScreens {
 }
 
 // External dependencies.
+import { ConnectionProps } from '../../../../core/SDKConnect/Connection';
 import { UseAccounts } from '../../../hooks/useAccounts';
 import { IconName } from '../../../../component-library/components/Icons/Icon';
 import { USER_INTENT } from '../../../../constants/permissions';
@@ -27,4 +28,5 @@ export interface AccountConnectMultiSelectorProps extends UseAccounts {
   secureIcon: IconName;
   isAutoScrollEnabled?: boolean;
   onBack: () => void;
+  connection?: ConnectionProps;
 }
diff --git a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.styles.ts b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.styles.ts
index 91dbd31247c..7252272abca 100644
--- a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.styles.ts
+++ b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.styles.ts
@@ -29,6 +29,20 @@ const styleSheet = (params: { theme: Theme }) => {
       marginBottom: 16,
     },
     button: { flex: 1 },
+    sdkInfoContainer: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 10,
+      paddingHorizontal: 16,
+      marginBottom: -16,
+    },
+    sdkInfoDivier: {
+      borderTopWidth: 1,
+      borderTopColor: colors.border.muted,
+      height: 1,
+      width: '100%',
+    },
     buttonSeparator: {
       width: 16,
     },
diff --git a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.tsx b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.tsx
index ee21245e672..3fab788978e 100644
--- a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.tsx
+++ b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.tsx
@@ -22,7 +22,9 @@ import Icon, {
 } from '../../../../component-library/components/Icons/Icon';
 import SheetHeader from '../../../../component-library/components/Sheet/SheetHeader';
 import TagUrl from '../../../../component-library/components/Tags/TagUrl';
-import Text from '../../../../component-library/components/Texts/Text';
+import Text, {
+  TextColor,
+} from '../../../../component-library/components/Texts/Text';
 import { useStyles } from '../../../../component-library/hooks';
 import { formatAddress, getLabelTextByAddress } from '../../../../util/address';
 import { AccountConnectScreens } from '../AccountConnect.types';
@@ -45,6 +47,7 @@ const AccountConnectSingle = ({
   favicon,
   secureIcon,
   urlWithProtocol,
+  connection,
 }: AccountConnectSingleProps) => {
   const { styles } = useStyles(styleSheet, {});
   const accountAvatarType = useSelector((state: any) =>
@@ -72,6 +75,16 @@ const AccountConnectSingle = ({
             },
           ]}
         />
+
+        {connection?.originatorInfo?.apiVersion && (
+          <View style={styles.sdkInfoContainer}>
+            <View style={styles.sdkInfoDivier} />
+            <Text color={TextColor.Muted}>
+              SDK {connection?.originatorInfo?.platform} v
+              {connection?.originatorInfo?.apiVersion}
+            </Text>
+          </View>
+        )}
       </View>
     ),
     [
@@ -80,6 +93,7 @@ const AccountConnectSingle = ({
       isLoading,
       styles,
       defaultSelectedAccount?.address,
+      connection,
     ],
   );
 
diff --git a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.types.ts b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.types.ts
index 197398910ec..e546d73e1b8 100644
--- a/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.types.ts
+++ b/app/components/Views/AccountConnect/AccountConnectSingle/AccountConnectSingle.types.ts
@@ -2,10 +2,11 @@
 import { ImageSourcePropType } from 'react-native';
 
 // External dependencies.
-import { AccountConnectScreens } from '../AccountConnect.types';
-import { Account } from '../../../hooks/useAccounts';
+import { ConnectionProps } from '../../../../core/SDKConnect/Connection';
 import { IconName } from '../../../../component-library/components/Icons/Icon';
 import { USER_INTENT } from '../../../../constants/permissions';
+import { Account } from '../../../hooks/useAccounts';
+import { AccountConnectScreens } from '../AccountConnect.types';
 
 /**
  * AccountConnectSingle props.
@@ -19,4 +20,5 @@ export interface AccountConnectSingleProps {
   urlWithProtocol: string;
   favicon: ImageSourcePropType;
   secureIcon: IconName;
+  connection?: ConnectionProps;
 }
diff --git a/app/components/Views/SDKDisconnectModal/SDKDisconnectModal.tsx b/app/components/Views/SDKDisconnectModal/SDKDisconnectModal.tsx
new file mode 100644
index 00000000000..994ae38f579
--- /dev/null
+++ b/app/components/Views/SDKDisconnectModal/SDKDisconnectModal.tsx
@@ -0,0 +1,138 @@
+// Third party dependencies
+import React, { useMemo, useRef } from 'react';
+
+// External dependencies
+import { ThemeColors } from '@metamask/design-tokens/dist/js/themes/types';
+import { ThemeTypography } from '@metamask/design-tokens/dist/js/typography';
+import { useNavigation } from '@react-navigation/native';
+import { StyleSheet, View } from 'react-native';
+import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
+import BottomSheetHeader from '../../../../app/component-library/components/BottomSheets/BottomSheetHeader';
+import Button, {
+  ButtonVariants,
+} from '../../../../app/component-library/components/Buttons/Button';
+import Text, {
+  TextVariant,
+} from '../../../../app/component-library/components/Texts/Text';
+import { removePermittedAccounts } from '../../../../app/core/Permissions';
+import SDKConnect from '../../../../app/core/SDKConnect/SDKConnect';
+import DevLogger from '../../../../app/core/SDKConnect/utils/DevLogger';
+import { useTheme } from '../../../../app/util/theme';
+import { strings } from '../../../../locales/i18n';
+import BottomSheet, {
+  BottomSheetRef,
+} from '../../../component-library/components/BottomSheets/BottomSheet';
+import Routes from '../../../../app/constants/navigation/Routes';
+
+const createStyles = (
+  _colors: ThemeColors,
+  _typography: ThemeTypography,
+  _safeAreaInsets: EdgeInsets,
+) =>
+  StyleSheet.create({
+    container: {
+      paddingHorizontal: 16,
+      paddingBottom: 16,
+      gap: 16,
+    },
+    btn: {
+      width: '100%',
+    },
+  });
+
+interface SDKDisconnectModalProps {
+  route: {
+    params: {
+      channelId?: string;
+      account?: string;
+      accountName?: string;
+      dapp?: string;
+      accountsLength?: number;
+    };
+  };
+}
+
+const SDKDisconnectModal = ({ route }: SDKDisconnectModalProps) => {
+  const { params } = route;
+  const { channelId, account, accountsLength, accountName, dapp } =
+    params ?? {};
+
+  const sheetRef = useRef<BottomSheetRef>(null);
+  const safeAreaInsets = useSafeAreaInsets();
+  const { colors, typography } = useTheme();
+  const styles = createStyles(colors, typography, safeAreaInsets);
+  const { navigate } = useNavigation();
+
+  const { title, description } = useMemo(() => {
+    let _title, _description;
+
+    if (account) {
+      _title = 'sdk_disconnect_modal.disconnect_account';
+      _description = 'sdk_disconnect_modal.disconnect_account_desc';
+    } else if (channelId) {
+      _title = 'sdk_disconnect_modal.disconnect_all_accounts';
+      _description = 'sdk_disconnect_modal.disconnect_all_accounts_desc';
+    } else {
+      _title = 'sdk_disconnect_modal.disconnect_all';
+      _description = 'sdk_disconnect_modal.disconnect_all_desc';
+    }
+
+    return { title: _title, description: _description };
+  }, [channelId, account]);
+
+  const onConfirm = async () => {
+    if (account && channelId) {
+      removePermittedAccounts(channelId, [account]);
+    } else if (!account && channelId) {
+      SDKConnect.getInstance().removeChannel({
+        channelId,
+        sendTerminate: true,
+      });
+    }
+
+    DevLogger.log(
+      `OnConfirm: accountsLength=${accountsLength} channelId: ${channelId}, account: ${account}`,
+    );
+    if (account && accountsLength === 1 && channelId) {
+      SDKConnect.getInstance().removeChannel({
+        channelId,
+        sendTerminate: true,
+      });
+    } else if (!account && !channelId) {
+      SDKConnect.getInstance().removeAll();
+    }
+
+    navigate(Routes.SETTINGS.SDK_SESSIONS_MANAGER, { trigger: Date.now() });
+  };
+
+  const onCancel = () => {
+    navigate(Routes.SETTINGS.SDK_SESSIONS_MANAGER);
+  };
+
+  return (
+    <BottomSheet ref={sheetRef}>
+      <View style={styles.container}>
+        <BottomSheetHeader>
+          <Text variant={TextVariant.HeadingMD}>{strings(title)}</Text>
+        </BottomSheetHeader>
+        <Text variant={TextVariant.BodyMD}>
+          {strings(description, { account: accountName, dapp })}
+        </Text>
+        <Button
+          label={strings('sdk_disconnect_modal.disconnect_confirm')}
+          style={styles.btn}
+          variant={ButtonVariants.Primary}
+          onPress={onConfirm}
+        />
+        <Button
+          label={strings('sdk_disconnect_modal.cancel')}
+          style={styles.btn}
+          variant={ButtonVariants.Secondary}
+          onPress={onCancel}
+        />
+      </View>
+    </BottomSheet>
+  );
+};
+
+export default SDKDisconnectModal;
diff --git a/app/components/Views/SDKSessionModal/SDKSessionModal.tsx b/app/components/Views/SDKSessionModal/SDKSessionModal.tsx
new file mode 100644
index 00000000000..979bc06936a
--- /dev/null
+++ b/app/components/Views/SDKSessionModal/SDKSessionModal.tsx
@@ -0,0 +1,220 @@
+// Third party dependencies
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+
+// External dependencies
+import { ThemeColors } from '@metamask/design-tokens/dist/js/themes/types';
+import { ThemeTypography } from '@metamask/design-tokens/dist/js/typography';
+import { useNavigation } from '@react-navigation/native';
+import { StyleSheet, View } from 'react-native';
+import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSelector } from 'react-redux';
+import { AvatarVariant } from '../../../../app/component-library/components/Avatars/Avatar';
+import Button, {
+  ButtonVariants,
+} from '../../../../app/component-library/components/Buttons/Button';
+import Cell, {
+  CellVariant,
+} from '../../../../app/component-library/components/Cells/Cell';
+import TagUrl from '../../../../app/component-library/components/Tags/TagUrl';
+import { useAccounts } from '../../../../app/components/hooks/useAccounts';
+import Routes from '../../../../app/constants/navigation/Routes';
+import {
+  getPermittedAccounts,
+  getPermittedAccountsByHostname,
+} from '../../../../app/core/Permissions';
+import DevLogger from '../../../../app/core/SDKConnect/utils/DevLogger';
+import BottomSheet, {
+  BottomSheetRef,
+} from '../../../component-library/components/BottomSheets/BottomSheet';
+import BottomSheetHeader from '../../../component-library/components/BottomSheets/BottomSheetHeader';
+import Text, {
+  TextColor,
+  TextVariant,
+} from '../../../component-library/components/Texts/Text';
+import { useTheme } from '../../../util/theme';
+import { strings } from '../../../../locales/i18n';
+
+const createStyles = (
+  _colors: ThemeColors,
+  _typography: ThemeTypography,
+  _safeAreaInsets: EdgeInsets,
+) =>
+  StyleSheet.create({
+    container: {
+      paddingHorizontal: 16,
+      gap: 16,
+      paddingBottom: 16,
+    },
+    disconnectBtn: {
+      width: '100%',
+      marginTop: 16,
+    },
+    accountCellContainer: {
+      borderWidth: 0,
+    },
+    sdkInfoContainer: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 10,
+      paddingHorizontal: 16,
+      marginBottom: -16,
+    },
+    actionsContainer: {
+      paddingHorizontal: 16,
+      paddingBottom: 16,
+    },
+    btnAction: {
+      flex: 1,
+      alignSelf: 'center',
+      justifyContent: 'center',
+    },
+  });
+interface SDKSEssionMoodalProps {
+  route: {
+    params: {
+      channelId?: string;
+      icon?: string;
+      urlOrTitle: string;
+      version?: string;
+      platform?: string;
+    };
+  };
+}
+
+const SDKSessionModal = ({ route }: SDKSEssionMoodalProps) => {
+  const { params } = route;
+  const { channelId, icon, urlOrTitle, version, platform } = params;
+
+  const sheetRef = useRef<BottomSheetRef>(null);
+  const safeAreaInsets = useSafeAreaInsets();
+  const { colors, typography } = useTheme();
+  const styles = createStyles(colors, typography, safeAreaInsets);
+  const { navigate } = useNavigation();
+  const permittedAccountsList = useSelector(
+    (state: any) => state.engine.backgroundState.PermissionController,
+  );
+
+  const [permittedAccountsAddresses, setPermittedAccountsAddresses] = useState<
+    string[]
+  >([]);
+  const { accounts } = useAccounts({
+    isLoading: false,
+  });
+
+  const permittedAccounts = useMemo(
+    () =>
+      accounts?.filter((account) =>
+        permittedAccountsAddresses
+          .map((address) => address.toLowerCase())
+          .includes(account.address.toLowerCase()),
+      ),
+    [accounts, permittedAccountsAddresses],
+  );
+
+  DevLogger.log(`permittedAccountsAddresses`, permittedAccountsAddresses);
+  DevLogger.log(
+    `permittedAccounts state`,
+    JSON.stringify(permittedAccountsList, null, 2),
+  );
+
+  useEffect(() => {
+    if (channelId) {
+      const origin = channelId;
+      getPermittedAccounts(origin).then((_accounts) => {
+        setPermittedAccountsAddresses(_accounts);
+      });
+    }
+  }, [channelId]);
+
+  return (
+    <BottomSheet ref={sheetRef}>
+      <View style={styles.container}>
+        <BottomSheetHeader>
+          <Text variant={TextVariant.HeadingMD}>
+            {strings('sdk.manage_connections')}
+          </Text>
+        </BottomSheetHeader>
+        <TagUrl imageSource={{ uri: icon }} label={urlOrTitle} />
+        {version && platform && (
+          <View style={styles.sdkInfoContainer}>
+            <Text color={TextColor.Muted}>
+              SDK {platform} v{version}
+            </Text>
+          </View>
+        )}
+      </View>
+      {permittedAccounts?.map((account, index) => (
+        <Cell
+          key={`${account}-${index}`}
+          variant={CellVariant.Display}
+          avatarProps={{
+            accountAddress: account.address,
+            variant: AvatarVariant.Account,
+            style: { alignSelf: 'center', marginRight: 16 },
+          }}
+          style={styles.accountCellContainer}
+          title={account.name}
+          secondaryText={account.address}
+          onPress={async () => {
+            DevLogger.log(
+              `Disconnect account: ${account}`,
+              JSON.stringify(accounts, null, 2),
+            );
+            const permittedAccountsByHostname = getPermittedAccountsByHostname(
+              permittedAccountsList,
+              channelId ?? '',
+            );
+            DevLogger.log(
+              `permittedAccountsByHostname`,
+              permittedAccountsByHostname,
+            );
+          }}
+        >
+          <View style={styles.btnAction}>
+            <Button
+              variant={ButtonVariants.Link}
+              onPress={() => {
+                DevLogger.log(`Disconnect account: ${account}`, accounts);
+                if (channelId && account) {
+                  navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
+                    screen: Routes.SHEET.SDK_DISCONNECT,
+                    params: {
+                      channelId,
+                      accountsLength: permittedAccountsAddresses.length,
+                      account: account.address,
+                      accountName: account.name,
+                      dapp: urlOrTitle,
+                    },
+                  });
+                }
+              }}
+              label={strings('sdk.disconnect')}
+            />
+          </View>
+        </Cell>
+      ))}
+      <View style={styles.actionsContainer}>
+        <Button
+          label={strings('sdk.disconnect_all_accounts')}
+          variant={ButtonVariants.Primary}
+          style={styles.disconnectBtn}
+          onPress={() => {
+            DevLogger.log(`Disconnect all accounts channelId=${channelId}`);
+            navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
+              screen: Routes.SHEET.SDK_DISCONNECT,
+              params: {
+                channelId,
+                account: undefined,
+                accountsLength: permittedAccountsAddresses.length,
+                dapp: urlOrTitle,
+              },
+            });
+          }}
+        />
+      </View>
+    </BottomSheet>
+  );
+};
+
+export default SDKSessionModal;
diff --git a/app/components/Views/SDKSessionsManager/SDKSessionAccountListItem.tsx b/app/components/Views/SDKSessionsManager/SDKSessionAccountListItem.tsx
new file mode 100644
index 00000000000..abb005618a7
--- /dev/null
+++ b/app/components/Views/SDKSessionsManager/SDKSessionAccountListItem.tsx
@@ -0,0 +1,139 @@
+import { ThemeColors } from '@metamask/design-tokens/dist/js/themes/types';
+import { ThemeTypography } from '@metamask/design-tokens/dist/js/typography';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, TextStyle, View } from 'react-native';
+import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { AvatarSize } from '../../../../app/component-library/components/Avatars/Avatar';
+import AvatarToken from '../../../../app/component-library/components/Avatars/Avatar/variants/AvatarToken';
+import Badge, {
+  BadgeStatusState,
+  BadgeVariant,
+} from '../../../../app/component-library/components/Badges/Badge';
+import BadgeWrapper from '../../../../app/component-library/components/Badges/BadgeWrapper';
+import { ConnectionProps } from '../../../../app/core/SDKConnect/Connection';
+import { strings } from '../../../../locales/i18n';
+import { useTheme } from '../../../util/theme';
+import Text from '../../../../app/component-library/components/Texts/Text';
+import AvatarFavicon from '../../../../app/component-library/components/Avatars/Avatar/variants/AvatarFavicon';
+import Button, {
+  ButtonVariants,
+} from '../../../../app/component-library/components/Buttons/Button';
+
+interface SDKSessionViewProps {
+  connection: {
+    id: ConnectionProps['id'];
+    originatorInfo?: ConnectionProps['originatorInfo'];
+  };
+  connected?: boolean;
+  onDisconnect: (channelId: string) => void;
+}
+
+const createStyles = (
+  colors: ThemeColors,
+  typography: ThemeTypography,
+  _safeAreaInsets: EdgeInsets,
+) =>
+  StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      flexGrow: 1,
+      alignItems: 'center',
+      marginBottom: 20,
+    },
+    icon: {
+      height: 24,
+      width: 24,
+      borderRadius: 12,
+      borderWidth: 1,
+    },
+    iconText: {
+      ...typography.sHeadingSMRegular,
+      textAlign: 'center',
+    } as TextStyle,
+    dappName: {
+      flexShrink: 1,
+      flexGrow: 1,
+      marginLeft: 5,
+      marginRight: 5,
+      flexWrap: 'wrap',
+    },
+    disconnectContainer: {
+      borderColor: colors.error.default,
+      alignItems: 'center',
+      height: 24,
+      width: 120,
+      paddingLeft: 10,
+      paddingRight: 10,
+    },
+    disconnectFont: {
+      ...typography.sHeadingSMRegular,
+      color: colors.error.default,
+    } as TextStyle,
+  });
+
+export const SDKSessionAccountListItem = ({
+  connection,
+  connected = false,
+  onDisconnect,
+}: SDKSessionViewProps) => {
+  const safeAreaInsets = useSafeAreaInsets();
+  const { colors, typography } = useTheme();
+  const styles = createStyles(colors, typography, safeAreaInsets);
+  const [sessionName, setSessionName] = useState('');
+  const [icon, setIcon] = useState<string>();
+
+  useEffect(() => {
+    let _sessionName = connection.id;
+
+    const {
+      title,
+      url,
+      icon: _icon,
+    } = connection.originatorInfo || {
+      title: '',
+      url: '',
+      icon: '',
+    };
+
+    if (title?.length > 0) {
+      _sessionName = title;
+    } else if (url?.length > 0) {
+      _sessionName = url;
+    }
+
+    if (_icon && _icon?.length > 0) {
+      setIcon(_icon);
+    }
+
+    setSessionName(_sessionName);
+  }, [connection.originatorInfo, connection.id]);
+
+  return (
+    <View style={styles.container}>
+      <BadgeWrapper
+        badgeElement={
+          connected ? (
+            <Badge
+              variant={BadgeVariant.Status}
+              state={BadgeStatusState.Active}
+            />
+          ) : undefined
+        }
+      >
+        {icon ? (
+          <AvatarFavicon imageSource={{ uri: icon }} />
+        ) : (
+          <AvatarToken name={sessionName} isHaloEnabled size={AvatarSize.Md} />
+        )}
+      </BadgeWrapper>
+      <Text style={styles.dappName}>{sessionName}</Text>
+      <Button
+        label={strings('sdk.manage')}
+        variant={ButtonVariants.Link}
+        onPress={() => onDisconnect(connection.id)}
+      />
+    </View>
+  );
+};
+
+export default SDKSessionAccountListItem;
diff --git a/app/components/Views/SDKSessionsManager/SDKSessionItem.tsx b/app/components/Views/SDKSessionsManager/SDKSessionItem.tsx
index fe09a15ae15..0f865f02afb 100644
--- a/app/components/Views/SDKSessionsManager/SDKSessionItem.tsx
+++ b/app/components/Views/SDKSessionsManager/SDKSessionItem.tsx
@@ -1,29 +1,38 @@
-import type { ThemeColors } from '@metamask/design-tokens/dist/types/js/themes/types';
-import type { ThemeTypography } from '@metamask/design-tokens/dist/types/js/typography';
-import React, { useEffect, useState } from 'react';
+import { ThemeColors } from '@metamask/design-tokens/dist/js/themes/types';
+import { ThemeTypography } from '@metamask/design-tokens/dist/js/typography';
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback, useEffect, useState } from 'react';
 import { StyleSheet, TextStyle, View } from 'react-native';
 import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { AvatarSize } from '../../../../app/component-library/components/Avatars/Avatar';
+import AvatarFavicon from '../../../../app/component-library/components/Avatars/Avatar/variants/AvatarFavicon';
 import AvatarToken from '../../../../app/component-library/components/Avatars/Avatar/variants/AvatarToken';
 import Badge, {
   BadgeStatusState,
   BadgeVariant,
 } from '../../../../app/component-library/components/Badges/Badge';
 import BadgeWrapper from '../../../../app/component-library/components/Badges/BadgeWrapper';
+import Button, {
+  ButtonSize,
+  ButtonVariants,
+} from '../../../../app/component-library/components/Buttons/Button';
+import Text, {
+  TextVariant,
+} from '../../../../app/component-library/components/Texts/Text';
+import Routes from '../../../../app/constants/navigation/Routes';
+import { getPermittedAccounts } from '../../../../app/core/Permissions';
 import { ConnectionProps } from '../../../../app/core/SDKConnect/Connection';
 import { strings } from '../../../../locales/i18n';
+import DevLogger from '../../../core/SDKConnect/utils/DevLogger';
 import { useTheme } from '../../../util/theme';
-import StyledButton from '../../UI/StyledButton';
-import Text from '../../../../app/component-library/components/Texts/Text';
-import AvatarFavicon from '../../../../app/component-library/components/Avatars/Avatar/variants/AvatarFavicon';
 
 interface SDKSessionViewProps {
   connection: {
     id: ConnectionProps['id'];
     originatorInfo?: ConnectionProps['originatorInfo'];
   };
+  trigger?: number; // used to force refresh fetching permitted accounts
   connected?: boolean;
-  onDisconnect: (channelId: string) => void;
 }
 
 const createStyles = (
@@ -36,8 +45,13 @@ const createStyles = (
       flexDirection: 'row',
       flexGrow: 1,
       alignItems: 'center',
+      justifyContent: 'center',
       marginBottom: 20,
     },
+    labelContainer: { flex: 1, paddingLeft: 10 },
+    selfCenter: {
+      alignSelf: 'center',
+    },
     icon: {
       height: 24,
       width: 24,
@@ -72,14 +86,21 @@ const createStyles = (
 export const SDKSessionItem = ({
   connection,
   connected = false,
-  onDisconnect,
+  trigger,
 }: SDKSessionViewProps) => {
   const safeAreaInsets = useSafeAreaInsets();
   const { colors, typography } = useTheme();
   const styles = createStyles(colors, typography, safeAreaInsets);
   const [sessionName, setSessionName] = useState('');
   const [icon, setIcon] = useState<string>();
+  const { navigate } = useNavigation();
+  const [permittedAccountsAddresses, setPermittedAccountsAddresses] = useState<
+    string[]
+  >([]);
 
+  DevLogger.log(
+    `Rendering SDKSessionItem connected=${connected} ${connection.id}`,
+  );
   useEffect(() => {
     let _sessionName = connection.id;
 
@@ -93,22 +114,45 @@ export const SDKSessionItem = ({
       icon: '',
     };
 
-    if (title?.length > 0) {
-      _sessionName = title;
-    } else if (url?.length > 0) {
+    if (url?.length > 0) {
       _sessionName = url;
+      // remove protocol from url
+      _sessionName = _sessionName.replace(/(^\w+:|^)\/\//, '');
+    } else if (title?.length > 0) {
+      _sessionName = title;
     }
 
     if (_icon && _icon?.length > 0) {
       setIcon(_icon);
     }
 
+    getPermittedAccounts(connection.id).then((_accounts) => {
+      setPermittedAccountsAddresses(_accounts);
+    });
+
     setSessionName(_sessionName);
-  }, [connection.originatorInfo, connection.id]);
+  }, [connection, trigger]);
+
+  const onManage = useCallback(() => {
+    DevLogger.log(`Manage connection: ${connection.id}`, icon);
+    const params = {
+      channelId: connection.id,
+      icon,
+      urlOrTitle: sessionName,
+      version: connection.originatorInfo?.apiVersion,
+      platform: connection.originatorInfo?.platform,
+    };
+
+    navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
+      screen: Routes.SHEET.SDK_MANAGE_CONNECTIONS,
+      params,
+    });
+  }, [connection, navigate, sessionName, icon]);
 
   return (
     <View style={styles.container}>
       <BadgeWrapper
+        style={styles.selfCenter}
         badgeElement={
           connected ? (
             <Badge
@@ -124,16 +168,21 @@ export const SDKSessionItem = ({
           <AvatarToken name={sessionName} isHaloEnabled size={AvatarSize.Md} />
         )}
       </BadgeWrapper>
-      <Text style={styles.dappName}>{sessionName}</Text>
-      <StyledButton
-        type="normal"
-        onPress={() => onDisconnect(connection.id)}
-        containerStyle={styles.disconnectContainer}
-        style={[styles.disconnectContainer, styles.disconnectFont]}
-        fontStyle={styles.disconnectFont}
-      >
-        {strings('sdk.disconnect')}
-      </StyledButton>
+      <View style={styles.labelContainer}>
+        <Text variant={TextVariant.BodyLGMedium}>{sessionName}</Text>
+        <Text variant={TextVariant.BodyMD}>
+          {strings('sdk_session_item.connected_accounts', {
+            accountsLength: permittedAccountsAddresses.length,
+          })}
+        </Text>
+      </View>
+      <Button
+        label={strings('sdk.manage')}
+        variant={ButtonVariants.Secondary}
+        style={styles.selfCenter}
+        size={ButtonSize.Sm}
+        onPress={() => onManage()}
+      />
     </View>
   );
 };
diff --git a/app/components/Views/SDKSessionsManager/SDKSessionsManager.tsx b/app/components/Views/SDKSessionsManager/SDKSessionsManager.tsx
index 7dc4a90dea1..248a1726f85 100644
--- a/app/components/Views/SDKSessionsManager/SDKSessionsManager.tsx
+++ b/app/components/Views/SDKSessionsManager/SDKSessionsManager.tsx
@@ -1,30 +1,38 @@
 import { StackNavigationProp } from '@react-navigation/stack';
-import React, { useEffect, useState } from 'react';
-import { ScrollView, StyleSheet, Text, TextStyle, View } from 'react-native';
+import React, { useCallback, useEffect, useState } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
 import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { strings } from '../../../../locales/i18n';
 import { useTheme } from '../../../util/theme';
 
-import type { ThemeColors } from '@metamask/design-tokens/dist/types/js/themes/types';
-import type { ThemeTypography } from '@metamask/design-tokens/dist/types/js/typography';
+import { ThemeColors } from '@metamask/design-tokens/dist/js/themes/types';
+import { ThemeTypography } from '@metamask/design-tokens/dist/js/typography';
+import { RouteProp, useNavigation, useRoute } from '@react-navigation/native';
+import Button, {
+  ButtonVariants,
+} from '../../../../app/component-library/components/Buttons/Button';
+import Icon, {
+  IconName,
+  IconSize,
+} from '../../../../app/component-library/components/Icons/Icon';
+import Text, {
+  TextVariant,
+} from '../../../../app/component-library/components/Texts/Text';
+import Routes from '../../../../app/constants/navigation/Routes';
 import { SDKSelectorsIDs } from '../../../../e2e/selectors/Settings/SDK.selectors';
-import ActionModal from '../../../components/UI/ActionModal';
 import { getNavigationOptionsTitle } from '../../../components/UI/Navbar';
 import { AndroidClient } from '../../../core/SDKConnect/AndroidSDK/android-sdk-types';
 import { ConnectionProps } from '../../../core/SDKConnect/Connection';
 import { SDKConnect } from '../../../core/SDKConnect/SDKConnect';
-import StyledButton from '../../UI/StyledButton';
 import SDKSessionItem from './SDKSessionItem';
 
-interface Props {
-  navigation: StackNavigationProp<{
-    [route: string]: { screen: string };
-  }>;
+interface SDKSessionsManagerProps {
+  navigation: StackNavigationProp<any>;
 }
 
 const createStyles = (
   colors: ThemeColors,
-  typography: ThemeTypography,
+  _typography: ThemeTypography,
   _safeAreaInsets: EdgeInsets,
 ) =>
   StyleSheet.create({
@@ -42,32 +50,28 @@ const createStyles = (
       justifyContent: 'center',
       padding: 20,
     },
-    modalText: {
-      ...typography.sHeadingSMRegular,
-      textAlign: 'center',
-    } as TextStyle,
-    emptyNotice: {
-      ...typography.sBodyMD,
-    } as TextStyle,
-    modalTitle: {
-      ...typography.lBodyMDBold,
-      textAlign: 'center',
-      marginBottom: 20,
-    } as TextStyle,
-    disconnectAllContainer: {
-      borderColor: colors.error.default,
+    emptyContainer: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      gap: 16,
     },
-    disconnectAllFont: { color: colors.error.default },
-    title: {
-      fontSize: 30,
+    btnAction: {
+      width: '100%',
     },
+    centerAlign: {
+      textAlign: 'center',
+    },
+    disconnectAllContainer: {},
   });
 
-const SDKSessionsManager = (props: Props) => {
-  const [showClearMMSDKConnectionsModal, setShowClearMMSDKConnectionsModal] =
-    useState(false);
+const SDKSessionsManager = (props: SDKSessionsManagerProps) => {
   const safeAreaInsets = useSafeAreaInsets();
+  const route =
+    useRoute<RouteProp<{ params: { trigger?: number } }, 'params'>>();
+
   const sdk = SDKConnect.getInstance();
+  const { trigger } = route.params ?? { trigger: undefined };
   const { colors, typography } = useTheme();
   const styles = createStyles(colors, typography, safeAreaInsets);
   const [connections, setConnections] = useState<ConnectionProps[]>([]);
@@ -75,15 +79,13 @@ const SDKSessionsManager = (props: Props) => {
   const [androidConnections, setAndroidConnections] = useState<AndroidClient[]>(
     [],
   );
+  const { navigate } = useNavigation();
 
-  const toggleClearMMSDKConnectionModal = () => {
-    setShowClearMMSDKConnectionsModal((show) => !show);
-  };
-
-  const clearMMSDKConnections = async () => {
-    toggleClearMMSDKConnectionModal();
-    sdk.removeAll();
-  };
+  const toggleClearMMSDKConnectionModal = useCallback(() => {
+    navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
+      screen: Routes.SHEET.SDK_DISCONNECT,
+    });
+  }, [navigate]);
 
   useEffect(() => {
     const refreshSDKState = async () => {
@@ -135,73 +137,61 @@ const SDKSessionsManager = (props: Props) => {
     };
   }, [sdk, colors, props]);
 
-  const onDisconnect = (channelId: string) => {
-    sdk.removeChannel({ channelId, sendTerminate: true, emitRefresh: true });
-  };
-
-  const renderMMSDKConnectionsModal = () => (
-    <ActionModal
-      modalVisible={showClearMMSDKConnectionsModal}
-      confirmText={strings('app_settings.clear')}
-      cancelText={strings('app_settings.reset_account_cancel_button')}
-      onCancelPress={toggleClearMMSDKConnectionModal}
-      onRequestClose={toggleClearMMSDKConnectionModal}
-      onConfirmPress={clearMMSDKConnections}
-    >
-      <View style={styles.modalView}>
-        <Text style={styles.modalTitle}>
-          {strings('app_settings.clear_sdk_connections_title')}
-        </Text>
-        <Text style={styles.modalText}>
-          {strings('app_settings.clear_sdk_connections_text')}
-        </Text>
-      </View>
-    </ActionModal>
-  );
-
-  const renderSDKSessions = () => (
-    <>
-      <ScrollView>
-        {connections.map((sdkSession, _index) => (
-          <SDKSessionItem
-            key={sdkSession.id}
-            connected={connectedIds.includes(sdkSession.id)}
-            connection={sdkSession}
-            onDisconnect={(channelId: string) => {
-              onDisconnect(channelId);
+  const renderSDKSessions = useCallback(
+    () => (
+      <>
+        <ScrollView>
+          {connections.map((sdkSession, _index) => (
+            <SDKSessionItem
+              key={sdkSession.id}
+              connected={connectedIds.includes(sdkSession.id)}
+              trigger={trigger}
+              connection={sdkSession}
+            />
+          ))}
+          {androidConnections.map((androidSession, _index) => (
+            <SDKSessionItem
+              key={`${_index}_${androidSession.clientId}`}
+              connection={{
+                id: androidSession.clientId,
+                originatorInfo: androidSession.originatorInfo,
+              }}
+              connected={androidSession.connected}
+            />
+          ))}
+        </ScrollView>
+        <View style={styles.disconnectAllContainer}>
+          <Button
+            variant={ButtonVariants.Secondary}
+            label={strings('sdk.disconnect_all')}
+            style={styles.btnAction}
+            onPress={() => {
+              toggleClearMMSDKConnectionModal();
             }}
           />
-        ))}
-        {androidConnections.map((androidSession, _index) => (
-          <SDKSessionItem
-            key={`${_index}_${androidSession.clientId}`}
-            connection={{
-              id: androidSession.clientId,
-              originatorInfo: androidSession.originatorInfo,
-            }}
-            connected={androidSession.connected}
-            onDisconnect={(channelId: string) => {
-              onDisconnect(channelId);
-            }}
-          />
-        ))}
-      </ScrollView>
-      <StyledButton
-        type="normal"
-        onPress={() => {
-          toggleClearMMSDKConnectionModal();
-        }}
-        containerStyle={styles.disconnectAllContainer}
-        style={[styles.disconnectAllContainer, styles.disconnectAllFont]}
-        fontStyle={styles.disconnectAllFont}
-      >
-        {strings('sdk.disconnect_all')}
-      </StyledButton>
-    </>
+        </View>
+      </>
+    ),
+    [
+      connectedIds,
+      trigger,
+      connections,
+      androidConnections,
+      styles,
+      toggleClearMMSDKConnectionModal,
+    ],
   );
 
   const renderEmptyResult = () => (
-    <Text style={styles.emptyNotice}>{strings('sdk.no_connections')}</Text>
+    <View style={styles.emptyContainer}>
+      <Icon name={IconName.Global} size={IconSize.Xl} />
+      <Text variant={TextVariant.HeadingSM}>
+        {strings('sdk.no_connections')}
+      </Text>
+      <Text variant={TextVariant.BodyMD} style={styles.centerAlign}>
+        {strings('sdk.no_connections_desc')}
+      </Text>
+    </View>
   );
 
   return (
@@ -212,7 +202,6 @@ const SDKSessionsManager = (props: Props) => {
       {connections.length + androidConnections.length > 0
         ? renderSDKSessions()
         : renderEmptyResult()}
-      {renderMMSDKConnectionsModal()}
     </View>
   );
 };
diff --git a/app/components/Views/Settings/SecuritySettings/Sections/ClearPrivacy/ClearPrivacy.tsx b/app/components/Views/Settings/SecuritySettings/Sections/ClearPrivacy/ClearPrivacy.tsx
index 43c93d90db4..18f44a854d9 100644
--- a/app/components/Views/Settings/SecuritySettings/Sections/ClearPrivacy/ClearPrivacy.tsx
+++ b/app/components/Views/Settings/SecuritySettings/Sections/ClearPrivacy/ClearPrivacy.tsx
@@ -15,6 +15,7 @@ import Button, {
   ButtonVariants,
   ButtonWidthTypes,
 } from '../../../../../../component-library/components/Buttons/Button';
+import SDKConnect from '../../../../../../../app/core/SDKConnect/SDKConnect';
 
 const ClearPrivacy = () => {
   const { styles } = useStyles(styleSheet, {});
@@ -24,6 +25,7 @@ const ClearPrivacy = () => {
   const clearApprovals = () => {
     const { PermissionController } = Engine.context as any;
     PermissionController?.clearState?.();
+    SDKConnect.getInstance().removeAll();
     setModalVisible(false);
   };
 
diff --git a/app/components/Views/confirmations/components/ApproveTransactionHeader/__snapshots__/ApproveTransactionHeader.test.tsx.snap b/app/components/Views/confirmations/components/ApproveTransactionHeader/__snapshots__/ApproveTransactionHeader.test.tsx.snap
index b2137bd0ecf..16a1c37d4ca 100644
--- a/app/components/Views/confirmations/components/ApproveTransactionHeader/__snapshots__/ApproveTransactionHeader.test.tsx.snap
+++ b/app/components/Views/confirmations/components/ApproveTransactionHeader/__snapshots__/ApproveTransactionHeader.test.tsx.snap
@@ -32,10 +32,10 @@ exports[`ApproveTransactionHeader should render correctly 1`] = `
         Object {
           "backgroundColor": "#FFFFFF",
           "borderRadius": 16,
-          "height": 32,
+          "height": 24,
           "marginRight": 8,
           "overflow": "hidden",
-          "width": 32,
+          "width": 24,
         }
       }
     >
diff --git a/app/components/Views/confirmations/components/TypedSign/__snapshots__/index.test.tsx.snap b/app/components/Views/confirmations/components/TypedSign/__snapshots__/index.test.tsx.snap
index dfc3e93c6e6..3dcc48884ca 100644
--- a/app/components/Views/confirmations/components/TypedSign/__snapshots__/index.test.tsx.snap
+++ b/app/components/Views/confirmations/components/TypedSign/__snapshots__/index.test.tsx.snap
@@ -157,10 +157,10 @@ exports[`TypedSign onConfirm signs message 1`] = `
                       Object {
                         "backgroundColor": "#FFFFFF",
                         "borderRadius": 16,
-                        "height": 32,
+                        "height": 24,
                         "marginRight": 8,
                         "overflow": "hidden",
-                        "width": 32,
+                        "width": 24,
                       }
                     }
                   >
@@ -813,10 +813,10 @@ exports[`TypedSign onReject rejects message 1`] = `
                       Object {
                         "backgroundColor": "#FFFFFF",
                         "borderRadius": 16,
-                        "height": 32,
+                        "height": 24,
                         "marginRight": 8,
                         "overflow": "hidden",
-                        "width": 32,
+                        "width": 24,
                       }
                     }
                   >
diff --git a/app/constants/navigation/Routes.ts b/app/constants/navigation/Routes.ts
index de8d22ca907..f08cb321c27 100644
--- a/app/constants/navigation/Routes.ts
+++ b/app/constants/navigation/Routes.ts
@@ -72,12 +72,15 @@ const Routes = {
     REVEAL_PRIVATE_CREDENTIAL: 'RevealPrivateCredentialView',
     CHANGE_PASSWORD: 'ResetPassword',
     EXPERIMENTAL_SETTINGS: 'ExperimentalSettings',
+    SDK_SESSIONS_MANAGER: 'SDKSessionsManager',
   },
   SHEET: {
     ACCOUNT_SELECTOR: 'AccountSelector',
     AMBIGUOUS_ADDRESS: 'AmbiguousAddress',
     SDK_LOADING: 'SDKLoading',
     SDK_FEEDBACK: 'SDKFeedback',
+    SDK_MANAGE_CONNECTIONS: 'SDKManageConnections',
+    SDK_DISCONNECT: 'SDKDisconnect',
     ACCOUNT_CONNECT: 'AccountConnect',
     ACCOUNT_PERMISSIONS: 'AccountPermissions',
     NETWORK_SELECTOR: 'NetworkSelector',
diff --git a/app/core/BackgroundBridge/BackgroundBridge.js b/app/core/BackgroundBridge/BackgroundBridge.js
index 2809cba441b..7f561bc29ef 100644
--- a/app/core/BackgroundBridge/BackgroundBridge.js
+++ b/app/core/BackgroundBridge/BackgroundBridge.js
@@ -36,6 +36,8 @@ const pump = require('pump');
 // eslint-disable-next-line import/no-nodejs-modules
 const EventEmitter = require('events').EventEmitter;
 const { NOTIFICATION_NAMES } = AppConstants;
+import DevLogger from '../SDKConnect/utils/DevLogger';
+import { getPermittedAccounts } from '../Permissions';
 
 export class BackgroundBridge extends EventEmitter {
   constructor({
@@ -50,6 +52,7 @@ export class BackgroundBridge extends EventEmitter {
     getApprovedHosts,
     remoteConnHost,
     isMMSDK,
+    channelId,
   }) {
     super();
     this.url = url;
@@ -63,6 +66,7 @@ export class BackgroundBridge extends EventEmitter {
     this._webviewRef = webview && webview.current;
     this.disconnected = false;
     this.getApprovedHosts = getApprovedHosts;
+    this.channelId = channelId;
 
     this.createMiddleware = getRpcMethodMiddleware;
 
@@ -106,6 +110,26 @@ export class BackgroundBridge extends EventEmitter {
       this.onUnlock.bind(this),
     );
 
+    try {
+      const pc = Engine.context.PermissionController;
+      const controllerMessenger = Engine.context.controllerMessenger;
+      controllerMessenger.subscribe(
+        `${pc.name}:stateChange`,
+        (subjectWithPermission) => {
+          DevLogger.log(
+            `PermissionController:stateChange event`,
+            subjectWithPermission,
+          );
+          // Inform dapp about updated permissions
+          const selectedAddress = this.getState().selectedAddress;
+          this.notifySelectedAddressChanged(selectedAddress);
+        },
+        (state) => state.subjects[this.channelId],
+      );
+    } catch (err) {
+      DevLogger.log(`Error in BackgroundBridge: ${err}`);
+    }
+
     this.on('update', this.onStateUpdate);
 
     if (this.isRemoteConn) {
@@ -197,19 +221,49 @@ export class BackgroundBridge extends EventEmitter {
     });
   }
 
-  notifySelectedAddressChanged(selectedAddress) {
-    if (this.isRemoteConn) {
-      // Pass the remoteConnHost to getApprovedHosts as AndroidSDK requires it
-      if (
-        !this.getApprovedHosts?.(this.remoteConnHost)?.[this.remoteConnHost]
-      ) {
+  async notifySelectedAddressChanged(selectedAddress) {
+    try {
+      // Remove following specific walletconnect block once WalletConnect has migrated away from DefaultPreferences
+      if (this.isWalletConnect) {
+        DevLogger.log(
+          `notifySelectedAddressChanged walletconnect hostname: ${this.hostname}: ${selectedAddress}`,
+        );
+        this.sendNotification({
+          method: NOTIFICATION_NAMES.accountsChanged,
+          params: [selectedAddress],
+        });
         return;
       }
+
+      let approvedAccounts = await getPermittedAccounts(
+        this.channelId ?? this.hostname,
+      );
+
+      // Check if selectedAddress is approved
+      const found = approvedAccounts
+        .map((addr) => addr.toLowerCase())
+        .includes(selectedAddress.toLowerCase());
+
+      if (found) {
+        // Set selectedAddress as first value in array
+        approvedAccounts = [
+          selectedAddress,
+          ...approvedAccounts.filter(
+            (addr) => addr.toLowerCase() !== selectedAddress.toLowerCase(),
+          ),
+        ];
+      }
+      DevLogger.log(
+        `notifySelectedAddressChanged hostname: ${this.hostname}: ${selectedAddress}`,
+        approvedAccounts,
+      );
+      this.sendNotification({
+        method: NOTIFICATION_NAMES.accountsChanged,
+        params: approvedAccounts,
+      });
+    } catch (err) {
+      console.error(`notifySelectedAddressChanged: ${err}`);
     }
-    this.sendNotification({
-      method: NOTIFICATION_NAMES.accountsChanged,
-      params: [selectedAddress],
-    });
   }
 
   onStateUpdate(memState) {
@@ -338,16 +392,6 @@ export class BackgroundBridge extends EventEmitter {
       }),
     );
 
-    // TODO - Remove this condition when WalletConnect and MMSDK uses Permission System.
-    if (!this.isMMSDK && !this.isWalletConnect) {
-      const permissionController = Engine.context.PermissionController;
-      engine.push(
-        permissionController.createPermissionMiddleware({
-          origin,
-        }),
-      );
-    }
-
     engine.push(createSanitizationMiddleware());
     // forward to metamask primary provider
     engine.push(providerAsMiddleware(provider));
@@ -355,6 +399,7 @@ export class BackgroundBridge extends EventEmitter {
   }
 
   sendNotification(payload) {
+    DevLogger.log(`BackgroundBridge::sendNotification: `, payload);
     this.engine && this.engine.emit('notification', payload);
   }
 
diff --git a/app/core/Engine.ts b/app/core/Engine.ts
index a3957899e10..739017082e4 100644
--- a/app/core/Engine.ts
+++ b/app/core/Engine.ts
@@ -710,6 +710,7 @@ class Engine {
       // @ts-ignore TODO: Resolve/patch mismatch between base-controller versions. Before: never, never. Now: string, string, which expects 3rd and 4th args to be informed for restrictedControllerMessengers
       messenger: this.controllerMessenger.getRestricted({
         name: 'PermissionController',
+        allowedEvents: [`PermissionController:stateChange`],
         allowedActions: [
           `${approvalController.name}:addRequest`,
           `${approvalController.name}:hasRequest`,
@@ -1186,7 +1187,9 @@ class Engine {
         ...context,
         [controller.name]: controller,
       }),
-      {},
+      {
+        controllerMessenger: this.controllerMessenger,
+      },
     ) as typeof this.context;
 
     const {
diff --git a/app/core/RPCMethods/RPCMethodMiddleware.test.ts b/app/core/RPCMethods/RPCMethodMiddleware.test.ts
index b2249be2c75..62c4311c3a9 100644
--- a/app/core/RPCMethods/RPCMethodMiddleware.test.ts
+++ b/app/core/RPCMethods/RPCMethodMiddleware.test.ts
@@ -398,7 +398,7 @@ describe('getRpcMethodMiddleware', () => {
       });
 
       describe('SDK', () => {
-        it('returns the selected account for an approved host', async () => {
+        it('returns permitted account for connected host', async () => {
           const mockAddress1 = '0x0000000000000000000000000000000000000001';
           const mockAddress2 = '0x0000000000000000000000000000000000000001';
           setupGlobalState({
@@ -408,7 +408,6 @@ describe('getRpcMethodMiddleware', () => {
           const middleware = getRpcMethodMiddleware({
             ...getMinimalSDKOptions(),
             hostname: 'example.metamask.io',
-            getApprovedHosts: () => ({ 'example.metamask.io': true }),
           });
           const request = {
             jsonrpc,
@@ -420,21 +419,19 @@ describe('getRpcMethodMiddleware', () => {
 
           expect((response as JsonRpcFailure).error).toBeUndefined();
           expect((response as JsonRpcSuccess<string>).result).toStrictEqual([
-            mockAddress2,
+            mockAddress1,
           ]);
         });
 
-        it('returns an empty array for an unapproved host', async () => {
-          const mockAddress1 = '0x0000000000000000000000000000000000000001';
+        it('returns an empty array for an unconnected channel', async () => {
           const mockAddress2 = '0x0000000000000000000000000000000000000001';
           setupGlobalState({
-            permittedAccounts: { 'example.metamask.io': [mockAddress1] },
+            permittedAccounts: {},
             selectedAddress: mockAddress2,
           });
           const middleware = getRpcMethodMiddleware({
             ...getMinimalSDKOptions(),
             hostname: 'example.metamask.io',
-            getApprovedHosts: () => ({}),
           });
           const request = {
             jsonrpc,
@@ -627,6 +624,7 @@ describe('getRpcMethodMiddleware', () => {
         const mockTransactionParameters = { from: mockAddress, chainId: '0x1' };
         setupGlobalState({
           addTransactionResult: Promise.resolve('fake-hash'),
+          permittedAccounts: { 'example.metamask.io': [mockAddress] },
           // Set minimal network controller state to support validation
           providerConfig: {
             chainId: '0x1',
@@ -694,6 +692,9 @@ describe('getRpcMethodMiddleware', () => {
         const mockTransactionParameters = { from: mockAddress, chainId: '0x1' };
         setupGlobalState({
           addTransactionResult: Promise.resolve('fake-hash'),
+          permittedAccounts: {
+            '70a863a4-a756-4660-8c72-dc367d02f625': [mockAddress],
+          },
           // Set minimal network controller state to support validation
           providerConfig: {
             chainId: '0x1',
@@ -704,6 +705,7 @@ describe('getRpcMethodMiddleware', () => {
         const middleware = getRpcMethodMiddleware({
           ...getMinimalSDKOptions(),
           hostname: 'example.metamask.io',
+          channelId: '70a863a4-a756-4660-8c72-dc367d02f625',
         });
         const request = {
           jsonrpc,
diff --git a/app/core/RPCMethods/RPCMethodMiddleware.ts b/app/core/RPCMethods/RPCMethodMiddleware.ts
index 84722ee8767..633a69e5d4f 100644
--- a/app/core/RPCMethods/RPCMethodMiddleware.ts
+++ b/app/core/RPCMethods/RPCMethodMiddleware.ts
@@ -67,6 +67,7 @@ export enum ApprovalTypes {
 
 export interface RPCMethodsMiddleParameters {
   hostname: string;
+  channelId?: string; // Used for remote connections
   getProviderState: () => any;
   navigation: any;
   url: { current: string };
@@ -96,12 +97,32 @@ export interface RPCMethodsMiddleParameters {
 export const checkActiveAccountAndChainId = async ({
   address,
   chainId,
+  channelId,
   checkSelectedAddress,
   hostname,
-}: any) => {
+}: {
+  address?: string;
+  chainId?: number;
+  channelId?: string;
+  checkSelectedAddress: boolean;
+  hostname: string;
+}) => {
   let isInvalidAccount = false;
   if (address) {
     const formattedAddress = safeToChecksumAddress(address);
+    DevLogger.log('checkActiveAccountAndChainId', {
+      address,
+      chainId,
+      channelId,
+      checkSelectedAddress,
+      hostname,
+      formattedAddress,
+    });
+    const validHostname = hostname?.replace(
+      AppConstants.MM_SDK.SDK_REMOTE_ORIGIN,
+      '',
+    );
+
     if (checkSelectedAddress) {
       const selectedAddress =
         Engine.context.PreferencesController.state.selectedAddress;
@@ -109,14 +130,20 @@ export const checkActiveAccountAndChainId = async ({
         isInvalidAccount = true;
       }
     } else {
-      // For Browser use permissions
-      const accounts = await getPermittedAccounts(hostname);
+      const accounts = await getPermittedAccounts(channelId ?? validHostname);
       const normalizedAccounts = accounts.map(safeToChecksumAddress);
 
       if (!normalizedAccounts.includes(formattedAddress)) {
         isInvalidAccount = true;
+        if (accounts.length > 0) {
+          // Permissions issue --- requesting incorrect address
+          throw ethErrors.rpc.invalidParams({
+            message: `Invalid parameters: must provide a permitted Ethereum address.`,
+          });
+        }
       }
     }
+
     if (isInvalidAccount) {
       throw ethErrors.rpc.invalidParams({
         message: `Invalid parameters: must provide an Ethereum address.`,
@@ -167,9 +194,9 @@ const generateRawSignature = async ({
   title,
   icon,
   analytics,
-  isMMSDK,
   isWalletConnect,
   chainId,
+  channelId,
   getSource,
   checkTabActive,
 }: any) => {
@@ -190,9 +217,10 @@ const generateRawSignature = async ({
   checkTabActive();
   await checkActiveAccountAndChainId({
     hostname,
+    channelId,
     address: req.params[0],
     chainId,
-    checkSelectedAddress: isMMSDK || isWalletConnect,
+    checkSelectedAddress: isWalletConnect,
   });
 
   const rawSig = await SignatureController.newUnsignedTypedMessage(
@@ -218,6 +246,7 @@ const generateRawSignature = async ({
  */
 export const getRpcMethodMiddleware = ({
   hostname,
+  channelId,
   getProviderState,
   navigation,
   // Website info
@@ -237,30 +266,15 @@ export const getRpcMethodMiddleware = ({
   isWalletConnect,
   // For MM SDK
   isMMSDK,
-  getApprovedHosts,
-  approveHost,
   injectHomePageScripts,
   // For analytics
   analytics,
 }: RPCMethodsMiddleParameters) =>
   // all user facing RPC calls not implemented by the provider
   createAsyncMiddleware(async (req: any, res: any, next: any) => {
-    // Utility function for getting accounts for either WalletConnect or MetaMask SDK.
-    const getAccounts = (): string[] => {
-      const selectedAddress =
-        Engine.context.PreferencesController.state.selectedAddress?.toLowerCase();
-      const approvedHosts = getApprovedHosts(hostname) || {};
-      const isEnabled = isWalletConnect || approvedHosts[hostname];
-      return isEnabled && selectedAddress ? [selectedAddress] : [];
-    };
-
     // Used by eth_accounts and eth_coinbase RPCs.
     const getEthAccounts = async () => {
-      if (isMMSDK || isWalletConnect) {
-        res.result = getAccounts();
-      } else {
-        res.result = await getPermittedAccounts(hostname);
-      }
+      res.result = await getPermittedAccounts(hostname);
     };
 
     const checkTabActive = () => {
@@ -348,6 +362,14 @@ export const getRpcMethodMiddleware = ({
         }),
       wallet_requestPermissions: async () =>
         new Promise<any>((resolve, reject) => {
+          let requestId: string | undefined;
+          if (isMMSDK) {
+            // Extract id from hostname
+            requestId = hostname.replace(
+              AppConstants.MM_SDK.SDK_REMOTE_ORIGIN,
+              '',
+            );
+          }
           requestPermissionsHandler
             .implementation(
               req,
@@ -363,7 +385,9 @@ export const getRpcMethodMiddleware = ({
                 requestPermissionsForOrigin:
                   Engine.context.PermissionController.requestPermissions.bind(
                     Engine.context.PermissionController,
-                    { origin: hostname },
+                    { origin: requestId ?? hostname },
+                    req.params[0],
+                    { id: requestId },
                   ),
               },
             )
@@ -426,52 +450,31 @@ export const getRpcMethodMiddleware = ({
       },
       eth_requestAccounts: async () => {
         const { params } = req;
-        if (isWalletConnect) {
-          let { selectedAddress } = Engine.context.PreferencesController.state;
-          selectedAddress = selectedAddress?.toLowerCase();
-          res.result = [selectedAddress];
-        } else if (isMMSDK) {
+        const validHostname = hostname.replace(
+          AppConstants.MM_SDK.SDK_REMOTE_ORIGIN,
+          '',
+        );
+        const permittedAccounts = await getPermittedAccounts(
+          channelId ?? validHostname,
+        );
+
+        if (!params?.force && permittedAccounts.length) {
+          res.result = permittedAccounts;
+        } else {
           try {
-            const approved = getApprovedHosts(hostname)[hostname];
-
-            if (!approved) {
-              // Prompts user approval UI in RootRPCMethodsUI.js.
-              await requestUserApproval({
-                type: ApprovalTypes.CONNECT_ACCOUNTS,
-                requestData: { hostname },
-              });
-            }
-            // Stores approvals in SDKConnect.ts.
-            approveHost?.(hostname);
-            const accounts = getAccounts();
-            res.result = accounts;
-          } catch (e) {
-            throw ethErrors.provider.userRejectedRequest(
-              'User denied account authorization.',
+            checkTabActive();
+            await Engine.context.PermissionController.requestPermissions(
+              { origin: channelId ?? validHostname },
+              { eth_accounts: {} },
+              { id: channelId ?? validHostname },
             );
-          }
-        } else {
-          // Check against permitted accounts.
-          const permittedAccounts = await getPermittedAccounts(hostname);
-          if (!params?.force && permittedAccounts.length) {
-            res.result = permittedAccounts;
-          } else {
-            try {
-              checkTabActive();
-              await Engine.context.ApprovalController.clear();
-              await Engine.context.PermissionController.requestPermissions(
-                { origin: hostname },
-                { eth_accounts: {} },
-                { id: random() },
+            const acc = await getPermittedAccounts(hostname);
+            res.result = acc;
+          } catch (error) {
+            if (error) {
+              throw ethErrors.provider.userRejectedRequest(
+                'User denied account authorization.',
               );
-              const acc = await getPermittedAccounts(hostname);
-              res.result = acc;
-            } catch (error) {
-              if (error) {
-                throw ethErrors.provider.userRejectedRequest(
-                  'User denied account authorization.',
-                );
-              }
             }
           }
         }
@@ -507,8 +510,9 @@ export const getRpcMethodMiddleware = ({
             await checkActiveAccountAndChainId({
               hostname,
               address: from,
+              channelId,
               chainId,
-              checkSelectedAddress: isMMSDK || isWalletConnect,
+              checkSelectedAddress: isWalletConnect,
             });
           },
         });
@@ -545,8 +549,9 @@ export const getRpcMethodMiddleware = ({
         if (req.params[1].length === 66 || req.params[1].length === 67) {
           await checkActiveAccountAndChainId({
             hostname,
+            channelId,
             address: req.params[0].from,
-            checkSelectedAddress: isMMSDK || isWalletConnect,
+            checkSelectedAddress: isWalletConnect,
           });
           PPOMUtil.validateRequest(req);
           const rawSig = await SignatureController.newUnsignedMessage({
@@ -592,8 +597,9 @@ export const getRpcMethodMiddleware = ({
         checkTabActive();
         await checkActiveAccountAndChainId({
           hostname,
+          channelId,
           address: params.from,
-          checkSelectedAddress: isMMSDK || isWalletConnect,
+          checkSelectedAddress: isWalletConnect,
         });
 
         PPOMUtil.validateRequest(req);
@@ -639,8 +645,9 @@ export const getRpcMethodMiddleware = ({
         checkTabActive();
         await checkActiveAccountAndChainId({
           hostname,
+          channelId,
           address: req.params[1],
-          checkSelectedAddress: isMMSDK || isWalletConnect,
+          checkSelectedAddress: isWalletConnect,
         });
 
         PPOMUtil.validateRequest(req);
@@ -675,6 +682,7 @@ export const getRpcMethodMiddleware = ({
           icon,
           analytics,
           isMMSDK,
+          channelId,
           isWalletConnect,
           chainId,
           getSource,
@@ -695,6 +703,7 @@ export const getRpcMethodMiddleware = ({
           icon,
           analytics,
           isMMSDK,
+          channelId,
           isWalletConnect,
           chainId,
           getSource,
@@ -826,9 +835,7 @@ export const getRpcMethodMiddleware = ({
       metamask_getProviderState: async () => {
         res.result = {
           ...getProviderState(),
-          accounts: isMMSDK
-            ? getAccounts()
-            : await getPermittedAccounts(hostname),
+          accounts: await getPermittedAccounts(hostname),
         };
       },
 
diff --git a/app/core/SDKConnect/AndroidSDK/AndroidService.ts b/app/core/SDKConnect/AndroidSDK/AndroidService.ts
index 2158a6ae491..b8e2aaea857 100644
--- a/app/core/SDKConnect/AndroidSDK/AndroidService.ts
+++ b/app/core/SDKConnect/AndroidSDK/AndroidService.ts
@@ -1,12 +1,9 @@
 import { NetworkController } from '@metamask/network-controller';
-import { Json } from '@metamask/utils';
 import { EventEmitter2 } from 'eventemitter2';
 import { NativeModules } from 'react-native';
 import Engine from '../../Engine';
 import { Minimizer } from '../../NativeModules';
-import getRpcMethodMiddleware, {
-  ApprovalTypes,
-} from '../../RPCMethods/RPCMethodMiddleware';
+import getRpcMethodMiddleware from '../../RPCMethods/RPCMethodMiddleware';
 import { RPCQueueManager } from '../RPCQueueManager';
 
 import {
@@ -28,14 +25,14 @@ import { SDKConnect } from '../SDKConnect';
 
 import { KeyringController } from '@metamask/keyring-controller';
 
-import { ApprovalController } from '@metamask/approval-controller';
+import { PermissionController } from '@metamask/permission-controller';
 import { PreferencesController } from '@metamask/preferences-controller';
 import { PROTOCOLS } from '../../../constants/deeplinks';
 import BatchRPCManager from '../BatchRPCManager';
 import {
-  RPC_METHODS,
   DEFAULT_SESSION_TIMEOUT_MS,
   METHODS_TO_DELAY,
+  RPC_METHODS,
 } from '../SDKConnectConstants';
 import handleBatchRpcResponse from '../handlers/handleBatchRpcResponse';
 import handleCustomRpcCalls from '../handlers/handleCustomRpcCalls';
@@ -246,39 +243,20 @@ export default class AndroidService extends EventEmitter2 {
   }
 
   private async checkPermission({
-    originatorInfo,
     channelId,
   }: {
     originatorInfo: OriginatorInfo;
     channelId: string;
   }): Promise<unknown> {
-    const approvalController = (
-      Engine.context as { ApprovalController: ApprovalController }
-    ).ApprovalController;
-
-    const approvalRequest = {
-      origin: AppConstants.MM_SDK.ANDROID_SDK,
-      type: ApprovalTypes.CONNECT_ACCOUNTS,
-      requestData: {
-        hostname: originatorInfo?.title ?? '',
-        pageMeta: {
-          channelId,
-          reconnect: false,
-          origin: AppConstants.MM_SDK.ANDROID_SDK,
-          url: originatorInfo?.url ?? '',
-          title: originatorInfo?.title ?? '',
-          icon: originatorInfo?.icon ?? '',
-          otps: [],
-          analytics: {
-            request_source: AppConstants.REQUEST_SOURCES.SDK_REMOTE_CONN,
-            request_platform:
-              originatorInfo?.platform ?? AppConstants.MM_SDK.UNKNOWN_PARAM,
-          },
-        } as Json,
-      },
-      id: channelId,
-    };
-    return approvalController.add(approvalRequest);
+    const permissionsController = (
+      Engine.context as { PermissionController: PermissionController<any, any> }
+    ).PermissionController;
+
+    return permissionsController.requestPermissions(
+      { origin: channelId },
+      { eth_accounts: {} },
+      { id: channelId },
+    );
   }
 
   private setupOnMessageReceivedListener() {
@@ -451,6 +429,7 @@ export default class AndroidService extends EventEmitter2 {
 
     const bridge = new BackgroundBridge({
       webview: null,
+      channelId: clientInfo.clientId,
       isMMSDK: true,
       url: PROTOCOLS.METAMASK + '://' + AppConstants.MM_SDK.SDK_REMOTE_ORIGIN,
       isRemoteConn: true,
@@ -469,6 +448,7 @@ export default class AndroidService extends EventEmitter2 {
         getRpcMethodMiddleware({
           hostname:
             clientInfo.originatorInfo.url ?? clientInfo.originatorInfo.title,
+          channelId: clientInfo.clientId,
           getProviderState,
           isMMSDK: true,
           navigation: null, //props.navigation,
@@ -560,7 +540,7 @@ export default class AndroidService extends EventEmitter2 {
       // Always set the method to metamask_batch otherwise it may not have been set correctly because of the batch rpc flow.
       rpcMethod = RPC_METHODS.METAMASK_BATCH;
       DevLogger.log(
-        `Connection::sendMessage chainRPCs=${chainRPCs} COMPLETED!`,
+        `AndroidService::sendMessage chainRPCs=${chainRPCs} COMPLETED!`,
       );
     }
 
@@ -568,7 +548,7 @@ export default class AndroidService extends EventEmitter2 {
 
     if (!rpcMethod && forceRedirect !== true) {
       DevLogger.log(
-        `Connection::sendMessage no rpc method --- rpcMethod=${rpcMethod} forceRedirect=${forceRedirect} --- skip goBack()`,
+        `AndroidService::sendMessage no rpc method --- rpcMethod=${rpcMethod} forceRedirect=${forceRedirect} --- skip goBack()`,
       );
       return;
     }
@@ -581,12 +561,13 @@ export default class AndroidService extends EventEmitter2 {
 
       if (!this.rpcQueueManager.isEmpty()) {
         DevLogger.log(
-          `Connection::sendMessage NOT empty --- skip goBack()`,
+          `AndroidService::sendMessage NOT empty --- skip goBack()`,
           this.rpcQueueManager.get(),
         );
         return;
       }
 
+      DevLogger.log(`AndroidService::sendMessage empty --- goBack()`);
       Minimizer.goBack();
     } catch (error) {
       Logger.log(error, `AndroidService:: error waiting for empty rpc queue`);
diff --git a/app/core/SDKConnect/Connection/Connection.ts b/app/core/SDKConnect/Connection/Connection.ts
index dc779d30fb9..d3e291ae739 100644
--- a/app/core/SDKConnect/Connection/Connection.ts
+++ b/app/core/SDKConnect/Connection/Connection.ts
@@ -185,6 +185,7 @@ export class Connection extends EventEmitter2 {
       communicationLayerPreference: CommunicationLayerPreference.SOCKET,
       otherPublicKey,
       reconnect,
+      transports: ['websocket'],
       walletInfo: {
         type: 'MetaMask Mobile',
         version,
diff --git a/app/core/SDKConnect/Connection/EventListenersHandlers/handleClientsReady.ts b/app/core/SDKConnect/Connection/EventListenersHandlers/handleClientsReady.ts
index 73f01299a66..c2d6a5a08b5 100644
--- a/app/core/SDKConnect/Connection/EventListenersHandlers/handleClientsReady.ts
+++ b/app/core/SDKConnect/Connection/EventListenersHandlers/handleClientsReady.ts
@@ -4,8 +4,7 @@ import Routes from '../../../../constants/navigation/Routes';
 import Logger from '../../../../util/Logger';
 import Device from '../../../../util/device';
 import Engine from '../../../Engine';
-import { Minimizer } from '../../../NativeModules';
-import { approveHostProps } from '../../SDKConnect';
+import SDKConnect, { approveHostProps } from '../../SDKConnect';
 import handleConnectionReady from '../../handlers/handleConnectionReady';
 import DevLogger from '../../utils/DevLogger';
 import { Connection } from '../Connection';
@@ -33,6 +32,16 @@ function handleClientsReady({
         approveHost,
         onError: (error) => {
           Logger.error(error, '');
+
+          instance.setLoading(false);
+
+          // Remove connection from SDK completely
+          SDKConnect.getInstance().removeChannel({
+            channelId: instance.channelId,
+            emitRefresh: true,
+            sendTerminate: true,
+          });
+
           // Redirect on deeplinks
           if (instance.trigger === 'deeplink') {
             // Check for iOS 17 and above to use a custom modal, as Minimizer.goBack() is incompatible with these versions
@@ -40,8 +49,6 @@ function handleClientsReady({
               instance.navigation?.navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
                 screen: Routes.SHEET.RETURN_TO_DAPP_MODAL,
               });
-            } else {
-              Minimizer.goBack();
             }
           }
         },
@@ -50,6 +57,7 @@ function handleClientsReady({
       });
     } catch (error) {
       DevLogger.log(`Connection::CLIENTS_READY error`, error);
+      instance.setLoading(false);
       // Send error message to user
     }
   };
diff --git a/app/core/SDKConnect/ConnectionManagement/connectToChannel.test.ts b/app/core/SDKConnect/ConnectionManagement/connectToChannel.test.ts
index ceb9faeefcd..43b66b5127c 100644
--- a/app/core/SDKConnect/ConnectionManagement/connectToChannel.test.ts
+++ b/app/core/SDKConnect/ConnectionManagement/connectToChannel.test.ts
@@ -201,6 +201,7 @@ describe('connectToChannel', () => {
 
       expect(mockInstance.state.connections[id]).toEqual({
         id,
+        initialConnection: true,
         otherPublicKey,
         origin,
         validUntil,
diff --git a/app/core/SDKConnect/ConnectionManagement/connectToChannel.ts b/app/core/SDKConnect/ConnectionManagement/connectToChannel.ts
index 68d440f3604..b3f665d3813 100644
--- a/app/core/SDKConnect/ConnectionManagement/connectToChannel.ts
+++ b/app/core/SDKConnect/ConnectionManagement/connectToChannel.ts
@@ -58,6 +58,7 @@ async function connectToChannel({
     id,
     otherPublicKey,
     origin,
+    initialConnection,
     validUntil,
     lastAuthorized: initialConnection ? 0 : instance.state.approvedHosts[id],
   };
diff --git a/app/core/SDKConnect/ConnectionManagement/disapproveChannel.ts b/app/core/SDKConnect/ConnectionManagement/disapproveChannel.ts
index ed30c56ca5c..c814d77f8a6 100644
--- a/app/core/SDKConnect/ConnectionManagement/disapproveChannel.ts
+++ b/app/core/SDKConnect/ConnectionManagement/disapproveChannel.ts
@@ -1,5 +1,6 @@
 import AppConstants from '../../../core/AppConstants';
 import SDKConnect from '../SDKConnect';
+import DevLogger from '../utils/DevLogger';
 
 function disapproveChannel({
   channelId,
@@ -9,7 +10,14 @@ function disapproveChannel({
   instance: SDKConnect;
 }) {
   const hostname = AppConstants.MM_SDK.SDK_REMOTE_ORIGIN + channelId;
-  instance.state.connections[channelId].lastAuthorized = 0;
+  DevLogger.log(
+    `SDKConnect::disapproveChannel - ${hostname} - channelId=${channelId}`,
+    instance.state.connections,
+  );
+  if (instance.state.connections[channelId]) {
+    instance.state.connections[channelId].lastAuthorized = 0;
+  }
+
   delete instance.state.approvedHosts[hostname];
 }
 
diff --git a/app/core/SDKConnect/ConnectionManagement/reconnect.ts b/app/core/SDKConnect/ConnectionManagement/reconnect.ts
index be8cc9f1bee..ad3bde83612 100644
--- a/app/core/SDKConnect/ConnectionManagement/reconnect.ts
+++ b/app/core/SDKConnect/ConnectionManagement/reconnect.ts
@@ -51,6 +51,9 @@ async function reconnect({
     }
   }
 
+  // Update initial connection state
+  instance.state.connections[channelId].initialConnection = initialConnection;
+
   const wasPaused = existingConnection?.remote.isPaused();
   // Make sure the connection has resumed from pause before reconnecting.
   await waitForCondition({
diff --git a/app/core/SDKConnect/ConnectionManagement/removeChannel.ts b/app/core/SDKConnect/ConnectionManagement/removeChannel.ts
index d108ff7ea07..5dc3ed85feb 100644
--- a/app/core/SDKConnect/ConnectionManagement/removeChannel.ts
+++ b/app/core/SDKConnect/ConnectionManagement/removeChannel.ts
@@ -2,14 +2,18 @@ import AppConstants from '../../../core/AppConstants';
 import SDKConnect from '../SDKConnect';
 import DevLogger from '../utils/DevLogger';
 import DefaultPreference from 'react-native-default-preference';
+import Engine from '../../Engine';
+import { PermissionController } from '@metamask/permission-controller';
 
 function removeChannel({
   channelId,
   emitRefresh = true,
+  engine,
   sendTerminate,
   instance,
 }: {
   channelId: string;
+  engine?: typeof Engine;
   sendTerminate?: boolean;
   emitRefresh?: boolean;
   instance: SDKConnect;
@@ -62,7 +66,17 @@ function removeChannel({
       throw err;
     });
   }
+  // Remove matching permissions from controller
+
   delete instance.state.connecting[channelId];
+  if (engine) {
+    const permissionsController = (
+      engine.context as { PermissionController: PermissionController<any, any> }
+    ).PermissionController;
+    if (permissionsController.getPermissions(channelId)) {
+      permissionsController.revokeAllPermissions(channelId);
+    }
+  }
 
   if (emitRefresh) {
     instance.emit('refresh');
diff --git a/app/core/SDKConnect/ConnectionManagement/watchConnection.test.ts b/app/core/SDKConnect/ConnectionManagement/watchConnection.test.ts
index 545666c43d4..375b2e3b9ef 100644
--- a/app/core/SDKConnect/ConnectionManagement/watchConnection.test.ts
+++ b/app/core/SDKConnect/ConnectionManagement/watchConnection.test.ts
@@ -37,6 +37,9 @@ describe('watchConnection', () => {
     mockInstance = {
       state: {
         disabledHosts: {},
+        connections: {
+          [mockConnection.channelId]: {},
+        },
       },
       removeChannel: mockRemoveChannel,
       emit: jest.fn(),
diff --git a/app/core/SDKConnect/ConnectionManagement/watchConnection.ts b/app/core/SDKConnect/ConnectionManagement/watchConnection.ts
index a1b2d7c183b..ebb664a013f 100644
--- a/app/core/SDKConnect/ConnectionManagement/watchConnection.ts
+++ b/app/core/SDKConnect/ConnectionManagement/watchConnection.ts
@@ -16,6 +16,11 @@ function watchConnection(connection: Connection, instance: SDKConnect) {
           emitRefresh: true,
           sendTerminate: false,
         });
+      } else if (connectionStatus === ConnectionStatus.DISCONNECTED) {
+        instance.updateSDKLoadingState({
+          channelId: connection.channelId,
+          loading: false,
+        });
       }
       DevLogger.log(
         `SDKConnect::watchConnection CONNECTION_STATUS ${connection.channelId} ${connectionStatus}`,
@@ -32,6 +37,9 @@ function watchConnection(connection: Connection, instance: SDKConnect) {
     DevLogger.log(
       `SDKConnect::watchConnection CLIENTS_DISCONNECTED channel=${connection.channelId} origin=${connection.origin} isDisabled=${isDisabled}`,
     );
+    // Always update initialConnection state
+    instance.state.connections[connection.channelId].initialConnection = false;
+
     if (isDisabled !== undefined) {
       instance
         .updateSDKLoadingState({
diff --git a/app/core/SDKConnect/SDKConnect.test.ts b/app/core/SDKConnect/SDKConnect.test.ts
index 5f43772bfc9..a0ce7a6d563 100644
--- a/app/core/SDKConnect/SDKConnect.test.ts
+++ b/app/core/SDKConnect/SDKConnect.test.ts
@@ -32,6 +32,7 @@ import {
   updateOriginatorInfos,
   updateSDKLoadingState,
 } from './StateManagement';
+import Engine from '../../core/Engine';
 
 jest.mock('./Connection');
 jest.mock('@react-navigation/native');
@@ -46,6 +47,7 @@ jest.mock('./RPCQueueManager');
 jest.mock('./SDKConnectConstants');
 jest.mock('./SessionManagement');
 jest.mock('./StateManagement');
+jest.mock('../../core/Engine');
 
 describe('SDKConnect', () => {
   let sdkConnect: SDKConnect;
@@ -93,6 +95,7 @@ describe('SDKConnect', () => {
   >;
 
   const mockRemoveAll = removeAll as jest.MockedFunction<typeof removeAll>;
+  mockRemoveAll.mockResolvedValue(Promise.resolve());
 
   const mockInvalidateChannel = invalidateChannel as jest.MockedFunction<
     typeof invalidateChannel
@@ -245,6 +248,7 @@ describe('SDKConnect', () => {
         expect(mockRemoveChannel).toHaveBeenCalledTimes(1);
         expect(mockRemoveChannel).toHaveBeenCalledWith({
           channelId,
+          engine: Engine,
           instance: sdkConnect,
         });
       });
diff --git a/app/core/SDKConnect/SDKConnect.ts b/app/core/SDKConnect/SDKConnect.ts
index 6f3b8363578..1ded693f121 100644
--- a/app/core/SDKConnect/SDKConnect.ts
+++ b/app/core/SDKConnect/SDKConnect.ts
@@ -31,6 +31,8 @@ import {
   updateOriginatorInfos,
   updateSDKLoadingState,
 } from './StateManagement';
+import DevLogger from './utils/DevLogger';
+import Engine from '../../core/Engine';
 
 export interface ConnectedSessions {
   [id: string]: Connection;
@@ -121,6 +123,7 @@ export class SDKConnect extends EventEmitter2 {
     trigger,
     otherPublicKey,
     origin,
+    initialConnection,
     validUntil = Date.now() + DEFAULT_SESSION_TIMEOUT_MS,
   }: ConnectionProps) {
     return connectToChannel({
@@ -129,6 +132,7 @@ export class SDKConnect extends EventEmitter2 {
       otherPublicKey,
       origin,
       validUntil,
+      initialConnection,
       instance: this,
     });
   }
@@ -225,6 +229,17 @@ export class SDKConnect extends EventEmitter2 {
     return addAndroidConnection(connection, this);
   }
 
+  public async refreshChannel({ channelId }: { channelId: string }) {
+    const session = this.state.connected[channelId];
+    if (!session) {
+      DevLogger.log(`SDKConnect::refreshChannel - session not found`);
+      return;
+    }
+    DevLogger.log(`SDKConnect::refreshChannel channelId=${channelId}`);
+    // Force enitting updated accounts
+    session.backgroundBridge?.notifySelectedAddressChanged();
+  }
+
   /**
    * Invalidate a channel/session by preventing future connection to be established.
    * Instead of removing the channel, it sets the session to timeout on next
@@ -247,6 +262,7 @@ export class SDKConnect extends EventEmitter2 {
   }) {
     return removeChannel({
       channelId,
+      engine: Engine,
       sendTerminate,
       instance: this,
       emitRefresh,
@@ -254,7 +270,10 @@ export class SDKConnect extends EventEmitter2 {
   }
 
   public async removeAll() {
-    return removeAll(this);
+    const removeAllPromise = removeAll(this);
+    // Force close loading status
+    removeAllPromise.finally(() => this.hideLoadingState());
+    return removeAllPromise;
   }
 
   public getConnected() {
@@ -265,6 +284,13 @@ export class SDKConnect extends EventEmitter2 {
     return this.state.connections;
   }
 
+  public getConnection({ channelId }: { channelId: string }) {
+    return (
+      this.state.connections[channelId] ??
+      this.state.androidConnections[channelId]
+    );
+  }
+
   public getApprovedHosts(_context?: string) {
     return this.state.approvedHosts || {};
   }
diff --git a/app/core/SDKConnect/SDKConnectConstants.ts b/app/core/SDKConnect/SDKConnectConstants.ts
index 316e3139337..50e7cc9bedd 100644
--- a/app/core/SDKConnect/SDKConnectConstants.ts
+++ b/app/core/SDKConnect/SDKConnectConstants.ts
@@ -21,6 +21,7 @@ export const RPC_METHODS = {
   WALLET_WATCHASSET: 'wallet_watchAsset',
   WALLET_ADDETHEREUMCHAIN: 'wallet_addEthereumChain',
   WALLET_SWITCHETHEREUMCHAIN: 'wallet_switchEthereumChain',
+  WALLET_REQUESTPERMISSIONS: 'wallet_requestPermissions',
   ETH_ACCOUNTS: 'eth_accounts',
   ETH_CHAINID: 'eth_chainId',
 };
@@ -38,6 +39,7 @@ export const METHODS_TO_REDIRECT: { [method: string]: boolean } = {
   [RPC_METHODS.WALLET_WATCHASSET]: true,
   [RPC_METHODS.WALLET_ADDETHEREUMCHAIN]: true,
   [RPC_METHODS.WALLET_SWITCHETHEREUMCHAIN]: true,
+  [RPC_METHODS.WALLET_REQUESTPERMISSIONS]: true,
   [RPC_METHODS.METAMASK_CONNECTSIGN]: true,
   [RPC_METHODS.METAMASK_BATCH]: true,
 };
diff --git a/app/core/SDKConnect/handlers/checkPermissions.test.ts b/app/core/SDKConnect/handlers/checkPermissions.test.ts
index 230803b9c23..23e140dc815 100644
--- a/app/core/SDKConnect/handlers/checkPermissions.test.ts
+++ b/app/core/SDKConnect/handlers/checkPermissions.test.ts
@@ -4,10 +4,14 @@ import { PreferencesController } from '@metamask/preferences-controller';
 import Engine from '../../Engine';
 import { Connection } from '../Connection';
 import checkPermissions from './checkPermissions';
+import { PermissionController } from '@metamask/permission-controller';
+import { getPermittedAccounts } from '../../../core/Permissions';
+
 jest.mock('../Connection', () => ({
   RPC_METHODS: jest.requireActual('../Connection').RPC_METHODS,
 }));
 jest.mock('../../Engine');
+jest.mock('../../../core/Permissions');
 jest.mock('@metamask/preferences-controller');
 jest.mock('@metamask/approval-controller');
 jest.mock('../utils/DevLogger');
@@ -17,12 +21,20 @@ describe('checkPermissions', () => {
   let engine = {
     context: {},
   } as unknown as typeof Engine;
+  const requestPermissions = jest.fn();
   let preferencesController = {} as unknown as PreferencesController;
   let approvalController = {} as unknown as ApprovalController;
-
+  let permissionController = {
+    executeProviderRequest: jest.fn(),
+    executeRestrictedMethod: jest.fn().mockResolvedValue({}),
+    requestPermissions,
+  } as unknown as PermissionController<any, any>;
   const HOUR_IN_MS = 3600000;
   const currentTime = Date.now();
 
+  const mockGetPermittedAccounts = getPermittedAccounts as jest.MockedFunction<
+    typeof getPermittedAccounts
+  >;
   const mockIsApproved = jest.fn();
   const mockRevalidate = jest.fn();
   const mockAdd = jest.fn();
@@ -30,6 +42,7 @@ describe('checkPermissions', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     jest.useFakeTimers().setSystemTime(currentTime);
+    mockGetPermittedAccounts.mockResolvedValue([]);
 
     connection = {
       channelId: 'channelId',
@@ -49,12 +62,19 @@ describe('checkPermissions', () => {
     approvalController = {
       add: mockAdd,
     } as unknown as ApprovalController;
+    permissionController = {
+      executeProviderRequest: jest.fn(),
+      executeRestrictedMethod: jest.fn().mockResolvedValue({}),
+      requestPermissions,
+    } as unknown as PermissionController<any, any>;
 
-    // @ts-ignore
-    engine.context = {
-      PreferencesController: preferencesController,
-      ApprovalController: approvalController,
-    };
+    engine = {
+      context: {
+        PreferencesController: preferencesController,
+        ApprovalController: approvalController,
+        PermissionController: permissionController,
+      },
+    } as unknown as typeof Engine;
   });
 
   afterAll(() => {
@@ -73,7 +93,7 @@ describe('checkPermissions', () => {
     mockIsApproved.mockReturnValue(false);
 
     await checkPermissions({ connection, engine });
-    expect(mockAdd).toHaveBeenCalled();
+    expect(requestPermissions).toHaveBeenCalled();
   });
 
   it('should return true if the connection is not initially approved and a deeplink origin exists', async () => {
diff --git a/app/core/SDKConnect/handlers/checkPermissions.ts b/app/core/SDKConnect/handlers/checkPermissions.ts
index 92f37b222e6..143b1d394b6 100644
--- a/app/core/SDKConnect/handlers/checkPermissions.ts
+++ b/app/core/SDKConnect/handlers/checkPermissions.ts
@@ -1,13 +1,12 @@
+import { PermissionController } from '@metamask/permission-controller';
+import { PreferencesController } from '@metamask/preferences-controller';
 import { CommunicationLayerMessage } from '@metamask/sdk-communication-layer';
+import { getPermittedAccounts } from '../../../core/Permissions';
+import AppConstants from '../../AppConstants';
+import Engine from '../../Engine';
 import { Connection } from '../Connection';
 import { HOUR_IN_MS } from '../SDKConnectConstants';
 import DevLogger from '../utils/DevLogger';
-import AppConstants from '../../AppConstants';
-import { ApprovalTypes } from '../../RPCMethods/RPCMethodMiddleware';
-import { PreferencesController } from '@metamask/preferences-controller';
-import { ApprovalController } from '@metamask/approval-controller';
-import { Json } from '@metamask/utils';
-import Engine from '../../Engine';
 
 // TODO: should be more generic and be used in wallet connect and android service as well
 export const checkPermissions = async ({
@@ -27,8 +26,10 @@ export const checkPermissions = async ({
     !!lastAuthorized && Date.now() - lastAuthorized < OTPExpirationDuration;
 
   DevLogger.log(
-    `SDKConnect checkPermissions initialConnection=${connection.initialConnection} lastAuthorized=${lastAuthorized} OTPExpirationDuration ${OTPExpirationDuration} channelWasActiveRecently ${channelWasActiveRecently}`,
+    `checkPermissions initialConnection=${connection.initialConnection} lastAuthorized=${lastAuthorized} OTPExpirationDuration ${OTPExpirationDuration} channelWasActiveRecently ${channelWasActiveRecently}`,
+    connection.originatorInfo,
   );
+
   // only ask approval if needed
   const approved = connection.isApproved({
     channelId: connection.channelId,
@@ -44,11 +45,12 @@ export const checkPermissions = async ({
     return true;
   }
 
-  const approvalController = (
-    engine.context as { ApprovalController: ApprovalController }
-  ).ApprovalController;
+  const permissionsController = (
+    engine.context as { PermissionController: PermissionController<any, any> }
+  ).PermissionController;
 
   if (connection.approvalPromise) {
+    DevLogger.log(`checkPermissions approvalPromise exists`);
     // Wait for result and clean the promise afterwards.
     await connection.approvalPromise;
     connection.approvalPromise = undefined;
@@ -63,37 +65,33 @@ export const checkPermissions = async ({
     return true;
   }
 
-  const approvalRequest = {
-    origin: connection.origin,
-    type: ApprovalTypes.CONNECT_ACCOUNTS,
-    requestData: {
-      hostname: connection.originatorInfo?.title ?? '',
-      pageMeta: {
-        channelId: connection.channelId,
-        reconnect: !connection.initialConnection,
-        origin: connection.origin,
-        url: connection.originatorInfo?.url ?? '',
-        title: connection.originatorInfo?.title ?? '',
-        icon: connection.originatorInfo?.icon ?? '',
-        otps: connection.otps ?? [],
-        apiVersion: connection.originatorInfo?.apiVersion,
-        analytics: {
-          request_source: AppConstants.REQUEST_SOURCES.SDK_REMOTE_CONN,
-          request_platform:
-            connection.originatorInfo?.platform ??
-            AppConstants.MM_SDK.UNKNOWN_PARAM,
-        },
-      } as Json,
-    },
-    id: connection.channelId,
-  };
-  connection.approvalPromise = approvalController.add(approvalRequest);
+  const origin = connection.channelId;
+  const acc = await getPermittedAccounts(origin);
+  if (acc.length > 0) {
+    DevLogger.log(
+      `checkPermissions acc founds length=${acc.length} -- APPROVED`,
+    );
+    return true;
+  }
 
-  await connection.approvalPromise;
-  // Clear previous permissions if already approved.
-  connection.revalidate({ channelId: connection.channelId });
-  connection.approvalPromise = undefined;
-  return true;
+  DevLogger.log(`checkPermissions request permissions`, acc);
+  connection.approvalPromise = permissionsController.requestPermissions(
+    { origin },
+    { eth_accounts: {} },
+    { id: connection.channelId },
+  );
+
+  try {
+    await connection.approvalPromise;
+    // Clear previous permissions if already approved.
+    connection.revalidate({ channelId: connection.channelId });
+    connection.approvalPromise = undefined;
+    return true;
+  } catch (err) {
+    DevLogger.log(`checkPermissions error`, err);
+    connection.approvalPromise = undefined;
+    throw err;
+  }
 };
 
 export default checkPermissions;
diff --git a/app/core/SDKConnect/handlers/handleConnectionMessage.ts b/app/core/SDKConnect/handlers/handleConnectionMessage.ts
index 762b12a1210..ce27f0eae48 100644
--- a/app/core/SDKConnect/handlers/handleConnectionMessage.ts
+++ b/app/core/SDKConnect/handlers/handleConnectionMessage.ts
@@ -129,6 +129,9 @@ export const handleConnectionMessage = async ({
     data: processedRpc,
     origin: 'sdk',
   });
+
+  // Update initial connection state
+  connection.initialConnection = false;
 };
 
 export default handleConnectionMessage;
diff --git a/app/core/SDKConnect/handlers/handleSendMessage.ts b/app/core/SDKConnect/handlers/handleSendMessage.ts
index e5d15ca9b21..c1603a6658f 100644
--- a/app/core/SDKConnect/handlers/handleSendMessage.ts
+++ b/app/core/SDKConnect/handlers/handleSendMessage.ts
@@ -17,70 +17,90 @@ export const handleSendMessage = async ({
   msg: any;
   connection: Connection;
 }) => {
-  DevLogger.log(`[handleSendMessage] msg`, msg);
-  connection.setLoading(false);
+  try {
+    DevLogger.log(`[handleSendMessage] msg`, msg);
+    connection.setLoading(false);
+
+    const msgId = msg?.data?.id + '';
+    let method = connection.rpcQueueManager.getId(msgId);
+    // handle multichain rpc call responses separately
+    const chainRPCs = connection.batchRPCManager.getById(msgId);
+    DevLogger.log(`[handleSendMessage] chainRPCs`, chainRPCs);
+    if (chainRPCs) {
+      const isLastRpcOrError = await handleBatchRpcResponse({
+        chainRpcs: chainRPCs,
+        msg,
+        batchRPCManager: connection.batchRPCManager,
+        backgroundBridge: connection.backgroundBridge,
+        sendMessage: ({ msg: newmsg }: { msg: any }) =>
+          handleSendMessage({ msg: newmsg, connection }),
+      });
+
+      // check if lastrpc or if an error occured during the chain
+      if (!isLastRpcOrError) {
+        // Only continue processing the message and goback if all rpcs in the batch have been handled
+        DevLogger.log(
+          `[handleSendMessage] chainRPCs=${chainRPCs} NOT COMPLETED!`,
+        );
+        return;
+      }
+
+      // Always set the method to metamask_batch otherwise it may not have been set correctly because of the batch rpc flow.
+      method = RPC_METHODS.METAMASK_BATCH;
+      DevLogger.log(`[handleSendMessage] chainRPCs=${chainRPCs} COMPLETED!`);
+    }
+
+    if (msgId && method) {
+      connection.rpcQueueManager.remove(msgId);
+    }
 
-  const msgId = msg?.data?.id + '';
-  let method = connection.rpcQueueManager.getId(msgId);
-  // handle multichain rpc call responses separately
-  const chainRPCs = connection.batchRPCManager.getById(msgId);
-  DevLogger.log(`[handleSendMessage] chainRPCs`, chainRPCs);
-  if (chainRPCs) {
-    const isLastRpcOrError = await handleBatchRpcResponse({
-      chainRpcs: chainRPCs,
+    const canRedirect = connection.rpcQueueManager.canRedirect({ method });
+    DevLogger.log(
+      `[handleSendMessage] method=${method} trigger=${connection.trigger} id=${msgId} origin=${connection.origin} canRedirect=${canRedirect}`,
       msg,
-      batchRPCManager: connection.batchRPCManager,
-      backgroundBridge: connection.backgroundBridge,
-      sendMessage: ({ msg: newmsg }: { msg: any }) => {
-        DevLogger.log(`[handleSendMessage] initial msg`, msg);
-        DevLogger.log(`[handleSendMessage]     new msg`, newmsg);
-        return handleSendMessage({ msg: newmsg, connection });
-      },
+    );
+
+    connection.remote.sendMessage(msg).catch((err) => {
+      Logger.log(err, `Connection::sendMessage failed to send`);
     });
 
-    // check if lastrpc or if an error occured during the chain
-    if (!isLastRpcOrError) {
-      // Only continue processing the message and goback if all rpcs in the batch have been handled
+    if (connection.origin === AppConstants.DEEPLINKS.ORIGIN_QR_CODE) {
       DevLogger.log(
-        `[handleSendMessage] chainRPCs=${chainRPCs} NOT COMPLETED!`,
+        `[handleSendMessage] origin=${connection.origin} --- skip goBack()`,
       );
       return;
     }
 
-    // Always set the method to metamask_batch otherwise it may not have been set correctly because of the batch rpc flow.
-    method = RPC_METHODS.METAMASK_BATCH;
-    DevLogger.log(`[handleSendMessage] chainRPCs=${chainRPCs} COMPLETED!`);
-  }
-
-  if (msgId && method) {
-    connection.rpcQueueManager.remove(msgId);
-  }
-
-  const canRedirect = connection.rpcQueueManager.canRedirect({ method });
-  DevLogger.log(
-    `[handleSendMessage] method=${method} trigger=${connection.trigger} id=${msgId} origin=${connection.origin} canRedirect=${canRedirect}`,
-  );
-
-  connection.remote.sendMessage(msg).catch((err) => {
-    Logger.log(err, `Connection::sendMessage failed to send`);
-  });
-
-  if (connection.origin === AppConstants.DEEPLINKS.ORIGIN_QR_CODE) return;
-
-  if (!canRedirect) {
-    DevLogger.log(
-      `[handleSendMessage] canDirect=false method=${method} --- skip goBack()`,
-      connection.rpcQueueManager,
-    );
-    return;
-  }
+    if (!canRedirect) {
+      DevLogger.log(
+        `[handleSendMessage] canRedirect=false method=${method} --- skip goBack()`,
+        connection.rpcQueueManager,
+      );
+      connection.setLoading(false);
+      // Remove once sdk has migrated away from DefaultPreferences storage and AccountConnect.tsx is using hooks to prevent re-rendering.
+      // This specific case is used to fix issue of AccountConnect backgrop not closing properly after connecting to dapp on ios.
+      if (connection.navigation?.getCurrentRoute()?.name === 'AccountConnect') {
+        DevLogger.log(`[handleSendMessage] remove modal`);
+        if (Device.isIos() && parseInt(Platform.Version as string) >= 17) {
+          try {
+            connection.navigation?.goBack();
+            await wait(100); // delay to allow modal to close
+          } catch (_e) {
+            // Ignore temporarily until next stage of permissions system implementation
+          }
+          connection.navigation?.navigate(Routes.MODAL.ROOT_MODAL_FLOW, {
+            screen: Routes.SHEET.RETURN_TO_DAPP_MODAL,
+          });
+        }
+      }
+      return;
+    }
 
-  if (connection.trigger !== 'deeplink') {
-    DevLogger.log(`[handleSendMessage] NOT deeplink --- skip goBack()`);
-    return;
-  }
+    if (connection.trigger !== 'deeplink') {
+      DevLogger.log(`[handleSendMessage] NOT deeplink --- skip goBack()`);
+      return;
+    }
 
-  try {
     if (METHODS_TO_DELAY[method]) {
       await wait(1200);
     }
@@ -89,7 +109,7 @@ export const handleSendMessage = async ({
       `[handleSendMessage] method=${method} trigger=${connection.trigger} origin=${connection.origin} id=${msgId} goBack()`,
     );
 
-    // Trigger should be removed changed after redirect so we don't redirect the dapp next time and go back to nothing.
+    // Trigger should be removed after redirect so we don't redirect the dapp next time and go back to nothing.
     connection.trigger = 'resume';
 
     // Check for iOS 17 and above to use a custom modal, as Minimizer.goBack() is incompatible with these versions
@@ -98,6 +118,7 @@ export const handleSendMessage = async ({
         screen: Routes.SHEET.RETURN_TO_DAPP_MODAL,
       });
     } else {
+      DevLogger.log(`[handleSendMessage] goBack()`);
       await Minimizer.goBack();
     }
   } catch (err) {
diff --git a/app/core/SDKConnect/handlers/setupBridge.test.ts b/app/core/SDKConnect/handlers/setupBridge.test.ts
index e1e2739798e..e301e883f30 100644
--- a/app/core/SDKConnect/handlers/setupBridge.test.ts
+++ b/app/core/SDKConnect/handlers/setupBridge.test.ts
@@ -1,6 +1,5 @@
 import { OriginatorInfo } from '@metamask/sdk-communication-layer';
 import { PROTOCOLS } from '../../../constants/deeplinks';
-import AppConstants from '../../AppConstants';
 import BackgroundBridge from '../../BackgroundBridge/BackgroundBridge';
 import { Connection } from '../Connection';
 import DevLogger from '../utils/DevLogger';
@@ -55,7 +54,7 @@ describe('setupBridge', () => {
   it('should setup backgroundBridge with correct url and isRemoteConn', () => {
     connection.backgroundBridge = undefined;
     const expectedUrl =
-      PROTOCOLS.METAMASK + '://' + AppConstants.MM_SDK.SDK_REMOTE_ORIGIN;
+      PROTOCOLS.METAMASK + '://' + originatorInfo.url ?? originatorInfo.title;
 
     setupBridge({ originatorInfo, connection });
 
diff --git a/app/core/SDKConnect/handlers/setupBridge.ts b/app/core/SDKConnect/handlers/setupBridge.ts
index ce8caf27c60..8b697e05700 100644
--- a/app/core/SDKConnect/handlers/setupBridge.ts
+++ b/app/core/SDKConnect/handlers/setupBridge.ts
@@ -26,8 +26,9 @@ export const setupBridge = ({
   const backgroundBridge = new BackgroundBridge({
     webview: null,
     isMMSDK: true,
-    // TODO: need to rewrite backgroundBridge to directly provide the origin instead of url format.
-    url: PROTOCOLS.METAMASK + '://' + AppConstants.MM_SDK.SDK_REMOTE_ORIGIN,
+    channelId: connection.channelId,
+    url:
+      PROTOCOLS.METAMASK + '://' + originatorInfo.url || originatorInfo.title,
     isRemoteConn: true,
     sendMessage: (msg: any) => {
       DevLogger.log(`setupBride::sendMessage`, msg);
@@ -48,6 +49,7 @@ export const setupBridge = ({
       );
       return getRpcMethodMiddleware({
         hostname: connection.host,
+        channelId: connection.channelId,
         getProviderState,
         isMMSDK: true,
         navigation: null, //props.navigation,
diff --git a/app/core/WalletConnect/WalletConnectV2.ts b/app/core/WalletConnect/WalletConnectV2.ts
index 964cd3fc252..61e3e2bcf89 100644
--- a/app/core/WalletConnect/WalletConnectV2.ts
+++ b/app/core/WalletConnect/WalletConnectV2.ts
@@ -83,6 +83,7 @@ class WalletConnect2Session {
 
     this.backgroundBridge = new BackgroundBridge({
       webview: null,
+      channelId: session.pairingTopic,
       url,
       isWalletConnect: true,
       wcRequestActions: {
diff --git a/locales/languages/en.json b/locales/languages/en.json
index 39d4c0091ce..fb11d34d4af 100644
--- a/locales/languages/en.json
+++ b/locales/languages/en.json
@@ -903,10 +903,27 @@
     "disconnect_all_info": "If you remove your connections to all sites, you’ll need to give permission to connect again.",
     "disconnect": "Disconnect",
     "disconnect_all": "Disconnect all",
+    "disconnect_all_accounts": "Disconnect all Accounts",
+    "manage_connections": "Manage Connections",
+    "manage": "Manage",
     "cancel": "Cancel",
     "loading": "Connecting to MetaMask...",
     "unkown_dapp": "DAPP name not available",
-    "no_connections": "No connections found"
+    "no_connections": "No connections",
+    "no_connections_desc": "If you connect an account to a site or an app, you’ll see it here."
+  },
+  "sdk_session_item": {
+    "connected_accounts": "{{accountsLength}} account(s) connected."
+  },
+  "sdk_disconnect_modal": {
+    "disconnect_all": "Disconnect from all sites?",
+    "disconnect_all_desc": "If you disconnect your accounts from all sites, you'll need to give permissions to reconnect them.",
+    "disconnect_account": "Disconnect account?",
+    "disconnect_all_accounts": "Disconnect all Accounts",
+    "disconnect_all_accounts_desc": "If you disconnect all accounts from {{dapp}}, you will need to give permissions to reconnect them.",
+    "disconnect_account_desc": "If you disconnect {{account}} from {{dapp}}, you will need to give permissions to reconnect it.",
+    "disconnect_confirm": "Disconnect",
+    "cancel": "Cancel"
   },
   "sdk_return_to_app_modal": {
     "title": "Return to app",