From 39c966efddd4b2f56487234183d55d3ffce7f9a4 Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Tue, 12 Aug 2025 10:22:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20make=20ModelSelectModal?=
 =?UTF-8?q?=20panels=20collapsible=20and=20default=20to=20collapsed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Switch Collapse from controlled (activeKey) to uncontrolled (defaultActiveKey) so user toggling works
- Add a stable key to reset Collapse state when tab/category changes
- Default all panels to collapsed via defaultActiveKey: []
- Preserve Panel itemKey for consistent behavior
- No linter errors introduced

Scope: web/src/components/table/channels/modals/ModelSelectModal.jsx
---
 web/src/components/table/channels/modals/ModelSelectModal.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/table/channels/modals/ModelSelectModal.jsx b/web/src/components/table/channels/modals/ModelSelectModal.jsx
index 253d7254..6deceae4 100644
--- a/web/src/components/table/channels/modals/ModelSelectModal.jsx
+++ b/web/src/components/table/channels/modals/ModelSelectModal.jsx
@@ -135,7 +135,7 @@ const ModelSelectModal = ({ visible, models = [], selected = [], onConfirm, onCa
     const allActiveKeys = categoryEntries.map((_, index) => `${categoryKeyPrefix}_${index}`);
 
     return (
-      <Collapse activeKey={allActiveKeys}>
+      <Collapse key={`${categoryKeyPrefix}_${categoryEntries.length}`} defaultActiveKey={[]}>
         {categoryEntries.map(([key, categoryData], index) => (
           <Collapse.Panel
             key={`${categoryKeyPrefix}_${index}`}