@theia/ai-core 1.58.3 → 1.59.0-next.62

package/src/browser/ai-configuration/template-settings-renderer.tsx

@@ -1,128 +0,0 @@
-// *****************************************************************************
-// 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
-// *****************************************************************************
-import * as React from '@theia/core/shared/react';
-import { PromptCustomizationService, PromptService } from '../../common/prompt-service';
-import { AISettingsService, PromptTemplate } from '../../common';
-
-const DEFAULT_VARIANT = 'default';
-
-export interface TemplateRendererProps {
-    agentId: string;
-    template: PromptTemplate;
-    promptCustomizationService: PromptCustomizationService;
-    promptService: PromptService;
-    aiSettingsService: AISettingsService;
-}
-
-export const TemplateRenderer: React.FC<TemplateRendererProps> = ({
-    agentId,
-    template,
-    promptCustomizationService,
-    promptService,
-    aiSettingsService,
-}) => {
-    const variantIds = [DEFAULT_VARIANT, ...promptService.getVariantIds(template.id)];
-    const [selectedVariant, setSelectedVariant] = React.useState<string>(DEFAULT_VARIANT);
-
-    React.useEffect(() => {
-        (async () => {
-            const agentSettings = await aiSettingsService.getAgentSettings(agentId);
-            const currentVariant =
-                agentSettings?.selectedVariants?.[template.id] || DEFAULT_VARIANT;
-            setSelectedVariant(currentVariant);
-        })();
-    }, [template.id, aiSettingsService, agentId]);
-
-    const isInvalidVariant = !variantIds.includes(selectedVariant);
-
-    const handleVariantChange = async (event: React.ChangeEvent<HTMLSelectElement>) => {
-        const newVariant = event.target.value;
-        setSelectedVariant(newVariant);
-
-        const agentSettings = await aiSettingsService.getAgentSettings(agentId);
-        const selectedVariants = agentSettings?.selectedVariants || {};
-
-        const updatedVariants = { ...selectedVariants };
-        if (newVariant === DEFAULT_VARIANT) {
-            delete updatedVariants[template.id];
-        } else {
-            updatedVariants[template.id] = newVariant;
-        }
-
-        await aiSettingsService.updateAgentSettings(agentId, {
-            selectedVariants: updatedVariants,
-        });
-    };
-
-    const openTemplate = () => {
-        const templateId = selectedVariant === DEFAULT_VARIANT ? template.id : selectedVariant;
-        const selectedTemplate = promptService.getRawPrompt(templateId);
-        promptCustomizationService.editTemplate(templateId, selectedTemplate?.template || '');
-    };
-
-    const resetTemplate = () => {
-        const templateId = selectedVariant === DEFAULT_VARIANT ? template.id : selectedVariant;
-        promptCustomizationService.resetTemplate(templateId);
-    };
-
-    return (
-        <div className="template-renderer">
-            <div className="settings-section-title template-header">
-                <strong>{template.id}</strong>
-            </div>
-            <div className="template-controls">
-                {(variantIds.length > 1 || isInvalidVariant) && (
-                    <>
-                        <label htmlFor={`variant-selector-${template.id}`} className="template-select-label">
-                            Select Variant:
-                        </label>
-                        <select
-                            id={`variant-selector-${template.id}`}
-                            className={`theia-select template-variant-selector ${isInvalidVariant ? 'error' : ''}`}
-                            value={isInvalidVariant ? 'invalid' : selectedVariant}
-                            onChange={handleVariantChange}
-                        >
-                            {isInvalidVariant && (
-                                <option value="invalid" disabled>
-                                    The selected variant is no longer available
-                                </option>
-                            )}
-                            {variantIds.map(variantId => (
-                                <option key={variantId} value={variantId}>
-                                    {variantId}
-                                </option>
-                            ))}
-                        </select>
-                    </>
-                )}
-                <button
-                    className="theia-button main"
-                    onClick={openTemplate}
-                    disabled={isInvalidVariant}
-                >
-                    Edit
-                </button>
-                <button
-                    className="theia-button secondary"
-                    onClick={resetTemplate}
-                    disabled={isInvalidVariant}
-                >
-                    Reset
-                </button>
-            </div>
-        </div>
-    );
-};

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

