@lobehub/chat 1.116.0 → 1.116.2

package/packages/database/migrations/meta/_journal.json

@@ -210,6 +210,13 @@
       "when": 1753201379817,
       "tag": "0029_add_apikey_manage",
       "breakpoints": true
+    },
+    {
+      "idx": 30,
+      "version": "7",
+      "when": 1756298669289,
+      "tag": "0030_add_group_chat",
+      "breakpoints": true
     }
   ],
   "version": "6"

package/packages/database/src/core/migrations.json

@@ -559,5 +559,24 @@
     "bps": true,
     "folderMillis": 1753201379817,
     "hash": "fe5c0d7c2768189771c42ef93693fc1d58586b468c4bdde7fb6f2dc58cc9931c"
+  },
+  {
+    "sql": [
+      "CREATE TABLE IF NOT EXISTS \"chat_groups\" (\n\t\"id\" text PRIMARY KEY NOT NULL,\n\t\"title\" text,\n\t\"description\" text,\n\t\"config\" jsonb,\n\t\"client_id\" text,\n\t\"user_id\" text NOT NULL,\n\t\"pinned\" boolean DEFAULT false,\n\t\"accessed_at\" timestamp with time zone DEFAULT now() NOT NULL,\n\t\"created_at\" timestamp with time zone DEFAULT now() NOT NULL,\n\t\"updated_at\" timestamp with time zone DEFAULT now() NOT NULL\n);\n",
+      "\nCREATE TABLE IF NOT EXISTS \"chat_groups_agents\" (\n\t\"chat_group_id\" text NOT NULL,\n\t\"agent_id\" text NOT NULL,\n\t\"user_id\" text NOT NULL,\n\t\"enabled\" boolean DEFAULT true,\n\t\"order\" integer DEFAULT 0,\n\t\"role\" text DEFAULT 'participant',\n\t\"accessed_at\" timestamp with time zone DEFAULT now() NOT NULL,\n\t\"created_at\" timestamp with time zone DEFAULT now() NOT NULL,\n\t\"updated_at\" timestamp with time zone DEFAULT now() NOT NULL,\n\tCONSTRAINT \"chat_groups_agents_chat_group_id_agent_id_pk\" PRIMARY KEY(\"chat_group_id\",\"agent_id\")\n);\n",
+      "\nALTER TABLE \"messages\" ADD COLUMN IF NOT EXISTS \"group_id\" text;",
+      "\nALTER TABLE \"messages\" ADD COLUMN IF NOT EXISTS \"target_id\" text;",
+      "\nALTER TABLE \"topics\" ADD COLUMN IF NOT EXISTS \"group_id\" text;",
+      "\nALTER TABLE \"chat_groups\" ADD CONSTRAINT \"chat_groups_user_id_users_id_fk\" FOREIGN KEY (\"user_id\") REFERENCES \"public\".\"users\"(\"id\") ON DELETE cascade ON UPDATE no action;",
+      "\nALTER TABLE \"chat_groups_agents\" ADD CONSTRAINT \"chat_groups_agents_chat_group_id_chat_groups_id_fk\" FOREIGN KEY (\"chat_group_id\") REFERENCES \"public\".\"chat_groups\"(\"id\") ON DELETE cascade ON UPDATE no action;",
+      "\nALTER TABLE \"chat_groups_agents\" ADD CONSTRAINT \"chat_groups_agents_agent_id_agents_id_fk\" FOREIGN KEY (\"agent_id\") REFERENCES \"public\".\"agents\"(\"id\") ON DELETE cascade ON UPDATE no action;",
+      "\nALTER TABLE \"chat_groups_agents\" ADD CONSTRAINT \"chat_groups_agents_user_id_users_id_fk\" FOREIGN KEY (\"user_id\") REFERENCES \"public\".\"users\"(\"id\") ON DELETE cascade ON UPDATE no action;",
+      "\nCREATE UNIQUE INDEX \"chat_groups_client_id_user_id_unique\" ON \"chat_groups\" USING btree (\"client_id\",\"user_id\");",
+      "\nALTER TABLE \"messages\" ADD CONSTRAINT \"messages_group_id_chat_groups_id_fk\" FOREIGN KEY (\"group_id\") REFERENCES \"public\".\"chat_groups\"(\"id\") ON DELETE set null ON UPDATE no action;",
+      "\nALTER TABLE \"topics\" ADD CONSTRAINT \"topics_group_id_chat_groups_id_fk\" FOREIGN KEY (\"group_id\") REFERENCES \"public\".\"chat_groups\"(\"id\") ON DELETE cascade ON UPDATE no action;\n"
+    ],
+    "bps": true,
+    "folderMillis": 1756298669289,
+    "hash": "3af468ca75761ca4ca4e32ba8704728f0499aa935bfe00ae5aabfa8405a18bd4"
   }
 ]

