Add rate limit aware retries

Enhance retry logic to detect 429 rate limits, parse Retry-After headers, and apply smart backoff across all entity submissions. Adds rate-limit-aware backoff, preserves user feedback via UI events, and ensures retries respect server-provided guidance.

src/components/ui/retry-status-indicator.tsx

@@ -12,6 +12,8 @@ interface RetryStatus {
   type: string;
   state: 'retrying' | 'success' | 'failed';
   errorId?: string;
+  isRateLimit?: boolean;
+  retryAfter?: number;
 }
 
 /**
@@ -24,12 +26,22 @@ export function RetryStatusIndicator() {
 
   useEffect(() => {
     const handleRetry = (event: Event) => {
-      const customEvent = event as CustomEvent<Omit<RetryStatus, 'state'>>;
-      const { id, attempt, maxAttempts, delay, type } = customEvent.detail;
+      const customEvent = event as CustomEvent<Omit<RetryStatus, 'state' | 'countdown'>>;
+      const { id, attempt, maxAttempts, delay, type, isRateLimit, retryAfter } = customEvent.detail;
       
       setRetries(prev => {
         const next = new Map(prev);
-        next.set(id, { id, attempt, maxAttempts, delay, type, state: 'retrying', countdown: delay });
+        next.set(id, { 
+          id, 
+          attempt, 
+          maxAttempts, 
+          delay, 
+          type, 
+          state: 'retrying', 
+          countdown: delay,
+          isRateLimit,
+          retryAfter
+        });
         return next;
       });
     };
@@ -161,6 +173,17 @@ function RetryCard({ retry }: { retry: RetryStatus & { countdown: number } }) {
   // Retrying state
   const progress = retry.delay > 0 ? ((retry.delay - retry.countdown) / retry.delay) * 100 : 0;
   
+  // Customize message based on rate limit status
+  const getMessage = () => {
+    if (retry.isRateLimit) {
+      if (retry.retryAfter) {
+        return `Rate limit reached. Waiting ${Math.ceil(retry.countdown / 1000)}s as requested by server...`;
+      }
+      return `Rate limit reached. Using smart backoff - retrying in ${Math.ceil(retry.countdown / 1000)}s...`;
+    }
+    return `Network issue detected. Retrying ${retry.type} submission in ${Math.ceil(retry.countdown / 1000)}s`;
+  };
+  
   return (
     <Card className="p-4 shadow-lg border-amber-500 bg-amber-50 dark:bg-amber-950 w-80 animate-in slide-in-from-bottom-4">
       <div className="flex items-start gap-3">
@@ -168,7 +191,7 @@ function RetryCard({ retry }: { retry: RetryStatus & { countdown: number } }) {
         <div className="flex-1 space-y-2">
           <div className="flex items-center justify-between">
             <p className="text-sm font-medium text-amber-900 dark:text-amber-100">
-              Retrying submission...
+              {retry.isRateLimit ? 'Rate Limited' : 'Retrying submission...'}
             </p>
             <span className="text-xs font-mono text-amber-700 dark:text-amber-300">
               {retry.attempt}/{retry.maxAttempts}
@@ -176,7 +199,7 @@ function RetryCard({ retry }: { retry: RetryStatus & { countdown: number } }) {
           </div>
           
           <p className="text-xs text-amber-700 dark:text-amber-300">
-            Network issue detected. Retrying {retry.type} submission in {Math.ceil(retry.countdown / 1000)}s
+            {getMessage()}
           </p>
           
           <Progress value={progress} className="h-1" />