From c18c953a7c10e91c10e6c5b42c33b92397ef9639 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Wed, 29 Apr 2026 17:46:29 +0800
Subject: [PATCH] fix(web): style of batch test

---
 .../components/evaluation/__tests__/index.spec.tsx |  2 +-
 .../batch-test-panel/input-fields-tab.tsx          |  1 -
 .../input-fields/upload-run-popover.tsx            | 14 ++++++--------
 .../components/pipeline/pipeline-batch-actions.tsx |  1 -
 web/i18n/en-US/evaluation.json                     |  9 ++++-----
 web/i18n/zh-Hans/evaluation.json                   |  9 ++++-----
 6 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/web/app/components/evaluation/__tests__/index.spec.tsx b/web/app/components/evaluation/__tests__/index.spec.tsx
index b85a4ac924..3d1ae351d3 100644
--- a/web/app/components/evaluation/__tests__/index.spec.tsx
+++ b/web/app/components/evaluation/__tests__/index.spec.tsx
@@ -641,7 +641,7 @@ describe('Evaluation', () => {
     expect(screen.getAllByText('query').length).toBeGreaterThan(0)
     expect(screen.getAllByText('Expect Results').length).toBeGreaterThan(0)
 
-    const fileInput = document.querySelector<HTMLInputElement>('input[type="file"][accept=".csv,.xlsx"]')
+    const fileInput = document.querySelector<HTMLInputElement>('input[type="file"][accept=".csv"]')
     expect(fileInput).toBeInTheDocument()
 
     fireEvent.change(fileInput!, {
diff --git a/web/app/components/evaluation/components/batch-test-panel/input-fields-tab.tsx b/web/app/components/evaluation/components/batch-test-panel/input-fields-tab.tsx
index d6168655a5..a305be4561 100644
--- a/web/app/components/evaluation/components/batch-test-panel/input-fields-tab.tsx
+++ b/web/app/components/evaluation/components/batch-test-panel/input-fields-tab.tsx
@@ -55,7 +55,6 @@ const InputFieldsTab = ({
           isRunning={actions.isRunning}
           onUploadFile={actions.handleUploadFile}
           onClearUploadedFile={actions.handleClearUploadedFile}
-          onDownloadTemplate={actions.handleDownloadTemplate}
           onRun={actions.handleRun}
         />
       </div>
diff --git a/web/app/components/evaluation/components/batch-test-panel/input-fields/upload-run-popover.tsx b/web/app/components/evaluation/components/batch-test-panel/input-fields/upload-run-popover.tsx
index a9c293297d..014061c46e 100644
--- a/web/app/components/evaluation/components/batch-test-panel/input-fields/upload-run-popover.tsx
+++ b/web/app/components/evaluation/components/batch-test-panel/input-fields/upload-run-popover.tsx
@@ -25,7 +25,6 @@ type UploadRunPopoverProps = {
   isRunning: boolean
   onUploadFile: (file: File | undefined) => void
   onClearUploadedFile: () => void
-  onDownloadTemplate: () => void
   onRun: () => void
 }
 
@@ -43,7 +42,6 @@ const UploadRunPopover = ({
   isRunning,
   onUploadFile,
   onClearUploadedFile,
-  onDownloadTemplate,
   onRun,
 }: UploadRunPopoverProps) => {
   const { t } = useTranslation('evaluation')
@@ -82,7 +80,7 @@ const UploadRunPopover = ({
               ref={fileInputRef}
               hidden
               type="file"
-              accept=".csv,.xlsx"
+              accept=".csv"
               onChange={handleFileChange}
             />
             {currentFileName
@@ -111,7 +109,7 @@ const UploadRunPopover = ({
                         onClick={onClearUploadedFile}
                         aria-label={t('batch.removeUploadedFile')}
                       >
-                        <span aria-hidden="true" className="i-ri-close-line h-4 w-4" />
+                        <span aria-hidden="true" className="i-ri-delete-bin-line h-4 w-4" />
                       </button>
                     </div>
                   </div>
@@ -139,15 +137,15 @@ const UploadRunPopover = ({
                         {t('batch.uploadDropzoneSuffix')}
                       </div>
                       <div className="mt-0.5 system-xs-regular text-text-tertiary">
-                        {t('batch.uploadDropzoneDownloadPrefix')}
-                        {' '}
                         <button
                           type="button"
                           className="text-text-accent hover:underline"
-                          onClick={onDownloadTemplate}
+                          onClick={() => fileInputRef.current?.click()}
                         >
-                          {t('batch.uploadDropzoneDownloadLink')}
+                          {t('batch.uploadDropzoneUploadButton')}
                         </button>
+                        {' '}
+                        {t('batch.uploadHint')}
                       </div>
                     </div>
                   </div>
diff --git a/web/app/components/evaluation/components/pipeline/pipeline-batch-actions.tsx b/web/app/components/evaluation/components/pipeline/pipeline-batch-actions.tsx
index cad35dc31b..123c654f8e 100644
--- a/web/app/components/evaluation/components/pipeline/pipeline-batch-actions.tsx
+++ b/web/app/components/evaluation/components/pipeline/pipeline-batch-actions.tsx
@@ -58,7 +58,6 @@ const PipelineBatchActions = ({
           isRunning={actions.isRunning}
           onUploadFile={actions.handleUploadFile}
           onClearUploadedFile={actions.handleClearUploadedFile}
-          onDownloadTemplate={actions.handleDownloadTemplate}
           onRun={actions.handleRun}
         />
       </div>
diff --git a/web/i18n/en-US/evaluation.json b/web/i18n/en-US/evaluation.json
index e5d5ff790e..acdcbe54c6 100644
--- a/web/i18n/en-US/evaluation.json
+++ b/web/i18n/en-US/evaluation.json
@@ -1,6 +1,6 @@
 {
   "batch.description": "Execute batch evaluations and track performance history.",
-  "batch.downloadTemplate": "Download Excel Template",
+  "batch.downloadTemplate": "Download CSV Template",
   "batch.emptyHistory": "No test history yet.",
   "batch.example": "Example:",
   "batch.fileRequired": "Upload an evaluation dataset file before running the test.",
@@ -22,13 +22,12 @@
   "batch.tabs.input-fields": "Input Fields",
   "batch.title": "Batch Test",
   "batch.uploadAndRun": "Upload & Run Test",
-  "batch.uploadDropzoneDownloadLink": "here",
-  "batch.uploadDropzoneDownloadPrefix": "Don't have the template? Download",
   "batch.uploadDropzoneEmphasis": "filled",
   "batch.uploadDropzonePrefix": "Drag and drop your",
-  "batch.uploadDropzoneSuffix": "Excel Template",
+  "batch.uploadDropzoneSuffix": "CSV Template",
+  "batch.uploadDropzoneUploadButton": "Upload file",
   "batch.uploadError": "Failed to upload file.",
-  "batch.uploadHint": "Select a .csv or .xlsx file",
+  "batch.uploadHint": "Select a .csv file",
   "batch.uploadTitle": "Upload test file",
   "batch.uploading": "Uploading file...",
   "batch.validation": "Complete the judge model, metrics, and custom mappings before running a batch test.",
diff --git a/web/i18n/zh-Hans/evaluation.json b/web/i18n/zh-Hans/evaluation.json
index d2c465c04e..c0972282c6 100644
--- a/web/i18n/zh-Hans/evaluation.json
+++ b/web/i18n/zh-Hans/evaluation.json
@@ -1,6 +1,6 @@
 {
   "batch.description": "执行批量评测并追踪性能历史。",
-  "batch.downloadTemplate": "下载 Excel 模板",
+  "batch.downloadTemplate": "下载 CSV 模板",
   "batch.emptyHistory": "还没有测试历史。",
   "batch.example": "示例：",
   "batch.fileRequired": "请先上传评估数据集文件，再运行测试。",
@@ -22,13 +22,12 @@
   "batch.tabs.input-fields": "输入字段",
   "batch.title": "批量测试",
   "batch.uploadAndRun": "上传并运行测试",
-  "batch.uploadDropzoneDownloadLink": "下载",
-  "batch.uploadDropzoneDownloadPrefix": "还没有模板？",
   "batch.uploadDropzoneEmphasis": "已填写的",
   "batch.uploadDropzonePrefix": "拖拽你的",
-  "batch.uploadDropzoneSuffix": "Excel 模板",
+  "batch.uploadDropzoneSuffix": "CSV 模板",
+  "batch.uploadDropzoneUploadButton": "上传文件",
   "batch.uploadError": "文件上传失败。",
-  "batch.uploadHint": "选择 .csv 或 .xlsx 文件",
+  "batch.uploadHint": "选择 .csv 文件",
   "batch.uploadTitle": "上传测试文件",
   "batch.uploading": "文件上传中...",
   "batch.validation": "运行批量测试前，请先完成判定模型、指标和自定义映射配置。",