@theia/ai-chat-ui 1.63.0-next.24 → 1.63.0

package/src/browser/chat-tree-view/sub-chat-widget.tsx

@@ -0,0 +1,101 @@
+// *****************************************************************************
+// Copyright (C) 2025 EclipseSource GmbH.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { inject, injectable, named } from '@theia/core/shared/inversify';
+import { ProgressMessage } from '../chat-progress-message';
+import { ChatViewTreeWidget, ResponseNode } from './chat-view-tree-widget';
+import * as React from '@theia/core/shared/react';
+import { ContributionProvider } from '@theia/core';
+import { ChatResponsePartRenderer } from '../chat-response-part-renderer';
+import { ChatNodeToolbarActionContribution } from '../chat-node-toolbar-action-contribution';
+import { ChatResponseContent } from '@theia/ai-chat';
+import { ContextMenuRenderer, TreeNode } from '@theia/core/lib/browser';
+import { nls } from '@theia/core/lib/common/nls';
+
+/**
+ * Subset of the ChatViewTreeWidget used to render ResponseNodes for delegated prompts.
+ */
+@injectable()
+export class SubChatWidget {
+
+    @inject(ContributionProvider) @named(ChatResponsePartRenderer)
+    protected readonly chatResponsePartRenderers: ContributionProvider<ChatResponsePartRenderer<ChatResponseContent>>;
+
+    @inject(ContributionProvider) @named(ChatNodeToolbarActionContribution)
+    protected readonly chatNodeToolbarActionContributions: ContributionProvider<ChatNodeToolbarActionContribution>;
+
+    @inject(ContextMenuRenderer) contextMenuRenderer: ContextMenuRenderer;
+
+    renderChatResponse(node: ResponseNode): React.ReactNode {
+        return (
+            <div className={'theia-ResponseNode'}>
+                {!node.response.isComplete
+                    && node.response.response.content.length === 0
+                    && node.response.progressMessages
+                        .filter(c => c.show === 'untilFirstContent')
+                        .map((c, i) =>
+                            <ProgressMessage {...c} key={`${node.id}-progress-untilFirstContent-${i}`} />
+                        )
+                }
+                {node.response.response.content.map((c, i) =>
+                    <div className='theia-ResponseNode-Content' key={`${node.id}-content-${i}`}>{this.getChatResponsePartRenderer(c, node)}</div>
+                )}
+                {!node.response.isComplete
+                    && node.response.progressMessages
+                        .filter(c => c.show === 'whileIncomplete')
+                        .map((c, i) =>
+                            <ProgressMessage {...c} key={`${node.id}-progress-whileIncomplete-${i}`} />
+                        )
+                }
+                {node.response.progressMessages
+                    .filter(c => c.show === 'forever')
+                    .map((c, i) =>
+                        <ProgressMessage {...c} key={`${node.id}-progress-afterComplete-${i}`} />
+                    )
+                }
+            </div>
+        );
+    }
+
+    protected getChatResponsePartRenderer(content: ChatResponseContent, node: ResponseNode): React.ReactNode {
+        const renderer = this.chatResponsePartRenderers.getContributions().reduce<[number, ChatResponsePartRenderer<ChatResponseContent> | undefined]>(
+            (prev, current) => {
+                const prio = current.canHandle(content);
+                if (prio > prev[0]) {
+                    return [prio, current];
+                } return prev;
+            },
+            [-1, undefined])[1];
+        if (!renderer) {
+            console.error('No renderer found for content', content);
+            return <div>{nls.localize('theia/ai/chat-ui/chat-view-tree-widget/noRenderer', 'Error: No renderer found')}</div>;
+        }
+        return renderer.render(content, node);
+    }
+
+    protected handleContextMenu(node: TreeNode | undefined, event: React.MouseEvent<HTMLElement>): void {
+        this.contextMenuRenderer.render({
+            menuPath: ChatViewTreeWidget.CONTEXT_MENU,
+            anchor: { x: event.clientX, y: event.clientY },
+            args: [node],
+            context: event.currentTarget
+        });
+        event.preventDefault();
+    }
+}
+
+export const SubChatWidgetFactory = Symbol('SubChatWidgetFactory');
+export type SubChatWidgetFactory = () => SubChatWidget;

package/src/browser/chat-view-commands.ts

@@ -43,6 +43,12 @@ export namespace ChatCommands {
         id: 'ai-chat.new-with-task-context',
     };
 
