@theia/ai-chat-ui 1.60.0-next.47 → 1.61.0-next.8

package/lib/browser/session-settings-dialog.js

@@ -0,0 +1,118 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2024 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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionSettingsDialog = void 0;
+const core_1 = require("@theia/core");
+const dialogs_1 = require("@theia/core/lib/browser/dialogs");
+class SessionSettingsDialog extends dialogs_1.AbstractDialog {
+    constructor(editorProvider, resources, uri, options) {
+        super({
+            title: core_1.nls.localize('theia/ai/session-settings-dialog/title', 'Set Session Settings')
+        });
+        this.editorProvider = editorProvider;
+        this.resources = resources;
+        this.uri = uri;
+        this.options = options;
+        this.settings = {};
+        const initialSettings = options.initialSettings;
+        this.initialSettingsString = JSON.stringify(initialSettings, undefined, 2) || '{}';
+        this.contentNode.classList.add('monaco-session-settings-dialog');
+        this.dialogContent = document.createElement('div');
+        this.dialogContent.className = 'session-settings-container';
+        this.contentNode.appendChild(this.dialogContent);
+        this.errorMessageDiv = document.createElement('div');
+        this.errorMessageDiv.className = 'session-settings-error';
+        this.contentNode.appendChild(this.errorMessageDiv);
+        this.appendCloseButton(core_1.nls.localizeByDefault('Cancel'));
+        this.appendAcceptButton(core_1.nls.localizeByDefault('Apply'));
+        this.createJsonEditor();
+        this.validateJson();
+    }
+    onAfterAttach(msg) {
+        super.onAfterAttach(msg);
+        this.update();
+    }
+    onActivateRequest(msg) {
+        super.onActivateRequest(msg);
+        if (this.jsonEditor) {
+            this.jsonEditor.focus();
+        }
+    }
+    async createJsonEditor() {
+        this.resources.update(this.uri, this.initialSettingsString);
+        try {
+            const editor = await this.editorProvider.createInline(this.uri, this.dialogContent, {
+                language: 'json',
+                automaticLayout: true,
+                minimap: {
+                    enabled: false
+                },
+                scrollBeyondLastLine: false,
+                folding: true,
+                lineNumbers: 'on',
+                fontSize: 13,
+                wordWrap: 'on',
+                renderValidationDecorations: 'on',
+                scrollbar: {
+                    vertical: 'auto',
+                    horizontal: 'auto'
+                }
+            });
+            editor.getControl().onDidChangeModelContent(() => {
+                this.validateJson();
+            });
+            editor.document.textEditorModel.setValue(this.initialSettingsString);
+            this.jsonEditor = editor;
+            this.validateJson();
+        }
+        catch (error) {
+            console.error('Failed to create JSON editor:', error);
+        }
+    }
+    validateJson() {
+        if (!this.jsonEditor) {
+            return;
+        }
+        const jsonContent = this.jsonEditor.getControl().getValue();
+        try {
+            this.settings = JSON.parse(jsonContent);
+            this.errorMessageDiv.textContent = '';
+            this.setErrorButtonState(false);
+        }
+        catch (error) {
+            this.errorMessageDiv.textContent = `${error}`;
+            this.setErrorButtonState(true);
+        }
+    }
+    setErrorButtonState(isError) {
+        const acceptButton = this.acceptButton;
+        if (acceptButton) {
+            acceptButton.disabled = isError;
+            if (isError) {
+                acceptButton.classList.add('disabled');
+            }
+            else {
+                acceptButton.classList.remove('disabled');
+            }
+        }
+    }
+    get value() {
+        return this.settings;
+    }
+}
+exports.SessionSettingsDialog = SessionSettingsDialog;
+//# sourceMappingURL=session-settings-dialog.js.map

package/lib/browser/session-settings-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-settings-dialog.js","sourceRoot":"","sources":["../../src/browser/session-settings-dialog.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@theia/ai-chat-ui",
-  "version": "1.60.0-next.47+9332521b9",
+  "version": "1.61.0-next.8+436de3c45",
   "description": "Theia - AI Chat UI Extension",
   "dependencies": {
-    "@theia/ai-chat": "1.60.0-next.47+9332521b9",
-    "@theia/ai-core": "1.60.0-next.47+9332521b9",
-    "@theia/ai-history": "1.60.0-next.47+9332521b9",
-    "@theia/core": "1.60.0-next.47+9332521b9",
-    "@theia/editor": "1.60.0-next.47+9332521b9",
-    "@theia/editor-preview": "1.60.0-next.47+9332521b9",
-    "@theia/filesystem": "1.60.0-next.47+9332521b9",
-    "@theia/monaco": "1.60.0-next.47+9332521b9",
+    "@theia/ai-chat": "1.61.0-next.8+436de3c45",
+    "@theia/ai-core": "1.61.0-next.8+436de3c45",
+    "@theia/ai-history": "1.61.0-next.8+436de3c45",
+    "@theia/core": "1.61.0-next.8+436de3c45",
+    "@theia/editor": "1.61.0-next.8+436de3c45",
+    "@theia/editor-preview": "1.61.0-next.8+436de3c45",
+    "@theia/filesystem": "1.61.0-next.8+436de3c45",
+    "@theia/monaco": "1.61.0-next.8+436de3c45",
     "@theia/monaco-editor-core": "1.96.302",
-    "@theia/workspace": "1.60.0-next.47+9332521b9",
+    "@theia/workspace": "1.61.0-next.8+436de3c45",
+    "date-fns": "^4.1.0",
     "minimatch": "^5.1.0",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1"
@@ -51,10 +52,10 @@
     "watch": "theiaext watch"
   },
   "devDependencies": {
-    "@theia/ext-scripts": "1.59.0"
+    "@theia/ext-scripts": "1.60.0"
   },
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "9332521b9aa74bf534d45968905d37e30a13c3b5"
+  "gitHead": "436de3c4571e0000fdcbbf2e94ddfc992f38ccb2"
 }

