diff --git a/appview/pages/pages.go b/appview/pages/pages.go
index 8fa6ad95..b5ab1465 100644
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -1112,6 +1112,7 @@ type RepoBlobParams struct {
 	LastCommitInfo *types.LastCommitInfo
 	Ref            string
 	Path           string
+	Language       string
 }
 
 func (p *Pages) RepoBlob(w io.Writer, params RepoBlobParams) error {
diff --git a/appview/pages/templates/repo/blob.html b/appview/pages/templates/repo/blob.html
index 281bf275..6287fc5c 100644
--- a/appview/pages/templates/repo/blob.html
+++ b/appview/pages/templates/repo/blob.html
@@ -12,58 +12,70 @@
 
 {{ define "repoContent" }}
     {{ $linkstyle := "no-underline hover:underline" }}
-    <div class="peer pb-2 mb-3 text-base border-b border-gray-200 dark:border-gray-700">
-        <div class="flex flex-col md:flex-row md:justify-between gap-2">
-            <div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500">
-                {{ range $idx, $value := .BreadCrumbs }}
-                    {{ if ne $idx (sub (len $.BreadCrumbs) 1) }}
-                        <a
-                            href="{{ index . 1 }}"
-                            class="text-bold text-gray-500 dark:text-gray-400 {{ $linkstyle }}"
-                            >{{ pathUnescape (index . 0) }}</a
-                        >
-                        /
+    <div class="peer mb-3 text-sm flex justify-between gap-2 items-center">
+        <div class="flex gap-3 items-center">
+            <div class="bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded p-2 flex items-center gap-1 overflow-x-auto whitespace-nowrap w-fit">
+                {{ $last := sub (len .BreadCrumbs) 1 }}
+                {{ range $i, $b := .BreadCrumbs }}
+                    {{ if eq $i $last }}
+                        <span class="text-black dark:text-white">{{ pathUnescape (index $b 0) }}</span>
                     {{ else }}
-                        <span class="text-bold text-black dark:text-white"
-                            >{{ pathUnescape (index . 0) }}</span
-                        >
+                        <a href="{{ index $b 1 }}" class="text-gray-500 dark:text-gray-400 {{ $linkstyle }}">{{ pathUnescape (index $b 0) }}</a>
+                        <span class="text-gray-500 dark:text-gray-400">/</span>
                     {{ end }}
                 {{ end }}
             </div>
-            <div id="file-info" class="text-gray-500 dark:text-gray-400 text-xs md:text-sm flex flex-wrap items-center gap-1 md:gap-0">
-                <span>at <a href="/{{ .RepoInfo.FullName }}/tree/{{ pathEscape .Ref }}">{{ .Ref }}</a></span>
-
-                {{ if (and .BlobView.ContentType.HasTextView (not .ShowRendered)) }}
-                  <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
-                  <span>{{ .BlobView.Lines }} lines</span>
-                {{ end }}
-
+            <div class="text-gray-500 dark:text-gray-400 flex items-center gap-2">
                 {{ if .BlobView.SizeHint }}
-                  <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
-                  <span>{{ byteFmt .BlobView.SizeHint }}</span>
+                    <span>{{ byteFmt .BlobView.SizeHint }}</span>
                 {{ end }}
-
-                {{ if .BlobView.ContentType.HasRawView }}
-                  <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
-                  <a href="/{{ .RepoInfo.FullName }}/raw/{{ pathEscape .Ref }}/{{ .Path }}">View raw</a>
+                {{ if (and .BlobView.ContentType.HasTextView (or (not .BlobView.ContentType.HasRenderedView) (not .ShowRendered))) }}
+                    <span class="select-none [&:before]:content-['·']"></span>
+                    <span>{{ .BlobView.Lines }} lines</span>
                 {{ end }}
-
-                {{ if (and .BlobView.ContentType.HasTextView .BlobView.ContentType.HasRenderedView) }}
-                  <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
-                  <a href="/{{ .RepoInfo.FullName }}/blob/{{ pathEscape .Ref }}/{{ .Path }}?code={{ .ShowRendered }}" hx-boost="true">
-                    View {{ if .ShowRendered }}code{{ else }}rendered{{ end }}
+            </div>
+        </div>
+        <div class="hidden md:flex items-center gap-2 whitespace-nowrap text-sm">
+            {{ if (and .BlobView.ContentType.HasTextView (or (not .BlobView.ContentType.HasRenderedView) (not .ShowRendered))) }}
+              <div id="toggle-wrap-content" class="px-2">
+                  <label class="flex items-center font-normal gap-2">
+                      <input id="toggle-wrap-content-checkbox" type="checkbox" name="Wrap"/>
+                      Wrap
+                  </label>
+              </div>
+            {{ end }}
+            <div class="bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded p-2 flex items-center gap-2 justify-center">
+              <span class="text-gray-500 dark:text-gray-400">at</span>
+              <a href="/{{ .RepoInfo.FullName }}/tree/{{ pathEscape .Ref }}" class="{{ $linkstyle }}">{{ .Ref }}</a>
+            </div>
+            {{ if .Language }}
+              <div class="bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded p-2 flex items-center gap-2">
+                {{ template "repo/fragments/colorBall" (dict "color" (langColor .Language)) }}
+                {{ .Language }}
+              </div>
+            {{ end }}
+            <div class="btn-group">
+              {{ if (and .BlobView.ContentType.HasTextView .BlobView.ContentType.HasRenderedView) }}
+                  <a href="/{{ .RepoInfo.FullName }}/blob/{{ pathEscape .Ref }}/{{ .Path }}?code={{ .ShowRendered }}" hx-boost="true" class="btn-group-item px-3 no-underline hover:no-underline">
+                      View {{ if .ShowRendered }}code{{ else }}rendered{{ end }}
                   </a>
-                {{ end }}
-
-                {{ if (and .BlobView.ContentType.HasTextView (not .ShowRendered)) }}
-                  <div id="toggle-wrap-content" class="flex items-center">
-                    <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
-                    <label class="flex items-center lowercase font-normal px-1 py-0 gap-1 text-xs md:text-sm">
-                      <input id="toggle-wrap-content-checkbox" type="checkbox" name="wrap"/>
-                      wrap content
-                    </label>
-                  </div>
-                {{ end }}
+              {{ end }}
+              {{ if .BlobView.ContentType.HasRawView }}
+                  {{ $rawUrl := printf "/%s/raw/%s/%s" .RepoInfo.FullName (pathEscape .Ref) .Path }}
+                  {{ $filename := pathUnescape (index (index .BreadCrumbs (sub (len .BreadCrumbs) 1)) 0) }}
+                      <a href="{{ $rawUrl }}" class="btn-group-item px-3 no-underline hover:no-underline">View raw</a>
+                      {{ if .BlobView.ContentType.HasTextView }}
+                          <button
+                              class="btn-group-item px-3"
+                              title="Copy contents"
+                              onclick="const btn=this,c=document.querySelector('#blob-contents');if(c){const cls=c.querySelectorAll('.cl');const text=cls.length>0?Array.from(cls).map(e=>e.textContent).join(''):c.textContent;navigator.clipboard.writeText(text);const h=btn.innerHTML;btn.innerHTML=`{{ i "copy-check" "size-4" }}`;setTimeout(()=>btn.innerHTML=h,1500)}">
+                              {{ i "copy" "size-4" }}
+                          </button>
+                      {{ end }}
+                      <a href="{{ $rawUrl }}?download=1" class="btn-group-item px-3 no-underline hover:no-underline" title="Download">
+                          {{ i "download" "size-4" }}
+                      </a>
+              {{ end }}
             </div>
         </div>
     </div>
diff --git a/appview/pages/templates/repo/fragments/lastCommitPanel.html b/appview/pages/templates/repo/fragments/lastCommitPanel.html
index 0b790fbb..69bdf6b2 100644
--- a/appview/pages/templates/repo/fragments/lastCommitPanel.html
+++ b/appview/pages/templates/repo/fragments/lastCommitPanel.html
@@ -1,6 +1,6 @@
 {{ define "repo/fragments/lastCommitPanel" }}
   {{ $messageParts := splitN .LastCommitInfo.Message "\n\n" 2 }}
-  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between flex-wrap text-sm gap-2">
+  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 hidden md:flex items-center justify-between flex-wrap text-sm gap-2">
     <div class="flex flex-wrap items-center gap-1">
       {{ if .LastCommitInfo.Author }}
         {{ $authorDid := index .EmailToDid .LastCommitInfo.Author.Email }}
diff --git a/appview/pages/templates/repo/tree.html b/appview/pages/templates/repo/tree.html
index e7f3c51d..96f22f22 100644
--- a/appview/pages/templates/repo/tree.html
+++ b/appview/pages/templates/repo/tree.html
@@ -21,35 +21,41 @@
   <div class="tree">
     {{ $linkstyle := "no-underline hover:underline" }}
 
-    <div class="pb-2 mb-3 text-base border-b border-gray-200 dark:border-gray-700">
-      <div class="flex flex-col md:flex-row md:justify-between gap-2">
-        <div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500">
-          {{ range .BreadCrumbs }}
-            <a href="{{ index . 1 }}" class="text-bold text-gray-500 dark:text-gray-400 {{ $linkstyle }}">{{ pathUnescape (index . 0) }}</a> /
+    <div class="mb-3 text-sm flex justify-between gap-2 items-center">
+      <div class="flex gap-3 items-center">
+        <div class="bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded p-2 flex items-center gap-1 overflow-x-auto whitespace-nowrap w-fit">
+          {{ $last := sub (len .BreadCrumbs) 1 }}
+          {{ range $i, $b := .BreadCrumbs }}
+            {{ if (ne $i $last) }}
+              <a href="{{ index $b 1 }}" class="text-gray-500 dark:text-gray-400 {{ $linkstyle }}">{{ pathUnescape (index $b 0) }}</a>
+              <span class="text-gray-500 dark:text-gray-400">/</span>
+            {{ else }}
+              <span class="text-black dark:text-white">{{ pathUnescape (index $b 0) }}</span>
+            {{ end }}
           {{ end }}
         </div>
-        <div id="dir-info" class="text-gray-500 dark:text-gray-400 text-xs md:text-sm flex flex-wrap items-center gap-1 md:gap-0">
+        <div class="text-sm text-gray-500 dark:text-gray-400 flex items-center gap-2">
           {{ $stats := .TreeStats }}
-
-          <span>at <a href="/{{ $.RepoInfo.FullName }}/tree/{{ pathEscape $.Ref }}">{{ $.Ref }}</a></span>
           {{ if eq $stats.NumFolders 1 }}
-            <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
             <span>{{ $stats.NumFolders }} folder</span>
           {{ else if gt $stats.NumFolders 1 }}
-            <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
             <span>{{ $stats.NumFolders }} folders</span>
           {{ end }}
 
+          {{ if and (gt $stats.NumFolders 0) (gt $stats.NumFiles 0) }}
+            <span class="select-none [&:before]:content-['·']"></span>
+          {{ end }}
+
           {{ if eq $stats.NumFiles 1 }}
-            <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
             <span>{{ $stats.NumFiles }} file</span>
           {{ else if gt $stats.NumFiles 1 }}
-            <span class="select-none px-1 md:px-2 [&:before]:content-['·']"></span>
             <span>{{ $stats.NumFiles }} files</span>
           {{ end }}
-
         </div>
       </div>
+      <div class="bg-gray-100 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded p-2 hidden md:flex items-center gap-2 whitespace-nowrap">
+        <span class="text-gray-500 dark:text-gray-400">at <a href="/{{ $.RepoInfo.FullName }}/tree/{{ pathEscape $.Ref }}" class="{{ $linkstyle }}">{{ $.Ref }}</a></span>
+      </div>
     </div>
 
     {{ if .LastCommitInfo }}
diff --git a/appview/repo/blob.go b/appview/repo/blob.go
index 047baef7..f9596802 100644
--- a/appview/repo/blob.go
+++ b/appview/repo/blob.go
@@ -24,6 +24,7 @@ import (
 	"github.com/bluesky-social/indigo/util"
 	indigoxrpc "github.com/bluesky-social/indigo/xrpc"
 	"github.com/go-chi/chi/v5"
+	enry "github.com/go-enry/go-enry/v2"
 	"github.com/go-git/go-git/v5/plumbing"
 	"github.com/go-git/go-git/v5/plumbing/filemode"
 )
@@ -201,6 +202,18 @@ func (rp *Repo) Blob(w http.ResponseWriter, r *http.Request) {
 		}
 	}
 
