Skip to content

[UI]: Kanban task drawer is too cramped — small fonts, no resize, unreadable black text on dark themes #18576

@kaishi00

Description

@kaishi00

Bug Description

Kanban task detail drawer has poor readability

The task detail drawer (right panel when clicking a kanban card) has several UI issues that make it hard to follow agent work:

1. Drawer is too narrow

  • The drawer occupies ~30-35% of screen width with no resize handle or drag-to-expand
  • All content (metadata, description, context, Run History, comments) is crammed into this narrow panel
  • No way to expand it horizontally or pop it out into a full view

2. Font size is too small for technical content

  • Body text appears to be 12-14px — fine for card titles but too small for file paths, code snippets, and agent output
  • File paths like /root/.hermes/profiles/zhongli/kanban/workspaces/T_54fb2b13 wrap badly at this width
  • No monospace font used for technical/terminal content

3. Run History section is barely visible

  • The tutorial shows a full Run History table with outcomes, summaries, metadata blobs, and error messages
  • In the actual dashboard (v0.12.0), this section (if it exists) is squeezed into the same narrow drawer
  • Agent tool call output (💻 $ ssh ..., 🔍 preparing session_search...) is rendered as plain text without formatting
  • For running tasks there seems to be no live log/terminal viewer at all — you have to switch to the SESSIONS tab or use hermes kanban log <task_id> CLI

4. Black text is unreadable on all theme backgrounds

  • There are UI elements rendering text in black or very dark color that becomes invisible against dark theme backgrounds
  • This affects multiple theme colors — not just one specific theme
  • The text is present (you can select it) but visually invisible unless you highlight it

Expected Behavior

  • Task drawer should be readable without squinting
  • Technical content (paths, code, terminal output) should use monospace font at readable size
  • Run History and agent output should be clearly visible with proper formatting
  • All text should be legible regardless of active theme
  • A resize handle or "expand to fullscreen" option would help

Actual Behavior

  • Drawer is a fixed-width skinny sidebar
  • Small sans-serif font makes dense technical content hard to parse
  • Agent output/logs are either not shown in the drawer or rendered as unformatted plain text
  • Black text elements are invisible on dark backgrounds

Environment

  • Hermes Agent: v0.12.0 (The Curator Release)
  • Dashboard accessed via Tailscale: 100.105.213.80:9121 (Zhongli profile)
  • Browser: Chromium-based
  • OS: CachyOS Linux (KDE Plasma 6, Wayland)
  • Multi-profile setup: Furina (root), Zhongli, Raiden, Nahida
  • Kanban board actively in use with cross-profile task delegation

Screenshots / References

Suggestion

Consider:

  • Adding a draggable resize handle to the drawer edge
  • Using monospace + slightly larger font for the Run History / agent log area
  • Making the Run History section collapsible but default-open with proper table layout
  • Adding a "View full session" link from the drawer to the SESSIONS tab for the worker's conversation
  • Auditing all text colors for contrast against every bundled theme background

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Low — cosmetic, nice to havecomp/pluginsPlugin system and bundled pluginstype/bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions