@lobehub/lobehub 2.0.0-next.305 → 2.0.0-next.307

package/packages/prompts/src/prompts/fileSystem/formatRenameResult.ts

@@ -0,0 +1,17 @@
+export interface FormatRenameResultParams {
+  error?: string;
+  newName: string;
+  oldPath: string;
+  success: boolean;
+}
+
+export const formatRenameResult = ({
+  success,
+  oldPath,
+  newName,
+  error,
+}: FormatRenameResultParams): string => {
+  return success
+    ? `Successfully renamed file ${oldPath} to ${newName}`
+    : `Failed to rename file: ${error}`;
+};

package/packages/prompts/src/prompts/fileSystem/formatWriteResult.test.ts

@@ -0,0 +1,30 @@
+import { describe, expect, it } from 'vitest';
+
+import { formatWriteResult } from './formatWriteResult';
+
+describe('formatWriteResult', () => {
+  it('should format successful write', () => {
+    const result = formatWriteResult({
+      path: '/src/newFile.ts',
+      success: true,
+    });
+    expect(result).toMatchInlineSnapshot(`"Successfully wrote to /src/newFile.ts"`);
+  });
+
+  it('should format failed write with error', () => {
+    const result = formatWriteResult({
+      error: 'Permission denied',
+      path: '/protected/file.ts',
+      success: false,
+    });
+    expect(result).toMatchInlineSnapshot(`"Failed to write file: Permission denied"`);
+  });
+
+  it('should format failed write without error message', () => {
+    const result = formatWriteResult({
+      path: '/some/path.ts',
+      success: false,
+    });
+    expect(result).toMatchInlineSnapshot(`"Failed to write file: Unknown error"`);
+  });
+});

package/packages/prompts/src/prompts/fileSystem/formatWriteResult.ts

@@ -0,0 +1,11 @@
+export interface FormatWriteResultParams {
+  error?: string;
+  path: string;
+  success: boolean;
+}
+
+export const formatWriteResult = ({ success, path, error }: FormatWriteResultParams): string => {
+  return success
+    ? `Successfully wrote to ${path}`
+    : `Failed to write file: ${error || 'Unknown error'}`;
+};

package/packages/prompts/src/prompts/fileSystem/index.ts

@@ -0,0 +1,13 @@
+export * from './formatCommandOutput';
+export * from './formatCommandResult';
+export * from './formatEditResult';
+export * from './formatFileContent';
+export * from './formatFileList';
+export * from './formatFileSearchResults';
+export * from './formatGlobResults';
+export * from './formatGrepResults';
+export * from './formatKillResult';
+export * from './formatMoveResults';
+export * from './formatMultipleFiles';
+export * from './formatRenameResult';
+export * from './formatWriteResult';

package/packages/prompts/src/prompts/index.ts

@@ -2,6 +2,7 @@ export * from './agentBuilder';
 export * from './agentGroup';
 export * from './chatMessages';
 export * from './files';
+export * from './fileSystem';
 export * from './groupChat';
 export * from './gtd';
 export * from './knowledgeBaseQA';

package/packages/prompts/src/prompts/userMemory/__snapshots__/index.test.ts.snap

