diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
index da17ab65b9bd..a20fbbab7549 100644
--- a/packages/dashboard/package.json
+++ b/packages/dashboard/package.json
@@ -25,6 +25,7 @@
     "@masknet/web3-providers": "workspace:*",
     "@masknet/web3-shared-base": "workspace:*",
     "@masknet/web3-shared-evm": "workspace:*",
+    "@masknet/web3-providers":"workspace:*",
     "@msgpack/msgpack": "^2.7.2",
     "@servie/events": "^3.0.0",
     "@types/color": "^3.0.3",
diff --git a/packages/dashboard/src/locales/en-US.json b/packages/dashboard/src/locales/en-US.json
index 8275fa3c151f..b96f971ae427 100644
--- a/packages/dashboard/src/locales/en-US.json
+++ b/packages/dashboard/src/locales/en-US.json
@@ -219,8 +219,9 @@
     "personas_add_persona": "Add Persona",
     "personas_back_up": "Back Up",
     "personas_connect_to": "Connect to {{internalName}}",
-    "personas_disconnect": "Disconnect",
-    "personas_disconnect_warning": "Are you sure you want to disconnect the {{network}} account of {{userId}}? After disconnection, this account will no longer be able to decrypt and encrypt any information with Mask Network.",
+    "personas_disconnect": "Delete Persona Verification",
+    "personas_disconnect_raw": "Disconnect",
+    "personas_disconnect_warning": "Are you sure you want to delete persona verification?  Your mask friends can no longer send decrypted message to you by this persona or check your Web 3 products related with this persona.",
     "personas_logout_warning": "After logging out, your associated social accounts can no longer decrypt past encrypted messages. If you need to reuse your account, you can use your private key for recovery.",
     "personas_add": "Add",
     "personas_upload_avatar": "Upload an avatar",
diff --git a/packages/dashboard/src/pages/Personas/components/DisconnectProfileDialog/index.tsx b/packages/dashboard/src/pages/Personas/components/DisconnectProfileDialog/index.tsx
index 65bfcd47b6e3..895750ea549a 100644
--- a/packages/dashboard/src/pages/Personas/components/DisconnectProfileDialog/index.tsx
+++ b/packages/dashboard/src/pages/Personas/components/DisconnectProfileDialog/index.tsx
@@ -2,7 +2,7 @@ import { getMaskColor, makeStyles, MaskColorVar, MaskDialog } from '@masknet/the
 import { Box, Button, DialogContent, Link, Stack, Typography } from '@mui/material'
 import { useDashboardI18N } from '../../../../locales'
 import { SOCIAL_MEDIA_ICON_MAPPING } from '@masknet/shared'
-import type { ProfileIdentifier } from '@masknet/shared-base'
+import type { PersonaIdentifier, ProfileIdentifier } from '@masknet/shared-base'
 import { useState } from 'react'
 import { WarningIcon } from '@masknet/icons'
 
