feat(ui): polish task steps section

Rename Tasks to Steps and remove list padding for a flush, compact steps view.
This commit is contained in:
Shantur Rathore
2026-01-24 10:35:15 +00:00
parent 4da69b5a20
commit effb30d98e
2 changed files with 7 additions and 2 deletions

View File

@@ -181,8 +181,8 @@ export const taskRenderer: ToolRenderer = {
<Show when={items().length > 0}>
<section class="tool-call-task-section">
<header class="tool-call-task-section-header">
<span class="tool-call-task-section-title">Tasks</span>
<span class="tool-call-task-section-meta">{items().length} item(s)</span>
<span class="tool-call-task-section-title">Steps</span>
<span class="tool-call-task-section-meta">{items().length} steps</span>
</header>
<div class="tool-call-task-section-body">
<div

View File

@@ -46,6 +46,11 @@
padding: 0;
}
/* Steps list should be flush (no inset padding). */
.tool-call-task-section-body .tool-call-task-container.tool-call-markdown {
padding: 0;
}
/* Keep task lists compact vs prompt/output panes. */
.tool-call-task-container.tool-call-markdown {
max-height: calc(var(--tool-call-max-height-compact, calc(25 * 1.4em)) / 2);