@theia/ai-history 1.46.0-next.241

package/lib/common/communication-recording-service.spec.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mock_logger_1 = require("@theia/core/lib/common/test/mock-logger");
+const communication_recording_service_1 = require("./communication-recording-service");
+const chai_1 = require("chai");
+describe('DefaultCommunicationRecordingService', () => {
+    it('records history', () => {
+        const service = new communication_recording_service_1.DefaultCommunicationRecordingService();
+        service.logger = new mock_logger_1.MockLogger();
+        service.recordRequest({ agentId: 'agent', requestId: '1', sessionId: '1', timestamp: 100, request: 'dummy request' });
+        const history1 = service.getHistory('agent');
+        (0, chai_1.expect)(history1[0].request).to.eq('dummy request');
+        service.recordResponse({ agentId: 'agent', requestId: '1', sessionId: '1', timestamp: 200, response: 'dummy response' });
+        const history2 = service.getHistory('agent');
+        (0, chai_1.expect)(history2[0].request).to.eq('dummy request');
+        (0, chai_1.expect)(history2[0].response).to.eq('dummy response');
+    });
+    it('returns session history', () => {
+        const service = new communication_recording_service_1.DefaultCommunicationRecordingService();
+        service.logger = new mock_logger_1.MockLogger();
+        // some requests and responses for session 1
+        service.recordRequest({ agentId: 'agent', requestId: '1', sessionId: '1', timestamp: 100, request: 'session 1 request 1' });
+        service.recordResponse({ agentId: 'agent', requestId: '1', sessionId: '1', timestamp: 200, response: 'session 1 response 1' });
+        service.recordRequest({ agentId: 'agent2', requestId: '2', sessionId: '1', timestamp: 100, request: 'session 1 request 2' });
+        service.recordResponse({ agentId: 'agent2', requestId: '2', sessionId: '1', timestamp: 200, response: 'session 1 response 2' });
+        // some requests and responses for session 2
+        service.recordRequest({ agentId: 'agent', requestId: '3', sessionId: '2', timestamp: 100, request: 'different session request' });
+        service.recordResponse({ agentId: 'agent', requestId: '3', sessionId: '2', timestamp: 200, response: 'different session request' });
+        const history1 = service.getSessionHistory('1');
+        (0, chai_1.expect)(history1.length).to.eq(2);
+        (0, chai_1.expect)(history1[0].request).to.eq('session 1 request 1');
+        (0, chai_1.expect)(history1[0].response).to.eq('session 1 response 1');
+        (0, chai_1.expect)(history1[1].request).to.eq('session 1 request 2');
+        (0, chai_1.expect)(history1[1].response).to.eq('session 1 response 2');
+        const history2 = service.getSessionHistory('2');
+        (0, chai_1.expect)(history2.length).to.eq(1);
+        (0, chai_1.expect)(history2[0].request).to.eq('different session request');
+        (0, chai_1.expect)(history2[0].response).to.eq('different session request');
+    });
+});
+//# sourceMappingURL=communication-recording-service.spec.js.map

package/lib/common/communication-recording-service.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"communication-recording-service.spec.js","sourceRoot":"","sources":["../../src/common/communication-recording-service.spec.ts"],"names":[],"mappings":"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"}

package/lib/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from './communication-recording-service';
+//# sourceMappingURL=index.d.ts.map

package/lib/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAgBA,cAAc,mCAAmC,CAAC"}

package/lib/common/index.js

@@ -0,0 +1,20 @@
+"use strict";
+// *****************************************************************************
+// 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
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./communication-recording-service"), exports);
+//# sourceMappingURL=index.js.map

