feat(cli): match TUI footer to reference design

- Remove borders from input bar — clean '❯ message mosaic…' prompt
- Two-line footer without borders:
  - Line 1: compact cwd (branch) | Gateway: Connected/Disconnected
  - Line 2: token stats (^in v_out R_cache W_cache $cost ctx%) | (provider) model
- Extend TokenUsage with cacheRead, cacheWrite, cost, contextPercent, contextWindow
- Add providerName to socket hook return
- Reorder layout: top bar → messages → input → footer
This commit is contained in:
2026-03-15 13:53:54 -05:00
parent 8bb56a4003
commit b8857da0e6
4 changed files with 107 additions and 39 deletions

View File

@@ -47,13 +47,20 @@ export function TuiApp({ gatewayUrl, conversationId, sessionCookie }: TuiAppProp
activeToolCalls={socket.activeToolCalls}
/>
<BottomBar gitInfo={gitInfo} tokenUsage={socket.tokenUsage} />
<InputBar
onSubmit={socket.sendMessage}
isStreaming={socket.isStreaming}
connected={socket.connected}
/>
<BottomBar
gitInfo={gitInfo}
tokenUsage={socket.tokenUsage}
connected={socket.connected}
connecting={socket.connecting}
modelName={socket.modelName}
providerName={socket.providerName}
/>
</Box>
);
}