@theia/ai-ide 1.76.0-next.28 → 1.76.0-next.34

package/src/browser/ai-configuration/ai-configuration-tree-widget.tsx

@@ -207,11 +207,19 @@ export class AiConfigurationTreeWidget extends TreeWidget {
         return match?.target;
     }
 
+    /**
+     * Selects a node on behalf of something other than a click on it — a deep link, a restored
+     * selection — and reveals what it holds: the category of an item, or the items of a category. A
+     * click needs neither, since the node it selects is already visible, and folding a category away
+     * only to have the next click on it unfold it again would be its own kind of rude.
+     */
     protected applyTreeSelection(node: SelectableTreeNode): void {
         this.updatingSelection = true;
         try {
             if (AiConfigurationItemNode.is(node) && ExpandableTreeNode.is(node.parent) && !node.parent.expanded) {
                 this.model.expandNode(node.parent);
+            } else if (AiConfigurationCategoryNode.is(node) && ExpandableTreeNode.is(node) && !node.expanded) {
+                this.model.expandNode(node);
             }
             this.model.selectNode(node);
         } finally {

package/src/browser/ai-configuration/categories/agent-capabilities-settings.tsx

@@ -25,6 +25,7 @@ import { nls } from '@theia/core';
 import { codicon } from '@theia/core/lib/browser';
 import * as React from '@theia/core/shared/react';
 import { AiConfigurationItemRow } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-item-row';
+import { AiConfigurationIconButton } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-primitives';
 import { AiSettingsRowService } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-settings-row-service';
 import { AiToggleSwitch } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-controls';
 
@@ -44,15 +45,13 @@ const AgentSectionHeader: React.FC<{ title: string; action?: React.ReactNode }>
  * button, so it reads as a Theia reset affordance. Its tooltip says what the section-wide reset does.
  */
 const ResetAllButton: React.FC<{ title: string; disabled?: boolean; onReset: () => void }> = ({ title, disabled, onReset }) => (
-    <button
-        className='ai-variant-action-button ai-agent-section-header-action'
-        onClick={onReset}
-        disabled={disabled}
+    <AiConfigurationIconButton
+        iconClass={codicon('discard')}
         title={title}
-        aria-label={title}
-    >
-        <span aria-hidden='true' className={codicon('discard')}></span>
-    </button>
+        disabled={disabled}
+        className='ai-agent-section-header-action'
+        onClick={onReset}
+    />
 );
 
 export interface AgentCapabilitiesSettingsProps {

package/src/browser/ai-configuration/categories/model-aliases-configuration-category.spec.ts

@@ -32,8 +32,8 @@ function alias(id: string, description = ''): LanguageModelAlias {
     return { id, description, defaultModelIds: [] } as unknown as LanguageModelAlias;
 }
 
-function readyModel(id: string): LanguageModel {
-    return { id, status: { status: 'ready' } } as unknown as LanguageModel;
+function readyModel(id: string, released?: number): LanguageModel {
+    return { id, released, status: { status: 'ready' } } as unknown as LanguageModel;
 }
 
 function unreadyModel(id: string): LanguageModel {
@@ -77,6 +77,44 @@ describe('ModelAliasesConfigurationCategory', () => {
         expect(children[2].status?.kind).to.equal('error');
     });
 
+    it('divides the models per provider, newest first, after the default-list entry', () => {
+        const category = createCategory([], new Map());
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (category as any).languageModels = [
+            readyModel('openai/gpt-5.5', Date.parse('2025-08-01')),
+            readyModel('anthropic/claude-haiku-4-5', Date.parse('2025-10-01')),
+            readyModel('openai/gpt-5.6-sol', Date.parse('2026-02-01')),
+            readyModel('anthropic/claude-opus-5', Date.parse('2026-04-01'))
+        ];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const options = (category as any).getModelOptions() as Array<{ value?: string; label?: string; separator?: boolean }>;
+        expect(options[0].value).to.equal('');
+        // A rule between the providers rather than a heading: the select draws separators as plain lines.
+        expect(options.slice(1).map(option => option.separator ? '---' : option.value)).to.deep.equal([
+            '---',
+            'anthropic/claude-opus-5',
+            'anthropic/claude-haiku-4-5',
+            '---',
+            'openai/gpt-5.6-sol',
+            'openai/gpt-5.5'
+        ]);
+    });
+
+    it('keeps the provider rules when mapping the options onto the select', () => {
+        const category = createCategory([], new Map());
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const mapped = (category as any).toEnumOptions([
+            { value: 'a', label: 'A', description: 'first' },
+            { separator: true },
+            { value: 'b' }
+        ]) as Array<{ value: string; label: string; title?: string; separator?: boolean }>;
+        // A rule that loses its `separator` becomes a selectable entry with no label that clears the alias.
+        expect(mapped.map(option => option.separator ? '---' : option.value)).to.deep.equal(['a', '---', 'b']);
+        expect(mapped[0].title).to.equal('first');
+        // Without a label of its own, an option falls back to its value rather than rendering empty.
+        expect(mapped[2].label).to.equal('b');
+    });
+
     it('indexes one search item per alias, navigating to the item', () => {
         const category = createCategory([alias('default/code', 'Coding alias')], new Map());
         const items = category.getSearchItems();

package/src/browser/ai-configuration/categories/model-aliases-configuration-category.tsx

@@ -14,7 +14,7 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 
-import { AgentService, AISettingsService, LANGUAGE_MODEL_ALIASES_PREFERENCE } from '@theia/ai-core';
+import { AgentService, AISettingsService, groupModelsByProvider, LANGUAGE_MODEL_ALIASES_PREFERENCE } from '@theia/ai-core';
 import { FrontendLanguageModelRegistry, LanguageModel, LanguageModelRegistry, LanguageModelRequirement } from '@theia/ai-core/lib/common/language-model';
 import { LanguageModelAlias, LanguageModelAliasRegistry } from '@theia/ai-core/lib/common/language-model-alias';
 import { Emitter, Event, nls } from '@theia/core';
@@ -35,7 +35,7 @@ import {
 } from '@theia/ai-core-ui/lib/browser/ai-configuration/ai-configuration-category';
 import { CollectionCategoryRenderer } from '@theia/ai-core-ui/lib/browser/ai-configuration/renderers/collection-category-renderer';
 import { AiConfigurationSection } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-primitives';
-import { AiEnumSelect } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-controls';
+import { AiEnumOption, AiEnumSelect } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-controls';
 import { AgentChips } from './agent-chips';
 
 /** Sentinel option value representing "use the alias' default priority list" (no explicit model). */
@@ -214,28 +214,49 @@ export class ModelAliasesConfigurationCategory extends CollectionCategoryRendere
                 ariaLabel={nls.localize('theia/ai/core/modelAliasesConfiguration/selectedModelId', 'Selected Model')}
                 value={isInvalid ? undefined : selected}
                 invalid={isInvalid}
-                options={options.map(option => ({ value: String(option.value ?? ''), label: option.label ?? String(option.value ?? ''), title: option.description }))}
+                options={this.toEnumOptions(options)}
                 onCommit={value => this.setSelectedModel(alias, value)}
             />
         </AiConfigurationSection>;
     }
 
+    /**
+     * Maps the options onto what {@link AiEnumSelect} takes. The per-provider rules have to survive the
+     * mapping: dropping `separator` turns each of them into a selectable entry with no label that
+     * clears the alias when picked.
+     */
+    protected toEnumOptions(options: SelectOption[]): AiEnumOption[] {
+        return options.map(option => ({
+            value: String(option.value ?? ''),
+            label: option.label ?? String(option.value ?? ''),
+            title: option.description,
+            separator: option.separator
+        }));
+    }
+
     protected getModelOptions(): SelectOption[] {
         const options: SelectOption[] = [{
             value: DEFAULT_LIST_VALUE,
             label: nls.localize('theia/ai/core/modelAliasesConfiguration/defaultList', '[Default list]')
         }];
-        for (const model of [...this.languageModels].sort((a, b) => (a.name ?? a.id).localeCompare(b.name ?? b.id))) {
-            const ready = model.status.status === 'ready';
-            options.push({
-                value: model.id,
-                label: `${model.name ?? model.id} ${ready ? '✓' : '✗'}`,
-                description: !ready ? model.status.message : undefined
-            });
+        // Divided per provider, newest first inside each group. An alias names a concrete model, which
+        // includes the older and release-pinned ones, so the whole catalogue is offered here.
+        for (const { models } of groupModelsByProvider(this.languageModels)) {
+            options.push({ separator: true });
+            options.push(...models.map(model => this.toModelOption(model)));
         }
         return options;
     }
 
+    protected toModelOption(model: LanguageModel): SelectOption {
+        const ready = model.status.status === 'ready';
+        return {
+            value: model.id,
+            label: `${model.name ?? model.id} ${ready ? '✓' : '✗'}`,
+            description: !ready ? model.status.message : undefined
+        };
+    }
+
     protected setSelectedModel(alias: LanguageModelAlias, value: string | undefined): void {
         const selectedModelId = value ? value : undefined;
         this.languageModelAliasRegistry.ready.then(() => this.languageModelAliasRegistry.addAlias({ ...alias, selectedModelId }));

package/src/browser/ai-configuration/categories/models-configuration-category.spec.ts

@@ -23,6 +23,8 @@ FrontendApplicationConfigProvider.set({});
 import { expect } from 'chai';
 import { AiSettingsControl, AiSettingsRowService } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-settings-row-service';
 import { AiConfigurationCategoryId } from '@theia/ai-core-ui/lib/browser/ai-configuration/ai-configuration-category';
+import { ModelDiscoveryStatusService } from '@theia/ai-core/lib/browser';
+import { ModelDiscoveryStatus } from '@theia/ai-core/lib/common/model-discovery-status';
 import { ModelsConfigurationCategory } from './models-configuration-category';
 
 disableJSDOM();
@@ -69,7 +71,7 @@ describe('ModelsConfigurationCategory', () => {
             'ai-features.modelSettings.requestSettings',
             'ai-features.reasoning.defaults',
             'ai-features.anthropic.AnthropicApiKey',
-            'ai-features.anthropic.AnthropicModels',
+            'ai-features.anthropic.serverSideCompaction',
             'ai-features.google.apiKey',
             // must be ignored: owned by other categories / unrelated
             'ai-features.chat.pinChatAgent',
@@ -84,7 +86,7 @@ describe('ModelsConfigurationCategory', () => {
         const sections = (category as any).getSections() as Array<{ id: string; preferenceIds: string[] }>;
         expect(sections.map(s => s.id)).to.deep.equal(['model-settings', 'anthropic', 'google']);
         expect(sections[0].preferenceIds).to.have.members(['ai-features.modelSettings.requestSettings', 'ai-features.reasoning.defaults']);
-        expect(sections[1].preferenceIds).to.deep.equal(['ai-features.anthropic.AnthropicApiKey', 'ai-features.anthropic.AnthropicModels']);
+        expect(sections[1].preferenceIds).to.deep.equal(['ai-features.anthropic.AnthropicApiKey', 'ai-features.anthropic.serverSideCompaction']);
         expect(sections[2].preferenceIds).to.deep.equal(['ai-features.google.apiKey']);
     });
 
@@ -164,4 +166,47 @@ describe('ModelsConfigurationCategory', () => {
             highlight: { rowId: 'ai-features.anthropic.AnthropicApiKey' }
         });
     });
+
+    describe('model discovery section', () => {
+
+        function withDiscovery(statuses: ModelDiscoveryStatus[], modelIds: string[]): ModelsConfigurationCategory {
+            const category = createCategory([]);
+            const service: Partial<ModelDiscoveryStatusService> = {
+                getStatus: (providerId: string) => statuses.find(status => status.providerId === providerId)
+            };
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (category as any).discoveryStatus = service;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (category as any).models = modelIds.map(id => ({ id }));
+            return category;
+        }
+
+        function discoveredModelIds(category: ModelsConfigurationCategory, providerId: string): string[] | undefined {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const rendered = (category as any).renderModelDiscovery(providerId) as
+                { props: { models: { id: string }[] } } | undefined;
+            return rendered && rendered.props.models.map(model => model.id);
+        }
+
+        it('renders nothing for a provider that does not participate in discovery', () => {
+            const category = withDiscovery([], ['anthropic/claude-opus-5']);
+            expect(discoveredModelIds(category, 'anthropic')).to.equal(undefined);
+        });
+
+        it('lists the provider\'s own models, keyed by the provider id', () => {
+            const category = withDiscovery(
+                [{ providerId: 'anthropic', label: 'Anthropic', state: 'ready' }],
+                ['anthropic/claude-opus-5', 'google/gemini-3.1-pro', 'anthropic-custom/foo']
+            );
+            expect(discoveredModelIds(category, 'anthropic')).to.deep.equal(['anthropic/claude-opus-5']);
+        });
+
+        it('honours a model-id prefix that differs from the provider id', () => {
+            const category = withDiscovery(
+                [{ providerId: 'openAiOfficial', label: 'OpenAI', modelIdPrefix: 'openai', state: 'ready' }],
+                ['openai/gpt-5.5', 'openAiOfficial/gpt-5.5', 'openai-custom/local']
+            );
+            expect(discoveredModelIds(category, 'openAiOfficial')).to.deep.equal(['openai/gpt-5.5']);
+        });
+    });
 });

package/src/browser/ai-configuration/categories/models-configuration-category.tsx

@@ -14,7 +14,7 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 
-import { Emitter, Event, nls } from '@theia/core';
+import { CommandService, Emitter, Event, nls } from '@theia/core';
 import { codicon } from '@theia/core/lib/browser';
 import { DisposableCollection } from '@theia/core/lib/common';
 import { inject, injectable, postConstruct } from '@theia/core/shared/inversify';
@@ -32,6 +32,9 @@ import { AiSettingsRowService } from '@theia/ai-core-ui/lib/browser/ai-configura
 import { AiConfigurationSection } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-configuration-primitives';
 import { CollectionCategoryRenderer } from '@theia/ai-core-ui/lib/browser/ai-configuration/renderers/collection-category-renderer';
 import { AiSettingsRow } from '@theia/ai-core-ui/lib/browser/ai-configuration/components/ai-settings-row';
+import { LanguageModel, LanguageModelRegistry } from '@theia/ai-core/lib/common';
+import { FavoriteModelsService, ModelDiscoveryStatusService } from '@theia/ai-core/lib/browser';
+import { ProviderModelDiscoverySection } from './provider-model-discovery-section';
 
 /** Prefix shared by every AI preference. */
 const AI_FEATURES_PREFIX = 'ai-features.';
@@ -73,10 +76,25 @@ export class ModelsConfigurationCategory extends CollectionCategoryRenderer impl
     @inject(AiSettingsRowService)
     protected readonly settingsRowService: AiSettingsRowService;
 
+    @inject(ModelDiscoveryStatusService)
+    protected readonly discoveryStatus: ModelDiscoveryStatusService;
+
+    @inject(FavoriteModelsService)
+    protected readonly favoriteModels: FavoriteModelsService;
+
+    @inject(CommandService)
+    protected readonly commandService: CommandService;
+
+    @inject(LanguageModelRegistry)
+    protected readonly languageModelRegistry: LanguageModelRegistry;
+
     protected readonly onDidChangeEmitter = new Emitter<void>();
     readonly onDidChange: Event<void> = this.onDidChangeEmitter.event;
     protected readonly toDispose = new DisposableCollection(this.onDidChangeEmitter);
 
+    /** Registered models, kept in sync so the provider detail can list them synchronously while rendering. */
+    protected models: LanguageModel[] = [];
+
     get renderer(): this {
         return this;
     }
@@ -96,6 +114,14 @@ export class ModelsConfigurationCategory extends CollectionCategoryRenderer impl
     @postConstruct()
     protected init(): void {
         this.toDispose.push(this.settingsRowService.onPreferenceChanged(() => this.onDidChangeEmitter.fire()));
+        this.toDispose.push(this.discoveryStatus.onDidChange(() => this.onDidChangeEmitter.fire()));
+        this.toDispose.push(this.languageModelRegistry.onChange(() => this.updateModels()));
+        this.updateModels();
+    }
+
+    protected async updateModels(): Promise<void> {
+        this.models = await this.languageModelRegistry.getLanguageModels();
+        this.onDidChangeEmitter.fire();
     }
 
     dispose(): void {
@@ -130,15 +156,36 @@ export class ModelsConfigurationCategory extends CollectionCategoryRenderer impl
         </AiConfigurationSection>;
     }
 
-    /** Provider detail (node selected): that provider's settings. */
+    /** Provider detail (node selected): that provider's settings, followed by its model discovery. */
     protected renderItemSections(item: AiConfigurationTreeItem, ctx: AiConfigurationRenderContext): React.ReactNode {
         const section = this.getProviderSections().find(candidate => candidate.id === item.id);
         if (!section) {
             return undefined;
         }
-        return <AiConfigurationSection title={nls.localizeByDefault('Settings')}>
-            {section.preferenceIds.map(preferenceId => this.renderPreferenceRow(ctx, preferenceId))}
-        </AiConfigurationSection>;
+        return <>
+            <AiConfigurationSection title={nls.localizeByDefault('Settings')}>
+                {section.preferenceIds.map(preferenceId => this.renderPreferenceRow(ctx, preferenceId))}
+            </AiConfigurationSection>
+            {this.renderModelDiscovery(item.id)}
+        </>;
+    }
+
+    /** Only providers that participate in dynamic model discovery contribute this section. */
+    protected renderModelDiscovery(providerId: string): React.ReactNode {
+        const status = this.discoveryStatus.getStatus(providerId);
+        if (!status) {
+            return undefined;
+        }
+        // A provider's registered model ids may carry a prefix that differs from its preference segment
+        // (e.g. the `openAiOfficial` block registers `openai/…` models).
+        const prefix = `${status.modelIdPrefix ?? providerId}/`;
+        return <ProviderModelDiscoverySection
+            status={status}
+            models={this.models.filter(model => model.id.startsWith(prefix))}
+            favorites={this.favoriteModels}
+            onRefresh={() => this.discoveryStatus.refresh(providerId)}
+            onAction={action => this.commandService.executeCommand(action.commandId, ...(action.args ?? []))}
+        />;
     }
 
     protected renderPreferenceRow(ctx: AiConfigurationRenderContext, preferenceId: string): React.ReactNode {