@lobehub/chat 0.10.0 → 0.10.2

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.10.2](https://github.com/lobehub/lobe-chat/compare/v0.10.1...v0.10.2)
+
+<sup>Released on **2023-07-23**</sup>
+
+#### 💄 Styles
+
+- **misc**: 优化模型在 list 中的展示逻辑.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: 优化模型在 list 中的展示逻辑 ([4bdf3c5](https://github.com/lobehub/lobe-chat/commit/4bdf3c5))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.10.1](https://github.com/lobehub/lobe-chat/compare/v0.10.0...v0.10.1)
+
+<sup>Released on **2023-07-22**</sup>
+
+#### 💄 Styles
+
+- **misc**: 修正对话中用户头像的问题.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: 修正对话中用户头像的问题 ([560c8bb](https://github.com/lobehub/lobe-chat/commit/560c8bb))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.10.0](https://github.com/lobehub/lobe-chat/compare/v0.9.0...v0.10.0)
 
 <sup>Released on **2023-07-22**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Lobe Chat is an open-source chatbot client using LangChain, Typescript and Next.js",
   "keywords": [
     "chatbot",

package/src/pages/chat/SessionList/List/SessionItem.tsx

@@ -6,8 +6,9 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 import { shallow } from 'zustand/shallow';
 
-import { sessionSelectors, useSessionStore } from '@/store/session';
+import { chatSelectors, sessionSelectors, useSessionStore } from '@/store/session';
 import { DEFAULT_TITLE } from '@/store/session/slices/agentConfig';
+import { useSettings } from '@/store/settings';
 
 import { useStyles } from './style';
 
@@ -22,22 +23,37 @@ interface SessionItemProps {
 const SessionItem: FC<SessionItemProps> = memo(({ id, active = true, loading }) => {
   const { t } = useTranslation('common');
   const { styles, theme, cx } = useStyles();
-  const [title, description, systemRole, avatar, avatarBackground, updateAt, model, removeSession] =
-    useSessionStore((s) => {
-      const session = sessionSelectors.getSessionById(id)(s);
-      const meta = session.meta;
-      const systemRole = session.config.systemRole;
-      return [
-        meta.title,
-        meta.description,
-        systemRole,
-        sessionSelectors.getAgentAvatar(meta),
-        meta.backgroundColor,
-        session?.updateAt,
-        session.config.model,
-        s.removeSession,
-      ];
-    }, shallow);
+  const [defaultModel] = useSettings((s) => [s.settings.model], shallow);
+
+  const [
+    title,
+    description,
+    systemRole,
+    avatar,
+    avatarBackground,
+    updateAt,
+    model,
+    chatLength,
+    removeSession,
+  ] = useSessionStore((s) => {
+    const session = sessionSelectors.getSessionById(id)(s);
+    const meta = session.meta;
+    const systemRole = session.config.systemRole;
+    return [
+      meta.title,
+      meta.description,
+      systemRole,
+      sessionSelectors.getAgentAvatar(meta),
+      meta.backgroundColor,
+      session?.updateAt,
+      session.config.model,
+      chatSelectors.currentChats(s).length,
+      s.removeSession,
+    ];
+  }, shallow);
+
+  const showModel = model !== defaultModel;
+  const showChatLength = chatLength > 0;
 
   return (
     <Flexbox className={styles.container} style={{ position: 'relative' }}>
@@ -57,9 +73,25 @@ const SessionItem: FC<SessionItemProps> = memo(({ id, active = true, loading })
         description={
           <Flexbox gap={4}>
             <Flexbox>{description || systemRole}</Flexbox>
-            <Flexbox horizontal>
-              <Tag bordered={false}>{model}</Tag>
-            </Flexbox>
+
+            {!(showModel || showChatLength) ? undefined : (
+              <Flexbox horizontal>
+                {showModel && (
+                  <Tag bordered={false} style={{ color: theme.colorTextSecondary }}>
+                    {model}
+                  </Tag>
+                )}
+                {/*{showChatLength && (*/}
+                {/*  <Tag*/}
+                {/*    bordered={false}*/}
+                {/*    style={{ color: theme.colorTextSecondary, display: 'flex', gap: 4 }}*/}
+                {/*  >*/}
+                {/*    <Icon icon={LucideMessageCircle} />*/}
+                {/*    {chatLength}*/}
+                {/*  </Tag>*/}
+                {/*)}*/}
+              </Flexbox>
+            )}
           </Flexbox>
         }
         loading={loading}

package/src/store/session/slices/chat/selectors/chat.ts

@@ -1,7 +1,9 @@
 import { agentSelectors } from '@/store/session';
+import { useSettings } from '@/store/settings';
 import { ChatMessage } from '@/types/chatMessage';
 
 import type { SessionStore } from '../../../store';
+import { DEFAULT_AVATAR } from '../../agentConfig';
 import { sessionSelectors } from '../../session';
 
 // 展示在聊天框中的消息
@@ -24,6 +26,10 @@ export const currentChats = (s: SessionStore): ChatMessage[] => {
                 avatar: agentSelectors.currentAgentAvatar(s),
                 title: session.meta.title,
               }
+            : m.role === 'user'
+            ? {
+                avatar: useSettings.getState().settings.avatar || DEFAULT_AVATAR,
+              }
             : m.meta,
       };
     });