# S05: Key Moment Card Text Overflow Fix — UAT

**Milestone:** M007
**Written:** 2026-03-30T19:42:38.680Z

## UAT: Key Moment Card Text Overflow Fix

### Preconditions
- Chrysopedia web UI running (http://ub01:8096)
- At least one technique page exists with key moments that have long source filenames (20+ characters)

### Test 1: Long filename truncation
1. Navigate to a technique page that has key moments with long source video filenames
2. Observe the key moment cards in the right sidebar
3. **Expected:** Source filename text stays within card bounds, truncated with ellipsis (`...`) if too long. No horizontal scrollbar appears on the sidebar or page.

### Test 2: Long title wrapping
1. Find or create a key moment with a title longer than the card width (~20rem)
2. View the technique page containing that moment
3. **Expected:** The title text wraps to multiple lines within the card. Full title is readable. No horizontal overflow.

### Test 3: Timestamp + filename meta row
1. View a key moment card that has both a timestamp range (e.g., "01:23:45 – 01:25:00") and a long filename
2. **Expected:** The meta row wraps if needed (flex-wrap). Timestamp and filename stay within card bounds. No text overlaps or clips illegibly.

### Test 4: Narrow viewport
1. Resize browser window to ~900px width (technique page sidebar becomes compressed)
2. View key moment cards
3. **Expected:** Cards adapt — text still truncates/wraps within bounds. No horizontal page scroll caused by card content.

### Edge Cases
- Key moment with no source filename (empty `.technique-moment__source`): card renders normally without blank space issues
- Key moment with very short title (1-2 words): no visual regression, card looks normal
