diff --git a/web/app/components/header/nav/nav-selector/index.tsx b/web/app/components/header/nav/nav-selector/index.tsx
index f3c99b697c..6c9db287e7 100644
--- a/web/app/components/header/nav/nav-selector/index.tsx
+++ b/web/app/components/header/nav/nav-selector/index.tsx
@@ -11,12 +11,11 @@ import { useRouter } from 'next/navigation'
import { debounce } from 'lodash-es'
import cn from '@/utils/classnames'
import AppIcon from '@/app/components/base/app-icon'
-import { AiText, BubbleTextMod, ChatBot, CuteRobot } from '@/app/components/base/icons/src/vender/solid/communication'
-import { Route } from '@/app/components/base/icons/src/vender/solid/mapsAndTravel'
+import { AppTypeIcon } from '@/app/components/app/type-selector'
import { useAppContext } from '@/context/app-context'
import { useStore as useAppStore } from '@/app/components/app/store'
import { FileArrow01, FilePlus01, FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
-import type { AppIconType } from '@/types/app'
+import type { AppIconType, AppMode } from '@/types/app'
export type NavItem = {
id: string
@@ -26,7 +25,7 @@ export type NavItem = {
icon: string
icon_background: string | null
icon_url: string | null
- mode?: string
+ mode?: AppMode
}
export type INavSelectorProps = {
navigationItems: NavItem[]
@@ -92,25 +91,7 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
imageUrl={nav.icon_url}
/>
{!!nav.mode && (
-
- {nav.mode === 'advanced-chat' && (
-
- )}
- {nav.mode === 'agent-chat' && (
-
- )}
- {nav.mode === 'chat' && (
-
- )}
- {nav.mode === 'completion' && (
-
- )}
- {nav.mode === 'workflow' && (
-
- )}
-
+
)}