package/src/browser/ai-chat-ui-contribution.ts

@@ -24,6 +24,8 @@ import { TabBarToolbarContribution, TabBarToolbarRegistry } from '@theia/core/li
 import { ChatViewWidget } from './chat-view-widget';
 import { Deferred } from '@theia/core/lib/common/promise-util';
 import { SecondaryWindowHandler } from '@theia/core/lib/browser/secondary-window-handler';
+import { formatDistance } from 'date-fns';
+import * as locales from 'date-fns/locale';
 import { AI_SHOW_SETTINGS_COMMAND } from '@theia/ai-core/lib/browser';
 import { OPEN_AI_HISTORY_VIEW } from '@theia/ai-history/lib/browser/ai-history-contribution';
 
@@ -37,6 +39,10 @@ export class AIChatContribution extends AbstractViewContribution<ChatViewWidget>
     @inject(QuickInputService)
     protected readonly quickInputService: QuickInputService;
 
+    protected static readonly RENAME_CHAT_BUTTON: QuickInputButton = {
+        iconClass: 'codicon-edit',
+        tooltip: nls.localize('theia/ai/chat-ui/renameChat', 'Rename Chat'),
+    };
     protected static readonly REMOVE_CHAT_BUTTON: QuickInputButton = {
         iconClass: 'codicon-remove-close',
         tooltip: nls.localize('theia/ai/chat-ui/removeChat', 'Remove Chat'),
@@ -135,11 +141,20 @@ export class AIChatContribution extends AbstractViewContribution<ChatViewWidget>
 
     protected askForChatSession(): Promise<QuickPickItem | undefined> {
         const getItems = () =>
-            this.chatService.getSessions().filter(session => !session.isActive).map(session => <QuickPickItem>({
-                label: session.title ?? nls.localizeByDefault('New Chat'),
-                id: session.id,
-                buttons: [AIChatContribution.REMOVE_CHAT_BUTTON]
-            })).reverse();
+            this.chatService.getSessions()
+                .filter(session => !session.isActive && session.title)
+                .sort((a, b) => {
+                    if (!a.lastInteraction) { return 1; }
+                    if (!b.lastInteraction) { return -1; }
+                    return b.lastInteraction.getTime() - a.lastInteraction.getTime();
+                })
+                .map(session => <QuickPickItem>({
+                    label: session.title,
+                    description: session.lastInteraction ? formatDistance(session.lastInteraction, new Date(), { addSuffix: false, locale: getDateFnsLocale() }) : undefined,
+                    detail: session.model.getRequests().at(0)?.request.text,
+                    id: session.id,
+                    buttons: [AIChatContribution.RENAME_CHAT_BUTTON, AIChatContribution.REMOVE_CHAT_BUTTON]
+                }));
 
         const defer = new Deferred<QuickPickItem | undefined>();
         const quickPick = this.quickInputService.createQuickPick();
@@ -148,10 +163,24 @@ export class AIChatContribution extends AbstractViewContribution<ChatViewWidget>
         quickPick.items = getItems();
 
         quickPick.onDidTriggerItemButton(async context => {
-            this.chatService.deleteSession(context.item.id!);
-            quickPick.items = getItems();
-            if (this.chatService.getSessions().length <= 1) {
+            if (context.button === AIChatContribution.RENAME_CHAT_BUTTON) {
                 quickPick.hide();
+                this.quickInputService.input({
+                    placeHolder: nls.localize('theia/ai/chat-ui/enterChatName', 'Enter chat name')
+                }).then(name => {
+                    if (name && name.length > 0) {
+                        const session = this.chatService.getSession(context.item.id!);
+                        if (session) {
+                            session.title = name;
+                        }
+                    }
+                });
+            } else if (context.button === AIChatContribution.REMOVE_CHAT_BUTTON) {
+                this.chatService.deleteSession(context.item.id!);
+                quickPick.items = getItems();
+                if (this.chatService.getSessions().length <= 1) {
+                    quickPick.hide();
+                }
             }
         });
 
@@ -183,3 +212,8 @@ export class AIChatContribution extends AbstractViewContribution<ChatViewWidget>
         return !chatView.secondaryWindow;
     }
 }
+
+function getDateFnsLocale(): locales.Locale {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return nls.locale ? (locales as any)[nls.locale] ?? locales.enUS : locales.enUS;
+}

package/src/browser/ai-chat-ui-frontend-module.ts

@@ -34,6 +34,8 @@ import {
     InsertCodeAtCursorButtonAction,
     MarkdownPartRenderer,
     ToolCallPartRenderer,
+    ThinkingPartRenderer,
+    ProgressPartRenderer,
 } from './chat-response-renderer';
 import {
     GitHubSelectionResolver,
@@ -86,7 +88,9 @@ export default new ContainerModule((bind, _unbind, _isBound, rebind) => {
     bind(ChatResponsePartRenderer).to(CommandPartRenderer).inSingletonScope();
     bind(ChatResponsePartRenderer).to(ToolCallPartRenderer).inSingletonScope();
     bind(ChatResponsePartRenderer).to(ErrorPartRenderer).inSingletonScope();
+    bind(ChatResponsePartRenderer).to(ThinkingPartRenderer).inSingletonScope();
     bind(ChatResponsePartRenderer).to(QuestionPartRenderer).inSingletonScope();
+    bind(ChatResponsePartRenderer).to(ProgressPartRenderer).inSingletonScope();
     [CommandContribution, MenuContribution].forEach(serviceIdentifier =>
         bind(serviceIdentifier).to(ChatViewMenuContribution).inSingletonScope()
     );

package/src/browser/chat-progress-message.tsx

@@ -0,0 +1,40 @@
+// *****************************************************************************
+// 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 { ChatProgressMessage } from '@theia/ai-chat';
+import * as React from '@theia/core/shared/react';
+
+export type ProgressMessageProps = Omit<ChatProgressMessage, 'kind' | 'id' | 'show'>;
+
+export const ProgressMessage = (c: ProgressMessageProps) => (
+    <div className='theia-ResponseNode-ProgressMessage'>
+        <Indicator {...c} /> {c.content}
+    </div>
+);
+
+export const Indicator = (progressMessage: ProgressMessageProps) => (
+    <span className='theia-ResponseNode-ProgressMessage-Indicator'>
+        {progressMessage.status === 'inProgress' &&
+            <i className={'fa fa-spinner fa-spin ' + progressMessage.status}></i>
+        }
+        {progressMessage.status === 'completed' &&
+            <i className={'fa fa-check ' + progressMessage.status}></i>
+        }
+        {progressMessage.status === 'failed' &&
+            <i className={'fa fa-warning ' + progressMessage.status}></i>
+        }
+    </span>
+);

package/src/browser/chat-response-renderer/index.ts

@@ -21,3 +21,5 @@ export * from './horizontal-layout-part-renderer';
 export * from './markdown-part-renderer';
 export * from './text-part-renderer';
 export * from './toolcall-part-renderer';
+export * from './thinking-part-renderer';
+export * from './progress-part-renderer';

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

@@ -0,0 +1,40 @@
+// *****************************************************************************
+// 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 { ChatResponsePartRenderer } from '../chat-response-part-renderer';
+import { injectable } from '@theia/core/shared/inversify';
+import { ChatResponseContent, ProgressChatResponseContent } from '@theia/ai-chat/lib/common';
+import { ReactNode } from '@theia/core/shared/react';
+import * as React from '@theia/core/shared/react';
+import { ProgressMessage } from '../chat-progress-message';
+
+@injectable()
+export class ProgressPartRenderer implements ChatResponsePartRenderer<ProgressChatResponseContent> {
+
+    canHandle(response: ChatResponseContent): number {
+        if (ProgressChatResponseContent.is(response)) {
+            return 10;
+        }
+        return -1;
+    }
+
+    render(response: ProgressChatResponseContent): ReactNode {
+        return (
+            <ProgressMessage content={response.message} status='inProgress' />
+        );
+    }
+
+}

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

@@ -0,0 +1,44 @@
+// *****************************************************************************
+// 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 { ChatResponsePartRenderer } from '../chat-response-part-renderer';
+import { injectable } from '@theia/core/shared/inversify';
+import { ChatResponseContent, ThinkingChatResponseContent } from '@theia/ai-chat/lib/common';
+import { ReactNode } from '@theia/core/shared/react';
+import { nls } from '@theia/core/lib/common/nls';
+import * as React from '@theia/core/shared/react';
+
+@injectable()
+export class ThinkingPartRenderer implements ChatResponsePartRenderer<ThinkingChatResponseContent> {
+
+    canHandle(response: ChatResponseContent): number {
+        if (ThinkingChatResponseContent.is(response)) {
+            return 10;
+        }
+        return -1;
+    }
+
+    render(response: ThinkingChatResponseContent): ReactNode {
+        return (
+            <div className='theia-thinking'>
+                <details>
+                    <summary>{nls.localize('theia/ai/chat-ui/thinking-part-renderer/thinking', 'Thinking')}</summary>
+                    <pre>{response.content}</pre>
+                </details>
+            </div>
+        );
+    }
+}