diff --git a/.story_kit/work/1_upcoming/70_story_fade_out_completed_agents.md b/.story_kit/work/1_upcoming/70_story_fade_out_completed_agents.md new file mode 100644 index 0000000..5e8ec00 --- /dev/null +++ b/.story_kit/work/1_upcoming/70_story_fade_out_completed_agents.md @@ -0,0 +1,25 @@ +--- +name: Fade Out Completed Agents in Panel +test_plan: pending +--- + +# Story 70: Fade Out Completed Agents in Panel + +## User Story + +As a user, I want completed agent entries in the Agents panel to gradually fade out and disappear after about 60 seconds, so that the panel doesn't fill up with stale results. + +## Acceptance Criteria + +- [ ] When an agent reaches a terminal state (completed or failed), a 60-second countdown begins +- [ ] During the countdown the entry fades from full opacity to zero using a CSS transition +- [ ] After the fade completes, the entry is removed from the panel DOM +- [ ] Running and pending agents are never faded or removed +- [ ] If the user expands a fading entry (clicks the triangle), the fade pauses so they can read the output +- [ ] Collapsing the entry resumes the fade from where it left off + +## Out of Scope + +- Persisting completed agent history across page refreshes +- A "show all completed" toggle to bring back faded entries +- Configurable fade duration