termcast 1.4.0 → 1.5.0

package/dist/components/histogram.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * Histogram component for rendering horizontal distribution tables in the terminal.
+ *
+ * Each row displays a colored dot, label, count, percentage, and a horizontal
+ * bar made of repeated characters. Includes optional header and totals footer.
+ *
+ * Colors can be set per-item via props, or auto-assigned from the theme palette
+ * in row order (cycling when there are more items than palette colors).
+ */
+import React, { useMemo } from 'react';
+import { useTheme, getThemePalette } from 'termcast/src/theme';
+import { resolveColor } from 'termcast/src/colors';
+// ── Collect children recursively (handles fragments) ─────────────────
+function collectItems(children, maxLabelWidth) {
+    const result = [];
+    const flatten = (node) => {
+        React.Children.forEach(node, (child) => {
+            if (!React.isValidElement(child))
+                return;
+            // Traverse fragments
+            if (child.type === React.Fragment) {
+                const fragmentProps = child.props;
+                flatten(fragmentProps.children);
+                return;
+            }
+            const p = child.props;
+            if (p.label === undefined || p.value === undefined)
+                return;
+            const displayLabel = p.label.length > maxLabelWidth
+                ? p.label.slice(0, maxLabelWidth - 1) + '…'
+                : p.label;
+            result.push({
+                label: p.label,
+                displayLabel,
+                value: p.value,
+                color: resolveColor(p.color),
+            });
+        });
+    };
+    flatten(children);
+    return result;
+}
+// ── Histogram.Item (data-only, renders null like BarChart.Segment) ───
+const HistogramItem = (_props) => {
+    return null;
+};
+// ── Main Histogram component ─────────────────────────────────────────
+const Histogram = (props) => {
+    const theme = useTheme();
+    const { maxBarWidth = 30, barCharacter = '╻', showHeader = true, showTotal = true, showPercentage = true, maxLabelWidth = 24, children, } = props;
+    const palette = getThemePalette(theme);
+    // Collect item data from children (traverses fragments)
+    const items = useMemo(() => {
+        return collectItems(children, maxLabelWidth);
+    }, [children, maxLabelWidth]);
+    // Resolve colors: explicit prop > row-order palette assignment
+    const coloredItems = useMemo(() => {
+        return items.map((item, index) => ({
+            ...item,
+            resolvedColor: item.color || palette[index % palette.length],
+        }));
+    }, [items, palette]);
+    const total = useMemo(() => {
+        return coloredItems.reduce((sum, item) => sum + item.value, 0);
+    }, [coloredItems]);
+    const maxValue = useMemo(() => {
+        return Math.max(...coloredItems.map((item) => item.value));
+    }, [coloredItems]);
+    if (coloredItems.length === 0 || total === 0)
+        return null;
+    // Compute column widths from data
+    const labelWidth = Math.max(...coloredItems.map((item) => item.displayLabel.length), 5);
+    const countWidth = Math.max(...coloredItems.map((item) => String(item.value).length), String(total).length, 5);
+    const pctWidth = 4; // "100%" = 4 chars
+    // ── Formatting helpers ───────────────────────────────────────────
+    function padLeft(str, width) {
+        return str.length >= width ? str : ' '.repeat(width - str.length) + str;
+    }
+    function padRight(str, width) {
+        return str.length >= width ? str : str + ' '.repeat(width - str.length);
+    }
+    function formatPct(value) {
+        const pct = Math.round((value / total) * 100);
+        return `${pct}%`;
+    }
+    function makeBar(value) {
+        if (value <= 0 || maxValue <= 0)
+            return '';
+        const barLen = Math.max(1, Math.round((value / maxValue) * maxBarWidth));
+        return barCharacter.repeat(barLen);
+    }
+    // ── Separator line ───────────────────────────────────────────────
+    const percentageWidth = showPercentage ? 2 + pctWidth : 0;
+    const separatorWidth = 2 + labelWidth + 2 + countWidth + percentageWidth + 2 + maxBarWidth;
+    const separator = '─'.repeat(separatorWidth);
+    // Build header text as a single string
+    const headerText = `  ${padRight('category', labelWidth)}  ${padLeft('count', countWidth)}${showPercentage ? `  ${padLeft('%', pctWidth)}` : ''}  distribution`;
+    // Build total text as a single string
+    const totalText = `  ${padRight('total', labelWidth)}  ${padLeft(String(total), countWidth)}${showPercentage ? `  ${padLeft('100%', pctWidth)}` : ''}`;
+    // Build each data row as a single line string (without dot and bar)
+    function buildRowMiddle(item) {
+        return `${padRight(item.displayLabel, labelWidth)}  ${padLeft(String(item.value), countWidth)}${showPercentage ? `  ${padLeft(formatPct(item.value), pctWidth)}` : ''}  `;
+    }
+    return (_jsxs("box", { flexDirection: "column", flexShrink: 0, children: [showHeader && (_jsxs(_Fragment, { children: [_jsx("box", { height: 1, flexShrink: 0, children: _jsx("text", { fg: theme.textMuted, wrapMode: "none", children: headerText }) }), _jsx("box", { height: 1, flexShrink: 0, children: _jsx("text", { fg: theme.borderSubtle, wrapMode: "none", children: separator }) })] })), coloredItems.map((item, i) => {
+                const middle = buildRowMiddle(item);
+                const bar = makeBar(item.value);
+                // Prefix width: dot(2) + middle text length
+                const prefixWidth = 2 + middle.length;
+                return (_jsxs("box", { flexDirection: "row", height: 1, flexShrink: 0, children: [_jsxs("box", { width: prefixWidth, flexShrink: 0, flexDirection: "row", children: [_jsx("text", { fg: item.resolvedColor, wrapMode: "none", children: '● ' }), _jsx("text", { fg: theme.text, wrapMode: "none", children: middle })] }), bar && _jsx("text", { fg: item.resolvedColor, wrapMode: "none", children: bar })] }, i));
+            }), showTotal && (_jsxs(_Fragment, { children: [_jsx("box", { height: 1, flexShrink: 0, children: _jsx("text", { fg: theme.borderSubtle, wrapMode: "none", children: separator }) }), _jsx("box", { height: 1, flexShrink: 0, children: _jsx("text", { fg: theme.textMuted, wrapMode: "none", children: totalText }) })] }))] }));
+};
+Histogram.Item = HistogramItem;
+export { Histogram };
+//# sourceMappingURL=histogram.js.map

