@theia/ai-chat-ui 1.65.0-next.19 → 1.65.0-next.28

package/src/browser/chat-input-history-contribution.ts

@@ -0,0 +1,150 @@
+// *****************************************************************************
+// Copyright (C) 2025 STMicroelectronics and others.
+//
+// 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 { Command, CommandContribution, CommandRegistry } from '@theia/core';
+import { ApplicationShell, KeybindingContribution, KeybindingRegistry } from '@theia/core/lib/browser';
+import { inject, injectable } from '@theia/core/shared/inversify';
+import { AIChatInputWidget } from './chat-input-widget';
+import { ChatInputHistoryService } from './chat-input-history';
+
+const CHAT_INPUT_PREVIOUS_PROMPT_COMMAND = Command.toDefaultLocalizedCommand({
+    id: 'chat-input:previous-prompt',
+    label: 'Previous Prompt'
+});
+
+const CHAT_INPUT_NEXT_PROMPT_COMMAND = Command.toDefaultLocalizedCommand({
+    id: 'chat-input:next-prompt',
+    label: 'Next Prompt'
+});
+
+const CHAT_INPUT_CLEAR_HISTORY_COMMAND = Command.toDefaultLocalizedCommand({
+    id: 'chat-input:clear-history',
+    category: 'Chat',
+    label: 'Clear Input Prompt History'
+});
+
+@injectable()
+export class ChatInputHistoryContribution implements CommandContribution, KeybindingContribution {
+
+    @inject(ApplicationShell)
+    protected readonly shell: ApplicationShell;
+
+    @inject(ChatInputHistoryService)
+    protected readonly historyService: ChatInputHistoryService;
+
+    registerCommands(commands: CommandRegistry): void {
+        commands.registerCommand(CHAT_INPUT_PREVIOUS_PROMPT_COMMAND, {
+            execute: () => this.executeNavigatePrevious(),
+            isEnabled: () => this.isNavigationEnabled()
+        });
+
+        commands.registerCommand(CHAT_INPUT_NEXT_PROMPT_COMMAND, {
+            execute: () => this.executeNavigateNext(),
+            isEnabled: () => this.isNavigationEnabled()
+        });
+
+        commands.registerCommand(CHAT_INPUT_CLEAR_HISTORY_COMMAND, {
+            execute: () => this.historyService.clearHistory(),
+            isEnabled: () => this.historyService.getPrompts().length > 0
+        });
+    }
+
+    registerKeybindings(keybindings: KeybindingRegistry): void {
+        keybindings.registerKeybinding({
+            command: CHAT_INPUT_PREVIOUS_PROMPT_COMMAND.id,
+            keybinding: 'up',
+            when: 'chatInputFocus && chatInputFirstLine && !suggestWidgetVisible'
+        });
+
+        keybindings.registerKeybinding({
+            command: CHAT_INPUT_NEXT_PROMPT_COMMAND.id,
+            keybinding: 'down',
+            when: 'chatInputFocus && chatInputLastLine && !suggestWidgetVisible'
+        });
+    }
+
+    protected executeNavigatePrevious(): void {
+        const chatInputWidget = this.findFocusedChatInput();
+        if (!chatInputWidget || !chatInputWidget.editor) {
+            return;
+        }
+
+        const currentInput = chatInputWidget.editor.getControl().getValue();
+        const previousPrompt = chatInputWidget.getPreviousPrompt(currentInput);
+
+        if (previousPrompt !== undefined) {
+            chatInputWidget.editor.getControl().setValue(previousPrompt);
+            this.positionCursorAtEnd(chatInputWidget);
+        }
+    }
+
+    protected executeNavigateNext(): void {
+        const chatInputWidget = this.findFocusedChatInput();
+        if (!chatInputWidget || !chatInputWidget.editor) {
+            return;
+        }
+
+        const nextPrompt = chatInputWidget.getNextPrompt();
+
+        if (nextPrompt !== undefined) {
+            chatInputWidget.editor.getControl().setValue(nextPrompt);
+            this.positionCursorAtEnd(chatInputWidget);
+        }
+    }
+
+    protected positionCursorAtEnd(widget: AIChatInputWidget): void {
+        const editor = widget.editor?.getControl();
+        const model = editor?.getModel();
+
+        if (editor && model) {
+            const lastLine = model.getLineCount();
+            const lastColumn = model.getLineContent(lastLine).length + 1;
+            editor.setPosition({ lineNumber: lastLine, column: lastColumn });
+            editor.focus();
+
+            setTimeout(() => {
+                // Trigger cursor position update after setting value
+                if (widget.editor?.getControl().hasWidgetFocus()) {
+                    widget.updateCursorPositionKeys();
+                }
+            }, 0);
+        }
+    }
+
+    protected findFocusedChatInput(): AIChatInputWidget | undefined {
+        const activeElement = document.activeElement;
+        if (!(activeElement instanceof HTMLElement)) {
+            return;
+        }
+        const activeWidget = this.shell.findWidgetForElement(activeElement);
+        if (!(activeWidget instanceof AIChatInputWidget)) {
+            return;
+        }
+        if (!activeWidget.inputConfiguration?.enablePromptHistory) {
+            return;
+        }
+        if (!activeWidget.editor?.getControl().hasWidgetFocus()) {
+            return;
+        }
+        return activeWidget;
+    }
+
+    protected isNavigationEnabled(): boolean {
+        const chatInputWidget = this.findFocusedChatInput();
+        return chatInputWidget !== undefined &&
+            chatInputWidget.inputConfiguration?.enablePromptHistory !== false;
+    }
+}

