@theia/ai-ide 1.71.0-next.8 → 1.71.0

package/src/browser/style/index.css

@@ -1632,3 +1632,302 @@
   margin-top: calc(var(--theia-ui-padding) / 2);
   margin-bottom: var(--theia-ui-padding);
 }
+
+/* User Interaction Tool Renderer Styles */
+.user-interaction-tool.title {
+  font-weight: 600;
+  font-family: var(--theia-ui-font-family);
+  font-size: var(--theia-ui-font-size1);
+  flex: 1;
+}
+
+.user-interaction-tool.status {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--theia-ui-padding) / 2);
+  font-size: var(--theia-ui-font-size0);
+  margin-left: auto;
+  white-space: nowrap;
+}
+
+.user-interaction-tool.status.completed {
+  color: var(--theia-gitDecoration-addedResourceForeground, var(--theia-descriptionForeground));
+}
+
+.user-interaction-tool.status.canceled {
+  color: var(--theia-errorForeground);
+}
+
+.user-interaction-tool.status.waiting {
+  color: var(--theia-disabledForeground);
+}
+
+/* Reuses the dots keyframes defined by ai-chat-ui's chat node header marker.
+   The fixed width reserves space for the longest dots state ("...") so the
+   label doesn't shift horizontally as the dots animate. */
+.user-interaction-tool.status.waiting::after {
+  content: "";
+  display: inline-block;
+  width: 1.2em;
+  text-align: left;
+  animation: dots 1s steps(1, end) infinite;
+}
+
+.user-interaction-tool.progress {
+  display: flex;
+  gap: 4px;
+  padding: 0 calc(var(--theia-ui-padding) * 2) calc(var(--theia-ui-padding) * 2);
+}
+
+.user-interaction-tool.progress-dot {
+  position: relative;
+  flex: 1;
+  height: 3px;
+  padding: 0;
+  border: none;
+  border-radius: 2px;
+  background-color: var(--theia-widget-border);
+  cursor: pointer;
+}
+
+/* Expands the hit target above and below the slim visible bar so the
+   button is easier to click without changing its visual size. */
+.user-interaction-tool.progress-dot::after {
+  content: "";
+  position: absolute;
+  inset: -8px -2px;
+}
+
+.user-interaction-tool.progress-dot:hover {
+  background-color: var(--theia-button-hoverBackground);
+}
+
+.user-interaction-tool.progress-dot:focus-visible {
+  outline: 1px solid var(--theia-focusBorder);
+  outline-offset: 2px;
+}
+
+.user-interaction-tool.progress-dot.done {
+  background-color: var(--theia-button-background);
+}
+
+.user-interaction-tool.progress-dot.active {
+  background-color: var(--theia-focusBorder);
+}
+
+.user-interaction-tool.links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--theia-ui-padding) / 2);
+  padding: 0 calc(var(--theia-ui-padding) * 2) var(--theia-ui-padding);
+}
+
+.user-interaction-tool.link-button {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--theia-ui-padding) / 2);
+  padding: calc(var(--theia-ui-padding) / 2) var(--theia-ui-padding);
+  background-color: var(--theia-button-secondaryBackground);
+  color: var(--theia-button-secondaryForeground);
+  border: 1px solid var(--theia-button-border);
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: var(--theia-ui-font-size1);
+  transition: background-color 0.15s;
+}
+
+.user-interaction-tool.link-button:hover {
+  background-color: var(--theia-button-secondaryHoverBackground);
+}
+
+.user-interaction-tool.message {
+  padding: 0 calc(var(--theia-ui-padding) * 2);
+  color: var(--theia-foreground);
+  line-height: 1.5;
+  /* Allow this flex child to shrink below the intrinsic width of its
+     contents (e.g. wide code blocks) instead of pushing the wizard wider. */
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.user-interaction-tool.message p {
+  margin: 0 0 calc(var(--theia-ui-padding) / 2) 0;
+}
+
+.user-interaction-tool.message p:last-child {
+  margin-bottom: 0;
+}
+
+.user-interaction-tool.message pre {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.user-interaction-tool.message code {
+  word-break: break-word;
+}
+
+.user-interaction-tool.message pre code {
+  word-break: normal;
+}
+
+.user-interaction-tool.options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--theia-ui-padding);
+  padding: var(--theia-ui-padding) calc(var(--theia-ui-padding) * 2);
+}
+
+.user-interaction-tool.option-button {
+  /* Stack the label and the hidden bold spacer in the same grid cell so the
+     button reserves bold width up-front and does not grow when selected. */
+  display: inline-grid;
+  place-items: center;
+  margin-left: 0;
+  padding: calc(var(--theia-ui-padding) * 1.5) calc(var(--theia-ui-padding) * 4);
+  font-size: var(--theia-ui-font-size1);
+  min-width: 100px;
+}
+
+.user-interaction-tool.option-button-label,
+.user-interaction-tool.option-button-bold-spacer {
+  grid-area: 1 / 1;
+}
+
+.user-interaction-tool.option-button-bold-spacer {
+  font-weight: bold;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.user-interaction-tool.option-button.selected .user-interaction-tool.option-button-label {
+  font-weight: bold;
+}
+
+.user-interaction-tool.option-button:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+
+.user-interaction-tool.pending-text {
+  color: var(--theia-descriptionForeground);
+  font-style: italic;
+}
+
+.user-interaction-tool.comment-section {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--theia-ui-padding) / 2);
+  padding: calc(var(--theia-ui-padding) * 2) calc(var(--theia-ui-padding) * 2) var(--theia-ui-padding);
+}
+
+.user-interaction-tool.comment-input-row {
+  display: flex;
+  gap: var(--theia-ui-padding);
+  align-items: center;
+}
+
+.user-interaction-tool.comment-input-field {
+  flex: 1;
+  box-sizing: border-box;
+}
+
+.user-interaction-tool.comment-submit {
+  white-space: nowrap;
+}
+
+.user-interaction-tool.comment-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--theia-ui-padding) / 2);
+}
+
+.user-interaction-tool.comment-item {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--theia-ui-padding);
+  padding: calc(var(--theia-ui-padding) / 2) var(--theia-ui-padding);
+  background-color: var(--theia-editorWidget-background);
+  border: 1px solid var(--theia-widget-border);
+  border-radius: 3px;
+}
+
+.user-interaction-tool.comment-text {
+  flex: 1;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.user-interaction-tool.comment-remove {
+  background: transparent;
+  border: none;
+  color: var(--theia-icon-foreground);
+  cursor: pointer;
+  padding: 2px;
+  display: inline-flex;
+  align-items: center;
+  border-radius: 3px;
+}
+
+.user-interaction-tool.comment-remove:hover {
+  background-color: var(--theia-list-hoverBackground);
+}
+
+.user-interaction-tool.advance-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--theia-ui-padding);
+  padding: calc(var(--theia-ui-padding) * 1.5) calc(var(--theia-ui-padding) * 2);
+  margin-top: calc(var(--theia-ui-padding) * 1.5);
+  background-color: var(--theia-titleBar-inactiveBackground, var(--theia-editorGroupHeader-tabsBackground));
+  border-top: 2px solid var(--theia-focusBorder);
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.user-interaction-tool.page-counter {
+  font-family: var(--theia-code-font-family);
+  font-size: var(--theia-ui-font-size1);
+  font-weight: 500;
+  color: var(--theia-descriptionForeground);
+  letter-spacing: 0.05em;
+  flex: 1;
+  text-align: center;
+}
+
+.user-interaction-tool.back-button,
+.user-interaction-tool.advance-button {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--theia-ui-padding) / 2);
+  padding: calc(var(--theia-ui-padding)) calc(var(--theia-ui-padding) * 2.5);
+  font-size: var(--theia-ui-font-size1);
+  min-width: 110px;
+  border-radius: 4px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.user-interaction-tool.back-button {
+  justify-content: flex-start;
+}
+
+.user-interaction-tool.advance-button {
+  justify-content: flex-end;
+}
+
+.user-interaction-tool.back-button:disabled {
+  visibility: hidden;
+}
+
+.user-interaction-tool.option-button.selected {
+  outline: 2px solid var(--theia-focusBorder);
+  outline-offset: -2px;
+}

