improvement(tui): make spacing/layout nicer (#9243)

This commit is contained in:
Alex Hancock
2026-05-15 09:47:30 -04:00
committed by GitHub
parent 537eb23fb2
commit d5b6407bbb
9 changed files with 21 additions and 13 deletions
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-binary-darwin-arm64", "name": "@aaif/goose-binary-darwin-arm64",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose binary for macOS ARM64", "description": "Goose binary for macOS ARM64",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-binary-darwin-x64", "name": "@aaif/goose-binary-darwin-x64",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose binary for macOS x64", "description": "Goose binary for macOS x64",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-binary-linux-arm64", "name": "@aaif/goose-binary-linux-arm64",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose binary for Linux ARM64", "description": "Goose binary for Linux ARM64",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-binary-linux-x64", "name": "@aaif/goose-binary-linux-x64",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose binary for Linux x64", "description": "Goose binary for Linux x64",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-binary-win32-x64", "name": "@aaif/goose-binary-win32-x64",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose binary for Windows x64", "description": "Goose binary for Windows x64",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "goose2", "name": "goose2",
"private": true, "private": true,
"version": "0.20.0", "version": "0.20.1",
"type": "module", "type": "module",
"packageManager": "pnpm@10.33.0", "packageManager": "pnpm@10.33.0",
"scripts": { "scripts": {
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose-sdk", "name": "@aaif/goose-sdk",
"version": "0.20.0", "version": "0.20.1",
"description": "Agent Client Protocol (ACP) SDK for Goose AI agent", "description": "Agent Client Protocol (ACP) SDK for Goose AI agent",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@aaif/goose", "name": "@aaif/goose",
"version": "0.20.0", "version": "0.20.1",
"description": "Goose - an open-source AI agent", "description": "Goose - an open-source AI agent",
"license": "Apache-2.0", "license": "Apache-2.0",
"repository": { "repository": {
+13 -5
View File
@@ -140,6 +140,7 @@ const InputBar = React.memo(function InputBar({
borderStyle="round" borderStyle="round"
borderColor={RULE_COLOR} borderColor={RULE_COLOR}
paddingX={1} paddingX={1}
marginTop={1}
width={constrainedWidth} width={constrainedWidth}
flexShrink={0} flexShrink={0}
> >
@@ -847,7 +848,8 @@ function App({
); );
const PAD_X = 2; const PAD_X = 2;
const PAD_Y = 1; const PAD_TOP = 0;
const PAD_BOTTOM = 0;
const safeTermWidth = Math.max(termWidth, 40); const safeTermWidth = Math.max(termWidth, 40);
const safeTermHeight = Math.max(termHeight, 10); const safeTermHeight = Math.max(termHeight, 10);
const contentWidth = Math.max(safeTermWidth - PAD_X * 2, 20); const contentWidth = Math.max(safeTermWidth - PAD_X * 2, 20);
@@ -867,10 +869,12 @@ function App({
: 0; : 0;
const inputExtraLines = const inputExtraLines =
(isPasteMode ? 1 : 0) + (queuedMessages.length > 0 ? 1 : 0); (isPasteMode ? 1 : 0) + (queuedMessages.length > 0 ? 1 : 0);
const inputBarH = showInputBar ? 2 + inputContentRows + inputExtraLines : 0; const inputBarH = showInputBar
? 2 + inputContentRows + inputExtraLines + 1 // +1 for marginTop gap above input bar
: 0;
const historyBarH = isViewingHistory ? 2 : 0; const historyBarH = isViewingHistory ? 2 : 0;
const viewportHeight = Math.max( const viewportHeight = Math.max(
safeTermHeight - PAD_Y * 2 - headerH - inputBarH - historyBarH, safeTermHeight - PAD_TOP - PAD_BOTTOM - headerH - inputBarH - historyBarH,
3, 3,
); );
@@ -1130,13 +1134,17 @@ function App({
width={safeTermWidth} width={safeTermWidth}
height={safeTermHeight} height={safeTermHeight}
paddingX={PAD_X} paddingX={PAD_X}
paddingY={PAD_Y} paddingTop={PAD_TOP}
paddingBottom={PAD_BOTTOM}
> >
{bannerVisible ? ( {bannerVisible ? (
<SplashScreen <SplashScreen
animFrame={gooseFrame} animFrame={gooseFrame}
width={contentWidth} width={contentWidth}
height={Math.max(safeTermHeight - PAD_Y * 2 - inputBarH, 0)} height={Math.max(
safeTermHeight - PAD_TOP - PAD_BOTTOM - inputBarH,
0,
)}
status={status} status={status}
loading={loading} loading={loading}
spinIdx={spinIdx} spinIdx={spinIdx}