@theia/ai-codex 1.67.0-next.56

package/src/browser/style/codex-tool-renderers.css

@@ -0,0 +1,443 @@
+/* *****************************************************************************
+ * 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
+ * *****************************************************************************/
+
+/* Command Execution Tool */
+.codex-command-execution {
+    border: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+    border-radius: var(--theia-ui-padding);
+    margin: var(--theia-ui-padding) 0;
+    background-color: var(--theia-sideBar-background);
+    overflow: hidden;
+}
+
+.codex-command-execution:hover {
+    background-color: var(--theia-list-hoverBackground);
+}
+
+.codex-tool-header {
+    display: flex;
+    align-items: center;
+    gap: var(--theia-ui-padding);
+    padding: 6px;
+    background-color: var(--theia-editorGroupHeader-tabsBackground);
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.codex-tool-header.expandable {
+    cursor: pointer;
+}
+
+.codex-expand-icon {
+    flex-shrink: 0;
+}
+
+.codex-tool-icon {
+    color: var(--theia-charts-blue);
+    flex-shrink: 0;
+}
+
+.codex-tool-name {
+    font-weight: 600;
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size1);
+    flex-shrink: 0;
+}
+
+.codex-command-line {
+    color: var(--theia-foreground);
+    font-family: var(--monaco-monospace-font);
+    font-size: var(--theia-ui-font-size1);
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.codex-exit-code {
+    font-size: var(--theia-ui-font-size0);
+    font-weight: 500;
+    padding: 2px 6px;
+    border-radius: calc(var(--theia-ui-padding) / 3);
+    flex-shrink: 0;
+}
+
+.codex-exit-code.success {
+    background-color: var(--theia-charts-green);
+    color: var(--theia-button-foreground);
+}
+
+.codex-exit-code.error {
+    background-color: var(--theia-charts-red);
+    color: var(--theia-button-foreground);
+}
+
+.codex-exit-code.in-progress {
+    background-color: var(--theia-charts-orange);
+    color: var(--theia-button-foreground);
+}
+
+.codex-tool-icon.codex-loading {
+    animation: codex-spin 1s linear infinite;
+}
+
+@keyframes codex-spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.codex-command-output {
+    margin: 0;
+    padding: var(--theia-ui-padding);
+    background-color: var(--theia-terminal-background);
+    color: var(--theia-terminal-foreground);
+    border-top: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+    overflow-x: auto;
+    font-family: var(--monaco-monospace-font);
+    font-size: var(--theia-ui-font-size0);
+    max-height: 400px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+/* Base container and structure for collapsible tools */
+.codex-tool.container {
+    border: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+    border-radius: var(--theia-ui-padding);
+    margin: var(--theia-ui-padding) 0;
+    background-color: var(--theia-sideBar-background);
+    overflow: hidden;
+}
+
+.codex-tool.container:hover {
+    background-color: var(--theia-list-hoverBackground);
+}
+
+.codex-tool.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px;
+    background-color: var(--theia-editorGroupHeader-tabsBackground);
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.codex-tool.header-left {
+    display: flex;
+    align-items: center;
+    gap: var(--theia-ui-padding);
+    min-width: 0;
+    flex: 1;
+    overflow: hidden;
+}
+
+.codex-tool.header-right {
+    flex-shrink: 0;
+}
+
+.codex-tool.icon {
+    color: var(--theia-charts-blue);
+}
+
+.codex-tool.title {
+    font-weight: 600;
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size1);
+}
+
+.codex-tool.command {
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size1);
+    font-family: var(--theia-ui-font-family-mono);
+    flex-shrink: 0;
+}
+
+.codex-tool.description {
+    color: var(--theia-descriptionForeground);
+    font-size: var(--theia-ui-font-size1);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+}
+
+.codex-tool.badge {
+    font-size: var(--theia-ui-font-size0);
+    font-weight: 500;
+    padding: 2px 6px;
+    background-color: var(--theia-badge-background);
+    color: var(--theia-badge-foreground);
+    border-radius: calc(var(--theia-ui-padding) / 3);
+    font-family: var(--theia-ui-font-family-mono);
+}
+
+.codex-tool.error {
+    padding: var(--theia-ui-padding);
+    color: var(--theia-errorForeground);
+    background-color: var(--theia-errorBackground);
+    border-radius: var(--theia-ui-padding);
+    margin: var(--theia-ui-padding) 0;
+    border: var(--theia-border-width) solid var(--theia-errorBorder);
+}
+
+/* Collapsible section styles */
+.codex-tool.expand-icon {
+    margin-right: calc(var(--theia-ui-padding) / 2);
+    flex-shrink: 0;
+}
+
+.codex-tool.expanded-content {
+    padding: var(--theia-ui-padding);
+}
+
+/* Detail section styles */
+.codex-tool.details {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--theia-ui-padding) / 2);
+}
+
+.codex-tool.detail-row {
+    display: flex;
+    align-items: flex-start;
+    gap: calc(var(--theia-ui-padding) / 2);
+    margin-bottom: calc(var(--theia-ui-padding) / 3);
+}
+
+.codex-tool.detail-label {
+    color: var(--theia-descriptionForeground);
+    font-size: var(--theia-ui-font-size1);
+    font-weight: 500;
+    min-width: 80px;
+    flex-shrink: 0;
+}
+
+.codex-tool.detail-label::after {
+    content: ':';
+    margin-left: 2px;
+}
+
+.codex-tool.detail-value {
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size1);
+    flex: 1;
+    min-width: 0;
+    word-break: break-word;
+}
+
+/* TodoWrite Renderer Styles */
+.codex-tool.todo-list-container {
+    border: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+    border-radius: var(--theia-ui-padding);
+    margin: var(--theia-ui-padding) 0;
+    background-color: var(--theia-sideBar-background);
+    overflow: hidden;
+}
+
+.codex-tool.todo-list-header {
+    display: flex;
+    align-items: center;
+    gap: var(--theia-ui-padding);
+    padding: 6px;
+    background-color: var(--theia-editorGroupHeader-tabsBackground);
+    border-bottom: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+}
+
+.codex-tool.todo-list-icon {
+    color: var(--theia-button-background);
+    font-size: var(--theia-icon-size);
+}
+
+.codex-tool.todo-list-title {
+    font-weight: 600;
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size1);
+}
+
+.codex-tool.todo-list-empty {
+    padding: var(--theia-ui-padding);
+    color: var(--theia-descriptionForeground);
+    font-style: italic;
+    text-align: center;
+}
+
+.codex-tool.todo-list-items {
+    padding: 0;
+}
+
+.codex-tool.todo-item {
+    border-bottom: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+    transition: background-color 0.2s ease;
+}
+
+.codex-tool.todo-item:last-child {
+    border-bottom: none;
+}
+
+.codex-tool.todo-item:hover {
+    background-color: var(--theia-toolbar-hoverBackground);
+}
+
+.codex-tool.todo-item-main {
+    display: flex;
+    align-items: flex-start;
+    gap: calc(var(--theia-ui-padding) * 2 / 3);
+    padding: 6px;
+}
+
+.codex-tool.todo-item-status {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--theia-icon-size);
+    height: var(--theia-icon-size);
+    margin-top: 2px;
+}
+
+.codex-tool.todo-status-icon {
+    font-size: var(--theia-icon-size);
+}
+
+.codex-tool.todo-status-icon.completed {
+    color: var(--theia-charts-green);
+}
+
+.codex-tool.todo-status-icon.in-progress {
+    color: var(--theia-progressBar-background);
+}
+
+.codex-tool.todo-status-icon.pending {
+    color: var(--theia-descriptionForeground);
+}
+
+.codex-tool.todo-item-content {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--theia-ui-padding) * 2 / 3);
+}
+
+.codex-tool.todo-item-text {
+    flex: 1;
+    color: var(--theia-foreground);
+    line-height: 1.4;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 0;
+}
+
+.codex-tool.todo-item.status-completed .codex-tool.todo-item-text {
+    text-decoration: line-through;
+    color: var(--theia-descriptionForeground);
+}
+
+.codex-tool.todo-priority {
+    padding: 2px 6px;
+    border-radius: calc(var(--theia-ui-padding) / 3);
+    font-size: var(--theia-ui-font-size0);
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.3px;
+    flex-shrink: 0;
+}
+
+.codex-tool.todo-priority.priority-high {
+    background-color: rgba(var(--theia-charts-red-rgb, 204, 0, 0), 0.8);
+    color: var(--theia-button-foreground);
+}
+
+.codex-tool.todo-priority.priority-medium {
+    background-color: rgba(var(--theia-charts-orange-rgb, 255, 165, 0), 0.8);
+    color: var(--theia-button-foreground);
+}
+
+.codex-tool.todo-priority.priority-low {
+    background-color: rgba(var(--theia-charts-blue-rgb, 0, 122, 204), 0.8);
+    color: var(--theia-button-foreground);
+}
+
+.codex-tool.todo-list-error {
+    padding: var(--theia-ui-padding);
+    color: var(--theia-errorForeground);
+    background-color: var(--theia-errorBackground);
+    border-radius: var(--theia-ui-padding);
+    margin: var(--theia-ui-padding) 0;
+}
+
+.codex-tool.todo-item.status-completed {
+    opacity: 0.8;
+}
+
+.codex-tool.todo-item.status-in-progress {
+    background-color: rgba(var(--theia-progressBar-background-rgb, 0, 122, 204), 0.05);
+}
+
+.codex-tool.todo-item.status-in-progress .codex-tool.todo-item-text {
+    font-weight: 500;
+}
+
+.codex-tool.progress-text {
+    color: var(--theia-descriptionForeground);
+    font-size: var(--theia-ui-font-size0);
+}
+
+/* WebSearch Renderer Styles */
+.codex-tool.search-result {
+    padding: calc(var(--theia-ui-padding) / 2) 0;
+    border-bottom: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+}
+
+.codex-tool.search-result:last-child {
+    border-bottom: none;
+}
+
+.codex-tool.search-result-title {
+    font-weight: 600;
+    color: var(--theia-foreground);
+    margin-bottom: calc(var(--theia-ui-padding) / 3);
+}
+
+.codex-tool.search-result-link {
+    color: var(--theia-textLink-foreground);
+    text-decoration: none;
+}
+
+.codex-tool.search-result-link:hover {
+    text-decoration: underline;
+}
+
+.codex-tool.search-result-url {
+    color: var(--theia-descriptionForeground);
+    font-size: var(--theia-ui-font-size0);
+    font-family: var(--theia-ui-font-family-mono);
+    margin-bottom: calc(var(--theia-ui-padding) / 3);
+    word-break: break-all;
+}
+
+.codex-tool.search-result-snippet {
+    color: var(--theia-foreground);
+    font-size: var(--theia-ui-font-size0);
+    line-height: 1.4;
+}