@@ -12,6 +12,10 @@ const useStyles = makeStyles()((theme) => ({
             fill: getMaskColor(theme).orangeMain,
         },
     },
+    personaTextZone: {
+        margin: `${theme.spacing(4)} 0`,
+        fontSize: '13px',
+    },
 }))
 
 interface DisconnectProfileDialogProps {
@@ -20,6 +24,7 @@ interface DisconnectProfileDialogProps {
     onClose(): void
     onDisconnect: (identifier: ProfileIdentifier) => void
     profileIdentifiers: ProfileIdentifier[]
+    personaIdentifier: PersonaIdentifier
 }
 
 enum steps {
@@ -33,16 +38,15 @@ export const DisconnectProfileDialog = ({
     networkIdentifier,
     profileIdentifiers,
     onDisconnect,
+    personaIdentifier,
 }: DisconnectProfileDialogProps) => {
     const t = useDashboardI18N()
     const { classes } = useStyles()
-
     const [currentStep, setCurrentStep] = useState<steps>(steps.selection)
     const [profileIdentifier, setProfileIdentifier] = useState<ProfileIdentifier | null>()
-
     return (
         <MaskDialog open={open} title={t.personas_disconnect()} onClose={onClose}>
-            <DialogContent sx={{ width: 440 }}>
+            <DialogContent sx={{ width: 480 }}>
                 {currentStep === steps.selection && (
                     <Stack minHeight="100px" justifyContent="center">
                         {profileIdentifiers.map((x) => (
@@ -70,7 +74,7 @@ export const DisconnectProfileDialog = ({
                                             setProfileIdentifier(x)
                                             setCurrentStep(steps.action)
                                         }}>
-                                        {t.personas_disconnect()}
+                                        {t.personas_disconnect_raw()}
                                     </Link>
                                 </Box>
                             </Stack>
@@ -83,11 +87,9 @@ export const DisconnectProfileDialog = ({
                             <WarningIcon className={classes.svg} sx={{ fontSize: 64 }} color="warning" />
                         </Box>
                         <Typography variant="caption" sx={{ color: MaskColorVar.textPrimary, fontSize: 13, mr: 1 }}>
-                            {t.personas_disconnect_warning({
-                                userId: profileIdentifier?.userId ?? '',
-                                network: networkIdentifier,
-                            })}
+                            {t.personas_disconnect_warning()}
                         </Typography>
+                        <div className={classes.personaTextZone}>persona: {personaIdentifier.compressedPoint}</div>
                         <Stack mt={3} mb={1} direction="row" justifyContent="space-around" gap={4}>
                             <Button sx={{ flex: 1 }} onClick={onClose} color="secondary">
                                 {t.cancel()}
diff --git a/packages/dashboard/src/pages/Personas/components/PersonaCard/Row.tsx b/packages/dashboard/src/pages/Personas/components/PersonaCard/Row.tsx
index e7ddaf8ecd4c..6a8bfb8fa683 100644
--- a/packages/dashboard/src/pages/Personas/components/PersonaCard/Row.tsx
+++ b/packages/dashboard/src/pages/Personas/components/PersonaCard/Row.tsx
@@ -3,7 +3,14 @@ import { makeStyles, MaskColorVar } from '@masknet/theme'
 import { PublicKeyIcon, SettingsIcon } from '@masknet/icons'
 import { Box, IconButton, MenuItem, Stack, Typography } from '@mui/material'
 import { ConnectedPersonaLine, UnconnectedPersonaLine } from '../PersonaLine'
-import { PersonaIdentifier, ProfileIdentifier, ProfileInformation, DashboardRoutes } from '@masknet/shared-base'
+import {
+    PersonaIdentifier,
+    ProfileIdentifier,
+    ProfileInformation,
+    DashboardRoutes,
+    NextIDPersonaBindings,
+    NextIDAction,
+} from '@masknet/shared-base'
 import { useMenu } from '@masknet/shared'
 import { useDashboardI18N } from '../../../../locales'
 import { PersonaContext } from '../../hooks/usePersonaContext'
@@ -56,18 +63,27 @@ const MenuText = styled('span')(`
 `)
 
 export const PersonaRowCard = memo(() => {
-    const { currentPersona, connectPersona, disconnectPersona, renamePersona, definedSocialNetworks } =
-        PersonaContext.useContainer()
+    const {
+        currentPersona,
+        connectPersona,
+        disconnectPersona,
+        renamePersona,
+        operateBound,
+        definedSocialNetworks,
+        verification,
+    } = PersonaContext.useContainer()
 
     if (!currentPersona) return null
 
     return (
         <PersonaRowCardUI
+            verification={verification}
             nickname={currentPersona.nickname}
             identifier={currentPersona.identifier}
             profiles={currentPersona.linkedProfiles}
             onConnect={connectPersona}
             onDisconnect={disconnectPersona}
+            onDeleteBound={operateBound}
             onRename={renamePersona}
             definedSocialNetworks={definedSocialNetworks}
         />
@@ -82,6 +98,13 @@ export interface PersonaRowCardUIProps {
     onConnect: (identifier: PersonaIdentifier, networkIdentifier: string) => void
     onDisconnect: (identifier: ProfileIdentifier) => void
     onRename: (identifier: PersonaIdentifier, target: string, callback?: () => void) => Promise<void>
+    verification?: NextIDPersonaBindings
+    onDeleteBound: (
+        identifier: PersonaIdentifier,
+        profile: ProfileIdentifier,
+        network: string,
+        action: NextIDAction,
+    ) => void
 }
 
 export const PersonaRowCardUI = memo<PersonaRowCardUIProps>((props) => {
@@ -90,8 +113,8 @@ export const PersonaRowCardUI = memo<PersonaRowCardUIProps>((props) => {
     const { classes } = useStyles()
     const { confirmPassword } = useContext(UserContext)
 
-    const { nickname, definedSocialNetworks, identifier, profiles } = props
-    const { onConnect, onDisconnect, onRename } = props
+    const { nickname, definedSocialNetworks, identifier, profiles, verification } = props
+    const { onConnect, onDisconnect, onRename, onDeleteBound } = props
 
     const { value: privateKey } = useExportPrivateKey(identifier)
     const { value: words } = useExportMnemonicWords(identifier)
@@ -182,12 +205,18 @@ export const PersonaRowCardUI = memo<PersonaRowCardUIProps>((props) => {
                         } else {
                             return (
                                 <ConnectedPersonaLine
+                                    verification={verification}
+                                    disableAdd={currentNetworkProfiles.length >= 5}
                                     isHideOperations={false}
                                     key={networkIdentifier}
                                     onConnect={() => onConnect(identifier, networkIdentifier)}
                                     onDisconnect={onDisconnect}
+                                    onDeleteBound={(profile: ProfileIdentifier) => {
+                                        onDeleteBound(identifier, profile, networkIdentifier, NextIDAction.Delete)
+                                    }}
                                     profileIdentifiers={currentNetworkProfiles.map((x) => x.identifier)}
                                     networkIdentifier={networkIdentifier}
+                                    personaIdentifier={identifier}
                                 />
                             )
                         }
diff --git a/packages/dashboard/src/pages/Personas/components/PersonaCard/index.tsx b/packages/dashboard/src/pages/Personas/components/PersonaCard/index.tsx
index 55cd06a623ad..79964aeea168 100644
--- a/packages/dashboard/src/pages/Personas/components/PersonaCard/index.tsx
+++ b/packages/dashboard/src/pages/Personas/components/PersonaCard/index.tsx
@@ -2,7 +2,12 @@ import { memo } from 'react'
 import { makeStyles, MaskColorVar } from '@masknet/theme'
 import { Typography } from '@mui/material'
 import { ConnectedPersonaLine, UnconnectedPersonaLine } from '../PersonaLine'
-import type { PersonaIdentifier, ProfileIdentifier, ProfileInformation } from '@masknet/shared-base'
+import type {
+    NextIDPersonaBindings,
+    PersonaIdentifier,
+    ProfileIdentifier,
+    ProfileInformation,
+} from '@masknet/shared-base'
 import { formatFingerprint } from '@masknet/shared'
 import { PersonaContext } from '../../hooks/usePersonaContext'
 import type { SocialNetwork } from '../../api'
@@ -59,11 +64,12 @@ export interface PersonaCardProps {
 }
 
 export const PersonaCard = memo<PersonaCardProps>((props) => {
-    const { connectPersona, disconnectPersona, definedSocialNetworks } = PersonaContext.useContainer()
+    const { connectPersona, disconnectPersona, definedSocialNetworks, verification } = PersonaContext.useContainer()
 
     return (
         <PersonaCardUI
             {...props}
+            verification={verification}
             onConnect={connectPersona}
             onDisconnect={disconnectPersona}
             definedSocialNetworks={definedSocialNetworks}
@@ -75,10 +81,11 @@ export interface PersonaCardUIProps extends PersonaCardProps {
     definedSocialNetworks: SocialNetwork[]
     onConnect: (identifier: PersonaIdentifier, networkIdentifier: string) => void
     onDisconnect: (identifier: ProfileIdentifier) => void
+    verification?: NextIDPersonaBindings
 }
 
 export const PersonaCardUI = memo<PersonaCardUIProps>((props) => {
-    const { nickname, active = false, definedSocialNetworks, identifier, profiles } = props
+    const { nickname, active = false, definedSocialNetworks, identifier, profiles, verification } = props
     const { onConnect, onDisconnect, onClick } = props
     const { classes } = useStyles()
 
@@ -111,12 +118,14 @@ export const PersonaCardUI = memo<PersonaCardUIProps>((props) => {
                         } else {
                             return (
                                 <ConnectedPersonaLine
+                                    verification={verification}
                                     isHideOperations
                                     key={networkIdentifier}
                                     onConnect={() => onConnect(identifier, networkIdentifier)}
                                     onDisconnect={onDisconnect}
                                     profileIdentifiers={currentNetworkProfiles.map((x) => x.identifier)}
                                     networkIdentifier={networkIdentifier}
+                                    personaIdentifier={identifier}
                                 />
                             )
                         }
diff --git a/packages/dashboard/src/pages/Personas/components/PersonaLine/index.tsx b/packages/dashboard/src/pages/Personas/components/PersonaLine/index.tsx
index 6af75bd51342..308cdfe5c00b 100644
--- a/packages/dashboard/src/pages/Personas/components/PersonaLine/index.tsx
+++ b/packages/dashboard/src/pages/Personas/components/PersonaLine/index.tsx
@@ -3,9 +3,10 @@ import { Box, Button, Link, Stack, Typography } from '@mui/material'
 import { getMaskColor, MaskColorVar, makeStyles } from '@masknet/theme'
 import { useDashboardI18N } from '../../../../locales'
 import { DisconnectProfileDialog } from '../DisconnectProfileDialog'
-import type { ProfileIdentifier } from '@masknet/shared-base'
+import type { NextIDPersonaBindings, PersonaIdentifier, ProfileIdentifier } from '@masknet/shared-base'
 import { SOCIAL_MEDIA_ICON_MAPPING } from '@masknet/shared'
 import { PersonaContext } from '../../hooks/usePersonaContext'
+import { NextIdPersonaWarningIcon, NextIdPersonaVerifiedIcon } from '@masknet/icons'
 
 const useStyles = makeStyles()((theme) => ({
     connect: {
@@ -17,6 +18,22 @@ const useStyles = makeStyles()((theme) => ({
     link: {
         height: 28,
     },
+    disabled: {
+        opacity: 0.6,
+        pointerEvents: 'none',
+    },
+    userIdBox: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: theme.spacing(0.5),
+    },
+    proofIconBox: {
+        display: 'flex',
+        alignItems: 'center',
+        ':hover': {
+            opacity: 0.8,
+        },
+    },
 }))
 export interface UnconnectedPersonaLineProps {
     onConnect: () => void
@@ -55,12 +72,26 @@ export interface ConnectedPersonaLineProps {
     isHideOperations: boolean
     onConnect: () => void
     onDisconnect: (identifier: ProfileIdentifier) => void
+    onDeleteBound?: (profile: ProfileIdentifier) => void
     profileIdentifiers: ProfileIdentifier[]
     networkIdentifier: string
+    disableAdd?: boolean
+    verification?: NextIDPersonaBindings
+    personaIdentifier: PersonaIdentifier
 }
 
 export const ConnectedPersonaLine = memo<ConnectedPersonaLineProps>(
-    ({ profileIdentifiers, onConnect, onDisconnect, networkIdentifier, isHideOperations }) => {
+    ({
+        profileIdentifiers,
+        onConnect,
+        onDisconnect,
+        onDeleteBound,
+        networkIdentifier,
+        isHideOperations,
+        disableAdd,
+        verification,
+        personaIdentifier,
+    }) => {
         const t = useDashboardI18N()
         const { openProfilePage } = PersonaContext.useContainer()
         const { classes } = useStyles()
@@ -70,7 +101,44 @@ export const ConnectedPersonaLine = memo<ConnectedPersonaLineProps>(
         const handleUserIdClick = async (network: string, userId: string) => {
             await openProfilePage(network, userId)
         }
+        const handleProofIconClick = async (e: MouseEvent, proof: any, profile: any) => {
+            e.stopPropagation()
+            if (!proof || !proof.is_valid) {
+                onConnect()
+            }
+        }
 
+        const handleDisconnect = (profile: ProfileIdentifier) => {
+            const isProved = verification?.proofs.find((x) => {
+                return x.platform === 'twitter' && x.identity === profile.userId.toLowerCase()
+            })
+
+            if (!isProved || !onDeleteBound) {
+                onDisconnect(profile)
+            } else {
+                onDeleteBound(profile)
+            }
+        }
+        const userIdBox = (profile: any) => {
+            const proofSupport = ['twitter.com'].includes(profile.network)
+            const proof = verification?.proofs.find((x) => {
+                return x.platform === 'twitter' && x.identity === profile.userId.toLowerCase()
+            })
+            return (
+                <div className={classes.userIdBox}>
+                    <div>@{profile.userId}</div>
+                    <div
+                        className={classes.proofIconBox}
+                        onClick={(e: MouseEvent) => handleProofIconClick(e, proof, profile)}>
+                        {!proofSupport ? null : proof?.is_valid ? (
+                            <NextIdPersonaVerifiedIcon />
+                        ) : (
+                            <NextIdPersonaWarningIcon />
+                        )}
+                    </div>
+                </div>
+            )
+        }
         return (
             <Box className={classes.connect} sx={{ display: 'flex', alignItems: 'center' }}>
                 <Link
@@ -90,7 +158,7 @@ export const ConnectedPersonaLine = memo<ConnectedPersonaLineProps>(
                                     key={x.userId}
                                     onClick={() => handleUserIdClick(networkIdentifier, x.userId)}
                                     sx={{ color: MaskColorVar.textPrimary, fontSize: 13, mr: 1, cursor: 'pointer' }}>
-                                    @{x.userId}
+                                    {userIdBox(x)}
                                 </Typography>
                             ))}
                         </Stack>
@@ -99,7 +167,7 @@ export const ConnectedPersonaLine = memo<ConnectedPersonaLineProps>(
                         <Box>
                             <Link
                                 component="button"
-                                classes={{ button: classes.link }}
+                                classes={{ button: classes.link, root: disableAdd ? classes.disabled : undefined }}
                                 variant="caption"
                                 sx={{ mr: 1 }}
                                 onClick={(e: MouseEvent) => {
@@ -114,20 +182,19 @@ export const ConnectedPersonaLine = memo<ConnectedPersonaLineProps>(
                                 classes={{ button: classes.link }}
                                 variant="caption"
                                 onClick={() => setOpenDisconnectDialog(true)}>
-                                {t.personas_disconnect()}
+                                {t.personas_disconnect_raw()}
                             </Link>
                         </Box>
                     )}
                 </Link>
-                {openDisconnectDialog && (
-                    <DisconnectProfileDialog
-                        networkIdentifier={networkIdentifier}
-                        onDisconnect={onDisconnect}
-                        profileIdentifiers={profileIdentifiers}
-                        open={openDisconnectDialog}
-                        onClose={() => setOpenDisconnectDialog(false)}
-                    />
-                )}
+                <DisconnectProfileDialog
+                    personaIdentifier={personaIdentifier}
+                    networkIdentifier={networkIdentifier}
+                    onDisconnect={(profileIdentifier) => handleDisconnect(profileIdentifier)}
+                    profileIdentifiers={profileIdentifiers}
+                    open={openDisconnectDialog}
+                    onClose={() => setOpenDisconnectDialog(false)}
+                />
             </Box>
         )
     },
diff --git a/packages/dashboard/src/pages/Personas/components/PersonaSetup/index.tsx b/packages/dashboard/src/pages/Personas/components/PersonaSetup/index.tsx
index 66806d56f944..50670ba9fe2b 100644
--- a/packages/dashboard/src/pages/Personas/components/PersonaSetup/index.tsx
+++ b/packages/dashboard/src/pages/Personas/components/PersonaSetup/index.tsx
@@ -40,7 +40,7 @@ export const PersonaSetup = memo(({ networkIdentifier, onConnect }: PersonaSetup
                 <LinkIcon color="primary" fontSize="inherit" style={{ fill: 'none' }} viewBox="0 0 36 36" />
             </div>
             <Typography variant="body2" sx={{ marginTop: 2.5, marginBottom: 2.5 }}>
-                {t.personas_setup_connect_tips({ type: networkIdentifier.replace('.com', '') })}
+                {t.personas_setup_connect_tips({ type: networkIdentifier.split('.')[0] })}
             </Typography>
             <Button className={classes.button} onClick={onConnect}>
                 {t.personas_setup_connect()}
diff --git a/packages/dashboard/src/pages/Personas/hooks/useOperateBindingProof.ts b/packages/dashboard/src/pages/Personas/hooks/useOperateBindingProof.ts
new file mode 100644
index 000000000000..9789559471c6
--- /dev/null
+++ b/packages/dashboard/src/pages/Personas/hooks/useOperateBindingProof.ts
@@ -0,0 +1,26 @@
+import type { ECKeyIdentifier } from '@masknet/shared-base'
+import { bindProof, createPersonaPayload } from '@masknet/web3-providers'
+import { useAsyncFn } from 'react-use'
+import { Services } from '../../../API'
+
+export function useOperateBound() {
+    return useAsyncFn(async (identifier: ECKeyIdentifier, profile, network, action) => {
+        const persona_ = await Services.Identity.queryPersona(identifier)
+        const username = profile.userId.toLowerCase()
+        const platform = network.split('.')[0] || 'twitter'
+        if (!persona_ || !persona_.publicHexKey) throw new Error('Failed to get person')
+        const payload = await createPersonaPayload(persona_.publicHexKey, action, username, platform)
+        if (!payload) throw new Error('Failed to create persona payload.')
+        const signResult = await Services.Identity.signWithPersona({
+            method: 'eth',
+            message: payload.signPayload,
+            identifier: persona_.identifier.toText(),
+        })
+        if (!signResult) throw new Error('Failed to sign by persona.')
+        const signature = signResult.signature.signature
+        await bindProof(persona_.publicHexKey, action, platform, username, {
+            signature: signature,
+        })
+        await Services.Identity.detachProfile(profile)
+    })
+}
diff --git a/packages/dashboard/src/pages/Personas/hooks/usePersonaContext.ts b/packages/dashboard/src/pages/Personas/hooks/usePersonaContext.ts
index a5b55219216f..8694fb2117c9 100644
--- a/packages/dashboard/src/pages/Personas/hooks/usePersonaContext.ts
+++ b/packages/dashboard/src/pages/Personas/hooks/usePersonaContext.ts
@@ -4,20 +4,31 @@ import { useConnectSocialNetwork, useDisconnectSocialNetwork, useOpenProfilePage
 import { Services } from '../../../API'
 import { useOwnedPersonas, useDefinedSocialNetworkUIs, SocialNetwork, useCurrentPersonaIdentifier } from '../api'
 import { useCreatePersona } from './useCreatePersona'
+import { queryExistedBindingByPersona } from '@masknet/web3-providers'
+import { useAsync, useAsyncRetry } from 'react-use'
+import type { ECKeyIdentifier } from '@masknet/shared-base'
+import { useOperateBound } from './useOperateBindingProof'
 
 function usePersonaContext() {
     const currentPersonaIdentifier = useCurrentPersonaIdentifier()
     const definedSocialNetworks: SocialNetwork[] = useDefinedSocialNetworkUIs()
-
     const personas = useOwnedPersonas()
     const currentPersona = personas.find((x) => x.identifier.equals(currentPersonaIdentifier))
 
     const [open, setOpen] = useState(false)
 
+    const personaPublicKey = useAsync(async () => {
+        return Services.Identity.queryPersona(currentPersonaIdentifier as ECKeyIdentifier)
+    }, [currentPersonaIdentifier]).value?.publicHexKey
+    const verification = useAsyncRetry(async () => {
+        return queryExistedBindingByPersona(personaPublicKey as string)
+    }, [personaPublicKey]).value
+
     const [, connectPersona] = useConnectSocialNetwork()
     const [, openProfilePage] = useOpenProfilePage()
     const [, disconnectPersona] = useDisconnectSocialNetwork()
     const [, createPersona] = useCreatePersona()
+    const [, operateBound] = useOperateBound()
     const renamePersona = Services.Identity.renamePersona
     const changeCurrentPersona = useCallback(Services.Settings.setCurrentPersonaIdentifier, [])
 
@@ -27,12 +38,14 @@ function usePersonaContext() {
         createPersona,
         renamePersona,
         changeCurrentPersona,
+        operateBound,
         currentPersona,
         definedSocialNetworks,
         personas,
         openProfilePage,
         drawerOpen: open,
         toggleDrawer: () => setOpen((e) => !e),
+        verification,
     }
 }
 
diff --git a/packages/dashboard/src/pages/Personas/index.tsx b/packages/dashboard/src/pages/Personas/index.tsx
index f4281309ed92..b0a601df0464 100644
--- a/packages/dashboard/src/pages/Personas/index.tsx
+++ b/packages/dashboard/src/pages/Personas/index.tsx
@@ -90,7 +90,7 @@ function Personas() {
                                     key={networkIdentifier}
                                     value={networkIdentifier}
                                     // They should be localized
-                                    label={capitalize(networkIdentifier.replace('.com', ''))}
+                                    label={capitalize(networkIdentifier.split('.')[0])}
                                 />
                             ))}
                         </Tabs>
diff --git a/packages/icons/general/NextIdPersonaVerified.tsx b/packages/icons/general/NextIdPersonaVerified.tsx
new file mode 100644
index 000000000000..471d84f8416a
--- /dev/null
+++ b/packages/icons/general/NextIdPersonaVerified.tsx
@@ -0,0 +1,19 @@
+import { createIcon } from '../utils'
+import type { SvgIcon } from '@mui/material'
+
+export const NextIdPersonaVerifiedIcon: typeof SvgIcon = createIcon(
+    'NextIdPersonaVerified',
+    <g>
+        <path
+            d="M7.18617 1.49397C7.61225 0.991107 8.38783 0.991107 8.81391 1.49397L9.32729 2.09995C9.58857 2.40831 10.0016 2.54254 10.3943 2.44663L11.1658 2.25816C11.8061 2.10176 12.4335 2.55764 12.4827 3.21488L12.5418 4.00691C12.5719 4.40994 12.8272 4.76135 13.2012 4.91453L13.9362 5.21556C14.5461 5.46534 14.7858 6.20299 14.4392 6.76358L14.0215 7.4391C13.809 7.78288 13.809 8.21723 14.0215 8.56102L14.4392 9.23654C14.7858 9.79712 14.5461 10.5348 13.9362 10.7845L13.2012 11.0856C12.8272 11.2388 12.5719 11.5902 12.5418 11.9932L12.4827 12.7852C12.4335 13.4425 11.8061 13.8983 11.1658 13.742L10.3943 13.5535C10.0016 13.4576 9.58857 13.5918 9.32729 13.9002L8.81391 14.5061C8.38783 15.009 7.61225 15.009 7.18617 14.5061L6.67279 13.9002C6.41151 13.5918 5.99844 13.4576 5.6058 13.5535L4.83427 13.742C4.19402 13.8983 3.56655 13.4425 3.51744 12.7852L3.45828 11.9932C3.42816 11.5902 3.17286 11.2388 2.79885 11.0856L2.06388 10.7845C1.45397 10.5348 1.2143 9.79712 1.56089 9.23654L1.97856 8.56102C2.1911 8.21723 2.1911 7.78288 1.97856 7.4391L1.56089 6.76358C1.2143 6.20299 1.45397 5.46534 2.06388 5.21556L2.79885 4.91453C3.17286 4.76135 3.42816 4.40994 3.45828 4.00691L3.51744 3.21488C3.56655 2.55764 4.19402 2.10176 4.83427 2.25816L5.6058 2.44663C5.99844 2.54254 6.41151 2.40831 6.67279 2.09995L7.18617 1.49397Z"
+            fill="#1C68F3"
+        />
+        <path
+            d="M7.19992 9.40003L5.79992 8.00003L5.33325 8.4667L7.19992 10.3334L11.1999 6.33337L10.7333 5.8667L7.19992 9.40003Z"
+            fill="white"
+            stroke="white"
+            strokeWidth="0.4"
+        />
+    </g>,
+    '0 0 16 16',
+)
diff --git a/packages/icons/general/NextIdPersonaWarning.tsx b/packages/icons/general/NextIdPersonaWarning.tsx
new file mode 100644
index 000000000000..5dc2cbd8b565
--- /dev/null
+++ b/packages/icons/general/NextIdPersonaWarning.tsx
@@ -0,0 +1,22 @@
+import { createIcon } from '../utils'
+import type { SvgIcon } from '@mui/material'
+
+export const NextIdPersonaWarningIcon: typeof SvgIcon = createIcon(
+    'NextIdPersonaWarning',
+    <g>
+        <path
+            opacity="0.2"
+            d="M8.00004 14.6666C11.6819 14.6666 14.6667 11.6819 14.6667 7.99998C14.6667 4.31808 11.6819 1.33331 8.00004 1.33331C4.31814 1.33331 1.33337 4.31808 1.33337 7.99998C1.33337 11.6819 4.31814 14.6666 8.00004 14.6666Z"
+            fill="#FFB915"
+        />
+        <path
+            d="M8.66671 4.85472C8.66671 4.48653 8.36823 4.18805 8.00004 4.18805C7.63185 4.18805 7.33337 4.48653 7.33337 4.85472V8.18805C7.33337 8.55624 7.63185 8.85472 8.00004 8.85472C8.36823 8.85472 8.66671 8.55624 8.66671 8.18805V4.85472Z"
+            fill="#FFB915"
+        />
+        <path
+            d="M8.66671 10.6667C8.66671 10.2985 8.36823 10 8.00004 10C7.63185 10 7.33337 10.2985 7.33337 10.6667C7.33337 11.0349 7.63185 11.3333 8.00004 11.3333C8.36823 11.3333 8.66671 11.0349 8.66671 10.6667Z"
+            fill="#FFB915"
+        />
+    </g>,
+    '0 0 16 16',
+)
diff --git a/packages/icons/general/index.ts b/packages/icons/general/index.ts
index 53d34c78d71c..a3d4ce6901cf 100644
--- a/packages/icons/general/index.ts
+++ b/packages/icons/general/index.ts
@@ -89,3 +89,5 @@ export * from './Cram'
 export * from './TriangleWarning'
 export * from './OpenSeaColoredIcon'
 export * from './Collectible'
+export * from './NextIdPersonaVerified'
+export * from './NextIdPersonaWarning'
diff --git a/packages/shared-base/src/NextID/type.ts b/packages/shared-base/src/NextID/type.ts
index 9454675a4c51..68d43b6c3702 100644
--- a/packages/shared-base/src/NextID/type.ts
+++ b/packages/shared-base/src/NextID/type.ts
@@ -21,6 +21,9 @@ export interface NextIDPersonaBindings {
     proofs: {
         platform: NextIDPlatform
         identity: string
+        created_at: string
+        invalid_reason: string
+        latest_checked_at: string
         is_valid: boolean
     }[]
 }