fix: keep pending quota entries refreshable

Author: NGLSL

src/components/quota/QuotaCard.tsx

@@ -118,6 +118,7 @@ export function QuotaCard<TState extends QuotaStatusState>({
   );
   const idleMessageKey = onRefresh ? `${i18nPrefix}.idle` : (cardIdleMessageKey ?? `${i18nPrefix}.idle`);
   const cacheStatus = quota?.cacheStatus;
+  const showPendingCacheAsIdle = quotaStatus === 'loading' && cacheStatus === 'pending';
   const cacheStatusLabel = cacheStatus ? t(`quota_management.cache_status_${cacheStatus}`) : null;
   const lastRefreshLabel = quota?.lastRefreshAt ? formatQuotaResetTime(quota.lastRefreshAt) : null;
   const quotaRecoverLabel = quota?.quotaRecoverAt ? formatQuotaResetTime(quota.quotaRecoverAt) : null;
@@ -147,9 +148,9 @@ export function QuotaCard<TState extends QuotaStatusState>({
       </div>
 
       <div className={styles.quotaSection}>
-        {quotaStatus === 'loading' ? (
+        {quotaStatus === 'loading' && !showPendingCacheAsIdle ? (
           <div className={styles.quotaMessage}>{t(`${i18nPrefix}.loading`)}</div>
-        ) : quotaStatus === 'idle' ? (
+        ) : quotaStatus === 'idle' || showPendingCacheAsIdle ? (
           onRefresh ? (
             <button
               type="button"

src/components/quota/QuotaSection.tsx

@@ -212,7 +212,8 @@ export function QuotaSection<TState extends QuotaStatusState, TData>({
   const refreshQuotaForFile = useCallback(
     async (file: AuthFileItem) => {
       if (disabled || file.disabled) return;
-      if (quota[file.name]?.status === 'loading') return;
+      const currentQuota = quota[file.name];
+      if (currentQuota?.status === 'loading' && currentQuota.cacheStatus !== 'pending') return;
 
       try {
         await loadQuota([file], 'page', setLoading);