fix: more work on A2UI

This commit is contained in:
2026-05-01 22:22:59 +02:00
parent 391a7f216f
commit a17c549817
12 changed files with 228 additions and 59 deletions

View File

@@ -5558,13 +5558,45 @@ button svg * {
}
.chat-tool-marker {
font-size: 12px;
color: var(--vscode-descriptionForeground, inherit);
}
.chat-tool-marker summary {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
cursor: pointer;
list-style: none;
}
.chat-tool-marker summary::-webkit-details-marker {
display: none;
}
.chat-tool-marker-details {
margin: 6px 0 2px 20px;
padding: 8px;
border: 1px solid var(--vscode-editorGroup-border, var(--line, #3c3c3c));
border-radius: 6px;
background-color: var(--vscode-editor-background, rgba(0, 0, 0, 0.18));
}
.chat-tool-marker-detail-label {
margin: 0 0 4px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: var(--vscode-descriptionForeground, inherit);
}
.chat-tool-marker-details pre {
margin: 0 0 8px;
white-space: pre-wrap;
overflow-wrap: anywhere;
font: 11px/1.45 "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
}
.chat-tool-marker.completed .chat-tool-marker-icon {
color: var(--vscode-testing-iconPassed, #89d185);
}
@@ -5581,13 +5613,60 @@ button svg * {
.chat-tool-surface {
width: min(720px, calc(100% - 44px));
margin-left: 44px;
padding: 14px;
box-sizing: border-box;
border: 1px solid var(--vscode-editorGroup-border, var(--line, #3c3c3c));
border-radius: 12px;
background-color: var(--vscode-sideBar-background, var(--panel-2, #252526));
}
.chat-inline-surface {
overflow: hidden;
}
.chat-inline-surface-header {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
list-style: none;
background-color: var(--vscode-textBlockQuote-background, rgba(127, 127, 127, 0.1));
}
.chat-inline-surface-header::-webkit-details-marker {
display: none;
}
.chat-inline-surface-title {
min-width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
font-weight: 600;
}
.chat-inline-surface-dismiss {
border: 0;
border-radius: 4px;
padding: 2px 7px;
background: transparent;
color: var(--vscode-descriptionForeground, inherit);
cursor: pointer;
font-size: 15px;
line-height: 1.2;
}
.chat-inline-surface-dismiss:hover {
background-color: var(--vscode-toolbar-hoverBackground, rgba(255, 255, 255, 0.08));
color: var(--vscode-foreground, inherit);
}
.chat-inline-surface-body {
padding: 14px;
}
.chat-inline-surface h3,
.chat-tool-surface h3 {
margin: 0 0 12px;