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

package/src/browser/ai-configuration/base/ai-card-grid-configuration-widget.tsx

@@ -1,72 +0,0 @@
-// *****************************************************************************
-// 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 * as React from '@theia/core/shared/react';
-import { injectable } from '@theia/core/shared/inversify';
-import { AIConfigurationBaseWidget } from './ai-configuration-base-widget';
-
-/**
- * Base class for AI configuration widgets that display items in a responsive card grid.
- * This pattern is used by the MCP configuration widget.
- */
-@injectable()
-export abstract class AICardGridConfigurationWidget<T> extends AIConfigurationBaseWidget {
-    protected items: T[] = [];
-
-    /**
-     * Get unique identifier for an item.
-     */
-    protected abstract getItemId(item: T): string;
-
-    /**
-     * Render a single card for an item.
-     */
-    protected abstract renderCard(item: T): React.ReactNode;
-
-    /**
-     * Load items to display in the grid. Called during initialization.
-     */
-    protected abstract loadItems(): Promise<void>;
-
-    /**
-     * Optional: Render content before the card grid (e.g., header, controls).
-     */
-    protected renderHeader(): React.ReactNode {
-        return undefined;
-    }
-
-    /**
-     * Optional: Render content after the card grid.
-     */
-    protected renderFooter(): React.ReactNode {
-        return undefined;
-    }
-
-    protected renderContent(): React.ReactNode {
-        return (
-            <div className="ai-card-grid-configuration-main">
-                {this.renderHeader()}
-                <div className="ai-configuration-card-grid">
-                    {this.items.map(item => (
-                        <div key={this.getItemId(item)} className="ai-configuration-card">
-                            {this.renderCard(item)}
-                        </div>
-                    ))}
-                </div>
-                {this.renderFooter()}
-            </div>
-        );
-    }
-}

package/src/browser/ai-configuration/base/ai-hierarchical-configuration-widget.tsx

@@ -1,51 +0,0 @@
-// *****************************************************************************
-// 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 { injectable } from '@theia/core/shared/inversify';
-import { AIConfigurationBaseWidget } from './ai-configuration-base-widget';
-
-/**
- * Base class for AI configuration widgets that display hierarchical or expandable content.
- * This pattern is used by the prompt fragments and tools configuration widgets.
- *
- * This base class provides minimal structure - subclasses implement their own
- * hierarchical rendering logic using the shared ExpandableSection component.
- */
-@injectable()
-export abstract class AIHierarchicalConfigurationWidget extends AIConfigurationBaseWidget {
-    /**
-     * Track expansion state for sections.
-     */
-    protected expandedSections: Set<string> = new Set();
-
-    /**
-     * Toggle expansion state for a section.
-     */
-    protected toggleSection = (sectionId: string): void => {
-        if (this.expandedSections.has(sectionId)) {
-            this.expandedSections.delete(sectionId);
-        } else {
-            this.expandedSections.add(sectionId);
-        }
-        this.update();
-    };
-
-    /**
-     * Check if a section is expanded.
-     */
-    protected isSectionExpanded(sectionId: string): boolean {
-        return this.expandedSections.has(sectionId);
-    }
-}

package/src/browser/ai-configuration/base/ai-list-detail-configuration-widget.tsx

@@ -1,140 +0,0 @@
-// *****************************************************************************
-// 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 * as React from '@theia/core/shared/react';
-import { injectable } from '@theia/core/shared/inversify';
-import { nls } from '@theia/core/lib/common/nls';
-import { AIConfigurationBaseWidget } from './ai-configuration-base-widget';
-
-/**
- * Base class for AI configuration widgets that follow the list-detail pattern:
- * - Left panel: Tree list of items
- * - Right panel: Detail view of selected item
- *
- * This pattern is used by agents, variables, and model aliases widgets.
- */
-@injectable()
-export abstract class AIListDetailConfigurationWidget<T> extends AIConfigurationBaseWidget {
-    protected selectedItem: T | undefined;
-    protected items: T[] = [];
-
-    /**
-     * Get unique identifier for an item. Used for selection tracking.
-     */
-    protected abstract getItemId(item: T): string;
-
-    /**
-     * Get display label for an item in the list.
-     */
-    protected abstract getItemLabel(item: T): string;
-
-    /**
-     * Render the detail panel for the selected item.
-     */
-    protected abstract renderItemDetail(item: T): React.ReactNode;
-
-    /**
-     * Load items to display in the list. Called during initialization.
-     */
-    protected abstract loadItems(): Promise<void>;
-
-    /**
-     * Get the message to display when no item is selected.
-     */
-    protected getEmptySelectionMessage(): string {
-        return nls.localize('theia/ai/configuration/selectItem', 'Please select an item.');
-    }
-
-    /**
-     * Optional: Additional CSS classes for list items.
-     */
-    protected getItemClassName(item: T): string {
-        return '';
-    }
-
-    /**
-     * Optional: Render additional content before the item label.
-     */
-    protected renderItemPrefix(item: T): React.ReactNode {
-        return undefined;
-    }
-
-    /**
-     * Optional: Render additional content after the item label.
-     */
-    protected renderItemSuffix(item: T): React.ReactNode {
-        return undefined;
-    }
-
-    protected handleItemSelect = (item: T): void => {
-        this.selectedItem = item;
-        this.update();
-    };
-
-    /**
-     * Public method to programmatically select an item.
-     * Useful for navigation from other widgets.
-     */
-    public selectItem(item: T): void {
-        this.handleItemSelect(item);
-    }
-
-    protected renderContent(): React.ReactNode {
-        return (
-            <div className="ai-list-detail-configuration-main">
-                {this.renderList()}
-                {this.renderDetail()}
-            </div>
-        );
-    }
-
-    protected renderList(): React.ReactNode {
-        return (
-            <div className="ai-configuration-list preferences-tree-widget theia-TreeContainer">
-                <ul>
-                    {this.items.map(item => {
-                        const itemId = this.getItemId(item);
-                        const isSelected = this.selectedItem && this.getItemId(this.selectedItem) === itemId;
-                        return (
-                            <li
-                                key={itemId}
-                                className={`theia-TreeNode theia-CompositeTreeNode${isSelected ? ' theia-mod-selected' : ''} ${this.getItemClassName(item)}`}
-                                onClick={() => this.handleItemSelect(item)}
-                            >
-                                {this.renderItemPrefix(item)}
-                                <span className="ai-configuration-list-item-label">{this.getItemLabel(item)}</span>
-                                {this.renderItemSuffix(item)}
-                            </li>
-                        );
-                    })}
-                </ul>
-            </div>
-        );
-    }
-
-    protected renderDetail(): React.ReactNode {
-        return (
-            <div className="ai-configuration-detail preferences-editor-widget">
-                {this.selectedItem ? (
-                    this.renderItemDetail(this.selectedItem)
-                ) : (
-                    <div className="ai-configuration-empty-state">
-                        <span className="ai-empty-state-message">{this.getEmptySelectionMessage()}</span>
-                    </div>
-                )}
-            </div>
-        );
-    }
-}

