Bulk Action Review Patterns

Bulk Result Notice

A static result notice shows 3 items shown as archived, Undo available, and Static preview only.

Program

Bulk result notices should say what the UI is showing while staying honest when no real mutation, queue job, or undo stack exists.

bulk_result_notice.html
Visuals: captured from real browser rendering
<section class="bulk-result" aria-labelledby="bulk-result-title">
  <h2 id="bulk-result-title">Bulk action result</h2>
  <p class="status" role="status">Static preview only</p>
  <dl>
    <div><dt>Result</dt><dd>3 items shown as archived</dd></div>
    <div><dt>Undo</dt><dd>Available</dd></div>
    <div><dt>Status</dt><dd>Static preview only</dd></div>
  </dl>
  <button type="button">Undo</button>
  <p class="note">Static result notice only; the button does not route, save, send, archive, delete, mutate, queue, or undo anything.</p>
</section>
<style>
  .bulk-result { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #0f766e; padding: 12px; background: #f0fdfa; }
  .bulk-result dl { display: grid; gap: 8px; margin: 0; }
  .bulk-result dl div { display: grid; grid-template-columns: 7rem 1fr; gap: 8px; }
  .bulk-result dt { color: #475569; }
  .bulk-result dd, .bulk-result p, .note { margin: 0; }
  .status { border: 1px solid #14b8a6; background: #ccfbf1; padding: 8px; font-weight: 700; }
  .bulk-result button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

  1. Label the result notice.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Expose the preview-only status.

    The status is exposed as status text.
    The status is exposed as status text.

  3. Show the result text.

    The result is exact pinned data.
    The result is exact pinned data.

  4. Show undo availability.

    The undo availability is exact pinned data.
    The undo availability is exact pinned data.

  5. Repeat the preview-only status.

    The readback says this is not a real mutation result.
    The readback says this is not a real mutation result.

  6. Check result notice honesty.

    Result, undo availability, status, button, and no mutation service.
    Result, undo availability, status, button, and no mutation service.
status notice Static preview only is visible and exposed as status text.
result readback 3 items shown as archived is exact pinned result text.
no undo service The lesson should not imply mutation APIs, queue jobs, real archive state, or undo services.