diff --git a/.changeset/flatten-delegation-tree-text.md b/.changeset/flatten-delegation-tree-text.md new file mode 100644 index 00000000..6b9bec21 --- /dev/null +++ b/.changeset/flatten-delegation-tree-text.md @@ -0,0 +1,6 @@ +--- +"@perstack/tui-components": patch +"perstack": patch +--- + +Flatten delegation tree node to single Text element with truncate, reorder columns so action is last diff --git a/packages/tui-components/src/execution/components/delegation-tree.tsx b/packages/tui-components/src/execution/components/delegation-tree.tsx index 597acc60..15aabbc9 100644 --- a/packages/tui-components/src/execution/components/delegation-tree.tsx +++ b/packages/tui-components/src/execution/components/delegation-tree.tsx @@ -1,4 +1,4 @@ -import { Box, Text } from "ink" +import { Text } from "ink" import type React from "react" import { colors } from "../../colors.js" import { USAGE_INDICATORS } from "../../constants.js" @@ -56,35 +56,22 @@ function TreeNodeLine({ const showUsage = node.status !== "completed" return ( - - - {prefix} - {indicator} - - {node.expertName} - : - - - - {node.actionLabel} - {node.actionFileArg ? {node.actionFileArg} : null} - - + + {prefix} + {indicator} + + {node.expertName} + {node.model ? · {node.model} : null} {showUsage ? ( - {node.model ? ( - <> - · - {node.model} - - ) : null} - · - - {usageIcon} {usagePercent}% - + {" "} + · {usageIcon} {usagePercent}% ) : null} - + · + {node.actionLabel} + {node.actionFileArg ? {node.actionFileArg} : null} + ) }