Add i18n foundation and translations (#1027)

* feat: add i18n foundation

* feat: localize sessions sidebar

* Localize multirun/scheduled tasks and fix dialog dropdown interactions

* localize git sidebar surface and add zh-CN keys

* feat(ui): localize context panel, diff/plan views, and context sidebar content

* fix(config): resolve user config home via fs/home before embedded home

* localize header/chat UI and complete model/worktree panel strings

* localize worktree + github issue/pr dialog flows

* localize settings sections and split settings i18n dictionaries

* localize additional settings sections and sidebars

* localize more settings pages and dialogs

* fix settings select trigger localization

* localize tunnel settings ui surface

* localize additional settings sections

* localize keyboard shortcuts labels in settings

* localize terminal and utility dialogs surfaces

* feat(i18n): localize remaining UI strings

* Add Ukrainian locale

* Add Spanish locale

* Add Brazilian Portuguese locale

* Polish locale translations

packages/ui/src/components/chat/ChatErrorBoundary.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { RiChat3Line, RiRestartLine } from '@remixicon/react';
 import { Button } from '../ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '../ui/card';
+import { useI18n } from '@/lib/i18n';
 
 interface ChatErrorBoundaryState {
   hasError: boolean;
@@ -14,8 +15,21 @@ interface ChatErrorBoundaryProps {
   sessionId?: string;
 }
 
-export class ChatErrorBoundary extends React.Component<ChatErrorBoundaryProps, ChatErrorBoundaryState> {
-  constructor(props: ChatErrorBoundaryProps) {
+interface ChatErrorBoundaryTexts {
+  title: string;
+  description: string;
+  sessionLabel: string;
+  detailsSummary: string;
+  resetAction: string;
+  persistentHint: string;
+}
+
+interface ChatErrorBoundaryViewProps extends ChatErrorBoundaryProps {
+  texts: ChatErrorBoundaryTexts;
+}
+
+class ChatErrorBoundaryView extends React.Component<ChatErrorBoundaryViewProps, ChatErrorBoundaryState> {
+  constructor(props: ChatErrorBoundaryViewProps) {
     super(props);
     this.state = { hasError: false };
   }
@@ -44,23 +58,23 @@ export class ChatErrorBoundary extends React.Component<ChatErrorBoundaryProps, C
             <CardHeader className="text-center">
               <CardTitle className="flex items-center justify-center gap-2 text-destructive">
                 <RiChat3Line className="h-5 w-5" />
-                Chat Error
+                {this.props.texts.title}
               </CardTitle>
             </CardHeader>
             <CardContent className="space-y-4">
               <p className="text-sm text-muted-foreground text-center">
-                The chat interface encountered an error. This might be due to a temporary network issue or corrupted message data.
+                {this.props.texts.description}
               </p>
 
               {this.props.sessionId && (
                 <div className="text-xs text-muted-foreground text-center">
-                  Session: {this.props.sessionId}
+                  {this.props.texts.sessionLabel}: {this.props.sessionId}
                 </div>
               )}
 
               {this.state.error && (
                 <details className="text-xs font-mono bg-muted p-3 rounded">
-                  <summary className="cursor-pointer hover:bg-interactive-hover/80">Error details</summary>
+                  <summary className="cursor-pointer hover:bg-interactive-hover/80">{this.props.texts.detailsSummary}</summary>
                   <pre className="mt-2 overflow-x-auto">
                     {this.state.error.toString()}
                   </pre>
@@ -70,12 +84,12 @@ export class ChatErrorBoundary extends React.Component<ChatErrorBoundaryProps, C
               <div className="flex gap-2">
                 <Button onClick={this.handleReset} variant="outline" className="flex-1">
                   <RiRestartLine className="h-4 w-4 mr-2" />
-                  Reset Chat
+                  {this.props.texts.resetAction}
                 </Button>
               </div>
 
               <div className="text-xs text-muted-foreground text-center">
-                If the problem persists, try refreshing the page.
+                {this.props.texts.persistentHint}
               </div>
             </CardContent>
           </Card>
@@ -86,3 +100,20 @@ export class ChatErrorBoundary extends React.Component<ChatErrorBoundaryProps, C
     return this.props.children;
   }
 }
+
+export function ChatErrorBoundary(props: ChatErrorBoundaryProps) {
+  const { t } = useI18n();
+  return (
+    <ChatErrorBoundaryView
+      {...props}
+      texts={{
+        title: t('chat.errorBoundary.title'),
+        description: t('chat.errorBoundary.description'),
+        sessionLabel: t('chat.errorBoundary.sessionLabel'),
+        detailsSummary: t('chat.errorBoundary.detailsSummary'),
+        resetAction: t('chat.errorBoundary.resetAction'),
+        persistentHint: t('chat.errorBoundary.persistentHint'),
+      }}
+    />
+  );
+}