McRitchie Studio

Agent Context

Reimagine /alex/heartbeat/activities as a new /agents/activities page (collection route on agents resource; param :slug would otherwise swallow it). Operator decisions: (1) KEEP the old heartbeat pages untouched, add new alongside. (2) Mobile = priority columns: agent+activity always visible, cost/details/grades collapse behind a per-row expand on narrow screens. (3) Filter = multi-select OR, URL-saved (?sessions=slug1,slug2; empty=all). (4) Action rows: clean key-method chip in Action column bottom, raw tool-input JSON in Details column bottom. ACTIVITIES TABLE — 6 cols x 3 sub-rows: [Agent] avatar+name stacked (reuse heartbeat_agent_cell: soul face over base Pokemon mascot). [Activity] top=category badge (Explore/Verify...) + goal (reason_slug e.g. 'Read qa-release SOP before sweep'); middle=arrow + result (outcome_slug) wrapped in components/overflow_fade (fade/marquee); bottom=key command chip (key_method) if present. [Cost] top=cost, middle=model, bottom=tokens (in/out). [Details] top=timestamp (Jul 5, 20:24) + done/open badge; middle=task slug; bottom='X actions' + spinner if activity still open (closed_at nil). [Alex grade] + [McRitchie grade] identical: Good/Not radio + (x) nullify; notes occupy bottom two sub-rows. Reuse ActionGrade (grader alex/mcr), existing grade endpoints + _activity_inline_grade/_activity_grade_mark partials. ACTION DRILL-DOWN (click activity to expand, Alpine, preloaded) — mirrors activities but: [Agent] same. [Action] TWO sub-sections: top = '#<seq> <KIND>' badge LEFT of summary (e.g. 'Search deployments view for wrap-related classes'); bottom = primary command = clean key_method chip. [Cost] TWO sub-sections: top cost, bottom tokens (DROP model). [Details] top='#<seq> <KIND>' + [ok] outcome badge; bottom = raw tool-input JSON (input field, Image #4). [Alex]+[McRitchie] grade cells persist on actions too (ActionGrade agent_action_id target already supported; render inline, no migration). SORT: activities AND actions newest->oldest in all views (actions currently chronological in expand — reverse). FILTER SIDEBAR: opens a panel listing all Pokemon sessions (SessionMascot: session_id, mascot_slug; use session_mascot_labels + pokemon avatars). Click to add/remove session filters; multi-select OR; state in ?sessions= URL param. Combines cross-session all_activities + per-session filtering into one UI. Shape ui-only (no migration; grades already persist). Reuse AgentActivity/AgentAction/ActionGrade models, heartbeat helpers, overflow_fade component. Build in ONE worktree with parallel agents on disjoint partials: A=_activities_table, B=_action_row, C=_activities_filter, D=responsive CSS. Tests: integration (route renders, ?sessions filter narrows, action expand) + view-component (table + action-row partials) + helper unit.