Patterns
Content list management
Make the correct record easy to find and open while preserving its type, date and publishing state.
On this page
Task and context
Make the correct record easy to find and open while preserving its type, date and publishing state.
Flow and composition
| Stage | Interface responsibility |
|---|---|
| Choose scope | Status/type tabs define the list context. |
| Search | Query control and route state identify the filter. |
| Scan | Title first, then contextual columns and badge. |
| Act | Open record or use a separately named row action. |
Decisions and handoff
- Match the list grid to default, actions or compact source layout.
- Keep core status visible after columns stack on phone.
Recovery and acceptance
- Distinguish no records from no filter matches.
- Check destructive action recovery and focus after record removal.
- Live filtering must be tested separately because the fixture database ignores query predicates.
Source references
| File | Responsibility |
|---|---|
| components/admin-ui.tsx | Audited Townwell implementation; use this file when extending this interface. |
| app/admin/(shell)/stories/page.tsx | Audited Townwell implementation; use this file when extending this interface. |
Examples from the app
Actual Boise Today and Townwell UI with synthetic editorial, business, review, media metadata and analytics. Existing Boise imagery; no live data changes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-07 · Revision ce8bc72b96da · Documentation v0.1