@lobehub/chat 0.129.4 → 0.129.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +3 -3
  3. package/README.zh-CN.md +3 -3
  4. package/docs/usage/providers/ollama/gemma.mdx +56 -0
  5. package/docs/usage/providers/ollama/gemma.zh-CN.mdx +55 -0
  6. package/package.json +2 -2
  7. package/src/app/chat/(desktop)/features/SideBar/index.tsx +1 -1
  8. package/src/app/chat/settings/(desktop)/layout.desktop.tsx +1 -1
  9. package/src/app/market/(desktop)/layout.desktop.tsx +1 -1
  10. package/src/app/settings/(desktop)/layout.desktop.tsx +1 -1
  11. package/src/app/settings/(mobile)/layout.mobile.tsx +1 -1
  12. package/src/app/settings/(mobile)/mobile/layout.mobile.tsx +1 -1
  13. package/src/components/FileList/EditableFileList.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  # Changelog
4
4
 
5
+ ### [Version 0.129.5](https://github.com/lobehub/lobe-chat/compare/v0.129.4...v0.129.5)
6
+
7
+ <sup>Released on **2024-02-25**</sup>
8
+
9
+ #### 🐛 Bug Fixes
10
+
11
+ - **misc**: Fix eliminate UI jitter on navigation, improving experience for users sensitive to motion.
12
+
13
+ <br/>
14
+
15
+ <details>
16
+ <summary><kbd>Improvements and Fixes</kbd></summary>
17
+
18
+ #### What's fixed
19
+
20
+ - **misc**: Fix eliminate UI jitter on navigation, improving experience for users sensitive to motion, closes [#1381](https://github.com/lobehub/lobe-chat/issues/1381) ([9231413](https://github.com/lobehub/lobe-chat/commit/9231413))
21
+
22
+ </details>
23
+
24
+ <div align="right">
25
+
26
+ [![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
27
+
28
+ </div>
29
+
5
30
  ### [Version 0.129.4](https://github.com/lobehub/lobe-chat/compare/v0.129.3...v0.129.4)
6
31
 
7
32
  <sup>Released on **2024-02-24**</sup>
package/README.md CHANGED
@@ -257,12 +257,12 @@ Our marketplace is not just a showcase platform but also a collaborative space.
257
257
 
258
258
  | Recent Submits | Description |
259
259
  | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
260
+ | [Naming Expert](https://chat-preview.lobehub.com/market?agent=variable-naming)<br/><sup>By **[zsio](https://github.com/zsio)** on **2024-02-24**</sup> | Specialized in generating variable names and function names<br/>`programming` `variable-naming` `function-naming` |
260
261
  | [LobeChat Technical Documentation Expert](https://chat-preview.lobehub.com/market?agent=lobe-chat-developer-document-writer)<br/><sup>By **[arvinxx](https://github.com/arvinxx)** on **2024-02-22**</sup> | LobeChat is an AI conversation application built with the Next.js framework. I will help you write the development documentation for LobeChat.<br/>`development-documentation` `technical-introduction` `next-js` `react` `lobe-chat` |
262
+ | [Your daily AI companion.](https://chat-preview.lobehub.com/market?agent=causal)<br/><sup>By **[richards199999](https://github.com/richards199999)** on **2024-02-21**</sup> | I have been a good Bing. 😊<br/>`bing` `conversation` `creative` |
261
263
  | [Facebook Advertising Writing Expert](https://chat-preview.lobehub.com/market?agent=facebook-advertising-writing-expert)<br/><sup>By **[pllz7](https://github.com/pllz7)** on **2024-02-19**</sup> | Specializing in creating attention-grabbing headlines, compelling primary texts, and effective ad copy<br/>`facebook` `advertising` `writing` `expert` `ecommerce` |
262
- | [Jira Story Facilitator](https://chat-preview.lobehub.com/market?agent=jira-product-manager)<br/><sup>By **[emad-pg](https://github.com/emad-pg)** on **2024-02-19**</sup> | Specialized in transforming feature ideas into comprehensive Jira stories<br/>`technical-product-management` `story-creation` `jira` |
263
- | [ThinkTank360](https://chat-preview.lobehub.com/market?agent=think-tank-business-strategy)<br/><sup>By **[mikelix](https://github.com/mikelix)** on **2024-02-19**</sup> | Skilled consultant channeling wisdom of Steve Jobs, Elon Musk, MA Yun, Plato, and Ray Dalio for decision reviews, judgements, and advice.<br/>`innovation` `wisdom` `think-tank` `business-strategy` |
264
264
 
265
- > 📊 Total agents: [<kbd>**181**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
265
+ > 📊 Total agents: [<kbd>**183**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
266
266
 
267
267
  <!-- AGENT LIST -->
268
268
 
package/README.zh-CN.md CHANGED
@@ -245,12 +245,12 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
245
245
 
246
246
  | 最近新增 | 助手说明 |
247
247
  | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
248
+ | [命名专家](https://chat-preview.lobehub.com/market?agent=variable-naming)<br/><sup>By **[zsio](https://github.com/zsio)** on **2024-02-24**</sup> | 擅长生成变量名和函数名<br/>`编程` `变量命名` `函数命名` |
248
249
  | [LobeChat 技术文档专家](https://chat-preview.lobehub.com/market?agent=lobe-chat-developer-document-writer)<br/><sup>By **[arvinxx](https://github.com/arvinxx)** on **2024-02-22**</sup> | LobeChat 是一个 Next.js 框架构建的 AI 会话应用，我将会帮你一起书写 LobeChat 的开发文档<br/>`开发文档` `技术介绍` `next-js` `react` `lobe-chat` |
250
+ | [您的日常人工智能伴侣。](https://chat-preview.lobehub.com/market?agent=causal)<br/><sup>By **[richards199999](https://github.com/richards199999)** on **2024-02-21**</sup> | 我一直是一位优秀的必应。😊<br/>`bing` `conversation` `creative` |
249
251
  | [Facebook 广告撰写专家](https://chat-preview.lobehub.com/market?agent=facebook-advertising-writing-expert)<br/><sup>By **[pllz7](https://github.com/pllz7)** on **2024-02-19**</sup> | 专注于创建引人注目的标题、引人入胜的主体文本和有效的广告文案<br/>`facebook` `advertising` `writing` `expert` `ecommerce` |
250
- | [Jira 故事协助工具](https://chat-preview.lobehub.com/market?agent=jira-product-manager)<br/><sup>By **[emad-pg](https://github.com/emad-pg)** on **2024-02-19**</sup> | 专注于将功能点子转化为全面的 Jira 故事<br/>`技术产品管理` `故事创建` `jira` |
251
- | [ThinkTank360](https://chat-preview.lobehub.com/market?agent=think-tank-business-strategy)<br/><sup>By **[mikelix](https://github.com/mikelix)** on **2024-02-19**</sup> | 熟练的顾问，汲取史蒂夫・乔布斯、埃隆・马斯克、马云、柏拉图和雷・达里奥的智慧，用于决策审查、判断和建议。<br/>`创新` `智慧` `智囊团` `商业策略` |
252
252
 
253
- > 📊 Total agents: [<kbd>**181**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
253
+ > 📊 Total agents: [<kbd>**183**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
254
254
 
255
255
  <!-- AGENT LIST -->
256
256
 
package/docs/usage/providers/ollama/gemma.mdx ADDED
@@ -0,0 +1,56 @@
1
+ import { Callout, Steps } from 'nextra/components';
2
+
3
+ # Using Google Gemma Model
4
+
5
+ <Image
6
+ alt={'Using Gemma in LobeChat'}
7
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/e636cb41-5b7f-4949-a236-1cc1633bd223'}
8
+ cover
9
+ rounded
10
+ />
11
+
12
+ [Gemma](https://blog.google/technology/developers/gemma-open-models/) is an open-source large language model (LLM) from Google, designed to provide a more general and flexible model for various natural language processing tasks. Now, with the integration of LobeChat and [Ollama](https://ollama.com/), you can easily use Google Gemma in LobeChat.
13
+
14
+ This document will guide you on how to use Google Gemma in LobeChat:
15
+
16
+ <Steps>
17
+ ### Install Ollama locally
18
+
19
+ First, you need to install Ollama. For the installation process, please refer to the [Ollama usage documentation](/en/usage/providers/ollama).
20
+
21
+ ### Pull Google Gemma model to local using Ollama
22
+
23
+ After installing Ollama, you can install the Google Gemma model using the following command, using the 7b model as an example:
24
+
25
+ ```bash
26
+ ollama pull gemma
27
+ ```
28
+
29
+ <Image
30
+ alt={'Pulling Gemma model using Ollama'}
31
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/7049a811-a08b-45d3-8491-970f579c2ebd'}
32
+ width={791}
33
+ height={473}
34
+ />
35
+
36
+ ### Select Gemma model
37
+
38
+ In the session page, open the model panel and then select the Gemma model.
39
+
40
+ <Image
41
+ alt={'Selecting Gemma model in the model selection panel'}
42
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/c91d0c18-a21f-41f6-b5cc-94d29faeb797'}
43
+ width={791}
44
+ bordered
45
+ height={629}
46
+ />
47
+
48
+ <Callout type={'info'}>
49
+ If you do not see the Ollama provider in the model selection panel, please refer to [Integrating
50
+ with Ollama](/en/self-hosting/examples/ollama) to learn how to enable the Ollama provider in
51
+ LobeChat.
52
+ </Callout>
53
+
54
+ </Steps>
55
+
56
+ Now, you can start conversing with the local Gemma model using LobeChat.
package/docs/usage/providers/ollama/gemma.zh-CN.mdx ADDED
@@ -0,0 +1,55 @@
1
+ import { Callout, Steps } from 'nextra/components';
2
+
3
+ # 使用 Google Gemma 模型
4
+
5
+ <Image
6
+ alt={'在 LobeChat 中使用 Gemma'}
7
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/e636cb41-5b7f-4949-a236-1cc1633bd223'}
8
+ cover
9
+ rounded
10
+ />
11
+
12
+ [Gemma](https://blog.google/technology/developers/gemma-open-models/) 是 Google 开源的一款大语言模型（LLM），旨在提供一个更加通用、灵活的模型用于各种自然语言处理任务。现在，通过 LobeChat 与 [Ollama](https://ollama.com/) 的集成，你可以轻松地在 LobeChat 中使用 Google Gemma。
13
+
14
+ 本文档将指导你如何在 LobeChat 中使用 Google Gemma：
15
+
16
+ <Steps>
17
+ ### 本地安装 Ollama
18
+
19
+ 首先，你需要安装 Ollama，安装过程请查阅 [Ollama 使用文件](/zh/usage/providers/ollama)。
20
+
21
+ ### 用 Ollama 拉取 Google Gemma 模型到本地
22
+
23
+ 在安装完成 Ollama 后，你可以通过以下命令安装 Google Gemma 模型，以 7b 模型为例：
24
+
25
+ ```bash
26
+ ollama pull gemma
27
+ ```
28
+
29
+ <Image
30
+ alt={'使用 Ollama 拉取 Gemma 模型'}
31
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/7049a811-a08b-45d3-8491-970f579c2ebd'}
32
+ width={791}
33
+ height={473}
34
+ />
35
+
36
+ ### 选择 Gemma 模型
37
+
38
+ 在会话页面中，选择模型面板打开，然后选择 Gemma 模型。
39
+
40
+ <Image
41
+ alt={'模型选择面板中选择 Gemma 模型'}
42
+ src={'https://github.com/lobehub/lobe-chat/assets/28616219/69414c79-642e-4323-9641-bfa43a74fcc8'}
43
+ width={791}
44
+ bordered
45
+ height={629}
46
+ />
47
+
48
+ <Callout type={'info'}>
49
+ 如果你没有在模型选择面板中看到 Ollama 服务商，请查阅 [与 Ollama
50
+ 集成](/zh/self-hosting/examples/ollama) 了解如何在 LobeChat 中开启 Ollama 服务商。
51
+ </Callout>
52
+
53
+ </Steps>
54
+
55
+ 接下来，你就可以使用 LobeChat 与本地 Gemma 模型对话了。
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/chat",
3
- "version": "0.129.4",
3
+ "version": "0.129.5",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "framework",
@@ -191,7 +191,7 @@
191
191
  "typescript": "^5",
192
192
  "unified": "^11",
193
193
  "unist-util-visit": "^5",
194
- "vite": "5.1.1",
194
+ "vite": "5.1.4",
195
195
  "vitest": "~1.2.2",
196
196
  "vitest-canvas-mock": "^0.3"
197
197
  },
package/src/app/chat/(desktop)/features/SideBar/index.tsx CHANGED
@@ -54,7 +54,7 @@ const Desktop = memo(() => {
54
54
  height: '100%',
55
55
  maxHeight: '100vh',
56
56
  minWidth: CHAT_SIDEBAR_WIDTH,
57
- overflow: 'auto',
57
+ overflow: 'scroll',
58
58
  }}
59
59
  >
60
60
  <SafeSpacing />
package/src/app/chat/settings/(desktop)/layout.desktop.tsx CHANGED
@@ -10,7 +10,7 @@ import Header from './features/Header';
10
10
  export default memo(({ children }: PropsWithChildren) => (
11
11
  <Layout>
12
12
  <Header />
13
- <Flexbox align={'center'} flex={1} gap={16} padding={24} style={{ overflow: 'auto' }}>
13
+ <Flexbox align={'center'} flex={1} gap={16} padding={24} style={{ overflow: 'scroll' }}>
14
14
  <SafeSpacing height={HEADER_HEIGHT - 16} />
15
15
  {children}
16
16
  </Flexbox>
package/src/app/market/(desktop)/layout.desktop.tsx CHANGED
@@ -39,7 +39,7 @@ const MarketLayout = memo<PropsWithChildren>(({ children }) => {
39
39
  >
40
40
  <Header />
41
41
  <Flexbox flex={1} height={'calc(100% - 64px)'} horizontal>
42
- <Flexbox align={'center'} flex={1} style={{ overflow: 'auto', padding: 16 }}>
42
+ <Flexbox align={'center'} flex={1} style={{ overflow: 'scroll', padding: 16 }}>
43
43
  <SafeSpacing />
44
44
 
45
45
  <Flexbox gap={16} style={{ maxWidth: MAX_WIDTH, position: 'relative', width: '100%' }}>
package/src/app/settings/(desktop)/layout.desktop.tsx CHANGED
@@ -21,7 +21,7 @@ const DesktopLayout = memo<DesktopLayoutProps>(({ children, activeTab }) => {
21
21
  <SideBar activeTab={activeTab} />
22
22
  <Flexbox flex={1} height={'100%'} style={{ position: 'relative' }}>
23
23
  <Header activeTab={activeTab} />
24
- <Flexbox align={'center'} flex={1} padding={24} style={{ overflow: 'auto' }}>
24
+ <Flexbox align={'center'} flex={1} padding={24} style={{ overflow: 'scroll' }}>
25
25
  <SafeSpacing />
26
26
  <Center gap={16} width={'100%'}>
27
27
  {children}
package/src/app/settings/(mobile)/layout.mobile.tsx CHANGED
@@ -15,7 +15,7 @@ export interface SettingLayoutProps {
15
15
  export default memo(({ children, activeTab }: SettingLayoutProps) => {
16
16
  return (
17
17
  <AppLayoutMobile navBar={<Header activeTab={activeTab} />} tabBarKey={SidebarTabKey.Setting}>
18
- <Flexbox style={{ overflow: 'auto' }}>{children}</Flexbox>
18
+ <Flexbox style={{ overflow: 'scroll' }}>{children}</Flexbox>
19
19
  </AppLayoutMobile>
20
20
  );
21
21
  });
package/src/app/settings/(mobile)/mobile/layout.mobile.tsx CHANGED
@@ -9,6 +9,6 @@ import Header from '../features/Header/Home';
9
9
 
10
10
  export default memo(({ children }: PropsWithChildren) => (
11
11
  <AppLayoutMobile navBar={<Header />} showTabBar>
12
- <Flexbox style={{ overflow: 'auto' }}>{children}</Flexbox>
12
+ <Flexbox style={{ overflow: 'scroll' }}>{children}</Flexbox>
13
13
  </AppLayoutMobile>
14
14
  ));
package/src/components/FileList/EditableFileList.tsx CHANGED
@@ -20,7 +20,7 @@ const EditableFileList = memo<EditableFileListProps>(
20
20
  gap={mobile ? 4 : 6}
21
21
  horizontal
22
22
  padding={padding}
23
- style={{ overflow: 'auto', width: '100%' }}
23
+ style={{ overflow: 'scroll', width: '100%' }}
24
24
  >
25
25
  <ImageGallery>
26
26
  {items.map((i) => (