⌂ Home ☷ Board

MC Chat-First Test Results B — Segments 5-7

Tester: Tessa
Date: 2026-05-19
MC URL: http://localhost:3001
Viewports tested: Desktop 1280x720, Mobile 375x812
DB cross-check: mc.db Focus 23 = inbox 23 confirmed


Segment 5 — Secondary views still work (steps 14-16)

Step Action Result Severity Note Screenshot
14 Navigate to Board from chat shell PASS Board opens as right-side panel with filter tabs (Focus 23, In Progress 4, Needs Input, Review), project filters, and ticket cards. Clicking ticket card navigates to /ticket/ and loads full detail. /tmp/tessa-s5-step14-after-board.png, /tmp/tessa-s5-step14-ticket-open.png
15 Open Workbench then Tasks PASS Workbench opens as right panel showing live runtime (MC-3785, "working...") with Ticket/Runtime/Live tabs, controls, and message composer. Tasks page loads at /tasks showing 130 tasks, 116 enabled, filter tabs all responsive. /tmp/tessa-s5-step15-workbench2.png, /tmp/tessa-s5-step15-tasks.png
16 Return to chat, verify thread history PASS Overview/chat restored after returning. "Persistence Test Thread" retains "ping test from Tessa" message bubble. Thread history intact across navigation. /tmp/tessa-s5-step16-thread-history.png

Segment 5 summary: 3/3 PASS. No regressions — Board, Workbench, Tasks all fully functional after chat-first redesign.


Segment 6 — Mobile journey 375x812 (step 17)

Step Action Result Severity Note Screenshot
17a Thread sheet opens on mobile PASS "Threads" button (44px, OK) opens sheet with telegram-default, Persistence Test Thread (57px items, OK), New chat. Thread titles + relative time visible. /tmp/tessa-s6-step4-threads-sheet2.png
17b Mode buttons tap targets FAIL Minor "Chat with Luci", "Luci, do it now", "Quick Ticket" buttons are 32px height on mobile — below 44px minimum. Exact measurement: h=32px for all three. /tmp/tessa-s6-step17-mobile-composer.png
17c Text size check FAIL Minor Multiple elements below 13px threshold: status badges (HEALTH HEALTHY, LUCI ONLINE, DISK 42%) = 11px; bottom nav labels (Overview, Board, Tasks, Apps) = 11px; quick start chips (Bug report, Research, Refactor, Assign Luci, High priority) = 12px; QUICK START label = 10px. /tmp/tessa-s6-mobile-full.png
17d No horizontal overflow PASS ScrollWidth = InnerWidth = 375px. No horizontal scroll on mobile homepage. /tmp/tessa-s6-mobile-full.png
17e Board on mobile — filter tabs FAIL Minor On mobile board view, filter tab row (Focus 23 / In Progress 4 / Needs Input) is clipped — FAB (+) button overlaps "Needs Input" tab. Search bar truncated to "Search ticke". Not scrollable horizontally. /tmp/tessa-s6-board-clean.png
17f Bottom nav all sections reachable PASS 5-tab nav (Overview/Board/Tasks/Apps/More) all 75x55px. "More" sheet opens with 7 additional sections: Workbench, Open, Reports, Briefings, Alerts, Console, Insights. All reachable, large tap targets. /tmp/tessa-s7-step20-more-menu.png

Segment 6 summary: 3 PASS, 3 FAIL (all Minor). Mode buttons and text sizes are below spec. Board filter row clip on mobile is the most disruptive visual issue.


Segment 7 — Regression (steps 18-20)

Step Action Result Severity Note Screenshot
18 Composer mode buttons (Quick Ticket / Luci do it now) PASS All three mode buttons respond correctly. "Chat with Luci" → "Luci, do it now" → "Quick Ticket" each toggle active state (highlighted border). Work as bypass shortcuts. /tmp/tessa-s7-step18-luci-do-it.png, /tmp/tessa-s7-step18-quick-ticket.png
19 Hard-refresh /ticket/ — no SW offline page PASS /ticket/3780 hard-loaded ticket detail (MC-3771 redirected) with full body + status panel. No service worker offline page. MC-3749 fix confirmed holding. /tmp/tessa-s7-step19-ticket-hardrefresh.png
20 Bottom nav 4-5 tabs + More, no overflow PASS Mobile: 5 tabs (Overview, Board, Tasks, Apps, More), 75x55px each, exactly fills 375px. Desktop: all 5 nav tabs visible. No overflow either viewport. More drawer opens 7 extra sections. /tmp/tessa-s7-step20-mobile-nav.png, /tmp/tessa-s7-step20-more-menu.png

Segment 7 summary: 3/3 PASS. MC-3749 fix holds. Mode buttons work. Nav intact.


Data Cross-Check

Board displays "Focus 23" and "In Progress 4".
DB query: SELECT status, COUNT(*) FROM tickets WHERE status NOT IN ('done','cancelled') AND (snooze_until IS NULL OR snooze_until < datetime('now')) GROUP BY status;
Result: inbox=23, in_progress=4.
Match confirmed.


Segments 5-7 Summary

Severity Count
Blocker 0
Major 0
Minor 3
Polish 0

Total: 6 PASS, 3 FAIL (all Minor)

Top issues (new findings, not in known-residual list)

  1. Minor — Mode buttons below 44px on mobile: "Chat with Luci", "Luci, do it now", "Quick Ticket" buttons measure 32px height on mobile 375x812. Apple HIG and Material spec both require ≥44px tap targets. Easy fix: increase padding on .mc-mode-btn or add min-height: 44px.

  2. Minor — Text below 13px on mobile: Status badge text (11px), bottom nav labels (11px), quick start chips (12px), QUICK START label (10px). Affects readability at normal phone viewing distance. Suggest bumping to 12–13px minimum for all non-decorative text.

  3. Minor — Board filter tab row clipped on mobile: FAB (+) button (bottom-right, position:fixed) overlaps the "Needs Input" tab at the right edge of the filter bar. Also the search bar + "Runtime Workbench" + "Run MC Review" buttons row does not wrap cleanly — "Search ticke" text is cut off. Suggest adding right padding equal to FAB width + margin, or making filter bar horizontally scrollable.

Known residual (not re-reported)


Tessa sign-off: Segments 5-7 complete. No blockers. Three minors for Luci to evaluate.