@lobehub/chat 1.26.21 → 1.27.1

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ByTimeMode/GroupItem.tsx

@@ -0,0 +1,30 @@
+import { createStyles } from 'antd-style';
+import dayjs from 'dayjs';
+import React, { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { GroupedTopic } from '@/types/topic';
+
+const preformat = (id: string) =>
+  id.startsWith('20') ? (id.includes('-') ? dayjs(id).format('MMMM') : id) : undefined;
+
+const useStyles = createStyles(({ css, token, stylish }) => ({
+  container: css`
+    color: ${token.colorTextQuaternary};
+    ${stylish.blur}
+  `,
+}));
+
+const TopicGroupItem = memo<Omit<GroupedTopic, 'children'>>(({ id, title }) => {
+  const { t } = useTranslation('topic');
+  const { styles } = useStyles();
+  const timeTitle = preformat(id) ?? t(`groupTitle.byTime.${id}` as any);
+
+  return (
+    <Flexbox className={styles.container} paddingBlock={8} paddingInline={12}>
+      {title ? title : timeTitle}
+    </Flexbox>
+  );
+});
+export default TopicGroupItem;

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ByTimeMode/index.tsx

@@ -0,0 +1,72 @@
+'use client';
+
+import isEqual from 'fast-deep-equal';
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GroupedVirtuoso, VirtuosoHandle } from 'react-virtuoso';
+
+import { useChatStore } from '@/store/chat';
+import { topicSelectors } from '@/store/chat/selectors';
+import { ChatTopic } from '@/types/topic';
+
+import TopicItem from '../TopicItem';
+import TopicGroupItem from './GroupItem';
+
+const ByTimeMode = memo(() => {
+  const { t } = useTranslation('topic');
+  const virtuosoRef = useRef<VirtuosoHandle>(null);
+  const [activeTopicId] = useChatStore((s) => [s.activeTopicId]);
+  const groupTopics = useChatStore(topicSelectors.groupedTopicsSelector, isEqual);
+
+  const { groups, groupCounts, topics } = useMemo(() => {
+    return {
+      groupCounts: [1, ...groupTopics.map((group) => group.children.length)],
+      groups: [
+        { id: 'default' },
+        ...groupTopics.map((group) => ({ id: group.id, title: group.title })),
+      ],
+      topics: [
+        { favorite: false, id: 'default', title: t('defaultTitle') } as ChatTopic,
+        ...groupTopics.flatMap((group) => group.children),
+      ],
+    };
+  }, [groupTopics]);
+
+  const itemContent = useCallback(
+    (index: number) => {
+      const { id, favorite, title } = topics[index];
+
+      return index === 0 ? (
+        <TopicItem active={!activeTopicId} fav={favorite} title={title} />
+      ) : (
+        <TopicItem active={activeTopicId === id} fav={favorite} id={id} key={id} title={title} />
+      );
+    },
+    [activeTopicId, topics],
+  );
+
+  const groupContent = useCallback(
+    (index: number) => {
+      if (index === 0) return undefined;
+
+      const topicGroup = groups[index];
+      return <TopicGroupItem {...topicGroup} />;
+    },
+    [groups],
+  );
+
+  // const activeIndex = topics.findIndex((topic) => topic.id === activeTopicId);
+
+  return (
+    <GroupedVirtuoso
+      groupContent={groupContent}
+      groupCounts={groupCounts}
+      itemContent={itemContent}
+      ref={virtuosoRef}
+    />
+  );
+});
+
+ByTimeMode.displayName = 'ByTimeMode';
+
+export default ByTimeMode;

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/DefaultContent.tsx

