feat(app): localize "free usage exceeded" error & "Add credits" clickable link (anomalyco#13652)

Author: alexyaroshuk

packages/ui/src/components/session-turn.css

@@ -560,6 +560,12 @@
     overflow-y: auto;
   }
 
+  .retry-error-link,
+  .error-card-link {
+    color: var(--text-strong);
+    text-decoration: underline;
+  }
+
   [data-slot="session-turn-collapsible-content-inner"] {
     width: 100%;
     min-width: 0;

packages/ui/src/components/session-turn.tsx

@@ -436,6 +436,11 @@ export function SessionTurn(
     if (s.type !== "retry") return
     return s
   })
+  const isRetryFreeUsageLimitError = createMemo(() => {
+    const r = retry()
+    if (!r) return false
+    return r.message.includes("Free usage exceeded")
+  })
 
   const response = createMemo(() => lastTextPart()?.text)
   const responsePartId = createMemo(() => lastTextPart()?.id)
@@ -691,10 +696,22 @@ export function SessionTurn(
                                   {(() => {
                                     const r = retry()
                                     if (!r) return ""
-                                    const msg = unwrap(r.message)
+                                    const msg = isRetryFreeUsageLimitError()
+                                      ? i18n.t("ui.sessionTurn.error.freeUsageExceeded")
+                                      : unwrap(r.message)
                                     return msg.length > 60 ? msg.slice(0, 60) + "..." : msg
                                   })()}
                                 </span>
+                                <Show when={isRetryFreeUsageLimitError()}>
+                                  <a
+                                    href="https://opencode.ai/zen"
+                                    target="_blank"
+                                    class="retry-error-link"
+                                    rel="noopener noreferrer"
+                                  >
+                                    {i18n.t("ui.sessionTurn.error.addCredits")}
+                                  </a>
+                                </Show>
                                 <span data-slot="session-turn-retry-seconds">
                                   · {i18n.t("ui.sessionTurn.retry.retrying")}
                                   {store.retrySeconds > 0

packages/ui/src/i18n/ar.ts

@@ -28,6 +28,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "إعادة المحاولة",
   "ui.sessionTurn.retry.inSeconds": "خلال {{seconds}} ثواني",
+  "ui.sessionTurn.error.freeUsageExceeded": "تم تجاوز حد الاستخدام المجاني",
+  "ui.sessionTurn.error.addCredits": "إضافة رصيد",
 
   "ui.sessionTurn.status.delegating": "تفويض العمل",
   "ui.sessionTurn.status.planning": "تخطيط الخطوات التالية",

packages/ui/src/i18n/br.ts

@@ -28,6 +28,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "tentando novamente",
   "ui.sessionTurn.retry.inSeconds": "em {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Limite de uso gratuito excedido",
+  "ui.sessionTurn.error.addCredits": "Adicionar créditos",
 
   "ui.sessionTurn.status.delegating": "Delegando trabalho",
   "ui.sessionTurn.status.planning": "Planejando próximos passos",

packages/ui/src/i18n/bs.ts

@@ -32,6 +32,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "ponovni pokušaj",
   "ui.sessionTurn.retry.inSeconds": "za {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Besplatna upotreba premašena",
+  "ui.sessionTurn.error.addCredits": "Dodaj kredite",
 
   "ui.sessionTurn.status.delegating": "Delegiranje posla",
   "ui.sessionTurn.status.planning": "Planiranje sljedećih koraka",

packages/ui/src/i18n/da.ts

@@ -27,6 +27,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "prøver igen",
   "ui.sessionTurn.retry.inSeconds": "om {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Gratis forbrug overskredet",
+  "ui.sessionTurn.error.addCredits": "Tilføj kreditter",
 
   "ui.sessionTurn.status.delegating": "Delegerer arbejde",
   "ui.sessionTurn.status.planning": "Planlægger næste trin",

packages/ui/src/i18n/de.ts

@@ -31,6 +31,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "erneuter Versuch",
   "ui.sessionTurn.retry.inSeconds": "in {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Kostenloses Nutzungslimit überschritten",
+  "ui.sessionTurn.error.addCredits": "Guthaben aufladen",
 
   "ui.sessionTurn.status.delegating": "Arbeit delegieren",
   "ui.sessionTurn.status.planning": "Nächste Schritte planen",

packages/ui/src/i18n/en.ts

@@ -28,6 +28,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "retrying",
   "ui.sessionTurn.retry.inSeconds": "in {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Free usage exceeded",
+  "ui.sessionTurn.error.addCredits": "Add credits",
 
   "ui.sessionTurn.status.delegating": "Delegating work",
   "ui.sessionTurn.status.planning": "Planning next steps",

packages/ui/src/i18n/es.ts

@@ -28,6 +28,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "reintentando",
   "ui.sessionTurn.retry.inSeconds": "en {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Límite de uso gratuito excedido",
+  "ui.sessionTurn.error.addCredits": "Añadir créditos",
 
   "ui.sessionTurn.status.delegating": "Delegando trabajo",
   "ui.sessionTurn.status.planning": "Planificando siguientes pasos",

packages/ui/src/i18n/fr.ts

@@ -28,6 +28,8 @@ export const dict = {
 
   "ui.sessionTurn.retry.retrying": "nouvelle tentative",
   "ui.sessionTurn.retry.inSeconds": "dans {{seconds}}s",
+  "ui.sessionTurn.error.freeUsageExceeded": "Limite d'utilisation gratuite dépassée",
+  "ui.sessionTurn.error.addCredits": "Ajouter des crédits",
 
   "ui.sessionTurn.status.delegating": "Délégation du travail",
   "ui.sessionTurn.status.planning": "Planification des prochaines étapes",