From 924040f3562502699d924caff4b34516a6beb87d Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Mon, 21 Sep 2026 16:30:23 -0700
Subject: History: the page number is a picker — jump straight to any page.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Tmfg8k5f3TbNJS34qiqHAp
---
 src/app.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/app.js')

diff --git a/src/app.js b/src/app.js
index 1baf9db..96f47f9 100644
--- a/src/app.js
+++ b/src/app.js
@@ -5201,7 +5201,11 @@ function pager(page, total, onPage) {
   if (pages <= 1) return null;
   return h('div', { class: 'row between', style: 'align-items:center;padding-top:10px' },
     h('button', { class: 'btn-sm', onClick: () => onPage((page - 1 + pages) % pages) }, t('prevPage')),
-    h('span', { class: 'small muted' }, t('pageXofY', { x: page + 1, y: pages })),
+    // the page number is a picker: forty pages is a long swipe to the middle
+    h('select', {
+      class: 'small muted page-pick', 'aria-label': t('pageXofY', { x: page + 1, y: pages }),
+      onChange: (e) => onPage(parseInt(e.target.value, 10) || 0),
+    }, ...Array.from({ length: pages }, (_, i) => h('option', { value: String(i), selected: i === page }, t('pageXofY', { x: i + 1, y: pages })))),
     h('button', { class: 'btn-sm', onClick: () => onPage((page + 1) % pages) }, t('nextPage'))
   );
 }
-- 
cgit v1.2.3