@lobehub/chat 0.19.0 → 0.21.0

package/src/store/session/slices/session/reducers/session.ts

@@ -3,6 +3,7 @@ import { produce } from 'immer';
 import { ChatMessageMap } from '@/types/chatMessage';
 import { MetaData } from '@/types/meta';
 import { LobeAgentConfig, LobeAgentSession, LobeSessions } from '@/types/session';
+import { ChatTopicMap } from '@/types/topic';
 
 /**
  * @title 添加会话
@@ -37,6 +38,19 @@ interface UpdateSessionChat {
   type: 'updateSessionChat';
 }
 
+/**
+ * @title 更新会话聊天上下文
+ */
+interface UpdateSessionTopic {
+  /**
+   * 会话 ID
+   */
+  id: string;
+  topics: ChatTopicMap;
+
+  type: 'updateSessionTopic';
+}
+
 interface UpdateSessionMeta {
   id: string;
   key: keyof MetaData;
@@ -55,7 +69,8 @@ export type SessionDispatch =
   | UpdateSessionChat
   | RemoveSession
   | UpdateSessionMeta
-  | UpdateSessionAgentConfig;
+  | UpdateSessionAgentConfig
+  | UpdateSessionTopic;
 
 export const sessionsReducer = (state: LobeSessions, payload: SessionDispatch): LobeSessions => {
   switch (payload.type) {
@@ -96,6 +111,15 @@ export const sessionsReducer = (state: LobeSessions, payload: SessionDispatch):
       });
     }
 
+    case 'updateSessionTopic': {
+      return produce(state, (draft) => {
+        const chat = draft[payload.id];
+        if (!chat) return;
+
+        chat.topics = payload.topics;
+      });
+    }
+
     case 'updateSessionConfig': {
       return produce(state, (draft) => {
         const { id, config } = payload;

package/src/types/topic.ts

@@ -1,7 +1,6 @@
 import { BaseDataModel } from '@/types/meta';
 
 export interface ChatTopic extends Omit<BaseDataModel, 'meta'> {
-  chats: string[];
   favorite?: boolean;
   title: string;
 }

package/src/pages/chat/[id]/Config/ConfigCell.tsx

@@ -1,68 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { LucideChevronRight, LucideIcon } from 'lucide-react';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-const useStyles = createStyles(({ css, token }) => ({
-  container: css`
-    background: ${token.colorFillQuaternary};
-    border-radius: 6px;
-  `,
-  split: css`
-    border-bottom: 1px solid ${token.colorSplit};
-  `,
-}));
-export interface ConfigItem {
-  icon: LucideIcon;
-  label: string;
-  value?: string | number;
-}
-
-export type ConfigCellProps = ConfigItem;
-
-export const ConfigCell = memo<ConfigCellProps>(({ icon, label, value }) => {
-  const { styles } = useStyles();
-  return (
-    <Flexbox
-      className={styles.container}
-      distribution={'space-between'}
-      horizontal
-      padding={'10px 12px'}
-    >
-      <Flexbox gap={8} horizontal>
-        <Icon icon={icon} />
-        <Flexbox>{label}</Flexbox>
-      </Flexbox>
-      {value ?? <Icon icon={LucideChevronRight} />}
-    </Flexbox>
-  );
-});
-
-export interface CellGroupProps {
-  items: ConfigItem[];
-}
-
-export const ConfigCellGroup = memo<CellGroupProps>(({ items }) => {
-  const { styles } = useStyles();
-
-  return (
-    <Flexbox className={styles.container}>
-      {items.map(({ label, icon, value }, index) => (
-        <Flexbox
-          className={items.length === index + 1 ? undefined : styles.split}
-          distribution={'space-between'}
-          horizontal
-          key={label}
-          padding={'10px 12px'}
-        >
-          <Flexbox gap={8} horizontal>
-            <Icon icon={icon} />
-            <Flexbox>{label}</Flexbox>
-          </Flexbox>
-          {value ?? <Icon icon={LucideChevronRight} />}
-        </Flexbox>
-      ))}
-    </Flexbox>
-  );
-});