+	baseName := filepath.Base(filePath)
+	lang, ok := enry.GetLanguageByExtension(baseName)
+	if !ok {
+		lang, ok = enry.GetLanguageByFilename(baseName)
+	}
+	if !ok && blobView.Contents != "" {
+		lang = enry.GetLanguage(baseName, []byte(blobView.Contents))
+	}
+	if group := enry.GetLanguageGroup(lang); group != "" {
+		lang = group
+	}
+
 	user := rp.oauth.GetMultiAccountUser(r)
 	rp.pages.RepoBlob(w, pages.RepoBlobParams{
 		BaseParams:     pages.BaseParamsFromContext(r.Context()),
@@ -212,6 +225,7 @@ func (rp *Repo) Blob(w http.ResponseWriter, r *http.Request) {
 		ShowRendered:   r.URL.Query().Get("code") != "true",
 		Ref:            ref,
 		Path:           filePath,
+		Language:       lang,
 	})
 }
 
@@ -233,6 +247,27 @@ func (rp *Repo) RepoBlobRaw(w http.ResponseWriter, r *http.Request) {
 
 	blobURL := generateBlobURL(rp.config.KnotMirror.Url, f, ref, filePath)
 
+	if r.URL.Query().Get("download") == "1" {
+		req, err := http.NewRequestWithContext(r.Context(), http.MethodGet, blobURL, nil)
+		if err != nil {
+			w.WriteHeader(http.StatusInternalServerError)
+			return
+		}
+		resp, err := util.RobustHTTPClient().Do(req)
+		if err != nil || resp.StatusCode != http.StatusOK {
+			w.WriteHeader(http.StatusBadGateway)
+			return
+		}
+		defer resp.Body.Close()
+
+		filename := filepath.Base(filePath)
+		w.Header().Set("Content-Disposition", fmt.Sprintf(`attachment; filename=%q`, filename))
+		w.Header().Set("Content-Type", resp.Header.Get("Content-Type"))
+		w.Header().Set("Cache-Control", "public, no-cache")
+		io.Copy(w, resp.Body)
+		return
+	}
+
 	w.Header().Set("Cache-Control", "public, no-cache")
 	http.Redirect(w, r, blobURL, http.StatusFound)
 }