From effb30d98eb37528c67033aac1c5721ae0d2ca44 Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Sat, 24 Jan 2026 10:35:15 +0000
Subject: [PATCH] feat(ui): polish task steps section

Rename Tasks to Steps and remove list padding for a flush, compact steps view.
---
 packages/ui/src/components/tool-call/renderers/task.tsx | 4 ++--
 packages/ui/src/styles/messaging/tool-call/task.css     | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/tool-call/renderers/task.tsx b/packages/ui/src/components/tool-call/renderers/task.tsx
index 7ab796e5..a7305cb3 100644
--- a/packages/ui/src/components/tool-call/renderers/task.tsx
+++ b/packages/ui/src/components/tool-call/renderers/task.tsx
@@ -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
diff --git a/packages/ui/src/styles/messaging/tool-call/task.css b/packages/ui/src/styles/messaging/tool-call/task.css
index 22b07302..2756cca2 100644
--- a/packages/ui/src/styles/messaging/tool-call/task.css
+++ b/packages/ui/src/styles/messaging/tool-call/task.css
@@ -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);