From 0416bb5d04f4a914ebe9d2fc5d745233a36ac220 Mon Sep 17 00:00:00 2001
From: Benjamin Admin <benjaminadmin@MacBook-Pro.local>
Date: Wed, 6 May 2026 10:56:44 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Checklist=20expand=20=E2=80=94=20use=20i?=
 =?UTF-8?q?ndex=20instead=20of=20URL=20(prevents=20all=20opening=20at=20on?=
 =?UTF-8?q?ce)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../app/sdk/agent/_components/ChecklistView.tsx             | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/admin-compliance/app/sdk/agent/_components/ChecklistView.tsx b/admin-compliance/app/sdk/agent/_components/ChecklistView.tsx
index d5e75b6..ae8387d 100644
--- a/admin-compliance/app/sdk/agent/_components/ChecklistView.tsx
+++ b/admin-compliance/app/sdk/agent/_components/ChecklistView.tsx
@@ -27,7 +27,7 @@ const DOC_TYPE_LABELS: Record<string, string> = {
 }
 
 export function ChecklistView({ results }: { results: DocResult[] }) {
-  const [expanded, setExpanded] = useState<string | null>(null)
+  const [expanded, setExpanded] = useState<number | null>(null)
 
   if (!results || results.length === 0) return null
 
@@ -43,7 +43,7 @@ export function ChecklistView({ results }: { results: DocResult[] }) {
 
       <div className="space-y-2">
         {results.map((r, i) => {
-          const isExp = expanded === r.url
+          const isExp = expanded === i
           const pct = r.completeness_pct
           const barColor = pct === 100 ? 'bg-green-500' : pct >= 80 ? 'bg-green-400' : pct >= 50 ? 'bg-yellow-500' : 'bg-red-500'
           const typeLabel = DOC_TYPE_LABELS[r.doc_type] || r.doc_type
@@ -51,7 +51,7 @@ export function ChecklistView({ results }: { results: DocResult[] }) {
           return (
             <div key={i} className="border border-gray-200 rounded-lg overflow-hidden">
               <button
-                onClick={() => setExpanded(isExp ? null : r.url)}
+                onClick={() => setExpanded(isExp ? null : i)}
                 className="w-full flex items-center justify-between px-4 py-3 hover:bg-gray-50 text-left"
               >
                 <div className="flex items-center gap-3 flex-1 min-w-0">