@lobehub/lobehub 2.0.0-next.34 → 2.0.0-next.36

package/src/app/[variants]/(main)/chat/components/ConversationArea.tsx

@@ -0,0 +1,29 @@
+import { memo } from 'react';
+
+import ChatHydration from './conversation/features/ChatHydration';
+import ChatInput from './conversation/features/ChatInput';
+import ChatList from './conversation/features/ChatList';
+import ChatMinimap from './conversation/features/ChatMinimap';
+import ThreadHydration from './conversation/features/ThreadHydration';
+import ZenModeToast from './conversation/features/ZenModeToast';
+
+interface ConversationAreaProps {
+  mobile?: boolean;
+}
+
+const ConversationArea = memo<ConversationAreaProps>(({ mobile = false }) => {
+  return (
+    <>
+      <ZenModeToast />
+      <ChatList mobile={mobile} />
+      <ChatInput mobile={mobile} />
+      <ChatHydration />
+      <ThreadHydration />
+      {!mobile && <ChatMinimap />}
+    </>
+  );
+});
+
+ConversationArea.displayName = 'ConversationArea';
+
+export default ConversationArea;

package/src/app/[variants]/(main)/chat/components/MainChatPage.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import { memo } from 'react';
+
+import TelemetryNotification from '../components/features/TelemetryNotification';
+import PageTitle from '../features/PageTitle';
+import WorkspaceLayout from './WorkspaceLayout';
+
+interface MainChatPageProps {
+  mobile?: boolean;
+}
+
+const MainChatPage = memo<MainChatPageProps>(({ mobile }) => {
+  return (
+    <>
+      <PageTitle />
+      <WorkspaceLayout mobile={mobile} />
+      <TelemetryNotification mobile={mobile} />
+    </>
+  );
+});
+
+MainChatPage.displayName = 'MainChatPage';
+
+export default MainChatPage;

package/src/app/[variants]/(main)/chat/components/PortalPanel.tsx

@@ -0,0 +1,28 @@
+import { Suspense, lazy, memo } from 'react';
+
+import Loading from '@/components/Loading/BrandTextLoading';
+
+import DesktopLayout from './portal/_layout/Desktop';
+import MobileLayout from './portal/_layout/Mobile';
+
+const PortalBody = lazy(() => import('@/features/Portal/router'));
+
+interface PortalPanelProps {
+  mobile?: boolean;
+}
+
+const PortalPanel = memo<PortalPanelProps>(({ mobile }) => {
+  const Layout = mobile ? MobileLayout : DesktopLayout;
+
+  return (
+    <Suspense fallback={<Loading />}>
+      <Layout>
+        <PortalBody />
+      </Layout>
+    </Suspense>
+  );
+});
+
+PortalPanel.displayName = 'PortalPanel';
+
+export default PortalPanel;

package/src/app/[variants]/(main)/chat/components/SessionPanel.tsx

@@ -0,0 +1,33 @@
+import { Suspense, lazy, memo } from 'react';
+
+import CircleLoading from '@/components/Loading/CircleLoading';
+
+import DesktopLayout from '../session/layout/Desktop';
+import MobileLayout from '../session/layout/Mobile';
+import SessionHydration from '../session/features/SessionHydration';
+import SkeletonList from '../session/features/SkeletonList';
+
+const SessionListContent = lazy(() => import('../session/features/SessionListContent'));
+
+interface SessionPanelProps {
+  mobile?: boolean;
+}
+
+const SessionPanel = memo<SessionPanelProps>(({ mobile }) => {
+  const Layout = mobile ? MobileLayout : DesktopLayout;
+
+  return (
+    <Suspense fallback={<CircleLoading />}>
+      <Layout>
+        <Suspense fallback={<SkeletonList />}>
+          <SessionListContent />
+        </Suspense>
+      </Layout>
+      <SessionHydration />
+    </Suspense>
+  );
+});
+
+SessionPanel.displayName = 'SessionPanel';
+
+export default SessionPanel;

package/src/app/[variants]/(main)/chat/{settings/page.tsx → components/SettingsPage.tsx}

