fix: tüm açılır bölümlere tutarlı ok işareti (Öğeler, Görsel, SEO dahil)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

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>