From fc224dc8f01083c3c04e543179cda63dd780112a Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Sat, 3 Oct 2026 21:33:18 -0700
Subject: [PATCH] refactor(tui): remove unused DialogSelect details and
 category view options (#52994)

---
 packages/tui/src/ui/dialog-select.tsx | 25 +++++--------------------
 1 file changed, 5 insertions(+), 20 deletions(-)

diff --git a/packages/tui/src/ui/dialog-select.tsx b/packages/tui/src/ui/dialog-select.tsx
index 7ed7f3f3f74..56910d116a5 100644
--- a/packages/tui/src/ui/dialog-select.tsx
+++ b/packages/tui/src/ui/dialog-select.tsx
@@ -71,14 +71,11 @@ export interface DialogSelectOption<T = any> {
   searchText?: string
   searchFooter?: JSX.Element | string
   details?: string[]
-  detailsColor?: RGBA
-  detailsWrap?: boolean
   footer?: JSX.Element | string
   footerColor?: RGBA
   titleWidth?: number
   truncateTitle?: boolean | "left"
   category?: string
-  categoryView?: JSX.Element
   disabled?: boolean
   bg?: RGBA
   fg?: RGBA
@@ -713,16 +710,9 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
                 <>
                   <Show when={category}>
                     <box paddingTop={index() > 0 ? 1 : 0} paddingLeft={3}>
-                      <Show
-                        when={options[0]?.categoryView}
-                        fallback={
-                          <text fg={theme.hue.accent[200]} attributes={TextAttributes.BOLD}>
-                            {category}
-                          </text>
-                        }
-                      >
-                        {options[0]?.categoryView}
-                      </Show>
+                      <text fg={theme.hue.accent[200]} attributes={TextAttributes.BOLD}>
+                        {category}
+                      </text>
                     </box>
                   </Show>
                   <For each={options}>
@@ -790,13 +780,8 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
                           <For each={option.details}>
                             {(detail) => (
                               <box paddingLeft={3} paddingRight={3}>
-                                <text
-                                  fg={option.detailsColor ?? theme.text.muted}
-                                  wrapMode={option.detailsWrap ? "word" : "none"}
-                                >
-                                  {option.detailsWrap
-                                    ? detail
-                                    : Locale.truncateMiddle(detail, Math.max(1, Math.min(76, dimensions().width - 12)))}
+                                <text fg={theme.text.muted} wrapMode="none">
+                                  {Locale.truncateMiddle(detail, Math.max(1, Math.min(76, dimensions().width - 12)))}
                                 </text>
                               </box>
                             )}