feat(admin): accordion org repo lists

Author: 0x4007

static/admin.css

@@ -124,6 +124,51 @@ body[data-page="admin"] [data-view="kernel"] [data-sublist] {
   align-items: start;
 }
 
+body[data-page="admin"] [data-view="kernel"] details[data-kernel-repos] {
+  margin-top: 6px;
+}
+
+body[data-page="admin"] [data-view="kernel"] summary[data-kernel-repos-title] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  list-style: none;
+  margin: 0;
+  padding: 8px 10px;
+  border-radius: var(--radius-md);
+  background: rgba(255, 255, 255, 0.02);
+}
+
+body[data-page="admin"] [data-view="kernel"] summary[data-kernel-repos-title]::-webkit-details-marker {
+  display: none;
+}
+
+body[data-page="admin"] [data-view="kernel"] summary[data-kernel-repos-title]::after {
+  content: "▾";
+  margin-left: 6px;
+  opacity: 0.6;
+  font-size: 11px;
+}
+
+body[data-page="admin"] [data-view="kernel"] details[data-kernel-repos][open] summary[data-kernel-repos-title]::after {
+  transform: rotate(180deg);
+}
+
+body[data-page="admin"] [data-view="kernel"] [data-kernel-repos-label] {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.18em;
+  color: var(--muted-2);
+}
+
+body[data-page="admin"] [data-view="kernel"] [data-kernel-repos-meta] {
+  margin-left: auto;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--muted);
+}
+
 body[data-page="admin"] [data-view="kernel"] [data-sublist="repos"] {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

static/admin.js

@@ -176,6 +176,7 @@ let kernelPubKeys = [];
 let kernelPubKeysLoading = false;
 let kernelPubKeysLoadedAt = 0;
 let kernelPubKeysSaving = false;
+const kernelOrgRepoAccordionState = new Map();
 let kernelPolicyState = {
   available: false,
   message: "",
@@ -1906,7 +1907,30 @@ const renderKernelList = (records, policyState = kernelPolicyState) => {
           });
         if (tile) sublist.appendChild(tile);
       });
-      groupTile.appendChild(sublist);
+
+      const accordion = document.createElement("details");
+      accordion.dataset.kernelRepos = group.owner || "unknown";
+      const existing = kernelOrgRepoAccordionState.get(group.owner);
+      accordion.open = existing === undefined ? true : existing === true;
+
+      const summary = document.createElement("summary");
+      summary.dataset.kernelReposTitle = "title";
+      const label = document.createElement("span");
+      label.dataset.kernelReposLabel = "label";
+      label.textContent = "Repos";
+      const meta = document.createElement("span");
+      meta.dataset.kernelReposMeta = "meta";
+      meta.textContent = formatPlural(repos.length, "repo");
+      summary.appendChild(label);
+      summary.appendChild(meta);
+      accordion.appendChild(summary);
+      accordion.appendChild(sublist);
+
+      accordion.addEventListener("toggle", () => {
+        kernelOrgRepoAccordionState.set(group.owner, accordion.open);
+      });
+
+      groupTile.appendChild(accordion);
     }
     kernelList.appendChild(groupTile);
   });