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.
This commit is contained in:
parent
50cb49fa6c
commit
98309fdd58
1 changed files with 5 additions and 9 deletions
|
|
@ -1975,23 +1975,19 @@ function Task(props: ToolProps<typeof TaskTool>) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<InlineTool
|
<InlineTool
|
||||||
icon="⋮"
|
icon="│"
|
||||||
spinner={isRunning()}
|
spinner={isRunning()}
|
||||||
complete={props.input.description}
|
complete={props.input.description}
|
||||||
pending="Delegating..."
|
pending="Delegating..."
|
||||||
part={props.part}
|
part={props.part}
|
||||||
>
|
>
|
||||||
Task {props.input.description}
|
Task {props.input.description}
|
||||||
<Show when={isRunning() && tools().length > 0}>
|
<Show when={isRunning() && tools().length > 0}> · {tools().length} toolcalls</Show>
|
||||||
{" "}
|
<Show fallback={"\n└ Running..."} when={current()}>
|
||||||
· {tools().length} toolcalls
|
{"\n└"} {Locale.titlecase(current()!.tool)} {(current()!.state as any).title}
|
||||||
<Show fallback={"\n⤷ Running..."} when={current()}>
|
|
||||||
{"\n"}⤷ {Locale.titlecase(current()!.tool)} {(current()!.state as any).title}
|
|
||||||
</Show>
|
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={duration() && props.part.state.status === "completed"}>
|
<Show when={duration() && props.part.state.status === "completed"}>
|
||||||
{"\n ⤷ "}
|
{"\n└ "} {tools().length} toolcalls · {Locale.duration(duration())}
|
||||||
{tools().length} toolcalls · {Locale.duration(duration())}
|
|
||||||
</Show>
|
</Show>
|
||||||
</InlineTool>
|
</InlineTool>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue