tui: simplify task tool display with cleaner tree indentation

Replaces the '⋮' icon with '│' and updates the tree formatting to use

consistent '└' characters for better visual hierarchy when showing

running and completed task states.
pull/15887/head
Dax Raad 2026-03-03 13:59:15 -05:00
parent 50cb49fa6c
commit 98309fdd58
1 changed files with 5 additions and 9 deletions

View File

@ -1975,23 +1975,19 @@ function Task(props: ToolProps<typeof TaskTool>) {
return (
<InlineTool
icon=""
icon=""
spinner={isRunning()}
complete={props.input.description}
pending="Delegating..."
part={props.part}
>
Task {props.input.description}
<Show when={isRunning() && tools().length > 0}>
{" "}
· {tools().length} toolcalls
<Show fallback={"\n⤷ Running..."} when={current()}>
{"\n"} {Locale.titlecase(current()!.tool)} {(current()!.state as any).title}
</Show>
<Show when={isRunning() && tools().length > 0}> · {tools().length} toolcalls</Show>
<Show fallback={"\n└ Running..."} when={current()}>
{"\n└"} {Locale.titlecase(current()!.tool)} {(current()!.state as any).title}
</Show>
<Show when={duration() && props.part.state.status === "completed"}>
{"\n ⤷ "}
{tools().length} toolcalls · {Locale.duration(duration())}
{"\n└ "} {tools().length} toolcalls · {Locale.duration(duration())}
</Show>
</InlineTool>
)