package/lib/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;;;AAEhF,4EAAkD"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@theia/ai-history",
+  "version": "1.46.0-next.241+4295c1a8c",
+  "description": "Theia - AI communication history",
+  "dependencies": {
+    "@theia/ai-core": "1.46.0-next.241+4295c1a8c",
+    "@theia/core": "1.46.0-next.241+4295c1a8c",
+    "@theia/filesystem": "1.46.0-next.241+4295c1a8c",
+    "@theia/output": "1.46.0-next.241+4295c1a8c",
+    "@theia/workspace": "1.46.0-next.241+4295c1a8c",
+    "minimatch": "^5.1.0",
+    "tslib": "^2.6.2"
+  },
+  "main": "lib/common",
+  "publishConfig": {
+    "access": "public"
+  },
+  "theiaExtensions": [
+    {
+      "frontend": "lib/browser/ai-history-frontend-module"
+    }
+  ],
+  "keywords": [
+    "theia-extension"
+  ],
+  "license": "EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eclipse-theia/theia.git"
+  },
+  "bugs": {
+    "url": "https://github.com/eclipse-theia/theia/issues"
+  },
+  "homepage": "https://github.com/eclipse-theia/theia",
+  "files": [
+    "lib",
+    "src"
+  ],
+  "scripts": {
+    "build": "theiaext build",
+    "clean": "theiaext clean",
+    "compile": "theiaext compile",
+    "lint": "theiaext lint",
+    "test": "theiaext test",
+    "watch": "theiaext watch"
+  },
+  "devDependencies": {
+    "@theia/ext-scripts": "1.56.0"
+  },
+  "nyc": {
+    "extends": "../../configs/nyc.json"
+  },
+  "gitHead": "4295c1a8c8b5d23471f274265c798bac9e6baecc"
+}

package/src/browser/ai-history-communication-card.tsx

@@ -0,0 +1,71 @@
+// *****************************************************************************
+// 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 { CommunicationHistoryEntry } from '@theia/ai-core';
+import * as React from '@theia/core/shared/react';
+
+export interface CommunicationCardProps {
+    entry: CommunicationHistoryEntry;
+}
+
+export const CommunicationCard: React.FC<CommunicationCardProps> = ({ entry }) => (
+    <div className='theia-card'>
+        <div className='theia-card-meta'>
+            <span className='theia-card-request-id'>Request ID: {entry.requestId}</span>
+            <span className='theia-card-session-id'>Session ID: {entry.sessionId}</span>
+        </div>
+        <div className='theia-card-content'>
+            {entry.request && (
+                <div className='theia-card-request'>
+                    <h2>Request</h2>
+                    <pre>{entry.request}</pre>
+                </div>
+            )}
+            {entry.response && (
+                <div className='theia-card-response'>
+                    <h2>Response</h2>
+                    <pre>{entry.response}</pre>
+                </div>
+            )}
+            {(entry.systemMessage || (entry.messages && entry.messages.length > 0)) && (
+                <div className='theia-card-context'>
+                    <details>
+                        <summary><h2>Context</h2></summary>
+                        {(entry.systemMessage && (
+                            <div className='theia-context-system-message'>
+                                <h3>System Message</h3>
+                                <pre>{entry.systemMessage}</pre>
+                            </div>
+                        ))}
+                        {(entry.messages && entry.messages.length > 0) && (
+                            <div className='theia-context-messages'>
+                                <h3>Messages</h3>
+                                <ul>
+                                    {entry.messages.map((message, index) => (
+                                        <li key={index}><pre>{JSON.stringify(message, undefined, 2)}</pre></li>
+                                    ))}
+                                </ul>
+                            </div>
+                        )}
+                    </details>
+                </div>
+            )}
+        </div>
+        <div className='theia-card-meta'>
+            <span className='theia-card-timestamp'>Timestamp: {new Date(entry.timestamp).toLocaleString()}</span>
+            {entry.responseTime && <span className='theia-card-response-time'>Response Time: {entry.responseTime}ms</span>}
+        </div>
+    </div>
+);

package/src/browser/ai-history-contribution.ts

