From e5b40605eca8e4a2f3d23536796e53ae7d133af1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Mon, 9 Mar 2026 21:23:09 +0800
Subject: [PATCH] Add null guards for ref(null) stat data in SidebarStates
 template and show handler

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Compare/SidebarStates.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Compare/SidebarStates.vue b/src/components/Compare/SidebarStates.vue
index d28eb6c..1ea9eef 100644
--- a/src/components/Compare/SidebarStates.vue
+++ b/src/components/Compare/SidebarStates.vue
@@ -13,7 +13,7 @@
       <p class="pl-2 text-base font-bold text-neutral-900">Summary</p>
     </template>
     <!-- header: summary -->
-    <div class="flex justify-start items-start">
+    <div v-if="primaryStatData && secondaryStatData" class="flex justify-start items-start">
       <!-- 001 -->
       <section class="w-[204px] box-border pr-4">
         <div class="mb-4">
@@ -386,6 +386,7 @@ const getStatData = (data, fileName) => {
 
 /** Populates progress bar values when the sidebar is shown. */
 const show = () => {
+  if (!primaryStatData.value || !secondaryStatData.value) return;
   primaryValueCases.value = primaryStatData.value.cases.ratio;
   primaryValueTraces.value = primaryStatData.value.traces.ratio;
   primaryValueTaskInstances.value = primaryStatData.value.task_instances.ratio;