Skip to content

feat(kilo-vscode): allow removing queued messages #8844

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kilo-code-bot wants to merge 12 commits into
base: main
Choose a base branch
from
Open

feat(kilo-vscode): allow removing queued messages #8844

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
f6cde01
feat(kilo-vscode): enable deleting messages and queued items
kilo-code-bot[bot] Apr 13, 2026
bbb24ed
fix(vscode): delete queued prompts while busy
kilo-code-bot[bot] Apr 13, 2026
09f5668
fix(cli): guard active message deletion
kilo-code-bot[bot] Apr 13, 2026
43cac6e
fix(cli): identify active user message
kilo-code-bot[bot] Apr 13, 2026
0b22c62
fix(cli): detect in-flight queued boundary
kilo-code-bot[bot] Apr 13, 2026
fc45657
fix(ui): add queued delete translations
kilo-code-bot[bot] Apr 13, 2026
3d16c4c
chore: trigger queued delete rereview
kilo-code-bot[bot] Apr 13, 2026
b301c51
fix(cli): rename queued delete boundary
kilo-code-bot[bot] Apr 13, 2026
0942215
fix(cli): detect active turn after finished assistant
kilo-code-bot[bot] Apr 13, 2026
3acc366
fix(cli): rename latest assistant boundary
kilo-code-bot[bot] Apr 13, 2026
cb94afe
fix(cli): use latest finished assistant boundary
kilo-code-bot[bot] Apr 13, 2026
073e101
fix(cli): select newest finished assistant
kilo-code-bot[bot] Apr 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions packages/kilo-ui/src/components/message-part.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,10 @@ html[data-theme="kilo-vscode"] [data-component="bash-output"] {
font-size: var(--font-size-small);
color: var(--text-weak);
user-select: none;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
}

Expand Down
10 changes: 10 additions & 0 deletions packages/kilo-ui/src/components/message-part.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -706,6 +706,7 @@ export function UserMessageDisplay(props: {
interrupted?: boolean
animate?: boolean
queued?: boolean
onDeleteQueued?: () => void
onRevert?: () => void
}) {
const data = useData()
Expand Down Expand Up @@ -823,6 +824,15 @@ export function UserMessageDisplay(props: {
<GrowBox animate={!!props.animate} open={!!props.queued}>
<div data-slot="user-message-queued-indicator">
<TextShimmer text={i18n.t("ui.message.queued")} />
<Show when={props.onDeleteQueued}>
Copy link
Copy Markdown
Contributor Author

@kilo-code-bot kilo-code-bot bot Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

WARNING: Attachment-only queued messages never show the delete action

This button is rendered inside the surrounding Show when={text()} block. PromptInput allows sending prompts with only image/PDF attachments, so those queued messages will never render the queued indicator or delete control and cannot be removed with this feature.

<IconButton
icon="trash"
label={i18n.t("ui.message.deleteQueued")}
size="xs"
variant="ghost"
onClick={props.onDeleteQueued}
/>
</Show>
</div>
</GrowBox>
</div>
Expand Down
22 changes: 22 additions & 0 deletions packages/kilo-vscode/src/KiloProvider.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -826,6 +826,9 @@ export class KiloProvider implements vscode.WebviewViewProvider, TelemetryProper
case "deleteSession":
await this.handleDeleteSession(message.sessionID)
break
case "deleteMessage":
await this.handleDeleteMessage(message.sessionID, message.messageID)
break
case "renameSession":
await this.handleRenameSession(message.sessionID, message.title)
break
Expand Down Expand Up @@ -1501,6 +1504,25 @@ export class KiloProvider implements vscode.WebviewViewProvider, TelemetryProper
}
}

private async handleDeleteMessage(sessionID: string, messageID: string): Promise<void> {
if (!this.client) {
this.postMessage({ type: "error", message: "Not connected to CLI backend" })
return
}

try {
const dir = this.getWorkspaceDirectory(sessionID)
await this.client.session.deleteMessage({ sessionID, messageID, directory: dir }, { throwOnError: true })
} catch (error) {
console.error("[Kilo New] KiloProvider: Failed to delete message:", error)
this.postMessage({
type: "error",
message: getErrorMessage(error) || "Failed to delete message",
sessionID,
})
}
}

/**
* Handle renaming a session.
*/
Expand Down
3 changes: 3 additions & 0 deletions packages/kilo-vscode/webview-ui/src/components/chat/MessageList.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,6 +157,9 @@ export const MessageList: Component<MessageListProps> = (props) => {
sessionID={session.currentSessionID() ?? ""}
messageID={msg.id}
queued={queued()}
onDeleteQueued={
queued() ? () => session.deleteMessage(session.currentSessionID() ?? "", msg.id) : undefined
}
/>
)
}}
Expand Down
2 changes: 2 additions & 0 deletions packages/kilo-vscode/webview-ui/src/components/chat/VscodeSessionTurn.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ interface VscodeSessionTurnProps {
sessionID: string
messageID: string
queued?: boolean
onDeleteQueued?: () => void
}

