ngskcloud
/
gcgj-dify-1.7.0
16
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: useless change sync to main and global

Browse Source
pull/13892/head
Joel 1 year ago
parent e5d43eb51d
commit 79a2a4f0aa
8 changed files with 100 additions and 120 deletions
Show Stats Download Patch File Download Diff File

6
web/app/(commonLayout)/datasets/Datasets.tsx
Unescape Escape View File

@ -66,9 +66,9 @@ const Datasets = ({
useEffect(() => { useEffect(() => {
const onScroll = debounce(() => { const onScroll = debounce(() => {
if (!loadingStateRef.current && containerRef.current && anchorRef.current) { if (!loadingStateRef.current) {
const { scrollTop, clientHeight } = containerRef.current! const { scrollTop, clientHeight } = containerRef.current!
const anchorOffset = anchorRef.current.offsetTop const anchorOffset = anchorRef.current!.offsetTop
if (anchorOffset - scrollTop - clientHeight < 100) if (anchorOffset - scrollTop - clientHeight < 100)
setSize(size => size + 1) setSize(size => size + 1)
} }
@ -79,7 +79,7 @@ const Datasets = ({
}, []) }, [])
return ( return (
<nav className='grid content-start grid-cols-1 gap-4 px-12 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grow shrink-0'> <nav className='grid shrink-0 grow grid-cols-1 content-start gap-4 px-12 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
{isCurrentWorkspaceEditor && <NewDatasetCard ref={anchorRef} />} {isCurrentWorkspaceEditor && <NewDatasetCard ref={anchorRef} />}
{data?.map(({ data: datasets }) => datasets.map(dataset => ( {data?.map(({ data: datasets }) => datasets.map(dataset => (
<DatasetCard key={dataset.id} dataset={dataset} onSuccess={mutate} />), <DatasetCard key={dataset.id} dataset={dataset} onSuccess={mutate} />),

95
web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
Unescape Escape View File

@ -261,11 +261,11 @@ const ToolSelector: FC<Props> = ({
onInstall={() => handleInstall()} onInstall={() => handleInstall()}
isError={(!currentProvider || !currentTool) && !inMarketPlace} isError={(!currentProvider || !currentTool) && !inMarketPlace}
errorTip={ errorTip={
<div className='space-y-1 max-w-[240px] text-xs'> <div className='max-w-[240px] space-y-1 text-xs'>
<h3 className='text-text-primary font-semibold'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledTitle') : t('plugin.detailPanel.toolSelector.unsupportedTitle')}</h3> <h3 className='font-semibold text-text-primary'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledTitle') : t('plugin.detailPanel.toolSelector.unsupportedTitle')}</h3>
<p className='text-text-secondary tracking-tight'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledContent') : t('plugin.detailPanel.toolSelector.unsupportedContent')}</p> <p className='tracking-tight text-text-secondary'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledContent') : t('plugin.detailPanel.toolSelector.unsupportedContent')}</p>
<p> <p>
<Link href={'/plugins'} className='text-text-accent tracking-tight'>{t('plugin.detailPanel.toolSelector.uninstalledLink')}</Link> <Link href={'/plugins'} className='tracking-tight text-text-accent'>{t('plugin.detailPanel.toolSelector.uninstalledLink')}</Link>
</p> </p>
</div> </div>
} }
@ -273,14 +273,14 @@ const ToolSelector: FC<Props> = ({
)} )}
</PortalToFollowElemTrigger> </PortalToFollowElemTrigger>
<PortalToFollowElemContent className='z-[1000]'> <PortalToFollowElemContent className='z-[1000]'>
<div className={cn('relative w-[361px] min-h-20 max-h-[642px] pb-4 rounded-xl backdrop-blur-sm bg-components-panel-bg-blur border-[0.5px] border-components-panel-border shadow-lg', !isShowSettingAuth && 'overflow-y-auto pb-2')}> <div className={cn('relative max-h-[642px] min-h-20 w-[361px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-4 shadow-lg backdrop-blur-sm', !isShowSettingAuth && 'overflow-y-auto pb-2')}>
{!isShowSettingAuth && ( {!isShowSettingAuth && (
<> <>
<div className='px-4 pt-3.5 pb-1 text-text-primary system-xl-semibold'>{t('plugin.detailPanel.toolSelector.title')}</div> <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t('plugin.detailPanel.toolSelector.title')}</div>
{/* base form */} {/* base form */}
<div className='px-4 py-2 flex flex-col gap-3'> <div className='flex flex-col gap-3 px-4 py-2'>
<div className='flex flex-col gap-1'> <div className='flex flex-col gap-1'>
<div className='h-6 flex items-center system-sm-semibold text-text-secondary'>{t('plugin.detailPanel.toolSelector.toolLabel')}</div> <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>{t('plugin.detailPanel.toolSelector.toolLabel')}</div>
<ToolPicker <ToolPicker
panelClassName='w-[328px]' panelClassName='w-[328px]'
placement='bottom' placement='bottom'
@ -302,7 +302,7 @@ const ToolSelector: FC<Props> = ({
/> />
</div> </div>
<div className='flex flex-col gap-1'> <div className='flex flex-col gap-1'>
<div className='h-6 flex items-center system-sm-semibold text-text-secondary'>{t('plugin.detailPanel.toolSelector.descriptionLabel')}</div> <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>{t('plugin.detailPanel.toolSelector.descriptionLabel')}</div>
<Textarea <Textarea
className='resize-none' className='resize-none'
placeholder={t('plugin.detailPanel.toolSelector.descriptionPlaceholder')} placeholder={t('plugin.detailPanel.toolSelector.descriptionPlaceholder')}
@ -320,7 +320,7 @@ const ToolSelector: FC<Props> = ({
{!currentProvider.is_team_authorization && ( {!currentProvider.is_team_authorization && (
<Button <Button
variant='primary' variant='primary'
className={cn('shrink-0 w-full')} className={cn('w-full shrink-0')}
onClick={() => setShowSettingAuth(true)} onClick={() => setShowSettingAuth(true)}
disabled={!isCurrentWorkspaceManager} disabled={!isCurrentWorkspaceManager}
> >
@ -330,7 +330,7 @@ const ToolSelector: FC<Props> = ({
{currentProvider.is_team_authorization && ( {currentProvider.is_team_authorization && (
<Button <Button
variant='secondary' variant='secondary'
className={cn('shrink-0 w-full')} className={cn('w-full shrink-0')}
onClick={() => setShowSettingAuth(true)} onClick={() => setShowSettingAuth(true)}
disabled={!isCurrentWorkspaceManager} disabled={!isCurrentWorkspaceManager}
> >
@ -348,7 +348,7 @@ const ToolSelector: FC<Props> = ({
{/* tabs */} {/* tabs */}
{nodeId && showTabSlider && ( {nodeId && showTabSlider && (
<TabSlider <TabSlider
className='shrink-0 mt-1 px-4' className='mt-1 shrink-0 px-4'
itemClassName='py-3' itemClassName='py-3'
noBorderBottom noBorderBottom
smallItem smallItem
@ -364,23 +364,23 @@ const ToolSelector: FC<Props> = ({
)} )}
{nodeId && showTabSlider && currType === 'params' && ( {nodeId && showTabSlider && currType === 'params' && (
<div className='px-4 py-2'> <div className='px-4 py-2'>
<div className='text-text-tertiary system-xs-regular'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div> <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
<div className='text-text-tertiary system-xs-regular'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div> <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
</div> </div>
)} )}
{/* user settings only */} {/* user settings only */}
{userSettingsOnly && ( {userSettingsOnly && (
<div className='p-4 pb-1'> <div className='p-4 pb-1'>
<div className='text-text-primary system-sm-semibold-uppercase'>{t('plugin.detailPanel.toolSelector.settings')}</div> <div className='system-sm-semibold-uppercase text-text-primary'>{t('plugin.detailPanel.toolSelector.settings')}</div>
</div> </div>
)} )}
{/* reasoning config only */} {/* reasoning config only */}
{nodeId && reasoningConfigOnly && ( {nodeId && reasoningConfigOnly && (
<div className='mb-1 p-4 pb-1'> <div className='mb-1 p-4 pb-1'>
<div className='text-text-primary system-sm-semibold-uppercase'>{t('plugin.detailPanel.toolSelector.params')}</div> <div className='system-sm-semibold-uppercase text-text-primary'>{t('plugin.detailPanel.toolSelector.params')}</div>
<div className='pb-1'> <div className='pb-1'>
<div className='text-text-tertiary system-xs-regular'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div> <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
<div className='text-text-tertiary system-xs-regular'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div> <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
</div> </div>
</div> </div>
)} )}
@ -402,7 +402,7 @@ const ToolSelector: FC<Props> = ({
className='inline-flex items-center text-xs text-text-accent' className='inline-flex items-center text-xs text-text-accent'
> >
{t('tools.howToGet')} {t('tools.howToGet')}
<RiArrowRightUpLine className='ml-1 w-3 h-3' /> <RiArrowRightUpLine className='ml-1 h-3 w-3' />
</a>) </a>)
: null} : null}
/> />
@ -420,40 +420,37 @@ const ToolSelector: FC<Props> = ({
/> />
)} )}
</> </>
) )}
}
</> </>
)} )}
{/* authorization panel */} {/* authorization panel */}
{ {isShowSettingAuth && currentProvider && (
isShowSettingAuth && currentProvider && ( <>
<> <div className='relative flex flex-col gap-1 pt-3.5'>
<div className='relative pt-3.5 flex flex-col gap-1'> <div className='absolute -top-2 left-2 w-[345px] rounded-t-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pt-2 backdrop-blur-sm'></div>
<div className='absolute -top-2 left-2 w-[345px] pt-2 rounded-t-xl backdrop-blur-sm bg-components-panel-bg-blur border-[0.5px] border-components-panel-border'></div> <div
<div className='system-xs-semibold-uppercase flex h-6 cursor-pointer items-center gap-1 px-3 text-text-accent-secondary'
className='px-3 h-6 flex items-center gap-1 text-text-accent-secondary system-xs-semibold-uppercase cursor-pointer' onClick={() => setShowSettingAuth(false)}
onClick={() => setShowSettingAuth(false)} >
> <RiArrowLeftLine className='h-4 w-4' />
<RiArrowLeftLine className='w-4 h-4' /> BACK
BACK
</div>
<div className='px-4 text-text-primary system-xl-semibold'>{t('tools.auth.setupModalTitle')}</div>
<div className='px-4 text-text-tertiary system-xs-regular'>{t('tools.auth.setupModalTitleDescription')}</div>
</div> </div>
<ToolCredentialForm <div className='system-xl-semibold px-4 text-text-primary'>{t('tools.auth.setupModalTitle')}</div>
collection={currentProvider} <div className='system-xs-regular px-4 text-text-tertiary'>{t('tools.auth.setupModalTitleDescription')}</div>
onCancel={() => setShowSettingAuth(false)} </div>
onSaved={async value => updatePermission({ <ToolCredentialForm
providerName: currentProvider.name, collection={currentProvider}
credentials: value, onCancel={() => setShowSettingAuth(false)}
})} onSaved={async value => updatePermission({
/> providerName: currentProvider.name,
</> credentials: value,
) })}
} />
</div > </>
</PortalToFollowElemContent > )}
</PortalToFollowElem > </div>
</PortalToFollowElemContent>
</PortalToFollowElem>
</> </>
) )
} }

30
web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
Unescape Escape View File

@ -39,7 +39,7 @@ import { SimpleSelect as Select } from '@/app/components/base/select'
import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development' import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
const optionNameI18NPrefix = 'workflow.nodes.ifElse.optionName' const optionNameI18NPrefix = 'workflow.nodes.ifElse.optionName'
interface ConditionItemProps { type ConditionItemProps = {
className?: string className?: string
disabled?: boolean disabled?: boolean
caseId: string caseId: string
@ -205,13 +205,13 @@ const ConditionItem = ({
}, [condition, doUpdateCondition]) }, [condition, doUpdateCondition])
return ( return (
<div className={cn('flex mb-1 last-of-type:mb-0', className)}> <div className={cn('mb-1 flex last-of-type:mb-0', className)}>
<div className={cn( <div className={cn(
'grow bg-components-input-bg-normal rounded-lg', 'grow rounded-lg bg-components-input-bg-normal',
isHovered && 'bg-state-destructive-hover', isHovered && 'bg-state-destructive-hover',
)}> )}>
<div className='flex items-center p-1'> <div className='flex items-center p-1'>
<div className='grow w-0'> <div className='w-0 grow'>
{isSubVarSelect {isSubVarSelect
? ( ? (
<Select <Select
@ -223,13 +223,13 @@ const ConditionItem = ({
onSelect={item => handleSubVarKeyChange(item.value as string)} onSelect={item => handleSubVarKeyChange(item.value as string)}
renderTrigger={item => ( renderTrigger={item => (
item item
? <div className='flex justify-start cursor-pointer'> ? <div className='flex cursor-pointer justify-start'>
<div className='inline-flex max-w-full px-1.5 items-center h-6 rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark shadow-xs text-text-accent'> <div className='inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs'>
<Variable02 className='shrink-0 w-3.5 h-3.5 text-text-accent' /> <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
<div className='ml-0.5 truncate system-xs-medium'>{item?.name}</div> <div className='system-xs-medium ml-0.5 truncate'>{item?.name}</div>
</div> </div>
</div> </div>
: <div className='text-left text-components-input-text-placeholder system-sm-regular'>{t('common.placeholder.select')}</div> : <div className='system-sm-regular text-left text-components-input-text-placeholder'>{t('common.placeholder.select')}</div>
)} )}
hideChecked hideChecked
/> />
@ -247,7 +247,7 @@ const ConditionItem = ({
)} )}
</div> </div>
<div className='mx-1 w-[1px] h-3 bg-divider-regular'></div> <div className='mx-1 h-3 w-[1px] bg-divider-regular'></div>
<ConditionOperator <ConditionOperator
disabled={!canChooseOperator} disabled={!canChooseOperator}
varType={condition.varType} varType={condition.varType}
@ -258,7 +258,7 @@ const ConditionItem = ({
</div> </div>
{ {
!comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType !== VarType.number && ( !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType !== VarType.number && (
<div className='px-2 py-1 max-h-[100px] border-t border-t-divider-subtle overflow-y-auto'> <div className='max-h-[100px] overflow-y-auto border-t border-t-divider-subtle px-2 py-1'>
<ConditionInput <ConditionInput
disabled={disabled} disabled={disabled}
value={condition.value as string} value={condition.value as string}
@ -271,7 +271,7 @@ const ConditionItem = ({
} }
{ {
!comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType === VarType.number && ( !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType === VarType.number && (
<div className='px-2 py-1 pt-[3px] border-t border-t-divider-subtle'> <div className='border-t border-t-divider-subtle px-2 py-1 pt-[3px]'>
<ConditionNumberInput <ConditionNumberInput
numberVarType={condition.numberVarType} numberVarType={condition.numberVarType}
onNumberVarTypeChange={handleUpdateConditionNumberVarType} onNumberVarTypeChange={handleUpdateConditionNumberVarType}
@ -289,7 +289,7 @@ const ConditionItem = ({
<div className='border-t border-t-divider-subtle'> <div className='border-t border-t-divider-subtle'>
<Select <Select
wrapperClassName='h-8' wrapperClassName='h-8'
className='px-2 text-xs rounded-t-none' className='rounded-t-none px-2 text-xs'
defaultValue={isArrayValue ? (condition.value as string[])?.[0] : (condition.value as string)} defaultValue={isArrayValue ? (condition.value as string[])?.[0] : (condition.value as string)}
items={selectOptions} items={selectOptions}
onSelect={item => handleUpdateConditionValue(item.value as string)} onSelect={item => handleUpdateConditionValue(item.value as string)}
@ -322,12 +322,12 @@ const ConditionItem = ({
} }
</div> </div>
<div <div
className='shrink-0 flex items-center justify-center ml-1 mt-1 w-6 h-6 rounded-lg cursor-pointer hover:bg-state-destructive-hover text-text-tertiary hover:text-text-destructive' className='ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
onMouseEnter={() => setIsHovered(true)} onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)} onMouseLeave={() => setIsHovered(false)}
onClick={doRemoveCondition} onClick={doRemoveCondition}
> >
<RiDeleteBinLine className='w-4 h-4' /> <RiDeleteBinLine className='h-4 w-4' />
</div> </div>
</div> </div>
) )

14
web/app/components/workflow/nodes/if-else/components/condition-value.tsx
Unescape Escape View File

@ -20,7 +20,7 @@ import type {
Node, Node,
} from '@/app/components/workflow/types' } from '@/app/components/workflow/types'
interface ConditionValueProps { type ConditionValueProps = {
variableSelector: string[] variableSelector: string[]
labelName?: string labelName?: string
operator: ComparisonOperator operator: ComparisonOperator
@ -75,14 +75,14 @@ const ConditionValue = ({
}, [isSelect, t, value]) }, [isSelect, t, value])
return ( return (
<div className='flex items-center px-1 h-6 rounded-md bg-workflow-block-parma-bg'> <div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1'>
{!isEnvVar && !isChatVar && <Variable02 className={cn('shrink-0 mr-1 w-3.5 h-3.5 text-text-accent', isException && 'text-text-warning')} />} {!isEnvVar && !isChatVar && <Variable02 className={cn('mr-1 h-3.5 w-3.5 shrink-0 text-text-accent', isException && 'text-text-warning')} />}
{isEnvVar && <Env className='shrink-0 mr-1 w-3.5 h-3.5 text-util-colors-violet-violet-600' />} {isEnvVar && <Env className='mr-1 h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600' />}
{isChatVar && <BubbleX className='w-3.5 h-3.5 text-util-colors-teal-teal-700' />} {isChatVar && <BubbleX className='h-3.5 w-3.5 text-util-colors-teal-teal-700' />}
<div <div
className={cn( className={cn(
'shrink-0 ml-0.5 truncate text-xs font-medium text-text-accent', 'ml-0.5 shrink-0 truncate text-xs font-medium text-text-accent',
!notHasValue && 'max-w-[70px]', !notHasValue && 'max-w-[70px]',
isException && 'text-text-warning', isException && 'text-text-warning',
)} )}
@ -91,7 +91,7 @@ const ConditionValue = ({
{variableName} {variableName}
</div> </div>
<div <div
className='shrink-0 mx-1 text-xs font-medium text-text-primary' className='mx-1 shrink-0 text-xs font-medium text-text-primary'
title={operatorName} title={operatorName}
> >
{operatorName} {operatorName}

30
web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx
Unescape Escape View File

@ -18,7 +18,7 @@ import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
import Badge from '@/app/components/base/badge' import Badge from '@/app/components/base/badge'
import { useKnowledge } from '@/hooks/use-knowledge' import { useKnowledge } from '@/hooks/use-knowledge'
interface Props { type Props = {
payload: DataSet payload: DataSet
onRemove: () => void onRemove: () => void
onChange: (dataSet: DataSet) => void onChange: (dataSet: DataSet) => void
@ -55,28 +55,28 @@ const DatasetItem: FC<Props> = ({
}, [onRemove]) }, [onRemove])
return ( return (
<div className={`flex items-center h-10 justify-between rounded-xl px-2 border-[0.5px] <div className={`group/dataset-item flex h-10 cursor-pointer items-center justify-between rounded-xl
border-components-panel-border-subtle cursor-pointer group/dataset-item border-[0.5px] border-components-panel-border-subtle px-2
${isDeleteHovered ${isDeleteHovered
? 'bg-state-destructive-hover border-state-destructive-border' ? 'border-state-destructive-border bg-state-destructive-hover'
: 'bg-components-panel-on-panel-item-bg hover:bg-components-panel-on-panel-item-bg-hover' : 'bg-components-panel-on-panel-item-bg hover:bg-components-panel-on-panel-item-bg-hover'
}`}> }`}>
<div className='w-0 grow flex items-center space-x-1.5'> <div className='flex w-0 grow items-center space-x-1.5'>
{ {
payload.data_source_type === DataSourceType.NOTION payload.data_source_type === DataSourceType.NOTION
? ( ? (
<div className='shrink-0 flex items-center justify-center w-6 h-6 rounded-md border-[0.5px] border-[#EAECF5]'> <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-[#EAECF5]'>
<FileIcon type='notion' className='w-4 h-4' /> <FileIcon type='notion' className='h-4 w-4' />
</div> </div>
) )
: <div className='shrink-0 flex items-center justify-center w-6 h-6 bg-[#F5F8FF] rounded-md border-[0.5px] border-[#E0EAFF]'> : <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-[#E0EAFF] bg-[#F5F8FF]'>
<Folder className='w-4 h-4 text-[#444CE7]' /> <Folder className='h-4 w-4 text-[#444CE7]' />
</div> </div>
} }
<div className='w-0 grow text-text-secondary system-sm-medium truncate'>{payload.name}</div> <div className='system-sm-medium w-0 grow truncate text-text-secondary'>{payload.name}</div>
</div> </div>
{!readonly && ( {!readonly && (
<div className='hidden group-hover/dataset-item:flex shrink-0 ml-2 items-center space-x-1'> <div className='ml-2 hidden shrink-0 items-center space-x-1 group-hover/dataset-item:flex'>
{ {
editable && <ActionButton editable && <ActionButton
onClick={(e) => { onClick={(e) => {
@ -84,7 +84,7 @@ const DatasetItem: FC<Props> = ({
showSettingsModal() showSettingsModal()
}} }}
> >
<RiEditLine className='w-4 h-4 shrink-0 text-text-tertiary' /> <RiEditLine className='h-4 w-4 shrink-0 text-text-tertiary' />
</ActionButton> </ActionButton>
} }
<ActionButton <ActionButton
@ -93,19 +93,19 @@ const DatasetItem: FC<Props> = ({
onMouseEnter={() => setIsDeleteHovered(true)} onMouseEnter={() => setIsDeleteHovered(true)}
onMouseLeave={() => setIsDeleteHovered(false)} onMouseLeave={() => setIsDeleteHovered(false)}
> >
<RiDeleteBinLine className={`w-4 h-4 shrink-0 ${isDeleteHovered ? 'text-text-destructive' : 'text-text-tertiary'}`} /> <RiDeleteBinLine className={`h-4 w-4 shrink-0 ${isDeleteHovered ? 'text-text-destructive' : 'text-text-tertiary'}`} />
</ActionButton> </ActionButton>
</div> </div>
)} )}
{ {
payload.indexing_technique && <Badge payload.indexing_technique && <Badge
className='group-hover/dataset-item:hidden shrink-0' className='shrink-0 group-hover/dataset-item:hidden'
text={formatIndexingTechniqueAndMethod(payload.indexing_technique, payload.retrieval_model_dict?.search_method)} text={formatIndexingTechniqueAndMethod(payload.indexing_technique, payload.retrieval_model_dict?.search_method)}
/> />
} }
{ {
payload.provider === 'external' && <Badge payload.provider === 'external' && <Badge
className='group-hover/dataset-item:hidden shrink-0' className='shrink-0 group-hover/dataset-item:hidden'
text={t('dataset.externalTag') as string} text={t('dataset.externalTag') as string}
/> />
} }

25
web/eslint.config.mjs
Unescape Escape View File

@ -8,22 +8,6 @@ import storybook from 'eslint-plugin-storybook'
import tailwind from 'eslint-plugin-tailwindcss' import tailwind from 'eslint-plugin-tailwindcss'
import reactHooks from 'eslint-plugin-react-hooks' import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh' import reactRefresh from 'eslint-plugin-react-refresh'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import js from '@eslint/js'
import { FlatCompat } from '@eslint/eslintrc'
import globals from 'globals'
import storybook from 'eslint-plugin-storybook'
import { fixupConfigRules } from '@eslint/compat'
import tailwind from 'eslint-plugin-tailwindcss'
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all,
})
export default combine( export default combine(
stylistic({ stylistic({
@ -79,10 +63,10 @@ export default combine(
node(), node(),
// use nextjs config will break @eslint/config-inspector // use nextjs config will break @eslint/config-inspector
// use `ESLINT_CONFIG_INSPECTOR=true pnpx @eslint/config-inspector` to check the config // use `ESLINT_CONFIG_INSPECTOR=true pnpx @eslint/config-inspector` to check the config
...process.env.ESLINT_CONFIG_INSPECTOR // ...process.env.ESLINT_CONFIG_INSPECTOR
? [] // ? []
// TODO: remove this when upgrade to nextjs 15 // TODO: remove this when upgrade to nextjs 15
: fixupConfigRules(compat.extends('next')), // : fixupConfigRules(compat.extends('next')),
{ {
rules: { rules: {
// performance issue, and not used. // performance issue, and not used.
@ -92,7 +76,6 @@ export default combine(
{ {
ignores: [ ignores: [
'**/node_modules/*', '**/node_modules/*',
'**/node_modules/',
'**/dist/', '**/dist/',
'**/build/', '**/build/',
'**/out/', '**/out/',

2
web/package.json
Unescape Escape View File

@ -166,7 +166,7 @@
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"eslint": "^9.13.0", "eslint": "^9.13.0",
"eslint-plugin-react-hooks": "^5.0.0", "eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.13", "eslint-plugin-react-refresh": "^0.4.19",
"eslint-plugin-storybook": "^0.10.1", "eslint-plugin-storybook": "^0.10.1",
"eslint-plugin-tailwindcss": "^3.17.5", "eslint-plugin-tailwindcss": "^3.17.5",
"husky": "^9.1.6", "husky": "^9.1.6",

18
web/pnpm-lock.yaml
Unescape Escape View File

@ -307,7 +307,7 @@ importers:
devDependencies: devDependencies:
'@antfu/eslint-config': '@antfu/eslint-config':
specifier: ^4.2.0 specifier: ^4.2.0
version: 4.2.1(@eslint-react/eslint-plugin@1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@typescript-eslint/utils@8.24.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@vue/compiler-sfc@3.5.12)(eslint-plugin-react-hooks@5.0.0(eslint@9.13.0(jiti@1.21.6)))(eslint-plugin-react-refresh@0.4.13(eslint@9.13.0(jiti@1.21.6)))(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3) version: 4.2.1(@eslint-react/eslint-plugin@1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@typescript-eslint/utils@8.24.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@vue/compiler-sfc@3.5.12)(eslint-plugin-react-hooks@5.0.0(eslint@9.13.0(jiti@1.21.6)))(eslint-plugin-react-refresh@0.4.19(eslint@9.13.0(jiti@1.21.6)))(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3)
'@chromatic-com/storybook': '@chromatic-com/storybook':
specifier: ^3.1.0 specifier: ^3.1.0
version: 3.1.0(react@19.0.0)(storybook@8.5.0) version: 3.1.0(react@19.0.0)(storybook@8.5.0)
@ -435,8 +435,8 @@ importers:
specifier: ^5.0.0 specifier: ^5.0.0
version: 5.0.0(eslint@9.13.0(jiti@1.21.6)) version: 5.0.0(eslint@9.13.0(jiti@1.21.6))
eslint-plugin-react-refresh: eslint-plugin-react-refresh:
specifier: ^0.4.13 specifier: ^0.4.19
version: 0.4.13(eslint@9.13.0(jiti@1.21.6)) version: 0.4.19(eslint@9.13.0(jiti@1.21.6))
eslint-plugin-storybook: eslint-plugin-storybook:
specifier: ^0.10.1 specifier: ^0.10.1
version: 0.10.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3) version: 0.10.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3)
@ -4338,10 +4338,10 @@ packages:
typescript: typescript:
optional: true optional: true
eslint-plugin-react-refresh@0.4.13: eslint-plugin-react-refresh@0.4.19:
resolution: {integrity: sha512-f1EppwrpJRWmqDTyvAyomFVDYRtrS7iTEqv3nokETnMiMzs2SSTmKRTACce4O2p4jYyowiSMvpdwC/RLcMFhuQ==} resolution: {integrity: sha512-eyy8pcr/YxSYjBoqIFSrlbn9i/xvxUFa8CjzAYo9cFjgGXqq1hyjihcpZvxRLalpaWmueWR81xn7vuKmAFijDQ==}
peerDependencies: peerDependencies:
eslint: '>=7' eslint: '>=8.40'
eslint-plugin-react-web-api@1.15.0: eslint-plugin-react-web-api@1.15.0:
resolution: {integrity: sha512-LUwzKumBApdKzUgl+9F5/TyJbYGQIOy450s6kr3rLPrc9tk8GQrBmSQKmWh2g7C1x7DIoMNFXeUuAD1q/1AKnw==} resolution: {integrity: sha512-LUwzKumBApdKzUgl+9F5/TyJbYGQIOy450s6kr3rLPrc9tk8GQrBmSQKmWh2g7C1x7DIoMNFXeUuAD1q/1AKnw==}
@ -7855,7 +7855,7 @@ snapshots:
'@jridgewell/gen-mapping': 0.3.5 '@jridgewell/gen-mapping': 0.3.5
'@jridgewell/trace-mapping': 0.3.25 '@jridgewell/trace-mapping': 0.3.25
'@antfu/eslint-config@4.2.1(@eslint-react/eslint-plugin@1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@typescript-eslint/utils@8.24.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@vue/compiler-sfc@3.5.12)(eslint-plugin-react-hooks@5.0.0(eslint@9.13.0(jiti@1.21.6)))(eslint-plugin-react-refresh@0.4.13(eslint@9.13.0(jiti@1.21.6)))(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3)': '@antfu/eslint-config@4.2.1(@eslint-react/eslint-plugin@1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@typescript-eslint/utils@8.24.1(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3))(@vue/compiler-sfc@3.5.12)(eslint-plugin-react-hooks@5.0.0(eslint@9.13.0(jiti@1.21.6)))(eslint-plugin-react-refresh@0.4.19(eslint@9.13.0(jiti@1.21.6)))(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3)':
dependencies: dependencies:
'@antfu/install-pkg': 1.0.0 '@antfu/install-pkg': 1.0.0
'@clack/prompts': 0.10.0 '@clack/prompts': 0.10.0
@ -7896,7 +7896,7 @@ snapshots:
optionalDependencies: optionalDependencies:
'@eslint-react/eslint-plugin': 1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3) '@eslint-react/eslint-plugin': 1.15.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.7.3)
eslint-plugin-react-hooks: 5.0.0(eslint@9.13.0(jiti@1.21.6)) eslint-plugin-react-hooks: 5.0.0(eslint@9.13.0(jiti@1.21.6))
eslint-plugin-react-refresh: 0.4.13(eslint@9.13.0(jiti@1.21.6)) eslint-plugin-react-refresh: 0.4.19(eslint@9.13.0(jiti@1.21.6))
transitivePeerDependencies: transitivePeerDependencies:
- '@eslint/json' - '@eslint/json'
- '@typescript-eslint/utils' - '@typescript-eslint/utils'
@ -12603,7 +12603,7 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
eslint-plugin-react-refresh@0.4.13(eslint@9.13.0(jiti@1.21.6)): eslint-plugin-react-refresh@0.4.19(eslint@9.13.0(jiti@1.21.6)):
dependencies: dependencies:
eslint: 9.13.0(jiti@1.21.6) eslint: 9.13.0(jiti@1.21.6)

Write Preview
Loading…
Cancel
Save