From 6b283c484eae514d336d756726c32aec62874206 Mon Sep 17 00:00:00 2001
From: xbinaryx <xbinaryx68@gmail.com>
Date: Fri, 18 Apr 2025 18:19:32 +0300
Subject: [PATCH] refactor: remove accordion behavior for non-array nodes

---
 src/components/scope/scope-item.tsx | 41 +++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/src/components/scope/scope-item.tsx b/src/components/scope/scope-item.tsx
index 221c8ec8..4b477c78 100644
--- a/src/components/scope/scope-item.tsx
+++ b/src/components/scope/scope-item.tsx
@@ -46,18 +46,43 @@ export const ScopeItem: FC<ScopeItemProperties> = ({
 		([name]) => !name.startsWith("__"),
 	);
 
+	if (isArray) {
+		return (
+			<AccordionItem
+				value={path + "." + index + "." + key}
+				className={cn(
+					"border border-card rounded-lg overflow-hidden",
+					isEsqueryMatchedNode && "border-primary border-4",
+				)}
+			>
+				<AccordionTrigger className="text-sm bg-card px-4 py-3 capitalize">
+					{`${Math.max(index, 0)}. ${key}`}
+				</AccordionTrigger>
+				<AccordionContent className="p-4 border-t">
+					<div className="space-y-1">
+						{properties.map((item, index) => (
+							<TreeEntry
+								key={item[0]}
+								data={item}
+								path={path + "." + index}
+								esqueryMatchedNodes={esqueryMatchedNodes}
+							/>
+						))}
+					</div>
+				</AccordionContent>
+			</AccordionItem>
+		);
+	}
+
 	return (
-		<AccordionItem
-			value={path + "." + index + "." + key}
+		<div
 			className={cn(
 				"border border-card rounded-lg overflow-hidden",
 				isEsqueryMatchedNode && "border-primary border-4",
 			)}
 		>
-			<AccordionTrigger className="text-sm bg-card px-4 py-3 capitalize">
-				{isArray && `${Math.max(index, 0)}.`} {key}
-			</AccordionTrigger>
-			<AccordionContent className="p-4 border-t">
+			<h3 className="text-sm bg-card px-4 py-3 capitalize">{key}</h3>
+			<div className="p-4 border-t">
 				<div className="space-y-1">
 					{properties.map((item, index) => (
 						<TreeEntry
@@ -68,7 +93,7 @@ export const ScopeItem: FC<ScopeItemProperties> = ({
 						/>
 					))}
 				</div>
-			</AccordionContent>
-		</AccordionItem>
+			</div>
+		</div>
 	);
 };