package/src/browser/ai-configuration/base/ai-table-configuration-widget.tsx

@@ -1,107 +0,0 @@
-// *****************************************************************************
-// 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 * as React from '@theia/core/shared/react';
-import { injectable } from '@theia/core/shared/inversify';
-import { AIConfigurationBaseWidget } from './ai-configuration-base-widget';
-
-/**
- * Column definition for table configuration widgets.
- */
-export interface TableColumn<T> {
-    id: string;
-    label: string;
-    className?: string;
-    renderCell: (item: T) => React.ReactNode;
-}
-
-/**
- * Base class for AI configuration widgets that display data in a table format.
- * This pattern is used by the token usage configuration widget.
- */
-@injectable()
-export abstract class AITableConfigurationWidget<T> extends AIConfigurationBaseWidget {
-    protected items: T[] = [];
-
-    /**
-     * Get unique identifier for a row item.
-     */
-    protected abstract getItemId(item: T): string;
-
-    /**
-     * Define the columns for the table.
-     */
-    protected abstract getColumns(): TableColumn<T>[];
-
-    /**
-     * Load items to display in the table. Called during initialization.
-     */
-    protected abstract loadItems(): Promise<void>;
-
-    /**
-     * Optional: Render content before the table (e.g., header, filters, controls).
-     */
-    protected renderHeader(): React.ReactNode {
-        return undefined;
-    }
-
-    /**
-     * Optional: Render content after the table (e.g., summary, footer).
-     */
-    protected renderFooter(): React.ReactNode {
-        return undefined;
-    }
-
-    /**
-     * Optional: Additional CSS class for a specific row.
-     */
-    protected getRowClassName(item: T): string {
-        return '';
-    }
-
-    protected renderContent(): React.ReactNode {
-        const columns = this.getColumns();
-        return (
-            <div className="ai-table-configuration-main">
-                {this.renderHeader()}
-                <div className="ai-configuration-table-container">
-                    <table className="ai-configuration-table">
-                        <thead>
-                            <tr>
-                                {columns.map(column => (
-                                    <th key={column.id} className={column.className}>
-                                        {column.label}
-                                    </th>
-                                ))}
-                            </tr>
-                        </thead>
-                        <tbody>
-                            {this.items.map(item => (
-                                <tr key={this.getItemId(item)} className={this.getRowClassName(item)}>
-                                    {columns.map(column => (
-                                        <td key={column.id} className={column.className}>
-                                            {column.renderCell(item)}
-                                        </td>
-                                    ))}
-                                </tr>
-                            ))}
-                        </tbody>
-                    </table>
-                </div>
-                {this.renderFooter()}
-            </div>
-        );
-    }
-}

package/src/browser/ai-configuration/components/expandable-section.tsx

@@ -1,51 +0,0 @@
-// *****************************************************************************
-// 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 * as React from '@theia/core/shared/react';
-import { codicon } from '@theia/core/lib/browser';
-
-export interface ExpandableSectionProps {
-    title: React.ReactNode;
-    isExpanded: boolean;
-    onToggle: () => void;
-    children: React.ReactNode;
-    className?: string;
-}
-
-/**
- * A collapsible section with a chevron icon and expandable content.
- */
-export const ExpandableSection: React.FC<ExpandableSectionProps> = ({
-    title,
-    isExpanded,
-    onToggle,
-    children,
-    className
-}) => (
-    <div className={`ai-expandable-section ${className || ''}`}>
-        <div
-            className={`ai-expandable-section-header ${isExpanded ? 'expanded' : ''}`}
-            onClick={onToggle}
-        >
-            <span className='ai-expandable-section-icon'>
-                <i className={codicon(isExpanded ? 'chevron-down' : 'chevron-right')} />
-            </span>
-            <div className='ai-expandable-section-title'>{title}</div>
-        </div>
-        {isExpanded && (
-            <div className='ai-expandable-section-content'>{children}</div>
-        )}
-    </div>
-);