# Mockup Changelog

This file tracks major changes to the interactive SEOquake mockup.

## 2026-04-10

- Reworked popup IA to `Page Info`, `Content`, `Audit`, and `Schema`.
- Removed popup `Links` and `Semrush` tabs.
- Renamed the popup `Overview` tab to `Page Info`.
- Renamed the popup `Technical` tab to `Audit`.
- Added hash-based deep links for popup and full-report states.
- Rebuilt the full-report IA to `Page Info`, `Audit`, `Keyword Density`, `Links`, and `Compare`.
- Folded full-report `Content` into `Audit`.
- Folded top-level full-report `Semrush` into `Page Info`.

## 2026-04-10 — Popup

- Updated popup `Page Info` to use the approved free Semrush metric set:
  - `Semrush SE Traffic`
  - `Semrush Backlinks`
  - `Traffic Cost`
  - `Semrush Root Domain Backlinks`
- Removed `Canonical` from popup `Content`.
- Kept popup `Schema` as a dedicated SEO utility tab.
- Added reusable schema-detail blocks and a real social-preview image.
- Replaced the old popup header tooltip treatment so all popup tab headers now use the same tooltip component.
- Added tooltips to popup `Page Info` summary metrics and `Semrush Overview`.
- Tightened popup `Page Info` by removing extra subheads and CTA rows.
- Moved full-report navigation out of the popup header area and into the footer.
- Switched the popup footer from bright aqua to a lighter Semrush-purple system.

## 2026-04-10 — Full Report

- Expanded full-report `Page Info` into a real snapshot surface with:
  - Semrush Overview
  - Basic Page Info
  - Page Summary
  - Technical Snapshot
  - Keyword Density Preview
  - Connected Semrush Analysis
- Rebuilt full-report `Keyword Density` as a real report surface with:
  - 1-word / 2-word / 3-word / 4-word phrase views
  - bookmarks
  - page info metadata
  - filter
  - keyword cloud
  - original text
- Reworked `Links` into separate internal/external views.
- Preserved key legacy link params for internal/external link views.
- Added shared schema modules to full-report `Audit`.
- Replaced social-preview placeholders with the real preview image.
- Applied the full-report tooltip system:
  - switched to the Semrush-style info icon
  - used `16x16` on report and section headers
  - used `14x14` on inline metrics, stat rows, table headers, and compare rows
  - added tooltip coverage across `Page Info`, `Audit`, `Keyword Density`, `Links`, and `Compare`
  - cleaned up compare metric labels to `SE Traffic`, `Traffic Cost`, `Backlinks`, `Subdomain Backlinks`, and `Domain Backlinks`

## 2026-04-10 — Component Alignment

- Fixed popup `Page Info` metadata row alignment by changing the row structure so icons align to the title row instead of the whole text block.
- Reused the same metadata row component in popup `Content` for:
  - `Title Tag`
  - `Meta Description`
- Reused the `Page Info` summary-strip pattern in popup `Content` for:
  - `Words`
  - `H1`
  - `H2`
  - `H3`
  - `H4`
- Matched spacing between metadata and summary blocks across popup `Page Info` and `Content`.