package/src/browser/chat-input-history.ts

@@ -0,0 +1,138 @@
+// *****************************************************************************
+// Copyright (C) 2025 STMicroelectronics and others.
+//
+// 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 } from '@theia/core/shared/inversify';
+import { StorageService } from '@theia/core/lib/browser';
+
+/**
+ * Manages navigation state for a single chat input widget.
+ * Each widget has its own independent navigation state while sharing the same history.
+ */
+export class ChatInputNavigationState {
+    private currentIndex: number;
+    private preservedInput?: string;
+    private isNavigating = false;
+
+    constructor(private readonly historyService: ChatInputHistoryService) {
+        this.currentIndex = historyService.getPrompts().length;
+    }
+
+    getPreviousPrompt(currentInput: string): string | undefined {
+        const history = this.historyService.getPrompts();
+
+        if (history.length === 0) {
+            return undefined;
+        }
+
+        if (!this.isNavigating) {
+            this.preservedInput = currentInput;
+            this.isNavigating = true;
+            this.currentIndex = history.length;
+        }
+
+        if (this.currentIndex <= 0) {
+            // Already at the oldest prompt
+            return undefined;
+        }
+
+        this.currentIndex--;
+        return history[this.currentIndex];
+    }
+
+    getNextPrompt(): string | undefined {
+        const history = this.historyService.getPrompts();
+
+        if (!this.isNavigating || this.currentIndex >= history.length) {
+            return undefined;
+        }
+
+        this.currentIndex++;
+
+        if (this.currentIndex >= history.length) {
+            // Reached end of history - return to preserved input
+            this.isNavigating = false;
+            const preserved = this.preservedInput;
+            this.preservedInput = undefined;
+            this.currentIndex = history.length;
+            return preserved || '';
+        }
+
+        return history[this.currentIndex];
+    }
+
+    stopNavigation(): void {
+        this.isNavigating = false;
+        this.preservedInput = undefined;
+        this.currentIndex = this.historyService.getPrompts().length;
+    }
+
+}
+
+const CHAT_PROMPT_HISTORY_STORAGE_KEY = 'ai-chat-prompt-history';
+const MAX_HISTORY_SIZE = 100;
+
+/**
+ * Manages shared prompt history across all chat input widgets.
+ * Each prompt is stored only once and shared between all chat inputs.
+ */
+@injectable()
+export class ChatInputHistoryService {
+
+    @inject(StorageService)
+    protected readonly storageService: StorageService;
+
+    protected history: string[] = [];
+
+    async init(): Promise<void> {
+        const data = await this.storageService.getData<{ prompts: string[] }>(CHAT_PROMPT_HISTORY_STORAGE_KEY, { prompts: [] });
+        this.history = data.prompts || [];
+    }
+
+    /**
+     * Get read-only access to the current prompt history.
+     */
+    getPrompts(): readonly string[] {
+        return this.history;
+    }
+
+    clearHistory(): void {
+        this.history = [];
+        this.persistHistory();
+    }
+
+    addToHistory(prompt: string): void {
+        const trimmed = prompt.trim();
+        if (!trimmed) {
+            return;
+        }
+
+        // Remove existing instance and add to end (most recent)
+        this.history = this.history
+            .filter(item => item !== trimmed)
+            .concat(trimmed)
+            .slice(-MAX_HISTORY_SIZE);
+
+        this.persistHistory();
+    }
+
+    protected async persistHistory(): Promise<void> {
+        try {
+            await this.storageService.setData(CHAT_PROMPT_HISTORY_STORAGE_KEY, { prompts: this.history });
+        } catch (error) {
+            console.warn('Failed to persist chat prompt history:', error);
+        }
+    }
+}

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