export const VscodeSessionTurn: Component<VscodeSessionTurnProps> = (props) => {
Expand Down Expand Up @@ -169,6 +170,7 @@ export const VscodeSessionTurn: Component<VscodeSessionTurnProps> = (props) => {
parts={parts() as unknown as Parameters<typeof UserMessageDisplay>[0]["parts"]}
interrupted={interrupted()}
queued={props.queued}
onDeleteQueued={props.onDeleteQueued}
onRevert={
assistantMessages().length > 0 && !session.revert()
? () => {
Expand Down
11 changes: 11 additions & 0 deletions packages/kilo-vscode/webview-ui/src/context/session.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,6 +196,7 @@ interface SessionContextValue {
loadSessions: () => void
selectSession: (id: string) => void
deleteSession: (id: string) => void
deleteMessage: (sessionID: string, messageID: string) => void
renameSession: (id: string, title: string) => void
syncSession: (sessionID: string) => void

Expand Down Expand Up @@ -1643,6 +1644,15 @@ export const SessionProvider: ParentComponent = (props) => {
vscode.postMessage({ type: "deleteSession", sessionID: id })
}

function deleteMessage(sessionID: string, messageID: string) {
if (!server.isConnected()) {
console.warn("[Kilo New] Cannot delete message: not connected")
return
}
handleMessageRemoved(sessionID, messageID)
Copy link
Copy Markdown
Contributor Author

@kilo-code-bot kilo-code-bot bot Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

CRITICAL: Queued deletes cannot succeed while the session is busy

onDeleteQueued is only exposed for queued prompts, which only exist while another turn is still running. The server-side delete route calls SessionPrompt.assertNotBusy(), so this request is rejected every time the button is shown. Because the message is removed optimistically before the request returns, the UI looks successful until the session reloads. This needs either a queue-aware backend delete path or a rollback instead of unconditional local removal.

vscode.postMessage({ type: "deleteMessage", sessionID, messageID })
}

function renameSession(id: string, title: string) {
if (!server.isConnected()) {
console.warn("[Kilo New] Cannot rename session: not connected")
Expand Down Expand Up @@ -1878,6 +1888,7 @@ export const SessionProvider: ParentComponent = (props) => {
loadSessions,
selectSession,
deleteSession,
deleteMessage,
renameSession,
syncSession,
cloudPreviewId,
Expand Down
7 changes: 7 additions & 0 deletions packages/kilo-vscode/webview-ui/src/types/messages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1753,6 +1753,12 @@ export interface DeleteSessionRequest {
sessionID: string
}

export interface DeleteMessageRequest {
type: "deleteMessage"
sessionID: string
messageID: string
}

export interface RenameSessionRequest {
type: "renameSession"
sessionID: string
Expand Down Expand Up @@ -2364,6 +2370,7 @@ export type WebviewMessage =
| QuestionReplyRequest
| QuestionRejectRequest
| DeleteSessionRequest
| DeleteMessageRequest
| RenameSessionRequest
| RequestAutocompleteSettingsMessage
| UpdateAutocompleteSettingMessage
Expand Down
1 change: 1 addition & 0 deletions packages/ui/src/i18n/en.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,7 @@ export const dict: Record<string, string> = {
"ui.message.duration.minutesSeconds": "{{minutes}}m {{seconds}}s",
"ui.message.interrupted": "Interrupted",
"ui.message.queued": "Queued",
"ui.message.deleteQueued": "Remove queued message",
"ui.message.attachment.alt": "attachment",

"ui.patch.action.deleted": "Deleted",
Expand Down
Loading