@lobehub/chat 1.2.2 → 1.2.3

package/src/database/client/models/message.ts

@@ -55,7 +55,7 @@ class _MessageModel extends BaseModel {
     const finalList: ChatMessage[] = [];
 
     const addItem = (item: ChatMessage) => {
-      const isExist = finalList.findIndex((i) => item.id === i.id) > -1;
+      const isExist = finalList.some((i) => item.id === i.id);
       if (!isExist) {
         finalList.push(item);
       }

package/src/features/AgentSetting/AgentPlugin/LoadingList.tsx

@@ -4,7 +4,7 @@ import { createStyles } from 'antd-style';
 const useStyles = createStyles(({ css, prefixCls }) => ({
   avatar: css`
     .${prefixCls}-skeleton-header {
-      padding-right: 0;
+      padding-inline-end: 0;
     }
   `,
   label: css`

package/src/features/AgentSetting/AgentPlugin/index.tsx

@@ -66,7 +66,7 @@ const AgentPlugin = memo(() => {
 
   // 检查出不在 installedPlugins 中的插件
   const deprecatedList = userEnabledPlugins
-    .filter((pluginId) => installedPlugins.findIndex((p) => p.identifier === pluginId) < 0)
+    .filter((pluginId) => !installedPlugins.some((p) => p.identifier === pluginId))
     .map((id) => ({
       avatar: <Avatar avatar={'♻️'} />,
       children: (

package/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx

@@ -11,15 +11,15 @@ import { ErrorActionContainer } from '@/features/Conversation/Error/style';
 
 const useStyles = createStyles(({ css, prefixCls, token }) => ({
   steps: css`
-    margin-top: 32px;
+    margin-block-start: 32px;
     &.${prefixCls}-steps-small .${prefixCls}-steps-item-title {
-      margin-bottom: 16px;
+      margin-block-end: 16px;
       font-size: 16px;
       font-weight: bold;
     }
 
     .${prefixCls}-steps-item-description {
-      margin-bottom: 24px;
+      margin-block-end: 24px;
     }
 
     .${prefixCls}-steps-icon {

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

@@ -47,11 +47,11 @@ const Inspector = memo<InspectorProps>(
     identifier = 'unknown',
     id,
   }) => {
-    const { t } = useTranslation('plugin');
+    const { t } = useTranslation(['plugin', 'portal']);
     const { styles } = useStyles();
     const [open, setOpen] = useState(false);
     const [isMessageToolUIOpen, openToolUI, toggleInspector] = useChatStore((s) => [
-      chatPortalSelectors.isMessageToolUIOpen(id)(s),
+      chatPortalSelectors.isArtifactMessageUIOpen(id)(s),
       s.openToolUI,
       s.toggleDock,
     ]);
@@ -105,7 +105,7 @@ const Inspector = memo<InspectorProps>(
           </Flexbox>
 
           <Flexbox horizontal>
-            {showRightAction && false && (
+            {showRightAction && (
               <ActionIcon
                 icon={InspectionPanel}
                 onClick={() => {
@@ -115,7 +115,7 @@ const Inspector = memo<InspectorProps>(
                   }
                 }}
                 size={DESKTOP_HEADER_ICON_SIZE}
-                title={'inspector'}
+                title={t('title', { ns: 'portal' })}
               />
             )}
             <ActionIcon

package/src/features/Conversation/Messages/Tool/Inspector/style.ts

@@ -5,7 +5,8 @@ export const useStyles = createStyles(({ css, token }) => ({
     cursor: pointer;
 
     width: fit-content;
-    padding: 6px 8px;
+    padding-block: 6px;
+    padding-inline: 8px;
     padding-inline-end: 12px;
 
     color: ${token.colorText};

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

@@ -17,7 +17,7 @@ import Inspector from './Inspector';
 export const ToolMessage = memo<ChatMessage>(({ id, content, pluginState, plugin }) => {
   const [loading, isMessageToolUIOpen] = useChatStore((s) => [
     chatSelectors.isPluginApiInvoking(id)(s),
-    chatPortalSelectors.isMessageToolUIOpen(id)(s),
+    chatPortalSelectors.isArtifactMessageUIOpen(id)(s),
   ]);
   const { direction } = useContext(ConfigProvider.ConfigContext);
   const { t } = useTranslation('plugin');

package/src/features/Conversation/components/BackBottom/style.ts

@@ -9,8 +9,8 @@ export const useStyles = createStyles(({ token, css, stylish, cx, responsive })
 
       position: absolute;
       z-index: 1000;
-      right: 16px;
-      bottom: 16px;
+      inset-block-end: 16px;
+      inset-inline-end: 16px;
       transform: translateY(16px);
 
       padding-inline: 12px !important;
@@ -21,10 +21,10 @@ export const useStyles = createStyles(({ token, css, stylish, cx, responsive })
       border-radius: 16px !important;
 
       ${responsive.mobile} {
-        right: 0;
-        border-right: none;
-        border-top-right-radius: 0 !important;
-        border-bottom-right-radius: 0 !important;
+        inset-inline-end: 0;
+        border-inline-end: none;
+        border-start-end-radius: 0 !important;
+        border-end-end-radius: 0 !important;
       }
     `,
   ),

package/src/features/Conversation/components/InboxWelcome/QuestionSuggest.tsx

@@ -17,7 +17,8 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
   card: css`
     cursor: pointer;
 
-    padding: 12px 24px;
+    padding-block: 12px;
+    padding-inline: 24px;
 
     color: ${token.colorText};
 
@@ -29,7 +30,8 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
     }
 
     ${responsive.mobile} {
-      padding: 8px 16px;
+      padding-block: 8px;
+      padding-inline: 16px;
     }
   `,
   icon: css`

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

@@ -23,13 +23,11 @@ const useStyles = createStyles(({ css, responsive }) => ({
     font-size: 14px;
     text-align: center;
     ${responsive.mobile} {
-      text-align: left;
+      text-align: start;
     }
   `,
   title: css`
-    margin-top: 0.2em;
-    margin-bottom: 0;
-
+    margin-block: 0.2em 0;
     font-size: 32px;
     font-weight: bolder;
     line-height: 1;
@@ -56,12 +54,12 @@ const InboxWelcome = memo(() => {
         <Markdown className={styles.desc} variant={'chat'}>
           {t('guide.defaultMessage')}
         </Markdown>
-        {
-          showWelcomeSuggest && <>
+        {showWelcomeSuggest && (
+          <>
             <AgentsSuggest mobile={mobile} />
             <QuestionSuggest mobile={mobile} />
           </>
-        }
+        )}
       </Flexbox>
     </Center>
   );

package/src/features/PluginsUI/Render/Loading.tsx

@@ -20,8 +20,8 @@ const useStyles = createStyles(
       content: '';
 
       position: absolute;
-      top: 0;
-      left: 0;
+      inset-block-start: 0;
+      inset-inline-start: 0;
 
       box-sizing: border-box;
       width: 40%;
@@ -34,12 +34,12 @@ const useStyles = createStyles(
 
     @keyframes animloader {
       0% {
-        left: 0;
+        inset-inline-start: 0;
         transform: translateX(-100%);
       }
 
       100% {
-        left: 100%;
+        inset-inline-start: 100%;
         transform: translateX(0%);
       }
     }

package/src/features/User/DataStatistics.tsx

@@ -17,7 +17,8 @@ import { useServerConfigStore } from '@/store/serverConfig';
 
 const useStyles = createStyles(({ css, token }) => ({
   card: css`
-    padding: 6px 8px;
+    padding-block: 6px;
+    padding-inline: 8px;
     background: ${token.colorFillTertiary};
     border-radius: ${token.borderRadius}px;
   `,

package/src/features/User/UserPanel/index.tsx

@@ -10,8 +10,8 @@ import { useNewVersion } from './useNewVersion';
 
 const useStyles = createStyles(({ css }) => ({
   popover: css`
-    top: 8px !important;
-    left: 8px !important;
+    inset-block-start: 8px !important;
+    inset-inline-start: 8px !important;
   `,
 }));
 

package/src/locales/default/plugin.ts

@@ -140,7 +140,7 @@ export default {
     modalDesc: '配置插件市场的地址后，可以使用自定义的插件市场',
     title: '设置插件市场',
   },
-  showInPortal: '请在扩展窗中查看详情',
+  showInPortal: '请在工作区中查看详情',
   store: {
     actions: {
       confirmUninstall: '即将卸载该插件，卸载后将清除该插件配置，请确认你的操作',

package/src/locales/default/portal.ts

@@ -1,4 +1,10 @@
 export default {
-  aiSummary: '让助手总结',
-  title: '扩展窗',
+  Artifacts: 'Artifacts',
+  actions: {
+    genAiMessage: '创建助手消息',
+    summary: '总结',
+    summaryTooltip: '总结当前内容',
+  },
+  emptyArtifactList: '当前 Artifacts 列表为空，请在会话中按需使用插件后再查看',
+  title: '工作区',
 };

package/src/store/chat/slices/message/action.ts

@@ -640,7 +640,7 @@ export const chatMessage: StateCreator<
 
     const { internal_coreProcessMessage } = get();
 
-    const latestMsg = contextMessages.filter((s) => s.role === 'user').at(-1);
+    const latestMsg = contextMessages.findLast((s) => s.role === 'user');
 
     if (!latestMsg) return;
 

package/src/store/chat/slices/plugin/action.ts

@@ -12,7 +12,7 @@ import { CreateMessageParams, messageService } from '@/services/message';
 import { ChatStore } from '@/store/chat/store';
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
-import { ChatToolPayload, MessageToolCall } from '@/types/message';
+import { ChatMessage, ChatToolPayload, MessageToolCall } from '@/types/message';
 import { merge } from '@/utils/merge';
 import { safeParseJSON } from '@/utils/safeParseJSON';
 import { setNamespace } from '@/utils/storeDebug';
@@ -37,6 +37,7 @@ export interface ChatPluginAction {
 
   reInvokeToolMessage: (id: string) => Promise<void>;
   triggerAIMessage: (params: { parentId?: string; traceId?: string }) => Promise<void>;
+  summaryPluginContent: (id: string) => Promise<void>;
 
   triggerToolCalls: (id: string) => Promise<void>;
   updatePluginState: (id: string, value: any) => Promise<void>;
@@ -167,6 +168,29 @@ export const chatPlugin: StateCreator<
     const chats = chatSelectors.currentChats(get());
     await internal_coreProcessMessage(chats, parentId ?? chats.at(-1)!.id, { traceId });
   },
+
+  summaryPluginContent: async (id) => {
+    const message = chatSelectors.getMessageById(id)(get());
+    if (!message || message.role !== 'tool') return;
+
+    await get().internal_coreProcessMessage(
+      [
+        {
+          role: 'assistant',
+          content: '作为一名总结专家，请结合以上系统提示词，将以下内容进行总结：',
+        },
+        {
+          ...message,
+          content: message.content,
+          role: 'assistant',
+          name: undefined,
+          tool_call_id: undefined,
+        },
+      ] as ChatMessage[],
+      message.id,
+    );
+  },
+
   triggerToolCalls: async (assistantId) => {
     const message = chatSelectors.getMessageById(assistantId)(get());
     if (!message || !message.tools) return;

package/src/store/chat/slices/portal/action.test.ts

@@ -14,7 +14,7 @@ describe('chatDockSlice', () => {
         result.current.openToolUI('test-id', 'test-identifier');
       });
 
-      expect(result.current.dockToolMessage).toEqual({
+      expect(result.current.portalToolMessage).toEqual({
         id: 'test-id',
         identifier: 'test-identifier',
       });
@@ -23,7 +23,7 @@ describe('chatDockSlice', () => {
         result.current.closeToolUI();
       });
 
-      expect(result.current.dockToolMessage).toBeUndefined();
+      expect(result.current.portalToolMessage).toBeUndefined();
     });
   });
 
@@ -31,17 +31,17 @@ describe('chatDockSlice', () => {
     it('should set dockToolMessage and open dock if it is closed', () => {
       const { result } = renderHook(() => useChatStore());
 
-      expect(result.current.showDock).toBe(false);
+      expect(result.current.showPortal).toBe(false);
 
       act(() => {
         result.current.openToolUI('test-id', 'test-identifier');
       });
 
-      expect(result.current.dockToolMessage).toEqual({
+      expect(result.current.portalToolMessage).toEqual({
         id: 'test-id',
         identifier: 'test-identifier',
       });
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
     });
 
     it('should not change dock state if it is already open', () => {
@@ -51,17 +51,17 @@ describe('chatDockSlice', () => {
         result.current.toggleDock(true);
       });
 
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
 
       act(() => {
         result.current.openToolUI('test-id', 'test-identifier');
       });
 
-      expect(result.current.dockToolMessage).toEqual({
+      expect(result.current.portalToolMessage).toEqual({
         id: 'test-id',
         identifier: 'test-identifier',
       });
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
     });
   });
 
@@ -69,19 +69,19 @@ describe('chatDockSlice', () => {
     it('should toggle dock state when no argument is provided', () => {
       const { result } = renderHook(() => useChatStore());
 
-      expect(result.current.showDock).toBe(false);
+      expect(result.current.showPortal).toBe(false);
 
       act(() => {
         result.current.toggleDock();
       });
 
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
 
       act(() => {
         result.current.toggleDock();
       });
 
-      expect(result.current.showDock).toBe(false);
+      expect(result.current.showPortal).toBe(false);
     });
 
     it('should set dock state to the provided value', () => {
@@ -91,19 +91,19 @@ describe('chatDockSlice', () => {
         result.current.toggleDock(true);
       });
 
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
 
       act(() => {
         result.current.toggleDock(false);
       });
 
-      expect(result.current.showDock).toBe(false);
+      expect(result.current.showPortal).toBe(false);
 
       act(() => {
         result.current.toggleDock(true);
       });
 
-      expect(result.current.showDock).toBe(true);
+      expect(result.current.showPortal).toBe(true);
     });
   });
 });

package/src/store/chat/slices/portal/action.ts

@@ -15,17 +15,17 @@ export const chatPortalSlice: StateCreator<
   ChatPortalAction
 > = (set, get) => ({
   closeToolUI: () => {
-    set({ dockToolMessage: undefined }, false, 'openToolUI');
+    set({ portalToolMessage: undefined }, false, 'openToolUI');
   },
   openToolUI: (id, identifier) => {
-    if (!get().showDock) {
+    if (!get().showPortal) {
       get().toggleDock(true);
     }
 
-    set({ dockToolMessage: { id, identifier } }, false, 'openToolUI');
+    set({ portalToolMessage: { id, identifier } }, false, 'openToolUI');
   },
   toggleDock: (open) => {
-    const showInspector = open === undefined ? !get().showDock : open;
-    set({ showDock: showInspector }, false, 'toggleInspector');
+    const showInspector = open === undefined ? !get().showPortal : open;
+    set({ showPortal: showInspector }, false, 'toggleInspector');
   },
 });

package/src/store/chat/slices/portal/initialState.ts

@@ -1,8 +1,8 @@
 export interface ChatPortalState {
-  dockToolMessage?: { id: string; identifier: string };
-  showDock: boolean;
+  portalToolMessage?: { id: string; identifier: string };
+  showPortal: boolean;
 }
 
 export const initialChatPortalState: ChatPortalState = {
-  showDock: false,
+  showPortal: false,
 };

package/src/store/chat/slices/portal/selectors.test.ts

@@ -7,56 +7,56 @@ import { chatPortalSelectors } from './selectors';
 describe('chatDockSelectors', () => {
   const createState = (overrides?: Partial<ChatStoreState>) =>
     ({
-      showDock: false,
-      dockToolMessage: undefined,
+      showPortal: false,
+      portalToolMessage: undefined,
       ...overrides,
     }) as ChatStoreState;
 
   describe('showDock', () => {
     it('should return the showDock state', () => {
-      expect(chatPortalSelectors.showDock(createState({ showDock: true }))).toBe(true);
-      expect(chatPortalSelectors.showDock(createState({ showDock: false }))).toBe(false);
+      expect(chatPortalSelectors.showPortal(createState({ showPortal: true }))).toBe(true);
+      expect(chatPortalSelectors.showPortal(createState({ showPortal: false }))).toBe(false);
     });
   });
 
   describe('toolUIMessageId', () => {
     it('should return undefined when dockToolMessage is not set', () => {
-      expect(chatPortalSelectors.toolUIMessageId(createState())).toBeUndefined();
+      expect(chatPortalSelectors.artifactMessageId(createState())).toBeUndefined();
     });
 
     it('should return the id when dockToolMessage is set', () => {
-      const state = createState({ dockToolMessage: { id: 'test-id', identifier: 'test' } });
-      expect(chatPortalSelectors.toolUIMessageId(state)).toBe('test-id');
+      const state = createState({ portalToolMessage: { id: 'test-id', identifier: 'test' } });
+      expect(chatPortalSelectors.artifactMessageId(state)).toBe('test-id');
     });
   });
 
   describe('isMessageToolUIOpen', () => {
     it('should return false when id does not match or showDock is false', () => {
       const state = createState({
-        dockToolMessage: { id: 'test-id', identifier: 'test' },
-        showDock: false,
+        portalToolMessage: { id: 'test-id', identifier: 'test' },
+        showPortal: false,
       });
-      expect(chatPortalSelectors.isMessageToolUIOpen('test-id')(state)).toBe(false);
-      expect(chatPortalSelectors.isMessageToolUIOpen('other-id')(state)).toBe(false);
+      expect(chatPortalSelectors.isArtifactMessageUIOpen('test-id')(state)).toBe(false);
+      expect(chatPortalSelectors.isArtifactMessageUIOpen('other-id')(state)).toBe(false);
     });
 
     it('should return true when id matches and showDock is true', () => {
       const state = createState({
-        dockToolMessage: { id: 'test-id', identifier: 'test' },
-        showDock: true,
+        portalToolMessage: { id: 'test-id', identifier: 'test' },
+        showPortal: true,
       });
-      expect(chatPortalSelectors.isMessageToolUIOpen('test-id')(state)).toBe(true);
+      expect(chatPortalSelectors.isArtifactMessageUIOpen('test-id')(state)).toBe(true);
     });
   });
 
   describe('showToolUI', () => {
     it('should return false when dockToolMessage is not set', () => {
-      expect(chatPortalSelectors.showToolUI(createState())).toBe(false);
+      expect(chatPortalSelectors.showArtifactUI(createState())).toBe(false);
     });
 
     it('should return true when dockToolMessage is set', () => {
-      const state = createState({ dockToolMessage: { id: 'test-id', identifier: 'test' } });
-      expect(chatPortalSelectors.showToolUI(state)).toBe(true);
+      const state = createState({ portalToolMessage: { id: 'test-id', identifier: 'test' } });
+      expect(chatPortalSelectors.showArtifactUI(state)).toBe(true);
     });
   });
 
@@ -66,7 +66,7 @@ describe('chatDockSelectors', () => {
     });
 
     it('should return the identifier when dockToolMessage is set', () => {
-      const state = createState({ dockToolMessage: { id: 'test-id', identifier: 'test' } });
+      const state = createState({ portalToolMessage: { id: 'test-id', identifier: 'test' } });
       expect(chatPortalSelectors.toolUIIdentifier(state)).toBe('test');
     });
   });

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

@@ -1,15 +1,15 @@
 import type { ChatStoreState } from '@/store/chat';
 
-const toolUIMessageId = (s: ChatStoreState) => s.dockToolMessage?.id;
-const showDock = (s: ChatStoreState) => s.showDock;
+const artifactMessageId = (s: ChatStoreState) => s.portalToolMessage?.id;
+const showPortal = (s: ChatStoreState) => s.showPortal;
 
-const isMessageToolUIOpen = (id: string) => (s: ChatStoreState) =>
-  toolUIMessageId(s) === id && showDock(s);
+const isArtifactMessageUIOpen = (id: string) => (s: ChatStoreState) =>
+  artifactMessageId(s) === id && showPortal(s);
 
 export const chatPortalSelectors = {
-  isMessageToolUIOpen,
-  showDock,
-  showToolUI: (state: ChatStoreState) => !!state.dockToolMessage,
-  toolUIIdentifier: (state: ChatStoreState) => state.dockToolMessage?.identifier,
-  toolUIMessageId,
+  artifactMessageId,
+  isArtifactMessageUIOpen,
+  showArtifactUI: (state: ChatStoreState) => !!state.portalToolMessage,
+  showPortal,
+  toolUIIdentifier: (state: ChatStoreState) => state.portalToolMessage?.identifier,
 };

package/src/tools/dalle/Render/Item/index.tsx

@@ -18,8 +18,8 @@ const useStyles = createStyles(({ css, token, prefixCls }) => ({
   action: css`
     position: absolute;
     z-index: 100;
-    top: 4px;
-    right: 4px;
+    inset-block-start: 4px;
+    inset-inline-end: 4px;
   `,
   container: css`
     overflow: scroll;

package/src/app/(main)/chat/(workspace)/@portal/features/Tools/ToolList/index.tsx

@@ -1,39 +0,0 @@
-import { Skeleton } from 'antd';
-import isEqual from 'fast-deep-equal';
-import { Flexbox } from 'react-layout-kit';
-
-import { useChatStore } from '@/store/chat';
-import { chatSelectors } from '@/store/chat/selectors';
-
-import ToolItem from './Item';
-
-const ToolList = () => {
-  const messages = useChatStore(chatSelectors.currentToolMessages, isEqual);
-  const isCurrentChatLoaded = useChatStore(chatSelectors.isCurrentChatLoaded);
-
-  return !isCurrentChatLoaded ? (
-    <Flexbox gap={12} paddingInline={12}>
-      {[1, 1, 1, 1, 1, 1].map((key, index) => (
-        <Skeleton.Button
-          active
-          block
-          key={`${key}-${index}`}
-          style={{ borderRadius: 8, height: 68 }}
-        />
-      ))}
-    </Flexbox>
-  ) : (
-    <Flexbox gap={12} paddingInline={12}>
-      {messages.map((m) => (
-        <ToolItem
-          identifier={m.plugin?.identifier}
-          key={m.id}
-          messageId={m.id}
-          payload={m.plugin}
-        />
-      ))}
-    </Flexbox>
-  );
-};
-
-export default ToolList;