Mirror_Repos/Kilo-Org_kilo
2
0
Fork 0
Code Issues Pull Requests Actions 84 Packages Projects Releases Wiki Activity

fix(agent-manager): add am- prefix to prompt-input CSS classes (#535)

Browse Source 
The agent-manager-arch test enforces that all CSS class selectors in
agent-manager.css use the am- prefix. The NewWorktreeDialog was reusing
unprefixed prompt-input-* classes from the sidebar chat CSS, which
violated this rule and broke the test-vscode CI pipeline.
This commit is contained in:
Marius
2026-02-20 16:48:50 +01:00
committed by GitHub
parent 043c37ab7e
commit c520e4523a
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/kilo-vscode/webview-ui/agent-manager/AgentManagerApp.tsx
+4 -4
View File
@@ -1495,12 +1495,12 @@ const NewWorktreeDialog: Component<{ onClose: () => void }> = (props) => {
<Dialog title="New Worktree" fit>
<div class="am-nv-dialog" onKeyDown={handleKeyDown}>
{/* Prompt input — reuses the same CSS as the sidebar chat input */}
<div class="prompt-input-container">
<div class="prompt-input-wrapper">
<div class="prompt-input-ghost-wrapper">
<div class="am-prompt-input-container">
<div class="am-prompt-input-wrapper">
<div class="am-prompt-input-ghost-wrapper">
<textarea
ref={textareaRef}
class="prompt-input"
class="am-prompt-input"
placeholder={`Type a message (${isMac ? "\u2318" : "Ctrl+"}Enter to send)`}
value={prompt()}
onInput={(e) => {
packages/kilo-vscode/webview-ui/agent-manager/agent-manager.css
+5 -5
View File
@@ -763,8 +763,8 @@ button.am-section-toggle:hover .am-section-label {
min-width: 460px;
}
/* Reuse prompt-input-container inside dialog — resizable from bottom edge */
.am-nv-dialog .prompt-input-container {
/* Reuse am-prompt-input-container inside dialog — resizable from bottom edge */
.am-nv-dialog .am-prompt-input-container {
margin: 0;
resize: vertical;
overflow: hidden;
@@ -774,16 +774,16 @@ button.am-section-toggle:hover .am-section-label {
flex-direction: column;
}
.am-nv-dialog .prompt-input-wrapper {
.am-nv-dialog .am-prompt-input-wrapper {
flex: 1;
min-height: 0;
}
.am-nv-dialog .prompt-input-ghost-wrapper {
.am-nv-dialog .am-prompt-input-ghost-wrapper {
height: 100%;
}
.am-nv-dialog .prompt-input {
.am-nv-dialog .am-prompt-input {
color: var(--vscode-input-foreground, var(--text-base));
resize: none;
min-height: 100%;