diff --git a/ui-tui/src/components/appOverlays.tsx b/ui-tui/src/components/appOverlays.tsx
index f85b1d3b60..2d0ff569ae 100644
--- a/ui-tui/src/components/appOverlays.tsx
+++ b/ui-tui/src/components/appOverlays.tsx
@@ -214,15 +214,15 @@ export function FloatingOverlays({
{line}
))}
-
-
- {overlay.pager.offset + pagerPageSize < overlay.pager.lines.length
- ? `↑↓/jk line · Enter/Space/PgDn page · b/PgUp back · g/G top/bottom · Esc/q close (${Math.min(overlay.pager.offset + pagerPageSize, overlay.pager.lines.length)}/${overlay.pager.lines.length})`
- : `end · ↑↓/jk · b/PgUp back · g top · Esc/q close (${overlay.pager.lines.length} lines)`}
-
-
),
+ footer: (
+
+ {overlay.pager.offset + pagerPageSize < overlay.pager.lines.length
+ ? `↑↓/jk line · Enter/Space/PgDn page · b/PgUp back · g/G top/bottom · Esc/q close (${Math.min(overlay.pager.offset + pagerPageSize, overlay.pager.lines.length)}/${overlay.pager.lines.length})`
+ : `end · ↑↓/jk · b/PgUp back · g top · Esc/q close (${overlay.pager.lines.length} lines)`}
+
+ ),
id: 'pager',
title: overlay.pager.title
}
diff --git a/ui-tui/src/components/learningLedger.tsx b/ui-tui/src/components/learningLedger.tsx
index d8b378a709..0330fa0ede 100644
--- a/ui-tui/src/components/learningLedger.tsx
+++ b/ui-tui/src/components/learningLedger.tsx
@@ -152,6 +152,7 @@ export function LearningLedger({ borderColor, gw, maxHeight, onClose, t, width:
panels={[
{
content: listPanel,
+ footer: ↑/↓ select · Enter/Space details · 1-9,0 quick · Esc/q close,
grow: 7,
id: 'learning-list',
title: 'Recent Learning'
@@ -205,7 +206,6 @@ function LearningList({ counts, items, ledger, offset, selectedIndex, t }: Learn
↓ {(ledger?.items?.length ?? items.length) - offset - VISIBLE_ROWS} more
)}
- ↑/↓ select · Enter/Space details · 1-9,0 quick · Esc/q close
)
}
diff --git a/ui-tui/src/components/overlayGrid.tsx b/ui-tui/src/components/overlayGrid.tsx
index ecb1fbc92a..a7e37c4d02 100644
--- a/ui-tui/src/components/overlayGrid.tsx
+++ b/ui-tui/src/components/overlayGrid.tsx
@@ -40,9 +40,14 @@ export function OverlayGrid({ borderColor, maxHeight, panels, t, width }: Overla
{panel.title}
) : null}
-
+
{panel.content}
+ {panel.footer ? {panel.footer} : null}
{!last ? : null}
@@ -54,6 +59,7 @@ export function OverlayGrid({ borderColor, maxHeight, panels, t, width }: Overla
export interface OverlayGridPanel {
content: ReactNode
+ footer?: ReactNode
grow?: number
id: string
title?: string