@@ -23,6 +23,7 @@ import { AIVariableResolutionRequest } from '@theia/ai-core';
 import { AgentCompletionNotificationService, FrontendVariableService, AIActivationService } from '@theia/ai-core/lib/browser';
 import { DisposableCollection, Emitter, InMemoryResources, URI, nls } from '@theia/core';
 import { ContextMenuRenderer, LabelProvider, Message, OpenerService, ReactWidget } from '@theia/core/lib/browser';
+import { ContextKey, ContextKeyService } from '@theia/core/lib/browser/context-key-service';
 import { Deferred } from '@theia/core/lib/common/promise-util';
 import { inject, injectable, optional, postConstruct } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
@@ -35,6 +36,7 @@ import { CHAT_VIEW_LANGUAGE_EXTENSION } from './chat-view-language-contribution'
 import { ContextVariablePicker } from './context-variable-picker';
 import { TASK_CONTEXT_VARIABLE } from '@theia/ai-chat/lib/browser/task-context-variable';
 import { IModelDeltaDecoration } from '@theia/monaco-editor-core/esm/vs/editor/common/model';
+import { ChatInputHistoryService, ChatInputNavigationState } from './chat-input-history';
 
 type Query = (query: string) => Promise<void>;
 type Unpin = () => void;
@@ -49,6 +51,7 @@ export interface AIChatInputConfiguration {
     showPinnedAgent?: boolean;
     showChangeSet?: boolean;
     showSuggestions?: boolean;
+    enablePromptHistory?: boolean;
 }
 
 @injectable()