package/src/browser/template-preference-contribution.ts

@@ -24,6 +24,7 @@ import {
 } from '../common/workspace-preferences';
 import { WorkspaceService } from '@theia/workspace/lib/browser';
 import { Path, PreferenceService } from '@theia/core';
+import { WorkspaceTrustService } from '@theia/workspace/lib/browser/workspace-trust-service';
 
 @injectable()
 export class TemplatePreferenceContribution implements FrontendApplicationContribution {
@@ -37,8 +38,15 @@ export class TemplatePreferenceContribution implements FrontendApplicationContri
     @inject(WorkspaceService)
     protected readonly workspaceService: WorkspaceService;
 
+    @inject(WorkspaceTrustService)
+    protected readonly workspaceTrustService: WorkspaceTrustService;
+
     onStart(): void {
-        Promise.all([this.preferenceService.ready, this.workspaceService.ready]).then(() => {
+        Promise.all([
+            this.preferenceService.ready,
+            this.workspaceService.ready,
+            this.workspaceTrustService.getWorkspaceTrust()
+        ]).then(() => {
             // Set initial template configuration from preferences
             this.updateConfiguration();
 
@@ -55,6 +63,11 @@ export class TemplatePreferenceContribution implements FrontendApplicationContri
             this.workspaceService.onWorkspaceLocationChanged(() => {
                 this.updateConfiguration();
             });
+
+            // Listen for trust changes to reload/unload workspace templates
+            this.workspaceTrustService.onDidChangeWorkspaceTrust(() => {
+                this.updateConfiguration();
+            });
         });
     }
 
@@ -69,29 +82,42 @@ export class TemplatePreferenceContribution implements FrontendApplicationContri
             return;
         }
 
+        const trusted = await this.workspaceTrustService.getWorkspaceTrust();
         const workspaceRootUri = workspaceRoot.resource;
         const configProperties: PromptFragmentCustomizationProperties = {};
 
         if (!changedPreference || changedPreference === PROMPT_TEMPLATE_WORKSPACE_DIRECTORIES_PREF) {
-            const relativeDirectories = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_WORKSPACE_DIRECTORIES_PREF, []);
-            configProperties.directoryPaths = relativeDirectories.map(dir => {
-                const path = new Path(dir);
-                const uri = workspaceRootUri.resolve(path.toString());
-                return uri.path.toString();
-            });
+            if (trusted) {
+                const relativeDirectories = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_WORKSPACE_DIRECTORIES_PREF, []);
+                configProperties.directoryPaths = relativeDirectories.map(dir => {
+                    const path = new Path(dir);
+                    const uri = workspaceRootUri.resolve(path.toString());
+                    return uri.path.toString();
+                });
+            } else {
+                configProperties.directoryPaths = [];
+            }
         }
 
         if (!changedPreference || changedPreference === PROMPT_TEMPLATE_ADDITIONAL_EXTENSIONS_PREF) {
-            configProperties.extensions = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_ADDITIONAL_EXTENSIONS_PREF, []);
+            if (trusted) {
+                configProperties.extensions = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_ADDITIONAL_EXTENSIONS_PREF, []);
+            } else {
+                configProperties.extensions = [];
+            }
         }
 
         if (!changedPreference || changedPreference === PROMPT_TEMPLATE_WORKSPACE_FILES_PREF) {
-            const relativeFilePaths = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_WORKSPACE_FILES_PREF, []);
-            configProperties.filePaths = relativeFilePaths.map(filePath => {
-                const path = new Path(filePath);
-                const uri = workspaceRootUri.resolve(path.toString());
-                return uri.path.toString();
-            });
+            if (trusted) {
+                const relativeFilePaths = this.preferenceService.get<string[]>(PROMPT_TEMPLATE_WORKSPACE_FILES_PREF, []);
+                configProperties.filePaths = relativeFilePaths.map(filePath => {
+                    const path = new Path(filePath);
+                    const uri = workspaceRootUri.resolve(path.toString());
+                    return uri.path.toString();
+                });
+            } else {
+                configProperties.filePaths = [];
+            }
         }
 
         await this.customizationService.updateConfiguration(configProperties);

