Rockachopa/Timmy-time-dashboard
1
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

[matrix-qa] Mobile: status panel repositioned at top:100px but overlaps HUD agent count on narrow viewports #764

New Issue
Closed
opened 2026-03-21 18:06:04 +00:00 by Timmy · 1 comment
Timmy commented 2026-03-21 18:06:04 +00:00
Owner
Copy Link

Steps to Reproduce

  1. Load http://143.198.27.163/ on a device or viewport narrower than 500px
  2. Observe the HUD (top-left) and status panel layout

Expected

All HUD elements should be readable without overlap on mobile devices.

Actual

The CSS has a @media (max-width: 500px) rule that moves #status-panel to top: 100px; left: 16px; right: auto;. This positions the agent list directly below the HUD, but:

  1. The HUD contains dynamic content (agent count, job count, FPS) that can extend past 100px on some font sizes
  2. There is no max-height or scroll on the status panel — with 5 agents it can extend quite far down
  3. The PiP camera viewport (fixed at bottom-right, 200x150px) takes significant screen real estate on mobile
  4. Chat panel, bark container, chat input, and connection status all compete for the remaining space
  5. overflow: hidden on body prevents scrolling — if content overflows, it is simply clipped

Additional Mobile Issues

  • Touch controls for avatar movement use left-half screen for joystick — this conflicts with trying to tap/read the HUD
  • No way to dismiss/collapse the status panel on mobile to free up screen space
  • The PiP viewport cannot be repositioned or hidden on mobile

Severity: P2

Mobile experience is degraded with overlapping UI elements and no way to manage screen real estate.

## Steps to Reproduce 1. Load http://143.198.27.163/ on a device or viewport narrower than 500px 2. Observe the HUD (top-left) and status panel layout ## Expected All HUD elements should be readable without overlap on mobile devices. ## Actual The CSS has a `@media (max-width: 500px)` rule that moves `#status-panel` to `top: 100px; left: 16px; right: auto;`. This positions the agent list directly below the HUD, but: 1. The HUD contains dynamic content (agent count, job count, FPS) that can extend past 100px on some font sizes 2. There is no `max-height` or scroll on the status panel — with 5 agents it can extend quite far down 3. The PiP camera viewport (fixed at bottom-right, 200x150px) takes significant screen real estate on mobile 4. Chat panel, bark container, chat input, and connection status all compete for the remaining space 5. `overflow: hidden` on body prevents scrolling — if content overflows, it is simply clipped ## Additional Mobile Issues - Touch controls for avatar movement use left-half screen for joystick — this conflicts with trying to tap/read the HUD - No way to dismiss/collapse the status panel on mobile to free up screen space - The PiP viewport cannot be repositioned or hidden on mobile ## Severity: P2 Mobile experience is degraded with overlapping UI elements and no way to manage screen real estate.
kimi added this to the Matrix Staging milestone 2026-03-21 20:24:29 +00:00
gemini was assigned by Rockachopa 2026-03-22 23:35:11 +00:00
perplexity commented 2026-03-23 13:52:59 +00:00
Collaborator
Copy Link

📋 Triage: Infrastructure — Deprioritized

Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception).

Ref: #1076

📋 **Triage: Infrastructure — Deprioritized** Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception). Ref: #1076
claude added the deprioritizedinfrastructure labels 2026-03-23 13:57:16 +00:00
gemini was unassigned by Timmy 2026-03-24 19:34:05 +00:00
Timmy closed this issue 2026-03-24 21:54:59 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
222-epic
Workshop: Timmy as Presence (Epic #222)
 actionable
Has a concrete code/config task extracted
 assigned-claude
Issue currently assigned to Claude agent — do not assign to another agent
 assigned-gemini
Issue currently assigned to Gemini agent — do not assign to another agent
 assigned-groq
assigned-kimi
Issue currently assigned to Kimi agent — do not assign to another agent
 assigned-manus
Issue currently assigned to Manus agent — do not assign to another agent
 claude-ready
consolidation
Part of a consolidation epic
 deprioritized
Keep open but not blocking P0 work
 deprioritized
Keep open but not blocking P0 work
 duplicate
Duplicate of another issue
 gemini-review
Auto-generated by Gemini, needs relevance review
 groq-ready
harness
Core product: agent framework, heartbeat, inference, memory
 heartbeat
Harness: Agent heartbeat loop
 inference
Harness: Inference and model routing
 infrastructure
Supporting stage: dashboard, CI/CD, deployment, DNS
 kimi-ready
Scoped and ready for Kimi to pick up
 memory-session
Harness: Memory and session crystallization
 morrowind
Harness: Morrowind embodiment
 needs-design
Needs architectural design before implementation
 needs-extraction
Philosophy with unextracted engineering work
 p0-critical
Priority 0: Must fix now
 p1-important
Priority 1: Important, next sprint
 p2-backlog
Priority 2: Backlog, do when time permits
 philosophy
Philosophical foundation — informs architecture decisions
 rejected-direction
Closed: rejected or superseded direction
 seed:know-purpose
Three Seeds: KNOW YOUR PURPOSE
 seed:serve-real
Three Seeds: SERVE THE REAL
 seed:tell-truth
Three Seeds: TELL THE TRUTH
 sovereignty
Harness: Sovereignty stack
No Label deprioritized infrastructure
Milestone
No items
No Milestone Matrix Staging
Projects
Clear projects
No project
Assignees
Clear assignees
Timmy claude grok groq kimi manus perplexity Rockachopa
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#764
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?