fix(web): render ready asset matrix metrics

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>