@lobehub/chat 1.142.2 → 1.142.4

package/packages/types/src/message/ui/index.ts

@@ -1,4 +1,5 @@
 export * from './chat';
 export * from './extra';
+export * from './params';
 export * from './rag';
 export * from './video';

package/packages/types/src/message/ui/params.ts

@@ -0,0 +1,65 @@
+import { UploadFileItem } from '../../files';
+import { MessageSemanticSearchChunk } from '../../rag';
+import { ChatMessageError } from '../common/base';
+import { UIChatMessage, UIMessageRoleType } from './chat';
+
+export interface CreateMessageParams
+  extends Partial<Omit<UIChatMessage, 'content' | 'role' | 'topicId' | 'chunksList'>> {
+  content: string;
+  error?: ChatMessageError | null;
+  fileChunks?: MessageSemanticSearchChunk[];
+  files?: string[];
+  fromModel?: string;
+  fromProvider?: string;
+  groupId?: string;
+  role: UIMessageRoleType;
+  sessionId: string;
+  targetId?: string | null;
+  threadId?: string | null;
+  topicId?: string;
+  traceId?: string;
+}
+
+export interface SendMessageParams {
+  /**
+   * create a thread
+   */
+  createThread?: boolean;
+  files?: UploadFileItem[];
+  /**
+   *
+   * https://github.com/lobehub/lobe-chat/pull/2086
+   */
+  isWelcomeQuestion?: boolean;
+  message: string;
+  /**
+   * Additional metadata for the message (e.g., mentioned users)
+   */
+  metadata?: Record<string, any>;
+  onlyAddUserMessage?: boolean;
+}
+
+export interface SendThreadMessageParams {
+  /**
+   * create a thread
+   */
+  createNewThread?: boolean;
+  // files?: UploadFileItem[];
+  message: string;
+  onlyAddUserMessage?: boolean;
+}
+
+export interface SendGroupMessageParams {
+  files?: UploadFileItem[];
+  groupId: string;
+  message: string;
+  /**
+   * Additional metadata for the message (e.g., mentioned users)
+   */
+  metadata?: Record<string, any>;
+  onlyAddUserMessage?: boolean;
+  /**
+   * for group chat
+   */
+  targetMemberId?: string | null;
+}

package/packages/types/src/tool/builtin.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
+import { z } from 'zod';
 
