@theia/ai-chat-ui 1.67.0-next.3 → 1.67.0-next.56

package/README.md

@@ -19,6 +19,7 @@ It is based on `@theia/ai-chat`.
 
 ## Additional Information
 
+- [API documentation for `@theia/ai-chat-ui`](https://eclipse-theia.github.io/theia/docs/next/modules/_theia_ai-chat-ui.html)
 - [Theia - GitHub](https://github.com/eclipse-theia/theia)
 - [Theia - Website](https://theia-ide.org/)
 

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@theia/ai-chat-ui",
-  "version": "1.67.0-next.3+7946ca874",
+  "version": "1.67.0-next.56+d8f18cc386c",
   "description": "Theia - AI Chat UI Extension",
   "dependencies": {
-    "@theia/ai-chat": "1.67.0-next.3+7946ca874",
-    "@theia/ai-core": "1.67.0-next.3+7946ca874",
-    "@theia/core": "1.67.0-next.3+7946ca874",
-    "@theia/editor": "1.67.0-next.3+7946ca874",
-    "@theia/editor-preview": "1.67.0-next.3+7946ca874",
-    "@theia/filesystem": "1.67.0-next.3+7946ca874",
-    "@theia/monaco": "1.67.0-next.3+7946ca874",
+    "@theia/ai-chat": "1.67.0-next.56+d8f18cc386c",
+    "@theia/ai-core": "1.67.0-next.56+d8f18cc386c",
+    "@theia/core": "1.67.0-next.56+d8f18cc386c",
+    "@theia/editor": "1.67.0-next.56+d8f18cc386c",
+    "@theia/editor-preview": "1.67.0-next.56+d8f18cc386c",
+    "@theia/filesystem": "1.67.0-next.56+d8f18cc386c",
+    "@theia/monaco": "1.67.0-next.56+d8f18cc386c",
     "@theia/monaco-editor-core": "1.96.302",
-    "@theia/workspace": "1.67.0-next.3+7946ca874",
+    "@theia/workspace": "1.67.0-next.56+d8f18cc386c",
     "date-fns": "^4.1.0",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1"
@@ -55,5 +55,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "7946ca874b04e6249d883e9a586f193194df1365"
+  "gitHead": "d8f18cc386c45a736cd193d42eab02c8f64c6b10"
 }

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

@@ -39,6 +39,7 @@ import { TASK_CONTEXT_VARIABLE } from '@theia/ai-chat/lib/browser/task-context-v
 import { IModelDeltaDecoration } from '@theia/monaco-editor-core/esm/vs/editor/common/model';
 import { EditorOption } from '@theia/monaco-editor-core/esm/vs/editor/common/config/editorOptions';
 import { ChatInputHistoryService, ChatInputNavigationState } from './chat-input-history';
+import { ContextFileValidationService, FileValidationResult, FileValidationState } from '@theia/ai-chat/lib/browser/context-file-validation-service';
 
 type Query = (query: string, mode?: string) => Promise<void>;
 type Unpin = () => void;
@@ -106,6 +107,11 @@ export class AIChatInputWidget extends ReactWidget {
     @inject(ChatRequestParser)
     protected readonly chatRequestParser: ChatRequestParser;
 
+    @inject(ContextFileValidationService) @optional()
+    protected readonly validationService: ContextFileValidationService | undefined;
+
+    protected fileValidationState = new Map<string, FileValidationResult>();
+
     @inject(ContextKeyService)
     protected readonly contextKeyService: ContextKeyService;
 
@@ -218,7 +224,25 @@ export class AIChatInputWidget extends ReactWidget {
         this.onDisposeForChatModel.dispose();
         this.onDisposeForChatModel = new DisposableCollection();
         this.onDisposeForChatModel.push(chatModel.onDidChange(event => {
-            if (event.kind === 'addVariable' || event.kind === 'removeVariable' || event.kind === 'addRequest' || event.kind === 'changeHierarchyBranch') {
+            if (event.kind === 'addVariable') {
+                // Validate files added via any path (including LLM tool calls)
+                // Get the current variables and validate any new file variables
+                const variables = chatModel.context.getVariables();
+                variables.forEach(variable => {
+                    if (variable.variable.name === 'file' && variable.arg) {
+                        const pathKey = variable.arg; // Use the original path as the key
+                        // Revalidate the file each time someone (User or LLM) adds it to the context,
+                        // as the state may change over time.
+                        if (this.validationService) {
+                            this.validationService.validateFile(pathKey).then(result => {
+                                this.fileValidationState.set(pathKey, result);
+                                this.update();
+                            });
+                        }
+                    }
+                });
+                this.update();
+            } else if (event.kind === 'removeVariable' || event.kind === 'addRequest' || event.kind === 'changeHierarchyBranch') {
                 this.update();
             }
         }));
@@ -458,6 +482,7 @@ export class AIChatInputWidget extends ReactWidget {
                 onDeleteContextElement={this.deleteContextElement.bind(this)}
                 onOpenContextElement={this.openContextElement.bind(this)}
                 context={this.getContext()}
+                fileValidationState={this.fileValidationState}
                 onAgentCompletion={this.handleAgentCompletion.bind(this)}
                 chatModel={this._chatModel}
                 pinnedAgent={this._pinnedAgent}
@@ -562,6 +587,14 @@ export class AIChatInputWidget extends ReactWidget {
     }
 
     protected async openContextElement(request: AIVariableResolutionRequest): Promise<void> {
+        // Re-validate file before opening
+        if (request.variable.name === 'file' && request.arg) {
+            if (this.validationService) {
+                const result = await this.validationService.validateFile(request.arg);
+                this.fileValidationState.set(request.arg, result);
+                this.update();
+            }
+        }
         const session = this.chatService.getSessions().find(candidate => candidate.model.id === this._chatModel.id);
         const context = { session };
         await this.variableService.open(request, context);
@@ -595,6 +628,7 @@ export class AIChatInputWidget extends ReactWidget {
     }
 
     addContext(variable: AIVariableResolutionRequest): void {
+        // Validation happens in the chatModel.onDidChange listener
         this._chatModel.context.addVariables(variable);
     }
 
@@ -619,6 +653,7 @@ interface ChatInputProperties {
     onOpenContextElement: OpenContextElement;
     onAgentCompletion: (request: ChatRequestModel) => void;
     context?: readonly AIVariableResolutionRequest[];
+    fileValidationState: Map<string, FileValidationResult>;
     isEnabled?: boolean;
     chatModel: ChatModel;
     pinnedAgent?: ChatAgent;
@@ -1044,7 +1079,7 @@ const ChatInput: React.FunctionComponent<ChatInputProperties> = (props: ChatInpu
         }];
     }
 
-    const contextUI = buildContextUI(props.context, props.labelProvider, props.onDeleteContextElement, props.onOpenContextElement);
+    const contextUI = buildContextUI(props.context, props.labelProvider, props.onDeleteContextElement, props.onOpenContextElement, props.fileValidationState);
 
     // Show mode selector if agent has multiple modes
     const showModeSelector = (props.modeSelectorProps.receivingAgentModes?.length ?? 0) > 1;
@@ -1293,22 +1328,43 @@ function buildContextUI(
     context: readonly AIVariableResolutionRequest[] | undefined,
     labelProvider: LabelProvider,
     onDeleteContextElement: (index: number) => void,
-    onOpen: OpenContextElement
+    onOpen: OpenContextElement,
+    fileValidationState: Map<string, FileValidationResult>
 ): ChatContextUI {
     if (!context) {
         return { context: [] };
     }
     return {
-        context: context.map((element, index) => ({
-            variable: element,
-            name: labelProvider.getName(element),
-            iconClass: labelProvider.getIcon(element),
-            nameClass: element.variable.name,
-            additionalInfo: labelProvider.getDetails(element),
-            details: labelProvider.getLongName(element),
-            delete: () => onDeleteContextElement(index),
-            open: () => onOpen(element)
-        }))
+        context: context.map((element, index) => {
+            // Check if this is an invalid file
+            let className: string | undefined;
+            let validationMessage: string | undefined;
+            if (element.variable.name === 'file' && element.arg) {
+                // Use the path directly as the key (same as storage)
+                const validationResult = fileValidationState.get(element.arg);
+                if (validationResult) {
+                    if (validationResult.state === FileValidationState.INVALID_SECONDARY) {
+                        className = 'warning-file';
+                        validationMessage = validationResult.message;
+                    } else if (validationResult.state === FileValidationState.INVALID_NOT_FOUND) {
+                        className = 'invalid-file';
+                        validationMessage = validationResult.message;
+                    }
+                }
+            }
+            return {
+                variable: element,
+                name: labelProvider.getName(element),
+                iconClass: labelProvider.getIcon(element),
+                nameClass: element.variable.name,
+                className,
+                validationMessage,
+                additionalInfo: labelProvider.getDetails(element),
+                details: labelProvider.getLongName(element),
+                delete: () => onDeleteContextElement(index),
+                open: () => onOpen(element)
+            };
+        })
     };
 }
 
@@ -1318,6 +1374,8 @@ interface ChatContextUI {
         name: string;
         iconClass: string;
         nameClass: string;
+        className?: string;
+        validationMessage?: string;
         additionalInfo?: string;
         details?: string;
         delete: () => void;
@@ -1352,8 +1410,13 @@ const ChatContext: React.FunctionComponent<ChatContextUI> = ({ context }) => (
                         </div>
                     </li>;
                 }
-                return <li key={index} className="theia-ChatInput-ChatContext-Element" title={element.details} onClick={() => element.open?.()}>
+                const isWarning = element.className === 'warning-file';
+                const isInvalid = element.className === 'invalid-file';
+                const tooltipTitle = element.validationMessage ?? element.details;
+                return <li key={index} className={`theia-ChatInput-ChatContext-Element ${element.className || ''}`} title={tooltipTitle} onClick={() => element.open?.()}>
                     <div className="theia-ChatInput-ChatContext-Row">
+                        {isWarning && <span className="codicon codicon-warning warning-file-icon" />}
+                        {isInvalid && <span className="codicon codicon-error invalid-file-icon" />}
                         <div className={`theia-ChatInput-ChatContext-Icon ${element.iconClass}`} />
                         <div className="theia-ChatInput-ChatContext-labelParts">
                             <span className={`theia-ChatInput-ChatContext-title ${element.nameClass}`}>

package/src/browser/chat-response-renderer/markdown-part-renderer.tsx

@@ -24,6 +24,7 @@ import {
 import { ReactNode, useEffect, useRef } from '@theia/core/shared/react';
 import * as React from '@theia/core/shared/react';
 import * as markdownit from '@theia/core/shared/markdown-it';
+import * as markdownitemoji from '@theia/core/shared/markdown-it-emoji';
 import * as DOMPurify from '@theia/core/shared/dompurify';
 import { MarkdownString } from '@theia/core/lib/common/markdown-rendering';
 import { OpenerService, open } from '@theia/core/lib/browser';
@@ -32,7 +33,7 @@ import { URI } from '@theia/core';
 @injectable()
 export class MarkdownPartRenderer implements ChatResponsePartRenderer<MarkdownChatResponseContent | InformationalChatResponseContent> {
     @inject(OpenerService) protected readonly openerService: OpenerService;
-    protected readonly markdownIt = markdownit();
+    protected readonly markdownIt = markdownit().use(markdownitemoji.full);
     canHandle(response: ChatResponseContent): number {
         if (MarkdownChatResponseContent.is(response)) {
             return 10;
@@ -92,7 +93,7 @@ export const useMarkdownRendering = (
     const ref = useRef<HTMLDivElement | null>(null);
     const markdownString = typeof markdown === 'string' ? markdown : markdown.value;
     useEffect(() => {
-        const markdownIt = markdownit();
+        const markdownIt = markdownit().use(markdownitemoji.full);
         const host = document.createElement('div');
 
         // markdownIt always puts the content in a paragraph element, so we remove it if we don't want that
@@ -110,7 +111,7 @@ export const useMarkdownRendering = (
 
         // intercept link clicks to use the Theia OpenerService instead of the default browser behavior
         const handleClick = (event: MouseEvent) => {
-            if ((eventHandler?.handleEvent(event) as unknown) === true) {return; }
+            if ((eventHandler?.handleEvent(event) as unknown) === true) { return; }
             let target = event.target as HTMLElement;
             while (target && target.tagName !== 'A') {
                 target = target.parentElement as HTMLElement;

package/src/browser/style/index.css

@@ -226,6 +226,37 @@ div:last-child > .theia-ChatNode {
   cursor: pointer;
 }
 
+.theia-ChatInput-ChatContext-Element.invalid-file {
+  border-color: var(--theia-inputValidation-errorBorder, var(--theia-errorForeground));
+  background-color: var(--theia-inputValidation-errorBackground, rgba(255, 0, 0, 0.1));
+}
+
+.theia-ChatInput-ChatContext-Element.invalid-file .theia-ChatInput-ChatContext-title {
+  text-decoration: line-through;
+  color: var(--theia-errorForeground);
+}
+
+.invalid-file-icon {
+  color: var(--theia-errorForeground);
+  margin-right: 4px;
+  flex-shrink: 0;
+}
+
+.theia-ChatInput-ChatContext-Element.warning-file {
+  border-color: var(--theia-inputValidation-warningBorder, var(--theia-editorWarning-foreground));
+  background-color: var(--theia-inputValidation-warningBackground, rgba(255, 165, 0, 0.1));
+}
+
+.theia-ChatInput-ChatContext-Element.warning-file .theia-ChatInput-ChatContext-title {
+  color: var(--theia-editorWarning-foreground);
+}
+
+.warning-file-icon {
+  color: var(--theia-editorWarning-foreground);
+  margin-right: 4px;
+  flex-shrink: 0;
+}
+
 .theia-ChatInput-ChatContext-Row {
   display: flex;
   align-items: center;

package/lib/browser/ai-chat-ui-contribution.d.ts

@@ -1,66 +0,0 @@
-import { CommandRegistry, MessageService, QuickInputButton, QuickInputService, QuickPickItem } from '@theia/core';
-import { ILogger } from '@theia/core/lib/common/logger';
-import { Widget } from '@theia/core/lib/browser';
-import { ChatAgent, ChatService } from '@theia/ai-chat';
-import { ChatAgentService } from '@theia/ai-chat/lib/common/chat-agent-service';
-import { EditorManager } from '@theia/editor/lib/browser/editor-manager';
-import { AbstractViewContribution } from '@theia/core/lib/browser/shell/view-contribution';
-import { TabBarToolbarContribution, TabBarToolbarRegistry } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
-import { ChatViewWidget } from './chat-view-widget';
-import { SecondaryWindowHandler } from '@theia/core/lib/browser/secondary-window-handler';
-import { AIActivationService } from '@theia/ai-core/lib/browser';
-import { TaskContextService } from '@theia/ai-chat/lib/browser/task-context-service';
-export declare const AI_CHAT_TOGGLE_COMMAND_ID = "aiChat:toggle";
-export declare class AIChatContribution extends AbstractViewContribution<ChatViewWidget> implements TabBarToolbarContribution {
-    protected readonly chatService: ChatService;
-    protected readonly quickInputService: QuickInputService;
-    protected readonly taskContextService: TaskContextService;
-    protected readonly messageService: MessageService;
-    protected readonly chatAgentService: ChatAgentService;
-    protected readonly editorManager: EditorManager;
-    protected readonly activationService: AIActivationService;
-    protected readonly logger: ILogger;
-    /**
-     * Store whether there are persisted sessions to make this information available in
-     * command enablement checks which are synchronous.
-     */
-    protected hasPersistedSessions: boolean;
-    protected static readonly RENAME_CHAT_BUTTON: QuickInputButton;
-    protected static readonly REMOVE_CHAT_BUTTON: QuickInputButton;
-    protected readonly secondaryWindowHandler: SecondaryWindowHandler;
-    constructor();
-    initialize(): void;
-    protected checkPersistedSessions(): Promise<void>;
-    registerCommands(registry: CommandRegistry): void;
-    registerToolbarItems(registry: TabBarToolbarRegistry): void;
-    protected selectChat(sessionId?: string): Promise<void>;
-    protected askForChatSession(): Promise<QuickPickItem | undefined>;
-    protected withWidget(widget?: Widget | undefined, predicate?: (output: ChatViewWidget) => boolean): boolean | false;
-    protected extractChatView(chatView: ChatViewWidget): void;
-    canExtractChatView(chatView: ChatViewWidget): boolean;
-    protected summarizeActiveSession(): Promise<string | undefined>;
-    /**
-     * Prompts the user to select a chat agent
-     * @returns The selected agent or undefined if cancelled
-     */
-    /**
-     * Prompts the user to select a chat agent with an optional default (pre-selected) agent.
-     * @param defaultAgentId The id of the agent to pre-select, if present
-     * @returns The selected agent or undefined if cancelled
-     */
-    protected selectAgent(defaultAgentId?: string): Promise<ChatAgent | undefined>;
-    /**
-     * Prompts the user to select a task context with special marking for currently opened files
-     * @returns The selected task context ID or undefined if cancelled
-     */
-    protected selectTaskContextWithMarking(): Promise<string | undefined>;
-    /**
-     * Returns information about task context files that are currently opened
-     * @returns Object with arrays of opened context IDs and the active context ID
-     */
-    protected getOpenedTaskContextFiles(): {
-        openedIds: string[];
-        activeId?: string;
-    };
-}
-//# sourceMappingURL=ai-chat-ui-contribution.d.ts.map

package/lib/browser/ai-chat-ui-contribution.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-chat-ui-contribution.d.ts","sourceRoot":"","sources":["../../src/browser/ai-chat-ui-contribution.ts"],"names":[],"mappings":"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"}