Merge remote-tracking branch 'origin/main' into feat/support-agent-sandbox

web/app/components/datasets/common/document-picker/index.tsx

@@ -87,7 +87,7 @@ const DocumentPicker: FC<Props> = ({
           <FileIcon name={name} extension={extension} size="xl" />
           <div className="ml-1 mr-0.5 flex flex-col items-start">
             <div className="flex items-center space-x-0.5">
-              <span className={cn('system-md-semibold text-text-primary')}>
+              <span className={cn('text-text-primary system-md-semibold')}>
                 {' '}
                 {name || '--'}
               </span>

web/app/components/datasets/common/document-picker/preview-document-picker.tsx

@@ -56,7 +56,7 @@ const PreviewDocumentPicker: FC<Props> = ({
           <FileIcon name={name} extension={extension} size="lg" />
           <div className="ml-1 flex flex-col items-start">
             <div className="flex items-center space-x-0.5">
-              <span className={cn('system-md-semibold max-w-[200px] truncate text-text-primary')}>
+              <span className={cn('max-w-[200px] truncate text-text-primary system-md-semibold')}>
                 {' '}
                 {name || '--'}
               </span>
@@ -67,7 +67,7 @@ const PreviewDocumentPicker: FC<Props> = ({
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-[11]">
         <div className="w-[392px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]">
-          {files?.length > 1 && <div className="system-xs-medium-uppercase flex h-8 items-center pl-2 text-text-tertiary">{t('preprocessDocument', { ns: 'dataset', num: files.length })}</div>}
+          {files?.length > 1 && <div className="flex h-8 items-center pl-2 text-text-tertiary system-xs-medium-uppercase">{t('preprocessDocument', { ns: 'dataset', num: files.length })}</div>}
           {files?.length > 0
             ? (
                 <DocumentList

web/app/components/datasets/common/image-list/more.tsx

@@ -27,7 +27,7 @@ const More = ({ count, onClick }: MoreProps) => {
     <div className="relative size-8 cursor-pointer p-[0.5px]" onClick={handleClick}>
       <div className="relative z-10 size-full rounded-md border-[1.5px] border-components-panel-bg bg-divider-regular">
         <div className="flex size-full items-center justify-center">
-          <span className="system-xs-regular text-text-tertiary">
+          <span className="text-text-tertiary system-xs-regular">
             {`+${formatNumber(count)}`}
           </span>
         </div>

web/app/components/datasets/common/image-previewer/index.tsx

@@ -164,7 +164,7 @@ const ImagePreviewer = ({
         >
           <RiCloseLine className="size-5" />
         </Button>
-        <span className="system-2xs-medium-uppercase text-text-tertiary">
+        <span className="text-text-tertiary system-2xs-medium-uppercase">
           Esc
         </span>
       </div>
@@ -172,7 +172,7 @@ const ImagePreviewer = ({
         <Loading type="app" />
       )}
       {cachedImages[currentImage.url].status === 'error' && (
-        <div className="system-sm-regular flex max-w-sm flex-col items-center gap-y-2 text-text-tertiary">
+        <div className="flex max-w-sm flex-col items-center gap-y-2 text-text-tertiary system-sm-regular">
           <span>{`Failed to load image: ${currentImage.url}. Please try again.`}</span>
           <Button
             variant="secondary"
@@ -191,7 +191,7 @@ const ImagePreviewer = ({
             src={cachedImages[currentImage.url].blobUrl}
             className="max-h-[calc(100%-2.5rem)] max-w-full object-contain shadow-lg ring-8 ring-effects-image-frame backdrop-blur-[5px]"
           />
-          <div className="system-sm-regular flex shrink-0 gap-x-2 pb-1 pt-3 text-text-tertiary">
+          <div className="flex shrink-0 gap-x-2 pb-1 pt-3 text-text-tertiary system-sm-regular">
             <span>{currentImage.name}</span>
             <span>·</span>
             <span>{`${cachedImages[currentImage.url].width} ×  ${cachedImages[currentImage.url].height}`}</span>

web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-input.tsx

@@ -36,7 +36,7 @@ const ImageUploader = () => {
           dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent',
         )}
       >
-        <div className="system-sm-medium flex items-center justify-center gap-x-2 text-text-secondary">
+        <div className="flex items-center justify-center gap-x-2 text-text-secondary system-sm-medium">
           <RiUploadCloud2Line className="size-5 text-text-tertiary" />
           <div>
             <span>{t('imageUploader.button', { ns: 'dataset' })}</span>

web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-input.tsx

@@ -48,7 +48,7 @@ const ImageUploader = () => {
               <RiImageAddLine className="size-4 text-text-tertiary" />
             </div>
             {files.length === 0 && (
-              <span className="system-sm-regular text-text-quaternary group-hover:text-text-tertiary">
+              <span className="text-text-quaternary system-sm-regular group-hover:text-text-tertiary">
                 {t('imageUploader.tip', {
                   ns: 'datasetHitTesting',
                   size: fileUploadConfig.imageFileSizeLimit,

web/app/components/datasets/common/retrieval-param-config/index.tsx

@@ -127,7 +127,7 @@ const RetrievalParamConfig: FC<Props> = ({
               />
             )}
             <div className="flex items-center">
-              <span className="system-sm-semibold mr-0.5 text-text-secondary">{t('modelProvider.rerankModel.key', { ns: 'common' })}</span>
+              <span className="mr-0.5 text-text-secondary system-sm-semibold">{t('modelProvider.rerankModel.key', { ns: 'common' })}</span>
               <Tooltip
                 popupContent={
                   <div className="w-[200px]">{t('modelProvider.rerankModel.tip', { ns: 'common' })}</div>
@@ -157,7 +157,7 @@ const RetrievalParamConfig: FC<Props> = ({
                     <div className="p-1">
                       <AlertTriangle className="size-4 text-text-warning-secondary" />
                     </div>
-                    <span className="system-xs-medium text-text-primary">
+                    <span className="text-text-primary system-xs-medium">
                       {t('form.retrievalSetting.multiModalTip', { ns: 'datasetSettings' })}
                     </span>
                   </div>
@@ -281,7 +281,7 @@ const RetrievalParamConfig: FC<Props> = ({
                       <div className="p-1">
                         <AlertTriangle className="size-4 text-text-warning-secondary" />
                       </div>
-                      <span className="system-xs-medium text-text-primary">
+                      <span className="text-text-primary system-xs-medium">
                         {t('form.retrievalSetting.multiModalTip', { ns: 'datasetSettings' })}
                       </span>
                     </div>