@@ -0,0 +1,136 @@
+// *****************************************************************************
+// 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 { FrontendApplication, codicon } from '@theia/core/lib/browser';
+import { AIViewContribution } from '@theia/ai-core/lib/browser';
+import { inject, injectable } from '@theia/core/shared/inversify';
+import { AIHistoryView } from './ai-history-widget';
+import { Command, CommandRegistry, Emitter } from '@theia/core';
+import { TabBarToolbarContribution, TabBarToolbarRegistry } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
+import { CommunicationRecordingService } from '@theia/ai-core';
+
+export const AI_HISTORY_TOGGLE_COMMAND_ID = 'aiHistory:toggle';
+export const OPEN_AI_HISTORY_VIEW = Command.toLocalizedCommand({
+    id: 'aiHistory:open',
+    label: 'Open AI History view',
+});
+
+export const AI_HISTORY_VIEW_SORT_CHRONOLOGICALLY = Command.toLocalizedCommand({
+    id: 'aiHistory:sortChronologically',
+    label: 'AI History: Sort chronologically',
+    iconClass: codicon('arrow-down')
+});
+
+export const AI_HISTORY_VIEW_SORT_REVERSE_CHRONOLOGICALLY = Command.toLocalizedCommand({
+    id: 'aiHistory:sortReverseChronologically',
+    label: 'AI History: Sort reverse chronologically',
+    iconClass: codicon('arrow-up')
+});
+
+export const AI_HISTORY_VIEW_CLEAR = Command.toLocalizedCommand({
+    id: 'aiHistory:clear',
+    label: 'AI History: Clear History',
+    iconClass: codicon('clear-all')
+});
+
+@injectable()
+export class AIHistoryViewContribution extends AIViewContribution<AIHistoryView> implements TabBarToolbarContribution {
+    @inject(CommunicationRecordingService) private recordingService: CommunicationRecordingService;
+
+    protected readonly chronologicalChangedEmitter = new Emitter<void>();
+    protected readonly chronologicalStateChanged = this.chronologicalChangedEmitter.event;
+
+    constructor() {
+        super({
+            widgetId: AIHistoryView.ID,
+            widgetName: AIHistoryView.LABEL,
+            defaultWidgetOptions: {
+                area: 'bottom',
+                rank: 100
+            },
+            toggleCommandId: AI_HISTORY_TOGGLE_COMMAND_ID,
+        });
+    }
+
+    async initializeLayout(_app: FrontendApplication): Promise<void> {
+        await this.openView();
+    }
+
+    override registerCommands(registry: CommandRegistry): void {
+        super.registerCommands(registry);
+        registry.registerCommand(OPEN_AI_HISTORY_VIEW, {
+            execute: () => this.openView({ activate: true }),
+        });
+        registry.registerCommand(AI_HISTORY_VIEW_SORT_CHRONOLOGICALLY, {
+            isEnabled: widget => this.withHistoryWidget(widget, historyView => !historyView.isChronological),
+            isVisible: widget => this.withHistoryWidget(widget, historyView => !historyView.isChronological),
+            execute: widget => this.withHistoryWidget(widget, historyView => {
+                historyView.sortHistory(true);
+                this.chronologicalChangedEmitter.fire();
+                return true;
+            })
+        });
+        registry.registerCommand(AI_HISTORY_VIEW_SORT_REVERSE_CHRONOLOGICALLY, {
+            isEnabled: widget => this.withHistoryWidget(widget, historyView => historyView.isChronological),
+            isVisible: widget => this.withHistoryWidget(widget, historyView => historyView.isChronological),
+            execute: widget => this.withHistoryWidget(widget, historyView => {
+                historyView.sortHistory(false);
+                this.chronologicalChangedEmitter.fire();
+                return true;
+            })
+        });
+        registry.registerCommand(AI_HISTORY_VIEW_CLEAR, {
+            isEnabled: widget => this.withHistoryWidget(widget),
+            isVisible: widget => this.withHistoryWidget(widget),
+            execute: widget => this.withHistoryWidget(widget, () => {
+                this.clearHistory();
+                return true;
+            })
+        });
+    }
+    public clearHistory(): void {
+        this.recordingService.clearHistory();
+    }
+
+    protected withHistoryWidget(
+        widget: unknown = this.tryGetWidget(),
+        predicate: (output: AIHistoryView) => boolean = () => true
+    ): boolean | false {
+        return widget instanceof AIHistoryView ? predicate(widget) : false;
+    }
+
+    registerToolbarItems(registry: TabBarToolbarRegistry): void {
+        registry.registerItem({
+            id: AI_HISTORY_VIEW_SORT_CHRONOLOGICALLY.id,
+            command: AI_HISTORY_VIEW_SORT_CHRONOLOGICALLY.id,
+            tooltip: 'Sort chronologically',
+            isVisible: widget => this.withHistoryWidget(widget),
+            onDidChange: this.chronologicalStateChanged
+        });
+        registry.registerItem({
+            id: AI_HISTORY_VIEW_SORT_REVERSE_CHRONOLOGICALLY.id,
+            command: AI_HISTORY_VIEW_SORT_REVERSE_CHRONOLOGICALLY.id,
+            tooltip: 'Sort reverse chronologically',
+            isVisible: widget => this.withHistoryWidget(widget),
+            onDidChange: this.chronologicalStateChanged
+        });
+        registry.registerItem({
+            id: AI_HISTORY_VIEW_CLEAR.id,
+            command: AI_HISTORY_VIEW_CLEAR.id,
+            tooltip: 'Clear History of all agents',
+            isVisible: widget => this.withHistoryWidget(widget)
+        });
+    }
+}

