From 843b545df347e4255a57dba3df4aed3740530be0 Mon Sep 17 00:00:00 2001
From: kitos <kitos@aegis.local>
Date: Fri, 29 May 2026 11:58:28 +0200
Subject: [PATCH] fix(d3fend): use d3fend_id as expand key instead of def.id

def.id was undefined for D3FEND items, causing expandedId===undefined
to match ALL items simultaneously and opening every card at once.
d3fend_id (e.g. 'D3-DSDP') is always present and unique per defense.
---
 frontend/src/pages/TechniqueDetailPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/TechniqueDetailPage.tsx b/frontend/src/pages/TechniqueDetailPage.tsx
index b340913..35929d8 100644
--- a/frontend/src/pages/TechniqueDetailPage.tsx
+++ b/frontend/src/pages/TechniqueDetailPage.tsx
@@ -880,14 +880,14 @@ function D3FENDSection({ defenses }: { defenses: Array<{
           )}
           <div className="grid gap-2 sm:grid-cols-2">
             {defs.map((def) => {
-              const isExpanded = expandedId === def.id;
+              const isExpanded = expandedId === def.d3fend_id;
               return (
                 <div
-                  key={def.id}
+                  key={def.d3fend_id}
                   className={`rounded-lg border p-3 transition-all cursor-pointer ${
                     isExpanded ? "ring-1 ring-gray-600" : ""
                   } ${tacticColors[tactic] || "border-gray-700 bg-gray-800/30 text-gray-300"}`}
-                  onClick={() => setExpandedId(isExpanded ? null : def.id)}
+                  onClick={() => setExpandedId(isExpanded ? null : def.d3fend_id)}
                 >
                   <div className="flex items-start justify-between">
                     <div className="min-w-0 flex-1">