feat(tui): card windowing, log G-jump, header tiny mode, expand-log width

- BoardView columns now window their card list against the available
  rows so the cursor stays visible. Cards beyond the viewport scroll
  in via "↑ N more" / "↓ N more" indicators. Fixes the "can't reach
  cards in the Done column" bug — selectedIndex was advancing but the
  cards were clipped.
- Logs section: G (vim-style, in addition to End) jumps to newest
  entry. Lowercase g stays as the global Settings shortcut.
- MainHeader gains two new collapse tiers: cols < 50 renders just
  FUSION + the active tab pills (no inactive tabs, no dividers); rows
  < 10 hides the header entirely so the row isn't wasted.
- ExpandedLog stretches to width="100%" so the panel keeps its width
  when an entry is expanded — was collapsing to content width before.
- Lighter blue palette throughout (cyanBright / cyan); status-mode
  grid widened to 5:6 so Stats panel gets ~45% of cols.
- Stats: heap limit always on its own continuation row; bytes
  formatted with a space ("450 MB") so a forced wrap, if it ever
  happens, breaks after the unit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

packages/dashboard/app/components/AgentTokenStatsPanel.css

@@ -0,0 +1,128 @@
+.agent-token-stats-panel {
+  margin-bottom: var(--space-lg);
+  padding: var(--space-md);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  background: var(--card);
+  box-shadow: var(--shadow-sm);
+}
+
+.agent-token-stats-panel__header {
+  margin-bottom: var(--space-md);
+}
+
+.agent-token-stats-panel__title {
+  margin: 0;
+  font-size: calc(var(--space-md) + var(--space-xs));
+  font-weight: 600;
+  color: var(--text);
+}
+
+.agent-token-stats-panel__totals {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-2xl) * 4), 1fr));
+  gap: var(--space-sm);
+  margin-bottom: var(--space-md);
+}
+
+.agent-token-stats-panel__total-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs);
+  padding: var(--space-sm) var(--space-md);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+}
+
+.agent-token-stats-panel__total-label {
+  color: var(--text-muted);
+  font-size: calc(var(--space-sm) + var(--space-xs));
+  text-transform: uppercase;
+  letter-spacing: calc(var(--space-xs) / 8);
+}
+
+.agent-token-stats-panel__total-value {
+  color: var(--text);
+  font-size: calc(var(--space-lg) + var(--space-xs));
+  line-height: 1.2;
+  font-family: var(--font-mono);
+  font-weight: 700;
+}
+
+.agent-token-stats-panel__table-wrapper {
+  overflow-x: auto;
+}
+
+.agent-token-stats-panel__table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.agent-token-stats-panel__table th,
+.agent-token-stats-panel__table td {
+  padding: var(--space-sm);
+  border-bottom: 1px solid var(--border);
+  color: var(--text);
+  text-align: right;
+  font-size: calc(var(--space-sm) + var(--space-xs));
+}
+
+.agent-token-stats-panel__table thead th {
+  text-transform: uppercase;
+  letter-spacing: calc(var(--space-xs) / 8);
+  color: var(--text-muted);
+  font-weight: 600;
+}
+
+.agent-token-stats-panel__table th:first-child,
+.agent-token-stats-panel__table td:first-child {
+  text-align: left;
+}
+
+.agent-token-stats-panel__agent-cell {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--space-xs) * 0.5);
+}
+
+.agent-token-stats-panel__agent-name {
+  color: var(--text);
+}
+
+.agent-token-stats-panel__agent-id {
+  color: var(--text-muted);
+  font-family: var(--font-mono);
+  font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
+  text-transform: none;
+  letter-spacing: normal;
+}
+
+.agent-token-stats-panel__total-cell {
+  font-family: var(--font-mono);
+  font-weight: 700;
+}
+
+.agent-token-stats-panel__empty {
+  padding: var(--space-md);
+  border: 1px dashed var(--border);
+  border-radius: var(--radius-sm);
+  color: var(--text-muted);
+  background: color-mix(in srgb, var(--surface) 85%, transparent);
+  font-size: calc(var(--space-sm) + var(--space-xs));
+}
+
+@media (max-width: 768px) {
+  .agent-token-stats-panel {
+    padding: var(--space-sm);
+  }
+
+  .agent-token-stats-panel__totals {
+    grid-template-columns: 1fr;
+  }
+
+  .agent-token-stats-panel__table th,
+  .agent-token-stats-panel__table td {
+    padding: var(--space-xs) var(--space-sm);
+  }
+}