@@ -95,9 +98,43 @@ export class AIChatInputWidget extends ReactWidget {
     @inject(AIActivationService)
     protected readonly aiActivationService: AIActivationService;
 
+    @inject(ChatInputHistoryService)
+    protected readonly historyService: ChatInputHistoryService;
+
+    protected navigationState: ChatInputNavigationState;
+
+    @inject(ContextKeyService)
+    protected readonly contextKeyService: ContextKeyService;
+
     protected editorRef: SimpleMonacoEditor | undefined = undefined;
     protected readonly editorReady = new Deferred<void>();
 
+    get editor(): SimpleMonacoEditor | undefined {
+        return this.editorRef;
+    }
+
+    get inputConfiguration(): AIChatInputConfiguration | undefined {
+        return this.configuration;
+    }
+
+    getPreviousPrompt(currentInput: string): string | undefined {
+        if (!this.navigationState) {
+            return undefined;
+        }
+        return this.navigationState.getPreviousPrompt(currentInput);
+    }
+
+    getNextPrompt(): string | undefined {
+        if (!this.navigationState) {
+            return undefined;
+        }
+        return this.navigationState.getNextPrompt();
+    }
+
+    protected chatInputFocusKey: ContextKey<boolean>;
+    protected chatInputFirstLineKey: ContextKey<boolean>;
+    protected chatInputLastLineKey: ContextKey<boolean>;
+
     protected isEnabled = false;
     protected heightInLines = 12;
 
@@ -111,7 +148,13 @@ export class AIChatInputWidget extends ReactWidget {
 
     protected _onQuery: Query;
     set onQuery(query: Query) {
-        this._onQuery = query;
+        this._onQuery = (prompt: string) => {
+            if (this.configuration?.enablePromptHistory !== false && prompt.trim()) {
+                this.historyService.addToHistory(prompt);
+                this.navigationState.stopNavigation();
+            }
+            return query(prompt);
+        };
     }
     protected _onUnpin: Unpin;
     set onUnpin(unpin: Unpin) {
@@ -167,9 +210,79 @@ export class AIChatInputWidget extends ReactWidget {
         }));
         this.toDispose.push(this.onDidResizeEmitter);
         this.setEnabled(this.aiActivationService.isActive);
+        this.historyService.init().then(() => {
+            this.navigationState = new ChatInputNavigationState(this.historyService);
+        });
+        this.initializeContextKeys();
         this.update();
     }
 
