tui: wrap dialog option descriptions (#5083)

2025-12-05 01:19:48 -05:00 · 2025-12-05 01:19:48 -05:00 · 03324d4277
parent e53580cb68
commit 03324d4277
1 changed files with 4 additions and 2 deletions
--- a/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
+++ b/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
@ -299,11 +299,13 @@ function Option(props: {
        fg={props.active ? fg : props.current ? theme.primary : theme.text}
        attributes={props.active ? TextAttributes.BOLD : undefined}
        overflow="hidden"
-        wrapMode="none"
+        wrapMode="word"
        paddingLeft={3}
      >
        {Locale.truncate(props.title, 62)}
-        <span style={{ fg: props.active ? fg : theme.textMuted }}> {props.description}</span>
+        <Show when={props.description}>
+          <span style={{ fg: props.active ? fg : theme.textMuted }}> {props.description}</span>
+        </Show>
      </text>
      <Show when={props.footer}>
        <box flexShrink={0}>