package/src/common/codex-preferences.ts

@@ -0,0 +1,32 @@
+// *****************************************************************************
+// 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 { AI_CORE_PREFERENCES_TITLE } from '@theia/ai-core/lib/common/ai-core-preferences';
+import { nls, PreferenceSchema } from '@theia/core';
+
+export const CODEX_API_KEY_PREF = 'ai-features.codex.apiKey';
+
+export const CodexPreferencesSchema: PreferenceSchema = {
+    properties: {
+        [CODEX_API_KEY_PREF]: {
+            type: 'string',
+            markdownDescription: nls.localize('theia/ai/codex/apiKey/description',
+                'OpenAI API key for Codex. If not set, falls back to the shared OpenAI API key (`ai-features.openAiOfficial.openAiApiKey`). ' +
+                'Can also be set via `OPENAI_API_KEY` environment variable.'),
+            title: AI_CORE_PREFERENCES_TITLE,
+        },
+    }
+};

package/src/common/codex-service.ts

@@ -0,0 +1,46 @@
+// *****************************************************************************
+// 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 type {
+    ThreadEvent,
+    ThreadOptions
+} from '@openai/codex-sdk';
+
+export const CODEX_SERVICE_PATH = '/services/codex';
+
+export interface CodexRequest {
+    prompt: string;
+    options?: Partial<ThreadOptions>;
+    sessionId?: string;
+    sandboxMode?: 'read-only' | 'workspace-write' | 'danger-full-access';
+}
+
+export interface CodexBackendRequest extends CodexRequest {
+    apiKey?: string;
+    sessionId?: string;
+}
+
+export const CodexClient = Symbol('CodexClient');
+export interface CodexClient {
+    sendToken(streamId: string, token?: ThreadEvent): void;
+    sendError(streamId: string, error: Error): void;
+}
+
+export const CodexService = Symbol('CodexService');
+export interface CodexService {
+    send(request: CodexBackendRequest, streamId: string): Promise<void>;
+    cancel(streamId: string): void;
+}