+    protected initializeContextKeys(): void {
+        this.chatInputFocusKey = this.contextKeyService.createKey<boolean>('chatInputFocus', false);
+        this.chatInputFirstLineKey = this.contextKeyService.createKey<boolean>('chatInputFirstLine', false);
+        this.chatInputLastLineKey = this.contextKeyService.createKey<boolean>('chatInputLastLine', false);
+    }
+
+    updateCursorPositionKeys(): void {
+        if (!this.editorRef) {
+            this.chatInputFirstLineKey.set(false);
+            this.chatInputLastLineKey.set(false);
+            return;
+        }
+
+        const editor = this.editorRef.getControl();
+        const position = editor.getPosition();
+        const model = editor.getModel();
+
+        if (!position || !model) {
+            this.chatInputFirstLineKey.set(false);
+            this.chatInputLastLineKey.set(false);
+            return;
+        }
+
+        const isFirstLine = position.lineNumber === 1;
+        const isLastLine = position.lineNumber === model.getLineCount();
+
+        this.chatInputFirstLineKey.set(isFirstLine);
+        this.chatInputLastLineKey.set(isLastLine);
+    }
+
+    protected setupEditorEventListeners(): void {
+        if (!this.editorRef) {
+            return;
+        }
+
+        const editor = this.editorRef.getControl();
+
+        this.toDispose.push(editor.onDidFocusEditorWidget(() => {
+            this.chatInputFocusKey.set(true);
+            this.updateCursorPositionKeys();
+        }));
+
+        this.toDispose.push(editor.onDidBlurEditorWidget(() => {
+            this.chatInputFocusKey.set(false);
+            this.chatInputFirstLineKey.set(false);
+            this.chatInputLastLineKey.set(false);
+        }));
+
+        this.toDispose.push(editor.onDidChangeCursorPosition(() => {
+            if (editor.hasWidgetFocus()) {
+                this.updateCursorPositionKeys();
+            }
+        }));
+
+        this.toDispose.push(editor.onDidChangeModelContent(() => {
+            if (editor.hasWidgetFocus()) {
+                this.updateCursorPositionKeys();
+            }
+        }));
+
+        if (editor.hasWidgetFocus()) {
+            this.chatInputFocusKey.set(true);
+            this.updateCursorPositionKeys();
+        }
+    }
+
     protected override onActivateRequest(msg: Message): void {
         super.onActivateRequest(msg);
         this.editorReady.promise.then(() => {
@@ -206,6 +319,7 @@ export class AIChatInputWidget extends ReactWidget {
         const isEditing = !!(currentRequest && (EditableChatRequestModel.isEditing(currentRequest)));
         const isPending = () => !!(currentRequest && !isEditing && ChatRequestModel.isInProgress(currentRequest));
         const pending = isPending();
+        const hasPromptHistory = this.configuration?.enablePromptHistory && this.historyService.getPrompts().length > 0;
 
         return (
             <ChatInput
@@ -232,12 +346,14 @@ export class AIChatInputWidget extends ReactWidget {
                 isEnabled={this.isEnabled}
                 setEditorRef={editor => {
                     this.editorRef = editor;
+                    this.setupEditorEventListeners();
                     this.editorReady.resolve();
                 }}
                 showContext={this.configuration?.showContext}
                 showPinnedAgent={this.configuration?.showPinnedAgent}
                 showChangeSet={this.configuration?.showChangeSet}
                 showSuggestions={this.configuration?.showSuggestions}
+                hasPromptHistory={hasPromptHistory}
                 labelProvider={this.labelProvider}
                 actionService={this.changeSetActionService}
                 decoratorService={this.changeSetDecoratorService}
@@ -388,6 +504,7 @@ interface ChatInputProperties {
     showPinnedAgent?: boolean;
     showChangeSet?: boolean;
     showSuggestions?: boolean;
+    hasPromptHistory?: boolean;
     labelProvider: LabelProvider;
     actionService: ChangeSetActionService;
     decoratorService: ChangeSetDecoratorService;
@@ -439,7 +556,7 @@ const ChatInput: React.FunctionComponent<ChatInputProperties> = (props: ChatInpu
         ? nls.localize('theia/ai/chat-ui/aiDisabled', 'AI features are disabled')
         : shouldUseTaskPlaceholder
             ? taskPlaceholder
-            : nls.localizeByDefault('Ask a question');
+            : nls.localizeByDefault('Ask a question') + (props.hasPromptHistory ? nls.localizeByDefault(' ({0} for history)', '⇅') : '');
 
     // Handle paste events on the container
     const handlePaste = React.useCallback((event: ClipboardEvent) => {

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

@@ -22,10 +22,11 @@ import { nls } from '@theia/core/lib/common/nls';
 import { codicon, OpenerService } from '@theia/core/lib/browser';
 import * as React from '@theia/core/shared/react';
 import { ToolConfirmation, ToolConfirmationState } from './tool-confirmation';
-import { ToolConfirmationManager, ToolConfirmationMode } from '@theia/ai-chat/lib/browser/chat-tool-preferences';
+import { ToolConfirmationMode } from '@theia/ai-chat/lib/common/chat-tool-preferences';
 import { ResponseNode } from '../chat-tree-view';
 import { useMarkdownRendering } from './markdown-part-renderer';
 import { ToolCallResult } from '@theia/ai-core';
+import { ToolConfirmationManager } from '@theia/ai-chat/lib/browser/chat-tool-preference-bindings';
 
 @injectable()
 export class ToolCallPartRenderer implements ChatResponsePartRenderer<ToolCallChatResponseContent> {

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

@@ -13,9 +13,9 @@
 //
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
-import { CommandService, deepClone, Emitter, Event, MessageService, URI } from '@theia/core';
+import { CommandService, deepClone, Emitter, Event, MessageService, PreferenceService, URI } from '@theia/core';
 import { ChatRequest, ChatRequestModel, ChatService, ChatSession, isActiveSessionChangedEvent, MutableChatModel } from '@theia/ai-chat';
-import { BaseWidget, codicon, ExtractableWidget, Message, PanelLayout, PreferenceService, StatefulWidget } from '@theia/core/lib/browser';
+import { BaseWidget, codicon, ExtractableWidget, Message, PanelLayout, StatefulWidget } from '@theia/core/lib/browser';
 import { nls } from '@theia/core/lib/common/nls';
 import { inject, injectable, postConstruct } from '@theia/core/shared/inversify';
 import { AIChatInputWidget } from './chat-input-widget';