@theia/ai-claude-code 1.66.0-next.41 → 1.66.0-next.67

package/src/browser/renderers/bash-tool-renderer.tsx

@@ -23,6 +23,7 @@ import * as React from '@theia/core/shared/react';
 import { ReactNode } from '@theia/core/shared/react';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface BashToolInput {
     command: string;
@@ -46,7 +47,7 @@ export class BashToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
             return <BashToolComponent input={input} />;
         } catch (error) {
             console.warn('Failed to parse Bash tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Bash tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseBashToolData', 'Failed to parse Bash tool data')}</div>;
         }
     }
 }
@@ -57,13 +58,13 @@ const BashToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Terminal</span>
+                <span className="claude-code-tool title">{nls.localizeByDefault('Terminal')}</span>
                 <span className={`${codicon('terminal')} claude-code-tool icon`} />
                 <span className="claude-code-tool command">{input.command}</span>
             </div>
             <div className="claude-code-tool header-right">
                 {input.timeout && (
-                    <span className="claude-code-tool badge">Timeout: {input.timeout}ms</span>
+                    <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/timeoutInMs', 'Timeout: {0}ms', input.timeout)}</span>
                 )}
             </div>
         </>
@@ -72,17 +73,17 @@ const BashToolComponent: React.FC<{
     const expandedContent = input.description ? (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Command</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Command')}</span>
                 <code className="claude-code-tool detail-value">{input.command}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Description</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Description')}</span>
                 <span className="claude-code-tool detail-value">{input.description}</span>
             </div>
             {input.timeout && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Timeout</span>
-                    <span className="claude-code-tool detail-value">{input.timeout}ms</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/timeout', 'Timeout')}</span>
+                    <span className="claude-code-tool detail-value">{nls.localizeByDefault('{0}ms', input.timeout)}</span>
                 </div>
             )}
         </div>

package/src/browser/renderers/edit-tool-renderer.tsx

@@ -26,6 +26,7 @@ import { EditorManager } from '@theia/editor/lib/browser';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface EditToolInput {
     file_path: string;
@@ -64,7 +65,7 @@ export class EditToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
             />;
         } catch (error) {
             console.warn('Failed to parse Edit tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Edit tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseEditToolData', 'Failed to parse Edit tool data')}</div>;
         }
     }
 }
@@ -119,12 +120,12 @@ const EditToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Editing</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/editing', 'Editing')}</span>
                 <span className={`${getIcon(input.file_path)} claude-code-tool icon`} />
                 <span
                     className="claude-code-tool file-name clickable-element"
                     onClick={handleOpenFile}
-                    title="Click to open file in editor"
+                    title={nls.localize('theia/ai/claude-code/openFileTooltip', 'Click to open file in editor')}
                 >
                     {getFileName(input.file_path)}
                 </span>
@@ -134,7 +135,7 @@ const EditToolComponent: React.FC<{
                 <span className="claude-code-tool badge deleted">-{getChangeInfo().oldLines}</span>
                 <span className="claude-code-tool badge added">+{getChangeInfo().newLines}</span>
                 {input.replace_all && (
-                    <span className="claude-code-tool badge">Replace All</span>
+                    <span className="claude-code-tool badge">{nls.localizeByDefault('Replace All')}</span>
                 )}
             </div>
         </>
@@ -143,11 +144,11 @@ const EditToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">File Path</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/filePath', 'File Path')}</span>
                 <code className="claude-code-tool detail-value">{input.file_path}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">From</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/from', 'From')}</span>
                 <pre className="claude-code-tool detail-value code-preview">
                     {input.old_string.length > 200
                         ? input.old_string.substring(0, 200) + '...'
@@ -155,7 +156,7 @@ const EditToolComponent: React.FC<{
                 </pre>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">To</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/to', 'To')}</span>
                 <pre className="claude-code-tool detail-value code-preview">
                     {input.new_string.length > 200
                         ? input.new_string.substring(0, 200) + '...'
@@ -164,8 +165,8 @@ const EditToolComponent: React.FC<{
             </div>
             {input.replace_all && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Mode</span>
-                    <span className="claude-code-tool detail-value">Replace all occurrences</span>
+                    <span className="claude-code-tool detail-label">{nls.localizeByDefault('Mode')}</span>
+                    <span className="claude-code-tool detail-value">{nls.localize('theia/ai/claude-code/replaceAllOccurrences', 'Replace all occurrences')}</span>
                 </div>
             )}
         </div>

package/src/browser/renderers/glob-tool-renderer.tsx

@@ -25,6 +25,7 @@ import { ReactNode } from '@theia/core/shared/react';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface GlobToolInput {
     pattern: string;
@@ -57,7 +58,7 @@ export class GlobToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
             />;
         } catch (error) {
             console.warn('Failed to parse Glob tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Glob tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseGlobToolData', 'Failed to parse Glob tool data')}</div>;
         }
     }
 }
@@ -71,7 +72,7 @@ const GlobToolComponent: React.FC<{
         if (input.path) {
             return input.path.split('/').pop() || input.path;
         }
-        return 'project';
+        return nls.localize('theia/ai/claude-code/project', 'project');
     };
 
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
@@ -95,14 +96,14 @@ const GlobToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Finding</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/finding', 'Finding')}</span>
                 <span className={`${codicon('files')} claude-code-tool icon`} />
                 <span className="claude-code-tool glob-pattern">{input.pattern}</span>
-                <span className="claude-code-tool scope">in {getSearchScope()}</span>
+                <span className="claude-code-tool scope">{nls.localizeByDefault('in {0}', getSearchScope())}</span>
                 {relativePath && <span className="claude-code-tool relative-path">{relativePath}</span>}
             </div>
             <div className="claude-code-tool header-right">
-                <span className="claude-code-tool badge">glob pattern</span>
+                <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/globPattern', 'glob pattern')}</span>
             </div>
         </>
     );
