@lobehub/chat 1.66.4 → 1.66.6

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.66.6](https://github.com/lobehub/lobe-chat/compare/v1.66.5...v1.66.6)
+
+<sup>Released on **2025-03-02**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add `gpt-4.5-preview` for OpenAI.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add `gpt-4.5-preview` for OpenAI, closes [#6618](https://github.com/lobehub/lobe-chat/issues/6618) ([3ec3af0](https://github.com/lobehub/lobe-chat/commit/3ec3af0))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.66.5](https://github.com/lobehub/lobe-chat/compare/v1.66.4...v1.66.5)
+
+<sup>Released on **2025-02-28**</sup>
+
+#### 💄 Styles
+
+- **misc**: Improve portal style.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Improve portal style, closes [#6588](https://github.com/lobehub/lobe-chat/issues/6588) ([55b5416](https://github.com/lobehub/lobe-chat/commit/55b5416))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.66.4](https://github.com/lobehub/lobe-chat/compare/v1.66.3...v1.66.4)
 
 <sup>Released on **2025-02-28**</sup>

package/README.md

@@ -329,7 +329,7 @@ In addition, these plugins are not limited to news aggregation, but can also ext
 | [Bing_websearch](https://lobechat.com/discover/plugin/Bingsearch-identifier)<br/><sup>By **FineHow** on **2024-12-22**</sup> | Search for information from the internet base BingApi<br/>`bingsearch`                                                  |
 | [PortfolioMeta](https://lobechat.com/discover/plugin/StockData)<br/><sup>By **portfoliometa** on **2024-12-22**</sup>        | Analyze stocks and get comprehensive real-time investment data and analytics.<br/>`stock`                               |
 
-> 📊 Total plugins: [<kbd>**48**</kbd>](https://lobechat.com/discover/plugins)
+> 📊 Total plugins: [<kbd>**47**</kbd>](https://lobechat.com/discover/plugins)
 
  <!-- PLUGIN LIST -->
 

package/README.zh-CN.md

@@ -322,7 +322,7 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 | [必应网页搜索](https://lobechat.com/discover/plugin/Bingsearch-identifier)<br/><sup>By **FineHow** on **2024-12-22**</sup> | 通过 BingApi 搜索互联网上的信息<br/>`bingsearch`                                   |
 | [PortfolioMeta](https://lobechat.com/discover/plugin/StockData)<br/><sup>By **portfoliometa** on **2024-12-22**</sup>      | 分析股票并获取全面的实时投资数据和分析。<br/>`股票`                                |
 
-> 📊 Total plugins: [<kbd>**48**</kbd>](https://lobechat.com/discover/plugins)
+> 📊 Total plugins: [<kbd>**47**</kbd>](https://lobechat.com/discover/plugins)
 
  <!-- PLUGIN LIST -->
 

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Add gpt-4.5-preview for OpenAI."
+      ]
+    },
+    "date": "2025-03-02",
+    "version": "1.66.6"
+  },
+  {
+    "children": {
+      "improvements": [
+        "Improve portal style."
+      ]
+    },
+    "date": "2025-02-28",
+    "version": "1.66.5"
+  },
   {
     "children": {
       "improvements": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.66.4",
+  "version": "1.66.6",
   "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",
@@ -105,7 +105,7 @@
     "@ant-design/icons": "^5.5.2",
     "@ant-design/pro-components": "^2.8.3",
     "@anthropic-ai/sdk": "^0.37.0",
-    "@auth/core": "^0.37.4",
+    "@auth/core": "^0.38.0",
     "@aws-sdk/client-bedrock-runtime": "^3.723.0",
     "@aws-sdk/client-s3": "^3.723.0",
     "@aws-sdk/s3-request-presigner": "^3.723.0",
@@ -156,7 +156,7 @@
     "debug": "^4.4.0",
     "dexie": "^3.2.7",
     "diff": "^7.0.0",
-    "drizzle-orm": "^0.39.0",
+    "drizzle-orm": "^0.40.0",
     "drizzle-zod": "^0.5.1",
     "fast-deep-equal": "^3.1.3",
     "file-type": "^20.0.0",
@@ -174,7 +174,7 @@
     "langfuse": "3.29.1",
     "langfuse-core": "3.29.1",
     "lodash-es": "^4.17.21",
-    "lucide-react": "^0.475.0",
+    "lucide-react": "^0.477.0",
     "mammoth": "^1.9.0",
     "mdast-util-to-markdown": "^2.1.2",
     "modern-screenshot": "^4.5.5",
@@ -210,7 +210,7 @@
     "react-lazy-load": "^4.0.1",
     "react-pdf": "^9.2.1",
     "react-rnd": "^10.4.14",
-    "react-scan": "^0.1.0",
+    "react-scan": "^0.2.0",
     "react-virtuoso": "^4.12.3",
     "react-wrap-balancer": "^1.1.1",
     "remark": "^15.0.1",
@@ -320,7 +320,7 @@
     "vitest": "~1.2.2",
     "vitest-canvas-mock": "^0.3.3"
   },
-  "packageManager": "pnpm@9.15.5",
+  "packageManager": "pnpm@9.15.6",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

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

@@ -25,6 +25,7 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
   `,
   drawer: css`
     z-index: 10;
+    height: 100%;
     background: ${token.colorBgLayout};
   `,
   header: css`
@@ -71,38 +72,36 @@ const PortalPanel = memo(({ children }: PropsWithChildren) => {
   };
 
   return (
-    showInspector && (
-      <DraggablePanel
-        className={styles.drawer}
-        classNames={{
-          content: styles.content,
+    <DraggablePanel
+      className={styles.drawer}
+      classNames={{
+        content: styles.content,
+      }}
+      defaultSize={{ width: tmpWidth }}
+      expand={showInspector}
+      hanlderStyle={{ display: 'none' }}
+      maxWidth={CHAT_PORTAL_MAX_WIDTH}
+      minWidth={
+        showArtifactUI || showToolUI || showThread ? CHAT_PORTAL_TOOL_UI_WIDTH : CHAT_PORTAL_WIDTH
+      }
+      mode={md ? 'fixed' : 'float'}
+      onSizeChange={handleSizeChange}
+      placement={'right'}
+      showHandlerWhenUnexpand={false}
+      showHandlerWideArea={false}
+      size={{ height: '100%', width: portalWidth }}
+    >
+      <DraggablePanelContainer
+        style={{
+          flex: 'none',
+          height: '100%',
+          maxHeight: '100vh',
+          minWidth: CHAT_PORTAL_WIDTH,
         }}
-        defaultSize={{ width: tmpWidth }}
-        expand
-        hanlderStyle={{ display: 'none' }}
-        maxWidth={CHAT_PORTAL_MAX_WIDTH}
-        minWidth={
-          showArtifactUI || showToolUI || showThread ? CHAT_PORTAL_TOOL_UI_WIDTH : CHAT_PORTAL_WIDTH
-        }
-        mode={md ? 'fixed' : 'float'}
-        onSizeChange={handleSizeChange}
-        placement={'right'}
-        showHandlerWhenUnexpand={false}
-        showHandlerWideArea={false}
-        size={{ height: '100%', width: portalWidth }}
       >
-        <DraggablePanelContainer
-          style={{
-            flex: 'none',
-            height: '100%',
-            maxHeight: '100vh',
-            minWidth: CHAT_PORTAL_WIDTH,
-          }}
-        >
-          <Flexbox className={cx(styles.panel, showThread && styles.thread)}>{children}</Flexbox>
-        </DraggablePanelContainer>
-      </DraggablePanel>
-    )
+        <Flexbox className={cx(styles.panel, showThread && styles.thread)}>{children}</Flexbox>
+      </DraggablePanelContainer>
+    </DraggablePanel>
   );
 });
 

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

@@ -49,31 +49,29 @@ const TopicPanel = memo(({ children }: PropsWithChildren) => {
   }, [lg, cacheExpand]);
 
   return (
-    !showPortal && (
-      <DraggablePanel
-        className={styles.drawer}
-        classNames={{
-          content: styles.content,
+    <DraggablePanel
+      className={styles.drawer}
+      classNames={{
+        content: styles.content,
+      }}
+      expand={showTopic && !showPortal}
+      minWidth={CHAT_SIDEBAR_WIDTH}
+      mode={md ? 'fixed' : 'float'}
+      onExpandChange={handleExpand}
+      placement={'right'}
+      showHandlerWideArea={false}
+    >
+      <DraggablePanelContainer
+        style={{
+          flex: 'none',
+          height: '100%',
+          maxHeight: '100vh',
+          minWidth: CHAT_SIDEBAR_WIDTH,
         }}
-        expand={showTopic}
-        minWidth={CHAT_SIDEBAR_WIDTH}
-        mode={md ? 'fixed' : 'float'}
-        onExpandChange={handleExpand}
-        placement={'right'}
-        showHandlerWideArea={false}
       >
-        <DraggablePanelContainer
-          style={{
-            flex: 'none',
-            height: '100%',
-            maxHeight: '100vh',
-            minWidth: CHAT_SIDEBAR_WIDTH,
-          }}
-        >
-          {children}
-        </DraggablePanelContainer>
-      </DraggablePanel>
-    )
+        {children}
+      </DraggablePanelContainer>
+    </DraggablePanel>
   );
 });
 

package/src/components/AnimatedCollapsed/index.tsx

@@ -0,0 +1,59 @@
+import { AnimatePresence, motion } from 'framer-motion';
+import { CSSProperties, ReactNode, memo } from 'react';
+
+interface AnimatedCollapsedProps {
+  children: ReactNode;
+  height?: {
+    collapsed?: string | number;
+    open?: string | number;
+  };
+  open: boolean;
+  style?: CSSProperties;
+  styles?: {
+    collapsed?: CSSProperties;
+    open?: CSSProperties;
+  };
+  width?: {
+    collapsed?: string | number;
+    open?: string | number;
+  };
+}
+
+const AnimatedCollapsed = memo<AnimatedCollapsedProps>(
+  ({ open, children, styles, style, width, height }) => {
+    return (
+      <AnimatePresence initial={false}>
+        {open && (
+          <motion.div
+            animate="open"
+            exit="collapsed"
+            initial="collapsed"
+            style={style}
+            transition={{
+              duration: 0.2,
+              ease: [0.4, 0, 0.2, 1], // 使用 ease-out 缓动函数
+            }}
+            variants={{
+              collapsed: {
+                ...(styles?.collapsed as any),
+                height: height?.collapsed ?? 0,
+                opacity: 0,
+                width: width?.collapsed ?? 0,
+              },
+              open: {
+                ...(styles?.open as any),
+                height: height?.open ?? 'auto',
+                opacity: 1,
+                width: width?.open ?? 'auto',
+              },
+            }}
+          >
+            {children}
+          </motion.div>
+        )}
+      </AnimatePresence>
+    );
+  },
+);
+
+export default AnimatedCollapsed;

package/src/config/aiModels/openai.ts

@@ -21,6 +21,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     id: 'o3-mini',
     maxOutput: 100_000,
     pricing: {
+      cachedInput: 0.55,
       input: 1.1,
       output: 4.4,
     },
@@ -39,6 +40,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     id: 'o1-mini',
     maxOutput: 65_536,
     pricing: {
+      cachedInput: 0.55,
       input: 1.1,
       output: 4.4,
     },
@@ -58,6 +60,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     id: 'o1',
     maxOutput: 100_000,
     pricing: {
+      cachedInput: 7.5,
       input: 15,
       output: 60,
     },
@@ -82,6 +85,26 @@ export const openaiChatModels: AIChatModelCard[] = [
     releasedAt: '2024-09-12',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 128_000,
+    description:
+      'GPT-4.5 的研究预览版，它是我们迄今为止最大、最强大的 GPT 模型。它拥有广泛的世界知识，并能更好地理解用户意图，使其在创造性任务和自主规划方面表现出色。GPT-4.5 可接受文本和图像输入，并生成文本输出（包括结构化输出）。支持关键的开发者功能，如函数调用、批量 API 和流式输出。在需要创造性、开放式思考和对话的任务（如写作、学习或探索新想法）中，GPT-4.5 表现尤为出色。知识截止日期为 2023 年 10 月。',
+    displayName: 'GPT-4.5 Preview',
+    enabled: true,
+    id: 'gpt-4.5-preview',
+    maxOutput: 16_384,
+    pricing: {
+      cachedInput: 37.5,
+      input: 75,
+      output: 150,
+    },
+    releasedAt: '2025-02-27',
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -93,8 +116,9 @@ export const openaiChatModels: AIChatModelCard[] = [
     displayName: 'GPT-4o mini',
     enabled: true,
     id: 'gpt-4o-mini',
-    maxOutput: 16_385,
+    maxOutput: 16_384,
     pricing: {
+      cachedInput: 0.075,
       input: 0.15,
       output: 0.6,
     },
@@ -110,7 +134,6 @@ export const openaiChatModels: AIChatModelCard[] = [
     description:
       'ChatGPT-4o 是一款动态模型，实时更新以保持当前最新版本。它结合了强大的语言理解与生成能力，适合于大规模应用场景，包括客户服务、教育和技术支持。',
     displayName: 'GPT-4o 1120',
-    enabled: true,
     id: 'gpt-4o-2024-11-20',
     pricing: {
       input: 2.5,
@@ -131,6 +154,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     enabled: true,
     id: 'gpt-4o',
     pricing: {
+      cachedInput: 1.25,
       input: 2.5,
       output: 10,
     },
@@ -350,7 +374,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     abilities: {
       functionCall: true,
     },
-    contextWindowTokens: 16_385,
+    contextWindowTokens: 16_384,
     description:
       'GPT 3.5 Turbo，适用于各种文本生成和理解任务，Currently points to gpt-3.5-turbo-0125',
     displayName: 'GPT-3.5 Turbo',
@@ -365,7 +389,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     abilities: {
       functionCall: true,
     },
-    contextWindowTokens: 16_385,
+    contextWindowTokens: 16_384,
     description:
       'GPT 3.5 Turbo，适用于各种文本生成和理解任务，Currently points to gpt-3.5-turbo-0125',
     displayName: 'GPT-3.5 Turbo 0125',
@@ -381,7 +405,7 @@ export const openaiChatModels: AIChatModelCard[] = [
     abilities: {
       functionCall: true,
     },
-    contextWindowTokens: 16_385,
+    contextWindowTokens: 16_384,
     description:
       'GPT 3.5 Turbo，适用于各种文本生成和理解任务，Currently points to gpt-3.5-turbo-0125',
     displayName: 'GPT-3.5 Turbo 1106',

package/src/database/server/models/__tests__/message.test.ts

@@ -1271,7 +1271,7 @@ describe('MessageModel', () => {
       const result = await messageModel.getHeatmaps();
 
       // 断言结果
-      expect(result.length).toBeGreaterThan(366);
+      expect(result.length).toBeGreaterThanOrEqual(366);
       expect(result.length).toBeLessThan(368);
 
       // 检查两天前的数据
@@ -1389,7 +1389,7 @@ describe('MessageModel', () => {
       const result = await messageModel.getHeatmaps();
 
       // 断言结果
-      expect(result.length).toBeGreaterThan(366);
+      expect(result.length).toBeGreaterThanOrEqual(366);
       expect(result.length).toBeLessThan(368);
 
       // 检查所有数据的 count 和 level 是否为 0

package/src/features/Conversation/Messages/Assistant/Tool/index.tsx

@@ -1,7 +1,8 @@
-import { AnimatePresence, motion } from 'framer-motion';
 import { CSSProperties, memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import AnimatedCollapsed from '@/components/AnimatedCollapsed';
+
 import Inspectors from './Inspector';
 import Render from './Render';
 
@@ -36,32 +37,16 @@ const Tool = memo<InspectorProps>(
           showPluginRender={showPluginRender}
           showRender={showRender}
         />
-        <AnimatePresence initial={false}>
-          {showRender && (
-            <motion.div
-              animate="open"
-              exit="collapsed"
-              initial="collapsed"
-              transition={{
-                duration: 0.1,
-                ease: [0.4, 0, 0.2, 1], // 使用 ease-out 缓动函数
-              }}
-              variants={{
-                collapsed: { height: 0, opacity: 0, width: 0 },
-                open: { height: 'auto', opacity: 1, width: 'auto' },
-              }}
-            >
-              <Render
-                messageId={messageId}
-                requestArgs={requestArgs}
-                setShowPluginRender={setShowPluginRender}
-                showPluginRender={showPluginRender}
-                toolCallId={id}
-                toolIndex={index}
-              />
-            </motion.div>
-          )}
-        </AnimatePresence>
+        <AnimatedCollapsed open={showRender}>
+          <Render
+            messageId={messageId}
+            requestArgs={requestArgs}
+            setShowPluginRender={setShowPluginRender}
+            showPluginRender={showPluginRender}
+            toolCallId={id}
+            toolIndex={index}
+          />
+        </AnimatedCollapsed>
       </Flexbox>
     );
   },

package/src/tools/web-browsing/Portal/ResultList/index.tsx

@@ -11,7 +11,7 @@ interface ResultListProps {
 
 const ResultList = memo<ResultListProps>(({ dataSources }) => {
   const itemContent = useCallback(
-    (index: number, result: SearchResult) => <Item {...result} highlight={index < 5} />,
+    (index: number, result: SearchResult) => <Item {...result} highlight={index < 15} />,
     [],
   );
 

package/src/tools/web-browsing/Portal/index.tsx

@@ -29,16 +29,17 @@ const Inspector = memo<InspectorUIProps<SearchArguments, SearchResponse>>(
     const defaultEngines = engines.length > 0 ? engines : args.searchEngine || [];
     const loading = useChatStore(chatToolSelectors.isSearXNGSearching(messageId));
 
-    return (
-      <Flexbox gap={12} height={'100%'}>
-        <SearchBar
-          aiSummary={false}
-          defaultEngines={defaultEngines}
-          defaultQuery={args.query}
-          messageId={messageId}
-          tooltip={false}
-        />
-        {loading ? (
+    if (loading) {
+      return (
+        <Flexbox gap={12} height={'100%'}>
+          <SearchBar
+            aiSummary={false}
+            defaultEngines={defaultEngines}
+            defaultQuery={args.query}
+            messageId={messageId}
+            tooltip={false}
+          />
+
           <Flexbox gap={16} paddingBlock={16} paddingInline={12}>
             {[1, 2, 3, 4, 6].map((id) => (
               <Skeleton
@@ -49,14 +50,25 @@ const Inspector = memo<InspectorUIProps<SearchArguments, SearchResponse>>(
               />
             ))}
           </Flexbox>
-        ) : (
-          <>
-            <Flexbox height={'100%'} width={'100%'}>
-              <ResultList dataSources={state.results} />
-            </Flexbox>
-            <Footer />
-          </>
-        )}
+        </Flexbox>
+      );
+    }
+
+    return (
+      <Flexbox gap={0} height={'100%'}>
+        <Flexbox gap={12} height={'100%'}>
+          <SearchBar
+            aiSummary={false}
+            defaultEngines={defaultEngines}
+            defaultQuery={args.query}
+            messageId={messageId}
+            tooltip={false}
+          />
+          <Flexbox height={'100%'} width={'100%'}>
+            <ResultList dataSources={state.results} />
+          </Flexbox>
+        </Flexbox>
+        <Footer />
       </Flexbox>
     );
   },

package/src/tools/web-browsing/Render/SearchResult/SearchResultItem.tsx

@@ -30,7 +30,7 @@ const useStyles = createStyles(({ css, token }) => ({
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 
-    color: ${token.colorTextSecondary};
+    color: ${token.colorText};
     text-overflow: ellipsis;
   `,
   url: css`