From a7d7a96a6849f17354c1caef7c08c5d2ce925496 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Fri, 22 Aug 2025 19:22:23 +0300
Subject: [PATCH] appview/pages: show readme file name on top of rendered
 readme

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 appview/pages/templates/repo/index.html | 36 +++++++++++++++----------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 9361f102..5852d889 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -356,19 +356,27 @@
 
 {{ define "repoAfter" }}
     {{- if or .HTMLReadme .Readme -}}
-        <section
-            class="p-6 mt-4 rounded-br rounded-bl bg-white dark:bg-gray-800 dark:text-white drop-shadow-sm w-full mx-auto overflow-auto {{ if not .Raw }}
-                prose dark:prose-invert dark:[&_pre]:bg-gray-900
-                dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
-                dark:[&_pre]:border dark:[&_pre]:border-gray-700
-            {{ end }}"
-        >
-            <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
-                        {{- .Readme -}}
-                    </pre>
-                {{- else -}}
-                    {{ .HTMLReadme }}
-                {{- end -}}</article>
-        </section>
+        <div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
+            {{- if .ReadmeFileName -}}
+            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
+                {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
+                <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
+            </div>
+            {{- end -}}
+            <section
+                class="p-6 overflow-auto {{ if not .Raw }}
+                    prose dark:prose-invert dark:[&_pre]:bg-gray-900
+                    dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
+                    dark:[&_pre]:border dark:[&_pre]:border-gray-700
+                {{ end }}"
+            >
+                <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
+                            {{- .Readme -}}
+                        </pre>
+                    {{- else -}}
+                        {{ .HTMLReadme }}
+                    {{- end -}}</article>
+            </section>
+        </div>
     {{- end -}}
 {{ end }}
-- 
2.54.0