package/dist/components/histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"histogram.js","sourceRoot":"","sources":["../../src/components/histogram.tsx"],"names":[],"mappings":"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"}

package/dist/components/horizontal-bar-graph.d.ts

@@ -0,0 +1,47 @@
+/**
+ * HorizontalBarGraph renders multi-series horizontal stacked bars.
+ *
+ * Each row is one category, usually a time bucket. The left chart area grows to
+ * fill available space while the right legend uses only the width needed for
+ * colored series rows and percentages.
+ */
+import { ReactNode } from 'react';
+import { BoxProps } from '@opentui/react';
+import { Color } from 'termcast/src/colors';
+export interface HorizontalBarGraphSeriesProps {
+    /** One value per row/category position. */
+    data: number[];
+    /** Series label shown in the legend. */
+    title?: string;
+    /** Override the auto-assigned color. */
+    color?: Color.ColorLike;
+}
+export interface HorizontalBarGraphProps extends BoxProps {
+    /** Row labels, one per bar position. Usually time buckets. */
+    labels?: string[];
+    /** Maximum chart rows to render. Defaults to all rows. */
+    height?: number;
+    /** Character used for bar cells. Matches Histogram by default. */
+    barCharacter?: string;
+    /** Show header row. Default true. */
+    showHeader?: boolean;
+    /** Show right-side legend. Default true when any series has a title. */
+    showLegend?: boolean;
+    /** Max display width for labels; longer labels are truncated. Default 16. */
+    maxLabelWidth?: number;
+    /** Header text for the category column. Default "category". */
+    categoryTitle?: string;
+    /** Header text for the bar column. Default "distribution". */
+    distributionTitle?: string;
+    /** Header text for the legend column. Default "legend". */
+    legendTitle?: string;
+    /** HorizontalBarGraph.Series children. */
+    children: ReactNode;
+}
+interface HorizontalBarGraphType {
+    (props: HorizontalBarGraphProps): any;
+    Series: (props: HorizontalBarGraphSeriesProps) => any;
+}
+declare const HorizontalBarGraph: HorizontalBarGraphType;
+export { HorizontalBarGraph };
+//# sourceMappingURL=horizontal-bar-graph.d.ts.map

