From 618ed8b8c65aa6bf34c5fa1fcd0f7d32ccf689da Mon Sep 17 00:00:00 2001
From: "IGNY8 VPS (Salman)" <vps@igny8.com>
Date: Mon, 19 Jan 2026 13:12:02 +0000
Subject: [PATCH] image coutn fixed inmetrics bar for genrated count

---
 frontend/src/templates/TablePageTemplate.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/templates/TablePageTemplate.tsx b/frontend/src/templates/TablePageTemplate.tsx
index aeb253b2..60bbd8c3 100644
--- a/frontend/src/templates/TablePageTemplate.tsx
+++ b/frontend/src/templates/TablePageTemplate.tsx
@@ -109,6 +109,7 @@ interface FilterConfig {
 interface HeaderMetrics {
   label: string;
   value: string | number;
+  displayValue?: string | number;
   accentColor: 'blue' | 'green' | 'amber' | 'purple';
   tooltip?: string;
 }
@@ -702,6 +703,7 @@ export default function TablePageTemplate({
             {headerMetrics && headerMetrics.length > 0 && (
               <div className="flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-800/30 rounded-lg border border-gray-200 dark:border-gray-700">
                 {headerMetrics.map((metric, index) => {
+                  const metricValue = metric.displayValue ?? metric.value;
                   const metricElement = (
                     <div className={`flex items-center gap-2 ${metric.tooltip ? 'cursor-help' : ''}`}>
                       <div className={`w-1 h-5 rounded-full ${
@@ -717,7 +719,7 @@ export default function TablePageTemplate({
                         )}
                       </span>
                       <span className="text-base font-bold text-gray-900 dark:text-white">
-                        {typeof metric.value === 'number' ? formatMetricValue(metric.value) : metric.value}
+                        {typeof metricValue === 'number' ? formatMetricValue(metricValue) : metricValue}
                       </span>
                     </div>
                   );