@@ -110,18 +111,19 @@ const GlobToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Pattern</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/pattern', 'Pattern')}</span>
                 <code className="claude-code-tool detail-value">{input.pattern}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Search Path</span>
-                <code className="claude-code-tool detail-value">{input.path || 'current directory'}</code>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/searchPath', 'Search Path')}</span>
+                <code className="claude-code-tool detail-value">{input.path || nls.localize('theia/ai/claude-code/currentDirectory', 'current directory')}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Description</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Description')}</span>
                 <span className="claude-code-tool detail-value">
-                    Find files matching the glob pattern "{input.pattern}"
-                    {input.path ? ` within ${input.path}` : ' in the current directory'}
+                    {input.path
+                        ? nls.localize('theia/ai/claude-code/findMatchingFilesWithPath', 'Find files matching the glob pattern "{0}" within {1}', input.pattern, input.path)
+                        : nls.localize('theia/ai/claude-code/findMatchingFiles', 'Find files matching the glob pattern "{0}" in the current directory', input.pattern)}
                 </span>
             </div>
         </div>

package/src/browser/renderers/grep-tool-renderer.tsx

@@ -25,11 +25,12 @@ import { ReactNode } from '@theia/core/shared/react';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface GrepToolInput {
     pattern: string;
     path?: string;
-    output_mode?: 'content' | 'files_with_matches' | 'count';
+    output_mode?: keyof typeof GREP_OUTPUT_MODES;
     glob?: string;
     type?: string;
     '-i'?: boolean;
@@ -41,6 +42,12 @@ interface GrepToolInput {
     head_limit?: number;
 }
 
+const GREP_OUTPUT_MODES = {
+    'content': nls.localize('theia/ai/claude-code/grepOutputModes/content', 'content'),
+    'files_with_matches': nls.localize('theia/ai/claude-code/grepOutputModes/filesWithMatches', 'files with matches'),
+    'count': nls.localize('theia/ai/claude-code/grepOutputModes/count', 'count')
+};
+
 @injectable()
 export class GrepToolRenderer implements ChatResponsePartRenderer<ToolCallChatResponseContent> {
 
@@ -67,7 +74,7 @@ export class GrepToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
             />;
         } catch (error) {
             console.warn('Failed to parse Grep tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Grep tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseGrepToolData', 'Failed to parse Grep tool data')}</div>;
         }
     }
 }