package/packages/database/src/models/__tests__/topic.test.ts

@@ -1,8 +1,8 @@
 import { eq, inArray } from 'drizzle-orm';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { LobeChatDatabase } from '../../type';
 import { messages, sessions, topics, users } from '../../schemas';
+import { LobeChatDatabase } from '../../type';
 import { CreateTopicParams, TopicModel } from '../topic';
 import { getTestDB } from './_util';
 
@@ -423,6 +423,7 @@ describe('TopicModel', () => {
         userId,
         historySummary: null,
         metadata: null,
+        groupId: null,
         clientId: null,
         createdAt: expect.any(Date),
         updatedAt: expect.any(Date),
@@ -469,6 +470,7 @@ describe('TopicModel', () => {
         title: 'New Topic',
         favorite: false,
         clientId: null,
+        groupId: null,
         historySummary: null,
         metadata: null,
         sessionId,

package/packages/database/src/repositories/tableViewer/index.test.ts

@@ -23,7 +23,7 @@ describe('TableViewerRepo', () => {
     it('should return all tables with counts', async () => {
       const result = await repo.getAllTables();
 
-      expect(result.length).toEqual(60);
+      expect(result.length).toEqual(62);
       expect(result[0]).toEqual({ name: 'agents', count: 0, type: 'BASE TABLE' });
     });
 

package/packages/database/src/schemas/chatGroup.ts

@@ -0,0 +1,98 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix  */
+import {
+  boolean,
+  integer,
+  jsonb,
+  pgTable,
+  primaryKey,
+  text,
+  uniqueIndex,
+  varchar,
+} from 'drizzle-orm/pg-core';
+import { createInsertSchema } from 'drizzle-zod';
+
+import { idGenerator } from '@/database/utils/idGenerator';
+import type { ChatGroupConfig } from '@/database/types/chatGroup';
+
+import { timestamps } from './_helpers';
+import { agents } from './agent';
+import { users } from './user';
+
+/**
+ * Chat groups table for multi-agent conversations
+ * Allows multiple agents to participate in a single chat session
+ */
+export const chatGroups = pgTable(
+  'chat_groups',
+  {
+    id: text('id')
+      .primaryKey()
+      .$defaultFn(() => idGenerator('chatGroups'))
+      .notNull(),
+    title: text('title'),
+    description: text('description'),
+
+    /**
+     * Group configuration
+     */
+    config: jsonb('config').$type<ChatGroupConfig>(),
+
+    clientId: text('client_id'),
+
+    userId: text('user_id')
+      .references(() => users.id, { onDelete: 'cascade' })
+      .notNull(),
+
+    pinned: boolean('pinned').default(false),
+
+    ...timestamps,
+  },
+  (t) => [uniqueIndex('chat_groups_client_id_user_id_unique').on(t.clientId, t.userId)],
+);
+
+export const insertChatGroupSchema = createInsertSchema(chatGroups);
+
+export type NewChatGroup = typeof chatGroups.$inferInsert;
+export type ChatGroupItem = typeof chatGroups.$inferSelect;
+
+/**
+ * Junction table connecting chat groups with agents
+ * Defines which agents participate in each group chat
+ */
+export const chatGroupsAgents = pgTable(
+  'chat_groups_agents',
+  {
+    chatGroupId: text('chat_group_id')
+      .references(() => chatGroups.id, { onDelete: 'cascade' })
+      .notNull(),
+    agentId: text('agent_id')
+      .references(() => agents.id, { onDelete: 'cascade' })
+      .notNull(),
+    userId: text('user_id')
+      .references(() => users.id, { onDelete: 'cascade' })
+      .notNull(),
+
+    /**
+     * Whether this agent is active in the group
+     */
+    enabled: boolean('enabled').default(true),
+
+    /**
+     * Display or speaking order of the agent in the group
+     */
+    order: integer('order').default(0),
+
+    /**
+     * Role of the agent in the group (e.g., 'moderator', 'participant')
+     */
+    role: text('role').default('participant'),
+
+    ...timestamps,
+  },
+  (t) => ({
+    pk: primaryKey({ columns: [t.chatGroupId, t.agentId] }),
+  }),
+);
+
+export type NewChatGroupAgent = typeof chatGroupsAgents.$inferInsert;
+export type ChatGroupAgentItem = typeof agents.$inferInsert

package/packages/database/src/schemas/index.ts

@@ -2,6 +2,7 @@ export * from './agent';
 export * from './aiInfra';
 export * from './apiKey';
 export * from './asyncTask';
+export * from './chatGroup';
 export * from './document';
 export * from './file';
 export * from './generation';

package/packages/database/src/schemas/message.ts

@@ -23,6 +23,7 @@ import { chunks, embeddings } from './rag';
 import { sessions } from './session';
 import { threads, topics } from './topic';
 import { users } from './user';
+import { chatGroups } from './chatGroup';
 
 // @ts-ignore
 export const messages = pgTable(
@@ -64,7 +65,9 @@ export const messages = pgTable(
 
     // used for group chat
     agentId: text('agent_id').references(() => agents.id, { onDelete: 'set null' }),
-
+    groupId: text('group_id').references(() => chatGroups.id, { onDelete: 'set null' }),
+    // targetId can be an agent ID, "user", or null - no FK constraint
+    targetId: text('target_id'),
     ...timestamps,
   },
   (table) => ({

package/packages/database/src/schemas/relations.ts

@@ -5,6 +5,7 @@ import { pgTable, primaryKey, text, uuid, varchar } from 'drizzle-orm/pg-core';
 import { createdAt } from './_helpers';
 import { agents, agentsFiles, agentsKnowledgeBases } from './agent';
 import { asyncTasks } from './asyncTask';
+import { chatGroups, chatGroupsAgents } from './chatGroup';
 import { documentChunks, documents } from './document';
 import { files, knowledgeBases } from './file';
 import { generationBatches, generationTopics, generations } from './generation';
@@ -109,6 +110,7 @@ export const agentsRelations = relations(agents, ({ many }) => ({
   agentsToSessions: many(agentsToSessions),
   knowledgeBases: many(agentsKnowledgeBases),
   files: many(agentsFiles),
+  chatGroups: many(chatGroupsAgents),
 }));
 
 export const agentsToSessionsRelations = relations(agentsToSessions, ({ one }) => ({
@@ -280,3 +282,27 @@ export const generationsRelations = relations(generations, ({ one }) => ({
     references: [files.id],
   }),
 }));
+
+// Chat Groups 相关关系定义
+export const chatGroupsRelations = relations(chatGroups, ({ many, one }) => ({
+  user: one(users, {
+    fields: [chatGroups.userId],
+    references: [users.id],
+  }),
+  agents: many(chatGroupsAgents),
+}));
+
+export const chatGroupsAgentsRelations = relations(chatGroupsAgents, ({ one }) => ({
+  chatGroup: one(chatGroups, {
+    fields: [chatGroupsAgents.chatGroupId],
+    references: [chatGroups.id],
+  }),
+  agent: one(agents, {
+    fields: [chatGroupsAgents.agentId],
+    references: [agents.id],
+  }),
+  user: one(users, {
+    fields: [chatGroupsAgents.userId],
+    references: [users.id],
+  }),
+}));

package/packages/database/src/schemas/topic.ts

@@ -9,6 +9,7 @@ import { createdAt, timestamps, timestamptz } from './_helpers';
 import { documents } from './document';
 import { sessions } from './session';
 import { users } from './user';
+import { chatGroups } from './chatGroup';
 
 export const topics = pgTable(
   'topics',
@@ -19,6 +20,7 @@ export const topics = pgTable(
     title: text('title'),
     favorite: boolean('favorite').default(false),
     sessionId: text('session_id').references(() => sessions.id, { onDelete: 'cascade' }),
+    groupId: text('group_id').references(() => chatGroups.id, { onDelete: 'cascade' }),
     userId: text('user_id')
       .references(() => users.id, { onDelete: 'cascade' })
       .notNull(),

package/packages/database/src/types/chatGroup.ts

@@ -0,0 +1,9 @@
+export interface ChatGroupConfig {
+  maxResponseInRow?: number;
+  orchestratorModel?: string;
+  orchestratorProvider?: string;
+  responseOrder?: 'sequential' | 'natural';
+  responseSpeed?: 'slow' | 'medium' | 'fast';
+  revealDM?: boolean;
+  systemPrompt?: string;
+}

package/packages/database/src/utils/idGenerator.ts

@@ -7,6 +7,7 @@ export const createNanoId = (size = 8) =>
 
 const prefixes = {
   agents: 'agt',
+  chatGroups: 'cg',
   documents: 'docs',
   files: 'file',
   generationBatches: 'gb',

package/packages/model-runtime/src/utils/modelParse.ts

@@ -1,4 +1,4 @@
-import type { ChatModelCard } from '@/types/llm';
+import type { ChatModelCard } from '@lobechat/types';
 
 import type { ModelProviderKey } from '../types';
 
@@ -168,11 +168,8 @@ const findKnownModelByProvider = async (
   const lowerModelId = modelId.toLowerCase();
 
   try {
-    // 动态构建导入路径
-    const modulePath = `@/config/aiModels/${provider}`;
-
     // 尝试动态导入对应的配置文件
-    const moduleImport = await import(modulePath);
+    const moduleImport = await import(`@/config/aiModels/${provider}`);
     const providerModels = moduleImport.default;
 
     // 如果导入成功且有数据，进行查找
@@ -211,9 +208,21 @@ export const detectModelProvider = (modelId: string): keyof typeof MODEL_LIST_CO
  * @param timestamp 时间戳（秒）
  * @returns 格式化的日期字符串 (YYYY-MM-DD)
  */
-const formatTimestampToDate = (timestamp: number): string => {
-  const date = new Date(timestamp * 1000); // 将秒转换为毫秒
-  return date.toISOString().split('T')[0]; // 返回 YYYY-MM-DD 格式
+const formatTimestampToDate = (timestamp: number): string | undefined => {
+  if (timestamp === null || timestamp === undefined || Number.isNaN(timestamp)) return undefined;
+
+  // 支持秒级或毫秒级时间戳：
+  // - 如果是毫秒级（>= 1e12），直接当作毫秒；
+  // - 否则视为秒，需要 *1000 转为毫秒
+  const msTimestamp = timestamp > 1e12 ? timestamp : timestamp * 1000;
+  const date = new Date(msTimestamp);
+
+  // 验证解析结果和年份范围（只接受 4 位年份，避免超出 varchar(10) 的 YYYY-MM-DD）
+  const year = date.getUTCFullYear();
+  if (year < 1000 || year > 9999) return undefined;
+
+  const dateStr = date.toISOString().split('T')[0]; // YYYY-MM-DD
+  return dateStr.length === 10 ? dateStr : undefined;
 };
 
 /**

package/src/app/[variants]/(main)/_layout/Desktop/DesktopLayoutContainer.tsx

@@ -0,0 +1,30 @@
+import { useTheme } from 'antd-style';
+import { usePathname } from 'next/navigation';
+import { PropsWithChildren, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import SideBar from './SideBar';
+
+const DesktopLayoutContainer = memo<PropsWithChildren>(({ children }) => {
+  const theme = useTheme();
+  const pathname = usePathname();
+  const hideSideBar = pathname.startsWith('/settings');
+  return (
+    <>
+      {!hideSideBar && <SideBar />}
+      <Flexbox
+        style={{
+          background: theme.colorBgLayout,
+          borderInlineStart: `1px solid ${theme.colorBorderSecondary}`,
+          borderStartStartRadius: !hideSideBar ? 12 : undefined,
+          borderTop: `1px solid ${theme.colorBorderSecondary}`,
+          overflow: 'hidden',
+        }}
+        width={'100%'}
+      >
+        {children}
+      </Flexbox>
+    </>
+  );
+});
+export default DesktopLayoutContainer;

package/src/app/[variants]/(main)/_layout/Desktop/index.tsx

@@ -2,7 +2,6 @@
 
 import { useTheme } from 'antd-style';
 import dynamic from 'next/dynamic';
-import { usePathname } from 'next/navigation';
 import { PropsWithChildren, Suspense, memo } from 'react';
 import { HotkeysProvider } from 'react-hotkeys-hook';
 import { Flexbox } from 'react-layout-kit';
@@ -15,6 +14,7 @@ import { usePlatform } from '@/hooks/usePlatform';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { HotkeyScopeEnum } from '@/types/hotkey';
 
+import DesktopLayoutContainer from './DesktopLayoutContainer';
 import RegisterHotkeys from './RegisterHotkeys';
 import SideBar from './SideBar';
 
@@ -24,11 +24,7 @@ const Layout = memo<PropsWithChildren>(({ children }) => {
   const { isPWA } = usePlatform();
   const theme = useTheme();
 
-  const pathname = usePathname();
   const { showCloudPromotion } = useServerConfigStore(featureFlagsSelectors);
-
-  // setting page not show sidebar
-  const hideSideBar = isDesktop && pathname.startsWith('/settings');
   return (
     <HotkeysProvider initiallyActiveScopes={[HotkeyScopeEnum.Global]}>
       {isDesktop && <TitleBar />}
@@ -48,22 +44,13 @@ const Layout = memo<PropsWithChildren>(({ children }) => {
         }}
         width={'100%'}
       >
-        {!hideSideBar && <SideBar />}
         {isDesktop ? (
-          <Flexbox
-            style={{
-              background: theme.colorBgLayout,
-              borderInlineStart: `1px solid ${theme.colorBorderSecondary}`,
-              borderStartStartRadius: !hideSideBar ? 12 : undefined,
-              borderTop: `1px solid ${theme.colorBorderSecondary}`,
-              overflow: 'hidden',
-            }}
-            width={'100%'}
-          >
-            {children}
-          </Flexbox>
+          <DesktopLayoutContainer>{children}</DesktopLayoutContainer>
         ) : (
-          children
+          <>
+            <SideBar />
+            {children}
+          </>
         )}
       </Flexbox>
       <HotkeyHelperPanel />

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

@@ -3,7 +3,7 @@
 import { DraggablePanel, DraggablePanelContainer, type DraggablePanelProps } from '@lobehub/ui';
 import { createStyles, useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
-import { PropsWithChildren, memo, useEffect, useState } from 'react';
+import { PropsWithChildren, memo, useEffect, useMemo, useState } from 'react';
 
 import { withSuspense } from '@/components/withSuspense';
 import { FOLDER_WIDTH } from '@/const/layoutTokens';
@@ -69,26 +69,30 @@ const SessionPanel = memo<PropsWithChildren>(({ children }) => {
     if (!md) updatePreference({ showSessionPanel: false });
   }, [md, cacheExpand]);
 
-  return (
-    <DraggablePanel
-      className={styles.panel}
-      defaultSize={{ width: tmpWidth }}
-      // 当进入 pin 模式下，不可展开
-      expand={!isPinned && sessionExpandable}
-      expandable={!isPinned}
-      maxWidth={400}
-      minWidth={FOLDER_WIDTH}
-      mode={md ? 'fixed' : 'float'}
-      onExpandChange={handleExpand}
-      onSizeChange={handleSizeChange}
-      placement="left"
-      size={{ height: '100%', width: sessionsWidth }}
-    >
-      <DraggablePanelContainer style={{ flex: 'none', height: '100%', minWidth: FOLDER_WIDTH }}>
-        {children}
-      </DraggablePanelContainer>
-    </DraggablePanel>
-  );
+  const SessionPanel = useMemo(() => {
+    return (
+      <DraggablePanel
+        className={styles.panel}
+        defaultSize={{ width: tmpWidth }}
+        // 当进入 pin 模式下，不可展开
+        expand={!isPinned && sessionExpandable}
+        expandable={!isPinned}
+        maxWidth={400}
+        minWidth={FOLDER_WIDTH}
+        mode={md ? 'fixed' : 'float'}
+        onExpandChange={handleExpand}
+        onSizeChange={handleSizeChange}
+        placement="left"
+        size={{ height: '100%', width: sessionsWidth }}
+      >
+        <DraggablePanelContainer style={{ flex: 'none', height: '100%', minWidth: FOLDER_WIDTH }}>
+          {children}
+        </DraggablePanelContainer>
+      </DraggablePanel>
+    );
+  }, [sessionsWidth, md, isPinned, sessionExpandable, tmpWidth]);
+
+  return SessionPanel;
 });
 
 export default withSuspense(SessionPanel);

package/src/app/[variants]/(main)/settings/_layout/Desktop/Header.tsx

@@ -1,14 +1,20 @@
 'use client';
 
-import { ActionIcon } from '@lobehub/ui';
+import { ActionIcon, Tag } from '@lobehub/ui';
 import { ChatHeader } from '@lobehub/ui/chat';
 import { Drawer, type DrawerProps } from 'antd';
 import { createStyles } from 'antd-style';
 import { Menu } from 'lucide-react';
+import { usePathname } from 'next/navigation';
 import { ReactNode, memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import BrandWatermark from '@/components/BrandWatermark';
+// 新增：引入 SettingsTabs
+import { useActiveSettingsKey } from '@/hooks/useActiveTabKey';
+import { useProviderName } from '@/hooks/useProviderName';
+import { SettingsTabs } from '@/store/global/initialState';
 
 const useStyles = createStyles(({ token, css }) => ({
   container: css`
@@ -26,12 +32,31 @@ const useStyles = createStyles(({ token, css }) => ({
 
 interface HeaderProps extends Pick<DrawerProps, 'getContainer'> {
   children: ReactNode;
-  title: ReactNode;
+  title?: ReactNode;
 }
 
 const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
   const [open, setOpen] = useState(false);
   const { styles, theme } = useStyles();
+  const activeKey = useActiveSettingsKey();
+  const providerName = useProviderName(activeKey);
+
+  const pathname = usePathname();
+  const { t } = useTranslation('setting');
+
+  const isProvider = pathname.includes('/settings/provider/');
+  const dynamicTitle = title ? (
+    title
+  ) : (
+    <>
+      {isProvider ? providerName : t(`tab.${activeKey}`)}
+      {activeKey === SettingsTabs.Sync && (
+        <Tag bordered={false} color={'gold'}>
+          {t('tab.experiment')}
+        </Tag>
+      )}
+    </>
+  );
 
   return (
     <>
@@ -47,7 +72,7 @@ const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
                   onClick={() => setOpen(true)}
                   size={{ blockSize: 32, size: 18 }}
                 />
-                {title}
+                {dynamicTitle}
               </Flexbox>
             }
           />

package/src/app/[variants]/(main)/settings/_layout/Desktop/index.tsx

@@ -1,18 +1,13 @@
 'use client';
 
-import { Tag } from '@lobehub/ui';
 import { useResponsive, useTheme } from 'antd-style';
 import { usePathname } from 'next/navigation';
-import { memo, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
+import { PropsWithChildren, memo, useEffect, useRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import InitClientDB from '@/features/InitClientDB';
 import Footer from '@/features/Setting/Footer';
 import SettingContainer from '@/features/Setting/SettingContainer';
-import { useActiveSettingsKey } from '@/hooks/useActiveTabKey';
-import { useProviderName } from '@/hooks/useProviderName';
-import { SettingsTabs } from '@/store/global/initialState';
 
 import { LayoutProps } from '../type';
 import Header from './Header';
@@ -20,17 +15,25 @@ import SideBar from './SideBar';
 
 const SKIP_PATHS = ['/settings/provider', '/settings/agent'];
 
+const ContentContainer = memo<PropsWithChildren>(({ children }) => {
+  const pathname = usePathname();
+  const isSkip = SKIP_PATHS.some((path) => pathname.includes(path));
+
+  return isSkip ? (
+    children
+  ) : (
+    <SettingContainer addonAfter={<Footer />}>{children}</SettingContainer>
+  );
+});
+
 const Layout = memo<LayoutProps>(({ children, category }) => {
   const ref = useRef<any>(null);
   const { md = true } = useResponsive();
-  const { t } = useTranslation('setting');
-  const activeKey = useActiveSettingsKey();
   const theme = useTheme();
-  const pathname = usePathname();
 
-  const isSkip = SKIP_PATHS.some((path) => pathname.includes(path));
-  const isProvider = pathname.includes('/settings/provider/');
-  const providerName = useProviderName(activeKey);
+  useEffect(() => {
+    console.log('settings render');
+  });
 
   return (
     <Flexbox
@@ -42,19 +45,9 @@ const Layout = memo<LayoutProps>(({ children, category }) => {
       {md ? (
         <SideBar>{category}</SideBar>
       ) : (
-        <Header
-          getContainer={() => ref.current}
-          title={
-            <>
-              {isProvider ? providerName : t(`tab.${activeKey}`)}
-              {activeKey === SettingsTabs.Sync && <Tag color={'gold'}>{t('tab.experiment')}</Tag>}
-            </>
-          }
-        >
-          {category}
-        </Header>
+        <Header getContainer={() => ref.current!}>{category}</Header>
       )}
-      {isSkip ? children : <SettingContainer addonAfter={<Footer />}>{children}</SettingContainer>}
+      <ContentContainer>{children}</ContentContainer>
       <InitClientDB />
     </Flexbox>
   );

package/src/features/FileViewer/Renderer/PDF/index.tsx

@@ -17,8 +17,8 @@ import useResizeObserver from './useResizeObserver';
 pdfjs.GlobalWorkerOptions.workerSrc = `https://registry.npmmirror.com/pdfjs-dist/${pdfjs.version}/files/build/pdf.worker.min.mjs`;
 
 const options = {
-  cMapUrl: '/cmaps/',
-  standardFontDataUrl: '/standard_fonts/',
+  cMapUrl: `https://registry.npmmirror.com/pdfjs-dist/${pdfjs.version}/files/cmaps/`,
+  standardFontDataUrl: `https://registry.npmmirror.com/pdfjs-dist/${pdfjs.version}/files/standard_fonts/`,
 };
 
 const maxWidth = 1200;