A static workspace option list shows current North Studio, option Acorn Lab, 2 unread updates, and Available to switch status.

Program

Workspace option lists should show where the user is now and what option is available without changing session context.

workspace_option_list.html
Visuals: captured from real browser rendering
<section class="workspace-options" aria-labelledby="workspace-options-title">
  <h2 id="workspace-options-title">Workspace options</h2>
  <p class="current"><strong>Current</strong> North Studio</p>
  <ul aria-label="Available workspaces">
    <li><strong>Option</strong> Acorn Lab <span class="badge">2 unread</span></li>
  </ul>
  <p class="status"><strong>Status</strong> Available to switch</p>
  <p class="note">Static workspace option list only; no workspace query, account service, routing, session mutation, storage, API, network, script, or live switch runs.</p>
</section>
<style>
  .workspace-options { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .workspace-options ul { display: grid; gap: 8px; margin: 0; padding-left: 1.25rem; }
  .workspace-options li { padding: 6px 8px; border: 1px solid #cbd5e1; }
  .current, .status { border: 1px solid #cbd5e1; padding: 8px; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .workspace-options p, .note { margin: 0; }
  .note { color: #475569; }
</style>
  1. Label the workspace option list.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.
  2. Show the current workspace.

    The current workspace is exact pinned data.
    The current workspace is exact pinned data.
  3. Show the available option.

    The switch option is exact pinned data.
    The switch option is exact pinned data.
  4. Show unread updates.

    The update count is visible as a static badge.
    The update count is visible as a static badge.
  5. Show the availability status.

    The status says the option is available, not switched.
    The status says the option is available, not switched.
  6. Check option list honesty.

    Current workspace, option, updates, status, and no live switch.
    Current workspace, option, updates, status, and no live switch.
option list The section heading names the workspace option surface.
option readback Current, Option, Updates, and Status values are exact pinned data.
no live switch The lesson should not imply workspace queries, account services, routing, session mutations, storage, APIs, scripts, or live switching.