@lobehub/lobehub 2.0.0-next.324 → 2.0.0-next.325

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 # Changelog
 
+## [Version 2.0.0-next.325](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.324...v2.0.0-next.325)
+
+<sup>Released on **2026-01-20**</sup>
+
+#### ♻ Code Refactoring
+
+- **ModelSwitchPanel**: Migrate from Popover to DropdownMenu with virtual scrolling.
+
+#### 🐛 Bug Fixes
+
+- **sidebar-drawer**: Fix drawer positioning and title style.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **ModelSwitchPanel**: Migrate from Popover to DropdownMenu with virtual scrolling, closes [#11663](https://github.com/lobehub/lobe-chat/issues/11663) ([c9d9dff](https://github.com/lobehub/lobe-chat/commit/c9d9dff))
+
+#### What's fixed
+
+- **sidebar-drawer**: Fix drawer positioning and title style, closes [#11655](https://github.com/lobehub/lobe-chat/issues/11655) ([cf5320e](https://github.com/lobehub/lobe-chat/commit/cf5320e))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.324](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.323...v2.0.0-next.324)
 
 <sup>Released on **2026-01-20**</sup>

package/CLAUDE.md

@@ -32,6 +32,10 @@ This repository adopts a monorepo structure.
 
 see @.cursor/rules/typescript.mdc
 
+### Code Comments
+
+- **Avoid meaningless comments**: Do not write comments that merely restate what the code does. Comments should explain _why_ something is done, not _what_ is being done. The code itself should be self-explanatory.
+
 ### Testing
 
 - **Required Rule**: read `.cursor/rules/testing-guide/testing-guide.mdc` before writing tests

package/apps/desktop/src/main/core/browser/Browser.ts

@@ -3,6 +3,7 @@ import { MainBroadcastEventKey, MainBroadcastParams } from '@lobechat/electron-c
 import {
   BrowserWindow,
   BrowserWindowConstructorOptions,
+  Menu,
   session as electronSession,
   ipcMain,
   screen,
@@ -11,7 +12,7 @@ import console from 'node:console';
 import { join } from 'node:path';
 
 import { preloadDir, resourcesDir } from '@/const/dir';
-import { isMac } from '@/const/env';
+import { isDev, isMac } from '@/const/env';
 import { ELECTRON_BE_PROTOCOL_SCHEME } from '@/const/protocol';
 import RemoteServerConfigCtr from '@/controllers/RemoteServerConfigCtr';
 import { backendProxyProtocolManager } from '@/core/infrastructure/BackendProxyProtocolManager';
@@ -191,6 +192,7 @@ export default class Browser {
     this.setupCloseListener(browserWindow);
     this.setupFocusListener(browserWindow);
     this.setupWillPreventUnloadListener(browserWindow);
+    this.setupDevContextMenu(browserWindow);
   }
 
   private setupWillPreventUnloadListener(browserWindow: BrowserWindow): void {
@@ -236,6 +238,43 @@ export default class Browser {
     });
   }
 
+  /**
+   * Setup context menu with "Inspect Element" option in development mode
+   */
+  private setupDevContextMenu(browserWindow: BrowserWindow): void {
+    if (!isDev) return;
+
+    logger.debug(`[${this.identifier}] Setting up dev context menu.`);
+
+    browserWindow.webContents.on('context-menu', (_event, params) => {
+      const { x, y } = params;
+
+      const menu = Menu.buildFromTemplate([
+        {
+          click: () => {
+            browserWindow.webContents.inspectElement(x, y);
+          },
+          label: 'Inspect Element',
+        },
+        { type: 'separator' },
+        {
+          click: () => {
+            browserWindow.webContents.openDevTools();
+          },
+          label: 'Open DevTools',
+        },
+        {
+          click: () => {
+            browserWindow.webContents.reload();
+          },
+          label: 'Reload',
+        },
+      ]);
+
+      menu.popup({ window: browserWindow });
+    });
+  }
+
   // ==================== Window Actions ====================
 
   show(): void {

package/apps/desktop/src/main/core/infrastructure/I18nManager.ts

@@ -149,17 +149,6 @@ export class I18nManager {
    */
   private notifyRendererProcess(lng: string) {
     logger.debug(`Notifying renderer process of language change: ${lng}`);
-
-    // Send language change event to all windows
-    // const windows = this.app.browserManager.windows;
-    //
-    // if (windows && windows.length > 0) {
-    //   windows.forEach((window) => {
-    //     if (window?.webContents) {
-    //       window.webContents.send('language-changed', lng);
-    //     }
-    //   });
-    // }
   }
 
   private async loadLocale(language: string) {

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2026-01-20",
+    "version": "2.0.0-next.325"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.324",
+  "version": "2.0.0-next.325",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -207,7 +207,7 @@
     "@lobehub/icons": "^4.0.2",
     "@lobehub/market-sdk": "0.29.1",
     "@lobehub/tts": "^4.0.2",
-    "@lobehub/ui": "^4.22.0",
+    "@lobehub/ui": "^4.24.0",
     "@modelcontextprotocol/sdk": "^1.25.1",
     "@neondatabase/serverless": "^1.0.2",
     "@next/third-parties": "^16.1.1",

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

@@ -235,35 +235,6 @@ describe('SessionModel', () => {
     });
   });
 
-  // describe('getAgentConfigById', () => {
-  //   it('should return agent config by id', async () => {
-  //     await serverDB.transaction(async (trx) => {
-  //       await trx.insert(agents).values([
-  //         { id: '1', userId, model: 'gpt-3.5-turbo' },
-  //         { id: '2', userId, model: 'gpt-3.5' },
-  //       ]);
-  //
-  //       // @ts-ignore
-  //       await trx.insert(plugins).values([
-  //         { id: 1, userId, identifier: 'abc', title: 'A1', locale: 'en-US', manifest: {} },
-  //         { id: 2, userId, identifier: 'b2', title: 'A2', locale: 'en-US', manifest: {} },
-  //       ]);
-  //
-  //       await trx.insert(agentsPlugins).values([
-  //         { agentId: '1', pluginId: 1 },
-  //         { agentId: '2', pluginId: 2 },
-  //         { agentId: '1', pluginId: 2 },
-  //       ]);
-  //     });
-  //
-  //     const result = await sessionModel.getAgentConfigById('1');
-  //
-  //     expect(result?.id).toBe('1');
-  //     expect(result?.plugins).toBe(['abc', 'b2']);
-  //     expect(result?.model).toEqual('gpt-3.5-turbo');
-  //     expect(result?.chatConfig).toBeDefined();
-  //   });
-  // });
   describe('count', () => {
     it('should return the count of sessions for the user', async () => {
       // 创建测试数据

package/src/app/[variants]/(main)/agent/features/Conversation/AgentWelcome/OpeningQuestions.tsx

@@ -7,8 +7,6 @@ import { useTranslation } from 'react-i18next';
 
 import { useConversationStore } from '@/features/Conversation';
 
-// import { useSend } from '../../features/ChatInput/useSend';
-
 const styles = createStaticStyles(({ css, cssVar }) => ({
   card: css`
     padding-block: 8px;

package/src/app/[variants]/(main)/community/(detail)/agent/features/Sidebar/TocList/index.tsx

@@ -16,42 +16,6 @@ const TocList = memo(() => {
   const { t } = useTranslation('discover');
   const { toc = [] } = useToc();
   const { activeTab = AssistantNavKey.Overview } = useQuery() as { activeTab: AssistantNavKey };
-  // const { deploymentOptions = [], tools = [], prompts = [] } = useDetailContext();
-  //
-  // const schemaToc: AnchorProps['items'] = useMemo(() => {
-  //   return [
-  //     {
-  //       href: `#tools`,
-  //       key: `tools`,
-  //       level: 2,
-  //       title: t('mcp.details.schema.tools.title'),
-  //     },
-  //     ...tools.map((item) => ({
-  //       href: `#tools-${item.name}`,
-  //       key: `tools-${item.name}`,
-  //       level: 3,
-  //       title: item.name,
-  //     })),
-  //     {
-  //       href: `#prompts`,
-  //       key: `prompts`,
-  //       level: 2,
-  //       title: t('mcp.details.schema.prompts.title'),
-  //     },
-  //     ...prompts.map((item) => ({
-  //       href: `#prompts-${item.name}`,
-  //       key: `prompts-${item.name}`,
-  //       level: 3,
-  //       title: item.name,
-  //     })),
-  //     {
-  //       href: `#resources`,
-  //       key: `resources`,
-  //       level: 2,
-  //       title: t('mcp.details.schema.resources.title'),
-  //     },
-  //   ].filter(Boolean) as AnchorProps['items'];
-  // }, [tools, prompts, t]);
 
   const items: AnchorProps['items'] | undefined = useMemo(() => {
     switch (activeTab) {

package/src/app/[variants]/(main)/community/(list)/_layout/Header.tsx

@@ -13,7 +13,6 @@ import { styles } from './Header/style';
 
 const Header = memo(() => {
   const location = useLocation();
-  // const { activeKey } = useNav();
   const isHome = location.pathname === '/';
 
   const cssVariables: Record<string, string> = {
@@ -27,7 +26,6 @@ const Header = memo(() => {
       right={
         !isHome && (
           <>
-            {/*{activeKey === DiscoverTab.Assistants && <MarketSourceSwitch />}*/}
             <SortButton />
             <UserAvatar />
           </>

package/src/app/[variants]/(main)/group/_layout/Sidebar/GroupConfig/GroupMember.tsx

@@ -41,12 +41,8 @@ const GroupMember = memo<GroupMemberProps>(({ addModalOpen, onAddModalOpenChange
   const toggleThread = useAgentGroupStore((s) => s.toggleThread);
   const pushPortalView = useChatStore((s) => s.pushPortalView);
 
-  // Get members from store (excluding supervisor)
   const groupMembers = useAgentGroupStore(agentGroupSelectors.getGroupMembers(groupId || ''));
 
-  // const [agentSettingsOpen, setAgentSettingsOpen] = useState(false);
-  // const [selectedAgentId, setSelectedAgentId] = useState<string | undefined>();
-
   const handleAddMembers = async (selectedAgents: string[]) => {
     if (!groupId) {
       console.error('No active group to add members to');

package/src/app/[variants]/(main)/group/features/Conversation/ConversationArea.tsx

@@ -18,8 +18,6 @@ import ThreadHydration from './ThreadHydration';
 import { useActionsBarConfig } from './useActionsBarConfig';
 import { useGroupContext } from './useGroupContext';
 
-// import { useGroupHooks } from './useGroupHooks';
-
 interface ConversationAreaProps {
   mobile?: boolean;
 }
@@ -45,18 +43,13 @@ const Conversation = memo<ConversationAreaProps>(({ mobile = false }) => {
   // Get operation state from ChatStore for reactive updates
   const operationState = useOperationState(context);
 
-  // Get actionsBar config with branching support from ChatStore
   const actionsBarConfig = useActionsBarConfig();
 
-  // Get group-specific hooks for send logic
-  // const groupHooks = useGroupHooks(context);
-
   return (
     <ConversationProvider
       actionsBar={actionsBarConfig}
       context={context}
       hasInitMessages={!!messages}
-      // hooks={groupHooks}
       messages={messages}
       onMessagesChange={(messages, ctx) => {
         replaceMessages(messages, { context: ctx });

package/src/app/[variants]/(main)/group/features/Conversation/MainChatInput/GroupChat.tsx

@@ -35,7 +35,6 @@ const rightActions: ActionKeys[] = [];
  */
 const Desktop = memo((props: { targetMemberId?: string }) => {
   const { t } = useTranslation('chat');
-  // const { send, generating, disabled, stop } = useSendGroupMessage();
 
   const isDMPortal = !!props.targetMemberId;
   const currentGroupMembers = useAgentGroupStore(agentGroupSelectors.currentGroupAgents, isEqual);
@@ -93,7 +92,6 @@ const Desktop = memo((props: { targetMemberId?: string }) => {
         useChatStore.setState({ inputMessage: content });
       }}
       rightActions={isDMPortal ? [] : rightActions}
-      // sendButtonProps={{ disabled, generating, onStop: stop }}
       sendMenu={{
         items: sendMenuItems,
       }}

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

@@ -12,11 +12,9 @@ export enum GroupKey {
 }
 
 const Body = memo(() => {
-  // const { enableKnowledgeBase } = useServerConfigStore(featureFlagsSelectors);
   return (
     <Flexbox paddingInline={4}>
       <Accordion defaultExpandedKeys={[GroupKey.Project, GroupKey.Agent]} gap={8}>
-        {/*{enableKnowledgeBase && <Repo itemKey={GroupKey.Project} />}*/}
         <Agent itemKey={GroupKey.Agent} />
         <BottomMenu />
       </Accordion>

package/src/app/[variants]/(main)/page/_layout/Body/List/Item/useDropdownMenu.tsx

@@ -56,12 +56,6 @@ export const useDropdownMenu = ({
           label: t('rename'),
           onClick: () => toggleEditing(true),
         },
-        // {
-        //   icon: <Icon icon={Copy} />,
-        //   key: 'copy',
-        //   label: t('pageList.copyContent', { ns: 'file' }),
-        //   onClick: handleCopy,
-        // },
         {
           icon: <Icon icon={CopyPlus} />,
           key: 'duplicate',

package/src/app/[variants]/(main)/page/_layout/Body/useDropdownMenu.tsx

@@ -32,21 +32,6 @@ export const useDropdownMenu = (): MenuProps['items'] => {
     }));
 
     return [
-      // {
-      //   icon: <Icon icon={Check} style={{ opacity: !showOnlyPagesNotInLibrary ? 1 : 0 }} />,
-      //   key: 'all',
-      //   label: t('pageList.filter.all'),
-      //   onClick: () => setShowOnlyPagesNotInLibrary(false),
-      // },
-      // {
-      //   icon: <Icon icon={Check} style={{ opacity: showOnlyPagesNotInLibrary ? 1 : 0 }} />,
-      //   key: 'onlyInPages',
-      //   label: t('pageList.filter.onlyInPages'),
-      //   onClick: () => setShowOnlyPagesNotInLibrary(true),
-      // },
-      // {
-      //   type: 'divider' as const,
-      // },
       {
         children: pageSizeItems,
         icon: <Icon icon={Hash} />,

package/src/app/[variants]/(main)/resource/features/DndContextWrapper.tsx

@@ -141,11 +141,6 @@ export const DndContextWrapper = memo<PropsWithChildren>(({ children }) => {
         return;
       }
 
-      // Save current drag data before clearing state
-      // const draggedItemId = currentDrag.id;
-      // const draggedItemData = currentDrag.data;
-
-      // Clear drag state immediately for better UX
       setCurrentDrag(null);
 
       // Show loading toast

package/src/app/[variants]/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx

@@ -51,7 +51,6 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ open, setOpen }) => {
               setLoading(false);
               closeModal();
             } catch {
-              /*  */
               setLoading(false);
             }
           }}

package/src/app/[variants]/(main)/settings/provider/features/ModelList/ModelItem.tsx

@@ -240,16 +240,6 @@ const ModelItem = memo<ModelItemProps>(
                   {...abilities}
                   contextWindowTokens={contextWindowTokens}
                 />
-                {/*{removed && (*/}
-                {/*  <Tooltip*/}
-                {/*    overlayStyle={{ maxWidth: 300 }}*/}
-                {/*    placement={'top'}*/}
-                {/*    style={{ pointerEvents: 'none' }}*/}
-                {/*    title={t('ModelSelect.removed')}*/}
-                {/*  >*/}
-                {/*    <ActionIcon icon={Recycle} style={{ color: theme.colorWarning }} />*/}
-                {/*  </Tooltip>*/}
-                {/*)}*/}
               </Flexbox>
             </Flexbox>
             <div>

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx

@@ -3,7 +3,7 @@
 import { CheckCircleFilled } from '@ant-design/icons';
 import { type ChatMessageError, TraceNameMap } from '@lobechat/types';
 import { ModelIcon } from '@lobehub/icons';
-import { Alert, Button, Flexbox, Highlighter, Icon, Select } from '@lobehub/ui';
+import { Alert, Button, Flexbox, Highlighter, Icon, LobeSelect as Select } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { Loader2Icon } from 'lucide-react';
 import { type ReactNode, memo, useEffect, useState } from 'react';

package/src/app/[variants]/(mobile)/(home)/features/SessionListContent/List/Item/Actions.tsx

@@ -66,7 +66,6 @@ const Actions = memo<ActionProps>(({ group, id, openCreateGroupModal, parentType
   const { modal, message } = App.useApp();
 
   const isDefault = group === SessionDefaultGroup.Default;
-  // const hasDivider = !isDefault || Object.keys(sessionByGroup).length > 0;
 
   const items = useMemo(
     () =>

package/src/app/[variants]/layout.tsx

@@ -52,8 +52,6 @@ const RootLayout = async ({ children, params }: RootLayoutProps) => {
       <head>
         {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}
         <script dangerouslySetInnerHTML={{ __html: `(${outdateBrowserScript.toString()})();` }} />
-
-        {/* <script dangerouslySetInnerHTML={{ __html: 'setTimeout(() => {debugger}, 16)' }} /> */}
         {process.env.DEBUG_REACT_SCAN === '1' && (
           <Script
             crossOrigin={'anonymous'}

package/src/envs/__tests__/app.test.ts

@@ -7,12 +7,6 @@ describe('getServerConfig', () => {
     vi.resetModules();
   });
 
-  // it('correctly handles values for OPENAI_FUNCTION_REGIONS', () => {
-  //   process.env.OPENAI_FUNCTION_REGIONS = 'iad1,sfo1';
-  //   const config = getAppConfig();
-  //   expect(config.OPENAI_FUNCTION_REGIONS).toStrictEqual(['iad1', 'sfo1']);
-  // });
-
   describe('index url', () => {
     it('should return default URLs when no environment variables are set', async () => {
       const { getAppConfig } = await import('../app');

package/src/features/ChatInput/ActionBar/Knowledge/useControls.tsx

@@ -33,28 +33,6 @@ export const useControls = ({
   ]);
 
   const items: ItemType[] = [
-    // {
-    //   children: [
-    //     {
-    //       icon: <RepoIcon />,
-    //       key: 'allFiles',
-    //       label: <KnowledgeBaseItem id={'all'} label={t('knowledgeBase.allFiles')} />,
-    //     },
-    //     {
-    //       icon: <RepoIcon />,
-    //       key: 'allRepos',
-    //       label: <KnowledgeBaseItem id={'all'} label={t('knowledgeBase.allLibraries')} />,
-    //     },
-    //   ],
-    //   key: 'all',
-    //   label: (
-    //     <Flexbox horizontal justify={'space-between'}>
-    //       {t('knowledgeBase.all')}
-    //       {/*<Link href={'/files'}>{t('knowledgeBase.more')}</Link>*/}
-    //     </Flexbox>
-    //   ),
-    //   type: 'group',
-    // },
     {
       children: [
         // first the files

package/src/features/ChatInput/store/action.ts

@@ -15,8 +15,6 @@ export interface Action {
 
 export type Store = Action & State;
 
-// const t = setNamespace('ChatInput');
-
 type CreateStore = (
   initState?: Partial<PublicState>,
 ) => StateCreator<Store, [['zustand/devtools', never]]>;

package/src/features/Conversation/Messages/Task/TaskDetailPanel/index.tsx

@@ -18,19 +18,7 @@ interface TaskDetailPanelProps {
 
 const TaskDetailPanel = memo<TaskDetailPanelProps>(({ taskDetail, content, messageId }) => {
   return (
-    <>
-      {/* Instruction Header */}
-      {/*{instruction && (*/}
-      {/*  <Block padding={12}>*/}
-      {/*    <Text fontSize={13} type={'secondary'}>*/}
-      {/*      {instruction}*/}
-      {/*    </Text>*/}
-      {/*  </Block>*/}
-      {/*)}*/}
-
-      {/* Status Content */}
-      <StatusContent content={content} messageId={messageId} taskDetail={taskDetail} />
-    </>
+    <StatusContent content={content} messageId={messageId} taskDetail={taskDetail} />
   );
 });
 

package/src/features/DataImporter/ImportDetail.tsx

@@ -170,26 +170,6 @@ const ImportPreviewModal = ({
               size="small"
             />
           </div>
-
-          {/*<Flexbox>*/}
-          {/*  重复数据处理方式：*/}
-          {/*  <div className={styles.duplicateOptions}>*/}
-          {/*    <Radio.Group*/}
-          {/*      onChange={(e) => setDuplicateAction(e.target.value)}*/}
-          {/*      value={duplicateAction}*/}
-          {/*    >*/}
-          {/*      <Space>*/}
-          {/*        <Radio value="skip">跳过</Radio>*/}
-          {/*        <Radio value="overwrite">覆盖</Radio>*/}
-          {/*      </Space>*/}
-          {/*    </Radio.Group>*/}
-          {/*  </div>*/}
-          {/*  <div className={styles.duplicateDescription}>*/}
-          {/*    {duplicateAction === 'skip'*/}
-          {/*      ? '选择跳过将仅导入不重复的数据，保留现有数据不变。'*/}
-          {/*      : '选择覆盖将使用导入数据替换系统中具有相同 ID 的现有记录。'}*/}
-          {/*  </div>*/}
-          {/*</Flexbox>*/}
         </Flexbox>
       </div>
     </Modal>

package/src/features/DevPanel/features/Table/TableCell.tsx

@@ -2,27 +2,6 @@ import dayjs from 'dayjs';
 import { get, isDate } from 'es-toolkit/compat';
 import React, { useMemo } from 'react';
 
-// import TooltipContent from './TooltipContent';
-
-// const { Text } = Typography;
-
-// const useStyles = createStyles(({ token, css }) => ({
-//   cell: css`
-//     font-family: ${token.fontFamilyCode};
-//     font-size: ${token.fontSizeSM}px;
-//   `,
-//   tooltip: css`
-//     border: 1px solid ${token.colorBorder};
-//
-//     font-family: ${token.fontFamilyCode};
-//     font-size: ${token.fontSizeSM}px;
-//     color: ${token.colorText} !important;
-//     word-break: break-all;
-//
-//     background: ${token.colorBgElevated} !important;
-//   `,
-// }));
-
 interface TableCellProps {
   column: string;
   dataItem: any;
@@ -30,7 +9,6 @@ interface TableCellProps {
 }
 
 const TableCell = ({ dataItem, column, rowIndex }: TableCellProps) => {
-  // const { styles } = useStyles();
   const data = get(dataItem, column);
   const content = useMemo(() => {
     if (isDate(data)) return dayjs(data).format('YYYY-MM-DD HH:mm:ss');
@@ -52,21 +30,8 @@ const TableCell = ({ dataItem, column, rowIndex }: TableCellProps) => {
 
   return (
     <td key={column} onDoubleClick={() => console.log('Edit cell:', rowIndex, column)}>
-      {content}
-
       {/* 不能使用 antd 的 Text， 会有大量的重渲染导致滚动极其卡顿 */}
-      {/*<Text*/}
-      {/*  className={styles.cell}*/}
-      {/*  ellipsis={{*/}
-      {/*    tooltip: {*/}
-      {/*      arrow: false,*/}
-      {/*      classNames: { body: styles.tooltip },*/}
-      {/*      title: <TooltipContent>{content}</TooltipContent>,*/}
-      {/*    },*/}
-      {/*  }}*/}
-      {/*>*/}
-      {/*  {content}*/}
-      {/*</Text>*/}
+      {content}
     </td>
   );
 };

package/src/features/DevPanel/index.tsx

@@ -15,15 +15,6 @@ const FloatPanel = dynamic(() => import('./features/FloatPanel'), {
 const DevPanel = () => (
   <FloatPanel
     items={[
-      // ...(isDesktop
-      //   ? [
-      //       {
-      //         children: <PostgresViewer />,
-      //         icon: <DatabaseIcon size={16} />,
-      //         key: 'Postgres Viewer',
-      //       },
-      //     ]
-      //   : []),
       {
         children: <MetadataViewer />,
         icon: <BookText size={16} />,