{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "workspace-switcher", "title": "Workspace Switcher", "description": "A workspace / organization switcher: active workspace in the trigger, grouped searchable menu in a portalled panel, pinned create and settings footer.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "utils" ], "files": [ { "path": "src/registry/ui/workspace-switcher.tsx", "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { Check, ChevronsUpDown, Plus, Search, Settings } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Entrance keyframes ship with the component: React 19 hoists \n\n \n {showSearch ? (\n
\n \n 0 ? `${baseId}-menu` : undefined}\n aria-label={searchPlaceholder}\n autoComplete=\"off\"\n className=\"h-10 w-full min-w-0 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n onChange={event => setQuery(event.target.value)}\n placeholder={searchPlaceholder}\n ref={inputRef}\n spellCheck=\"false\"\n type=\"text\"\n value={query}\n />\n
\n ) : null}\n\n {sections.length === 0 ? (\n

\n {emptyText}\n

\n ) : (\n \n {sections.map(section => (\n // role=\"group\" + aria-labelledby keeps the menu → menuitem\n // ownership chain intact: a bare div in between makes screen\n // readers announce a menu that owns nothing.\n
\n \n {section.label}\n
\n\n {section.rows.map(({ id, workspace }) => {\n const checked = workspace.id === value\n const isActive = id === activeRowId\n return (\n selectWorkspace(workspace)}\n // Keep the caret (and DOM focus) in the search box:\n // the highlight is aria-activedescendant, not focus.\n onMouseDown={event => event.preventDefault()}\n onPointerEnter={() => {\n if (!workspace.disabled) setStoredActiveId(workspace.id)\n }}\n role=\"menuitemradio\"\n // Not a tab stop: Tab cycles trigger-less between the\n // search box and the footer actions.\n tabIndex={-1}\n type=\"button\"\n >\n \n {workspace.name}\n {workspace.plan ? {workspace.plan} : null}\n \n {checked ? : null}\n \n \n )\n })}\n \n ))}\n \n )}\n\n {hasFooter ? (\n // Outside the scroll area on purpose: \"Create workspace\" must\n // stay reachable after typing a query that matches nothing.\n
\n {onCreate ? (\n {\n close(true)\n onCreate()\n }}\n type=\"button\"\n >\n \n {createLabel}\n \n ) : null}\n {onSettings ? (\n {\n close(true)\n onSettings()\n }}\n type=\"button\"\n >\n \n {settingsLabel}\n \n ) : null}\n
\n ) : null}\n \n ,\n document.body,\n )}\n \n )\n },\n)\n\nWorkspaceSwitcher.displayName = \"WorkspaceSwitcher\"\n\nexport default WorkspaceSwitcher\n", "type": "registry:ui" } ], "type": "registry:ui" }