opensource/kilocode
3
0
Fork 0
mirror of https://github.com/Kilo-Org/kilocode.git synced 2026-10-30 19:32:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove borders from reasoning blocks and text parts in agent responses

Browse Source
This commit is contained in:
kiloconnect[bot]
2026-03-05 11:22:43 +01:00
committed by Mark IJbema
parent 242b58698a
commit 0c3d876979
2 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/kilo-ui/src/components/basic-tool.css
+1 -1
View File
@@ -59,7 +59,7 @@ html[data-theme="kilo-vscode"] [data-component="tool-trigger"] {
}
/* Card styling for tool calls in the VS Code sidebar theme */
html[data-theme="kilo-vscode"] [data-component="tool-part-wrapper"] {
html[data-theme="kilo-vscode"] [data-component="tool-part-wrapper"][data-part-type="tool"] {
border-radius: var(--radius-md);
border: 1px solid var(--border-weak-base, var(--vscode-panel-border));
overflow: hidden;
packages/kilo-vscode/webview-ui/src/components/chat/AssistantMessage.tsx
+20 -6
View File
@@ -60,8 +60,7 @@ export const AssistantMessage: Component<AssistantMessageProps> = (props) => {
}
// Questions linked to this message (rendered after the last part)
const questionForMessage = () =>
questions().find((q) => q.tool!.messageID === props.message.id)
const questionForMessage = () => questions().find((q) => q.tool!.messageID === props.message.id)
const [responding, setResponding] = createSignal(false)
@@ -79,7 +78,7 @@ export const AssistantMessage: Component<AssistantMessageProps> = (props) => {
const perm = () => permissionForPart(part)
return (
<Show when={PART_MAPPING[part.type]}>
<div data-component="tool-part-wrapper" data-permission={!!perm()}>
<div data-component="tool-part-wrapper" data-permission={!!perm()} data-part-type={part.type}>
<Part
part={part}
message={props.message as SDKMessage}
@@ -97,13 +96,28 @@ export const AssistantMessage: Component<AssistantMessageProps> = (props) => {
</div>
</Show>
<div data-slot="permission-actions">
<Button variant="ghost" size="small" onClick={() => decide(p.id, "reject")} disabled={responding()}>
<Button
variant="ghost"
size="small"
onClick={() => decide(p.id, "reject")}
disabled={responding()}
>
{language.t("ui.permission.deny")}
</Button>
<Button variant="secondary" size="small" onClick={() => decide(p.id, "always")} disabled={responding()}>
<Button
variant="secondary"
size="small"
onClick={() => decide(p.id, "always")}
disabled={responding()}
>
{language.t("ui.permission.allowAlways")}
</Button>
<Button variant="primary" size="small" onClick={() => decide(p.id, "once")} disabled={responding()}>
<Button
variant="primary"
size="small"
onClick={() => decide(p.id, "once")}
disabled={responding()}
>
{language.t("ui.permission.allowOnce")}
</Button>
</div>