)
+ case "api_req_retry_delayed":
+ // Display the rate limit countdown component
+ return (
+
+ )
case "shell_integration_warning":
return
case "checkpoint_saved":
diff --git a/webview-ui/src/components/chat/RateLimitCountdown.tsx b/webview-ui/src/components/chat/RateLimitCountdown.tsx
new file mode 100644
index 0000000000..c8b989b483
--- /dev/null
+++ b/webview-ui/src/components/chat/RateLimitCountdown.tsx
@@ -0,0 +1,113 @@
+import React, { useMemo } from "react"
+import { useTranslation } from "react-i18next"
+import { ProgressIndicator } from "./ProgressIndicator"
+
+interface RateLimitCountdownProps {
+ message: string
+ isRetrying?: boolean
+}
+
+export const RateLimitCountdown: React.FC
= ({ message, isRetrying = false }) => {
+ const { t } = useTranslation()
+
+ // Parse the message to extract countdown seconds and retry attempt info
+ const { seconds, attemptInfo } = useMemo(() => {
+ // Match patterns like "Retrying in X seconds" or "Rate limiting for X seconds"
+ const secondsMatch = message.match(/(\d+)\s+second/i)
+ const seconds = secondsMatch ? parseInt(secondsMatch[1], 10) : null
+
+ // Match retry attempt pattern like "Retry attempt X"
+ const attemptMatch = message.match(/Retry attempt (\d+)/i)
+ const attemptInfo = attemptMatch ? attemptMatch[0] : null
+
+ return { seconds, attemptInfo }
+ }, [message])
+
+ // Check if this is the "Retrying now..." message
+ const isRetryingNow = message.toLowerCase().includes("retrying now")
+
+ return (
+
+ {/* Header with spinner and title */}
+
+
+
+ {isRetrying || attemptInfo ? t("chat:rateLimitRetry.title") : t("chat:rateLimit.title")}
+
+
+
+ {/* Status message */}
+
+ {isRetryingNow ? (
+
{t("chat:rateLimit.retryingNow")}
+ ) : seconds !== null ? (
+
+ {attemptInfo && (
+
+ {attemptInfo}
+
+ )}
+
{t("chat:rateLimit.retryingIn", { seconds })}
+
+ ) : (
+
{t("chat:rateLimit.pleaseWait")}
+ )}
+
+
+ {/* Optional error details if present in the message */}
+ {message.includes("\n\n") && !isRetryingNow && (
+
+
+ {t("chat:rateLimit.showDetails")}
+
+
+ {message.split("\n\n")[0]}
+
+
+ )}
+