@lobehub/chat 1.53.3 → 1.53.5

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.53.5](https://github.com/lobehub/lobe-chat/compare/v1.53.4...v1.53.5)
+
+<sup>Released on **2025-02-13**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix latex in thinking tag render.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix latex in thinking tag render, closes [#6063](https://github.com/lobehub/lobe-chat/issues/6063) ([7e89b2d](https://github.com/lobehub/lobe-chat/commit/7e89b2d))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.53.4](https://github.com/lobehub/lobe-chat/compare/v1.53.3...v1.53.4)
+
+<sup>Released on **2025-02-12**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix ai model abilities issue.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix ai model abilities issue, closes [#6060](https://github.com/lobehub/lobe-chat/issues/6060) ([718f477](https://github.com/lobehub/lobe-chat/commit/718f477))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.53.3](https://github.com/lobehub/lobe-chat/compare/v1.53.2...v1.53.3)
 
 <sup>Released on **2025-02-12**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix latex in thinking tag render."
+      ]
+    },
+    "date": "2025-02-13",
+    "version": "1.53.5"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Fix ai model abilities issue."
+      ]
+    },
+    "date": "2025-02-12",
+    "version": "1.53.4"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.53.3",
+  "version": "1.53.5",
   "description": "Lobe Chat - an open-source, high-performance chatbot 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",

package/src/database/repositories/aiInfra/index.ts

@@ -1,3 +1,4 @@
+import { isEmpty } from 'lodash-es';
 import pMap from 'p-map';
 
 import { DEFAULT_MODEL_PROVIDER_LIST } from '@/config/modelProviders';
