Restore Review - Everyday Interface Patterns

A static restore review card shows Sprint notes, Archive source, Projects restore target, and Review only status.

Program

Restore review cards should show where an item would return before any restore service moves it.

restore_review_card.html

Visuals: captured from real browser rendering

<section class="restore-review" aria-labelledby="restore-review-title"><h2 id="restore-review-title">Restore review card</h2><dl>
  <div><dt>Item</dt><dd>Sprint notes</dd></div>
  <div><dt>From</dt><dd>Archive</dd></div><div><dt>Restore target</dt><dd>Projects</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Review only</span></dd></div></dl>
  <p class="check">Learner check: the restore target is visible before any item moves back.</p>
  <p class="note">Static restore review card only; no archive service, trash service, deletion service, restore service, storage, route, API, network, script, event listener, form submit, input, checkbox, analytics, timer, object URL, download, service worker, undo service, account service, session mutation, or live item move runs.</p></section>
<style>
  .restore-review { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #1d4ed8; padding: 12px; background: #eff6ff; }
  .restore-review dl { display: grid; gap: 8px; margin: 0; }
  .restore-review dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .restore-review dt { color: #475569; }
  .restore-review dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the restore review.
The section is labelled by its visible heading.
Show item row.
The item is exact pinned data.
Show source and target rows.
The source and restore target are exact pinned data.
Render review-only status.
The status badge says this is review only.
Check restore readback.
The check says the restore target is visible before any item moves back.
Check restore honesty.
Item, source, target, status, and no live item move.

step flow step(1) labels the source, step(2) shows the item, step(3) shows source and restore target rows, step(4) shows review-only status, step(5) checks the restore readback, and step(6) checks the honesty note.

restore readback The section heading names the restore review card surface.

restore rows Item, From, Restore target, and Status values are exact pinned data.

no live restore The lesson should not imply archive services, trash services, deletion services, restore services, storage, routes, APIs, networks, scripts, event listeners, form submits, inputs, checkboxes, analytics, timers, object URLs, downloads, service workers, undo services, account services, session mutations, or live item moves.