From f48f3ed7e5ca942fc924d2c27c23a7b6fb156b1f Mon Sep 17 00:00:00 2001
From: AyrisAI <ayris@ayris.tech>
Date: Tue, 21 Jul 2026 10:26:10 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20t=C3=BCm=20a=C3=A7=C4=B1l=C4=B1r=20b?=
 =?UTF-8?q?=C3=B6l=C3=BCmlere=20tutarl=C4=B1=20ok=20i=C5=9Fareti=20(=C3=96?=
 =?UTF-8?q?=C4=9Feler,=20G=C3=B6rsel,=20SEO=20dahil)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/Admin/Field.vue | 38 +++++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/components/Admin/Field.vue b/src/components/Admin/Field.vue
index a18b1a9..0178482 100644
--- a/src/components/Admin/Field.vue
+++ b/src/components/Admin/Field.vue
@@ -17,8 +17,9 @@
     :open="(depth ?? 0) < 1 && field !== 'meta'"
   >
     <summary
-      class="cursor-pointer select-none px-4 py-2.5 font-semibold text-sm text-[#3C393D] flex items-center gap-2"
+      class="cursor-pointer select-none px-4 py-2.5 font-semibold text-sm text-[#3C393D] flex items-center gap-2 list-none"
     >
+      <span class="adm-chev text-gray-400 text-xs shrink-0">▶</span>
       <span>{{ displayLabel }}</span>
       <span
         v-if="value.__component"
@@ -38,24 +39,29 @@
   </details>
 
   <!-- Array: item list with add/remove/reorder -->
-  <div v-else-if="kind === 'array'" class="space-y-2">
-    <p class="text-sm font-semibold text-[#3C393D]">
+  <details
+    v-else-if="kind === 'array'"
+    class="adm-arr"
+    :open="(depth ?? 0) < 1"
+  >
+    <summary
+      class="cursor-pointer select-none list-none flex items-center gap-1.5 text-sm font-semibold text-[#3C393D] py-1"
+    >
+      <span class="adm-chev text-gray-400 text-xs shrink-0">▶</span>
       {{ displayLabel }}
       <span class="text-xs font-normal text-gray-400">({{ value.length }})</span>
-    </p>
+    </summary>
+    <div class="space-y-2 mt-1">
     <template v-for="(item, i) in value" :key="i">
       <!-- Nesne öğeler: açılır-kapanır kart -->
       <details
         v-if="item !== null && typeof item === 'object'"
-        class="border border-gray-200 rounded-xl bg-[#fafbfc] group/acc"
+        class="border border-gray-200 rounded-xl bg-[#fafbfc]"
       >
         <summary
           class="flex items-center gap-1.5 px-3 py-2 text-xs text-gray-600 cursor-pointer select-none list-none"
         >
-          <span
-            class="text-gray-400 transition-transform group-open/acc:rotate-90 shrink-0"
-            >▶</span
-          >
+          <span class="adm-chev text-gray-400 shrink-0">▶</span>
           <span class="font-semibold truncate text-[13px]">{{
             itemTitle(item, i)
           }}</span>
@@ -135,7 +141,8 @@
     >
       ＋ Ekle
     </button>
-  </div>
+    </div>
+  </details>
 
   <!-- Primitive inside an array item (no label of its own) -->
   <div v-else-if="bare">
@@ -470,3 +477,14 @@ const renderPrimitive = () => {
   });
 };
 </script>
+
+<style>
+/* Ok her zaman KENDİ details'ini takip eder (iç içe yapılarda güvenli) */
+.adm-chev {
+  display: inline-block;
+  transition: transform 0.15s ease;
+}
+details[open] > summary > .adm-chev {
+  transform: rotate(90deg);
+}
+</style>