npm - @theia/ai-chat-ui - Versions diffs - 1.69.0 → 1.70.0-next.0 - Mend

@theia/ai-chat-ui 1.69.0 → 1.70.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/lib/browser/chat-response-renderer/question-part-renderer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"question-part-renderer.d.ts","sourceRoot":"","sources":["../../../src/browser/chat-response-renderer/question-part-renderer.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,~~EAAE~~,uBAAuB,~~EAAE~~,MAAM,gBAAgB,CAAC;~~AAG9E~~,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,qBACa,oBACT,YAAW,wBAAwB,CAAC,uBAAuB,CAAC;IAE5D,SAAS,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM;IAOhD,MAAM,CAAC,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,YAAY,GAAG,SAAS;~~CA8B3E~~"}
1	+ {"version":3,"file":"question-part-renderer.d.ts","sourceRoot":"","sources":["../../../src/browser/chat-response-renderer/question-part-renderer.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,EAAsC,uBAAuB,EAA2B,MAAM,gBAAgB,CAAC;AAK3I,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,qBACa,oBACT,YAAW,wBAAwB,CAAC,uBAAuB,CAAC;IAE5D,SAAS,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM;IAOhD,MAAM,CAAC,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,YAAY,GAAG,SAAS;CAO3E"}

package/lib/browser/chat-response-renderer/question-part-renderer.js CHANGED Viewed

@@ -18,6 +18,8 @@ const tslib_1 = require("tslib");
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 const ai_chat_1 = require("@theia/ai-chat");
+const core_1 = require("@theia/core");
+const browser_1 = require("@theia/core/lib/browser");
 const inversify_1 = require("@theia/core/shared/inversify");
 const React = require("@theia/core/shared/react");
 let QuestionPartRenderer = class QuestionPartRenderer {
@@ -28,19 +30,111 @@ let QuestionPartRenderer = class QuestionPartRenderer {
         return -1;
     }
     render(question, node) {
-        const isDisabled = question.isReadOnly || question.selectedOption !== undefined || !node.response.isWaitingForInput;
-        return (React.createElement("div", { className: "theia-QuestionPartRenderer-root" },
-            React.createElement("div", { className: "theia-QuestionPartRenderer-question" }, question.question),
-            React.createElement("div", { className: "theia-QuestionPartRenderer-options" }, question.options.map((option, index) => (React.createElement("button", { className: `theia-button theia-QuestionPartRenderer-option ${question.selectedOption?.text === option.text ? 'selected' : ''}`, onClick: () => {
-                    if (!question.isReadOnly && question.handler) {
-                        question.selectedOption = option;
-                        question.handler(option);
-                    }
-                }, disabled: isDisabled, key: index, title: option.description }, option.text))))));
+        if (question.multiSelect) {
+            return React.createElement(MultiSelectQuestion, { question: question, node: node });
+        }
+        return React.createElement(SingleSelectQuestion, { question: question, node: node });
     }
 };
 exports.QuestionPartRenderer = QuestionPartRenderer;
 exports.QuestionPartRenderer = QuestionPartRenderer = tslib_1.__decorate([
     (0, inversify_1.injectable)()
 ], QuestionPartRenderer);
+function isResolved(question) {
+    return question.selectedOptions !== undefined;
+}
+function skipQuestion(question) {
+    if (question.isReadOnly) {
+        return;
+    }
+    question.selectedOptions = [];
+    if (question.multiSelect) {
+        if (question.handler) {
+            question.handler([]);
+        }
+    }
+    else {
+        question.onSkip?.();
+    }
+}
+function isOptionSelected(question, option) {
+    return question.selectedOptions?.some(s => s.text === option.text) === true;
+}
+function DismissButton({ question, disabled }) {
+    if (disabled) {
+        return undefined;
+    }
+    return (React.createElement("button", { className: `theia-QuestionPartRenderer-dismiss ${(0, browser_1.codicon)('close')}`, onClick: () => skipQuestion(question), title: core_1.nls.localizeByDefault('Dismiss') }));
+}
+function SingleSelectQuestion({ question, node }) {
+    const isDisabled = question.isReadOnly || isResolved(question) || !node.response.isWaitingForInput;
+    const hasDescriptions = question.options.some(option => option.description);
+    return (React.createElement("div", { className: "theia-QuestionPartRenderer-root" },
+        question.onSkip && React.createElement(DismissButton, { question: question, disabled: isDisabled }),
+        question.header && React.createElement("div", { className: "theia-QuestionPartRenderer-header" }, question.header),
+        React.createElement("div", { className: "theia-QuestionPartRenderer-question" }, question.question),
+        React.createElement("div", { className: `theia-QuestionPartRenderer-options ${hasDescriptions ? 'has-descriptions' : ''}` }, question.options.map((option, index) => (React.createElement("button", { className: `theia-QuestionPartRenderer-option ${isOptionSelected(question, option) ? 'selected' : ''}`, onClick: () => {
+                if (!question.isReadOnly && question.handler) {
+                    question.selectedOption = option;
+                    question.handler(option);
+                }
+            }, disabled: isDisabled, key: index },
+            React.createElement("span", { className: "theia-QuestionPartRenderer-option-label" }, option.text),
+            option.description && (React.createElement("span", { className: "theia-QuestionPartRenderer-option-description" }, option.description))))))));
+}
+function MultiSelectQuestion({ question, node }) {
+    const restoredIndices = React.useMemo(() => {
+        if (question.selectedOptions && question.selectedOptions.length > 0) {
+            const indices = new Set();
+            for (const selected of question.selectedOptions) {
+                const idx = question.options.findIndex(o => o.text === selected.text);
+                if (idx >= 0) {
+                    indices.add(idx);
+                }
+            }
+            return indices;
+        }
+        return new Set();
+    }, []);
+    const [selectedIndices, setSelectedIndices] = React.useState(restoredIndices);
+    const [confirmed, setConfirmed] = React.useState(isResolved(question));
+    const isDisabled = question.isReadOnly || confirmed || !node.response.isWaitingForInput;
+    const hasDescriptions = question.options.some(option => option.description);
+    const toggleOption = React.useCallback((index) => {
+        if (isDisabled) {
+            return;
+        }
+        setSelectedIndices(prev => {
+            const next = new Set(prev);
+            if (next.has(index)) {
+                next.delete(index);
+            }
+            else {
+                next.add(index);
+            }
+            return next;
+        });
+    }, [isDisabled]);
+    const handleConfirm = React.useCallback(() => {
+        if (isDisabled || selectedIndices.size === 0) {
+            return;
+        }
+        const selectedOpts = Array.from(selectedIndices)
+            .sort((a, b) => a - b)
+            .map(i => question.options[i]);
+        question.selectedOptions = selectedOpts;
+        setConfirmed(true);
+        if (question.handler) {
+            question.handler(selectedOpts);
+        }
+    }, [isDisabled, selectedIndices]);
+    return (React.createElement("div", { className: "theia-QuestionPartRenderer-root" },
+        React.createElement(DismissButton, { question: question, disabled: isDisabled }),
+        question.header && React.createElement("div", { className: "theia-QuestionPartRenderer-header" }, question.header),
+        React.createElement("div", { className: "theia-QuestionPartRenderer-question" }, question.question),
+        React.createElement("div", { className: `theia-QuestionPartRenderer-options ${hasDescriptions ? 'has-descriptions' : ''}` }, question.options.map((option, index) => (React.createElement("button", { className: `theia-QuestionPartRenderer-option ${selectedIndices.has(index) ? 'selected' : ''}`, onClick: () => toggleOption(index), disabled: isDisabled, key: index },
+            React.createElement("span", { className: "theia-QuestionPartRenderer-option-label" }, option.text),
+            option.description && (React.createElement("span", { className: "theia-QuestionPartRenderer-option-description" }, option.description)))))),
+        !isDisabled && (React.createElement("button", { className: "theia-QuestionPartRenderer-confirm theia-button main", onClick: handleConfirm, disabled: selectedIndices.size === 0 }, core_1.nls.localize('theia/ai-chat-ui/confirm', 'Confirm')))));
+}
 //# sourceMappingURL=question-part-renderer.js.map

package/lib/browser/chat-response-renderer/question-part-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"question-part-renderer.js","sourceRoot":"","sources":["../../../src/browser/chat-response-renderer/question-part-renderer.tsx"],"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;AAChF,~~4CAA8E~~;~~AAC9E~~,4DAA0D;AAC1D,kDAAkD;AAM3C,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IAG7B,SAAS,CAAC,QAA6B;QACnC,IAAI,iCAAuB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;IACd,CAAC;IAED,MAAM,CAAC,QAAiC,EAAE,IAAkB;QACxD,~~MAAM~~,UAAU,~~GAAG~~,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,~~cAAc~~,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC;~~QAEpH~~,OAAO,CACH,6BAAK,SAAS,EAAC,iCAAiC;~~YAC5C~~,6BAAK,SAAS,EAAC,qCAAqC,IAAE,QAAQ,CAAC,QAAQ,CAAO;~~YAC9E~~,6BAAK,SAAS,~~EAAC~~,~~oCAAoC~~,~~IAE3C~~,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,gCACI,SAAS,EAAE,~~kDAAkD~~,~~QAAQ~~,CAAC,~~cAAc~~,EAAE,~~IAAI,KAAK,~~MAAM,CAAC,~~IAAI,~~CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,~~EAC9H~~,OAAO,EAAE,GAAG,EAAE;~~oBACV~~,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;~~wBAC3C~~,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;~~wBACjC~~,QAAQ,CAAC,~~OAAO~~,CAAC,MAAM,CAAC,CAAC;~~oBAC7B~~,CAAC;~~gBACL~~,CAAC,EACD,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,KAAK,~~EACV~~,~~KAAK~~,~~EAAE~~,MAAM,CAAC,~~WAAW~~,~~IAExB~~,MAAM,CAAC,IAAI,~~CACP~~,CACZ,CAAC,CAEJ,CACJ,CACT,CAAC;~~IACN~~,CAAC;~~CAEJ~~,~~CAAA~~;~~AAxCY~~,~~oDAAoB;+BAApB~~,~~oBAAoB~~;~~IADhC~~,~~IAAA~~,~~sBAAU~~,~~GAAE~~;~~GACA~~,~~oBAAoB~~,~~CAwChC~~"}
1	+ {"version":3,"file":"question-part-renderer.js","sourceRoot":"","sources":["../../../src/browser/chat-response-renderer/question-part-renderer.tsx"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,18 +1,18 @@
 {
   "name": "@theia/ai-chat-ui",
-  "version": "1.69.0",
+  "version": "1.70.0-next.0+746bd8e6e",
   "description": "Theia - AI Chat UI Extension",
   "dependencies": {
-    "@theia/ai-chat": "1.69.0",
-    "@theia/ai-core": "1.69.0",
-    "@theia/core": "1.69.0",
-    "@theia/editor": "1.69.0",
-    "@theia/editor-preview": "1.69.0",
-    "@theia/filesystem": "1.69.0",
-    "@theia/monaco": "1.69.0",
+    "@theia/ai-chat": "1.70.0-next.0+746bd8e6e",
+    "@theia/ai-core": "1.70.0-next.0+746bd8e6e",
+    "@theia/core": "1.70.0-next.0+746bd8e6e",
+    "@theia/editor": "1.70.0-next.0+746bd8e6e",
+    "@theia/editor-preview": "1.70.0-next.0+746bd8e6e",
+    "@theia/filesystem": "1.70.0-next.0+746bd8e6e",
+    "@theia/monaco": "1.70.0-next.0+746bd8e6e",
     "@theia/monaco-editor-core": "1.96.302",
-    "@theia/preferences": "1.69.0",
-    "@theia/workspace": "1.69.0",
+    "@theia/preferences": "1.70.0-next.0+746bd8e6e",
+    "@theia/workspace": "1.70.0-next.0+746bd8e6e",
     "date-fns": "^4.1.0",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1"
@@ -56,5 +56,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "3b413470b0f990dc0d6e4287da02a6b6e21d3239"
+  "gitHead": "746bd8e6e43be90c1e1f59d226429a78f4590466"
 }

package/src/browser/chat-response-renderer/question-part-renderer.tsx CHANGED Viewed

@@ -13,7 +13,9 @@
 //
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
-import { ChatResponseContent, QuestionResponseContent } from '@theia/ai-chat';
+import { ChatResponseContent, MultiSelectQuestionResponseHandler, QuestionResponseContent, QuestionResponseHandler } from '@theia/ai-chat';
+import { nls } from '@theia/core';
+import { codicon } from '@theia/core/lib/browser';
 import { injectable } from '@theia/core/shared/inversify';
 import * as React from '@theia/core/shared/react';
 import { ReactNode } from '@theia/core/shared/react';
@@ -32,33 +34,162 @@ export class QuestionPartRenderer
     }
     render(question: QuestionResponseContent, node: ResponseNode): ReactNode {
-        const isDisabled = question.isReadOnly || question.selectedOption !== undefined || !node.response.isWaitingForInput;
+        if (question.multiSelect) {
+            return <MultiSelectQuestion question={question} node={node} />;
+        }
+        return <SingleSelectQuestion question={question} node={node} />;
+    }
-        return (
-            <div className="theia-QuestionPartRenderer-root">
-                <div className="theia-QuestionPartRenderer-question">{question.question}</div>
-                <div className="theia-QuestionPartRenderer-options">
-                    {
-                        question.options.map((option, index) => (
-                            <button
-                                className={`theia-button theia-QuestionPartRenderer-option ${question.selectedOption?.text === option.text ? 'selected' : ''}`}
-                                onClick={() => {
-                                    if (!question.isReadOnly && question.handler) {
-                                        question.selectedOption = option;
-                                        question.handler(option);
-                                    }
-                                }}
-                                disabled={isDisabled}
-                                key={index}
-                                title={option.description}
-                            >
-                                {option.text}
-                            </button>
-                        ))
-                    }
-                </div>
-            </div>
-        );
+}
+function isResolved(question: QuestionResponseContent): boolean {
+    return question.selectedOptions !== undefined;
+}
+function skipQuestion(question: QuestionResponseContent): void {
+    if (question.isReadOnly) {
+        return;
+    }
+    question.selectedOptions = [];
+    if (question.multiSelect) {
+        if (question.handler) {
+            (question.handler as MultiSelectQuestionResponseHandler)([]);
+        }
+    } else {
+        question.onSkip?.();
+    }
+}
+function isOptionSelected(question: QuestionResponseContent, option: { text: string }): boolean {
+    return question.selectedOptions?.some(s => s.text === option.text) === true;
+}
+function DismissButton({ question, disabled }: { question: QuestionResponseContent, disabled: boolean }): React.JSX.Element | undefined {
+    if (disabled) {
+        return undefined;
     }
+    return (
+        <button
+            className={`theia-QuestionPartRenderer-dismiss ${codicon('close')}`}
+            onClick={() => skipQuestion(question)}
+            title={nls.localizeByDefault('Dismiss')}
+        />
+    );
+}
+function SingleSelectQuestion({ question, node }: { question: QuestionResponseContent, node: ResponseNode }): React.JSX.Element {
+    const isDisabled = question.isReadOnly || isResolved(question) || !node.response.isWaitingForInput;
+    const hasDescriptions = question.options.some(option => option.description);
+    return (
+        <div className="theia-QuestionPartRenderer-root">
+            {question.onSkip && <DismissButton question={question} disabled={isDisabled} />}
+            {question.header && <div className="theia-QuestionPartRenderer-header">{question.header}</div>}
+            <div className="theia-QuestionPartRenderer-question">{question.question}</div>
+            <div className={`theia-QuestionPartRenderer-options ${hasDescriptions ? 'has-descriptions' : ''}`}>
+                {
+                    question.options.map((option, index) => (
+                        <button
+                            className={`theia-QuestionPartRenderer-option ${isOptionSelected(question, option) ? 'selected' : ''}`}
+                            onClick={() => {
+                                if (!question.isReadOnly && question.handler) {
+                                    question.selectedOption = option;
+                                    (question.handler as QuestionResponseHandler)(option);
+                                }
+                            }}
+                            disabled={isDisabled}
+                            key={index}
+                        >
+                            <span className="theia-QuestionPartRenderer-option-label">{option.text}</span>
+                            {option.description && (
+                                <span className="theia-QuestionPartRenderer-option-description">{option.description}</span>
+                            )}
+                        </button>
+                    ))
+                }
+            </div>
+        </div>
+    );
+}
+function MultiSelectQuestion({ question, node }: { question: QuestionResponseContent, node: ResponseNode }): React.JSX.Element {
+    const restoredIndices = React.useMemo(() => {
+        if (question.selectedOptions && question.selectedOptions.length > 0) {
+            const indices = new Set<number>();
+            for (const selected of question.selectedOptions) {
+                const idx = question.options.findIndex(o => o.text === selected.text);
+                if (idx >= 0) {
+                    indices.add(idx);
+                }
+            }
+            return indices;
+        }
+        return new Set<number>();
+    }, []);
+    const [selectedIndices, setSelectedIndices] = React.useState<Set<number>>(restoredIndices);
+    const [confirmed, setConfirmed] = React.useState(isResolved(question));
+    const isDisabled = question.isReadOnly || confirmed || !node.response.isWaitingForInput;
+    const hasDescriptions = question.options.some(option => option.description);
+    const toggleOption = React.useCallback((index: number): void => {
+        if (isDisabled) {
+            return;
+        }
+        setSelectedIndices(prev => {
+            const next = new Set(prev);
+            if (next.has(index)) {
+                next.delete(index);
+            } else {
+                next.add(index);
+            }
+            return next;
+        });
+    }, [isDisabled]);
+    const handleConfirm = React.useCallback((): void => {
+        if (isDisabled || selectedIndices.size === 0) {
+            return;
+        }
+        const selectedOpts = Array.from(selectedIndices)
+            .sort((a, b) => a - b)
+            .map(i => question.options[i]);
+        question.selectedOptions = selectedOpts;
+        setConfirmed(true);
+        if (question.handler) {
+            (question.handler as MultiSelectQuestionResponseHandler)(selectedOpts);
+        }
+    }, [isDisabled, selectedIndices]);
+    return (
+        <div className="theia-QuestionPartRenderer-root">
+            <DismissButton question={question} disabled={isDisabled} />
+            {question.header && <div className="theia-QuestionPartRenderer-header">{question.header}</div>}
+            <div className="theia-QuestionPartRenderer-question">{question.question}</div>
+            <div className={`theia-QuestionPartRenderer-options ${hasDescriptions ? 'has-descriptions' : ''}`}>
+                {question.options.map((option, index) => (
+                    <button
+                        className={`theia-QuestionPartRenderer-option ${selectedIndices.has(index) ? 'selected' : ''}`}
+                        onClick={() => toggleOption(index)}
+                        disabled={isDisabled}
+                        key={index}
+                    >
+                        <span className="theia-QuestionPartRenderer-option-label">{option.text}</span>
+                        {option.description && (
+                            <span className="theia-QuestionPartRenderer-option-description">{option.description}</span>
+                        )}
+                    </button>
+                ))}
+            </div>
+            {!isDisabled && (
+                <button
+                    className="theia-QuestionPartRenderer-confirm theia-button main"
+                    onClick={handleConfirm}
+                    disabled={selectedIndices.size === 0}
+                >
+                    {nls.localize('theia/ai-chat-ui/confirm', 'Confirm')}
+                </button>
+            )}
+        </div>
+    );
 }

package/src/browser/style/index.css CHANGED Viewed

@@ -786,33 +786,106 @@ div:last-child>.theia-ChatNode {
 }
 .theia-QuestionPartRenderer-root {
+  position: relative;
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: var(--theia-ui-padding);
   border: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
-  padding: 8px 12px 12px;
-  border-radius: 5px;
-  margin: 0 0 8px 0;
+  padding: calc(var(--theia-ui-padding) * 2);
+  border-radius: var(--theia-ui-padding);
+  margin: 0 0 var(--theia-ui-padding) 0;
+}
+.theia-QuestionPartRenderer-dismiss {
+  position: absolute;
+  top: var(--theia-ui-padding);
+  right: var(--theia-ui-padding);
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--theia-descriptionForeground);
+  font-size: var(--theia-ui-font-size1);
+  padding: 2px;
+  line-height: 1;
+  border-radius: calc(var(--theia-ui-padding) * 2 / 3);
+}
+.theia-QuestionPartRenderer-dismiss:hover {
+  color: var(--theia-foreground);
+  background-color: var(--theia-toolbar-hoverBackground);
+}
+.theia-QuestionPartRenderer-header {
+  font-weight: 700;
+  font-size: var(--theia-ui-font-size0);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--theia-descriptionForeground);
+}
+.theia-QuestionPartRenderer-question {
+  margin-bottom: calc(var(--theia-ui-padding) / 2);
 }
 .theia-QuestionPartRenderer-options {
   display: flex;
   flex-wrap: wrap;
-  gap: 12px;
+  gap: var(--theia-ui-padding);
+}
+.theia-QuestionPartRenderer-options.has-descriptions {
+  flex-direction: column;
 }
 .theia-QuestionPartRenderer-option {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
   min-width: 100px;
   flex: 1 1 auto;
   margin: 0;
+  padding: var(--theia-ui-padding) calc(var(--theia-ui-padding) * 2);
+  border-radius: var(--theia-ui-padding);
+  border: var(--theia-border-width) solid var(--theia-sideBarSectionHeader-border);
+  background-color: var(--theia-editor-background);
+  color: var(--theia-foreground);
+  cursor: pointer;
+  line-height: 1.4;
+}
+.theia-QuestionPartRenderer-option:hover:not(:disabled) {
+  background-color: var(--theia-list-hoverBackground);
+}
+.theia-QuestionPartRenderer-option.selected {
+  background-color: var(--theia-button-background);
+  color: var(--theia-button-foreground);
+  border-color: var(--theia-button-background);
 }
 .theia-QuestionPartRenderer-option.selected:disabled:hover {
-  background-color: var(--theia-button-disabledBackground);
+  background-color: var(--theia-button-background);
 }
 .theia-QuestionPartRenderer-option:disabled:not(.selected) {
-  background-color: var(--theia-button-secondaryBackground);
+  opacity: var(--theia-mod-disabled-opacity);
+  cursor: default;
+}
+.theia-QuestionPartRenderer-option-label {
+  font-weight: 600;
+}
+.theia-QuestionPartRenderer-option-description {
+  font-size: var(--theia-ui-font-size0);
+  opacity: 0.8;
+  margin-top: 2px;
+}
+.theia-QuestionPartRenderer-confirm {
+  align-self: flex-end;
+  margin-top: calc(var(--theia-ui-padding) / 2);
 }
 .theia-toolCall,