package/dist/components/horizontal-bar-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-bar-graph.d.ts","sourceRoot":"","sources":["../../src/components/horizontal-bar-graph.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,KAAK,EAAgB,MAAM,qBAAqB,CAAA;AAGzD,MAAM,WAAW,6BAA6B;IAC5C,2CAA2C;IAC3C,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,QAAQ;IACvD,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,sBAAsB;IAC9B,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAA;IACrC,MAAM,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,GAAG,CAAA;CACtD;AAkCD,QAAA,MAAM,kBAAkB,EAAE,sBAgMzB,CAAA;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/horizontal-bar-graph.js

@@ -0,0 +1,137 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+/**
+ * HorizontalBarGraph renders multi-series horizontal stacked bars.
+ *
+ * Each row is one category, usually a time bucket. The left chart area grows to
+ * fill available space while the right legend uses only the width needed for
+ * colored series rows and percentages.
+ */
+import React, { useMemo } from 'react';
+import { resolveColor } from 'termcast/src/colors';
+import { getThemePalette, useTheme } from 'termcast/src/theme';
+function truncateLabel(label, maxLabelWidth) {
+    if (label.length <= maxLabelWidth) {
+        return label;
+    }
+    return label.slice(0, maxLabelWidth - 1) + '…';
+}
+function padRight(value, width) {
+    if (value.length >= width) {
+        return value;
+    }
+    return value + ' '.repeat(width - value.length);
+}
+function padLeft(value, width) {
+    if (value.length >= width) {
+        return value;
+    }
+    return ' '.repeat(width - value.length) + value;
+}
+function formatPercentage(value, total) {
+    if (total <= 0) {
+        return '0%';
+    }
+    return `${Math.round((value / total) * 100)}%`;
+}
+const HorizontalBarGraphSeries = (_props) => {
+    return null;
+};
+const HorizontalBarGraph = (props) => {
+    const theme = useTheme();
+    const { labels = [], height, barCharacter = '╻', showHeader = true, showLegend, maxLabelWidth = 16, categoryTitle = 'category', distributionTitle = 'distribution', legendTitle = 'legend', children, ...rest } = props;
+    const palette = getThemePalette(theme);
+    const seriesList = useMemo(() => {
+        const childArray = React.Children.toArray(children);
+        return childArray
+            .filter(React.isValidElement)
+            .map((child, index) => {
+            const childProps = child.props;
+            return {
+                data: childProps.data,
+                title: childProps.title,
+                color: resolveColor(childProps.color) || palette[index % palette.length],
+            };
+        })
+            .filter((series) => {
+            return Array.isArray(series.data);
+        });
+    }, [children, palette]);
+    const rowCount = useMemo(() => {
+        return Math.max(labels.length, ...seriesList.map((series) => series.data.length), 0);
+    }, [labels, seriesList]);
+    const rows = useMemo(() => {
+        return Array.from({ length: rowCount }, (_, rowIndex) => {
+            const values = seriesList.map((series) => {
+                return series.data[rowIndex] || 0;
+            });
+            const total = values.reduce((sum, value) => {
+                return sum + value;
+            }, 0);
+            return {
+                label: labels[rowIndex] ?? String(rowIndex + 1),
+                total,
+                values,
+            };
+        });
+    }, [labels, rowCount, seriesList]);
+    const visibleRows = useMemo(() => {
+        return rows.slice(0, height ?? rows.length);
+    }, [height, rows]);
+    const maxTotal = useMemo(() => {
+        return Math.max(0, ...rows.map((row) => row.total));
+    }, [rows]);
+    const legendRows = useMemo(() => {
+        const grandTotal = rows.reduce((sum, row) => {
+            return sum + row.total;
+        }, 0);
+        return seriesList
+            .map((series, seriesIndex) => {
+            const seriesTotal = series.data.reduce((sum, value) => {
+                return sum + value;
+            }, 0);
+            return {
+                title: series.title ?? `Series ${seriesIndex + 1}`,
+                color: series.color,
+                percentage: formatPercentage(seriesTotal, grandTotal),
+                total: seriesTotal,
+            };
+        })
+            .filter((row) => {
+            return row.title.length > 0;
+        })
+            .sort((a, b) => {
+            return b.total - a.total;
+        });
+    }, [rows, seriesList]);
+    const legendVisible = showLegend ?? seriesList.some((series) => {
+        return Boolean(series.title);
+    });
+    if (seriesList.length === 0 || visibleRows.length === 0 || maxTotal === 0) {
+        return null;
+    }
+    const displayLabels = visibleRows.map((row) => {
+        return truncateLabel(row.label, maxLabelWidth);
+    });
+    const displayCategoryTitle = truncateLabel(categoryTitle, maxLabelWidth);
+    const labelWidth = Math.max(5, displayCategoryTitle.length, ...displayLabels.map((label) => label.length));
+    const legendGap = 2;
+    const legendTitleWidth = Math.max(6, ...legendRows.map((row) => row.title.length));
+    const legendPercentageWidth = Math.max(3, ...legendRows.map((row) => row.percentage.length));
+    const legendWidth = legendVisible ? legendGap + 2 + legendTitleWidth + 2 + legendPercentageWidth : 0;
+    const headerHeight = showHeader ? 2 : 0;
+    const chartHeight = headerHeight + visibleRows.length;
+    return (_jsxs("box", { flexDirection: "column", width: "100%", flexShrink: 0, ...rest, children: [showHeader && (_jsxs(_Fragment, { children: [_jsxs("box", { flexDirection: "row", height: 1, flexShrink: 0, children: [_jsx("box", { width: labelWidth + 2, flexShrink: 0, overflow: "hidden", children: _jsxs("text", { fg: theme.textMuted, wrapMode: "none", children: [padRight(displayCategoryTitle, labelWidth), "  "] }) }), _jsx("box", { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx("text", { fg: theme.textMuted, wrapMode: "none", children: distributionTitle }) }), legendVisible && (_jsx("box", { width: legendWidth, flexShrink: 0, overflow: "hidden", children: _jsxs("text", { fg: theme.textMuted, wrapMode: "none", children: [' '.repeat(legendGap), legendTitle] }) }))] }), _jsxs("box", { flexDirection: "row", height: 1, flexShrink: 0, children: [_jsx("box", { width: labelWidth + 2, flexShrink: 0, overflow: "hidden", children: _jsxs("text", { fg: theme.borderSubtle, wrapMode: "none", children: ['─'.repeat(labelWidth), "  "] }) }), _jsx("box", { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx("text", { fg: theme.borderSubtle, wrapMode: "none", children: '─'.repeat(200) }) }), legendVisible && (_jsx("box", { width: legendWidth, flexShrink: 0, overflow: "hidden", children: _jsxs("text", { fg: theme.borderSubtle, wrapMode: "none", children: [' '.repeat(legendGap), '─'.repeat(legendWidth - legendGap)] }) }))] })] })), _jsxs("box", { flexDirection: "row", height: chartHeight - headerHeight, flexShrink: 0, children: [_jsx("box", { flexDirection: "column", flexGrow: 1, flexShrink: 1, overflow: "hidden", children: visibleRows.map((row, rowIndex) => {
+                            return (_jsxs("box", { flexDirection: "row", height: 1, flexShrink: 0, overflow: "hidden", children: [_jsx("box", { width: labelWidth + 2, flexShrink: 0, overflow: "hidden", children: _jsx("text", { fg: theme.text, wrapMode: "none", children: padRight(displayLabels[rowIndex], labelWidth) }) }), _jsxs("box", { flexDirection: "row", flexGrow: 1, flexShrink: 1, overflow: "hidden", children: [row.values.map((value, seriesIndex) => {
+                                                if (value <= 0) {
+                                                    return null;
+                                                }
+                                                const series = seriesList[seriesIndex];
+                                                return (_jsx("box", { flexGrow: value, flexBasis: 0, flexShrink: 1, overflow: "hidden", children: _jsx("box", { position: "absolute", width: "100%", height: "100%", overflow: "hidden", children: _jsx("text", { fg: series.color, wrapMode: "none", children: barCharacter.repeat(200) }) }) }, seriesIndex));
+                                            }), maxTotal > row.total && (_jsx("box", { flexGrow: maxTotal - row.total, flexBasis: 0, flexShrink: 1 }))] })] }, row.label));
+                        }) }), legendVisible && (_jsx("box", { flexDirection: "column", width: legendWidth, flexShrink: 0, overflow: "hidden", children: legendRows.map((row) => {
+                            return (_jsxs("box", { height: 1, flexShrink: 0, flexDirection: "row", overflow: "hidden", children: [_jsx("box", { width: legendGap, flexShrink: 0 }), _jsx("text", { fg: row.color, wrapMode: "none", children: "\u25CF " }), _jsxs("text", { fg: theme.textMuted, wrapMode: "none", children: [padRight(row.title, legendTitleWidth), "  ", padLeft(row.percentage, legendPercentageWidth)] })] }, row.title));
+                        }) }))] })] }));
+};
+HorizontalBarGraph.Series = HorizontalBarGraphSeries;
+export { HorizontalBarGraph };
+//# sourceMappingURL=horizontal-bar-graph.js.map