@@ -1,110 +0,0 @@
-// *****************************************************************************
-// 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
-// *****************************************************************************
-
-import { codicon, ReactWidget } from '@theia/core/lib/browser';
-import { inject, injectable, postConstruct } from '@theia/core/shared/inversify';
-import * as React from '@theia/core/shared/react';
-import { Agent, AIVariable, AIVariableService } from '../../common';
-import { AIAgentConfigurationWidget } from './agent-configuration-widget';
-import { AIConfigurationSelectionService } from './ai-configuration-service';
-import { AgentService } from '../../common/agent-service';
-
-@injectable()
-export class AIVariableConfigurationWidget extends ReactWidget {
-
-    static readonly ID = 'ai-variable-configuration-container-widget';
-    static readonly LABEL = 'Variables';
-
-    @inject(AIVariableService)
-    protected readonly variableService: AIVariableService;
-
-    @inject(AgentService)
-    protected readonly agentService: AgentService;
-
-    @inject(AIConfigurationSelectionService)
-    protected readonly aiConfigurationSelectionService: AIConfigurationSelectionService;
-
-    @postConstruct()
-    protected init(): void {
-        this.id = AIVariableConfigurationWidget.ID;
-        this.title.label = AIVariableConfigurationWidget.LABEL;
-        this.title.closable = false;
-        this.update();
-        this.toDispose.push(this.variableService.onDidChangeVariables(() => this.update()));
-    }
-
-    protected render(): React.ReactNode {
-        return <div className='configuration-variables-list'>
-            <ul>
-                {this.variableService.getVariables().map(variable =>
-                    <li key={variable.id} className='variable-item' >
-                        <div className='settings-section-title settings-section-category-title' style={{ paddingLeft: 0, paddingBottom: 10 }}>{variable.name}</div>
-                        <small>{variable.id}</small>
-                        <small>{variable.description}</small>
-                        {this.renderReferencedVariables(variable)}
-                        {this.renderArgs(variable)}
-                    </li>
-                )}
-            </ul>
-        </div>;
-    }
-
-    protected renderReferencedVariables(variable: AIVariable): React.ReactNode | undefined {
-        const agents = this.getAgentsForVariable(variable);
-        if (agents.length === 0) {
-            return;
-        }
-
-        return <div>
-            <h3>Agents</h3>
-            <ul className='variable-references'>
-                {agents.map(agent => <li key={agent.id} className='theia-TreeNode theia-CompositeTreeNode theia-ExpandableTreeNode theia-mod-selected'>
-                    <div onClick={() => { this.showAgentConfiguration(agent); }} className='variable-reference'>
-                        <span>{agent.name}</span>
-                        <i className={codicon('chevron-right')}></i>
-                    </div></li>)}
-            </ul>
-        </div>;
-    }
-
-    protected renderArgs(variable: AIVariable): React.ReactNode | undefined {
-        if (variable.args === undefined || variable.args.length === 0) {
-            return;
-        }
-
-        return <div className='variable-args-container'>
-            <h3>Variable Arguments</h3>
-            <div className='variable-args'>
-                {variable.args.map(arg =>
-                    <React.Fragment key={arg.name}>
-                        <span>{arg.name}</span>
-                        <small>{arg.description}</small>
-                    </React.Fragment>
-                )}
-            </div>
-        </div>;
-    }
-
-    protected showAgentConfiguration(agent: Agent): void {
-        this.aiConfigurationSelectionService.setActiveAgent(agent);
-        this.aiConfigurationSelectionService.selectConfigurationTab(AIAgentConfigurationWidget.ID);
-    }
-
-    protected getAgentsForVariable(variable: AIVariable): Agent[] {
-        return this.agentService.getAgents().filter(a => a.variables?.includes(variable.id));
-    }
-}
-

package/src/browser/style/index.css