+    export const AI_CHAT_INITIATE_SESSION_WITH_TASK_CONTEXT = Command.toLocalizedCommand({
+        id: 'ai-chat.initiate-session-with-task-context',
+        label: 'Task Context: Initiate Session',
+        category: CHAT_CATEGORY
+    }, undefined, CHAT_CATEGORY_KEY);
+
     export const AI_CHAT_SUMMARIZE_CURRENT_SESSION = Command.toLocalizedCommand({
         id: 'ai-chat-summary-current-session',
         iconClass: codicon('go-to-editing-session'),

package/src/browser/chat-view-contribution.ts

@@ -22,6 +22,7 @@ import {
     isResponseNode, RequestNode, ResponseNode, type EditableRequestNode
 } from './chat-tree-view/chat-view-tree-widget';
 import { AIChatInputWidget } from './chat-input-widget';
+import { AICommandHandlerFactory, ENABLE_AI_CONTEXT_KEY } from '@theia/ai-core/lib/browser';
 
 export namespace ChatViewCommands {
     export const COPY_MESSAGE = Command.toDefaultLocalizedCommand({
@@ -51,8 +52,11 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
     @inject(CommandService)
     protected readonly commandService: CommandService;
 
+    @inject(AICommandHandlerFactory)
+    protected readonly commandHandlerFactory: AICommandHandlerFactory;
+
     registerCommands(commands: CommandRegistry): void {
-        commands.registerHandler(CommonCommands.COPY.id, {
+        commands.registerHandler(CommonCommands.COPY.id, this.commandHandlerFactory({
             execute: (...args: unknown[]) => {
                 if (window.getSelection()?.type !== 'Range' && containsRequestOrResponseNode(args)) {
                     this.copyMessage(extractRequestOrResponseNodes(args));
@@ -61,16 +65,16 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
                 }
             },
             isEnabled: (...args: unknown[]) => containsRequestOrResponseNode(args)
-        });
-        commands.registerCommand(ChatViewCommands.COPY_MESSAGE, {
+        }));
+        commands.registerCommand(ChatViewCommands.COPY_MESSAGE, this.commandHandlerFactory({
             execute: (...args: unknown[]) => {
                 if (containsRequestOrResponseNode(args)) {
                     this.copyMessage(extractRequestOrResponseNodes(args));
                 }
             },
             isEnabled: (...args: unknown[]) => containsRequestOrResponseNode(args)
-        });
-        commands.registerCommand(ChatViewCommands.COPY_ALL, {
+        }));
+        commands.registerCommand(ChatViewCommands.COPY_ALL, this.commandHandlerFactory({
             execute: (...args: unknown[]) => {
                 if (containsRequestOrResponseNode(args)) {
                     const parent = extractRequestOrResponseNodes(args).find(arg => arg.parent)?.parent;
@@ -84,8 +88,8 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
                 }
             },
             isEnabled: (...args: unknown[]) => containsRequestOrResponseNode(args)
-        });
-        commands.registerCommand(ChatViewCommands.COPY_CODE, {
+        }));
+        commands.registerCommand(ChatViewCommands.COPY_CODE, this.commandHandlerFactory({
             execute: (...args: unknown[]) => {
                 if (containsCode(args)) {
                     const code = args
@@ -96,14 +100,14 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
                 }
             },
             isEnabled: (...args: unknown[]) => containsRequestOrResponseNode(args) && containsCode(args)
-        });
-        commands.registerCommand(ChatViewCommands.EDIT, {
+        }));
+        commands.registerCommand(ChatViewCommands.EDIT, this.commandHandlerFactory({
             execute: (...args: [EditableRequestNode, ...unknown[]]) => {
                 args[0].request.enableEdit();
             },
             isEnabled: (...args: unknown[]) => hasAsFirstArg(args, isEditableRequestNode) && !args[0].request.isEditing,
             isVisible: (...args: unknown[]) => hasAsFirstArg(args, isEditableRequestNode) && !args[0].request.isEditing
-        });
+        }));
     }
 
     protected copyMessage(args: (RequestNode | ResponseNode)[]): void {
@@ -117,7 +121,7 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
 
     protected getCopyText(arg: RequestNode | ResponseNode): string {
         if (isRequestNode(arg)) {
-            return arg.request.request.text;
+            return arg.request.request.text ?? '';
         } else if (isResponseNode(arg)) {
             return arg.response.response.asDisplayString();
         }
@@ -126,25 +130,32 @@ export class ChatViewMenuContribution implements MenuContribution, CommandContri
 
     registerMenus(menus: MenuModelRegistry): void {
         menus.registerMenuAction([...ChatViewTreeWidget.CONTEXT_MENU, '_1'], {
-            commandId: CommonCommands.COPY.id
+            commandId: CommonCommands.COPY.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...ChatViewTreeWidget.CONTEXT_MENU, '_1'], {
-            commandId: ChatViewCommands.COPY_MESSAGE.id
+            commandId: ChatViewCommands.COPY_MESSAGE.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...ChatViewTreeWidget.CONTEXT_MENU, '_1'], {
-            commandId: ChatViewCommands.COPY_ALL.id
+            commandId: ChatViewCommands.COPY_ALL.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...ChatViewTreeWidget.CONTEXT_MENU, '_1'], {
-            commandId: ChatViewCommands.COPY_CODE.id
+            commandId: ChatViewCommands.COPY_CODE.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...ChatViewTreeWidget.CONTEXT_MENU, '_1'], {
-            commandId: ChatViewCommands.EDIT.id
+            commandId: ChatViewCommands.EDIT.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...AIChatInputWidget.CONTEXT_MENU, '_1'], {
-            commandId: CommonCommands.COPY.id
+            commandId: CommonCommands.COPY.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         menus.registerMenuAction([...AIChatInputWidget.CONTEXT_MENU, '_1'], {
-            commandId: CommonCommands.PASTE.id
+            commandId: CommonCommands.PASTE.id,
+            when: ENABLE_AI_CONTEXT_KEY
         });
     }
 }

package/src/browser/chat-view-widget-toolbar-contribution.tsx

@@ -23,6 +23,7 @@ import { CommandRegistry } from '@theia/core/lib/common/command';
 import { SessionSettingsDialog } from './session-settings-dialog';
 import { MonacoEditorProvider } from '@theia/monaco/lib/browser/monaco-editor-provider';
 import { ChatViewWidget } from './chat-view-widget';
+import { AIActivationService, ENABLE_AI_CONTEXT_KEY } from '@theia/ai-core/lib/browser';
 
 @injectable()
 export class ChatViewWidgetToolbarContribution implements TabBarToolbarContribution {
@@ -38,6 +39,9 @@ export class ChatViewWidgetToolbarContribution implements TabBarToolbarContribut
     @inject(InMemoryResources)
     protected readonly resources: InMemoryResources;
 
+    @inject(AIActivationService)
+    protected readonly activationService: AIActivationService;
+
     protected readonly onChatWidgetStateChangedEmitter = new Emitter<void>();
     protected readonly onChatWidgetStateChanged = this.onChatWidgetStateChangedEmitter.event;
 
@@ -53,8 +57,8 @@ export class ChatViewWidgetToolbarContribution implements TabBarToolbarContribut
 
         this.commandRegistry.registerCommand(ChatCommands.EDIT_SESSION_SETTINGS, {
             execute: () => this.openJsonDataDialog(),
-            isEnabled: widget => widget instanceof ChatViewWidget,
-            isVisible: widget => widget instanceof ChatViewWidget
+            isEnabled: widget => this.activationService.isActive && widget instanceof ChatViewWidget,
+            isVisible: widget => this.activationService.isActive && widget instanceof ChatViewWidget
         });
     }
 
@@ -64,20 +68,23 @@ export class ChatViewWidgetToolbarContribution implements TabBarToolbarContribut
             command: ChatCommands.SCROLL_LOCK_WIDGET.id,
             tooltip: nls.localizeByDefault('Turn Auto Scrolling Off'),
             onDidChange: this.onChatWidgetStateChanged,
-            priority: 2
+            priority: 2,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         registry.registerItem({
             id: ChatCommands.SCROLL_UNLOCK_WIDGET.id,
             command: ChatCommands.SCROLL_UNLOCK_WIDGET.id,
             tooltip: nls.localizeByDefault('Turn Auto Scrolling On'),
             onDidChange: this.onChatWidgetStateChanged,
-            priority: 2
+            priority: 2,
+            when: ENABLE_AI_CONTEXT_KEY
         });
         registry.registerItem({
             id: ChatCommands.EDIT_SESSION_SETTINGS.id,
             command: ChatCommands.EDIT_SESSION_SETTINGS.id,
             tooltip: nls.localize('theia/ai/session-settings-dialog/tooltip', 'Set Session Settings'),
-            priority: 3
+            priority: 3,
+            when: ENABLE_AI_CONTEXT_KEY
         });
     }
 

package/src/browser/chat-view-widget.tsx

@@ -136,9 +136,6 @@ export class ChatViewWidget extends BaseWidget implements ExtractableWidget, Sta
                     this.treeWidget.trackChatModel(this.chatSession.model);
                     this.inputWidget.chatModel = this.chatSession.model;
                     this.inputWidget.pinnedAgent = this.chatSession.pinnedAgent;
-                    if (event.focus) {
-                        this.show();
-                    }
                 } else {
                     console.warn(`Session with ${event.sessionId} not found.`);
                 }
@@ -182,8 +179,8 @@ export class ChatViewWidget extends BaseWidget implements ExtractableWidget, Sta
         return this.onStateChangedEmitter.event;
     }
 
-    protected async onQuery(query: string | ChatRequest): Promise<void> {
-        const chatRequest: ChatRequest = typeof query === 'string' ? { text: query } : { ...query };
+    protected async onQuery(query?: string | ChatRequest): Promise<void> {
+        const chatRequest: ChatRequest = !query ? { text: '' } : typeof query === 'string' ? { text: query } : { ...query };
         if (chatRequest.text.length === 0) { return; }
 
         const requestProgress = await this.chatService.sendRequest(this.chatSession.id, chatRequest);

package/src/browser/style/index.css

@@ -194,28 +194,46 @@ div:last-child > .theia-ChatNode {
   gap: 4px;
 }
 
+.theia-ChatInput[data-ai-disabled="true"] {
+  opacity: var(--theia-mod-disabled-opacity);
+  pointer-events: none;
+}
+
+.theia-ChatInput[data-ai-disabled="true"] .theia-ChatInput-Editor-Placeholder {
+  color: var(--theia-input-disabledForeground);
+  font-family: var(--theia-ui-font-family);
+}
+
 .theia-ChatInput-ChatContext ul {
   list-style-type: none;
   padding: 0px 4px 8px 8px;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   gap: 6px;
 }
 
 .theia-ChatInput-ChatContext-Element {
   display: flex;
-  align-items: center;
+  flex-direction: column;
   border-radius: calc(var(--theia-ui-padding) * 2 / 3);
   border: var(--theia-border-width) solid var(--theia-dropdown-border);
   padding: 2px 4px 2px 6px;
-  height: 18px;
   line-height: 16px;
   min-width: 0;
   user-select: none;
   cursor: pointer;
 }
 
+.theia-ChatInput-ChatContext-Row {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  color: var(--theia-foreground);
+  font-family: var(--theia-ui-font-family);
+}
+
 .theia-ChatInput-ChatContext-labelParts {
   flex: 1;
   min-width: 0;
@@ -478,6 +496,7 @@ div:last-child > .theia-ChatNode {
   pointer-events: none;
   z-index: 10;
   text-align: left;
+  font-family: var(--theia-ui-font-family);
 }
 
 .theia-ChatInput-Editor-Placeholder.hidden {
@@ -497,6 +516,32 @@ div:last-child > .theia-ChatNode {
   padding-left: 8px !important;
 }
 
+.theia-ChatInput-ImagePreview-Item {
+  position: relative;
+  border: var(--theia-border-width) solid var(--theia-dropdown-border);
+  border-radius: 4px;
+  overflow: hidden;
+  height: 100px;
+  width: 120px;
+}
+
+.theia-ChatInput-ChatContext-ImageRow {
+  margin-top: 4px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.theia-ChatInput-ImageContext-Element {
+  min-width: 150px;
+}
+
+.theia-ChatInput-ImagePreview-Item img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
 .theia-ChatInputOptions {
   width: 100%;
   height: 25px;
@@ -504,6 +549,7 @@ div:last-child > .theia-ChatNode {
   padding-right: 6px;
   display: flex;
   justify-content: space-between;
+  color: var(--theia-foreground);
 }
 
 .theia-ChatInputOptions .theia-ChatInputOptions-left,
@@ -706,7 +752,7 @@ div:last-child > .theia-ChatNode {
   background: var(--theia-menu-background);
   border: 1px solid var(--theia-menu-border);
   border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   margin: 0;
   padding: 0;
   list-style: none;
@@ -789,14 +835,29 @@ div:last-child > .theia-ChatNode {
   color: var(--theia-errorForeground);
 }
 
-.theia-tool-pending {
+.theia-toolCall-denied,
+.theia-toolCall-finished summary,
+.theia-toolCall-allowed,
+.theia-toolCall-waiting {
+  font-weight: bold;
+}
+
+.theia-toolCall-allowed .codicon-loading {
+  font-size: 1em;
+}
+
+.theia-toolCall-pending {
   color: var(--theia-descriptionForeground);
 }
 
-.theia-tool-denied {
+.theia-toolCall-denied {
   color: var(--theia-errorForeground);
 }
 
+.theia-toolCall-response-result {
+  font-weight: normal;
+}
+
 .theia-toolCall .fa,
 .theia-toolCall details summary::marker,
 .theia-thinking .fa,
@@ -900,6 +961,7 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
   margin-bottom: 10px;
   height: calc(100% - 50px);
 }
+
 .monaco-session-settings-dialog {
   flex: 1;
   min-height: 350px;
@@ -909,6 +971,7 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
   border: 1px solid var(--theia-editorWidget-border);
   margin-bottom: 10px;
 }
+
 .session-settings-error {
   color: var(--theia-errorForeground);
   min-height: 1em;
@@ -924,3 +987,144 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
   padding-block-end: 8px;
   user-select: none;
 }
+
+/* Delegation response styles */
+.theia-delegation-container {
+  border: 2px solid var(--theia-sideBarSectionHeader-border);
+  border-radius: 8px;
+  margin: 8px 0;
+  background-color: var(--theia-sideBar-background);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.delegation-response-details {
+  width: 100%;
+}
+
+.delegation-summary {
+  cursor: pointer;
+  padding: 12px 16px;
+  background-color: var(--theia-editorGroupHeader-tabsBackground);
+  border-radius: 6px 6px 0 0;
+  border-bottom: 1px solid var(--theia-sideBarSectionHeader-border);
+  list-style: none;
+  position: relative;
+}
+
+.delegation-summary:hover {
+  background-color: var(--theia-toolbar-hoverBackground);
+}
+
+.delegation-summary::before {
+  content: "\25BC";
+  /* Down arrow */
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  transition: transform 0.2s ease;
+  color: var(--theia-descriptionForeground);
+  font-size: 12px;
+}
+
+.delegation-response-details:not([open]) .delegation-summary::before {
+  transform: translateY(-50%) rotate(-90deg);
+  /* Right arrow when closed */
+}
+
+.delegation-response-details:not([open]) .delegation-summary {
+  border-bottom: none;
+  border-radius: 6px;
+}
+
+.delegation-summary::-webkit-details-marker {
+  display: none;
+}
+
+.delegation-summary::marker {
+  content: "";
+}
+
+.delegation-header {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: 16px;
+}
+
+.delegation-agent {
+  flex: 1;
+  /* Takes up available space */
+  font-size: 14px;
+  color: var(--theia-foreground);
+}
+
+.delegation-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  /* Leave space for the arrow */
+  margin-right: 24px;
+}
+
+.delegation-status-icon {
+  font-size: 16px;
+}
+
+.delegation-status-icon.codicon-loading {
+  animation: spin 2s linear infinite;
+  color: var(--theia-progressBar-background);
+}
+
+.delegation-status-icon.codicon-check {
+  color: var(--theia-charts-green);
+}
+
+.delegation-status-icon.codicon-error {
+  color: var(--theia-errorForeground);
+}
+
+.delegation-status-icon.codicon-cancel {
+  color: var(--theia-charts-orange);
+}
+
+.delegation-status-text {
+  color: var(--theia-descriptionForeground);
+  font-weight: normal;
+}
+
+.delegation-content {
+  padding: 16px;
+}
+
+.delegation-prompt-section {
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--theia-sideBarSectionHeader-border);
+}
+
+.delegation-prompt {
+  margin-top: 6px;
+  padding: 8px 12px;
+  background-color: var(--theia-editor-background);
+  border-radius: 4px;
+  border: 1px solid var(--theia-dropdown-border);
+  font-style: italic;
+  color: var(--theia-descriptionForeground);
+}
+
+.delegation-response-section {
+  margin-top: 16px;
+}
+
+.delegation-response-section > strong {
+  display: block;
+  margin-bottom: 8px;
+  color: var(--theia-foreground);
+}
+
+.delegation-response-placeholder {
+  margin-top: 8px;
+  min-height: 40px;
+}