From 1ea6a6c0c940573f95632582d75eeae3e76b670d Mon Sep 17 00:00:00 2001
From: mohiit1502 <mohiit1502@gmail.com>
Date: Sat, 1 Aug 2026 22:10:09 +0530
Subject: [PATCH] fix(quota): show X/Y used label and fill bar to consumed
 portion

---
 src/components/QuotaStatusWidget.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/QuotaStatusWidget.tsx b/src/components/QuotaStatusWidget.tsx
index c1720fa..d11af5d 100644
--- a/src/components/QuotaStatusWidget.tsx
+++ b/src/components/QuotaStatusWidget.tsx
@@ -69,11 +69,9 @@ export function QuotaStatusWidget({ compact }: { compact?: boolean } = {}) {
         <div className="ne-QuotaWidget__compact-row1 ne-QuotaWidget__compact-row1--single">
           <Zap size={10} style={{ color: runsColor, flexShrink: 0 }} />
           <span className="ne-QuotaWidget__compact-badge" style={{ color: runsColor, borderColor: `${runsColor}40` }}>
-            {runs_remaining}<span style={{ opacity: 0.5 }}>/{runs_limit}</span>
-          </span>
-          <span className="ne-QuotaWidget__compact-muted">
-            {isExhausted ? 'runs left' : 'runs left'}
+            {runs_used}<span style={{ opacity: 0.5 }}>/{runs_limit}</span>
           </span>
+          <span className="ne-QuotaWidget__compact-muted">runs used</span>
         </div>
       </Link>
     )
@@ -100,9 +98,9 @@ export function QuotaStatusWidget({ compact }: { compact?: boolean } = {}) {
         <Zap size={12} style={{ color: runsColor }} />
         <span className="ne-QuotaWidget__label">
           {isExhausted ? (
-            <span style={{ color: '#ef4444', fontWeight: 600 }}>No runs left</span>
+            <span style={{ color: '#ef4444', fontWeight: 600 }}>{runs_used}/{runs_limit} used</span>
           ) : (
-            <><span style={{ color: runsColor, fontWeight: 600 }}>{runs_remaining}</span><span style={{ opacity: 0.6 }}>/{runs_limit} runs left</span></>
+            <><span style={{ color: runsColor, fontWeight: 600 }}>{runs_used}</span><span style={{ opacity: 0.6 }}>/{runs_limit} used</span></>
           )}
         </span>
         <Link to="/quota" className="ne-QuotaWidget__history-link" title="View quota details">