package/src/common/index.ts

@@ -0,0 +1,18 @@
+// *****************************************************************************
+// 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
+// *****************************************************************************
+
+export * from './codex-service';
+export * from './codex-preferences';

package/src/node/codex-backend-module.ts

@@ -0,0 +1,42 @@
+// *****************************************************************************
+// 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 { ConnectionHandler, RpcConnectionHandler } from '@theia/core';
+import { ConnectionContainerModule } from '@theia/core/lib/node/messaging/connection-container-module';
+import { ContainerModule } from '@theia/core/shared/inversify';
+import {
+    CODEX_SERVICE_PATH,
+    CodexClient,
+    CodexService
+} from '../common/codex-service';
+import { CodexServiceImpl } from './codex-service-impl';
+
+const codexConnectionModule = ConnectionContainerModule.create(({ bind }) => {
+    bind(CodexServiceImpl).toSelf().inSingletonScope();
+    bind(CodexService).toService(CodexServiceImpl);
+
+    bind(ConnectionHandler).toDynamicValue(ctx =>
+        new RpcConnectionHandler<CodexClient>(CODEX_SERVICE_PATH, client => {
+            const server = ctx.container.get<CodexServiceImpl>(CodexService);
+            server.setClient(client);
+            return server;
+        })
+    ).inSingletonScope();
+});
+
+export default new ContainerModule(bind => {
+    bind(ConnectionContainerModule).toConstantValue(codexConnectionModule);
+});