@@ -9,7 +9,7 @@ import { Flexbox } from 'react-layout-kit';
 const { Paragraph } = Typography;
 
 const DefaultContent = memo(() => {
-  const { t } = useTranslation('common');
+  const { t } = useTranslation('topic');
 
   const theme = useTheme();
 
@@ -19,7 +19,7 @@ const DefaultContent = memo(() => {
         <Icon color={theme.colorTextDescription} icon={MessageSquareDashed} />
       </Flexbox>
       <Paragraph ellipsis={{ rows: 1 }} style={{ margin: 0 }}>
-        {t('topic.defaultTitle', { ns: 'chat' })}
+        {t('defaultTitle')}
       </Paragraph>
       <Tag>{t('temp')}</Tag>
     </Flexbox>

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/FlatMode/index.tsx

@@ -0,0 +1,60 @@
+'use client';
+
+import isEqual from 'fast-deep-equal';
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
+
+import { useChatStore } from '@/store/chat';
+import { topicSelectors } from '@/store/chat/selectors';
+import { ChatTopic } from '@/types/topic';
+
+import TopicItem from '../TopicItem';
+
+const FlatMode = memo(() => {
+  const { t } = useTranslation('topic');
+  const virtuosoRef = useRef<VirtuosoHandle>(null);
+  const [activeTopicId] = useChatStore((s) => [s.activeTopicId]);
+  const activeTopicList = useChatStore(topicSelectors.displayTopics, isEqual);
+
+  const topics = useMemo(
+    () => [
+      { favorite: false, id: 'default', title: t('defaultTitle') } as ChatTopic,
+      ...(activeTopicList || []),
+    ],
+    [activeTopicList],
+  );
+
+  const itemContent = useCallback(
+    (index: number, { id, favorite, title }: ChatTopic) =>
+      index === 0 ? (
+        <TopicItem active={!activeTopicId} fav={favorite} title={title} />
+      ) : (
+        <TopicItem active={activeTopicId === id} fav={favorite} id={id} key={id} title={title} />
+      ),
+    [activeTopicId],
+  );
+
+  const activeIndex = topics.findIndex((topic) => topic.id === activeTopicId);
+
+  return (
+    <Virtuoso
+      // components={{ ScrollSeekPlaceholder: Placeholder }}
+      computeItemKey={(_, item) => item.id}
+      data={topics}
+      fixedItemHeight={44}
+      initialTopMostItemIndex={Math.max(activeIndex, 0)}
+      itemContent={itemContent}
+      overscan={44 * 10}
+      ref={virtuosoRef}
+      // scrollSeekConfiguration={{
+      //   enter: (velocity) => Math.abs(velocity) > 350,
+      //   exit: (velocity) => Math.abs(velocity) < 10,
+      // }}
+    />
+  );
+});
+
+FlatMode.displayName = 'FlatMode';
+
+export default FlatMode;

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/TopicContent.tsx

@@ -42,7 +42,7 @@ interface TopicContentProps {
 }
 
 const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
-  const { t } = useTranslation('common');
+  const { t } = useTranslation(['topic', 'common']);
 
   const mobile = useIsMobile();
 
@@ -76,7 +76,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
       {
         icon: <Icon icon={Wand2} />,
         key: 'autoRename',
-        label: t('topic.actions.autoRename', { ns: 'chat' }),
+        label: t('actions.autoRename'),
         onClick: () => {
           autoRenameTopicTitle(id);
         },
@@ -84,7 +84,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
       {
         icon: <Icon icon={PencilLine} />,
         key: 'rename',
-        label: t('rename'),
+        label: t('rename', { ns: 'common' }),
         onClick: () => {
           toggleEditing(true);
         },
@@ -95,7 +95,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
       {
         icon: <Icon icon={LucideCopy} />,
         key: 'duplicate',
-        label: t('topic.actions.duplicate', { ns: 'chat' }),
+        label: t('actions.duplicate'),
         onClick: () => {
           duplicateTopic(id);
         },
@@ -103,7 +103,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
       // {
       //   icon: <Icon icon={LucideDownload} />,
       //   key: 'export',
-      //   label: t('topic.actions.export', { ns: 'chat' }),
+      //   label: t('topic.actions.export'),
       //   onClick: () => {
       //     configService.exportSingleTopic(sessionId, id);
       //   },
@@ -120,7 +120,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
         danger: true,
         icon: <Icon icon={Trash} />,
         key: 'delete',
-        label: t('delete'),
+        label: t('delete', { ns: 'common' }),
         onClick: () => {
           if (!id) return;
 
@@ -130,7 +130,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
             onOk: async () => {
               await removeTopic(id);
             },
-            title: t('topic.confirmRemoveTopic', { ns: 'chat' }),
+            title: t('actions.confirmRemoveTopic'),
           });
         },
       },

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/index.tsx

@@ -3,61 +3,38 @@
 import { EmptyCard } from '@lobehub/ui';
 import { useThemeMode } from 'antd-style';
 import isEqual from 'fast-deep-equal';
-import React, { memo, useCallback, useMemo, useRef } from 'react';
+import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 
 import { imageUrl } from '@/const/url';
+import { useFetchTopics } from '@/hooks/useFetchTopics';
 import { useChatStore } from '@/store/chat';
 import { topicSelectors } from '@/store/chat/selectors';
-import { useSessionStore } from '@/store/session';
 import { useUserStore } from '@/store/user';
-import { ChatTopic } from '@/types/topic';
+import { preferenceSelectors } from '@/store/user/selectors';
+import { TopicDisplayMode } from '@/types/topic';
 
 import { SkeletonList } from '../SkeletonList';
-import TopicItem from './TopicItem';
+import ByTimeMode from './ByTimeMode';
+import FlatMode from './FlatMode';
 
 const TopicListContent = memo(() => {
-  const { t } = useTranslation('chat');
-  const virtuosoRef = useRef<VirtuosoHandle>(null);
+  const { t } = useTranslation('topic');
   const { isDarkMode } = useThemeMode();
-  const [topicsInit, activeTopicId, topicLength, useFetchTopics] = useChatStore((s) => [
+  const [topicsInit, topicLength] = useChatStore((s) => [
     s.topicsInit,
-    s.activeTopicId,
     topicSelectors.currentTopicLength(s),
-    s.useFetchTopics,
   ]);
-  const [visible, updateGuideState] = useUserStore((s) => [
+  const activeTopicList = useChatStore(topicSelectors.displayTopics, isEqual);
+
+  const [visible, updateGuideState, topicDisplayMode] = useUserStore((s) => [
     s.preference.guide?.topic,
     s.updateGuideState,
+    preferenceSelectors.topicDisplayMode(s),
   ]);
 
-  const activeTopicList = useChatStore(topicSelectors.displayTopics, isEqual);
-
-  const topics = useMemo(
-    () => [
-      { favorite: false, id: 'default', title: t('topic.defaultTitle') } as ChatTopic,
-      ...(activeTopicList || []),
-    ],
-    [activeTopicList],
-  );
-
-  const [sessionId] = useSessionStore((s) => [s.activeId]);
-
-  useFetchTopics(sessionId);
-
-  const itemContent = useCallback(
-    (index: number, { id, favorite, title }: ChatTopic) =>
-      index === 0 ? (
-        <TopicItem active={!activeTopicId} fav={favorite} title={title} />
-      ) : (
-        <TopicItem active={activeTopicId === id} fav={favorite} id={id} key={id} title={title} />
-      ),
-    [activeTopicId],
-  );
-
-  const activeIndex = topics.findIndex((topic) => topic.id === activeTopicId);
+  useFetchTopics();
 
   // first time loading or has no data
   if (!topicsInit || !activeTopicList) return <SkeletonList />;
@@ -67,9 +44,9 @@ const TopicListContent = memo(() => {
       {topicLength === 0 && visible && (
         <Flexbox paddingInline={8}>
           <EmptyCard
-            alt={t('topic.guide.desc')}
+            alt={t('guide.desc')}
             cover={imageUrl(`empty_topic_${isDarkMode ? 'dark' : 'light'}.webp`)}
-            desc={t('topic.guide.desc')}
+            desc={t('guide.desc')}
             height={120}
             imageProps={{
               priority: true,
@@ -78,26 +55,13 @@ const TopicListContent = memo(() => {
               updateGuideState({ topic: visible });
             }}
             style={{ flex: 'none', marginBottom: 12 }}
-            title={t('topic.guide.title')}
+            title={t('guide.title')}
             visible={visible}
             width={200}
           />
         </Flexbox>
       )}
-      <Virtuoso
-        // components={{ ScrollSeekPlaceholder: Placeholder }}
-        computeItemKey={(_, item) => item.id}
-        data={topics}
-        fixedItemHeight={44}
-        initialTopMostItemIndex={Math.max(activeIndex, 0)}
-        itemContent={itemContent}
-        overscan={44 * 10}
-        ref={virtuosoRef}
-        // scrollSeekConfiguration={{
-        //   enter: (velocity) => Math.abs(velocity) > 350,
-        //   exit: (velocity) => Math.abs(velocity) < 10,
-        // }}
-      />
+      {topicDisplayMode === TopicDisplayMode.ByTime ? <ByTimeMode /> : <FlatMode />}
     </>
   );
 });

package/src/app/(main)/chat/(workspace)/@topic/features/TopicSearchBar/index.tsx

@@ -9,7 +9,7 @@ import { useChatStore } from '@/store/chat';
 import { useServerConfigStore } from '@/store/serverConfig';
 
 const TopicSearchBar = memo<{ onClear?: () => void }>(({ onClear }) => {
-  const { t } = useTranslation('chat');
+  const { t } = useTranslation('topic');
 
   const [keywords, setKeywords] = useState('');
   const mobile = useServerConfigStore((s) => s.isMobile);
@@ -31,7 +31,7 @@ const TopicSearchBar = memo<{ onClear?: () => void }>(({ onClear }) => {
         setKeywords(value);
         useChatStore.setState({ isSearchingTopic: !!value });
       }}
-      placeholder={t('topic.searchPlaceholder')}
+      placeholder={t('searchPlaceholder')}
       spotlight={!mobile}
       type={mobile ? 'block' : 'ghost'}
       value={keywords}

package/src/app/(main)/chat/(workspace)/_layout/Mobile/ChatHeader/ChatHeaderTitle.tsx

@@ -12,7 +12,7 @@ import { useSessionStore } from '@/store/session';
 import { sessionMetaSelectors, sessionSelectors } from '@/store/session/selectors';
 
 const ChatHeaderTitle = memo(() => {
-  const { t } = useTranslation('chat');
+  const { t } = useTranslation(['chat', 'topic']);
   const toggleConfig = useGlobalStore((s) => s.toggleMobileTopic);
   const [topicLength, topic] = useChatStore((s) => [
     topicSelectors.currentTopicLength(s),
@@ -30,7 +30,7 @@ const ChatHeaderTitle = memo(() => {
     <MobileNavBarTitle
       desc={
         <Flexbox align={'center'} gap={4} horizontal onClick={() => toggleConfig()}>
-          <span>{topic?.title || t('topic.title')}</span>
+          <span>{topic?.title || t('title', { ns: 'topic' })}</span>
           <ActionIcon
             active
             icon={ChevronDown}

package/src/app/(main)/chat/(workspace)/_layout/Mobile/TopicModal.tsx

@@ -4,6 +4,7 @@ import { Modal } from '@lobehub/ui';
 import { PropsWithChildren, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { useFetchTopics } from '@/hooks/useFetchTopics';
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
 
@@ -15,7 +16,9 @@ const Topics = memo(({ children }: PropsWithChildren) => {
     s.toggleMobileTopic,
   ]);
   const [open, setOpen] = useWorkspaceModal(showAgentSettings, toggleConfig);
-  const { t } = useTranslation('chat');
+  const { t } = useTranslation('topic');
+
+  useFetchTopics();
 
   return (
     <Modal
@@ -25,7 +28,7 @@ const Topics = memo(({ children }: PropsWithChildren) => {
       styles={{
         body: { padding: 0 },
       }}
-      title={t('topic.title')}
+      title={t('title')}
     >
       {children}
     </Modal>

package/src/const/user.ts

@@ -1,3 +1,4 @@
+import { TopicDisplayMode } from '@/types/topic';
 import { UserPreference } from '@/types/user';
 
 export const DEFAULT_PREFERENCE: UserPreference = {
@@ -6,5 +7,6 @@ export const DEFAULT_PREFERENCE: UserPreference = {
     topic: true,
   },
   telemetry: null,
+  topicDisplayMode: TopicDisplayMode.ByTime,
   useCmdEnterToSend: false,
 };

package/src/hooks/useFetchTopics.ts

@@ -0,0 +1,11 @@
+import { useChatStore } from '@/store/chat';
+import { useSessionStore } from '@/store/session';
+
+/**
+ * Fetch topics for the current session
+ */
+export const useFetchTopics = () => {
+  const [sessionId] = useSessionStore((s) => [s.activeId]);
+  const [useFetchTopics] = useChatStore((s) => [s.useFetchTopics]);
+  useFetchTopics(sessionId);
+};

package/src/libs/agent-runtime/utils/openaiCompatibleFactory/index.ts

@@ -50,6 +50,7 @@ export interface CustomClientOptions<T extends Record<string, any> = any> {
 }
 
 interface OpenAICompatibleFactoryOptions<T extends Record<string, any> = any> {
+  apiKey?: string;
   baseURL?: string;
   chatCompletion?: {
     handleError?: (
@@ -139,6 +140,7 @@ export function transformResponseToStream(data: OpenAI.ChatCompletion) {
 export const LobeOpenAICompatibleFactory = <T extends Record<string, any> = any>({
   provider,
   baseURL: DEFAULT_BASE_URL,
+  apiKey: DEFAULT_API_LEY,
   errorType,
   debug,
   constructorOptions,
@@ -158,7 +160,11 @@ export const LobeOpenAICompatibleFactory = <T extends Record<string, any> = any>
     private _options: ConstructorOptions<T>;
 
     constructor(options: ClientOptions & Record<string, any> = {}) {
-      const _options = { ...options, baseURL: options.baseURL?.trim() || DEFAULT_BASE_URL };
+      const _options = {
+        ...options,
+        apiKey: options.apiKey?.trim() || DEFAULT_API_LEY,
+        baseURL: options.baseURL?.trim() || DEFAULT_BASE_URL,
+      };
       const { apiKey, baseURL = DEFAULT_BASE_URL, ...res } = _options;
       this._options = _options as ConstructorOptions<T>;
 

package/src/locales/default/chat.ts

@@ -117,7 +117,6 @@ export default {
     loading: '识别中...',
     prettifying: '润色中...',
   },
-  temp: '临时',
   tokenDetails: {
     chats: '会话消息',
     rest: '剩余可用',
@@ -133,29 +132,10 @@ export default {
     used: '使用',
   },
   topic: {
-    actions: {
-      autoRename: '智能重命名',
-      duplicate: '创建副本',
-      export: '导出话题',
-    },
     checkOpenNewTopic: '是否开启新话题?',
     checkSaveCurrentMessages: '是否保存当前会话为话题?',
-    confirmRemoveAll: '即将删除全部话题，删除后将不可恢复，请谨慎操作。',
-    confirmRemoveTopic: '即将删除该话题，删除后将不可恢复，请谨慎操作。',
-    confirmRemoveUnstarred: '即将删除未收藏话题，删除后将不可恢复，请谨慎操作。',
-    defaultTitle: '默认话题',
-    duplicateLoading: '话题复制中...',
-    duplicateSuccess: '话题复制成功',
-    guide: {
-      desc: '点击发送左侧按钮可将当前会话保存为历史话题，并开启新一轮会话',
-      title: '话题列表',
-    },
     openNewTopic: '开启新话题',
-    removeAll: '删除全部话题',
-    removeUnstarred: '删除未收藏话题',
     saveCurrentMessages: '将当前会话保存为话题',
-    searchPlaceholder: '搜索话题...',
-    title: '话题',
   },
   translate: {
     action: '翻译',

package/src/locales/default/index.ts

@@ -1,4 +1,3 @@
-import tool from '../default/tool';
 import auth from './auth';
 import chat from './chat';
 import clerk from './clerk';
@@ -17,6 +16,8 @@ import portal from './portal';
 import providers from './providers';
 import ragEval from './ragEval';
 import setting from './setting';
+import tool from './tool';
+import topic from './topic';
 import welcome from './welcome';
 
 const resources = {
@@ -39,6 +40,7 @@ const resources = {
   ragEval,
   setting,
   tool,
+  topic,
   welcome,
 } as const;
 

package/src/locales/default/topic.ts

@@ -0,0 +1,37 @@
+export default {
+  actions: {
+    autoRename: '智能重命名',
+    confirmRemoveAll: '即将删除全部话题，删除后将不可恢复，请谨慎操作。',
+    confirmRemoveTopic: '即将删除该话题，删除后将不可恢复，请谨慎操作。',
+    confirmRemoveUnstarred: '即将删除未收藏话题，删除后将不可恢复，请谨慎操作。',
+    duplicate: '创建副本',
+    export: '导出话题',
+    removeAll: '删除全部话题',
+    removeUnstarred: '删除未收藏话题',
+  },
+  defaultTitle: '默认话题',
+  duplicateLoading: '话题复制中...',
+  duplicateSuccess: '话题复制成功',
+  favorite: '收藏',
+  groupMode: {
+    ascMessages: '按消息总数顺序',
+    byTime: '按时间分组',
+    descMessages: '按消息总数倒序',
+    flat: '不分组',
+  },
+  groupTitle: {
+    byTime: {
+      month: '本月',
+      today: '今天',
+      week: '本周',
+      yesterday: '昨天',
+    },
+  },
+  guide: {
+    desc: '点击发送左侧按钮可将当前会话保存为历史话题，并开启新一轮会话',
+    title: '话题列表',
+  },
+  searchPlaceholder: '搜索话题...',
+  temp: '临时',
+  title: '话题',
+};

package/src/store/chat/slices/topic/action.test.ts

@@ -487,7 +487,7 @@ describe('topic action', () => {
       expect(createTopicSpy).toHaveBeenCalledWith({
         sessionId: activeId,
         messages: messages.map((m) => m.id),
-        title: 'topic.defaultTitle',
+        title: 'defaultTitle',
       });
       expect(refreshTopicSpy).toHaveBeenCalled();
     });

package/src/store/chat/slices/topic/action.ts

@@ -84,7 +84,7 @@ export const chatTopic: StateCreator<
     set({ creatingTopic: true }, false, n('creatingTopic/start'));
     const topicId = await internal_createTopic({
       sessionId: activeId,
-      title: t('topic.defaultTitle', { ns: 'chat' }),
+      title: t('defaultTitle', { ns: 'topic' }),
       messages: messages.map((m) => m.id),
     });
     set({ creatingTopic: false }, false, n('creatingTopic/end'));
@@ -102,7 +102,7 @@ export const chatTopic: StateCreator<
     // 1. create topic and bind these messages
     const topicId = await internal_createTopic({
       sessionId: activeId,
-      title: t('topic.defaultTitle', { ns: 'chat' }),
+      title: t('defaultTitle', { ns: 'topic' }),
       messages: messages.map((m) => m.id),
     });
 
@@ -122,7 +122,7 @@ export const chatTopic: StateCreator<
     const newTitle = t('duplicateTitle', { ns: 'chat', title: topic?.title });
 
     message.loading({
-      content: t('topic.duplicateLoading', { ns: 'chat' }),
+      content: t('duplicateLoading', { ns: 'topic' }),
       key: 'duplicateTopic',
       duration: 0,
     });
@@ -130,7 +130,7 @@ export const chatTopic: StateCreator<
     const newTopicId = await topicService.cloneTopic(id, newTitle);
     await refreshTopic();
     message.destroy('duplicateTopic');
-    message.success(t('topic.duplicateSuccess', { ns: 'chat' }));
+    message.success(t('duplicateSuccess', { ns: 'topic' }));
 
     await switchTopic(newTopicId);
   },