{
  "name": "admin-sidebar-workspace-switcher",
  "kind": "block",
  "primary": "admin-sidebar",
  "page": "/site/patterns/admin-sidebar.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "slot": "leading",
    "name": "demo-sw-1"
  },
  "html": "<admin-sidebar slot=\"leading\" name=\"demo-sw-1\">\n          <admin-topbar slot=\"header\">\n            <select-ui value=\"adia-studio\" variant=\"ghost\" style=\"flex:1\">\n              <option value=\"adia-studio\">Adia Studio</option>\n              <option value=\"adia-cloud\">Adia Cloud</option>\n              <option value=\"adia-labs\">Adia Labs</option>\n            </select-ui>\n          </admin-topbar>\n          <section-ui>\n            <nav-ui>\n              <nav-item-ui icon=\"house\" text=\"Home\" selected></nav-item-ui>\n              <nav-item-ui icon=\"tray\" text=\"Inbox\"></nav-item-ui>\n              <nav-item-ui icon=\"chart-bar\" text=\"Reports\"></nav-item-ui>\n            </nav-ui>\n          </section-ui>\n          <admin-statusbar slot=\"footer\">\n            <select-ui value=\"maya\" variant=\"ghost\" style=\"flex:1\">\n              <option value=\"maya\">Maya Chen</option>\n              <option value=\"alex\">Alex Park</option>\n            </select-ui>\n          </admin-statusbar>\n        </admin-sidebar>",
  "source": "site/pages/patterns/admin-sidebar.html",
  "metadata": {
    "domain": "navigation",
    "description": "Admin sidebar rail with workspace + user switchers — select-ui at both the header band (workspace) and footer band (user), nav rail between. For authenticated multi-workspace apps.",
    "keywords": [
      "admin",
      "sidebar",
      "workspace",
      "switcher",
      "user",
      "select-ui",
      "authenticated",
      "multi-workspace",
      "nav",
      "rail",
      "header",
      "footer",
      "admin-sidebar",
      "admin-topbar",
      "admin-statusbar",
      "navigation",
      "account",
      "team"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "choice-picker",
      "component": "ChoicePicker",
      "value": "adia-studio",
      "variant": "ghost",
      "options": [
        {
          "value": "adia-studio",
          "label": "Adia Studio"
        },
        {
          "value": "adia-cloud",
          "label": "Adia Cloud"
        },
        {
          "value": "adia-labs",
          "label": "Adia Labs"
        }
      ]
    },
    {
      "id": "admin-topbar",
      "component": "AdminTopbar",
      "slot": "header",
      "children": [
        "choice-picker"
      ]
    },
    {
      "id": "nav-item",
      "component": "NavItem",
      "icon": "house",
      "selected": true,
      "text": "Home"
    },
    {
      "id": "nav-item-2",
      "component": "NavItem",
      "icon": "tray",
      "text": "Inbox"
    },
    {
      "id": "nav-item-3",
      "component": "NavItem",
      "icon": "chart-bar",
      "text": "Reports"
    },
    {
      "id": "nav",
      "component": "Nav",
      "children": [
        "nav-item",
        "nav-item-2",
        "nav-item-3"
      ]
    },
    {
      "id": "choice-picker-2",
      "component": "ChoicePicker",
      "value": "maya",
      "variant": "ghost",
      "options": [
        {
          "value": "maya",
          "label": "Maya Chen"
        },
        {
          "value": "alex",
          "label": "Alex Park"
        }
      ]
    },
    {
      "id": "admin-statusbar",
      "component": "AdminStatusbar",
      "slot": "footer",
      "children": [
        "choice-picker-2"
      ]
    },
    {
      "id": "root",
      "component": "Sidebar",
      "slot": "leading",
      "name": "demo-sw-1",
      "children": [
        "admin-topbar",
        "nav",
        "admin-statusbar"
      ]
    }
  ]
}