package/src/node/codex-service-impl.ts

@@ -0,0 +1,104 @@
+// *****************************************************************************
+// 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 { ILogger } from '@theia/core';
+import { inject, injectable, named } from '@theia/core/shared/inversify';
+import type { Thread } from '@openai/codex-sdk';
+import {
+    CodexBackendRequest,
+    CodexClient,
+    CodexService
+} from '../common/codex-service';
+
+@injectable()
+export class CodexServiceImpl implements CodexService {
+
+    @inject(ILogger) @named('Codex')
+    private logger: ILogger;
+
+    private client: CodexClient;
+    private sessionThreads = new Map<string, Thread>();
+    private abortControllers = new Map<string, AbortController>();
+
+    setClient(client: CodexClient): void {
+        this.client = client;
+    }
+
+    async send(request: CodexBackendRequest, streamId: string): Promise<void> {
+        if (!this.client) {
+            throw new Error('Codex client not initialized');
+        }
+        this.sendMessages(streamId, request);
+    }
+
+    protected async sendMessages(streamId: string, request: CodexBackendRequest): Promise<void> {
+        const abortController = new AbortController();
+        this.abortControllers.set(streamId, abortController);
+
+        try {
+            const dynamicImport = new Function('specifier', 'return import(specifier)') as (specifier: string) => Promise<typeof import('@openai/codex-sdk')>;
+            const { Codex } = await dynamicImport('@openai/codex-sdk');
+            const codex = new Codex();
+
+            const sessionId = request.sessionId || streamId;
+            let thread = this.sessionThreads.get(sessionId);
+            if (!thread) {
+                thread = codex.startThread(request.options);
+                this.sessionThreads.set(sessionId, thread);
+                this.logger.info(`Created new Codex thread for session: ${sessionId}`);
+            } else {
+                this.logger.info(`Reusing existing Codex thread for session: ${sessionId}`);
+            }
+
+            const { events } = await thread.runStreamed(request.prompt);
+
+            for await (const event of events) {
+                if (abortController.signal.aborted) {
+                    this.logger.info('Codex request cancelled:', streamId);
+                    break;
+                }
+
+                this.client.sendToken(streamId, event as Parameters<CodexClient['sendToken']>[1]);
+
+                if (typeof event === 'object' && event !== undefined && 'type' in event) {
+                    const eventType = (event as { type: string }).type;
+                    if (eventType === 'turn.completed' || eventType === 'turn.failed') {
+                        break;
+                    }
+                }
+            }
+
+            this.client.sendToken(streamId, undefined);
+        } catch (e) {
+            this.logger.error('Codex error:', e);
+            this.client.sendError(streamId, e instanceof Error ? e : new Error(String(e)));
+        } finally {
+            this.cleanup(streamId);
+        }
+    }
+
+    cancel(streamId: string): void {
+        const abortController = this.abortControllers.get(streamId);
+        if (abortController) {
+            abortController.abort('user canceled');
+        }
+        this.cleanup(streamId);
+    }
+
+    protected cleanup(streamId: string): void {
+        this.abortControllers.delete(streamId);
+    }
+}