From 6cb7b9e32f44be780439f4d98527bece51a65387 Mon Sep 17 00:00:00 2001
From: xanning <sptrspostok@gmail.com>
Date: Wed, 27 May 2026 21:39:58 +0300
Subject: [PATCH] new

---
 .../player/atoms/settings/Downloads.tsx       | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/player/atoms/settings/Downloads.tsx b/src/components/player/atoms/settings/Downloads.tsx
index 2df3c2825..aff2f3fa1 100644
--- a/src/components/player/atoms/settings/Downloads.tsx
+++ b/src/components/player/atoms/settings/Downloads.tsx
@@ -117,12 +117,24 @@ function OriginalFileView({ id }: { id: string }) {
             key={`${dl.title}-${i}`}
             className="w-full rounded-lg bg-video-context-light/10 p-3 mb-2"
           >
-            <p className="text-xs text-video-context-type-main break-all mb-1">
+            <div className="flex items-center gap-2 mb-1">
+              {dl.format && (
+                <span className="px-1.5 py-0.5 rounded text-[10px] font-bold uppercase bg-video-context-type-accent/20 text-video-context-type-accent">
+                  {dl.format}
+                </span>
+              )}
+              {dl.resolution && (
+                <span className="px-1.5 py-0.5 rounded text-[10px] font-bold bg-video-context-light/20 text-video-context-type-main">
+                  {dl.resolution}
+                </span>
+              )}
+              <span className="text-xs text-video-context-type-secondary ml-auto">
+                {dl.size}
+              </span>
+            </div>
+            <p className="text-xs text-video-context-type-secondary break-all mb-2">
               {dl.title}
             </p>
-            <p className="text-xs text-video-context-type-secondary mb-2">
-              {dl.size}
-            </p>
             <div className="flex gap-2 flex-wrap">
               {dl.sources.map((src, j) => (
                 <a