feat(webui): add webview container and isolate styles for VSCode integration

- Introduce WebviewContainer component for style isolation in VSCode webviews
- Rename CSS variables from --app-* to --qwen-app-* to prevent conflicts
- Add dedicated webview.css with isolated styles
- Update exports to include webview.css in package
- Modify all components to use new CSS variable names
- Update VSCode IDE companion to use new webview container
- Add style isolation to prevent conflicts with VSCode environment

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

Fixes webview UI issues in VSCode IDE Companion by providing proper style encapsulation.
This commit is contained in:
yiliang114 2026-01-17 10:53:32 +08:00
parent 9a47ad5e62
commit ff43a278dc
64 changed files with 564 additions and 216 deletions

View file

@ -7,7 +7,7 @@
* Platform-agnostic version with configurable edit modes
*/
import type React from 'react';
import type { FC } from 'react';
import type { ReactNode } from 'react';
import {
EditPencilIcon,
@ -144,7 +144,7 @@ export interface InputFormProps {
* />
* ```
*/
export const InputForm: React.FC<InputFormProps> = ({
export const InputForm: FC<InputFormProps> = ({
inputText,
inputFieldRef,
isStreaming,