claude-ws 0.3.97 → 0.3.99

package/src/components/sidebar/file-browser/file-tabs-panel.tsx

@@ -9,6 +9,7 @@ import { useResizable } from '@/hooks/use-resizable';
 import { useSidebarStore } from '@/stores/sidebar-store';
 import { usePanelLayoutStore, PANEL_CONFIGS } from '@/stores/panel-layout-store';
 import { cn } from '@/lib/utils';
+import { useTranslations } from 'next-intl';
 
 const { minWidth: MIN_WIDTH, maxWidth: MAX_WIDTH } = PANEL_CONFIGS.filePreview;
 
@@ -35,6 +36,8 @@ function trimFileName(fileName: string, maxLength = 25): string {
 }
 
 export function FileTabsPanel() {
+  const tCommon = useTranslations('common');
+  const tEditor = useTranslations('editor');
   const {
     openTabs,
     activeTabId,
@@ -59,7 +62,7 @@ export function FileTabsPanel() {
     const tab = openTabs.find(t => t.id === tabId);
     if (tab?.isDirty) {
       const fileName = tab.filePath.split('/').pop() || tab.filePath;
-      if (!confirm(`"${fileName}" has unsaved changes. Close anyway?`)) {
+      if (!confirm(tCommon('unsavedChangesConfirm', { fileName }))) {
         return;
       }
     }
@@ -71,7 +74,7 @@ export function FileTabsPanel() {
     const dirtyTabs = openTabs.filter(t => t.isDirty);
     if (dirtyTabs.length > 0) {
       const fileNames = dirtyTabs.map(t => t.filePath.split('/').pop()).join(', ');
-      if (!confirm(`You have unsaved changes in: ${fileNames}\n\nClose all tabs anyway?`)) {
+      if (!confirm(tCommon('unsavedChangesConfirm', { fileName: fileNames }))) {
         return;
       }
     }
@@ -159,9 +162,9 @@ export function FileTabsPanel() {
             size="sm"
             onClick={handleCloseAllTabs}
             className="text-xs text-muted-foreground h-8 px-2 mr-1"
-            title="Close all tabs"
+            title={tEditor('closeAllTabs')}
           >
-            Close all
+            {tEditor('closeAllTabs')}
           </Button>
         )}
       </div>

package/src/components/sidebar/file-browser/file-tree.tsx

@@ -10,6 +10,7 @@ import { useSidebarStore } from '@/stores/sidebar-store';
 import { useActiveProject } from '@/hooks/use-active-project';
 import type { FileEntry } from '@/types';
 import { FileCreateButtons } from './file-create-buttons';
+import { useTranslations } from 'next-intl';
 
 interface FileTreeProps {
   onFileSelect?: (path: string, lineNumber?: number, column?: number, matchLength?: number) => void;
@@ -17,6 +18,7 @@ interface FileTreeProps {
 
 export function FileTree({ onFileSelect }: FileTreeProps) {
   const activeProject = useActiveProject();
+  const tSidebar = useTranslations('sidebar');
   const { expandedFolders, toggleFolder, selectedFile, setSelectedFile, openTab, setEditorPosition } =
     useSidebarStore();
 
@@ -183,7 +185,7 @@ export function FileTree({ onFileSelect }: FileTreeProps) {
   if (!activeProject) {
     return (
       <div className="flex items-center justify-center h-full text-muted-foreground text-sm">
-        No project selected
+        {tSidebar('selectProject')}
       </div>
     );
   }

package/src/components/sidebar/git-changes/branch-checkout-modal.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect, useCallback } from 'react';
 import { Loader2, GitBranch, Check } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import {
   Dialog,
   DialogContent,
@@ -41,6 +42,7 @@ export function BranchCheckoutModal({
   currentBranch,
   onCheckout,
 }: BranchCheckoutModalProps) {
+  const t = useTranslations('git');
   const [search, setSearch] = useState('');
   const [branches, setBranches] = useState<{ local: Branch[]; remote: Branch[] }>({
     local: [],
@@ -59,7 +61,7 @@ export function BranchCheckoutModal({
       const res = await fetch(`/api/git/branches?path=${encodeURIComponent(projectPath)}`);
       if (!res.ok) {
         const data = await res.json();
-        throw new Error(data.error || 'Failed to fetch branches');
+        throw new Error(data.error || t('failedToFetchBranches'));
       }
       const data = await res.json();
       setBranches({
@@ -67,7 +69,7 @@ export function BranchCheckoutModal({
         remote: data.remoteBranches || [],
       });
     } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to fetch branches');
+      setError(err instanceof Error ? err.message : t('failedToFetchBranches'));
     } finally {
       setLoading(false);
     }
@@ -116,7 +118,7 @@ export function BranchCheckoutModal({
 
         <Command className="rounded-t-none border-t">
           <CommandInput
-            placeholder="Search branches..."
+            placeholder={t('searchBranches')}
             value={search}
             onValueChange={setSearch}
           />
@@ -138,7 +140,7 @@ export function BranchCheckoutModal({
             ) : (
               <>
                 {filteredLocalBranches.length === 0 && filteredRemoteBranches.length === 0 ? (
-                  <CommandEmpty>No branches found</CommandEmpty>
+                  <CommandEmpty>{t('noBranches')}</CommandEmpty>
                 ) : (
                   <>
                     {filteredLocalBranches.length > 0 && (

package/src/components/sidebar/git-changes/commit-details-modal.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useState, useCallback } from 'react';
 import { Loader2, Copy, Check, FileIcon, FilePlus, FileMinus, ArrowLeft, GitBranch, GitCommit, AlertCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import {
   Dialog,
   DialogContent,
@@ -34,6 +35,7 @@ export function CommitDetailsModal({
   commitHash,
   projectPath,
 }: CommitDetailsModalProps) {
+  const t = useTranslations('git');
   const [details, setDetails] = useState<CommitDetails | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -210,7 +212,7 @@ export function CommitDetailsModal({
                     <button
                       onClick={copyHash}
                       className="p-1 hover:bg-accent rounded transition-colors"
-                      title="Copy full hash"
+                      title={t('copyFullHash')}
                     >
                       {copied ? (
                         <Check className="size-3.5 text-green-500" />
@@ -228,7 +230,7 @@ export function CommitDetailsModal({
                       className="h-7 text-xs"
                       onClick={handleCheckout}
                       disabled={checkoutLoading}
-                      title="Checkout this commit (detached HEAD state)"
+                      title={t('checkoutCommit')}
                     >
                       {checkoutLoading ? (
                         <Loader2 className="size-3.5 animate-spin mr-1.5" />
@@ -242,7 +244,7 @@ export function CommitDetailsModal({
                       size="sm"
                       className="h-7 text-xs"
                       onClick={() => setShowBranchDialog(true)}
-                      title="Create a new branch from this commit"
+                      title={t('createBranchFromCommit')}
                     >
                       <GitBranch className="size-3.5 mr-1.5" />
                       New Branch

package/src/components/sidebar/git-changes/diff-tabs-panel.tsx

@@ -2,6 +2,7 @@
 
 import { useRef } from 'react';
 import { X } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { Button } from '@/components/ui/button';
 import { ResizeHandle } from '@/components/ui/resize-handle';
 import { DiffViewer } from './diff-viewer';
@@ -13,6 +14,7 @@ import { cn } from '@/lib/utils';
 const { minWidth: MIN_WIDTH, maxWidth: MAX_WIDTH } = PANEL_CONFIGS.diffPreview;
 
 export function DiffTabsPanel() {
+  const t = useTranslations('git');
   const {
     diffTabs,
     activeDiffTabId,
@@ -115,7 +117,7 @@ export function DiffTabsPanel() {
             size="sm"
             onClick={closeAllDiffTabs}
             className="text-xs text-muted-foreground h-8 px-2 mr-1"
-            title="Close all tabs"
+            title={t('closeAllTabs')}
           >
             Close all
           </Button>

package/src/components/sidebar/git-changes/git-file-item.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Plus, Minus, Undo2, EyeOff } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { cn } from '@/lib/utils';
 import { FileIcon } from '@/components/sidebar/file-browser/file-icon';
 import type { GitFileStatus } from '@/types';
@@ -50,6 +51,7 @@ export function GitFileItem({
   onDiscard,
   onAddToGitignore,
 }: GitFileItemProps) {
+  const t = useTranslations('git');
   // Get filename and parent directory
   const parts = file.path.split('/');
   const fileName = parts.pop() || file.path;
@@ -90,7 +92,7 @@ export function GitFileItem({
                   e.stopPropagation();
                   onAddToGitignore();
                 }}
-                title="Add to .gitignore"
+                title={t('addToGitignore')}
               >
                 <EyeOff className="size-3.5" />
               </button>
@@ -102,7 +104,7 @@ export function GitFileItem({
                 e.stopPropagation();
                 onUnstage?.();
               }}
-              title="Unstage Changes"
+              title={t('unstageChanges')}
             >
               <Minus className="size-3.5" />
             </button>
@@ -116,7 +118,7 @@ export function GitFileItem({
                 e.stopPropagation();
                 onDiscard?.();
               }}
-              title="Discard Changes"
+              title={t('discardChanges')}
             >
               <Undo2 className="size-3.5" />
             </button>
@@ -128,7 +130,7 @@ export function GitFileItem({
                   e.stopPropagation();
                   onAddToGitignore();
                 }}
-                title="Add to .gitignore"
+                title={t('addToGitignore')}
               >
                 <EyeOff className="size-3.5" />
               </button>
@@ -140,7 +142,7 @@ export function GitFileItem({
                 e.stopPropagation();
                 onStage?.();
               }}
-              title="Stage Changes"
+              title={t('stageChanges')}
             >
               <Plus className="size-3.5" />
             </button>
@@ -151,7 +153,7 @@ export function GitFileItem({
       {/* Stats: +X -Y for modified, "New" for new files - absolute positioned */}
       <span className="absolute right-2 top-1/2 -translate-y-1/2 text-[11px] shrink-0 font-medium group-hover:opacity-0 transition-opacity">
         {isNew ? (
-          <span className="text-green-500">New</span>
+          <span className="text-green-500">{t('newFile')}</span>
         ) : hasStats ? (
           <>
             <span className="text-green-500">+{file.additions || 0}</span>

package/src/components/sidebar/git-changes/git-graph.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import { ChevronRight, ChevronDown, RefreshCw, Loader2, ArrowUpFromLine, ArrowDownToLine, RotateCcw } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { GitCommitItem } from './git-commit-item';
 import { GraphRenderer } from './graph-renderer';
 import { CommitDetailsModal } from './commit-details-modal';
@@ -23,6 +24,8 @@ interface GitCommit {
 }
 
 export function GitGraph() {
+  const t = useTranslations('git');
+  const tCommon = useTranslations('common');
   const activeProject = useActiveProject();
   const [commits, setCommits] = useState<GitCommit[]>([]);
   const [head, setHead] = useState<string>('');
@@ -129,7 +132,7 @@ export function GitGraph() {
               e.stopPropagation();
               setFilter(filter === 'current' ? 'all' : 'current');
             }}
-            title={filter === 'current' ? 'Show all branches' : 'Show current branch only'}
+            title={filter === 'current' ? t('showAllBranches') : t('showCurrentBranchOnly')}
           >
             <svg className="size-3.5" viewBox="0 0 16 16" fill="currentColor">
               {filter === 'current' ? (
@@ -147,7 +150,7 @@ export function GitGraph() {
               gitAction('fetch');
             }}
             disabled={actionLoading !== null}
-            title="Fetch"
+            title={t('fetch')}
           >
             <ArrowDownToLine className={cn('size-3.5', actionLoading === 'fetch' && 'animate-pulse')} />
           </button>
@@ -159,7 +162,7 @@ export function GitGraph() {
               gitAction('pull');
             }}
             disabled={actionLoading !== null}
-            title="Pull"
+            title={t('pull')}
           >
             <RotateCcw className={cn('size-3.5', actionLoading === 'pull' && 'animate-spin')} />
           </button>
@@ -171,7 +174,7 @@ export function GitGraph() {
               gitAction('push');
             }}
             disabled={actionLoading !== null}
-            title="Push"
+            title={t('push')}
           >
             <ArrowUpFromLine className={cn('size-3.5', actionLoading === 'push' && 'animate-pulse')} />
           </button>
@@ -182,7 +185,7 @@ export function GitGraph() {
               e.stopPropagation();
               fetchLog();
             }}
-            title="Refresh"
+            title={tCommon('refresh')}
           >
             <RefreshCw className={cn('size-3.5', loading && 'animate-spin')} />
           </button>

package/src/components/sidebar/git-changes/git-panel.tsx

@@ -17,6 +17,7 @@ import type { GitStatus, GitFileStatus } from '@/types';
 
 export function GitPanel() {
   const t = useTranslations('git');
+  const tCommon = useTranslations('common');
   const activeProject = useActiveProject();
   const { openDiffTab } = useSidebarStore();
   const [status, setStatus] = useState<GitStatus | null>(null);
@@ -133,7 +134,7 @@ export function GitPanel() {
 
   const discardFile = useCallback(async (filePath: string) => {
     if (!activeProject?.path) return;
-    if (!confirm(`Discard changes to ${filePath}?`)) return;
+    if (!confirm(t('discardChangesConfirm', { filePath }))) return;
     try {
       await fetch('/api/git/discard', {
         method: 'POST',
@@ -176,7 +177,7 @@ export function GitPanel() {
 
   const discardAll = useCallback(async () => {
     if (!activeProject?.path) return;
-    if (!confirm('Discard ALL changes? This cannot be undone!')) return;
+    if (!confirm(t('discardAllConfirm'))) return;
     try {
       await fetch('/api/git/discard', {
         method: 'POST',
@@ -199,12 +200,12 @@ export function GitPanel() {
       });
       if (!res.ok) {
         const data = await res.json();
-        throw new Error(data.error || 'Failed to add to .gitignore');
+        throw new Error(data.error || t('failedToAddGitignore'));
       }
       fetchStatus(true);
     } catch (err) {
       console.error('Failed to add to .gitignore:', err);
-      alert(err instanceof Error ? err.message : 'Failed to add to .gitignore');
+      alert(err instanceof Error ? err.message : t('failedToAddGitignore'));
     }
   }, [activeProject?.path, fetchStatus]);
 
@@ -231,13 +232,13 @@ export function GitPanel() {
       });
       if (!res.ok) {
         const data = await res.json();
-        throw new Error(data.error || 'Failed to commit');
+        throw new Error(data.error || t('failedToCommit'));
       }
       setCommitTitle('');
       setCommitDescription('');
       fetchStatus(true);
     } catch (err) {
-      alert(err instanceof Error ? err.message : 'Failed to commit');
+      alert(err instanceof Error ? err.message : t('failedToCommit'));
     } finally {
       setCommitting(false);
     }
@@ -256,7 +257,7 @@ export function GitPanel() {
 
       if (!res.ok) {
         const data = await res.json();
-        throw new Error(data.error || 'Failed to generate message');
+        throw new Error(data.error || t('failedToGenerateCommit'));
       }
 
       const { title, description } = await res.json();
@@ -264,7 +265,7 @@ export function GitPanel() {
       setCommitDescription(description || '');
     } catch (err) {
       console.error('AI generation error:', err);
-      alert(err instanceof Error ? err.message : 'Failed to generate commit message');
+      alert(err instanceof Error ? err.message : t('failedToGenerateCommit'));
     } finally {
       setGeneratingMessage(false);
     }
@@ -281,11 +282,11 @@ export function GitPanel() {
       });
       if (!res.ok) {
         const data = await res.json();
-        throw new Error(data.error || 'Failed to push');
+        throw new Error(data.error || t('failedToPush'));
       }
       fetchStatus(true);
     } catch (err) {
-      alert(err instanceof Error ? err.message : 'Failed to push changes');
+      alert(err instanceof Error ? err.message : t('failedToPush'));
     } finally {
       setSyncing(false);
     }
@@ -334,7 +335,7 @@ export function GitPanel() {
       <div className="flex flex-col items-center justify-center h-full gap-2 p-4">
         <p className="text-sm text-destructive text-center">{error}</p>
         <Button variant="outline" size="sm" onClick={() => fetchStatus(true)}>
-          Retry
+          {tCommon('retry')}
         </Button>
       </div>
     );
@@ -343,7 +344,7 @@ export function GitPanel() {
   if (!activeProject) {
     return (
       <div className="flex items-center justify-center h-full text-muted-foreground text-sm">
-        No project selected
+        {tCommon('noProjectsConfigured')}
       </div>
     );
   }
@@ -360,11 +361,11 @@ export function GitPanel() {
           <button
             className="flex items-center gap-1.5 min-w-0 hover:bg-accent/50 rounded-md px-1.5 py-0.5 transition-colors cursor-pointer"
             onClick={() => setBranchModalOpen(true)}
-            title="Click to switch branches"
+            title={t('clickToSwitchBranches')}
           >
             <GitBranch className="size-4 shrink-0 text-muted-foreground" />
             <span className="text-sm font-medium truncate">
-              {status?.branch || 'No branch'}
+              {status?.branch || t('noBranch')}
             </span>
             {status && (status.ahead > 0 || status.behind > 0) && (
               <div className="flex items-center gap-1 text-xs text-muted-foreground">
@@ -388,7 +389,7 @@ export function GitPanel() {
             size="icon-sm"
             onClick={() => fetchStatus(true)}
             disabled={loading}
-            title="Refresh"
+            title={tCommon('refresh')}
           >
             <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />
           </Button>
@@ -413,7 +414,7 @@ export function GitPanel() {
               ) : (
                 <ChevronRight className="size-4" />
               )}
-              <span className="flex-1">Changes</span>
+              <span className="flex-1">{t('changes')}</span>
 
               {/* Section action buttons */}
               <div className="flex items-center gap-0.5">
@@ -423,7 +424,7 @@ export function GitPanel() {
                     e.stopPropagation();
                     discardAll();
                   }}
-                  title="Discard All Changes"
+                  title={t('discardAllChanges')}
                 >
                   <Undo2 className="size-3.5" />
                 </button>
@@ -433,7 +434,7 @@ export function GitPanel() {
                     e.stopPropagation();
                     stageAll();
                   }}
-                  title="Stage All Changes"
+                  title={t('stageAllChanges')}
                 >
                   <Plus className="size-3.5" />
                 </button>
@@ -454,7 +455,7 @@ export function GitPanel() {
                   <input
                     type="text"
                     className="w-full px-2 py-1.5 text-sm bg-muted/50 border rounded-md focus:outline-none focus:ring-1 focus:ring-ring"
-                    placeholder="Commit title"
+                    placeholder={t('commitTitle')}
                     value={commitTitle}
                     onChange={(e) => setCommitTitle(e.target.value)}
                     onKeyDown={(e) => {
@@ -466,7 +467,7 @@ export function GitPanel() {
                   {/* Commit description textarea */}
                   <textarea
                     className="w-full min-h-[60px] px-2 py-1.5 text-sm bg-muted/50 border rounded-md focus:outline-none focus:ring-1 focus:ring-ring resize-y"
-                    placeholder="Description (optional)"
+                    placeholder={t('descriptionOptional')}
                     value={commitDescription}
                     onChange={(e) => setCommitDescription(e.target.value)}
                     onKeyDown={(e) => {
@@ -488,12 +489,12 @@ export function GitPanel() {
                       ) : hasUnpushedCommits ? (
                         <>
                           <ArrowUp className="size-4 mr-1" />
-                          Sync changes
+                          {t('syncChanges')}
                         </>
                       ) : (
                         <>
                           <Check className="size-4 mr-1" />
-                          Commit changes
+                          {t('commitChanges')}
                         </>
                       )}
                     </Button>
@@ -505,10 +506,10 @@ export function GitPanel() {
                       className="px-2"
                       title={
                         totalChanges === 0
-                          ? 'No changes to generate commit message for'
+                          ? t('noChangesToGenerate')
                           : generatingMessage
-                          ? 'Generating...'
-                          : 'Generate commit message with AI'
+                          ? t('generatingCommit')
+                          : t('generateCommitMessage')
                       }
                       onClick={handleGenerateMessage}
                       disabled={generatingMessage || totalChanges === 0}
@@ -539,7 +540,7 @@ export function GitPanel() {
                 {totalChanges === 0 ? (
                   <div className="flex flex-col items-center justify-center py-4 text-muted-foreground text-sm">
                     <p>{t('noChanges')}</p>
-                    <p className="text-xs mt-1">Working tree clean</p>
+                    <p className="text-xs mt-1">{t('workingTreeClean')}</p>
                   </div>
                 ) : (
                   <>
@@ -627,7 +628,7 @@ export function GitPanel() {
           open={branchModalOpen}
           onOpenChange={setBranchModalOpen}
           projectPath={activeProject.path}
-          currentBranch={status.branch || 'No branch'}
+          currentBranch={status.branch || t('noBranch')}
           onCheckout={handleBranchCheckout}
         />
       )}

package/src/components/sidebar/git-changes/git-section.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import { ChevronRight, ChevronDown, Plus, Minus, Undo2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { GitFileItem } from './git-file-item';
 import { cn } from '@/lib/utils';
 import type { GitFileStatus } from '@/types';
@@ -35,6 +36,7 @@ export function GitSection({
   onUnstageAll,
   onDiscardAll,
 }: GitSectionProps) {
+  const t = useTranslations('git');
   const [isExpanded, setIsExpanded] = useState(defaultExpanded);
 
   if (files.length === 0) return null;
@@ -66,7 +68,7 @@ export function GitSection({
                 e.stopPropagation();
                 onUnstageAll?.();
               }}
-              title="Unstage All Changes"
+              title={t('unstageAllChanges')}
             >
               <Minus className="size-3.5" />
             </button>
@@ -79,7 +81,7 @@ export function GitSection({
                   e.stopPropagation();
                   onDiscardAll?.();
                 }}
-                title="Discard All Changes"
+                title={t('discardAllChanges')}
               >
                 <Undo2 className="size-3.5" />
               </button>
@@ -90,7 +92,7 @@ export function GitSection({
                   e.stopPropagation();
                   onStageAll?.();
                 }}
-                title="Stage All Changes"
+                title={t('stageAllChanges')}
               >
                 <Plus className="size-3.5" />
               </button>

package/src/components/sidebar/shells/shell-panel.tsx

@@ -5,6 +5,7 @@ import { Square, Terminal, Circle } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { useShellStore, type ShellInfo } from '@/stores/shell-store';
+import { useTranslations } from 'next-intl';
 
 interface ShellPanelProps {
   projectId: string;
@@ -12,6 +13,7 @@ interface ShellPanelProps {
 }
 
 function ShellItem({ shell, onStop }: { shell: ShellInfo; onStop: () => void }) {
+  const t = useTranslations('shells');
   // Truncate command for display
   const displayCommand = shell.command.length > 30
     ? shell.command.slice(0, 30) + '...'
@@ -48,7 +50,7 @@ function ShellItem({ shell, onStop }: { shell: ShellInfo; onStop: () => void })
           size="icon"
           className="h-6 w-6 flex-shrink-0"
           onClick={onStop}
-          title="Stop shell"
+          title={t('stopShell')}
         >
           <Square className="h-3 w-3" />
         </Button>

package/src/components/task/attachment-bar.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Plus } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { FilePreview } from './file-preview';
 import { Button } from '@/components/ui/button';
 import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
@@ -19,6 +20,8 @@ export function AttachmentBar({
   onRetry,
   onAddFiles,
 }: AttachmentBarProps) {
+  const t = useTranslations('editor');
+
   if (files.length === 0) return null;
 
   return (
@@ -42,7 +45,7 @@ export function AttachmentBar({
         variant="ghost"
         size="icon"
         onClick={onAddFiles}
-        title="Add more files"
+        title={t('addMoreFiles')}
         type="button"
         className="shrink-0"
       >

package/src/components/task/attempt-item.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { formatDistanceToNow as formatDateDistance } from 'date-fns';
+import { useTranslations } from 'next-intl';
 import { Badge } from '@/components/ui/badge';
 import { cn } from '@/lib/utils';
 import type { Attempt } from '@/types';
@@ -13,13 +14,14 @@ interface AttemptItemProps {
 }
 
 const STATUS_VARIANTS = {
-  running: { variant: 'secondary' as const, label: 'Running', color: 'text-yellow-600' },
-  completed: { variant: 'secondary' as const, label: 'Completed', color: 'text-green-600' },
-  failed: { variant: 'destructive' as const, label: 'Failed', color: 'text-red-600' },
-  cancelled: { variant: 'outline' as const, label: 'Cancelled', color: 'text-muted-foreground' },
+  running: { variant: 'secondary' as const, labelKey: 'statusRunning' as const, color: 'text-yellow-600' },
+  completed: { variant: 'secondary' as const, labelKey: 'statusCompleted' as const, color: 'text-green-600' },
+  failed: { variant: 'destructive' as const, labelKey: 'statusFailed' as const, color: 'text-red-600' },
+  cancelled: { variant: 'outline' as const, labelKey: 'statusCancelled' as const, color: 'text-muted-foreground' },
 };
 
 export function AttemptItem({ attempt, onClick, isActive, className }: AttemptItemProps) {
+  const t = useTranslations('task');
   const statusConfig = STATUS_VARIANTS[attempt.status];
   const hasDiff = attempt.diffAdditions > 0 || attempt.diffDeletions > 0;
 
@@ -38,7 +40,7 @@ export function AttemptItem({ attempt, onClick, isActive, className }: AttemptIt
             #{attempt.id.slice(0, 8)}
           </span>
           <Badge variant={statusConfig.variant} className={cn('text-xs', statusConfig.color)}>
-            {statusConfig.label}
+            {t(statusConfig.labelKey)}
           </Badge>
         </div>
         <span className="text-xs text-muted-foreground whitespace-nowrap">