@@ -6,9 +6,14 @@ import isEqual from 'fast-deep-equal';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import MobileContentLayout from '@/components/server/MobileNavLayout';
 import PageTitle from '@/components/PageTitle';
+import SafeSpacing from '@/components/SafeSpacing';
+import { HEADER_HEIGHT } from '@/const/layoutTokens';
 import { useCategory } from '@/features/AgentSetting/AgentCategory/useCategory';
 import AgentSettings from '@/features/AgentSetting/AgentSettings';
+import Footer from '@/features/Setting/Footer';
+import SettingContainer from '@/features/Setting/SettingContainer';
 import { useInitAgentConfig } from '@/hooks/useInitAgentConfig';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
@@ -16,7 +21,14 @@ import { ChatSettingsTabs } from '@/store/global/initialState';
 import { useSessionStore } from '@/store/session';
 import { sessionMetaSelectors } from '@/store/session/selectors';
 
-const EditPage = memo(() => {
+import DesktopHeader from '../settings/_layout/Desktop/Header';
+import MobileHeader from '../settings/_layout/Mobile/Header';
+
+interface SettingsPageProps {
+  mobile?: boolean;
+}
+
+const SettingsPage = memo<SettingsPageProps>(({ mobile = false }) => {
   const { t } = useTranslation('setting');
   const [tab, setTab] = useState(ChatSettingsTabs.Prompt);
   const theme = useTheme();
@@ -34,7 +46,7 @@ const EditPage = memo(() => {
 
   const { isLoading } = useInitAgentConfig();
 
-  return (
+  const content = (
     <>
       <PageTitle title={t('header.sessionWithName', { name: title })} />
       <Tabs
@@ -57,6 +69,26 @@ const EditPage = memo(() => {
       />
     </>
   );
+
+  if (mobile) {
+    return (
+      <MobileContentLayout header={<MobileHeader />}>
+        {content}
+        <Footer />
+      </MobileContentLayout>
+    );
+  }
+
+  return (
+    <>
+      <DesktopHeader />
+      <SettingContainer addonAfter={<Footer />} addonBefore={<SafeSpacing height={HEADER_HEIGHT} />}>
+        {content}
+      </SettingContainer>
+    </>
+  );
 });
 
-export default EditPage;
+SettingsPage.displayName = 'SettingsPage';
+
+export default SettingsPage;

package/src/app/[variants]/(main)/chat/components/TopicSidebar.tsx

@@ -0,0 +1,30 @@
+import dynamic from 'next/dynamic';
+import { memo } from 'react';
+
+import DesktopLayout from './topic/_layout/Desktop';
+import MobileLayout from './topic/_layout/Mobile';
+import SkeletonList from './topic/features/SkeletonList';
+import Topic from './topic/features/Topic';
+
+const ConfigSwitcher = dynamic(() => import('./topic/features/ConfigSwitcher'), {
+  loading: () => <SkeletonList />,
+});
+
+interface TopicSidebarProps {
+  mobile?: boolean;
+}
+
+const TopicSidebar = memo<TopicSidebarProps>(({ mobile }) => {
+  const Layout = mobile ? MobileLayout : DesktopLayout;
+
+  return (
+    <Layout>
+      <ConfigSwitcher />
+      <Topic />
+    </Layout>
+  );
+});
+
+TopicSidebar.displayName = 'TopicSidebar';
+
+export default TopicSidebar;

package/src/app/[variants]/(main)/chat/components/WorkspaceLayout.tsx

@@ -0,0 +1,73 @@
+import { Suspense, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import MainInterfaceTracker from '@/components/Analytics/MainInterfaceTracker';
+import BrandTextLoading from '@/components/Loading/BrandTextLoading';
+import MobileContentLayout from '@/components/server/MobileNavLayout';
+
+import ChatHeaderDesktop from '../components/layout/Desktop/ChatHeader';
+import Portal from '../components/layout/Desktop/Portal';
+import TopicPanel from '../components/layout/Desktop/TopicPanel';
+import ChatHeaderMobile from '../components/layout/Mobile/ChatHeader';
+import TopicModal from '../components/layout/Mobile/TopicModal';
+import ConversationArea from './ConversationArea';
+import PortalPanel from './PortalPanel';
+import TopicSidebar from './TopicSidebar';
+
+interface WorkspaceLayoutProps {
+  mobile?: boolean;
+}
+
+const DesktopWorkspace = memo(() => (
+  <>
+    <ChatHeaderDesktop />
+    <Flexbox
+      height={'100%'}
+      horizontal
+      style={{ overflow: 'hidden', position: 'relative' }}
+      width={'100%'}
+    >
+      <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
+        <ConversationArea mobile={false} />
+      </Flexbox>
+      <Portal>
+        <Suspense fallback={<BrandTextLoading />}>
+          <PortalPanel mobile={false} />
+        </Suspense>
+      </Portal>
+      <TopicPanel>
+        <TopicSidebar mobile={false} />
+      </TopicPanel>
+    </Flexbox>
+    <MainInterfaceTracker />
+  </>
+));
+
+DesktopWorkspace.displayName = 'DesktopWorkspace';
+
+const MobileWorkspace = memo(() => (
+  <>
+    <MobileContentLayout header={<ChatHeaderMobile />} style={{ overflowY: 'hidden' }}>
+      <ConversationArea mobile />
+    </MobileContentLayout>
+    <TopicModal>
+      <TopicSidebar mobile />
+    </TopicModal>
+    <PortalPanel mobile />
+    <MainInterfaceTracker />
+  </>
+));
+
+MobileWorkspace.displayName = 'MobileWorkspace';
+
+const WorkspaceLayout = memo<WorkspaceLayoutProps>(({ mobile }) => {
+  if (mobile) {
+    return <MobileWorkspace />;
+  }
+
+  return <DesktopWorkspace />;
+});
+
+WorkspaceLayout.displayName = 'WorkspaceLayout';
+
+export default WorkspaceLayout;

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatInput/Desktop/MessageFromUrl.tsx

@@ -8,7 +8,7 @@ import { useChatStore } from '@/store/chat';
 import { useSend } from '../useSend';
 
 const MessageFromUrl = () => {
-  const updateInputMessage = useChatStore((s) => s.updateInputMessage);
+  const updateMessageInput = useChatStore((s) => s.updateMessageInput);
   const { send: sendMessage } = useSend();
   const searchParams = useSearchParams();
 
@@ -21,10 +21,10 @@ const MessageFromUrl = () => {
       const newUrl = `${window.location.pathname}?${params.toString()}`;
       window.history.replaceState({}, '', newUrl);
 
-      updateInputMessage(message);
+      updateMessageInput(message);
       sendMessage();
     }
-  }, [searchParams, updateInputMessage, sendMessage]);
+  }, [searchParams, updateMessageInput, sendMessage]);
 
   return null;
 };

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatInput/V1Mobile/index.tsx

@@ -39,7 +39,7 @@ const MobileChatInput = memo(() => {
   const [loading, value, onInput, onStop] = useChatStore((s) => [
     messageStateSelectors.isAIGenerating(s),
     s.inputMessage,
-    s.updateInputMessage,
+    s.updateMessageInput,
     s.stopGenerateMessage,
   ]);
 

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatInput/V1Mobile/useSend.ts

@@ -16,9 +16,9 @@ export type UseSendMessageParams = Pick<
 >;
 
 export const useSendMessage = () => {
-  const [sendMessage, updateInputMessage] = useChatStore((s) => [
+  const [sendMessage, updateMessageInput] = useChatStore((s) => [
     s.sendMessage,
-    s.updateInputMessage,
+    s.updateMessageInput,
   ]);
   const { analytics } = useAnalytics();
   const checkGeminiChineseWarning = useGeminiChineseWarning();
@@ -66,7 +66,7 @@ export const useSendMessage = () => {
       ...params,
     });
 
-    updateInputMessage('');
+    updateMessageInput('');
     clearChatUploadFileList();
 
     // 获取分析数据

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatInput/useSend.ts

@@ -161,14 +161,14 @@ export const useSendGroupMessage = () => {
   const [
     isContentEmpty,
     sendGroupMessage,
-    updateInputMessage,
+    updateMessageInput,
     stopGenerateMessage,
     isSendButtonDisabledByMessage,
     isCreatingMessage,
   ] = useChatStore((s) => [
     !s.inputMessage,
     s.sendGroupMessage,
-    s.updateInputMessage,
+    s.updateMessageInput,
     s.stopGenerateMessage,
     messageStateSelectors.isSendButtonDisabledByMessage(s),
     messageStateSelectors.isCreatingMessage(s),
@@ -255,7 +255,7 @@ export const useSendGroupMessage = () => {
       mainInputEditor.setExpand(false);
       mainInputEditor.clearContent();
       mainInputEditor.focus();
-      updateInputMessage('');
+      updateMessageInput('');
       // clear mentioned users after sending
       mentionState.clearMentionedUsers();
 
@@ -284,7 +284,7 @@ export const useSendGroupMessage = () => {
       canNotSend,
       fileList,
       clearChatUploadFileList,
-      updateInputMessage,
+      updateMessageInput,
       analytics,
       checkGeminiChineseWarning,
     ],
@@ -314,8 +314,8 @@ export const useSendGroupMessage = () => {
       generating: isSupervisorThinking || isCreatingMessage,
       send: handleSend,
       stop,
-      updateInputMessage,
+      updateMessageInput,
     }),
-    [canNotSend, isSupervisorThinking, isCreatingMessage, handleSend, stop, updateInputMessage],
+    [canNotSend, isSupervisorThinking, isCreatingMessage, handleSend, stop, updateMessageInput],
   );
 };

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatList/ChatItem/index.tsx

@@ -1,7 +1,7 @@
 import { createStyles } from 'antd-style';
 import React, { memo } from 'react';
 
-import SupervisorThinkingTag from '@/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/OrchestratorThinking';
+import SupervisorThinkingTag from '@/app/[variants]/(main)/chat/components/conversation/features/ChatList/ChatItem/OrchestratorThinking';
 import { ChatItem } from '@/features/Conversation';
 import { useAgentStore } from '@/store/agent';
 import { agentChatConfigSelectors } from '@/store/agent/selectors';

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatList/Content.tsx

@@ -6,7 +6,7 @@ import { SkeletonList, VirtualizedList } from '@/features/Conversation';
 import WideScreenContainer from '@/features/Conversation/components/WideScreenContainer';
 import { useFetchMessages } from '@/hooks/useFetchMessages';
 import { useChatStore } from '@/store/chat';
-import { chatSelectors } from '@/store/chat/selectors';
+import { displayMessageSelectors } from '@/store/chat/selectors';
 
 import MainChatItem from './ChatItem';
 import Welcome from './WelcomeChatItem';
@@ -16,10 +16,12 @@ interface ListProps {
 }
 
 const Content = memo<ListProps>(({ mobile }) => {
-  const [isCurrentChatLoaded] = useChatStore((s) => [chatSelectors.isCurrentChatLoaded(s)]);
+  const [isCurrentChatLoaded] = useChatStore((s) => [
+    displayMessageSelectors.isCurrentDisplayChatLoaded(s),
+  ]);
 
   useFetchMessages();
-  const data = useChatStore(chatSelectors.mainDisplayChatIDs);
+  const data = useChatStore(displayMessageSelectors.mainDisplayChatIDs);
 
   const itemContent = useCallback(
     (index: number, id: string) => <MainChatItem id={id} index={index} />,

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatList/WelcomeChatItem/AgentWelcome/OpeningQuestions.tsx

@@ -40,7 +40,7 @@ interface OpeningQuestionsProps {
 
 const OpeningQuestions = memo<OpeningQuestionsProps>(({ mobile, questions }) => {
   const { t } = useTranslation('welcome');
-  const [updateInputMessage] = useChatStore((s) => [s.updateInputMessage]);
+  const [updateMessageInput] = useChatStore((s) => [s.updateMessageInput]);
 
   const { styles } = useStyles();
   const { send: sendMessage } = useSend();
@@ -56,7 +56,7 @@ const OpeningQuestions = memo<OpeningQuestionsProps>(({ mobile, questions }) =>
               clickable
               key={question}
               onClick={() => {
-                updateInputMessage(question);
+                updateMessageInput(question);
                 sendMessage({ isWelcomeQuestion: true });
               }}
               paddingBlock={8}

package/src/app/[variants]/(main)/chat/{(workspace)/@conversation → components/conversation}/features/ChatList/WelcomeChatItem/GroupWelcome/GroupUsageSuggest.tsx

@@ -77,7 +77,7 @@ const getFallbackActivities = (t: any) => {
 const GroupUsageSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('welcome');
   const { styles } = useStyles();
-  const { updateInputMessage, send } = useSendGroupMessage();
+  const { updateMessageInput, send } = useSendGroupMessage();
   const templateMatch = useTemplateMatching();
 
   const itemsPerPage = mobile ? 2 : 4;
@@ -139,7 +139,7 @@ const GroupUsageSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
               horizontal
               key={activityKey}
               onClick={() => {
-                updateInputMessage(prompt);
+                updateMessageInput(prompt);
                 send();
               }}
               variant={'outlined'}

package/src/app/[variants]/(main)/chat/{layout.ts → layout.tsx}

@@ -1,5 +1,4 @@
 import ServerLayout from '@/components/server/ServerLayout';
-
 import Desktop from './_layout/Desktop';
 import Mobile from './_layout/Mobile';
 import { LayoutProps } from './_layout/type';

package/src/app/[variants]/(main)/chat/page.tsx

@@ -0,0 +1,12 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+import { BrandTextLoading } from '@/components/Loading';
+
+const ChatRouter = dynamic(() => import('./ChatRouter'), {
+  loading: BrandTextLoading,
+  ssr: false,
+});
+
+export default ChatRouter;

package/src/app/[variants]/(main)/labs/page.tsx

@@ -24,13 +24,11 @@ const LabsPage = memo(() => {
   const [
     isPreferenceInit,
     enableInputMarkdown,
-    enableAssistantMessageGroup,
     // enableGroupChat,
     updateLab,
   ] = useUserStore((s) => [
     preferenceSelectors.isPreferenceInit(s),
     labPreferSelectors.enableInputMarkdown(s),
-    labPreferSelectors.enableAssistantMessageGroup(s),
     // labPreferSelectors.enableGroupChat(s),
     s.updateLab,
   ]);
@@ -43,13 +41,6 @@ const LabsPage = memo(() => {
       key: 'enableInputMarkdown',
       title: t('features.inputMarkdown.title'),
     },
-    {
-      checked: enableAssistantMessageGroup,
-      cover: 'https://github.com/user-attachments/assets/ba517751-1f3b-4269-979e-f8471e3ebb89',
-      desc: t('features.assistantMessageGroup.desc'),
-      key: 'enableAssistantMessageGroup',
-      title: t('features.assistantMessageGroup.title'),
-    },
     // {
     //   checked: enableGroupChat,
     //   cover: 'https://github.com/user-attachments/assets/72894d24-a96a-4d7c-a823-ff9e6a1a8b6d',

package/src/features/ChatInput/ActionBar/STT/browser.tsx

@@ -42,9 +42,9 @@ const BrowserSTT = memo<{ mobile?: boolean }>(({ mobile }) => {
   const [error, setError] = useState<ChatMessageError>();
   const { t } = useTranslation('chat');
 
-  const [loading, updateInputMessage] = useChatStore((s) => [
+  const [loading, updateMessageInput] = useChatStore((s) => [
     messageStateSelectors.isAIGenerating(s),
-    s.updateInputMessage,
+    s.updateMessageInput,
   ]);
 
   const setDefaultError = useCallback(
@@ -76,7 +76,7 @@ const BrowserSTT = memo<{ mobile?: boolean }>(({ mobile }) => {
     },
     onTextChange: (text) => {
       if (loading) stop();
-      if (text) updateInputMessage(text);
+      if (text) updateMessageInput(text);
     },
   });
 

package/src/features/ChatInput/ActionBar/STT/openai.tsx

@@ -53,9 +53,9 @@ const OpenaiSTT = memo<{ mobile?: boolean }>(({ mobile }) => {
   const [error, setError] = useState<ChatMessageError>();
   const { t } = useTranslation('chat');
 
-  const [loading, updateInputMessage] = useChatStore((s) => [
+  const [loading, updateMessageInput] = useChatStore((s) => [
     messageStateSelectors.isAIGenerating(s),
-    s.updateInputMessage,
+    s.updateMessageInput,
   ]);
 
   const setDefaultError = useCallback(
@@ -87,7 +87,7 @@ const OpenaiSTT = memo<{ mobile?: boolean }>(({ mobile }) => {
     },
     onTextChange: (text) => {
       if (loading) stop();
-      if (text) updateInputMessage(text);
+      if (text) updateMessageInput(text);
     },
   });
 

package/src/features/Conversation/Error/AccessCodeForm.tsx

@@ -19,7 +19,7 @@ const AccessCodeForm = memo<AccessCodeFormProps>(({ id }) => {
     keyVaultsConfigSelectors.password(s),
     s.updateKeyVaults,
   ]);
-  const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
+  const [resend, deleteMessage] = useChatStore((s) => [s.delAndRegenerateMessage, s.deleteMessage]);
 
   return (
     <>

package/src/features/Conversation/Error/ChatInvalidApiKey.tsx

@@ -13,7 +13,7 @@ interface ChatInvalidAPIKeyProps {
 const ChatInvalidAPIKey = memo<ChatInvalidAPIKeyProps>(({ id, provider }) => {
   const { t } = useTranslation('modelProvider');
   const { t: modelProviderErrorT } = useTranslation(['modelProvider', 'error']);
-  const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
+  const [resend, deleteMessage] = useChatStore((s) => [s.delAndRegenerateMessage, s.deleteMessage]);
   const providerName = useProviderName(provider as GlobalLLMProviderKey);
 
   return (

package/src/features/Conversation/Error/ClerkLogin/index.tsx

@@ -15,7 +15,7 @@ const ClerkLogin = memo<{ id: string }>(({ id }) => {
   const [openSignIn, isSignedIn] = useUserStore((s) => [s.openLogin, s.isSignedIn]);
   const greeting = useGreeting();
   const nickName = useUserStore(userProfileSelectors.nickName);
-  const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
+  const [resend, deleteMessage] = useChatStore((s) => [s.delAndRegenerateMessage, s.deleteMessage]);
 
   return (
     <ErrorActionContainer>

package/src/features/Conversation/Error/OAuthForm.tsx

@@ -18,7 +18,7 @@ const OAuthForm = memo<{ id: string }>(({ id }) => {
   const user = useUserStore(userProfileSelectors.userProfile);
   const isOAuthLoggedIn = useUserStore(authSelectors.isLoginWithAuth);
 
-  const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
+  const [resend, deleteMessage] = useChatStore((s) => [s.delAndRegenerateMessage, s.deleteMessage]);
 
   const { message, modal } = App.useApp();
 

package/src/features/Conversation/Error/index.tsx

@@ -12,7 +12,6 @@ import { useProviderName } from '@/hooks/useProviderName';
 import ChatInvalidAPIKey from './ChatInvalidApiKey';
 import ClerkLogin from './ClerkLogin';
 import ErrorJsonViewer from './ErrorJsonViewer';
-import InvalidAccessCode from './InvalidAccessCode';
 import { ErrorActionContainer } from './style';
 
 interface ErrorMessageData {
@@ -118,10 +117,6 @@ const ErrorMessageExtra = memo<ErrorExtraProps>(({ data, block }) => {
       return <ClerkLogin id={data.id} />;
     }
 
-    case ChatErrorType.InvalidAccessCode: {
-      return <InvalidAccessCode id={data.id} provider={data.error?.body?.provider} />;
-    }
-
     case AgentRuntimeErrorType.NoOpenAIAPIKey: {
       {
         return <ChatInvalidAPIKey id={data.id} provider={data.error?.body?.provider} />;