@@ -81,7 +88,7 @@ const GrepToolComponent: React.FC<{
         if (input.path) {
             return input.path.split('/').pop() || input.path;
         }
-        return 'project';
+        return nls.localize('theia/ai/claude-code/project', 'project');
     };
 
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
@@ -104,15 +111,15 @@ const GrepToolComponent: React.FC<{
 
     const getOptionsInfo = (): { label: string; count: number } => {
         const options = [];
-        if (input['-i']) { options.push('case-insensitive'); }
-        if (input['-n']) { options.push('line numbers'); }
-        if (input['-A']) { options.push(`+${input['-A']} after`); }
-        if (input['-B']) { options.push(`+${input['-B']} before`); }
-        if (input['-C']) { options.push(`±${input['-C']} context`); }
-        if (input.multiline) { options.push('multiline'); }
-        if (input.glob) { options.push(`glob: ${input.glob}`); }
-        if (input.type) { options.push(`type: ${input.type}`); }
-        if (input.head_limit) { options.push(`limit: ${input.head_limit}`); }
+        if (input['-i']) { options.push(nls.localize('theia/ai/claude-code/grepOptions/caseInsensitive', 'case-insensitive')); }
+        if (input['-n']) { options.push(nls.localize('theia/ai/claude-code/grepOptions/lineNumbers', 'line numbers')); }
+        if (input['-A']) { options.push(nls.localize('theia/ai/claude-code/grepOptions/linesAfter', '+{0} after'), input['-A']); }
+        if (input['-B']) { options.push(nls.localize('theia/ai/claude-code/grepOptions/linesBefore', '+{0} before', input['-B'])); }
+        if (input['-C']) { options.push(nls.localize('theia/ai/claude-code/grepOptions/linesContext', '±{0} context', input['-C'])); }
+        if (input.multiline) { options.push(nls.localize('theia/ai/claude-code/grepOptions/multiLine', 'multiline')); }
+        if (input.glob) { options.push(nls.localize('theia/ai/claude-code/grepOptions/glob', 'glob: {0}', input.glob)); }
+        if (input.type) { options.push(nls.localize('theia/ai/claude-code/grepOptions/type', 'type: {0}', input.type)); }
+        if (input.head_limit) { options.push(nls.localize('theia/ai/claude-code/grepOptions/headLimit', 'limit: {0}', input.head_limit)); }
 
         return {
             label: options.length > 0 ? options.join(', ') : '',
@@ -125,19 +132,21 @@ const GrepToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Searching</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/searching', 'Searching')}</span>
                 <span className={`${codicon('search')} claude-code-tool icon`} />
                 <span className="claude-code-tool pattern">"{input.pattern}"</span>
-                <span className="claude-code-tool scope">in {getSearchScope()}</span>
+                <span className="claude-code-tool scope">{nls.localizeByDefault('in {0}', getSearchScope())}</span>
                 {relativePath && <span className="claude-code-tool relative-path">{relativePath}</span>}
             </div>
             <div className="claude-code-tool header-right">
                 {input.output_mode && input.output_mode !== 'files_with_matches' && (
-                    <span className="claude-code-tool badge">{input.output_mode}</span>
+                    <span className="claude-code-tool badge">{GREP_OUTPUT_MODES[input.output_mode]}</span>
                 )}
                 {optionsInfo.count > 0 && (
                     <span className="claude-code-tool badge" title={optionsInfo.label}>
-                        {optionsInfo.count} option{optionsInfo.count > 1 ? 's' : ''}
+                        {optionsInfo.count > 1
+                            ? nls.localize('theia/ai/claude-code/optionsCount', '{0} options', optionsInfo.count)
+                            : nls.localize('theia/ai/claude-code/oneOption', '1 option')}
                     </span>
                 )}
             </div>
@@ -147,34 +156,34 @@ const GrepToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Pattern</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/pattern', 'Pattern')}</span>
                 <code className="claude-code-tool detail-value">"{input.pattern}"</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Search Path</span>
-                <code className="claude-code-tool detail-value">{input.path || 'project root'}</code>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/searchPath', 'Search Path')}</span>
+                <code className="claude-code-tool detail-value">{input.path || nls.localize('theia/ai/claude-code/projectRoot', 'project root')}</code>
             </div>
             {input.output_mode && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Mode</span>
-                    <span className="claude-code-tool detail-value">{input.output_mode}</span>
+                    <span className="claude-code-tool detail-label">{nls.localizeByDefault('Mode')}</span>
+                    <span className="claude-code-tool detail-value">{GREP_OUTPUT_MODES[input.output_mode]}</span>
                 </div>
             )}
             {input.glob && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">File Filter</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/fileFilter', 'File Filter')}</span>
                     <code className="claude-code-tool detail-value">{input.glob}</code>
                 </div>
             )}
             {input.type && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">File Type</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/fileType', 'File Type')}</span>
                     <span className="claude-code-tool detail-value">{input.type}</span>
                 </div>
             )}
             {optionsInfo.label && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Options</span>
+                    <span className="claude-code-tool detail-label">{nls.localizeByDefault('Options')}</span>
                     <span className="claude-code-tool detail-value">{optionsInfo.label}</span>
                 </div>
             )}

package/src/browser/renderers/ls-tool-renderer.tsx