package/dist/components/horizontal-bar-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-bar-graph.js","sourceRoot":"","sources":["../../src/components/horizontal-bar-graph.tsx"],"names":[],"mappings":"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"}

package/dist/components/list.d.ts

@@ -103,6 +103,8 @@ export interface DropdownProps extends SearchBarInterface, CommonProps {
     storeValue?: boolean;
     value?: string;
     defaultValue?: string;
+    /** Override the text shown in the search bar for the active selection. When set, this is displayed instead of the selected item's title. Useful for managed state where the display label doesn't match any dropdown item. */
+    displayValue?: string;
     onChange?: (newValue: string) => void;
     children?: ReactNode;
 }

package/dist/components/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"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"}

package/dist/components/list.js

@@ -348,7 +348,7 @@ function ListItemRow(props) {
                 paddingLeft: 0,
                 paddingRight: 1,
                 marginBottom: 1,
-            }, border: false, onMouseMove: handleMouseMove, onMouseOut: handleMouseOut, onMouseDown: handleMouseDown, children: [_jsxs("box", { style: { flexDirection: 'row', justifyContent: 'space-between', gap: 1 }, children: [_jsxs("box", { style: { flexDirection: 'row', flexGrow: 1, flexShrink: 1, overflow: 'hidden' }, children: [_jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: active ? '›' : ' ' }), icon && _jsxs("text", { flexShrink: 0, fg: active ? theme.background : iconColor || theme.text, selectable: false, wrapMode: "none", children: [getIconEmoji(icon), " "] }), _jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: TextAttributes.BOLD, selectable: false, wrapMode: "none", children: title })] }), accessoryElements.length > 0 && (_jsx("box", { style: { flexDirection: 'row', flexShrink: 0 }, children: accessoryElements.map((elem, i) => (_jsxs("box", { style: { flexDirection: 'row' }, children: [i > 0 && _jsx("text", { flexShrink: 0, children: " " }), elem] }, i))) }))] }), subtitle && (_jsx("box", { style: { paddingLeft: subtitleIndent }, children: _jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, selectable: false, wrapMode: "none", children: subtitle }) }))] }));
+            }, border: false, onMouseMove: handleMouseMove, onMouseOut: handleMouseOut, onMouseDown: handleMouseDown, children: [_jsxs("box", { style: { flexDirection: 'row', justifyContent: 'space-between', gap: 1 }, children: [_jsxs("box", { style: { flexDirection: 'row', flexGrow: 1, flexShrink: 1, overflow: 'hidden' }, children: [_jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: active ? '›' : ' ' }), icon && _jsxs("text", { flexShrink: 0, fg: active ? theme.background : iconColor || theme.text, selectable: false, wrapMode: "none", children: [getIconEmoji(icon), " "] }), _jsx("text", { flexShrink: 1, truncate: true, fg: active ? theme.background : theme.text, attributes: TextAttributes.BOLD, selectable: false, wrapMode: "none", children: title })] }), accessoryElements.length > 0 && (_jsx("box", { style: { flexDirection: 'row', flexShrink: 0 }, children: accessoryElements.map((elem, i) => (_jsxs("box", { style: { flexDirection: 'row' }, children: [i > 0 && _jsx("text", { flexShrink: 0, children: " " }), elem] }, i))) }))] }), subtitle && (_jsx("box", { style: { paddingLeft: subtitleIndent, overflow: 'hidden' }, children: _jsx("text", { flexShrink: 1, truncate: true, fg: active ? theme.background : theme.text, selectable: false, wrapMode: "none", children: subtitle }) }))] }));
     }
     // Default mode: single-line layout
     return (_jsxs("box", { ref: ref, style: {
@@ -362,7 +362,7 @@ function ListItemRow(props) {
             paddingLeft: 0,
             paddingRight: 1,
             gap: 1,
-        }, border: false, onMouseMove: handleMouseMove, onMouseOut: handleMouseOut, onMouseDown: handleMouseDown, children: [_jsxs("box", { style: { flexDirection: 'row', flexGrow: 1, flexShrink: 1, overflow: 'hidden', gap: 1 }, children: [_jsxs("box", { style: { flexDirection: 'row', flexShrink: 0 }, children: [_jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: active ? '›' : ' ' }), icon && _jsxs("text", { flexShrink: 0, fg: active ? theme.background : iconColor || theme.text, selectable: false, wrapMode: "none", children: [getIconEmoji(icon), " "] }), _jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: title })] }), subtitle && (_jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.textMuted, selectable: false, wrapMode: "none", children: subtitle }))] }), accessoryElements.length > 0 && (_jsx("box", { style: { flexDirection: 'row', flexShrink: 0 }, children: accessoryElements.map((elem, i) => (_jsxs("box", { style: { flexDirection: 'row' }, children: [i > 0 && _jsx("text", { flexShrink: 0, children: " " }), elem] }, i))) }))] }));
+        }, border: false, onMouseMove: handleMouseMove, onMouseOut: handleMouseOut, onMouseDown: handleMouseDown, children: [_jsxs("box", { style: { flexDirection: 'row', flexGrow: 1, flexShrink: 1, overflow: 'hidden', gap: 1 }, children: [_jsxs("box", { style: { flexDirection: 'row', flexShrink: 1, overflow: 'hidden' }, children: [_jsx("text", { flexShrink: 0, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: active ? '›' : ' ' }), icon && _jsxs("text", { flexShrink: 0, fg: active ? theme.background : iconColor || theme.text, selectable: false, wrapMode: "none", children: [getIconEmoji(icon), " "] }), _jsx("text", { flexShrink: 1, truncate: true, fg: active ? theme.background : theme.text, attributes: active ? TextAttributes.BOLD : undefined, selectable: false, wrapMode: "none", children: title })] }), subtitle && (_jsx("text", { flexShrink: 3, truncate: true, fg: active ? theme.background : theme.textMuted, selectable: false, wrapMode: "none", children: subtitle }))] }), accessoryElements.length > 0 && (_jsx("box", { style: { flexDirection: 'row', flexShrink: 0 }, children: accessoryElements.map((elem, i) => (_jsxs("box", { style: { flexDirection: 'row' }, children: [i > 0 && _jsx("text", { flexShrink: 0, children: " " }), elem] }, i))) }))] }));
 }
 export const List = (props) => {
     const { children, onSelectionChange, filtering, searchText: controlledSearchText, onSearchTextChange, searchBarPlaceholder = 'Search...', isLoading, navigationTitle, isShowingDetail, selectedItemId, searchBarAccessory, logo, spacingMode = 'default', accessoryTagsLayout, throttle, ...otherProps } = props;
@@ -1158,9 +1158,9 @@ const ListDropdown = (props) => {
         return null;
     }
     const { isDropdownOpen, setIsDropdownOpen } = listContext;
-    const setDropdownSelection = (props) => {
-        setDropdownState({ value: props.value, title: props.title });
-        useStore.setState({ dropdownFooterLabel: props.title || 'dropdown' });
+    const setDropdownSelection = (selectionProps) => {
+        setDropdownState({ value: selectionProps.value, title: selectionProps.title });
+        useStore.setState({ dropdownFooterLabel: props.displayValue ?? (selectionProps.title || 'dropdown') });
     };
     // Store both value and title together
     const [dropdownState, setDropdownState] = useState(() => {
@@ -1190,7 +1190,7 @@ const ListDropdown = (props) => {
         }
         if (!valueToUse) {
             useStore.setState({
-                dropdownFooterLabel: dropdownState.title || 'dropdown',
+                dropdownFooterLabel: props.displayValue ?? (dropdownState.title || 'dropdown'),
             });
             return;
         }
@@ -1208,8 +1208,8 @@ const ListDropdown = (props) => {
             setDropdownSelection({ value: valueToUse, title });
             return;
         }
-        useStore.setState({ dropdownFooterLabel: title || 'dropdown' });
-    }, [props.value]); // Run when props.value changes and on mount
+        useStore.setState({ dropdownFooterLabel: props.displayValue ?? (title || 'dropdown') });
+    }, [props.value, props.displayValue]); // Run when props.value or displayValue changes and on mount
     const dropdownContextValue = useMemo(() => ({
         currentSection: undefined,
     }), []);
@@ -1246,8 +1246,8 @@ const ListDropdown = (props) => {
             });
         }
     }, [isDropdownOpen, props.children]);
-    // Display the title from our state
-    const displayValue = dropdownState.title || 'All';
+    // Display the title from our state, or use the caller's override
+    const displayValue = props.displayValue ?? (dropdownState.title || 'All');
     const openDropdownIfClosed = () => {
         if (!isDropdownOpen) {
             listContext.openDropdown();