+import { HumanInterventionConfigSchema, HumanInterventionPolicySchema } from './intervention';
 import type { HumanInterventionConfig, HumanInterventionPolicy } from './intervention';
 
 interface Meta {
@@ -26,6 +28,14 @@ interface Meta {
   tags?: string[];
   title: string;
 }
+
+const MetaSchema = z.object({
+  avatar: z.string().optional(),
+  description: z.string().optional(),
+  tags: z.array(z.string()).optional(),
+  title: z.string(),
+});
+
 export interface LobeChatPluginApi {
   description: string;
   /**
@@ -46,6 +56,14 @@ export interface LobeChatPluginApi {
   url?: string;
 }
 
+export const LobeChatPluginApiSchema = z.object({
+  description: z.string(),
+  humanIntervention: HumanInterventionConfigSchema.optional(),
+  name: z.string(),
+  parameters: z.record(z.string(), z.any()),
+  url: z.string().optional(),
+});
+
 export interface BuiltinToolManifest {
   api: LobeChatPluginApi[];
 
@@ -74,6 +92,15 @@ export interface BuiltinToolManifest {
   type?: 'builtin';
 }
 
+export const BuiltinToolManifestSchema = z.object({
+  api: z.array(LobeChatPluginApiSchema),
+  humanIntervention: HumanInterventionPolicySchema.optional(),
+  identifier: z.string(),
+  meta: MetaSchema,
+  systemRole: z.string(),
+  type: z.literal('builtin').optional(),
+});
+
 export interface LobeBuiltinTool {
   hidden?: boolean;
   identifier: string;
@@ -81,6 +108,13 @@ export interface LobeBuiltinTool {
   type: 'builtin';
 }
 
+export const LobeBuiltinToolSchema = z.object({
+  hidden: z.boolean().optional(),
+  identifier: z.string(),
+  manifest: BuiltinToolManifestSchema,
+  type: z.literal('builtin'),
+});
+
 export interface BuiltinRenderProps<Content = any, Arguments = any, State = any> {
   apiName?: string;
   args: Arguments;

package/packages/types/src/tool/intervention.ts

@@ -1,3 +1,5 @@
+import { z } from 'zod';
+
 /**
  * Human Intervention Policy
  */
@@ -6,6 +8,8 @@ export type HumanInterventionPolicy =
   | 'always' // Always require intervention
   | 'first'; // Require intervention on first call only
 
+export const HumanInterventionPolicySchema = z.enum(['never', 'always', 'first']);
+
 /**
  * Argument Matcher for parameter-level filtering
  * Supports wildcard patterns, prefix matching, and regex
@@ -22,6 +26,14 @@ export type ArgumentMatcher =
       type: 'exact' | 'prefix' | 'wildcard' | 'regex';
     };
 
+export const ArgumentMatcherSchema: z.ZodType<ArgumentMatcher> = z.union([
+  z.string(),
+  z.object({
+    pattern: z.string(),
+    type: z.enum(['exact', 'prefix', 'wildcard', 'regex']),
+  }),
+]);
+
 /**
  * Human Intervention Rule
  * Used for parameter-level control of intervention behavior
@@ -42,6 +54,11 @@ export interface HumanInterventionRule {
   policy: HumanInterventionPolicy;
 }
 
+export const HumanInterventionRuleSchema: z.ZodType<HumanInterventionRule> = z.object({
+  match: z.record(z.string(), ArgumentMatcherSchema).optional(),
+  policy: HumanInterventionPolicySchema,
+});
+
 /**
  * Human Intervention Configuration
  * Can be either:
@@ -54,6 +71,11 @@ export interface HumanInterventionRule {
  */
 export type HumanInterventionConfig = HumanInterventionPolicy | HumanInterventionRule[];
 
+export const HumanInterventionConfigSchema: z.ZodType<HumanInterventionConfig> = z.union([
+  HumanInterventionPolicySchema,
+  z.array(HumanInterventionRuleSchema),
+]);
+
 /**
  * Human Intervention Response
  * User's response to an intervention request
@@ -85,6 +107,16 @@ export interface HumanInterventionResponse {
   };
 }
 
+export const HumanInterventionResponseSchema = z.object({
+  action: z.enum(['approve', 'reject', 'select']),
+  data: z
+    .object({
+      remember: z.boolean().optional(),
+      selected: z.union([z.string(), z.array(z.string())]).optional(),
+    })
+    .optional(),
+});
+
 /**
  * Parameters for shouldIntervene method
  */
@@ -112,3 +144,10 @@ export interface ShouldInterveneParams {
    */
   toolKey?: string;
 }
+
+export const ShouldInterveneParamsSchema = z.object({
+  config: HumanInterventionConfigSchema.optional(),
+  confirmedHistory: z.array(z.string()).optional(),
+  toolArgs: z.record(z.string(), z.any()).optional(),
+  toolKey: z.string().optional(),
+});

package/packages/utils/src/fetch/fetchSSE.ts

@@ -6,8 +6,8 @@ import {
   ChatMessageError,
   GroundingSearch,
   MessageToolCall,
+  ModelPerformance,
   ModelReasoning,
-  ModelSpeed,
   ModelUsage,
   ResponseAnimation,
   ResponseAnimationStyle,
@@ -26,7 +26,7 @@ export type OnFinishHandler = (
     images?: ChatImageChunk[];
     observationId?: string | null;
     reasoning?: ModelReasoning;
-    speed?: ModelSpeed;
+    speed?: ModelPerformance;
     toolCalls?: MessageToolCall[];
     traceId?: string | null;
     type?: SSEFinishType;
@@ -40,7 +40,7 @@ export interface MessageUsageChunk {
 }
 
 export interface MessageSpeedChunk {
-  speed: ModelSpeed;
+  speed: ModelPerformance;
   type: 'speed';
 }
 
@@ -265,7 +265,7 @@ export const fetchSSE = async (url: string, options: RequestInit & FetchSSEOptio
   let grounding: GroundingSearch | undefined = undefined;
   let usage: ModelUsage | undefined = undefined;
   let images: ChatImageChunk[] = [];
-  let speed: ModelSpeed | undefined = undefined;
+  let speed: ModelPerformance | undefined = undefined;
 
   await fetchEventSource(url, {
     body: options.body,

package/renovate.json

@@ -1,12 +1,24 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "automerge": false,
-  "dependencyDashboard": true,
+  "extends": [
+    "config:recommended",
+    ":dependencyDashboard",
+    "schedule:weekly",
+    ":prHourlyLimitNone",
+    ":prConcurrentLimitNone",
+    ":semanticPrefixFixDepsChoreOthers",
+    "group:monorepos",
+    "group:recommended",
+    "group:allNonMajor",
+    "replacements:all",
+    "workarounds:all"
+  ],
   "ignoreDeps": [],
   "labels": ["dependencies"],
   "postUpdateOptions": ["yarnDedupeHighest"],
   "prConcurrentLimit": 30,
   "prHourlyLimit": 0,
+  "rangeStrategy": "bump",
   "rebaseWhen": "conflicted",
   "schedule": "on sunday before 6:00am",
   "timezone": "UTC"

package/src/app/[variants]/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx

@@ -64,6 +64,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ open, setOpen }) => {
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('providerModels.createNew.title')}
       zIndex={1251} // Select is 1150
     >

package/src/app/[variants]/(main)/settings/provider/features/ModelList/ModelConfigModal/index.tsx

@@ -59,6 +59,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ id, open, setOpen }) =>
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('llm.customModelCards.modelConfig.modalTitle', { ns: 'setting' })}
       zIndex={1251} // Select is 1150
     >

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx

@@ -19,11 +19,16 @@ const Error = memo<{ error: ChatMessageError }>(({ error }) => {
   const providerName = useProviderName(error.body?.provider);
 
   return (
-    <Flexbox gap={8} style={{ width: '100%' }}>
+    <Flexbox gap={8} style={{ maxWidth: 600, width: '100%' }}>
       <Alert
         extra={
           <Flexbox>
-            <Highlighter actionIconSize={'small'} language={'json'} variant={'borderless'}>
+            <Highlighter
+              actionIconSize={'small'}
+              language={'json'}
+              variant={'borderless'}
+              wrap={true}
+            >
               {JSON.stringify(error.body || error, null, 2)}
             </Highlighter>
           </Flexbox>

package/src/features/ChatInput/ActionBar/components/ActionDropdown.tsx

@@ -23,16 +23,36 @@ export interface ActionDropdownProps extends DropdownProps {
   maxHeight?: number | string;
   maxWidth?: number | string;
   minWidth?: number | string;
+  /**
+   * 是否在挂载时预渲染弹层，避免首次触发展开时的渲染卡顿
+   */
+  prefetch?: boolean;
 }
 
 const ActionDropdown = memo<ActionDropdownProps>(
-  ({ menu, maxHeight, minWidth, maxWidth, children, placement = 'top', ...rest }) => {
+  ({
+    menu,
+    maxHeight,
+    minWidth,
+    maxWidth,
+    children,
+    placement = 'top',
+    prefetch = false,
+    destroyOnHidden,
+    forceRender,
+    ...rest
+  }) => {
     const { cx, styles } = useStyles();
     const isMobile = useIsMobile();
 
+    const dropdownForceRender = prefetch ? true : forceRender;
+    const dropdownDestroyOnHidden = prefetch ? false : destroyOnHidden;
+
     return (
       <Dropdown
         arrow={false}
+        destroyOnHidden={dropdownDestroyOnHidden}
+        forceRender={dropdownForceRender}
         menu={{
           ...menu,
           className: cx(styles.dropdownMenu, menu.className),

package/src/features/ChatItem/components/Title.tsx

@@ -7,6 +7,7 @@ import { ChatItemProps } from '../type';
 
 export interface TitleProps {
   avatar: ChatItemProps['avatar'];
+  className?: string;
   placement?: ChatItemProps['placement'];
   showTitle?: ChatItemProps['showTitle'];
   time?: ChatItemProps['time'];
@@ -26,13 +27,13 @@ const formatTime = (time: number): string => {
   }
 };
 
-const Title = memo<TitleProps>(({ showTitle, placement, time, avatar, titleAddon }) => {
-  const { styles } = useStyles({ placement, showTitle, time });
+const Title = memo<TitleProps>(({ showTitle, placement, time, avatar, titleAddon, className }) => {
+  const { styles, cx } = useStyles({ placement, showTitle, time });
 
   return (
     <Flexbox
       align={'center'}
-      className={styles.name}
+      className={cx(styles.name, className)}
       direction={placement === 'left' ? 'horizontal' : 'horizontal-reverse'}
       gap={4}
     >

package/src/features/Conversation/Messages/Assistant/MessageContent.tsx

@@ -1,15 +1,13 @@
+import { LOADING_FLAT } from '@lobechat/const';
 import { UIChatMessage } from '@lobechat/types';
 import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { LOADING_FLAT } from '@/const/message';
-import { AssistantBlock } from '@/features/Conversation/Messages/Assistant/Block';
-import ImageFileListViewer from '@/features/Conversation/Messages/User/ImageFileListViewer';
-import VideoFileListViewer from '@/features/Conversation/Messages/User/VideoFileListViewer';
 import { useChatStore } from '@/store/chat';
 import { aiChatSelectors, chatSelectors } from '@/store/chat/selectors';
 
 import { DefaultMessage } from '../Default';
+import ImageFileListViewer from '../User/ImageFileListViewer';
 import FileChunks from './FileChunks';
 import IntentUnderstanding from './IntentUnderstanding';
 import Reasoning from './Reasoning';
@@ -20,7 +18,7 @@ export const AssistantMessageContent = memo<
   UIChatMessage & {
     editableContent: ReactNode;
   }
->(({ id, tools, content, chunksList, search, imageList, videoList, children, ...props }) => {
+>(({ id, tools, content, chunksList, search, imageList, ...props }) => {
   const editing = useChatStore(chatSelectors.isMessageEditing(id));
   const generating = useChatStore(chatSelectors.isMessageGenerating(id));
 
@@ -32,7 +30,6 @@ export const AssistantMessageContent = memo<
 
   const showSearch = !!search && !!search.citations?.length;
   const showImageItems = !!imageList && imageList.length > 0;
-  const showVideoItems = !!videoList && videoList.length > 0;
 
   // remove \n to avoid empty content
   // refs: https://github.com/lobehub/lobe-chat/pull/6153
@@ -42,15 +39,6 @@ export const AssistantMessageContent = memo<
 
   const showFileChunks = !!chunksList && chunksList.length > 0;
 
-  if (children && children?.length > 0)
-    return (
-      <Flexbox gap={8}>
-        {children.map((item) => (
-          <AssistantBlock key={item.id} {...item} editableContent={props.editableContent} />
-        ))}
-      </Flexbox>
-    );
-
   return editing ? (
     <DefaultMessage
       content={content}
@@ -79,7 +67,6 @@ export const AssistantMessageContent = memo<
         )
       )}
       {showImageItems && <ImageFileListViewer items={imageList} />}
-      {showVideoItems && <VideoFileListViewer items={videoList} />}
       {tools && (
         <Flexbox gap={8}>
           {tools.map((toolCall, index) => (

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { LOADING_FLAT } from '@lobechat/const';
 import { UIChatMessage } from '@lobechat/types';
 import { Tag } from '@lobehub/ui';
 import { useResponsive } from 'antd-style';
@@ -8,7 +9,6 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { HtmlPreviewAction } from '@/components/HtmlPreview';
-import { LOADING_FLAT } from '@/const/message';
 import Avatar from '@/features/ChatItem/components/Avatar';
 import BorderSpacing from '@/features/ChatItem/components/BorderSpacing';
 import ErrorContent from '@/features/ChatItem/components/ErrorContent';
@@ -17,7 +17,7 @@ import Title from '@/features/ChatItem/components/Title';
 import { useStyles } from '@/features/ChatItem/style';
 import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
 import { useAgentStore } from '@/store/agent';
-import { agentChatConfigSelectors } from '@/store/agent/slices/chat';
+import { agentChatConfigSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 import { chatGroupSelectors, useChatGroupStore } from '@/store/chatGroup';
@@ -30,7 +30,7 @@ import { userGeneralSettingsSelectors, userProfileSelectors } from '@/store/user
 import ErrorMessageExtra, { useErrorContent } from '../../Error';
 import { markdownElements } from '../../MarkdownElements';
 import { useDoubleClickEdit } from '../../hooks/useDoubleClickEdit';
-import { normalizeThinkTags, processWithArtifact } from '../../utils';
+import { normalizeThinkTags, processWithArtifact } from '../../utils/markdown';
 import { AssistantActionsBar } from './Actions';
 import { AssistantMessageExtra } from './Extra';
 import { AssistantMessageContent } from './MessageContent';

package/src/features/Conversation/{utils.test.ts → utils/markdown.test.ts}

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { processWithArtifact } from './utils';
+import { processWithArtifact } from './markdown';
 
 describe('processWithArtifact', () => {
   it('should removeLineBreaks with closed tag', () => {

package/src/features/Conversation/{utils.ts → utils/markdown.ts}

@@ -1,4 +1,4 @@
-import { ARTIFACT_TAG_REGEX, ARTIFACT_THINKING_TAG_REGEX } from '@/const/plugin';
+import { ARTIFACT_TAG_REGEX, ARTIFACT_THINKING_TAG_REGEX } from '@lobechat/const';
 
 /**
  * Replace all line breaks in the matched `lobeArtifact` tag with an empty string

package/src/features/FileManager/FileList/FileListItem/index.tsx

@@ -79,7 +79,7 @@ const useStyles = createStyles(({ css, token, cx, isDarkMode }) => {
 interface FileRenderItemProps extends FileListItem {
   index: number;
   knowledgeBaseId?: string;
-  onSelectedChange: (id: string, selected: boolean) => void;
+  onSelectedChange: (id: string, selected: boolean, shiftKey: boolean, index: number) => void;
   selected?: boolean;
 }
 
@@ -100,6 +100,7 @@ const FileRenderItem = memo<FileRenderItemProps>(
     chunkingStatus,
     onSelectedChange,
     knowledgeBaseId,
+    index,
   }) => {
     const { t } = useTranslation('components');
     const { styles, cx } = useStyles();
@@ -140,7 +141,7 @@ const FileRenderItem = memo<FileRenderItemProps>(
               onClick={(e) => {
                 e.stopPropagation();
 
-                onSelectedChange(id, !selected);
+                onSelectedChange(id, !selected, e.shiftKey, index);
               }}
               style={{ paddingInline: 4 }}
             >

package/src/features/FileManager/FileList/MasonryFileItem/MasonryItemWrapper.tsx

@@ -21,7 +21,7 @@ const MasonryItemWrapper = memo<MasonryItemWrapperProps>(({ data: item, context
   }
 
   return (
-    <div style={{ padding: '8px' }}>
+    <div style={{ padding: '8px 4px' }}>
       <MasonryFileItem
         knowledgeBaseId={context.knowledgeBaseId}
         onSelectedChange={(id, checked) => {

package/src/features/FileManager/FileList/MasonryFileItem/index.tsx

@@ -111,8 +111,6 @@ const useStyles = createStyles(({ css, token }) => ({
     inset-block-end: 8px;
     inset-inline-end: 8px;
 
-    padding-block: 4px;
-    padding-inline: 8px;
     border-radius: ${token.borderRadius}px;
 
     opacity: 0;
@@ -320,8 +318,8 @@ const MasonryFileItem = memo<MasonryFileItemProps>(
           });
         },
         {
-          rootMargin: '50px', // Start loading slightly before entering viewport
-          threshold: 0.1,
+          rootMargin: '200px', // Increased margin to load content earlier
+          threshold: 0.01, // Lower threshold for earlier triggering
         },
       );
 

package/src/features/FileManager/FileList/MasonrySkeleton.tsx

@@ -26,6 +26,9 @@ const MasonrySkeleton = memo<MasonrySkeletonProps>(({ columnCount }) => {
   // Generate varying heights for more natural masonry look
   const heights = [180, 220, 200, 190, 240, 210, 200, 230, 180, 220, 210, 190];
 
+  // Calculate number of items based on viewport and column count
+  const itemCount = Math.min(columnCount * 3, 12);
+
   return (
     <div
       className={styles.grid}
@@ -33,18 +36,21 @@ const MasonrySkeleton = memo<MasonrySkeletonProps>(({ columnCount }) => {
         gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
       }}
     >
-      {Array.from({ length: 12 }).map((_, index) => (
+      {Array.from({ length: itemCount }).map((_, index) => (
         <div className={styles.card} key={index}>
           <Skeleton
             active
+            avatar={false}
             paragraph={{
-              rows: 3,
-              width: ['100%', '80%', '60%'],
+              rows: 4,
+              width: ['100%', '90%', '70%', '50%'],
             }}
             style={{
-              height: heights[index],
+              height: heights[index % heights.length],
+            }}
+            title={{
+              width: '100%',
             }}
-            title={false}
           />
         </div>
       ))}

package/src/features/FileManager/FileList/ToolBar/MultiSelectActions.tsx

@@ -148,7 +148,7 @@ const MultiSelectActions = memo<MultiSelectActionsProps>(
               size={'small'}
               variant={'filled'}
             >
-              {t('batchDelete', { ns: 'common' })}
+              {t('delete', { ns: 'common' })}
             </Button>
           </Flexbox>
         )}