Trash Notice - Everyday Interface Patterns

A static trash retention notice shows Old draft, Trash location, 30 days retention, and Can restore status.

Program

Trash notices should show a holding state and retention period without implying permanent deletion.

trash_retention_notice.html

Visuals: captured from real browser rendering

<section class="trash-notice" aria-labelledby="trash-notice-title"><h2 id="trash-notice-title">Trash retention notice</h2><dl>
  <div><dt>Item</dt><dd>Old draft</dd></div>
  <div><dt>Location</dt><dd>Trash</dd></div><div><dt>Retention</dt><dd>30 days</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Can restore</span></dd></div></dl>
  <p class="check">Learner check: trash is shown as a holding state, not permanent deletion.</p>
  <p class="note">Static trash retention notice 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>
  .trash-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .trash-notice dl { display: grid; gap: 8px; margin: 0; }
  .trash-notice dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .trash-notice dt { color: #475569; }
  .trash-notice dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fde68a; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the trash notice.
The section is labelled by its visible heading.
Show item row.
The item is exact pinned data.
Show location and retention rows.
The location and retention period are exact pinned data.
Render can-restore status.
The status badge says the item can be restored.
Check trash readback.
The check says trash is a holding state, not permanent deletion.
Check trash honesty.
Item, location, retention, status, and no live item move.

step flow step(1) labels the source, step(2) shows the item, step(3) shows location and retention rows, step(4) shows can-restore status, step(5) checks the trash readback, and step(6) checks the honesty note.

trash readback The section heading names the trash retention notice surface.

trash rows Item, Location, Retention, and Status values are exact pinned data.

no live deletion 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.