@@ -88,15 +89,25 @@ export class AiInfraRepos {
           .map<EnabledAiModel & { enabled?: boolean | null }>((item) => {
             const user = allModels.find((m) => m.id === item.id && m.providerId === provider.id);
 
+            if (!user)
+              return {
+                ...item,
+                abilities: item.abilities || {},
+                providerId: provider.id,
+              };
+
             return {
-              abilities: !!user ? user.abilities : item.abilities || {},
-              config: !!user ? user.config : item.config,
-              contextWindowTokens: !!user ? user.contextWindowTokens : item.contextWindowTokens,
+              abilities: !isEmpty(user.abilities) ? user.abilities : item.abilities || {},
+              config: !isEmpty(user.config) ? user.config : item.config,
+              contextWindowTokens:
+                typeof user.contextWindowTokens === 'number'
+                  ? user.contextWindowTokens
+                  : item.contextWindowTokens,
               displayName: user?.displayName || item.displayName,
-              enabled: !!user ? user.enabled : item.enabled,
+              enabled: user.enabled || item.enabled,
               id: item.id,
               providerId: provider.id,
-              sort: !!user ? user.sort : undefined,
+              sort: user.sort || undefined,
               type: item.type,
             };
           })

package/src/features/Conversation/components/ChatItem/index.tsx

@@ -174,10 +174,10 @@ const Item = memo<ChatListItemProps>(
       () => ({
         components,
         customRender: markdownCustomRender,
-        rehypePlugins,
-        remarkPlugins,
+        rehypePlugins: item?.role === 'user' ? undefined : rehypePlugins,
+        remarkPlugins: item?.role === 'user' ? undefined : remarkPlugins,
       }),
-      [components, markdownCustomRender],
+      [components, markdownCustomRender, item?.role],
     );
 
     const onChange = useCallback((value: string) => updateMessageContent(id, value), [id]);

package/src/features/Conversation/components/MarkdownElements/Thinking/index.ts

@@ -1,6 +1,6 @@
+import { createRemarkCustomTagPlugin } from '../remarkPlugins/createRemarkCustomTagPlugin';
 import { MarkdownElement } from '../type';
 import Component from './Render';
-import { createRemarkCustomTagPlugin } from './remarkPlugin';
 
 const ThinkingElement: MarkdownElement = {
   Component,

package/src/features/Conversation/components/MarkdownElements/{Thinking/remarkPlugin.ts → remarkPlugins/createRemarkCustomTagPlugin.ts}

@@ -1,6 +1,7 @@
-import { toMarkdown } from 'mdast-util-to-markdown';
 import { SKIP, visit } from 'unist-util-visit';
 
+import { treeNodeToString } from './getNodeContent';
+
 export const createRemarkCustomTagPlugin = (tag: string) => () => {
   return (tree: any) => {
     visit(tree, 'html', (node, index, parent) => {
@@ -31,17 +32,7 @@ export const createRemarkCustomTagPlugin = (tag: string) => () => {
         );
 
         // 转换为 Markdown 字符串
-        const content = contentNodes
-          .map((n: any) => {
-            // fix https://github.com/lobehub/lobe-chat/issues/5668
-            if (n.type === 'paragraph') {
-              return n.children.map((child: any) => child.value).join('');
-            }
-
-            return toMarkdown(n);
-          })
-          .join('\n\n')
-          .trim();
+        const content = treeNodeToString(contentNodes);
 
         // 创建自定义节点
         const customNode = {

package/src/features/Conversation/components/MarkdownElements/remarkPlugins/getNodeContent.test.ts

@@ -0,0 +1,396 @@
+import { toMarkdown } from 'mdast-util-to-markdown';
+import { Parent } from 'unist';
+import { expect } from 'vitest';
+
+import { treeNodeToString } from '@/features/Conversation/components/MarkdownElements/remarkPlugins/getNodeContent';
+
+describe('treeNodeToString', () => {
+  it('with latex', () => {
+    const nodes = [
+      {
+        type: 'paragraph',
+        children: [
+          {
+            type: 'text',
+            value: '设正向数列 ',
+            position: {
+              start: {
+                line: 3,
+                column: 1,
+                offset: 9,
+              },
+              end: {
+                line: 3,
+                column: 7,
+                offset: 15,
+              },
+            },
+          },
+          {
+            type: 'inlineMath',
+            value: '{ a_n }',
+            data: {
+              hName: 'code',
+              hProperties: {
+                className: ['language-math', 'math-inline'],
+              },
+              hChildren: [
+                {
+                  type: 'text',
+                  value: '{ a_n }',
+                },
+              ],
+            },
+            position: {
+              start: {
+                line: 3,
+                column: 7,
+                offset: 15,
+              },
+              end: {
+                line: 3,
+                column: 18,
+                offset: 26,
+              },
+            },
+          },
+          {
+            type: 'text',
+            value: ' 的首项为 ',
+            position: {
+              start: {
+                line: 3,
+                column: 18,
+                offset: 26,
+              },
+              end: {
+                line: 3,
+                column: 24,
+                offset: 32,
+              },
+            },
+          },
+          {
+            type: 'inlineMath',
+            value: '4',
+            data: {
+              hName: 'code',
+              hProperties: {
+                className: ['language-math', 'math-inline'],
+              },
+              hChildren: [
+                {
+                  type: 'text',
+                  value: '4',
+                },
+              ],
+            },
+            position: {
+              start: {
+                line: 3,
+                column: 24,
+                offset: 32,
+              },
+              end: {
+                line: 3,
+                column: 29,
+                offset: 37,
+              },
+            },
+          },
+          {
+            type: 'text',
+            value: ' ，满足 ',
+            position: {
+              start: {
+                line: 3,
+                column: 29,
+                offset: 37,
+              },
+              end: {
+                line: 3,
+                column: 34,
+                offset: 42,
+              },
+            },
+          },
+          {
+            type: 'inlineMath',
+            value: 'a^2_n = a_{n+1} + 3na_n - 3',
+            data: {
+              hName: 'code',
+              hProperties: {
+                className: ['language-math', 'math-inline'],
+              },
+              hChildren: [
+                {
+                  type: 'text',
+                  value: 'a^2_n = a_{n+1} + 3na_n - 3',
+                },
+              ],
+            },
+            position: {
+              start: {
+                line: 3,
+                column: 34,
+                offset: 42,
+              },
+              end: {
+                line: 3,
+                column: 65,
+                offset: 73,
+              },
+            },
+          },
+          {
+            type: 'text',
+            value: '.',
+            position: {
+              start: {
+                line: 3,
+                column: 65,
+                offset: 73,
+              },
+              end: {
+                line: 3,
+                column: 66,
+                offset: 74,
+              },
+            },
+          },
+        ],
+        position: {
+          start: {
+            line: 3,
+            column: 1,
+            offset: 9,
+          },
+          end: {
+            line: 3,
+            column: 66,
+            offset: 74,
+          },
+        },
+      },
+      {
+        type: 'list',
+        ordered: true,
+        start: 1,
+        spread: false,
+        children: [
+          {
+            type: 'listItem',
+            spread: false,
+            checked: null,
+            children: [
+              {
+                type: 'paragraph',
+                children: [
+                  {
+                    type: 'text',
+                    value: '求 ',
+                    position: {
+                      start: {
+                        line: 5,
+                        column: 5,
+                        offset: 80,
+                      },
+                      end: {
+                        line: 5,
+                        column: 7,
+                        offset: 82,
+                      },
+                    },
+                  },
+                  {
+                    type: 'inlineMath',
+                    value: 'a_2',
+                    data: {
+                      hName: 'code',
+                      hProperties: {
+                        className: ['language-math', 'math-inline'],
+                      },
+                      hChildren: [
+                        {
+                          type: 'text',
+                          value: 'a_2',
+                        },
+                      ],
+                    },
+                    position: {
+                      start: {
+                        line: 5,
+                        column: 7,
+                        offset: 82,
+                      },
+                      end: {
+                        line: 5,
+                        column: 14,
+                        offset: 89,
+                      },
+                    },
+                  },
+                  {
+                    type: 'text',
+                    value: ' 和 ',
+                    position: {
+                      start: {
+                        line: 5,
+                        column: 14,
+                        offset: 89,
+                      },
+                      end: {
+                        line: 5,
+                        column: 17,
+                        offset: 92,
+                      },
+                    },
+                  },
+                  {
+                    type: 'inlineMath',
+                    value: 'a_3',
+                    data: {
+                      hName: 'code',
+                      hProperties: {
+                        className: ['language-math', 'math-inline'],
+                      },
+                      hChildren: [
+                        {
+                          type: 'text',
+                          value: 'a_3',
+                        },
+                      ],
+                    },
+                    position: {
+                      start: {
+                        line: 5,
+                        column: 17,
+                        offset: 92,
+                      },
+                      end: {
+                        line: 5,
+                        column: 24,
+                        offset: 99,
+                      },
+                    },
+                  },
+                  {
+                    type: 'text',
+                    value: '，根据前三项的规律猜想该数列的通项公式',
+                    position: {
+                      start: {
+                        line: 5,
+                        column: 24,
+                        offset: 99,
+                      },
+                      end: {
+                        line: 5,
+                        column: 43,
+                        offset: 118,
+                      },
+                    },
+                  },
+                ],
+                position: {
+                  start: {
+                    line: 5,
+                    column: 5,
+                    offset: 80,
+                  },
+                  end: {
+                    line: 5,
+                    column: 43,
+                    offset: 118,
+                  },
+                },
+              },
+            ],
+            position: {
+              start: {
+                line: 5,
+                column: 2,
+                offset: 77,
+              },
+              end: {
+                line: 5,
+                column: 43,
+                offset: 118,
+              },
+            },
+          },
+          {
+            type: 'listItem',
+            spread: false,
+            checked: null,
+            children: [
+              {
+                type: 'paragraph',
+                children: [
+                  {
+                    type: 'text',
+                    value: '用数学归纳法证明你的猜想。',
+                    position: {
+                      start: {
+                        line: 6,
+                        column: 5,
+                        offset: 123,
+                      },
+                      end: {
+                        line: 6,
+                        column: 18,
+                        offset: 136,
+                      },
+                    },
+                  },
+                ],
+                position: {
+                  start: {
+                    line: 6,
+                    column: 5,
+                    offset: 123,
+                  },
+                  end: {
+                    line: 6,
+                    column: 18,
+                    offset: 136,
+                  },
+                },
+              },
+            ],
+            position: {
+              start: {
+                line: 6,
+                column: 2,
+                offset: 120,
+              },
+              end: {
+                line: 6,
+                column: 18,
+                offset: 136,
+              },
+            },
+          },
+        ],
+        position: {
+          start: {
+            line: 5,
+            column: 2,
+            offset: 77,
+          },
+          end: {
+            line: 6,
+            column: 18,
+            offset: 136,
+          },
+        },
+      },
+    ];
+
+    const result = treeNodeToString(nodes as Parent[]);
+
+    expect(result).toEqual(`设正向数列 \${ a_n }$ 的首项为 $4$ ，满足 $a^2_n = a_{n+1} + 3na_n - 3$.
+
+1. 求 $a_2$ 和 $a_3$，根据前三项的规律猜想该数列的通项公式
+2. 用数学归纳法证明你的猜想。`);
+  });
+});

package/src/features/Conversation/components/MarkdownElements/remarkPlugins/getNodeContent.ts

@@ -0,0 +1,55 @@
+import { toMarkdown } from 'mdast-util-to-markdown';
+import { Parent } from 'unist';
+
+const processNode = (node: any): string => {
+  // 处理数学公式节点
+  if (node.type === 'inlineMath') {
+    return `$${node.value}$`;
+  }
+
+  // 处理带有子节点的容器
+  if (node.children) {
+    const content = node.children.map((element: Parent) => processNode(element)).join('');
+
+    // 处理列表的特殊换行逻辑
+    if (node.type === 'list') {
+      return `\n${content}\n`;
+    }
+
+    // 处理列表项的前缀
+    if (node.type === 'listItem') {
+      const prefix = node.checked !== null ? `[${node.checked ? 'x' : ' '}] ` : '';
+      return `${prefix}${content}`;
+    }
+
+    return content;
+  }
+
+  // 处理文本节点
+  if (node.value) {
+    // 保留原始空白字符处理逻辑
+    return node.value.replaceAll(/^\s+|\s+$/g, ' ');
+  }
+
+  // 兜底使用标准转换
+  return toMarkdown(node);
+};
+
+export const treeNodeToString = (nodes: Parent[]) => {
+  return nodes
+    .map((node) => {
+      // 处理列表的缩进问题
+      if (node.type === 'list') {
+        return node.children
+          .map((item, index) => {
+            const prefix = (node as any).ordered ? `${(node as any).start + index}. ` : '- ';
+            return `${prefix}${processNode(item)}`;
+          })
+          .join('\n');
+      }
+
+      return processNode(node);
+    })
+    .join('\n\n')
+    .trim();
+};

package/src/features/DevPanel/SystemInspector/AiProviderRuntimeConfig.tsx

@@ -0,0 +1,11 @@
+import { useAiInfraStore } from '@/store/aiInfra';
+
+import JsonViewer from './JsonViewer';
+
+const AiProviderRuntimeConfig = () => {
+  const aiProviderRuntimeConfig = useAiInfraStore((s) => s.aiProviderRuntimeConfig);
+
+  return <JsonViewer data={aiProviderRuntimeConfig} />;
+};
+
+export default AiProviderRuntimeConfig;

package/src/features/DevPanel/SystemInspector/JsonViewer.tsx

@@ -0,0 +1,17 @@
+import { Highlighter } from '@lobehub/ui';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+interface JsonViewerProps {
+  data: object;
+}
+
+const JsonViewer = memo<JsonViewerProps>(({ data }) => {
+  return (
+    <Flexbox style={{ overflow: 'scroll' }}>
+      <Highlighter language={'json'}>{JSON.stringify(data, null, 2)}</Highlighter>
+    </Flexbox>
+  );
+});
+
+export default JsonViewer;

package/src/features/DevPanel/SystemInspector/ServerConfig.tsx

@@ -0,0 +1,11 @@
+import { useServerConfigStore } from '@/store/serverConfig';
+
+import JsonViewer from './JsonViewer';
+
+const ServerConfig = () => {
+  const serverConfig = useServerConfigStore((s) => s.serverConfig);
+
+  return <JsonViewer data={serverConfig} />;
+};
+
+export default ServerConfig;

package/src/features/DevPanel/SystemInspector/index.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+import { TabsNav } from '@lobehub/ui';
+import { useState } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import AiProviderRuntimeConfig from './AiProviderRuntimeConfig';
+import ServerConfig from './ServerConfig';
+
+enum TabKey {
+  AiProviderRuntimeConfig = 'aiProviderRuntimeConfig',
+  ServerConfig = 'serverConfig',
+}
+
+const SystemInspector = () => {
+  const [activeTab, setActiveTab] = useState<TabKey>(TabKey.ServerConfig);
+
+  return (
+    <Flexbox gap={4} height={'100%'}>
+      <TabsNav
+        activeKey={activeTab}
+        items={[
+          {
+            key: TabKey.ServerConfig,
+            label: 'Server Config',
+          },
+          {
+            key: TabKey.AiProviderRuntimeConfig,
+            label: 'Ai Provider Runtime Config',
+          },
+        ]}
+        onChange={(activeTab) => setActiveTab(activeTab as TabKey)}
+        variant={'compact'}
+      />
+
+      {activeTab === TabKey.ServerConfig && <ServerConfig />}
+      {activeTab === TabKey.AiProviderRuntimeConfig && <AiProviderRuntimeConfig />}
+    </Flexbox>
+  );
+};
+
+export default SystemInspector;

package/src/features/DevPanel/features/FloatPanel.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { ActionIcon, FluentEmoji, Icon, SideNav } from '@lobehub/ui';
-import { Dropdown, FloatButton } from 'antd';
+import { FloatButton } from 'antd';
 import { createStyles } from 'antd-style';
 import { BugIcon, BugOff, XIcon } from 'lucide-react';
 import { ReactNode, memo, useEffect, useState } from 'react';
@@ -81,7 +81,7 @@ interface CollapsibleFloatPanelProps {
 const CollapsibleFloatPanel = memo<CollapsibleFloatPanelProps>(({ items }) => {
   const { styles, theme } = useStyles();
   const [tab, setTab] = useState<string>(items[0].key);
-  const [isHide, setIsHide] = useState(false);
+
   const [isExpanded, setIsExpanded] = useState(false);
   const [position, setPosition] = useState({ x: 100, y: 100 });
   const [size, setSize] = useState({ height: minHeight, width: minWidth });
@@ -108,29 +108,11 @@ const CollapsibleFloatPanel = memo<CollapsibleFloatPanelProps>(({ items }) => {
 
   return (
     <>
-      {!isHide && (
-        <Dropdown
-          menu={{
-            items: [
-              {
-                icon: (
-                  <Icon color={theme.colorTextSecondary} icon={BugOff} size={{ fontSize: 16 }} />
-                ),
-                key: 'hide',
-                label: 'Hide Toolbar',
-                onClick: () => setIsHide(true),
-              },
-            ],
-          }}
-          trigger={['hover']}
-        >
-          <FloatButton
-            className={styles.floatButton}
-            icon={<Icon icon={isExpanded ? BugOff : BugIcon} />}
-            onClick={() => setIsExpanded(!isExpanded)}
-          />
-        </Dropdown>
-      )}
+      <FloatButton
+        className={styles.floatButton}
+        icon={<Icon icon={isExpanded ? BugOff : BugIcon} />}
+        onClick={() => setIsExpanded(!isExpanded)}
+      />
       {isExpanded && (
         <Rnd
           bounds="window"

package/src/features/DevPanel/index.tsx

@@ -1,9 +1,10 @@
-import { BookText, DatabaseIcon, FlagIcon, GlobeLockIcon } from 'lucide-react';
+import { BookText, Cog, DatabaseIcon, FlagIcon, GlobeLockIcon } from 'lucide-react';
 
 import CacheViewer from './CacheViewer';
 import FeatureFlagViewer from './FeatureFlagViewer';
 import MetadataViewer from './MetadataViewer';
 import PostgresViewer from './PostgresViewer';
+import SystemInspector from './SystemInspector';
 import FloatPanel from './features/FloatPanel';
 
 const DevPanel = () => (
@@ -29,6 +30,11 @@ const DevPanel = () => (
         icon: <FlagIcon size={16} />,
         key: 'Feature Flags',
       },
+      {
+        children: <SystemInspector />,
+        icon: <Cog size={16} />,
+        key: 'System Status',
+      },
     ]}
   />
 );