From 84592db098adaaa451b58532a9831758eaa45159 Mon Sep 17 00:00:00 2001
From: bboysoul <bboysoulcn@gmail.com>
Date: Thu, 10 Sep 2026 20:25:35 +0800
Subject: [PATCH] fix: hide past countdown heading

---
 frontend/src/CountdownPanel.test.ts | 10 ++++++++++
 frontend/src/CountdownPanel.vue     |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/CountdownPanel.test.ts b/frontend/src/CountdownPanel.test.ts
index bce876f..77935d1 100644
--- a/frontend/src/CountdownPanel.test.ts
+++ b/frontend/src/CountdownPanel.test.ts
@@ -71,6 +71,16 @@ describe('countdown modal accessibility', () => {
     expect(source).not.toContain("`${formatDate(item.display_date)} · ${item.lunar_text}${suffix}`")
   })
 
+  it('hides only the past group heading while keeping every group and its rows', () => {
+    expect(source).toContain("{ key:'recent', title:'最近', items:recent }")
+    expect(source).toContain("{ key:'later', title:'稍后', items:later }")
+    expect(source).toContain("{ key:'past', title:'', items:past }")
+    expect(source).toContain('<section v-for="group in countdownGroups"')
+    expect(source).toContain('<h3 v-if="group.title">{{group.title}}</h3>')
+    expect(source).toContain('<button v-for="item in group.items"')
+    expect(source).not.toContain('<h3>{{group.title}}</h3>')
+  })
+
   it('keeps the empty state directly actionable', () => {
     expect(source).toContain('添加第一个重要日子')
     expect(source).toContain('@click="openFromEmpty"')
diff --git a/frontend/src/CountdownPanel.vue b/frontend/src/CountdownPanel.vue
index d55e985..60949bc 100644
--- a/frontend/src/CountdownPanel.vue
+++ b/frontend/src/CountdownPanel.vue
@@ -84,7 +84,7 @@ const countdownGroups = computed<CountdownGroup[]>(() => {
   return [
     { key:'recent', title:'最近', items:recent },
     { key:'later', title:'稍后', items:later },
-    { key:'past', title:'已经过去', items:past },
+    { key:'past', title:'', items:past },
   ].filter((group) => group.items.length)
 })
 
@@ -189,7 +189,7 @@ onBeforeUnmount(() => { previousFocus = null })
         </button>
         <div v-if="countdownGroups.length" class="countdown-timeline">
           <section v-for="group in countdownGroups" :key="group.key" class="countdown-group">
-            <h3>{{group.title}}</h3>
+            <h3 v-if="group.title">{{group.title}}</h3>
             <button v-for="item in group.items" :key="item.id" type="button" class="countdown-row" :class="[`kind-${item.kind}`, { pinned:item.pinned, today:item.days===0, past:item.days<0 }]" @click="openDetail(item)">
               <span class="countdown-main"><b>{{item.title}}</b><small>{{primaryDate(item)}}<template v-if="secondaryDate(item)"> · {{secondaryDate(item)}}</template></small><span class="countdown-badges"><em v-for="badge in visibleBadges(item)" :key="badge">{{badge}}</em></span></span>
               <span class="countdown-state"><strong>{{item.days===0?'今天':Math.abs(item.days)}}</strong><small>{{countdownDayText(item.days)}}</small></span>