# S02: Pipeline Admin UI Fixes — UAT

**Milestone:** M016
**Written:** 2026-04-03T05:39:15.514Z

# S02 UAT: Pipeline Admin UI Fixes

## Preconditions
- Chrysopedia running at ub01:8096
- At least one pipeline run exists with video data
- At least one creator exists in the database

---

## Test 1: Collapse Arrow Styling
1. Navigate to Admin → Pipeline page
2. Locate the "Recent Activity" section
3. Click the collapse toggle
4. **Expected:** Arrow character changes (▸ ↔ ▾) and section collapses/expands smoothly
5. Hover over the toggle button
6. **Expected:** Arrow color changes on hover (visual feedback)

## Test 2: Mobile Card Layout
1. Open browser DevTools → toggle device toolbar → set to 375px width (iPhone SE)
2. Navigate to Admin → Pipeline page
3. **Expected:** Video cards stack vertically — no horizontal overflow or vertical text
4. **Expected:** Creator names and filenames truncate with ellipsis instead of overflowing
5. **Expected:** Run card headers wrap instead of forcing horizontal scroll

## Test 3: Stage Chevrons Between Steps
1. Navigate to Admin → Pipeline page at desktop width
2. Locate the stage timeline on any video card
3. **Expected:** `›` chevron characters appear between stage dots (not thin lines)
4. **Expected:** Chevrons after completed (green) stages appear in green

## Test 4: Filter Bar Right-Alignment
1. Navigate to Admin → Pipeline page at desktop width (≥1024px)
2. Observe the filter bar (status buttons + creator dropdown + search)
3. **Expected:** Creator dropdown and search input are pushed to the right side of the filter bar
4. Resize to mobile width (≤768px)
5. **Expected:** Filters stack vertically, creator dropdown is full-width (no right-alignment)

## Test 5: Creator Dropdown Visibility
1. Navigate to Admin → Pipeline page
2. **Expected:** Creator dropdown is visible even if only one creator exists in the system
3. **Expected:** The dropdown shows the creator name, allowing the user to see whose videos are displayed
4. If multiple creators exist, all should appear in the dropdown options

## Edge Cases
- **Zero creators:** Dropdown should not appear (condition is `>= 1`, so 0 still hides it)
- **Very long creator names on mobile:** Should truncate with ellipsis, not break layout
- **No pipeline runs:** Recent activity section should still render with collapse toggle functional
