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

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 {
@@ -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/style/index.css

@@ -194,6 +194,16 @@ 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;
@@ -220,6 +230,8 @@ div:last-child > .theia-ChatNode {
   display: flex;
   align-items: center;
   width: 100%;
+  color: var(--theia-foreground);
+  font-family: var(--theia-ui-font-family);
 }
 
 .theia-ChatInput-ChatContext-labelParts {
@@ -484,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 {
@@ -536,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,
@@ -821,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,
@@ -987,7 +1016,7 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
 }
 
 .delegation-summary::before {
-  content: '\25BC';
+  content: "\25BC";
   /* Down arrow */
   position: absolute;
   right: 8px;
@@ -1013,7 +1042,7 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
 }
 
 .delegation-summary::marker {
-  content: '';
+  content: "";
 }
 
 .delegation-header {
@@ -1089,7 +1118,7 @@ details[open].collapsible-arguments .collapsible-arguments-summary {
   margin-top: 16px;
 }
 
-.delegation-response-section>strong {
+.delegation-response-section > strong {
   display: block;
   margin-bottom: 8px;
   color: var(--theia-foreground);