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

package/src/browser/renderers/todo-write-renderer.tsx

@@ -23,14 +23,21 @@ 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 TodoItem {
     id: string;
     content: string;
     status: 'pending' | 'in_progress' | 'completed';
-    priority: 'high' | 'medium' | 'low';
+    priority: keyof typeof TODO_PRIORITIES;
 }
 
+const TODO_PRIORITIES = {
+    'high': nls.localize('theia/ai/claude-code/todoPriority/high', 'high'),
+    'medium': nls.localize('theia/ai/claude-code/todoPriority/medium', 'medium'),
+    'low': nls.localize('theia/ai/claude-code/todoPriority/low', 'low')
+};
+
 interface TodoWriteInput {
     todos: TodoItem[];
 }
@@ -83,7 +90,7 @@ export class TodoWriteRenderer implements ChatResponsePartRenderer<ToolCallChatR
             return <TodoListComponent todos={input.todos || []} sessionId={parentNode.sessionId} />;
         } catch (error) {
             console.warn('Failed to parse TodoWrite input:', error);
-            return <div className="claude-code-tool todo-list-error">Failed to parse todo list data</div>;
+            return <div className="claude-code-tool todo-list-error">{nls.localize('theia/ai/claude-code/failedToParseTodoListData', 'Failed to parse todo list data')}</div>;
         }
     }
 }
@@ -117,7 +124,7 @@ const TodoListComponent: React.FC<{ todos: TodoItem[]; sessionId: string }> = ({
     };
 
     const getPriorityBadge = (priority: TodoItem['priority']) => (
-        <span className={`claude-code-tool todo-priority priority-${priority}`}>{priority}</span>
+        <span className={`claude-code-tool todo-priority priority-${priority}`}>{TODO_PRIORITIES[priority]}</span>
     );
 
     if (!todos || todos.length === 0) {
@@ -125,9 +132,9 @@ const TodoListComponent: React.FC<{ todos: TodoItem[]; sessionId: string }> = ({
             <div className="claude-code-tool todo-list-container">
                 <div className="claude-code-tool todo-list-header">
                     <span className={`${codicon('checklist')} claude-code-tool todo-list-icon`} />
-                    <span className="claude-code-tool todo-list-title">Todo List</span>
+                    <span className="claude-code-tool todo-list-title">{nls.localize('theia/ai/claude-code/todoList', 'Todo List')}</span>
                 </div>
-                <div className="claude-code-tool todo-list-empty">No todos available</div>
+                <div className="claude-code-tool todo-list-empty">{nls.localize('theia/ai/claude-code/emptyTodoList', 'No todos available')}</div>
             </div>
         );
     }
@@ -138,12 +145,14 @@ const TodoListComponent: React.FC<{ todos: TodoItem[]; sessionId: string }> = ({
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Todo List</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/todoList', 'Todo List')}</span>
                 <span className={`${codicon('checklist')} claude-code-tool icon`} />
-                <span className="claude-code-tool progress-text">{completedCount}/{totalCount} completed</span>
+                <span className="claude-code-tool progress-text">{nls.localize('theia/ai/claude-code/completedCount', '{0}/{1} completed', completedCount, totalCount)}</span>
             </div>
             <div className="claude-code-tool header-right">
-                <span className="claude-code-tool badge">{totalCount} item{totalCount !== 1 ? 's' : ''}</span>
+                <span className="claude-code-tool badge">{totalCount === 1
+                    ? nls.localize('theia/ai/claude-code/oneItem', '1 item')
+                    : nls.localize('theia/ai/claude-code/itemCount', '{0} items', totalCount)}</span>
             </div>
         </>
     );

package/src/browser/renderers/web-fetch-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 WebFetchToolInput {
     url: string;
@@ -45,7 +46,7 @@ export class WebFetchToolRenderer implements ChatResponsePartRenderer<ToolCallCh
             return <WebFetchToolComponent input={input} />;
         } catch (error) {
             console.warn('Failed to parse WebFetch tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse WebFetch tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseWebFetchToolData', 'Failed to parse WebFetch tool data')}</div>;
         }
     }
 }
@@ -69,7 +70,7 @@ const WebFetchToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Fetching</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/fetching', 'Fetching')}</span>
                 <span className={`${codicon('globe')} claude-code-tool icon`} />
                 <span className="claude-code-tool command">{getDomain(input.url)}</span>
                 <span className="claude-code-tool description" title={input.prompt}>
@@ -77,7 +78,7 @@ const WebFetchToolComponent: React.FC<{
                 </span>
             </div>
             <div className="claude-code-tool header-right">
-                <span className="claude-code-tool badge">Web Fetch</span>
+                <span className="claude-code-tool badge">{nls.localize('theia/ai/claude-code/webFetch', 'Web Fetch')}</span>
             </div>
         </>
     );
