fix: Add dataset file upload restrictions (#29397)

Co-authored-by: kurokobo <kuro664@gmail.com>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>

web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.tsx

@@ -10,14 +10,12 @@ import Trigger from './trigger'
 import List from './list'
 
 export type CredentialSelectorProps = {
-  pluginName: string
   currentCredentialId: string
   onCredentialChange: (credentialId: string) => void
   credentials: Array<DataSourceCredential>
 }
 
 const CredentialSelector = ({
-  pluginName,
   currentCredentialId,
   onCredentialChange,
   credentials,
@@ -50,7 +48,6 @@ const CredentialSelector = ({
       <PortalToFollowElemTrigger onClick={toggle} className='grow overflow-hidden'>
         <Trigger
           currentCredential={currentCredential}
-          pluginName={pluginName}
           isOpen={open}
         />
       </PortalToFollowElemTrigger>
@@ -58,7 +55,6 @@ const CredentialSelector = ({
         <List
           currentCredentialId={currentCredentialId}
           credentials={credentials}
-          pluginName={pluginName}
           onCredentialChange={handleCredentialChange}
         />
       </PortalToFollowElemContent>

web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/item.tsx

@@ -2,22 +2,18 @@ import { CredentialIcon } from '@/app/components/datasets/common/credential-icon
 import type { DataSourceCredential } from '@/types/pipeline'
 import { RiCheckLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
 
 type ItemProps = {
   credential: DataSourceCredential
-  pluginName: string
   isSelected: boolean
   onCredentialChange: (credentialId: string) => void
 }
 
 const Item = ({
   credential,
-  pluginName,
   isSelected,
   onCredentialChange,
 }: ItemProps) => {
-  const { t } = useTranslation()
   const { avatar_url, name } = credential
 
   const handleCredentialChange = useCallback(() => {
@@ -30,15 +26,12 @@ const Item = ({
       onClick={handleCredentialChange}
     >
       <CredentialIcon
-        avatar_url={avatar_url}
+        avatarUrl={avatar_url}
         name={name}
         size={20}
       />
       <span className='system-sm-medium grow truncate text-text-secondary'>
-        {t('datasetPipeline.credentialSelector.name', {
-          credentialName: name,
-          pluginName,
-        })}
+        {name}
       </span>
       {
         isSelected && (

web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/list.tsx

@@ -5,14 +5,12 @@ import Item from './item'
 type ListProps = {
   currentCredentialId: string
   credentials: Array<DataSourceCredential>
-  pluginName: string
   onCredentialChange: (credentialId: string) => void
 }
 
 const List = ({
   currentCredentialId,
   credentials,
-  pluginName,
   onCredentialChange,
 }: ListProps) => {
   return (
@@ -24,7 +22,6 @@ const List = ({
             <Item
               key={credential.id}
               credential={credential}
-              pluginName={pluginName}
               isSelected={isSelected}
               onCredentialChange={onCredentialChange}
             />

web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/trigger.tsx

@@ -1,23 +1,18 @@
 import React from 'react'
 import type { DataSourceCredential } from '@/types/pipeline'
-import { useTranslation } from 'react-i18next'
 import { RiArrowDownSLine } from '@remixicon/react'
 import cn from '@/utils/classnames'
 import { CredentialIcon } from '@/app/components/datasets/common/credential-icon'
 
 type TriggerProps = {
   currentCredential: DataSourceCredential | undefined
-  pluginName: string
   isOpen: boolean
 }
 
 const Trigger = ({
   currentCredential,
-  pluginName,
   isOpen,
 }: TriggerProps) => {
-  const { t } = useTranslation()
-
   const {
     avatar_url,
     name = '',
@@ -31,16 +26,13 @@ const Trigger = ({
       )}
     >
       <CredentialIcon
-        avatar_url={avatar_url}
+        avatarUrl={avatar_url}
         name={name}
         size={20}
       />
       <div className='flex grow items-center gap-x-1 overflow-hidden'>
         <span className='system-md-semibold grow truncate text-text-secondary'>
-          {t('datasetPipeline.credentialSelector.name', {
-            credentialName: name,
-            pluginName,
-          })}
+          {name}
         </span>
         <RiArrowDownSLine className='size-4 shrink-0 text-text-secondary' />
       </div>

web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.tsx

@@ -11,12 +11,14 @@ type HeaderProps = {
   docTitle: string
   docLink: string
   onClickConfiguration?: () => void
+  pluginName: string
 } & CredentialSelectorProps
 
 const Header = ({
   docTitle,
   docLink,
   onClickConfiguration,
+  pluginName,
   ...rest
 }: HeaderProps) => {
   const { t } = useTranslation()
@@ -29,7 +31,7 @@ const Header = ({
         />
         <Divider type='vertical' className='mx-1 h-3.5 shrink-0' />
         <Tooltip
-          popupContent={t('datasetPipeline.configurationTip', { pluginName: rest.pluginName })}
+          popupContent={t('datasetPipeline.configurationTip', { pluginName })}
           position='top'
         >
           <Button