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:
@@ -181,8 +181,8 @@ export const taskRenderer: ToolRenderer = {
|
|||||||
<Show when={items().length > 0}>
|
<Show when={items().length > 0}>
|
||||||
<section class="tool-call-task-section">
|
<section class="tool-call-task-section">
|
||||||
<header class="tool-call-task-section-header">
|
<header class="tool-call-task-section-header">
|
||||||
<span class="tool-call-task-section-title">Tasks</span>
|
<span class="tool-call-task-section-title">Steps</span>
|
||||||
<span class="tool-call-task-section-meta">{items().length} item(s)</span>
|
<span class="tool-call-task-section-meta">{items().length} steps</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="tool-call-task-section-body">
|
<div class="tool-call-task-section-body">
|
||||||
<div
|
<div
|
||||||
|
|||||||
@@ -46,6 +46,11 @@
|
|||||||
padding: 0;
|
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. */
|
/* Keep task lists compact vs prompt/output panes. */
|
||||||
.tool-call-task-container.tool-call-markdown {
|
.tool-call-task-container.tool-call-markdown {
|
||||||
max-height: calc(var(--tool-call-max-height-compact, calc(25 * 1.4em)) / 2);
|
max-height: calc(var(--tool-call-max-height-compact, calc(25 * 1.4em)) / 2);
|
||||||
|
|||||||
Reference in New Issue
Block a user