@@ -8,7 +8,7 @@
  */
 import { createFileRoute } from '@tanstack/react-router'
 import { serializeShare } from '@xnetjs/identity'
-import { deleteDay, leaveWithEverything } from '@xnetjs/plugins'
+import { deleteDay, getCommandRegistry, leaveWithEverything } from '@xnetjs/plugins'
 import { useIdentity } from '@xnetjs/react'
 import { SettingRow, SettingsGroup, SettingsPanel, SettingToggle, useTheme } from '@xnetjs/ui'
 import { MeetingEngineSettings } from '@xnetjs/views'
@@ -17,8 +17,10 @@ import {
   Database,
   Mic,
   Info,
+  Layers,
   LayoutGrid,
   MessageSquare,
+  Square,
   Sun,
   Moon,
   Monitor,
@@ -52,6 +54,7 @@ import { createLeavePorts, downloadLeaveBundle, type LeaveDeps } from '../lib/le
 import { isSentryConfigured } from '../lib/sentry'
 import { useConsent } from '../lib/use-consent'
 import { WINDDOWN_DURATION_CHOICES, useWinddownPreferences } from '../lib/winddown'
+import { presetForWorkspaceId } from '../workbench/layout-tree'
 import { useWorkbench } from '../workbench/state'
 
 /** Marketing + dashboard origins for xNet Cloud (managed hub hosting). */
@@ -194,28 +197,49 @@ function SettingsPage() {
 function AppearanceSettings() {
   const { theme, setTheme, variant, setVariant, density, setDensity } = useTheme()
   const winddown = useWinddownPreferences()
-  const layout = useWorkbench((state) => state.layout)
-  const setLayout = useWorkbench((state) => state.setLayout)
+  // The shell defaults are presets over the layout tree (0280): the active
+  // one is derived from the tree's provenance; a saved workspace shows none.
+  const activePreset = useWorkbench((state) => presetForWorkspaceId(state.tree.workspaceId))
+  const applyPreset = useWorkbench((state) => state.applyPreset)
 
   return (
     <SettingsPanel title="Appearance" description="Customize how xNet looks">
       <SettingsGroup>
         <SettingRow
           label="Layout"
-          description="Calm puts a conversation, a list and a contextual canvas up front; Workbench is the multi-pane editor grid"
+          description="Quiet is the bare surface with chrome at the edges; Calm puts a conversation, a list and a contextual canvas up front; Bench is the multi-pane editor grid"
         >
           <div className="flex gap-1.5">
+            <ThemeButton
+              icon={<Square size={14} strokeWidth={1.5} />}
+              label="Quiet"
+              active={activePreset === 'quiet'}
+              onClick={() => applyPreset('quiet')}
+            />
             <ThemeButton
               icon={<MessageSquare size={14} strokeWidth={1.5} />}
               label="Calm"
-              active={layout === 'calm'}
-              onClick={() => setLayout('calm')}
+              active={activePreset === 'calm'}
+              onClick={() => applyPreset('calm')}
             />
             <ThemeButton
               icon={<LayoutGrid size={14} strokeWidth={1.5} />}
-              label="Workbench"
-              active={layout === 'workbench'}
-              onClick={() => setLayout('workbench')}
+              label="Bench"
+              active={activePreset === 'bench'}
+              onClick={() => applyPreset('bench')}
+            />
+          </div>
+        </SettingRow>
+        <SettingRow
+          label="Workspaces"
+          description="Rearranged panels can be saved as named workspaces — switch, share or reset from the switcher (also on the rail and in ⌘K)"
+        >
+          <div className="flex gap-1.5">
+            <ThemeButton
+              icon={<Layers size={14} strokeWidth={1.5} />}
+              label="Switch workspace…"
+              active={false}
+              onClick={() => void getCommandRegistry().runCommand('workspace.switch')}
             />
           </div>
         </SettingRow>
 
@@ -14,6 +14,7 @@ import {
   Compass,
   Contact,
   Files,
+  Layers,
   MessageSquare,
   Network,
   Puzzle,
@@ -159,6 +160,14 @@ export function Rail() {
 
       <div className="flex-1" />
 
+      {/* Workspace switcher (0280): same verb as the calm ModeSwitch button. */}
+      <RailButton
+        label="Workspaces"
+        icon={Layers}
+        coachId="workspace.switch"
+        onClick={() => void getCommandRegistry().runCommand('workspace.switch')}
+      />
+
       {identity && (
         <div
           title={identity.did}
 
@@ -16,7 +16,7 @@ import { Link, useLocation, useNavigate } from '@tanstack/react-router'
 import { getCommandRegistry } from '@xnetjs/plugins'
 import { useIdentity } from '@xnetjs/react'
 import { PopoverContent, PopoverRoot, PopoverTrigger, Sheet, SheetContent } from '@xnetjs/ui'
-import { Search, Settings, type LucideIcon } from 'lucide-react'
+import { Layers, Search, Settings, type LucideIcon } from 'lucide-react'
 import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from 'react'
 import { contributeTips } from '../../coachmarks'
 import { slotsIn } from '../layout-tree'
@@ -203,6 +203,11 @@ function CornerGlyphs({ lit, activeMode }: { lit: boolean; activeMode: CalmMode
         icon={Search}
         onClick={() => void getCommandRegistry().runCommand('search.open')}
       />
+      <GlyphButton
+        label="Workspaces"
+        icon={Layers}
+        onClick={() => void getCommandRegistry().runCommand('workspace.switch')}
+      />
       <Link
         to="/settings"
         title="Settings"
 
@@ -0,0 +1,8 @@
+{
+  "id": "2026-07-08-the-workspace-switcher-is-now-one-tap-aw",
+  "date": "July 8, 2026",
+  "title": "The workspace switcher is now one tap away in every shell",
+  "summary": "The Workspaces button now appears on the workbench rail and in the quiet shell's corner glyphs, not just the calm mode switch — and Settings → Appearance picks between the three layout presets (Quiet, Calm, Bench) with a shortcut to the workspace switcher.",
+  "highlights": [],
+  "tags": ["app"]
+}