From e3daac30801ddfbccb9ef61989ed5c73fafe2f53 Mon Sep 17 00:00:00 2001
From: hyper <hypercross@hyperdeMacBook-Air.local>
Date: Fri, 7 Aug 2026 12:07:54 +0800
Subject: [PATCH] fix(md-deck): Make active card state reactive

Wrap active in a getter so it updates when activeTab changes.
---
 src/components/md-deck/CardList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/md-deck/CardList.tsx b/src/components/md-deck/CardList.tsx
index ac7c45e..ca79821 100644
--- a/src/components/md-deck/CardList.tsx
+++ b/src/components/md-deck/CardList.tsx
@@ -38,12 +38,12 @@ export function CardList(props: CardListProps) {
         <For each={pageCards()}>
           {(card, index) => {
             const globalIndex = () => page() * PAGE_SIZE + index();
-            const active = store.state.activeTab === globalIndex();
+            const active = () => store.state.activeTab === globalIndex();
             return (
               <button
                 onClick={() => store.actions.setActiveTab(globalIndex())}
                 class={`flex items-center gap-2 w-full text-left px-3 py-2 rounded text-sm font-medium transition-colors cursor-pointer ${
-                  active
+                  active()
                     ? "bg-blue-100 text-blue-600"
                     : "text-gray-600 hover:bg-gray-100"
                 }`}