From 094d5233dcb1312beec7f53553859c05ebe331ea Mon Sep 17 00:00:00 2001
From: Jinjing <6427696+AmethystLiang@users.noreply.github.com>
Date: Fri, 13 Nov 2026 16:36:49 -0800
Subject: [PATCH] refactor(settings): keep card refs outside section data

---
 .../settings/agents/launch/AgentDetectionCatalog.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/settings/agents/launch/AgentDetectionCatalog.tsx b/src/renderer/src/components/settings/agents/launch/AgentDetectionCatalog.tsx
index 30417c003e1..ed579b0ec50 100644
--- a/src/renderer/src/components/settings/agents/launch/AgentDetectionCatalog.tsx
+++ b/src/renderer/src/components/settings/agents/launch/AgentDetectionCatalog.tsx
@@ -51,12 +51,12 @@ export function AgentDetectionCatalog({
     ])
   )
   const sections = [
-    { agents: detectedAgents, installed: true, body: installedBody },
-    { agents: undetectedAgents, installed: false, body: availableBody }
+    { agents: detectedAgents, installed: true },
+    { agents: undetectedAgents, installed: false }
   ]
   useLayoutEffect(() => {
-    for (const { agents, body } of sections) {
-      const parent = body.current
+    for (const { agents, installed } of sections) {
+      const parent = (installed ? installedBody : availableBody).current
       if (!parent) {
         continue
       }
@@ -90,10 +90,10 @@ export function AgentDetectionCatalog({
         tabIndex={-1}
         className="space-y-8 scroll-mt-8 outline-none"
       >
-        {sections.map(({ agents, installed, body }) => (
+        {sections.map(({ agents, installed }) => (
           <SettingsGroup
             key={installed ? 'installed' : 'available'}
-            bodyRef={body}
+            bodyRef={installed ? installedBody : availableBody}
             className="has-[[data-settings-group-body]:empty]:hidden"
             scrollLabel={
               installed