From a7c0b2c1e4dc3f24bb75f5d6f709b6816fb417f4 Mon Sep 17 00:00:00 2001
From: ogt <ogt@awoooi.local>
Date: Wed, 15 Jul 2026 05:45:52 +0800
Subject: [PATCH] fix(web): render ready asset matrix metrics

---
 apps/web/src/app/[locale]/awooop/work-items/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/[locale]/awooop/work-items/page.tsx b/apps/web/src/app/[locale]/awooop/work-items/page.tsx
index dee9dbd0b..e9b0b431f 100644
--- a/apps/web/src/app/[locale]/awooop/work-items/page.tsx
+++ b/apps/web/src/app/[locale]/awooop/work-items/page.tsx
@@ -12456,6 +12456,7 @@ function AssetCapabilityMatrixPanel({
 }) {
   const t = useTranslations("awooop.workItems.assetCapabilityMatrix");
   const matrix = priority?.ai_automation_asset_capability_matrix;
+  const isLoading = loading && !matrix;
   const summary = matrix?.summary;
   const assets = matrix?.assets ?? [];
   const scopeRollups = matrix?.scope_rollups ?? [];
@@ -12529,7 +12530,7 @@ function AssetCapabilityMatrixPanel({
             ) : (
               <TriangleAlert className="h-4 w-4" aria-hidden="true" />
             )}
-            {loading ? "--" : matrix?.closed ? t("closed") : t("open")}
+            {isLoading ? "--" : matrix?.closed ? t("closed") : t("open")}
           </div>
         </div>
 
@@ -12561,7 +12562,7 @@ function AssetCapabilityMatrixPanel({
                 {metric.label}
               </div>
               <div className="mt-1 font-mono text-xl font-semibold text-[#141413]">
-                {loading ? "--" : metric.value ?? 0}
+                {isLoading ? "--" : metric.value ?? 0}
               </div>
             </div>
           ))}
@@ -12685,7 +12686,7 @@ function AssetCapabilityMatrixPanel({
                   })}
                 </div>
               ))}
-              {!loading && filteredAssets.length === 0 ? (
+              {!isLoading && filteredAssets.length === 0 ? (
                 <div className="bg-white px-4 py-8 text-center text-xs text-[#77736a]">
                   {t("empty")}
                 </div>