usability enhancements

openspec/changes/p14-bugs/proposal.md

@@ -0,0 +1,34 @@
+## Why
+
+Several regressions and UX defects slipped in after recent enhancements, affecting modal behavior, sharing visibility, footer/header usability, and image relevance. Fixing these together will restore trust, readability, and navigation quality without introducing new product scope.
+
+## What Changes
+
+- Fix permalink-to-hero modal behavior so image rendering and keyboard close (`Escape`) work consistently.
+- Restore footer contact email visibility and ensure env-driven contact link rendering is reliable.
+- Fix light-theme contrast for social share icons and add a copy-to-clipboard action alongside X, WhatsApp, and LinkedIn.
+- Replace inline footer "Back to Top" text button with a floating island-style control.
+- Make footer persistently sticky and compact while preserving reading comfort.
+- Make header persistently sticky with subtle shrink, elevation, and glass effect on scroll.
+- Tighten article-image relevance to avoid clearly unrelated images for finance/market stories.
+- Remove unnecessary per-card "Link" affordance from feed cards.
+
+## Capabilities
+
+### New Capabilities
+- None.
+
+### Modified Capabilities
+- `article-permalinks-and-deep-link-modal`: Correct deep-link modal open-state parity for hero/feed targets and keyboard close behavior.
+- `share-and-contact-microinteractions`: Fix share-icon visibility in light mode, add copy-link action, and restore contact-email presence.
+- `footer-policy-links`: Update footer interaction model for sticky compact layout and floating back-to-top control.
+- `responsive-device-agnostic-layout`: Apply sticky header/footer behavior and ensure readability is not degraded.
+- `news-image-relevance-and-fallbacks`: Improve relevance guardrails to reduce obviously mismatched fallback/provider image outcomes.
+- `hero-display`: Remove redundant card-level permalink text affordance where it harms clarity.
+
+## Impact
+
+- **Frontend UI:** `frontend/index.html` modal behaviors, keyboard handling, share controls, footer/header interactions, and card affordances.
+- **Backend config/data:** contact link exposure verification through `/config` payload and env handling.
+- **Image pipeline:** backend relevance and fallback heuristics in image selection paths.
+- **UX quality:** stronger consistency across themes and navigation paths, especially for permalink and sharing flows.