@@ -85,15 +86,15 @@ const WebFetchToolComponent: React.FC<{
     const expandedContent = (
         <div className="claude-code-tool details">
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">URL</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/url', 'URL')}</span>
                 <code className="claude-code-tool detail-value">{input.url}</code>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Domain</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/domain', 'Domain')}</span>
                 <span className="claude-code-tool detail-value">{getDomain(input.url)}</span>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Prompt</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Prompt')}</span>
                 <span className="claude-code-tool detail-value">{input.prompt}</span>
             </div>
         </div>

package/src/browser/renderers/write-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 WriteToolInput {
     file_path: string;
@@ -62,7 +63,7 @@ export class WriteToolRenderer implements ChatResponsePartRenderer<ToolCallChatR
             />;
         } catch (error) {
             console.warn('Failed to parse Write tool input:', error);
-            return <div className="claude-code-tool error">Failed to parse Write tool data</div>;
+            return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseWriteToolData', 'Failed to parse Write tool data')}</div>;
         }
     }
 }
@@ -108,12 +109,12 @@ const WriteToolComponent: React.FC<{
     const compactHeader = (
         <>
             <div className="claude-code-tool header-left">
-                <span className="claude-code-tool title">Writing</span>
+                <span className="claude-code-tool title">{nls.localize('theia/ai/claude-code/writing', 'Writing')}</span>
                 <span className={`${codicon('edit')} 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>
@@ -128,11 +129,11 @@ const WriteToolComponent: 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">Preview</span>
+                <span className="claude-code-tool detail-label">{nls.localizeByDefault('Preview')}</span>
                 <pre className="claude-code-tool detail-value code-preview">
                     {input.content.length > 500
                         ? input.content.substring(0, 500) + '...'
@@ -140,7 +141,7 @@ const WriteToolComponent: React.FC<{
                 </pre>
             </div>
             <div className="claude-code-tool detail-row">
-                <span className="claude-code-tool detail-label">Lines</span>
+                <span className="claude-code-tool detail-label">{nls.localize('theia/ai/claude-code/lines', 'Lines')}</span>
                 <span className="claude-code-tool detail-value">{input.content.split('\n').length}</span>
             </div>
         </div>

package/src/node/claude-code-service-impl.ts

@@ -14,7 +14,7 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 
-import { ILogger, generateUuid } from '@theia/core';
+import { ILogger, generateUuid, nls } from '@theia/core';
 import { inject, injectable, named } from '@theia/core/shared/inversify';
 import { execSync } from 'child_process';
 import { existsSync, realpathSync } from 'fs';
@@ -148,7 +148,7 @@ export class ClaudeCodeServiceImpl implements ClaudeCodeService {
 
         if (customClaudeCodePath) {
             if (!existsSync(customClaudeCodePath)) {
-                throw new Error(`Specified Claude Code executable not found at: ${customClaudeCodePath}`);
+                throw new Error(nls.localize('theia/ai/claude-code/executableNotFoundAt', 'Specified Claude Code executable not found at: {0}', customClaudeCodePath));
             }
             const realPath = realpathSync(customClaudeCodePath);
             // Use the directory containing the cli.js file
@@ -161,10 +161,10 @@ export class ClaudeCodeServiceImpl implements ClaudeCodeService {
 
         // Check if file exists before importing
         if (!existsSync(sdkPath)) {
-            throw new Error('Claude Code installation not found. ' +
+            throw new Error(nls.localize('theia/ai/claude-code/installationNotFoundAt', 'Claude Code installation not found. ' +
                 'Please install with: `npm install -g @anthropic-ai/claude-code` ' +
                 'and/or specify the path to the executable in the settings. ' +
-                `We looked at ${sdkPath}`);
+                'We looked at {0}', sdkPath));
         }
 
         const importPath = `file://${sdkPath}`;
@@ -182,9 +182,9 @@ export class ClaudeCodeServiceImpl implements ClaudeCodeService {
             return path.join(globalPath, '@anthropic-ai/claude-code');
         } catch (error) {
             this.logger.error('Failed to resolve global npm path:', error);
-            throw new Error('Claude Code installation not found. ' +
+            throw new Error(nls.localize('theia/ai/claude-code/installationNotFound', 'Claude Code installation not found. ' +
                 'Please install with: `npm install -g @anthropic-ai/claude-code` ' +
-                'and/or specify the path to the executable in the settings.');
+                'and/or specify the path to the executable in the settings.'));
         }
     }
 
@@ -257,10 +257,10 @@ async function main() {
         });
 
         const hookData = JSON.parse(input);
-        
+
         // Delete backup directory for this session
         const backupDir = path.join(hookData.cwd, '.claude', '.edit-baks', hookData.session_id);
-        
+
         try {
             await fs.rm(backupDir, { recursive: true, force: true });
             console.log(\`Cleaned up session backups: \${hookData.session_id}\`);