package/src/browser/ai-history-frontend-module.ts

@@ -0,0 +1,44 @@
+// *****************************************************************************
+// 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 { CommunicationRecordingService } from '@theia/ai-core';
+import { ContainerModule } from '@theia/core/shared/inversify';
+import { DefaultCommunicationRecordingService } from '../common/communication-recording-service';
+import { bindViewContribution, WidgetFactory } from '@theia/core/lib/browser';
+import { ILogger } from '@theia/core';
+import { AIHistoryViewContribution } from './ai-history-contribution';
+import { AIHistoryView } from './ai-history-widget';
+import '../../src/browser/style/ai-history.css';
+import { TabBarToolbarContribution } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
+
+export default new ContainerModule(bind => {
+    bind(DefaultCommunicationRecordingService).toSelf().inSingletonScope();
+    bind(CommunicationRecordingService).toService(DefaultCommunicationRecordingService);
+
+    bind(ILogger).toDynamicValue(ctx => {
+        const parentLogger = ctx.container.get<ILogger>(ILogger);
+        return parentLogger.child('llm-communication-recorder');
+    }).inSingletonScope().whenTargetNamed('llm-communication-recorder');
+
+    bindViewContribution(bind, AIHistoryViewContribution);
+
+    bind(AIHistoryView).toSelf();
+    bind(WidgetFactory).toDynamicValue(context => ({
+        id: AIHistoryView.ID,
+        createWidget: () => context.container.get<AIHistoryView>(AIHistoryView)
+    })).inSingletonScope();
+    bind(TabBarToolbarContribution).toService(AIHistoryViewContribution);
+
+});

package/src/browser/ai-history-widget.tsx

