From cc4bc2895e7541423228a4605cce6eb4d794eb7d Mon Sep 17 00:00:00 2001 From: Selina Feng Date: Wed, 5 Aug 2026 15:40:28 -0400 Subject: [PATCH 1/3] update table styling for balances and sources commands --- packages/cli/src/commands/balances/list.tsx | 16 ++++++++++++++++ packages/cli/src/commands/sources/list.tsx | 4 ++-- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/packages/cli/src/commands/balances/list.tsx b/packages/cli/src/commands/balances/list.tsx index 01154d0..01013a8 100644 --- a/packages/cli/src/commands/balances/list.tsx +++ b/packages/cli/src/commands/balances/list.tsx @@ -19,6 +19,8 @@ interface BalancesListProps { const COLUMN_GAP = ' '; const SOURCE_ID_MIN = 16; const SOURCE_ID_MAX = 48; +const NAME_MIN = 12; +const NAME_MAX = 30; const TYPE_WIDTH = 12; const CURRENT_WIDTH = 15; const CURRENCY_WIDTH = 8; @@ -51,6 +53,17 @@ function sourceIdWidth(balances: Balance[]): number { return Math.min(SOURCE_ID_MAX, Math.max(SOURCE_ID_MIN, maxLen)); } +function accountName(balance: Balance): string { + const name = balance.name; + return typeof name === 'string' && name.length > 0 ? name : '-'; +} + +function nameWidth(balances: Balance[]): number { + if (balances.length === 0) return NAME_MIN; + const maxLen = Math.max(...balances.map((b) => accountName(b).length)); + return Math.min(NAME_MAX, Math.max(NAME_MIN, maxLen)); +} + export const BalancesList: React.FC = ({ resource, params, @@ -68,7 +81,9 @@ export const BalancesList: React.FC = ({ : null; const idWidth = sourceIdWidth(balances); + const accountNameWidth = nameWidth(balances); const headerRow = [ + formatCell('Account name', accountNameWidth), formatCell('Source ID', idWidth), formatCell('Balance type', TYPE_WIDTH), formatCell('Current balance', CURRENT_WIDTH), @@ -77,6 +92,7 @@ export const BalancesList: React.FC = ({ const separatorRow = '-'.repeat(headerRow.length); const rows = balances.map((balance) => [ + formatCell(accountName(balance), accountNameWidth), formatCell(balance.source_id ?? '-', idWidth), formatCell(balance.type ?? '-', TYPE_WIDTH), formatCell( diff --git a/packages/cli/src/commands/sources/list.tsx b/packages/cli/src/commands/sources/list.tsx index cb6d003..9ecf0e0 100644 --- a/packages/cli/src/commands/sources/list.tsx +++ b/packages/cli/src/commands/sources/list.tsx @@ -92,7 +92,7 @@ function sourceRow(source: Source, index: number): SourceRow { return { key: sourceId(source, index), - name: source.name ?? 'Source', + name: source.name ?? '-', type: source.type ?? '-', id: sourceId(source, index), capabilities, @@ -102,7 +102,7 @@ function sourceRow(source: Source, index: number): SourceRow { function tableColumns(): TableColumn[] { return [ - { label: 'Name', value: (row) => row.name, minWidth: 14, maxWidth: 24 }, + { label: 'Name', value: (row) => row.name, minWidth: 14, maxWidth: 36 }, { label: 'Type', value: (row) => row.type, minWidth: 10, maxWidth: 14 }, { label: 'ID', value: (row) => row.id, minWidth: 16, maxWidth: 48 }, { From 877a57c53a0fadbf1506300ef0e8eba2c7653405 Mon Sep 17 00:00:00 2001 From: Selina Feng Date: Wed, 5 Aug 2026 16:27:37 -0400 Subject: [PATCH 2/3] test --- packages/cli/src/commands/sources/__tests__/sources.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/cli/src/commands/sources/__tests__/sources.test.tsx b/packages/cli/src/commands/sources/__tests__/sources.test.tsx index a8c12cf..218c0a8 100644 --- a/packages/cli/src/commands/sources/__tests__/sources.test.tsx +++ b/packages/cli/src/commands/sources/__tests__/sources.test.tsx @@ -29,7 +29,7 @@ describe('sources list component', () => { }); it('renders source details', async () => { - setTerminalWidth(160); + setTerminalWidth(200); const resource = makeResource({ data: [ { From 5b9d9ead286b43f15b43ddaf685879f16e6fc0b7 Mon Sep 17 00:00:00 2001 From: Selina Feng Date: Thu, 6 Aug 2026 09:31:24 -0400 Subject: [PATCH 3/3] fix: rename Account name column to Source name for consistency Committed-By-Agent: claude --- packages/cli/src/commands/balances/list.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/cli/src/commands/balances/list.tsx b/packages/cli/src/commands/balances/list.tsx index 01013a8..69f93a6 100644 --- a/packages/cli/src/commands/balances/list.tsx +++ b/packages/cli/src/commands/balances/list.tsx @@ -83,7 +83,7 @@ export const BalancesList: React.FC = ({ const idWidth = sourceIdWidth(balances); const accountNameWidth = nameWidth(balances); const headerRow = [ - formatCell('Account name', accountNameWidth), + formatCell('Source name', accountNameWidth), formatCell('Source ID', idWidth), formatCell('Balance type', TYPE_WIDTH), formatCell('Current balance', CURRENT_WIDTH),