hermes - 💡(How to fix) Fix [Bug]: Kanban dashboard hides rightmost columns (done/blocked/review) due to invisible horizontal scrollbar [1 pull requests]

Bug Description

The Kanban dashboard at /kanban visually hides the rightmost columns (typically done, blocked, review) because the horizontal scrollbar is completely invisible. The columns exist and contain data, but users cannot see them or know they can scroll horizontally.

Evidence

API returns all columns correctly

$ curl -s http://localhost:9119/api/plugins/kanban/board | python3 -c "import sys,json; d=json.load(sys.stdin); [print(f'{c["name"]}: {len(c["tasks"])} tasks') for c in d['columns']]"
triage: 0 tasks
todo: 0 tasks
scheduled: 0 tasks
ready: 0 tasks
running: 0 tasks
blocked: 0 tasks
review: 0 tasks
done: 2 tasks

Root Cause

In plugins/kanban/dashboard/dist/style.css:

.hermes-kanban-columns {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scrollbar-width: none;          / Firefox: hides scrollbar /
}
.hermes-kanban-columns::-webkit-scrollbar {
  display: none;                  / Chrome/Safari: hides scrollbar /
}

Each column is flex: 0 0 280px. With 8 columns, total width ≈ 2324px. On a 1920px viewport, ~400px (≈1.5 columns) are clipped off-screen with zero visual indication that horizontal scrolling is possible.

Secondary Issue: COLUMN_ORDER out of sync

In plugins/kanban/dashboard/dist/index.js line 73:

const COLUMN_ORDER = ["triage", "todo", "ready", "running", "blocked", "done"];

But plugin_api.py BOARD_COLUMNS has 8 columns:

BOARD_COLUMNS = ["triage", "todo", "scheduled", "ready", "running", "blocked", "review", "done"]

Missing scheduled and review in the frontend constant (comment on line 72 says "Order matches BOARD_COLUMNS in plugin_api.py").

Steps to Reproduce

1. Open Hermes dashboard at http://<host>:9119/kanban
2. Observe columns from left to right
3. Rightmost columns (done/blocked/review) are not visible
4. No scrollbar or scroll hint indicates horizontal overflow
5. Manually scrolling right (trackpad/mouse wheel) reveals the hidden columns

Expected Behavior

• Either show a visible horizontal scrollbar when columns overflow
• Or add a visual indicator (fade edge, scroll hint arrow) that more columns exist to the right
• Or use responsive wrapping/auto-fit layout for columns

Environment

• Hermes Agent v0.13.0
• CentOS 7, kernel 3.10
• Browser: any (Chrome, Firefox, Safari — all affected since scrollbar is hidden via CSS)

Suggested Fix

1. Remove scrollbar-width: none and ::-webkit-scrollbar { display: none } to show the native scrollbar
2. OR add a subtle fade/gradient indicator on the right edge when overflow exists
3. Sync COLUMN_ORDER in dist/index.js with BOARD_COLUMNS in plugin_api.py (add scheduled and review)