fix(web): metric descriptions

web/app/components/evaluation/components/metric-selector/selector-footer.tsx

@@ -18,13 +18,13 @@ const SelectorFooter = ({
       className="relative flex items-center gap-3 overflow-hidden border-t border-divider-subtle bg-background-default-subtle px-4 py-5 text-left enabled:hover:bg-state-base-hover-alt disabled:cursor-not-allowed disabled:opacity-60"
       onClick={onClick}
     >
-      <div className="absolute -left-6 -top-6 h-28 w-28 rounded-full bg-util-colors-indigo-indigo-100 opacity-50 blur-2xl" />
+      <div className="absolute -top-6 -left-6 h-28 w-28 rounded-full bg-util-colors-indigo-indigo-100 opacity-50 blur-2xl" />
       <div className="relative flex h-8 w-8 shrink-0 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-[0px_3px_10px_-2px_rgba(9,9,11,0.08),0px_2px_4px_-2px_rgba(9,9,11,0.06)]">
         <span aria-hidden="true" className="i-ri-add-line h-[18px] w-[18px] text-text-tertiary" />
       </div>
       <div className="relative min-w-0">
-        <div className="text-text-secondary system-sm-semibold">{title}</div>
-        <div className="mt-0.5 text-text-tertiary system-xs-regular">{description}</div>
+        <div className="system-sm-semibold text-text-secondary">{title}</div>
+        <div className="mt-0.5 system-xs-regular text-text-tertiary">{description}</div>
       </div>
     </button>
   )

web/app/components/evaluation/components/metric-selector/selector-metric-section.tsx

@@ -2,6 +2,7 @@ import type { TFunction } from 'i18next'
 import type { EvaluationMetric } from '../../types'
 import type { MetricSelectorSection } from './types'
 import { cn } from '@langgenius/dify-ui/cn'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@langgenius/dify-ui/tooltip'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import { getEvaluationNodeBlockType, getMetricVisual, getToneClasses } from './utils'
 
@@ -65,9 +66,24 @@ const SelectorMetricSection = ({
           </div>
         </button>
 
-        <button type="button" className="p-px text-text-quaternary">
-          <span aria-hidden="true" className="i-ri-question-line h-[14px] w-[14px]" />
-        </button>
+        {metric.description && (
+          <Tooltip>
+            <TooltipTrigger
+              render={(
+                <button
+                  type="button"
+                  className="p-px text-text-quaternary transition-colors hover:text-text-tertiary"
+                  aria-label={metric.label}
+                >
+                  <span aria-hidden="true" className="i-ri-question-line h-[14px] w-[14px]" />
+                </button>
+              )}
+            />
+            <TooltipContent className="max-w-[260px]">
+              {metric.description}
+            </TooltipContent>
+          </Tooltip>
+        )}
       </div>
 
       {isExpanded && (

web/i18n/zh-Hans/evaluation.json

@@ -93,8 +93,13 @@
   "metrics.builtin.description.taskCompletion": "衡量 Agent 是否最终完成了用户明确提出的目标。它会整体评估推理链路、中间步骤和最终输出；高分表示任务已被完整达成。",
   "metrics.builtin.description.toolCorrectness": "衡量 Agent 在任务执行过程中发起的工具调用是否正确，包括工具选择本身以及传入参数是否合理。高分表示 Agent 的工具使用策略符合预期行为。",
   "metrics.custom.description": "选择评测工作流并完成变量映射后即可运行测试。",
+  "metrics.custom.footerDescription": "连接已发布的评测工作流",
+  "metrics.custom.footerTitle": "自定义指标",
+  "metrics.custom.limitDescription": "只能添加一个自定义指标。",
   "metrics.custom.mappingTitle": "变量映射",
   "metrics.custom.mappingWarning": "请先完成工作流选择和所有变量映射，再运行批量测试。",
+  "metrics.custom.outputPlaceholder": "选择输出变量",
+  "metrics.custom.outputTitle": "输出",
   "metrics.custom.title": "自定义评测器",
   "metrics.custom.warningBadge": "待配置",
   "metrics.custom.workflowLabel": "评测工作流",