From 023fc55bd57cabaa556e1f5c5c377839938a8425 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Tue, 31 Mar 2026 17:11:44 +0800
Subject: [PATCH] fix(web): empty state of metric

---
 .../metric-section/metric-section-empty-state.tsx        | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/app/components/evaluation/components/metric-section/metric-section-empty-state.tsx b/web/app/components/evaluation/components/metric-section/metric-section-empty-state.tsx
index eab57e2a55..918a93e430 100644
--- a/web/app/components/evaluation/components/metric-section/metric-section-empty-state.tsx
+++ b/web/app/components/evaluation/components/metric-section/metric-section-empty-state.tsx
@@ -4,8 +4,13 @@ type MetricSectionEmptyStateProps = {
 
 const MetricSectionEmptyState = ({ description }: MetricSectionEmptyStateProps) => {
   return (
-    <div className="rounded-xl bg-background-section px-4 py-4 text-text-tertiary system-xs-regular">
-      {description}
+    <div className="flex items-center gap-5 rounded-xl bg-background-section p-3">
+      <div className="flex size-10 shrink-0 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-md">
+        <span aria-hidden="true" className="i-ri-bar-chart-horizontal-line h-6 w-6 text-text-primary" />
+      </div>
+      <div className="min-w-0 flex-1 text-text-tertiary system-xs-regular">
+        {description}
+      </div>
     </div>
   )
 }