From b6b615957b44f30ca0457fc892666d525f5706a1 Mon Sep 17 00:00:00 2001
From: Hiren Kangad <hir.012612@gmail.com>
Date: Tue, 10 Mar 2026 20:51:25 +0530
Subject: [PATCH] feat: show queued upload count in panel header

---
 frontend/src/components/UploadPanel.tsx | 5 ++++-
 frontend/src/stores/uploadManager.ts    | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/UploadPanel.tsx b/frontend/src/components/UploadPanel.tsx
index 395d023..3b545c4 100644
--- a/frontend/src/components/UploadPanel.tsx
+++ b/frontend/src/components/UploadPanel.tsx
@@ -112,7 +112,10 @@ export default function UploadPanel({ uploadManager }: UploadPanelProps) {
         display: 'flex', alignItems: 'center', justifyContent: 'space-between',
       }}>
         <span style={{ fontSize: '11px', color: '#888', fontWeight: 600 }}>
-          Uploads {uploadManager.activeCount > 0 ? `(${uploadManager.activeCount})` : ''}
+          Uploads{uploadManager.activeCount > 0 ? ` (${uploadManager.activeCount})` : ''}
+          {uploadManager.queuedCount > 0 && (
+            <span style={{ color: '#555', fontWeight: 400 }}> · {uploadManager.queuedCount} queued</span>
+          )}
         </span>
         {jobs.some((j) => j.status === 'done' || j.status === 'failed') && (
           <button onClick={() => uploadManager.clearFinished()} style={{
diff --git a/frontend/src/stores/uploadManager.ts b/frontend/src/stores/uploadManager.ts
index a0b9f72..97c4fec 100644
--- a/frontend/src/stores/uploadManager.ts
+++ b/frontend/src/stores/uploadManager.ts
@@ -199,6 +199,15 @@ export class UploadManager {
     return count;
   }
 
+  /** Get queued job count. */
+  get queuedCount(): number {
+    let count = 0;
+    for (const job of this.jobs.values()) {
+      if (job.status === 'queued') count++;
+    }
+    return count;
+  }
+
   private _autoDismiss(jobId: string) {
     this._clearDismissTimer(jobId);
     this._dismissTimers.set(jobId, setTimeout(() => {