@@ -120,15 +120,9 @@ exports[`promptUserMemory > identities only > should format identities grouped b
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="3">
-  <personal count="1">
-    <identity role="Father">User is a father of two children</identity>
-  </personal>
-  <professional count="1">
-    <identity role="Software Engineer">User is a senior software engineer</identity>
-  </professional>
-  <demographic count="1">
-    <identity>User is based in Shanghai</identity>
-  </demographic>
+  <identity type="personal" role="Father" id="id-1">User is a father of two children</identity>
+  <identity type="professional" role="Software Engineer" id="id-2">User is a senior software engineer</identity>
+  <identity type="demographic" id="id-3">User is based in Shanghai</identity>
 </identities>
 </user_memory>"
 `;
@@ -137,10 +131,8 @@ exports[`promptUserMemory > identities only > should format single type identiti
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="2">
-  <demographic count="2">
-    <identity>User is 35 years old</identity>
-    <identity>User speaks Mandarin and English</identity>
-  </demographic>
+  <identity type="demographic" id="id-1">User is 35 years old</identity>
+  <identity type="demographic" id="id-2">User speaks Mandarin and English</identity>
 </identities>
 </user_memory>"
 `;
@@ -149,10 +141,8 @@ exports[`promptUserMemory > identities only > should format single type identiti
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="2">
-  <personal count="2">
-    <identity>User is married</identity>
-    <identity>User has a pet dog</identity>
-  </personal>
+  <identity type="personal" id="id-1">User is married</identity>
+  <identity type="personal" id="id-2">User has a pet dog</identity>
 </identities>
 </user_memory>"
 `;
@@ -161,9 +151,7 @@ exports[`promptUserMemory > identities only > should format single type identiti
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="1">
-  <professional count="1">
-    <identity role="CTO">User works at a tech startup</identity>
-  </professional>
+  <identity type="professional" role="CTO" id="id-1">User works at a tech startup</identity>
 </identities>
 </user_memory>"
 `;
@@ -172,9 +160,7 @@ exports[`promptUserMemory > identities only > should handle identity with null v
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="1">
-  <personal count="1">
-    <identity></identity>
-  </personal>
+  <identity type="personal" id="id-1"></identity>
 </identities>
 </user_memory>"
 `;
@@ -183,9 +169,7 @@ exports[`promptUserMemory > identities only > should handle identity without rol
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="1">
-  <personal count="1">
-    <identity>User enjoys hiking</identity>
-  </personal>
+  <identity type="personal" id="id-1">User enjoys hiking</identity>
 </identities>
 </user_memory>"
 `;
@@ -194,9 +178,7 @@ exports[`promptUserMemory > mixed memory types > should format all memory types
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="1">
-  <professional count="1">
-    <identity role="Tech Lead">User is a tech lead at a startup</identity>
-  </professional>
+  <identity type="professional" role="Tech Lead" id="id-1">User is a tech lead at a startup</identity>
 </identities>
 <contexts count="1">
   <context id="ctx-1" title="Experience Level">Senior developer with 10 years experience</context>
@@ -217,15 +199,9 @@ exports[`promptUserMemory > mixed memory types > should format all memory types
 "<user_memory>
 <instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>
 <identities count="3">
-  <personal count="1">
-    <identity role="Father">User is a father</identity>
-  </personal>
-  <professional count="1">
-    <identity role="Senior Engineer">User is a senior engineer</identity>
-  </professional>
-  <demographic count="1">
-    <identity>User lives in Beijing</identity>
-  </demographic>
+  <identity type="personal" role="Father" id="id-1">User is a father</identity>
+  <identity type="professional" role="Senior Engineer" id="id-2">User is a senior engineer</identity>
+  <identity type="demographic" id="id-3">User lives in Beijing</identity>
 </identities>
 <contexts count="1">
   <context id="ctx-1" title="Current Work">Working on AI products</context>

package/packages/prompts/src/prompts/userMemory/index.ts

@@ -98,29 +98,10 @@ const isValidIdentityItem = (item: UserMemoryIdentityItem): boolean => {
  * Formats a single identity memory item
  */
 const formatIdentityItem = (item: UserMemoryIdentityItem): string => {
+  const typeAttr = item.type ? ` type="${item.type}"` : '';
   const roleAttr = item.role ? ` role="${item.role}"` : '';
-  return `    <identity${roleAttr}>${item.description || ''}</identity>`;
-};
-
-/**
- * Format identities grouped by type as XML
- * Types: personal (角色), professional (职业), demographic (属性)
- */
-const formatIdentitiesSection = (identities: UserMemoryIdentityItem[]): string => {
-  const personal = identities.filter((i) => i.type === 'personal');
-  const professional = identities.filter((i) => i.type === 'professional');
-  const demographic = identities.filter((i) => i.type === 'demographic');
-
-  return [
-    personal.length > 0 &&
-      `  <personal count="${personal.length}">\n${personal.map(formatIdentityItem).join('\n')}\n  </personal>`,
-    professional.length > 0 &&
-      `  <professional count="${professional.length}">\n${professional.map(formatIdentityItem).join('\n')}\n  </professional>`,
-    demographic.length > 0 &&
-      `  <demographic count="${demographic.length}">\n${demographic.map(formatIdentityItem).join('\n')}\n  </demographic>`,
-  ]
-    .filter(Boolean)
-    .join('\n');
+  const idAttr = item.id ? ` id="${item.id}"` : '';
+  return `  <identity${typeAttr}${roleAttr}${idAttr}>${item.description || ''}</identity>`;
 };
 
 /**
@@ -156,9 +137,9 @@ export const promptUserMemory = ({ memories }: PromptUserMemoryOptions): string
     '<instruction>The following are memories about this user retrieved from previous conversations. Use this information to personalize your responses and maintain continuity.</instruction>',
   );
 
-  // Add identities section (user's identity information, grouped by type)
+  // Add identities section (user's identity information)
   if (hasIdentities) {
-    const identitiesXml = formatIdentitiesSection(identities);
+    const identitiesXml = identities.map((item) => formatIdentityItem(item)).join('\n');
     contentParts.push(`<identities count="${identities.length}">
 ${identitiesXml}
 </identities>`);

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/Actions.tsx

@@ -1,14 +1,15 @@
 import { ActionIcon, DropdownMenu } from '@lobehub/ui';
 import { MoreHorizontal } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 
 import { useTopicActionsDropdownMenu } from './useDropdownMenu';
 
 const Actions = memo(() => {
-  const menuItems = useTopicActionsDropdownMenu();
+  const [open, setOpen] = useState(false);
+  const menuItems = useTopicActionsDropdownMenu({ onUploadClose: () => setOpen(false) });
 
   return (
-    <DropdownMenu items={menuItems}>
+    <DropdownMenu items={menuItems} onOpenChange={setOpen} open={open}>
       <ActionIcon icon={MoreHorizontal} size={'small'} />
     </DropdownMenu>
   );

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/useDropdownMenu.tsx

@@ -21,9 +21,16 @@ const hotArea = css`
   }
 `;
 
-export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
+interface UseTopicActionsDropdownMenuOptions {
+  onUploadClose?: () => void;
+}
+
+export const useTopicActionsDropdownMenu = (
+  options: UseTopicActionsDropdownMenuOptions = {},
+): MenuProps['items'] => {
   const { t } = useTranslation(['topic', 'common']);
   const { modal } = App.useApp();
+  const { onUploadClose } = options;
 
   const [removeUnstarredTopic, removeAllTopic, importTopic] = useChatStore((s) => [
     s.removeUnstarredTopic,
@@ -33,6 +40,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
 
   const handleImport = useCallback(
     async (file: File) => {
+      onUploadClose?.();
       try {
         const text = await file.text();
         // Validate JSON format
@@ -46,7 +54,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
       }
       return false; // Prevent default upload behavior
     },
-    [importTopic, modal, t],
+    [importTopic, modal, onUploadClose, t],
   );
 
   const [topicDisplayMode, updatePreference] = useUserStore((s) => [
@@ -101,6 +109,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
             <div className={cx(hotArea)}>{t('actions.import')}</div>
           </Upload>
         ),
+        ...(onUploadClose ? { closeOnClick: false } : null),
       },
       {
         type: 'divider' as const,
@@ -143,6 +152,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
     updatePreference,
     updateSystemStatus,
     handleImport,
+    onUploadClose,
     removeUnstarredTopic,
     removeAllTopic,
     t,

package/src/app/[variants]/(main)/community/(detail)/assistant/index.tsx

@@ -40,7 +40,7 @@ const AssistantDetailPage = memo<AssistantDetailPageProps>(({ mobile }) => {
   return (
     <TocProvider>
       <DetailProvider config={data}>
-        <Flexbox gap={16}>
+        <Flexbox data-testid="assistant-detail-content" gap={16}>
           <Header mobile={mobile} />
           <Details mobile={mobile} />
         </Flexbox>

package/src/app/[variants]/(main)/community/(detail)/group_agent/features/Sidebar/ActionButton/AddGroupAgent.tsx

@@ -87,6 +87,42 @@ const AddGroupAgent = memo<{ mobile?: boolean }>(() => {
       return;
     }
 
+    // Find supervisor from memberAgents
+    const supervisorMember = memberAgents.find((member: any) => {
+      const agent = member.agent || member;
+      const role = member.role || agent.role;
+      return role === 'supervisor';
+    });
+
+    // Prepare supervisor config
+    let supervisorConfig;
+    if (supervisorMember) {
+      // Type assertion needed because actual API data structure differs from type definition
+      const member = supervisorMember as any;
+      const agent = member.agent || member;
+      const currentVersion = member.currentVersion || member;
+      const rawConfig = {
+        avatar: currentVersion.avatar,
+        backgroundColor: currentVersion.backgroundColor,
+        description: currentVersion.description,
+        model: currentVersion.config?.model || currentVersion.model,
+        params: currentVersion.config?.params || currentVersion.params,
+        provider: currentVersion.config?.provider || currentVersion.provider,
+        systemRole:
+          currentVersion.config?.systemRole ||
+          currentVersion.config?.systemPrompt ||
+          currentVersion.systemRole ||
+          currentVersion.content,
+        tags: currentVersion.tags,
+        title: currentVersion.name || agent.name || 'Supervisor',
+      };
+      // Filter out null/undefined values
+      supervisorConfig = Object.fromEntries(
+        // eslint-disable-next-line eqeqeq, @typescript-eslint/no-unused-vars
+        Object.entries(rawConfig).filter(([_, v]) => v != null),
+      );
+    }
+
     // Prepare group config
     const groupConfig = {
       config: {
@@ -95,30 +131,46 @@ const AddGroupAgent = memo<{ mobile?: boolean }>(() => {
         openingQuestions: config.openingQuestions,
         revealDM: config.revealDM,
       },
-      content: config.systemRole,
+      // Group content is the supervisor's systemRole (for backward compatibility)
+      content: supervisorConfig?.systemRole || config.systemRole,
       ...meta,
     };
 
     // Prepare member agents from market data
-    const members = memberAgents.map((member: any) => {
-      const agent = member.agent || member;
-      const currentVersion = member.currentVersion || member;
-      return {
-        avatar: currentVersion.avatar,
-        backgroundColor: currentVersion.backgroundColor,
-        description: currentVersion.description,
-        model: currentVersion.model,
-        plugins: currentVersion.plugins,
-        provider: currentVersion.provider,
-        systemRole: currentVersion.systemRole || currentVersion.content,
-        tags: currentVersion.tags,
-        title: currentVersion.name || agent.name,
-      };
-    });
+    // Filter out supervisor role as it will be created separately using supervisorConfig
+    const members = memberAgents
+      .filter((member: any) => {
+        const agent = member.agent || member;
+        const role = member.role || agent.role;
+        return role !== 'supervisor';
+      })
+      .map((member: any) => {
+        const agent = member.agent || member;
+        const currentVersion = member.currentVersion || member;
+        return {
+          avatar: currentVersion.avatar,
+          backgroundColor: currentVersion.backgroundColor,
+          description: currentVersion.description,
+          model: currentVersion.config?.model || currentVersion.model,
+          plugins: currentVersion.plugins,
+          provider: currentVersion.config?.provider || currentVersion.provider,
+          systemRole:
+            currentVersion.config?.systemRole ||
+            currentVersion.config?.systemPrompt ||
+            currentVersion.systemRole ||
+            currentVersion.content,
+          tags: currentVersion.tags,
+          title: currentVersion.name || agent.name,
+        };
+      });
 
     try {
       // Create group with all members in one request
-      const result = await chatGroupService.createGroupWithMembers(groupConfig, members);
+      const result = await chatGroupService.createGroupWithMembers(
+        groupConfig,
+        members,
+        supervisorConfig,
+      );
 
       // Refresh group list
       await loadGroups();

package/src/app/[variants]/(main)/community/(detail)/mcp/index.tsx

@@ -35,7 +35,7 @@ const McpDetailPage = memo<McpDetailPageProps>(({ mobile }) => {
   return (
     <TocProvider>
       <DetailProvider config={data}>
-        <Flexbox gap={16}>
+        <Flexbox data-testid="mcp-detail-content" gap={16}>
           <Header mobile={mobile} />
           <Details mobile={mobile} />
         </Flexbox>

package/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/Actions.tsx

@@ -1,14 +1,15 @@
 import { ActionIcon, DropdownMenu } from '@lobehub/ui';
 import { MoreHorizontal } from 'lucide-react';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 
 import { useTopicActionsDropdownMenu } from './useDropdownMenu';
 
 const Actions = memo(() => {
-  const menuItems = useTopicActionsDropdownMenu();
+  const [open, setOpen] = useState(false);
+  const menuItems = useTopicActionsDropdownMenu({ onUploadClose: () => setOpen(false) });
 
   return (
-    <DropdownMenu items={menuItems}>
+    <DropdownMenu items={menuItems} onOpenChange={setOpen} open={open}>
       <ActionIcon icon={MoreHorizontal} size={'small'} />
     </DropdownMenu>
   );

package/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/useDropdownMenu.tsx

@@ -21,9 +21,16 @@ const hotArea = css`
   }
 `;
 
-export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
+interface UseTopicActionsDropdownMenuOptions {
+  onUploadClose?: () => void;
+}
+
+export const useTopicActionsDropdownMenu = (
+  options: UseTopicActionsDropdownMenuOptions = {},
+): MenuProps['items'] => {
   const { t } = useTranslation(['topic', 'common']);
   const { modal } = App.useApp();
+  const { onUploadClose } = options;
 
   const [removeUnstarredTopic, removeAllTopic, importTopic] = useChatStore((s) => [
     s.removeUnstarredTopic,
@@ -33,6 +40,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
 
   const handleImport = useCallback(
     async (file: File) => {
+      onUploadClose?.();
       try {
         const text = await file.text();
         // Validate JSON format
@@ -46,7 +54,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
       }
       return false; // Prevent default upload behavior
     },
-    [importTopic, modal, t],
+    [importTopic, modal, onUploadClose, t],
   );
 
   const [topicDisplayMode, updatePreference] = useUserStore((s) => [
@@ -101,6 +109,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
             <div className={cx(hotArea)}>{t('actions.import')}</div>
           </Upload>
         ),
+        ...(onUploadClose ? { closeOnClick: false } : null),
       },
       {
         type: 'divider' as const,
@@ -143,6 +152,7 @@ export const useTopicActionsDropdownMenu = (): MenuProps['items'] => {
     updatePreference,
     updateSystemStatus,
     handleImport,
+    onUploadClose,
     removeUnstarredTopic,
     removeAllTopic,
     t,

package/src/app/[variants]/(main)/group/features/Conversation/MainChatInput/index.tsx

@@ -11,10 +11,10 @@ import { useSendMenuItems } from './useSendMenuItems';
 const leftActions: ActionKeys[] = [
   'model',
   'search',
-  'typo',
   'fileUpload',
+  'tools',
   '---',
-  ['tools', 'params', 'clear'],
+  ['typo', 'params', 'clear'],
   'mainToken',
 ];
 

package/src/app/[variants]/(main)/home/_layout/Body/Agent/List/AgentItem/index.tsx

@@ -37,8 +37,8 @@ const AgentItem = memo<AgentItemProps>(({ item, style, className }) => {
     s.agentUpdatingId === id,
   ]);
 
-  // Separate loading state from chat store - only subscribe if this session is active
-  const isLoading = useChatStore(operationSelectors.isAgentRuntimeRunning);
+  // Separate loading state from chat store - only show loading for this specific agent
+  const isLoading = useChatStore(operationSelectors.isAgentRunning(id));
 
   // Get display title with fallback
   const displayTitle = title || t('untitledAgent');

package/src/features/ChatInput/ActionBar/Upload/ServerMode.tsx

@@ -1,5 +1,5 @@
 import { validateVideoFileSize } from '@lobechat/utils/client';
-import { Icon, type ItemType, type MenuProps, Tooltip } from '@lobehub/ui';
+import { Icon, type ItemType, Tooltip } from '@lobehub/ui';
 import { Upload } from 'antd';
 import { css, cx } from 'antd-style';
 import isEqual from 'fast-deep-equal';
@@ -21,6 +21,7 @@ import { preferenceSelectors } from '@/store/user/selectors';
 
 import { useAgentId } from '../../hooks/useAgentId';
 import Action from '../components/Action';
+import type { ActionDropdownMenuItems } from '../components/ActionDropdown';
 import CheckboxItem from '../components/CheckboxWithLoading';
 
 const hotArea = css`
@@ -48,6 +49,7 @@ const FileUpload = memo(() => {
     s.updateGuideState,
   ]);
   const [modalOpen, setModalOpen] = useState(false);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
   const [updating, setUpdating] = useState(false);
 
   const files = useAgentStore((s) => agentByIdSelectors.getAgentFilesById(agentId)(s), isEqual);
@@ -61,8 +63,9 @@ const FileUpload = memo(() => {
     s.toggleKnowledgeBase,
   ]);
 
-  const uploadItems: MenuProps['items'] = [
+  const uploadItems: ActionDropdownMenuItems = [
     {
+      closeOnClick: false,
       disabled: !canUploadImage,
       icon: ImageUp,
       key: 'upload-image',
@@ -70,6 +73,7 @@ const FileUpload = memo(() => {
         <Upload
           accept={'image/*'}
           beforeUpload={async (file) => {
+            setDropdownOpen(false);
             await upload([file]);
 
             return false;
@@ -86,6 +90,7 @@ const FileUpload = memo(() => {
       ),
     },
     {
+      closeOnClick: false,
       icon: FileUp,
       key: 'upload-file',
       label: (
@@ -105,6 +110,7 @@ const FileUpload = memo(() => {
               return false;
             }
 
+            setDropdownOpen(false);
             await upload([file]);
 
             return false;
@@ -117,6 +123,7 @@ const FileUpload = memo(() => {
       ),
     },
     {
+      closeOnClick: false,
       icon: FolderUp,
       key: 'upload-folder',
       label: (
@@ -136,6 +143,7 @@ const FileUpload = memo(() => {
               return false;
             }
 
+            setDropdownOpen(false);
             await upload([file]);
 
             return false;
@@ -214,7 +222,7 @@ const FileUpload = memo(() => {
     },
   );
 
-  const items: MenuProps['items'] = [
+  const items: ActionDropdownMenuItems = [
     ...uploadItems,
     ...(knowledgeItems.length > 0 ? knowledgeItems : []),
   ];
@@ -229,6 +237,8 @@ const FileUpload = memo(() => {
       }}
       icon={Paperclip}
       loading={updating}
+      onOpenChange={setDropdownOpen}
+      open={dropdownOpen}
       showTooltip={false}
       title={t('upload.action.tooltip')}
       trigger={'both'}