@theia/ai-claude-code 1.75.0-next.3 → 1.75.0-next.34

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

@@ -19,14 +19,14 @@ import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { LabelProvider } from '@theia/core/lib/browser';
 import { URI } from '@theia/core/lib/common/uri';
-import { inject, injectable } from '@theia/core/shared/inversify';
+import { inject, injectable, named } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
 import { ReactNode } from '@theia/core/shared/react';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface EditToolInput {
     file_path: string;
@@ -47,6 +47,9 @@ export class EditToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
     @inject(EditorManager)
     protected readonly editorManager: EditorManager;
 
+    @inject(ILogger) @named('ai-claude-code:EditToolRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'Edit') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -62,9 +65,10 @@ export class EditToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
                 workspaceService={this.workspaceService}
                 labelProvider={this.labelProvider}
                 editorManager={this.editorManager}
+                logger={this.logger}
             />;
         } catch (error) {
-            console.warn('Failed to parse Edit tool input:', error);
+            this.logger.warn('Failed to parse Edit tool input:', error);
             return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseEditToolData', 'Failed to parse Edit tool data')}</div>;
         }
     }
@@ -75,7 +79,8 @@ const EditToolComponent: React.FC<{
     workspaceService: WorkspaceService;
     labelProvider: LabelProvider;
     editorManager: EditorManager;
-}> = ({ input, workspaceService, labelProvider, editorManager }) => {
+    logger: ILogger;
+}> = ({ input, workspaceService, labelProvider, editorManager, logger }) => {
     const getFileName = (filePath: string): string => filePath.split('/').pop() || filePath;
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
         try {
@@ -101,7 +106,7 @@ const EditToolComponent: React.FC<{
             const uri = new URI(input.file_path);
             await editorManager.open(uri);
         } catch (error) {
-            console.error('Failed to open file:', error);
+            logger.error('Failed to open file:', error);
         }
     };
 

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

@@ -19,13 +19,13 @@ import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { codicon, LabelProvider } from '@theia/core/lib/browser';
 import { URI } from '@theia/core/lib/common/uri';
-import { inject, injectable } from '@theia/core/shared/inversify';
+import { inject, injectable, named } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface GlobToolInput {
     pattern: string;
@@ -41,6 +41,9 @@ export class GlobToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
     @inject(LabelProvider)
     protected readonly labelProvider: LabelProvider;
 
+    @inject(ILogger) @named('ai-claude-code:GlobToolRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'Glob') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -57,7 +60,7 @@ export class GlobToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
                 labelProvider={this.labelProvider}
             />;
         } catch (error) {
-            console.warn('Failed to parse Glob tool input:', error);
+            this.logger.warn('Failed to parse Glob tool input:', error);
             return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseGlobToolData', 'Failed to parse Glob tool data')}</div>;
         }
     }

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

@@ -19,13 +19,13 @@ import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { codicon, LabelProvider } from '@theia/core/lib/browser';
 import { URI } from '@theia/core/lib/common/uri';
-import { inject, injectable } from '@theia/core/shared/inversify';
+import { inject, injectable, named } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface GrepToolInput {
     pattern: string;
@@ -57,6 +57,9 @@ export class GrepToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
     @inject(LabelProvider)
     protected readonly labelProvider: LabelProvider;
 
+    @inject(ILogger) @named('ai-claude-code:GrepToolRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'Grep') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -73,7 +76,7 @@ export class GrepToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
                 labelProvider={this.labelProvider}
             />;
         } catch (error) {
-            console.warn('Failed to parse Grep tool input:', error);
+            this.logger.warn('Failed to parse Grep tool input:', error);
             return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseGrepToolData', 'Failed to parse Grep tool data')}</div>;
         }
     }

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

@@ -63,6 +63,7 @@ export class LSToolRenderer implements ChatResponsePartRenderer<ToolCallChatResp
                 workspaceService={this.workspaceService}
                 labelProvider={this.labelProvider}
                 editorManager={this.editorManager}
+                logger={this.logger}
             />;
         } catch (error) {
             this.logger.warn('Failed to parse LS tool input:', error);
@@ -76,7 +77,8 @@ const LSToolComponent: React.FC<{
     workspaceService: WorkspaceService;
     labelProvider: LabelProvider;
     editorManager: EditorManager;
-}> = ({ input, workspaceService, labelProvider, editorManager }) => {
+    logger: ILogger;
+}> = ({ input, workspaceService, labelProvider, editorManager, logger }) => {
     const getDirectoryName = (dirPath: string): string => dirPath.split('/').pop() || dirPath;
     const getWorkspaceRelativePath = async (dirPath: string): Promise<string> => {
         try {
@@ -94,7 +96,7 @@ const LSToolComponent: React.FC<{
             // Note: This might need to be adjusted based on how directories are opened in Theia
             await editorManager.open(uri);
         } catch (error) {
-            console.error('Failed to open directory:', error);
+            logger.error('Failed to open directory:', error);
         }
     };
 

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

@@ -69,6 +69,7 @@ export class MultiEditToolRenderer implements ChatResponsePartRenderer<ToolCallC
                 workspaceService={this.workspaceService}
                 labelProvider={this.labelProvider}
                 editorManager={this.editorManager}
+                logger={this.logger}
             />;
         } catch (error) {
             this.logger.warn('Failed to parse MultiEdit tool input:', error);
@@ -82,7 +83,8 @@ const MultiEditToolComponent: React.FC<{
     workspaceService: WorkspaceService;
     labelProvider: LabelProvider;
     editorManager: EditorManager;
-}> = ({ input, workspaceService, labelProvider, editorManager }) => {
+    logger: ILogger;
+}> = ({ input, workspaceService, labelProvider, editorManager, logger }) => {
     const getFileName = (filePath: string): string => filePath.split('/').pop() || filePath;
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
         try {
@@ -108,7 +110,7 @@ const MultiEditToolComponent: React.FC<{
             const uri = new URI(input.file_path);
             await editorManager.open(uri);
         } catch (error) {
-            console.error('Failed to open file:', error);
+            logger.error('Failed to open file:', error);
         }
     };
 

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

@@ -19,14 +19,14 @@ import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { LabelProvider } from '@theia/core/lib/browser';
 import { URI } from '@theia/core/lib/common/uri';
-import { inject, injectable } from '@theia/core/shared/inversify';
+import { inject, injectable, named } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
 import { ReactNode } from '@theia/core/shared/react';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface ReadToolInput {
     file_path: string;
@@ -46,6 +46,9 @@ export class ReadToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
     @inject(EditorManager)
     protected readonly editorManager: EditorManager;
 
+    @inject(ILogger) @named('ai-claude-code:ReadToolRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'Read') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -61,9 +64,10 @@ export class ReadToolRenderer implements ChatResponsePartRenderer<ToolCallChatRe
                 workspaceService={this.workspaceService}
                 labelProvider={this.labelProvider}
                 editorManager={this.editorManager}
+                logger={this.logger}
             />;
         } catch (error) {
-            console.warn('Failed to parse Read tool input:', error);
+            this.logger.warn('Failed to parse Read tool input:', error);
             return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseReadToolData', 'Failed to parse Read tool data')}</div>;
         }
     }
@@ -74,7 +78,8 @@ const ReadToolComponent: React.FC<{
     workspaceService: WorkspaceService;
     labelProvider: LabelProvider;
     editorManager: EditorManager;
-}> = ({ input, workspaceService, labelProvider, editorManager }) => {
+    logger: ILogger;
+}> = ({ input, workspaceService, labelProvider, editorManager, logger }) => {
     const getFileName = (filePath: string): string => filePath.split('/').pop() || filePath;
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
         try {
@@ -100,7 +105,7 @@ const ReadToolComponent: React.FC<{
             const uri = new URI(input.file_path);
             await editorManager.open(uri);
         } catch (error) {
-            console.error('Failed to open file:', error);
+            logger.error('Failed to open file:', error);
         }
     };
 

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

@@ -18,12 +18,12 @@ import { ChatResponsePartRenderer } from '@theia/ai-chat-ui/lib/browser/chat-res
 import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { codicon } from '@theia/core/lib/browser';
-import { injectable } from '@theia/core/shared/inversify';
+import { injectable, inject, named } from '@theia/core/shared/inversify';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface TodoItem {
     id: string;
@@ -77,6 +77,9 @@ class TodoWriteRegistry {
 @injectable()
 export class TodoWriteRenderer implements ChatResponsePartRenderer<ToolCallChatResponseContent> {
 
+    @inject(ILogger) @named('ai-claude-code:TodoWriteRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'TodoWrite') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -89,7 +92,7 @@ export class TodoWriteRenderer implements ChatResponsePartRenderer<ToolCallChatR
             const input = JSON.parse(response.arguments || '{}') as TodoWriteInput;
             return <TodoListComponent todos={input.todos || []} sessionId={parentNode.sessionId} />;
         } catch (error) {
-            console.warn('Failed to parse TodoWrite input:', error);
+            this.logger.warn('Failed to parse TodoWrite input:', error);
             return <div className="claude-code-tool todo-list-error">{nls.localize('theia/ai/claude-code/failedToParseTodoListData', 'Failed to parse todo list data')}</div>;
         }
     }

package/src/browser/renderers/web-fetch-tool-renderer.tsx

@@ -18,12 +18,12 @@ import { ChatResponsePartRenderer } from '@theia/ai-chat-ui/lib/browser/chat-res
 import { ResponseNode } from '@theia/ai-chat-ui/lib/browser/chat-tree-view';
 import { ChatResponseContent, ToolCallChatResponseContent } from '@theia/ai-chat/lib/common';
 import { codicon } from '@theia/core/lib/browser';
-import { injectable } from '@theia/core/shared/inversify';
+import { injectable, inject, named } from '@theia/core/shared/inversify';
 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';
+import { nls, ILogger } from '@theia/core';
 
 interface WebFetchToolInput {
     url: string;
@@ -33,6 +33,9 @@ interface WebFetchToolInput {
 @injectable()
 export class WebFetchToolRenderer implements ChatResponsePartRenderer<ToolCallChatResponseContent> {
 
+    @inject(ILogger) @named('ai-claude-code:WebFetchToolRenderer')
+    protected readonly logger: ILogger;
+
     canHandle(response: ChatResponseContent): number {
         if (ClaudeCodeToolCallChatResponseContent.is(response) && response.name === 'WebFetch') {
             return 15; // Higher than default ToolCallPartRenderer (10)
@@ -45,7 +48,7 @@ export class WebFetchToolRenderer implements ChatResponsePartRenderer<ToolCallCh
             const input = JSON.parse(response.arguments || '{}') as WebFetchToolInput;
             return <WebFetchToolComponent input={input} />;
         } catch (error) {
-            console.warn('Failed to parse WebFetch tool input:', error);
+            this.logger.warn('Failed to parse WebFetch tool input:', error);
             return <div className="claude-code-tool error">{nls.localize('theia/ai/claude-code/failedToParseWebFetchToolData', 'Failed to parse WebFetch tool data')}</div>;
         }
     }

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

@@ -63,6 +63,7 @@ export class WriteToolRenderer implements ChatResponsePartRenderer<ToolCallChatR
                 workspaceService={this.workspaceService}
                 labelProvider={this.labelProvider}
                 editorManager={this.editorManager}
+                logger={this.logger}
             />;
         } catch (error) {
             this.logger.warn('Failed to parse Write tool input:', error);
@@ -76,7 +77,8 @@ const WriteToolComponent: React.FC<{
     workspaceService: WorkspaceService;
     labelProvider: LabelProvider;
     editorManager: EditorManager;
-}> = ({ input, workspaceService, labelProvider, editorManager }) => {
+    logger: ILogger;
+}> = ({ input, workspaceService, labelProvider, editorManager, logger }) => {
     const getFileName = (filePath: string): string => filePath.split('/').pop() || filePath;
 
     const getWorkspaceRelativePath = async (filePath: string): Promise<string> => {
@@ -94,7 +96,7 @@ const WriteToolComponent: React.FC<{
             const uri = new URI(input.file_path);
             await editorManager.open(uri);
         } catch (error) {
-            console.error('Failed to open file:', error);
+            logger.error('Failed to open file:', error);
         }
     };
 

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

@@ -37,8 +37,8 @@ interface ToolApprovalResult {
 @injectable()
 export class ClaudeCodeServiceImpl implements ClaudeCodeService {
 
-    @inject(ILogger) @named('ClaudeCode')
-    private logger: ILogger;
+    @inject(ILogger) @named('ai-claude-code:ClaudeCodeServiceImpl')
+    protected readonly logger: ILogger;
 
     private client: ClaudeCodeClient;
     private abortControllers = new Map<string, AbortController>();