package/src/browser/todo-tool-renderer.tsx

@@ -22,7 +22,7 @@ import { ReactNode } from '@theia/core/shared/react';
 import * as React from '@theia/core/shared/react';
 import { codicon, ContextMenuRenderer } from '@theia/core/lib/browser';
 import { nls } from '@theia/core';
-import { TODO_WRITE_FUNCTION_ID, TodoItem, isValidTodoItem } from './todo-tool';
+import { TODO_WRITE_FUNCTION_ID, TodoItem, isValidTodoItem } from '../common/todo-tool';
 import { withToolCallConfirmation } from '@theia/ai-chat-ui/lib/browser/chat-response-renderer/tool-confirmation';
 import { ToolConfirmationManager } from '@theia/ai-chat/lib/browser/chat-tool-preference-bindings';
 import { ToolInvocationRegistry } from '@theia/ai-core';

package/src/browser/todo-tool.spec.ts

@@ -0,0 +1,49 @@
+// *****************************************************************************
+// Copyright (C) 2026 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 { expect } from 'chai';
+import { isValidTodoItem } from '../common/todo-tool';
+
+describe('isValidTodoItem', () => {
+    it('should accept a minimal valid item', () => {
+        expect(isValidTodoItem({ content: 'Do something', activeForm: 'Doing something', status: 'pending' })).to.be.true;
+    });
+
+    it('should accept all valid statuses', () => {
+        expect(isValidTodoItem({ content: 'X', activeForm: 'Xing', status: 'pending' })).to.be.true;
+        expect(isValidTodoItem({ content: 'X', activeForm: 'Xing', status: 'in_progress' })).to.be.true;
+        expect(isValidTodoItem({ content: 'X', activeForm: 'Xing', status: 'completed' })).to.be.true;
+    });
+
+    it('should reject non-object values', () => {
+        expect(isValidTodoItem(undefined)).to.be.false;
+        expect(isValidTodoItem('string')).to.be.false;
+        expect(isValidTodoItem(42)).to.be.false;
+    });
+
+    it('should reject items with missing required fields', () => {
+        expect(isValidTodoItem({ status: 'pending' })).to.be.false;
+        expect(isValidTodoItem({ content: 'X' })).to.be.false;
+        expect(isValidTodoItem({ content: 'X', status: 'pending' })).to.be.false;
+        expect(isValidTodoItem({ content: 'X', activeForm: 'Xing' })).to.be.false;
+    });
+
+    it('should reject items with invalid status', () => {
+        expect(isValidTodoItem({ content: 'X', activeForm: 'Xing', status: 'unknown' })).to.be.false;
+    });
+
+});
+

