@theia/ai-claude-code 1.75.0-next.8 → 1.75.0

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/common/claude-code-preferences.ts

@@ -14,7 +14,7 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 
-import { AI_CORE_PREFERENCES_TITLE } from '@theia/ai-core/lib/common/ai-core-preferences';
+import { AI_CORE_PREFERENCES_TITLE, MODEL_PROVIDER_TYPE_DETAIL, ModelProviderTypeDetail } from '@theia/ai-core/lib/common/ai-core-preferences';
 import { LINUX_ENV_HINT, nls, PreferenceSchema } from '@theia/core';
 
 export const CLAUDE_CODE_EXECUTABLE_PATH_PREF = 'ai-features.claudeCode.executablePath';
@@ -24,6 +24,7 @@ export const ClaudeCodePreferencesSchema: PreferenceSchema = {
     properties: {
         [CLAUDE_CODE_EXECUTABLE_PATH_PREF]: {
             type: 'string',
+            typeDetails: { [MODEL_PROVIDER_TYPE_DETAIL]: { label: 'Claude Code' } satisfies ModelProviderTypeDetail },
             markdownDescription: nls.localize('theia/ai/claude-code/executablePath/description',
                 'Path to the Claude Code executable (cli.js) of the `@anthropic-ai/claude-agent-sdk`.' +
                 'If not specified, the system will attempt to resolve the path automatically ' +

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>();