@@ -1,127 +0,0 @@
-.ai-configuration-widget {
-  padding: var(--theia-ui-padding);
-}
-
-.theia-ai-settings-container {
-  padding: var(--theia-ui-padding);
-}
-
-.language-model-container {
-  padding-top: calc(2 * var(--theia-ui-padding));
-}
-
-.language-model-container .theia-select {
-  margin-left: var(--theia-ui-padding);
-}
-
-.theia-settings-container .settings-section-subcategory-title.ai-settings-section-subcategory-title {
-  padding-left: 0;
-}
-
-.ai-templates {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-
-.template-renderer {
-  display: flex;
-  flex-direction: column;
-  padding: 10px;
-}
-
-.template-header {
-  margin-bottom: 8px;
-}
-
-.template-controls {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.template-select-label {
-  margin-right: 5px;
-}
-
-.template-variant-selector {
-  min-width: 120px;
-}
-
-.template-variant-selector.error {
-  border-color: var(--theia-errorForeground);
-  background-color: var(--theia-errorBackground, rgba(255, 0, 0, 0.1));
-  color: var(--theia-errorForeground);
-}
-
-#ai-variable-configuration-container-widget,
-#ai-agent-configuration-container-widget {
-  margin-top: 5px;
-}
-
-/* Variable Settings */
-#ai-variable-configuration-container-widget ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-#ai-variable-configuration-container-widget .variable-item {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1rem;
-}
-
-#ai-variable-configuration-container-widget .variable-args {
-  display: grid;
-  grid-template-columns: 1fr 2fr;
-}
-
-/* Agent Settings */
-#ai-agent-configuration-container-widget ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.ai-agent-configuration-main {
-  display: flex;
-  flex-direction: row;
-}
-
-.configuration-agents-list {
-  width: 128px;
-}
-
-.configuration-agent-panel {
-  flex: 1;
-}
-
-#ai-variable-configuration-container-widget .variable-references,
-#ai-agent-configuration-container-widget .variable-references,
-#ai-agent-configuration-container-widget .function-references {
-  margin-left: 0.5rem;
-  padding: 0.5rem;
-  border-left: solid 1px var(--theia-tree-indentGuidesStroke);
-}
-
-#ai-variable-configuration-container-widget .variable-reference,
-#ai-agent-configuration-container-widget .variable-reference,
-#ai-agent-configuration-container-widget .function-reference {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.agent-tag {
-  padding: calc(var(--theia-ui-padding) * 2 / 3);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  border-radius: calc(var(--theia-ui-padding) * 2 / 3);
-  background: hsla(0, 0%, 68%, 0.31);
-}
-
-.configuration-agents-add {
-  margin-top: 3em;
-  margin-left: 0;
-}

package/src/common/tomorrow-variable-contribution.ts

@@ -1,66 +0,0 @@
-// *****************************************************************************
-// 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
-// *****************************************************************************
-import { MaybePromise } from '@theia/core';
-import { injectable } from '@theia/core/shared/inversify';
-import { AIVariable, AIVariableContext, AIVariableContribution, AIVariableResolutionRequest, AIVariableResolver, AIVariableService, ResolvedAIVariable } from './variable-service';
-
-export namespace TomorrowVariableArgs {
-    export const IN_UNIX_SECONDS = 'inUnixSeconds';
-    export const IN_ISO_8601 = 'inIso8601';
-}
-
-export const TOMORROW_VARIABLE: AIVariable = {
-    id: 'tomorrow-provider',
-    description: 'Does something for tomorrow',
-    name: 'tomorrow',
-    args: [
-        { name: TomorrowVariableArgs.IN_ISO_8601, description: 'Returns the current date in ISO 8601 format' },
-        { name: TomorrowVariableArgs.IN_UNIX_SECONDS, description: 'Returns the current date in unix seconds format' }
-    ]
-};
-
-export interface ResolvedTomorrowVariable extends ResolvedAIVariable {
-    date: Date;
-}
-
-@injectable()
-export class TomorrowVariableContribution implements AIVariableContribution, AIVariableResolver {
-    registerVariables(service: AIVariableService): void {
-        service.registerResolver(TOMORROW_VARIABLE, this);
-    }
-
-    canResolve(request: AIVariableResolutionRequest, context: AIVariableContext): MaybePromise<number> {
-        return 1;
-    }
-
-    async resolve(request: AIVariableResolutionRequest, context: AIVariableContext): Promise<ResolvedAIVariable | undefined> {
-        if (request.variable.name === TOMORROW_VARIABLE.name) {
-            return this.resolveTomorrowVariable(request);
-        }
-        return undefined;
-    }
-
-    private resolveTomorrowVariable(request: AIVariableResolutionRequest): ResolvedTomorrowVariable {
-        const date = new Date(+new Date() + 86400000);
-        if (request.arg === TomorrowVariableArgs.IN_ISO_8601) {
-            return { variable: request.variable, value: date.toISOString(), date };
-        }
-        if (request.arg === TomorrowVariableArgs.IN_UNIX_SECONDS) {
-            return { variable: request.variable, value: Math.round(date.getTime() / 1000).toString(), date };
-        }
-        return { variable: request.variable, value: date.toDateString(), date };
-    }
-}