package/src/browser/todo-tool.ts

@@ -18,8 +18,6 @@ import { injectable } from '@theia/core/shared/inversify';
 import { ToolProvider, ToolRequest } from '@theia/ai-core/lib/common';
 import { TODO_WRITE_FUNCTION_ID, isValidTodoItem } from '../common/todo-tool';
 
-export { TODO_WRITE_FUNCTION_ID, TodoItem, isValidTodoItem } from '../common/todo-tool';
-
 @injectable()
 export class TodoWriteTool implements ToolProvider {
     static ID = TODO_WRITE_FUNCTION_ID;
@@ -29,20 +27,43 @@ export class TodoWriteTool implements ToolProvider {
             id: TodoWriteTool.ID,
             name: TodoWriteTool.ID,
             providerName: 'ai-ide',
-            description: 'Write a todo list to track task progress. Use this to plan multi-step tasks ' +
-                'and show progress to the user. Each todo has content (imperative: "Run tests"), ' +
-                'activeForm (continuous: "Running tests"), and status (pending/in_progress/completed). ' +
-                'Call this to update the entire list - it replaces the previous list.',
+            description: 'Create or replace a structured task list for the current session. ' +
+                'This helps you track progress, organize complex tasks, and demonstrate thoroughness to the user. ' +
+                'It also helps the user understand the progress and overall status of their requests.\n\n' +
+                'When to use:\n' +
+                '- Tasks requiring 3+ steps or careful planning\n' +
+                '- User provides multiple tasks or explicitly requests a todo list\n' +
+                '- After receiving new instructions — immediately capture requirements as todos\n' +
+                'Skip for single, trivial tasks, conversational or informational requests that need no tracking.\n' +
+                'When in doubt, use this tool.\n\n' +
+                'Task states:\n' +
+                '- pending: Task not yet started\n' +
+                '- in_progress: Currently working on (limit to ONE task at a time)\n' +
+                '- completed: Task finished successfully\n\n' +
+                'Task management:\n' +
+                '- Mark a task in_progress BEFORE starting work on it (one at a time)\n' +
+                '- Complete the current task before starting new ones\n' +
+                '- Mark tasks completed immediately after finishing — do not batch completions\n' +
+                '- Only mark completed when fully accomplished (no failing tests, no partial implementation, no unresolved errors)\n' +
+                '- If blocked, add a new task describing what needs to be resolved\n' +
+                '- Add follow-up tasks discovered during implementation\n' +
+                '- Remove tasks that are no longer relevant\n\n' +
+                'Task breakdown:\n' +
+                '- Create specific, actionable items\n' +
+                '- Break complex tasks into smaller, manageable steps\n' +
+                '- Use clear, descriptive task names\n\n' +
+                'Being proactive with task management demonstrates attentiveness and ensures you complete all requirements successfully.',
             parameters: {
                 type: 'object',
                 properties: {
                     todos: {
                         type: 'array',
+                        description: 'The updated todo list.',
                         items: {
                             type: 'object',
                             properties: {
-                                content: { type: 'string', description: 'Imperative form: "Run tests"' },
-                                activeForm: { type: 'string', description: 'Continuous form: "Running tests"' },
+                                content: { type: 'string', description: 'Clear, actionable task description (e.g., "Extract TokenValidator from AuthService").' },
+                                activeForm: { type: 'string', description: 'Continuous form shown during execution (e.g., "Extracting TokenValidator from AuthService").' },
                                 status: { type: 'string', enum: ['pending', 'in_progress', 'completed'] }
                             },
                             required: ['content', 'activeForm', 'status']
@@ -59,14 +80,14 @@ export class TodoWriteTool implements ToolProvider {
                     }
                     const validTodos = todos.filter(isValidTodoItem);
                     const invalidCount = todos.length - validTodos.length;
+                    const response: Record<string, unknown> = {
+                        success: true,
+                        count: validTodos.length,
+                    };
                     if (invalidCount > 0) {
-                        return JSON.stringify({
-                            success: true,
-                            count: validTodos.length,
-                            warning: `${invalidCount} invalid todo item(s) were filtered out`
-                        });
+                        response.warning = `${invalidCount} invalid todo item(s) were filtered out`;
                     }
-                    return JSON.stringify({ success: true, count: validTodos.length });
+                    return JSON.stringify(response);
                 } catch (error) {
                     const message = error instanceof Error ? error.message : String(error);
                     return JSON.stringify({ error: `Failed to parse todos: ${message}` });