Skip to content

Commit 3bdcfe7

Browse files
committed
fix: widen TUI panel to prevent text truncation in advanced settings
The panel was hard-capped at 60 characters, causing option descriptions to be cut off with ellipses on wide terminals. Raised the cap to 100 and switched MultiSelectList from truncate to wrap for graceful handling on narrow terminals. Closes #1191
1 parent eb2e147 commit 3bdcfe7

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

src/cli/tui/components/MultiSelectList.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ export function MultiSelectList<T extends SelectableItem>(props: MultiSelectList
4747
const checkbox = isChecked ? '[✓]' : '[ ]';
4848
return (
4949
<Box key={item.id}>
50-
<Text wrap="truncate">
50+
<Text wrap="wrap">
5151
<Text color={isCursor ? 'cyan' : undefined}>{isCursor ? '❯' : ' '} </Text>
5252
<Text color={isChecked ? 'green' : undefined}>{checkbox} </Text>
5353
<Text color={isCursor ? 'cyan' : undefined}>{item.title}</Text>

src/cli/tui/context/LayoutContext.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { useStdout } from 'ink';
22
import React, { type ReactNode, createContext, useContext } from 'react';
33

44
/** Maximum content width cap */
5-
const MAX_CONTENT_WIDTH = 60;
5+
const MAX_CONTENT_WIDTH = 100;
66

77
interface LayoutContextValue {
88
/** Global content width: min(terminalWidth, MAX_CONTENT_WIDTH) */

0 commit comments

Comments
 (0)