clawfort/openspec/changes/archive/2026-02-13-p10-ui-fixes/tasks.md

1. Hero UX Fixes

• 1.1 Update hero primary CTA in frontend/index.html to open the in-site summary modal for the hero item.
• 1.2 Keep hero source link as a secondary external action and preserve tracking events.
• 1.3 Strengthen hero overlay and metadata styles so LATEST and relative time remain readable across image brightness levels.

2. Modal Layout Improvements

• 2.1 Increase modal width for desktop while keeping mobile-safe responsive behavior.
• 2.2 Update modal height/overflow behavior to support near full-height scrolling for long content.
• 2.3 Verify close controls and keyboard escape behavior remain intact after sizing changes.

3. TL;DR Loading Feedback

• 3.1 Add a dedicated horizontal shimmer placeholder for TL;DR content while modal summary data is initializing.
• 3.2 Hide the TL;DR shimmer placeholder when TL;DR bullets are available and render the bullet list.

4. Image Relevance and Fallback

• 4.1 Update keyword fallback logic in backend/news_service.py to use AI-focused default terms when extracted keywords are insufficient.
• 4.2 Add explicit generic AI summary-image fallback behavior when provider chain returns no usable image.
• 4.3 Ensure context-aware keyword/provider attempts always run before generic AI fallback selection.

5. Validation

• 5.1 Verify hero CTA opens summary modal instead of navigating away.
• 5.2 Verify modal sizing on desktop/mobile and long-content scrolling behavior.
• 5.3 Verify TL;DR shimmer appears during pending state and disappears after load.
• 5.4 Verify generic AI fallback image is used when provider chain fails.