From 849646edb4e2b98e2283fdae4102192a8e19ad04 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Thu, 7 May 2026 23:43:12 +0200
Subject: [PATCH] appview: use shared repoCard in quick-search results

Adds a compact mode (6th positional arg) to repoCard that skips
minimum height and applies focus-within highlight for keyboard nav.

Signed-off-by: eti <eti@eti.tf>
---
 .../templates/search/fragments/quick.html     | 35 +------------------
 .../templates/user/fragments/repoCard.html    | 10 ++++--
 2 files changed, 8 insertions(+), 37 deletions(-)

diff --git a/appview/pages/templates/search/fragments/quick.html b/appview/pages/templates/search/fragments/quick.html
index ffe89b14..1250cb18 100644
--- a/appview/pages/templates/search/fragments/quick.html
+++ b/appview/pages/templates/search/fragments/quick.html
@@ -30,43 +30,10 @@
 
 {{define "search/fragments/quickPage"}}
 {{- range .Repos -}}
-  {{ template "search/fragments/quickItem" . }}
+  {{ template "user/fragments/repoCard" (list $ . true false (dict) true) }}
 {{- end -}}
 {{end}}
 
-{{define "search/fragments/quickItem"}}
-{{ $owner := resolve .Did }}
-<a href="/{{ $owner }}/{{ .Name }}"
-   data-nav-result
-   class="flex flex-col gap-1.5 px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-700/50 focus:bg-gray-100 dark:focus:bg-gray-700/50 focus:outline-none no-underline hover:no-underline last:border-b last:border-gray-200 dark:last:border-gray-700">
-  <div class="flex items-center gap-2 font-medium text-gray-800 dark:text-gray-200">
-    {{ i "book-marked" "size-4 pt-0.5 text-gray-400" }}
-    <span class="truncate">{{ $owner }}/{{ .Name }}</span>
-  </div>
-  {{- with .Description -}}
-  <div class="text-sm text-gray-500 dark:text-gray-400 line-clamp-2 pl-6">{{ . }}</div>
-  {{- end -}}
-  {{- with .RepoStats -}}
-  {{- if or .Language .StarCount .IssueCount.Open .PullCount.Open -}}
-  <div class="flex gap-3 items-center text-xs text-gray-400 pl-6 font-mono">
-    {{- with .Language -}}
-    <span class="flex items-center gap-1">{{ template "repo/fragments/colorBall" (dict "color" (langColor .)) }}{{ . }}</span>
-    {{- end -}}
-    {{- with .StarCount -}}
-    <span class="flex items-center gap-1">{{ i "star" "w-3 h-3" }} {{ . }}</span>
-    {{- end -}}
-    {{- with .IssueCount.Open -}}
-    <span class="flex items-center gap-1">{{ i "circle-dot" "w-3 h-3" }} {{ . }}</span>
-    {{- end -}}
-    {{- with .PullCount.Open -}}
-    <span class="flex items-center gap-1">{{ i "git-pull-request" "w-3 h-3" }} {{ . }}</span>
-    {{- end -}}
-  </div>
-  {{- end -}}
-  {{- end -}}
-</a>
-{{end}}
-
 {{define "search/fragments/quickFooter"}}
 <div data-results-footer class="bg-gray-50 dark:bg-gray-800 px-4 py-2 flex justify-between items-center text-sm text-gray-600 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700">
   <span>showing {{ len .Repos }} of {{ .Total }}</span>
diff --git a/appview/pages/templates/user/fragments/repoCard.html b/appview/pages/templates/user/fragments/repoCard.html
index d8319ebe..7d487b71 100644
--- a/appview/pages/templates/user/fragments/repoCard.html
+++ b/appview/pages/templates/user/fragments/repoCard.html
@@ -5,15 +5,19 @@
   {{ $fullName := index . 2 }}
   {{ $starButton := false }}
   {{ $starData := dict }}
+  {{ $compact := false }}
   {{ if gt (len .) 3 }}
     {{ $starButton = index . 3 }}
     {{ if gt (len .) 4 }}
       {{ $starData = index . 4 }}
+      {{ if gt (len .) 5 }}
+        {{ $compact = index . 5 }}
+      {{ end }}
     {{ end }}
   {{ end }}
 
   {{ with $repo }}
-    <div class="py-4 px-6 gap-1 flex flex-col drop-shadow-sm bg-white dark:bg-gray-800 min-h-32">
+    <div class="{{ if not $compact }} min-h-32 {{ end }} {{ if $compact }} focus-within:bg-gray-100 dark:focus-within:bg-gray-800/80 {{ end }} py-4 px-6 gap-1 flex flex-col drop-shadow-sm bg-white dark:bg-gray-800">
       <div class="font-medium dark:text-white flex items-center justify-between">
         <div class="flex items-center min-w-0 flex-1 mr-2">
           {{ if .Source }}
@@ -23,9 +27,9 @@
           {{ end }}
           {{ $repoOwner := resolve .Did }}
           {{- if $fullName -}}
-            <a href="/{{ $repoOwner }}/{{ .Name }}" class="truncate min-w-0">{{ $repoOwner }}/{{ .Name }}</a>
+            <a href="/{{ $repoOwner }}/{{ .Name }}" data-nav-result class="truncate min-w-0 {{ if $compact }} focus:outline-none {{ end }}">{{ $repoOwner }}/{{ .Name }}</a>
           {{- else -}}
-            <a href="/{{ $repoOwner }}/{{ .Name }}" class="truncate min-w-0">{{ .Name }}</a>
+            <a href="/{{ $repoOwner }}/{{ .Name }}" data-nav-result class="truncate min-w-0 {{ if $compact }} focus:outline-none {{ end }}">{{ .Name }}</a>
           {{- end -}}
         </div>
         {{ if and $starButton $root.LoggedInUser }}
-- 
2.51.2