Simplify todo tool calls and tighten layout

This commit is contained in:
Shantur Rathore
2025-11-20 10:46:11 +00:00
parent c5fd5694ee
commit c4c2c92974
2 changed files with 3 additions and 59 deletions

View File

@@ -994,27 +994,8 @@ export default function ToolCall(props: ToolCallProps) {
return <div class="tool-call-todo-empty">No plan items yet.</div>
}
const completionPercent = Math.round((counts.completed / counts.total) * 100)
return (
<div class="tool-call-todo-region">
<div class="tool-call-todo-summary">
<div class="tool-call-todo-metrics">
<span class="tool-call-todo-metric"><span class="tool-call-todo-metric-value">{counts.completed}</span> done</span>
<span class="tool-call-todo-metric"><span class="tool-call-todo-metric-value">{counts.in_progress}</span> in progress</span>
<span class="tool-call-todo-metric"><span class="tool-call-todo-metric-value">{counts.pending}</span> pending</span>
</div>
<div
class="tool-call-todo-progress"
role="progressbar"
aria-valuemin="0"
aria-valuemax={counts.total}
aria-valuenow={counts.completed}
aria-label="Plan progress"
>
<div class="tool-call-todo-progress-bar" style={{ width: `${completionPercent}%` }} />
</div>
</div>
<div class="tool-call-todos" role="list">
<For each={todos}>
{(todo) => {