mirror of
https://github.com/langgenius/dify.git
synced 2026-05-06 02:18:08 +08:00
chore: merge in site message
This commit is contained in:
@ -14,9 +14,9 @@ const Empty = () => {
|
||||
<div className="mb-3 flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg-alt shadow-lg backdrop-blur-sm">
|
||||
<RiPuzzle2Line className="h-5 w-5 text-text-accent" />
|
||||
</div>
|
||||
<div className="system-sm-medium mb-1 text-text-secondary">{t('apiBasedExtension.title', { ns: 'common' })}</div>
|
||||
<div className="mb-1 text-text-secondary system-sm-medium">{t('apiBasedExtension.title', { ns: 'common' })}</div>
|
||||
<a
|
||||
className="system-xs-regular flex items-center text-text-accent"
|
||||
className="flex items-center text-text-accent system-xs-regular"
|
||||
href={docLink('/use-dify/workspace/api-extension/api-extension')}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
|
||||
@ -120,10 +120,10 @@ const Card = ({
|
||||
className="mr-3 flex h-10 w-10 shrink-0 items-center justify-center"
|
||||
/>
|
||||
<div className="grow">
|
||||
<div className="system-md-semibold text-text-primary">
|
||||
<div className="text-text-primary system-md-semibold">
|
||||
{renderI18nObject(label)}
|
||||
</div>
|
||||
<div className="system-xs-regular flex h-4 items-center text-text-tertiary">
|
||||
<div className="flex h-4 items-center text-text-tertiary system-xs-regular">
|
||||
{author}
|
||||
<div className="mx-0.5 text-text-quaternary">/</div>
|
||||
{name}
|
||||
@ -135,7 +135,7 @@ const Card = ({
|
||||
onUpdate={handleAuthUpdate}
|
||||
/>
|
||||
</div>
|
||||
<div className="system-xs-medium flex h-4 items-center pl-3 text-text-tertiary">
|
||||
<div className="flex h-4 items-center pl-3 text-text-tertiary system-xs-medium">
|
||||
{t('auth.connectedWorkspace', { ns: 'plugin' })}
|
||||
<div className="ml-3 h-[1px] grow bg-divider-subtle"></div>
|
||||
</div>
|
||||
@ -157,7 +157,7 @@ const Card = ({
|
||||
{
|
||||
!credentials_list.length && (
|
||||
<div className="p-3 pt-1">
|
||||
<div className="system-xs-regular flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary">
|
||||
<div className="flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary system-xs-regular">
|
||||
{t('auth.emptyAuth', { ns: 'plugin' })}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -104,7 +104,7 @@ const Configure = ({
|
||||
}
|
||||
{
|
||||
!!canApiKey && !!canOAuth && (
|
||||
<div className="system-2xs-medium-uppercase flex h-4 items-center p-2 text-text-quaternary">
|
||||
<div className="flex h-4 items-center p-2 text-text-quaternary system-2xs-medium-uppercase">
|
||||
<div className="mr-2 h-[1px] grow bg-gradient-to-l from-[rgba(16,24,40,0.08)]" />
|
||||
OR
|
||||
<div className="ml-2 h-[1px] grow bg-gradient-to-r from-[rgba(16,24,40,0.08)]" />
|
||||
|
||||
@ -48,13 +48,13 @@ const InstallFromMarketplace = ({
|
||||
<div className="mb-2">
|
||||
<Divider className="!mt-4 h-px" />
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="system-md-semibold flex cursor-pointer items-center gap-1 text-text-primary" onClick={() => setCollapse(!collapse)}>
|
||||
<div className="flex cursor-pointer items-center gap-1 text-text-primary system-md-semibold" onClick={() => setCollapse(!collapse)}>
|
||||
<RiArrowDownSLine className={cn('h-4 w-4', collapse && '-rotate-90')} />
|
||||
{t('modelProvider.installDataSourceProvider', { ns: 'common' })}
|
||||
</div>
|
||||
<div className="mb-2 flex items-center pt-2">
|
||||
<span className="system-sm-regular pr-1 text-text-tertiary">{t('modelProvider.discoverMore', { ns: 'common' })}</span>
|
||||
<Link target="_blank" href={getMarketplaceUrl('', { theme })} className="system-sm-medium inline-flex items-center text-text-accent">
|
||||
<span className="pr-1 text-text-tertiary system-sm-regular">{t('modelProvider.discoverMore', { ns: 'common' })}</span>
|
||||
<Link target="_blank" href={getMarketplaceUrl('', { theme })} className="inline-flex items-center text-text-accent system-sm-medium">
|
||||
{t('marketplace.difyMarketplace', { ns: 'plugin' })}
|
||||
<RiArrowRightUpLine className="h-4 w-4" />
|
||||
</Link>
|
||||
|
||||
@ -69,7 +69,7 @@ const Item = ({
|
||||
}
|
||||
{
|
||||
!renaming && (
|
||||
<div className="system-sm-medium grow text-text-secondary">
|
||||
<div className="grow text-text-secondary system-sm-medium">
|
||||
{credentialItem.name}
|
||||
</div>
|
||||
)
|
||||
@ -78,7 +78,7 @@ const Item = ({
|
||||
<div className="mr-1 flex h-3 w-3 items-center justify-center">
|
||||
<Indicator color="green" />
|
||||
</div>
|
||||
<div className="system-xs-semibold-uppercase text-util-colors-green-green-600">
|
||||
<div className="text-util-colors-green-green-600 system-xs-semibold-uppercase">
|
||||
connected
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -39,7 +39,7 @@ const Operator = ({
|
||||
text: (
|
||||
<div className="flex items-center">
|
||||
<RiHome9Line className="mr-2 h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">{t('auth.setDefault', { ns: 'plugin' })}</div>
|
||||
<div className="text-text-secondary system-sm-semibold">{t('auth.setDefault', { ns: 'plugin' })}</div>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -51,7 +51,7 @@ const Operator = ({
|
||||
text: (
|
||||
<div className="flex items-center">
|
||||
<RiEditLine className="mr-2 h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">{t('operation.rename', { ns: 'common' })}</div>
|
||||
<div className="text-text-secondary system-sm-semibold">{t('operation.rename', { ns: 'common' })}</div>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -66,7 +66,7 @@ const Operator = ({
|
||||
text: (
|
||||
<div className="flex items-center">
|
||||
<RiEqualizer2Line className="mr-2 h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">{t('operation.edit', { ns: 'common' })}</div>
|
||||
<div className="text-text-secondary system-sm-semibold">{t('operation.edit', { ns: 'common' })}</div>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -81,7 +81,7 @@ const Operator = ({
|
||||
text: (
|
||||
<div className="flex items-center">
|
||||
<RiStickyNoteAddLine className="mr-2 h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold mb-1 text-text-secondary">{t('dataSource.notion.changeAuthorizedPages', { ns: 'common' })}</div>
|
||||
<div className="mb-1 text-text-secondary system-sm-semibold">{t('dataSource.notion.changeAuthorizedPages', { ns: 'common' })}</div>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
@ -98,7 +98,7 @@ const Operator = ({
|
||||
text: (
|
||||
<div className="flex items-center">
|
||||
<RiDeleteBinLine className="mr-2 h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">
|
||||
<div className="text-text-secondary system-sm-semibold">
|
||||
{t('operation.remove', { ns: 'common' })}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -69,8 +69,8 @@ export default function Operate({
|
||||
>
|
||||
<RiStickyNoteAddLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
|
||||
<div>
|
||||
<div className="system-sm-semibold text-text-secondary">{t('dataSource.notion.changeAuthorizedPages', { ns: 'common' })}</div>
|
||||
<div className="system-xs-regular text-text-tertiary">
|
||||
<div className="text-text-secondary system-sm-semibold">{t('dataSource.notion.changeAuthorizedPages', { ns: 'common' })}</div>
|
||||
<div className="text-text-tertiary system-xs-regular">
|
||||
{payload.total}
|
||||
{' '}
|
||||
{t('dataSource.notion.pagesAuthorized', { ns: 'common' })}
|
||||
@ -81,7 +81,7 @@ export default function Operate({
|
||||
<MenuItem>
|
||||
<div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={handleSync}>
|
||||
<RiLoopLeftLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">{t('dataSource.notion.sync', { ns: 'common' })}</div>
|
||||
<div className="text-text-secondary system-sm-semibold">{t('dataSource.notion.sync', { ns: 'common' })}</div>
|
||||
</div>
|
||||
</MenuItem>
|
||||
</div>
|
||||
@ -89,7 +89,7 @@ export default function Operate({
|
||||
<div className="border-t border-divider-subtle p-1">
|
||||
<div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={handleRemove}>
|
||||
<RiDeleteBinLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
|
||||
<div className="system-sm-semibold text-text-secondary">{t('dataSource.notion.remove', { ns: 'common' })}</div>
|
||||
<div className="text-text-secondary system-sm-semibold">{t('dataSource.notion.remove', { ns: 'common' })}</div>
|
||||
</div>
|
||||
</div>
|
||||
</MenuItem>
|
||||
|
||||
@ -96,7 +96,7 @@ const ConfigFirecrawlModal: FC<Props> = ({
|
||||
<div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
|
||||
<div className="px-8 pt-8">
|
||||
<div className="mb-4 flex items-center justify-between">
|
||||
<div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configFirecrawl`, { ns: 'datasetCreation' })}</div>
|
||||
<div className="text-text-primary system-xl-semibold">{t(`${I18N_PREFIX}.configFirecrawl`, { ns: 'datasetCreation' })}</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4">
|
||||
|
||||
@ -82,7 +82,7 @@ const ConfigJinaReaderModal: FC<Props> = ({
|
||||
<div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
|
||||
<div className="px-8 pt-8">
|
||||
<div className="mb-4 flex items-center justify-between">
|
||||
<div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configJinaReader`, { ns: 'datasetCreation' })}</div>
|
||||
<div className="text-text-primary system-xl-semibold">{t(`${I18N_PREFIX}.configJinaReader`, { ns: 'datasetCreation' })}</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4">
|
||||
|
||||
@ -96,7 +96,7 @@ const ConfigWatercrawlModal: FC<Props> = ({
|
||||
<div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
|
||||
<div className="px-8 pt-8">
|
||||
<div className="mb-4 flex items-center justify-between">
|
||||
<div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configWatercrawl`, { ns: 'datasetCreation' })}</div>
|
||||
<div className="text-text-primary system-xl-semibold">{t(`${I18N_PREFIX}.configWatercrawl`, { ns: 'datasetCreation' })}</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4">
|
||||
|
||||
@ -47,13 +47,13 @@ const ConfigItem: FC<Props> = ({
|
||||
return (
|
||||
<div className={cn(s['workspace-item'], 'mb-1 flex items-center rounded-lg bg-components-panel-on-panel-item-bg py-1 pr-1')} key={payload.id}>
|
||||
<payload.logo className="ml-3 mr-1.5" />
|
||||
<div className="system-sm-medium grow truncate py-[7px] text-text-secondary" title={payload.name}>{payload.name}</div>
|
||||
<div className="grow truncate py-[7px] text-text-secondary system-sm-medium" title={payload.name}>{payload.name}</div>
|
||||
{
|
||||
payload.isActive
|
||||
? <Indicator className="mr-[6px] shrink-0" color="green" />
|
||||
: <Indicator className="mr-[6px] shrink-0" color="yellow" />
|
||||
}
|
||||
<div className={`system-xs-semibold-uppercase mr-3 shrink-0 ${payload.isActive ? 'text-util-colors-green-green-600' : 'text-util-colors-warning-warning-600'}`}>
|
||||
<div className={`mr-3 shrink-0 system-xs-semibold-uppercase ${payload.isActive ? 'text-util-colors-green-green-600' : 'text-util-colors-warning-warning-600'}`}>
|
||||
{
|
||||
payload.isActive
|
||||
? t(isNotion ? 'dataSource.notion.connected' : 'dataSource.website.active', { ns: 'common' })
|
||||
|
||||
@ -66,7 +66,7 @@ const Panel: FC<Props> = ({
|
||||
</div>
|
||||
{
|
||||
!isConfigured && (
|
||||
<div className="system-xs-medium text-text-tertiary">
|
||||
<div className="text-text-tertiary system-xs-medium">
|
||||
{t(`dataSource.${type}.description`, { ns: 'common' })}
|
||||
</div>
|
||||
)
|
||||
@ -90,7 +90,7 @@ const Panel: FC<Props> = ({
|
||||
{isSupportList && (
|
||||
<div
|
||||
className={
|
||||
`system-sm-medium flex min-h-7 items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-1 text-components-button-secondary-accent-text
|
||||
`flex min-h-7 items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-1 text-components-button-secondary-accent-text system-sm-medium
|
||||
${!readOnly ? 'cursor-pointer' : 'cursor-default opacity-50 grayscale'}`
|
||||
}
|
||||
onClick={onConfigure}
|
||||
@ -123,7 +123,7 @@ const Panel: FC<Props> = ({
|
||||
isConfigured && (
|
||||
<>
|
||||
<div className="flex h-[18px] items-center px-3">
|
||||
<div className="system-xs-medium text-text-tertiary">
|
||||
<div className="text-text-tertiary system-xs-medium">
|
||||
{isNotion ? t('dataSource.notion.connectedWorkspace', { ns: 'common' }) : t('dataSource.website.configuredCrawlers', { ns: 'common' })}
|
||||
</div>
|
||||
<div className="ml-3 grow border-t border-t-divider-subtle" />
|
||||
|
||||
@ -25,7 +25,7 @@ const TransferOwnership = ({ onOperate }: Props) => {
|
||||
return <Loading />
|
||||
}
|
||||
if (!workspacePermissions || workspacePermissions.allow_owner_transfer !== true) {
|
||||
return <span className="system-sm-regular px-3 text-text-secondary">{t('members.owner', { ns: 'common' })}</span>
|
||||
return <span className="px-3 text-text-secondary system-sm-regular">{t('members.owner', { ns: 'common' })}</span>
|
||||
}
|
||||
}
|
||||
|
||||
@ -34,7 +34,7 @@ const TransferOwnership = ({ onOperate }: Props) => {
|
||||
{
|
||||
({ open }) => (
|
||||
<>
|
||||
<MenuButton className={cn('system-sm-regular group flex h-full w-full cursor-pointer items-center justify-between px-3 text-text-secondary hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
|
||||
<MenuButton className={cn('group flex h-full w-full cursor-pointer items-center justify-between px-3 text-text-secondary system-sm-regular hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
|
||||
{t('members.owner', { ns: 'common' })}
|
||||
<RiArrowDownSLine className={cn('h-4 w-4 group-hover:block', open ? 'block' : 'hidden')} />
|
||||
</MenuButton>
|
||||
@ -53,7 +53,7 @@ const TransferOwnership = ({ onOperate }: Props) => {
|
||||
<div className="p-1">
|
||||
<MenuItem>
|
||||
<div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={onOperate}>
|
||||
<div className="system-md-regular whitespace-nowrap text-text-secondary">{t('members.transferOwnership', { ns: 'common' })}</div>
|
||||
<div className="whitespace-nowrap text-text-secondary system-md-regular">{t('members.transferOwnership', { ns: 'common' })}</div>
|
||||
</div>
|
||||
</MenuItem>
|
||||
</div>
|
||||
|
||||
@ -47,7 +47,7 @@ const AddCredentialInLoadBalancing = ({
|
||||
const renderTrigger = useCallback((open?: boolean) => {
|
||||
const Item = (
|
||||
<div className={cn(
|
||||
'system-sm-medium flex h-8 items-center rounded-lg px-3 text-text-accent hover:bg-state-base-hover',
|
||||
'flex h-8 items-center rounded-lg px-3 text-text-accent system-sm-medium hover:bg-state-base-hover',
|
||||
open && 'bg-state-base-hover',
|
||||
)}
|
||||
>
|
||||
|
||||
@ -136,7 +136,7 @@ const AddCustomModel = ({
|
||||
modelName={model.model}
|
||||
/>
|
||||
<div
|
||||
className="system-md-regular grow truncate text-text-primary"
|
||||
className="grow truncate text-text-primary system-md-regular"
|
||||
title={model.model}
|
||||
>
|
||||
{model.model}
|
||||
@ -148,7 +148,7 @@ const AddCustomModel = ({
|
||||
{
|
||||
!notAllowCustomCredential && (
|
||||
<div
|
||||
className="system-xs-medium flex cursor-pointer items-center border-t border-t-divider-subtle p-3 text-text-accent-light-mode-only"
|
||||
className="flex cursor-pointer items-center border-t border-t-divider-subtle p-3 text-text-accent-light-mode-only system-xs-medium"
|
||||
onClick={() => {
|
||||
handleOpenModalForAddNewCustomModel()
|
||||
setOpen(false)
|
||||
|
||||
@ -70,7 +70,7 @@ export const AuthorizedItem = ({
|
||||
)
|
||||
}
|
||||
<div
|
||||
className="system-md-medium mx-1 grow truncate text-text-primary"
|
||||
className="mx-1 grow truncate text-text-primary system-md-medium"
|
||||
title={title ?? model?.model}
|
||||
>
|
||||
{title ?? model?.model}
|
||||
|
||||
@ -172,7 +172,7 @@ const Authorized = ({
|
||||
>
|
||||
{
|
||||
popupTitle && (
|
||||
<div className="system-xs-medium px-3 pb-0.5 pt-[10px] text-text-tertiary">
|
||||
<div className="px-3 pb-0.5 pt-[10px] text-text-tertiary system-xs-medium">
|
||||
{popupTitle}
|
||||
</div>
|
||||
)
|
||||
@ -218,7 +218,7 @@ const Authorized = ({
|
||||
}
|
||||
: undefined,
|
||||
)}
|
||||
className="system-xs-medium flex h-[40px] cursor-pointer items-center px-3 text-text-accent-light-mode-only"
|
||||
className="flex h-[40px] cursor-pointer items-center px-3 text-text-accent-light-mode-only system-xs-medium"
|
||||
>
|
||||
<RiAddLine className="mr-1 h-4 w-4" />
|
||||
{t('modelProvider.auth.addModelCredential', { ns: 'common' })}
|
||||
|
||||
@ -25,7 +25,7 @@ const ConfigModel = ({
|
||||
if (loadBalancingInvalid) {
|
||||
return (
|
||||
<div
|
||||
className="system-2xs-medium-uppercase relative flex h-[18px] cursor-pointer items-center rounded-[5px] border border-text-warning bg-components-badge-bg-dimm px-1.5 text-text-warning"
|
||||
className="relative flex h-[18px] cursor-pointer items-center rounded-[5px] border border-text-warning bg-components-badge-bg-dimm px-1.5 text-text-warning system-2xs-medium-uppercase"
|
||||
onClick={onClick}
|
||||
>
|
||||
<RiScales3Line className="mr-0.5 h-3 w-3" />
|
||||
|
||||
@ -53,14 +53,14 @@ const CredentialSelector = ({
|
||||
triggerPopupSameWidth
|
||||
>
|
||||
<PortalToFollowElemTrigger asChild onClick={() => !disabled && setOpen(v => !v)}>
|
||||
<div className="system-sm-regular flex h-8 w-full items-center justify-between rounded-lg bg-components-input-bg-normal px-2">
|
||||
<div className="flex h-8 w-full items-center justify-between rounded-lg bg-components-input-bg-normal px-2 system-sm-regular">
|
||||
{
|
||||
selectedCredential && (
|
||||
<div className="flex items-center">
|
||||
{
|
||||
!selectedCredential.addNewCredential && <Indicator className="ml-1 mr-2 shrink-0" />
|
||||
}
|
||||
<div className="system-sm-regular truncate text-components-input-text-filled" title={selectedCredential.credential_name}>{selectedCredential.credential_name}</div>
|
||||
<div className="truncate text-components-input-text-filled system-sm-regular" title={selectedCredential.credential_name}>{selectedCredential.credential_name}</div>
|
||||
{
|
||||
selectedCredential.from_enterprise && (
|
||||
<Badge className="shrink-0">Enterprise</Badge>
|
||||
@ -71,7 +71,7 @@ const CredentialSelector = ({
|
||||
}
|
||||
{
|
||||
!selectedCredential && (
|
||||
<div className="system-sm-regular grow truncate text-components-input-text-placeholder">{t('modelProvider.auth.selectModelCredential', { ns: 'common' })}</div>
|
||||
<div className="grow truncate text-components-input-text-placeholder system-sm-regular">{t('modelProvider.auth.selectModelCredential', { ns: 'common' })}</div>
|
||||
)
|
||||
}
|
||||
<RiArrowDownSLine className="h-4 w-4 text-text-quaternary" />
|
||||
@ -98,7 +98,7 @@ const CredentialSelector = ({
|
||||
{
|
||||
!notAllowAddNewCredential && (
|
||||
<div
|
||||
className="system-xs-medium flex h-10 cursor-pointer items-center border-t border-t-divider-subtle px-7 text-text-accent-light-mode-only"
|
||||
className="flex h-10 cursor-pointer items-center border-t border-t-divider-subtle px-7 text-text-accent-light-mode-only system-xs-medium"
|
||||
onClick={handleAddNewCredential}
|
||||
>
|
||||
<RiAddLine className="mr-1 h-4 w-4" />
|
||||
|
||||
@ -39,7 +39,7 @@ const ModelName: FC<ModelNameProps> = ({
|
||||
if (!modelItem)
|
||||
return null
|
||||
return (
|
||||
<div className={cn('system-sm-regular flex items-center gap-0.5 overflow-hidden truncate text-ellipsis text-components-input-text-filled', className)}>
|
||||
<div className={cn('flex items-center gap-0.5 overflow-hidden truncate text-ellipsis text-components-input-text-filled system-sm-regular', className)}>
|
||||
<div
|
||||
className="truncate"
|
||||
title={modelItem.label[language] || modelItem.label.en_US}
|
||||
|
||||
@ -139,7 +139,7 @@ const AgentModelTrigger: FC<AgentModelTriggerProps> = ({
|
||||
: (
|
||||
<>
|
||||
<div className="flex grow items-center gap-1 p-1 pl-2">
|
||||
<span className="system-sm-regular overflow-hidden text-ellipsis whitespace-nowrap text-components-input-text-placeholder">
|
||||
<span className="overflow-hidden text-ellipsis whitespace-nowrap text-components-input-text-placeholder system-sm-regular">
|
||||
{t('nodes.agent.configureModel', { ns: 'workflow' })}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@ -17,7 +17,7 @@ const ModelDisplay = ({ currentModel, modelId }: ModelDisplayProps) => {
|
||||
)
|
||||
: (
|
||||
<div className="flex grow items-center gap-1 truncate px-1 py-[3px] opacity-50">
|
||||
<div className="system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled">
|
||||
<div className="overflow-hidden text-ellipsis text-components-input-text-filled system-sm-regular">
|
||||
{modelId}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -37,7 +37,7 @@ const PresetsParameter: FC<PresetsParameterProps> = ({
|
||||
)
|
||||
}, [t])
|
||||
const getToneIcon = (toneId: number) => {
|
||||
const className = 'mr-2 w-[14px] h-[14px]'
|
||||
const className = 'mr-2 h-[14px] w-[14px]'
|
||||
const res = ({
|
||||
1: <Brush01 className={`${className} text-[#6938EF]`} />,
|
||||
2: <Scales02 className={`${className} text-indigo-600`} />,
|
||||
|
||||
@ -18,14 +18,14 @@ const StatusIndicators = ({ needsConfiguration, modelProvider, inModelList, disa
|
||||
const renderTooltipContent = (title: string, description?: string, linkText?: string, linkHref?: string) => {
|
||||
return (
|
||||
<div className="flex w-[240px] max-w-[240px] flex-col gap-1 px-1 py-1.5" onClick={e => e.stopPropagation()}>
|
||||
<div className="title-xs-semi-bold text-text-primary">{title}</div>
|
||||
<div className="text-text-primary title-xs-semi-bold">{title}</div>
|
||||
{description && (
|
||||
<div className="body-xs-regular min-w-[200px] text-text-secondary">
|
||||
<div className="min-w-[200px] text-text-secondary body-xs-regular">
|
||||
{description}
|
||||
</div>
|
||||
)}
|
||||
{linkText && linkHref && (
|
||||
<div className="body-xs-regular z-[100] cursor-pointer text-text-accent">
|
||||
<div className="z-[100] cursor-pointer text-text-accent body-xs-regular">
|
||||
<Link
|
||||
href={linkHref}
|
||||
onClick={(e) => {
|
||||
|
||||
@ -44,10 +44,10 @@ const Trigger: FC<TriggerProps> = ({
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'relative flex h-8 cursor-pointer items-center rounded-lg px-2',
|
||||
'relative flex h-8 cursor-pointer items-center rounded-lg px-2',
|
||||
!isInWorkflow && 'border ring-inset hover:ring-[0.5px]',
|
||||
!isInWorkflow && (disabled ? 'border-text-warning bg-state-warning-hover ring-text-warning' : 'border-util-colors-indigo-indigo-600 bg-state-accent-hover ring-util-colors-indigo-indigo-600'),
|
||||
isInWorkflow && 'border border-workflow-block-parma-bg bg-workflow-block-parma-bg pr-[30px] hover:border-components-input-border-active',
|
||||
isInWorkflow && 'border border-workflow-block-parma-bg bg-workflow-block-parma-bg pr-[30px] hover:border-components-input-border-active',
|
||||
)}
|
||||
>
|
||||
{
|
||||
|
||||
@ -55,12 +55,12 @@ const ModelList: FC<ModelListProps> = ({
|
||||
<div className="rounded-lg bg-components-panel-bg py-1">
|
||||
<div className="flex items-center pl-1 pr-[3px]">
|
||||
<span className="group mr-2 flex shrink-0 items-center">
|
||||
<span className="system-xs-medium inline-flex h-6 items-center pl-1 pr-1.5 text-text-tertiary group-hover:hidden">
|
||||
<span className="inline-flex h-6 items-center pl-1 pr-1.5 text-text-tertiary system-xs-medium group-hover:hidden">
|
||||
{t('modelProvider.modelsNum', { ns: 'common', num: models.length })}
|
||||
<RiArrowRightSLine className="mr-0.5 h-4 w-4 rotate-90" />
|
||||
</span>
|
||||
<span
|
||||
className="system-xs-medium hidden h-6 cursor-pointer items-center rounded-lg bg-state-base-hover pl-1 pr-1.5 text-text-tertiary group-hover:inline-flex"
|
||||
className="hidden h-6 cursor-pointer items-center rounded-lg bg-state-base-hover pl-1 pr-1.5 text-text-tertiary system-xs-medium group-hover:inline-flex"
|
||||
onClick={() => onCollapse()}
|
||||
>
|
||||
{t('modelProvider.modelsNum', { ns: 'common', num: models.length })}
|
||||
|
||||
@ -17,15 +17,15 @@ const LicenseNav = () => {
|
||||
return (
|
||||
<PremiumBadge color="orange" className="select-none">
|
||||
<RiHourglass2Fill className="flex size-3 items-center pl-0.5 text-components-premium-badge-indigo-text-stop-0" />
|
||||
{count <= 1 && <span className="system-xs-medium px-0.5">{t('license.expiring', { ns: 'common', count })}</span>}
|
||||
{count > 1 && <span className="system-xs-medium px-0.5">{t('license.expiring_plural', { ns: 'common', count })}</span>}
|
||||
{count <= 1 && <span className="px-0.5 system-xs-medium">{t('license.expiring', { ns: 'common', count })}</span>}
|
||||
{count > 1 && <span className="px-0.5 system-xs-medium">{t('license.expiring_plural', { ns: 'common', count })}</span>}
|
||||
</PremiumBadge>
|
||||
)
|
||||
}
|
||||
if (systemFeatures.license.status === LicenseStatus.ACTIVE) {
|
||||
return (
|
||||
<PremiumBadge color="indigo" className="select-none">
|
||||
<span className="system-xs-medium px-1">Enterprise</span>
|
||||
<span className="px-1 system-xs-medium">Enterprise</span>
|
||||
</PremiumBadge>
|
||||
)
|
||||
}
|
||||
|
||||
@ -119,7 +119,7 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
|
||||
<div
|
||||
onClick={() => onCreate('')}
|
||||
className={cn(
|
||||
'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-base-hover ',
|
||||
'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-base-hover',
|
||||
)}
|
||||
>
|
||||
<div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-[6px] border-[0.5px] border-divider-regular bg-background-default">
|
||||
|
||||
@ -33,7 +33,7 @@ const PluginsNav = ({
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={cn('system-sm-medium relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5', activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md', !activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
|
||||
className={cn('relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5 system-sm-medium', activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md', !activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
|
||||
>
|
||||
{
|
||||
(isFailed || isInstallingWithError) && !activated && (
|
||||
|
||||
Reference in New Issue
Block a user