Workspace Switcher Patterns
Workspace Options
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>
Label the workspace option list.

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

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

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

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

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

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.