@@ -26,6 +26,7 @@ import { EditorManager } from '@theia/editor/lib/browser';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface LSToolInput {
     path: string;
@@ -62,7 +63,7 @@ export class LSToolRenderer implements ChatResponsePartRenderer<ToolCallChatResp
             />;
         } catch (error) {
             console.warn('Failed to parse LS tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse LS tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseLSToolData', 'Failed to parse LS tool data')}</div>;
         }
     }
 }
@@ -103,12 +104,12 @@ const LSToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Listing</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/listing', 'Listing')}</span>
                 <span className={`${codicon('checklist')} claude-code-tool icon`} />
                 <span
                     className="claude-code-tool file-name clickable-element"
                     onClick={handleOpenDirectory}
-                    title="Click to open directory"
+                    title={nls.localize('theia/ai/claude-code/openDirectoryTooltip', 'Click to open directory')}
                 >
                     {getDirectoryName(input.path)}
                 </span>
@@ -116,7 +117,7 @@ const LSToolComponent: React.FC<{
             </div>
             <div className="claude-code-tool header-right">
                 {input.ignore && input.ignore.length > 0 && (
-                    <span className="claude-code-tool badge">Ignoring {input.ignore.length} patterns</span>
+                    <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/ignoringPatterns', 'Ignoring {0} patterns', input.ignore.length)}</span>
                 )}
             </div>
         </>
@@ -125,12 +126,12 @@ const LSToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Directory</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/directory', 'Directory')}</span>
                 <code className="claude-code-tool detail-value">{input.path}</code>
             </div>
             {input.ignore && input.ignore.length > 0 && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Ignored Patterns</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/ignoredPatterns', 'Ignored Patterns')}</span>
                     <div className="claude-code-tool detail-value">
                         {input.ignore.map((pattern, index) => (
                             <code key={index} className="claude-code-tool ignore-pattern">
@@ -141,10 +142,12 @@ const LSToolComponent: React.FC<{
                 </div>
             )}
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Description</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Description')}</span>
                 <span className="claude-code-tool detail-value">
-                    List directory contents{input.ignore && input.ignore.length > 0
-                        ? ` (excluding ${input.ignore.length} pattern${input.ignore.length > 1 ? 's' : ''})`
+                    {nls.localize('theia/ai/claude-code/listDirectoryContents', 'List directory contents')}{input.ignore && input.ignore.length > 0
+                        ? (input.ignore.length > 1
+                            ? nls.localize('theia/ai/claude-code/excludingPatterns', ' (excluding {0} patterns)', input.ignore.length)
+                            : nls.localize('theia/ai/claude-code/excludingOnePattern', ' (exluding 1 pattern)'))
                         : ''}
                 </span>
             </div>

package/src/browser/renderers/multiedit-tool-renderer.tsx

@@ -26,6 +26,7 @@ import { EditorManager } from '@theia/editor/lib/browser';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface EditOperation {
     old_string: string;
@@ -68,7 +69,7 @@ export class MultiEditToolRenderer implements ChatResponsePartRenderer<ToolCallC
             />;
         } catch (error) {
             console.warn('Failed to parse MultiEdit tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse MultiEdit tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseMultiEditToolData', 'Failed to parse MultiEdit tool data')}</div>;
         }
     }
 }
@@ -132,12 +133,12 @@ const MultiEditToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Multi-editing</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/multiEditing', 'Multi-editing')}</span>
                 <span className={`${getIcon(input.file_path)} claude-code-tool icon`} />
                 <span
                     className="claude-code-tool file-name clickable-element"
                     onClick={handleOpenFile}
-                    title="Click to open file in editor"
+                    title={nls.localize('theia/ai/claude-code/openFileTooltip', 'Click to open file in editor')}
                 >
                     {getFileName(input.file_path)}
                 </span>
@@ -146,9 +147,11 @@ const MultiEditToolComponent: React.FC<{
             <div className="claude-code-tool header-right">
                 <span className="claude-code-tool badge deleted">-{getChangeInfo().totalOldLines}</span>
                 <span className="claude-code-tool badge added">+{getChangeInfo().totalNewLines}</span>
-                <span className="claude-code-tool badge">{totalEdits} edit{totalEdits !== 1 ? 's' : ''}</span>
+                <span className="claude-code-tool badge">{totalEdits === 1
+                    ? nls.localize('theia/ai/claude-code/oneEdit', '1 edit')
+                    : nls.localize('theia/ai/claude-code/editsCount', '{0} edits', totalEdits)}</span>
                 {replaceAllCount > 0 && (
-                    <span className="claude-code-tool badge">{replaceAllCount} replace-all</span>
+                    <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/replaceAllCount', '{0} replace-all', replaceAllCount)}</span>
                 )}
             </div>
         </>
@@ -157,25 +160,25 @@ const MultiEditToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">File Path</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/filePath', 'File Path')}</span>
                 <code className="claude-code-tool detail-value">{input.file_path}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Total Edits</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/totalEdits', 'Total Edits')}</span>
                 <span className="claude-code-tool detail-value">{totalEdits}</span>
             </div>
             {input.edits.map((edit, index) => (
                 <div key={index} className="claude-code-tool edit-preview">
                     <div className="claude-code-tool edit-preview-header">
-                        <span className="claude-code-tool edit-preview-title">Edit {index + 1}</span>
+                        <span className="claude-code-tool edit-preview-title">{nls.localize('theia/ai/claude-code/editNumber', 'Edit {0}', index + 1)}</span>
                         {edit.replace_all && (
                             <span className="claude-code-tool edit-preview-badge">
-                                Replace all
+                                {nls.localizeByDefault('Replace All')}
                             </span>
                         )}
                     </div>
                     <div className="claude-code-tool detail-row">
-                        <span className="claude-code-tool detail-label">From</span>
+                        <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/from', 'From')}</span>
                         <pre className="claude-code-tool detail-value code-preview">
                             {edit.old_string.length > 100
                                 ? edit.old_string.substring(0, 100) + '...'
@@ -183,7 +186,7 @@ const MultiEditToolComponent: React.FC<{
                         </pre>
                     </div>
                     <div className="claude-code-tool detail-row">
-                        <span className="claude-code-tool detail-label">To</span>
+                        <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/to', 'To')}</span>
                         <pre className="claude-code-tool detail-value code-preview">
                             {edit.new_string.length > 100
                                 ? edit.new_string.substring(0, 100) + '...'

package/src/browser/renderers/read-tool-renderer.tsx

@@ -26,6 +26,7 @@ import { EditorManager } from '@theia/editor/lib/browser';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { ClaudeCodeToolCallChatResponseContent } from '../claude-code-tool-call-content';
 import { CollapsibleToolRenderer } from './collapsible-tool-renderer';
+import { nls } from '@theia/core';
 
 interface ReadToolInput {
     file_path: string;
@@ -63,7 +64,7 @@ export class ReadToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
             />;
         } catch (error) {
             console.warn('Failed to parse Read tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Read tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseReadToolData', 'Failed to parse Read tool data')}</div>;
         }
     }
 }
@@ -114,12 +115,12 @@ const ReadToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Reading</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/reading', 'Reading')}</span>
                 <span className={`${getIcon(input.file_path)} claude-code-tool icon`} />
                 <span
                     className="claude-code-tool file-name clickable-element"
                     onClick={handleOpenFile}
-                    title="Click to open file in editor"
+                    title={nls.localize('theia/ai/claude-code/openFileTooltip', 'Click to open file in editor')}
                 >
                     {getFileName(input.file_path)}
                 </span>
@@ -127,10 +128,10 @@ const ReadToolComponent: React.FC<{
             </div>
             <div className="claude-code-tool header-right">
                 {isEntireFile && (
-                    <span className="claude-code-tool badge">Entire File</span>
+                    <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/entireFile', 'Entire File')}</span>
                 )}
                 {!isEntireFile && (
-                    <span className="claude-code-tool badge">Partial</span>
+                    <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/partial', 'Partial')}</span>
                 )}
             </div>
         </>
@@ -139,24 +140,26 @@ const ReadToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">File Path</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/filePath', 'File Path')}</span>
                 <code className="claude-code-tool detail-value">{input.file_path}</code>
             </div>
             {input.offset && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Starting Line</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/startingLine', 'Starting Line')}</span>
                     <span className="claude-code-tool detail-value">{input.offset}</span>
                 </div>
             )}
             {input.limit && (
                 <div className="claude-code-tool detail-row">
-                    <span className="claude-code-tool detail-label">Line Limit</span>
+                    <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/lineLimit', 'Line Limit')}</span>
                     <span className="claude-code-tool detail-value">{input.limit}</span>
                 </div>
             )}
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Read Mode</span>
-                <span className="claude-code-tool detail-value">{isEntireFile ? 'Entire file' : 'Partial read'}</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/readMode', 'Read Mode')}</span>
+                <span className="claude-code-tool detail-value">{isEntireFile
+                    ? nls.localize('theia/ai/claude-code/entireFile', 'Entire File')
+                    : nls.localize('theia/ai/claude-code/partial', 'Partial')}</span>
             </div>
         </div>
     );