@@ -0,0 +1,149 @@
+// *****************************************************************************
+// 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 { Agent, AgentService, CommunicationRecordingService, CommunicationRequestEntry, CommunicationResponseEntry } from '@theia/ai-core';
+import { codicon, ReactWidget, StatefulWidget } from '@theia/core/lib/browser';
+import { inject, injectable, postConstruct } from '@theia/core/shared/inversify';
+import * as React from '@theia/core/shared/react';
+import { CommunicationCard } from './ai-history-communication-card';
+import { SelectComponent, SelectOption } from '@theia/core/lib/browser/widgets/select-component';
+import { deepClone } from '@theia/core';
+
+namespace AIHistoryView {
+    export interface State {
+        chronological: boolean;
+    }
+}
+
+@injectable()
+export class AIHistoryView extends ReactWidget implements StatefulWidget {
+    @inject(CommunicationRecordingService)
+    protected recordingService: CommunicationRecordingService;
+    @inject(AgentService)
+    protected readonly agentService: AgentService;
+
+    public static ID = 'ai-history-widget';
+    static LABEL = '✨ AI Agent History [Experimental]';
+
+    protected selectedAgent?: Agent;
+
+    protected _state: AIHistoryView.State = { chronological: false };
+
+    constructor() {
+        super();
+        this.id = AIHistoryView.ID;
+        this.title.label = AIHistoryView.LABEL;
+        this.title.caption = AIHistoryView.LABEL;
+        this.title.closable = true;
+        this.title.iconClass = codicon('history');
+    }
+
+    protected get state(): AIHistoryView.State {
+        return this._state;
+    }
+
+    protected set state(state: AIHistoryView.State) {
+        this._state = state;
+        this.update();
+    }
+
+    storeState(): object {
+        return this.state;
+    }
+
+    restoreState(oldState: object & Partial<AIHistoryView.State>): void {
+        const copy = deepClone(this.state);
+        if (oldState.chronological) {
+            copy.chronological = oldState.chronological;
+        }
+        this.state = copy;
+    }
+
+    @postConstruct()
+    protected init(): void {
+        this.update();
+        this.toDispose.push(this.recordingService.onDidRecordRequest(entry => this.historyContentUpdated(entry)));
+        this.toDispose.push(this.recordingService.onDidRecordResponse(entry => this.historyContentUpdated(entry)));
+        this.toDispose.push(this.recordingService.onStructuralChange(() => this.update()));
+        this.selectAgent(this.agentService.getAllAgents()[0]);
+    }
+
+    protected selectAgent(agent: Agent | undefined): void {
+        this.selectedAgent = agent;
+        this.update();
+    }
+
+    protected historyContentUpdated(entry: CommunicationRequestEntry | CommunicationResponseEntry): void {
+        if (entry.agentId === this.selectedAgent?.id) {
+            this.update();
+        }
+    }
+
+    render(): React.ReactNode {
+        const selectionChange = (value: SelectOption) => {
+            this.selectedAgent = this.agentService.getAllAgents().find(agent => agent.id === value.value);
+            this.update();
+        };
+        const agents = this.agentService.getAllAgents();
+        if (agents.length === 0) {
+            return (
+                <div className='agent-history-widget'>
+                    <div className='theia-card no-content'>No agent available.</div>
+                </div >);
+        }
+        return (
+            <div className='agent-history-widget'>
+                <SelectComponent
+                    options={agents.map(agent => ({
+                        value: agent.id,
+                        label: agent.name,
+                        description: agent.description || ''
+                    }))}
+                    onChange={selectionChange}
+                    defaultValue={this.selectedAgent?.id} />
+                <div className='agent-history'>
+                    {this.renderHistory()}
+                </div>
+            </div>
+        );
+    }
+
+    protected renderHistory(): React.ReactNode {
+        if (!this.selectedAgent) {
+            return <div className='theia-card no-content'>No agent selected.</div>;
+        }
+        const history = [...this.recordingService.getHistory(this.selectedAgent.id)];
+        if (history.length === 0) {
+            return <div className='theia-card no-content'>No history available for the selected agent '{this.selectedAgent.name}'.</div>;
+        }
+        if (!this.state.chronological) {
+            history.reverse();
+        }
+        return history.map(entry => <CommunicationCard key={entry.requestId} entry={entry} />);
+    }
+
+    protected onClick(e: React.MouseEvent<HTMLDivElement>, agent: Agent): void {
+        e.stopPropagation();
+        this.selectAgent(agent);
+    }
+
+    public sortHistory(chronological: boolean): void {
+        this.state = { ...deepClone(this.state), chronological: chronological };
+    }
+
+    get isChronological(): boolean {
+        return this.state.chronological === true;
+    }
+}

package/src/browser/style/ai-history.css

@@ -0,0 +1,92 @@
+.agent-history-widget {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+
+.agent-history-widget .theia-select-component {
+    margin: 10px 0;
+    width: 80%;
+}
+
+.agent-history {
+    width: calc(80% + 16px);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.theia-card {
+    background-color: var(--theia-sideBar-background);
+    border: 1px solid var(--theia-sideBarSectionHeader-border);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    padding: 15px;
+    margin: 10px 0;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.theia-card-meta {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.9em;
+    padding: var(--theia-ui-padding) 0;
+}
+
+.theia-card-content {
+    color: var(--theia-font-color);
+    margin-bottom: 10px;
+}
+
+.theia-card-content h2 {
+    font-size: var(--theia-ui-font-size2);
+}
+.theia-card-content h3 {
+    font-size: var(--theia-ui-font-size1);
+    font-weight: bold;
+}
+
+.theia-card-content .theia-card-context h2 {
+    display: inline;
+}
+.theia-card-content .theia-card-context ul {
+    padding-inline-start: 20px;
+}
+.theia-card-content .theia-card-context pre {
+    overflow: scroll;
+}
+
+.theia-card-content p {
+    margin: var(--theia-ui-padding) 0;
+}
+
+.theia-card-request, .theia-card-response {
+    margin-bottom: 10px;
+}
+
+.theia-card-request pre,
+.theia-card-response pre {
+    font-family: monospace;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    background-color: var(--theia-sideBar-background);
+    margin: var(--theia-ui-padding) 0;
+}
+
+.theia-card-request-id,
+.theia-card-session-id,
+.theia-card-timestamp,
+.theia-card-response-time {
+    flex: 1;
+}
+
+.theia-card-request-id,
+.theia-card-timestamp {
+    text-align: left;
+}
+
+.theia-card-session-id,
+.theia-card-response-time {
+    text-align: right;
+}