feat: add browse-at-scale — date ranges, load more, month navigator

CLI: --month YYYY-MM, --from/--to date range, --limit override
API: from/to query params for date range filtering
Web: load more button for pagination, month nav (◂/▸) in stream view
This commit is contained in:
2026-05-14 14:03:45 -04:00
parent 2d62199705
commit 949ccaca59
6 changed files with 226 additions and 8 deletions
+78
View File
@@ -153,10 +153,65 @@ main {
text-align: right;
}
/* Entity panel */
#entity-panel {
display: flex;
flex-direction: column;
overflow: hidden;
}
#month-nav {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 20px;
border-bottom: 1px solid var(--border);
flex-shrink: 0;
}
#month-nav:empty {
display: none;
}
.month-nav-btn {
background: none;
border: none;
color: var(--text-dim);
font-family: var(--font-mono);
font-size: 13px;
cursor: pointer;
padding: 2px 6px;
border-radius: 4px;
transition: all 0.1s;
}
.month-nav-btn:hover { color: var(--text); background: var(--bg-hover); }
.month-nav-label {
font-family: var(--font-mono);
font-size: 13px;
color: var(--text);
min-width: 80px;
text-align: center;
}
.month-nav-clear {
background: none;
border: none;
color: var(--text-muted);
font-family: var(--font-mono);
font-size: 11px;
cursor: pointer;
margin-left: auto;
}
.month-nav-clear:hover { color: var(--text); }
/* Entity list */
#entity-list {
overflow-y: auto;
padding: 8px 0;
flex: 1;
}
.date-header {
@@ -483,6 +538,29 @@ main {
font-family: var(--font-mono);
}
/* Load more */
.load-more-wrap {
padding: 12px 20px;
text-align: center;
}
.load-more-btn {
background: var(--bg-hover);
border: 1px solid var(--border);
color: var(--text-dim);
padding: 6px 24px;
border-radius: var(--radius);
cursor: pointer;
font-family: var(--font-mono);
font-size: 12px;
transition: all 0.15s;
}
.load-more-btn:hover {
border-color: var(--accent);
color: var(--accent);
}
/* Absorb modal */
.absorb-list {
max-height: 300px;