Custom Component Showroom

Discovery surface

Filter components, preview one, or open its page route.

Theme and component pattern examples
Theme system
The component catalog follows the same shared operator theme as the rest of the site.
Tron

Showroom previews stay focused on component discovery while still reflecting the current website theme.

Operator Patterns

Dense cards, action rows, status markers, and lane examples.
Stream CockpitConnectionsSite OperationsGamesDiagnosticsTheme
Theme Shell
Tron Shared operator theme with persisted selection and gallery-driven presets.
UI system Tron / TG16 / Health
Connection Card
Twitch Connected as polyhydra
Connected
Status Card
Realtime Hubs 21 routes mapped, 2 compatibility aliases
Action Row
Launch scene Batocera agent online
Alert State
Reply disabled Identity resolution is required before chat replies open. Guarded
Page State Pattern
Shared vocabulary for loading, ready, empty, denied, guarded, failed, stale, and partial page states.
Loading

Work has started and the page is waiting on required data.

Ready

The primary workflow can be used now.

Empty

The workflow is valid, but there is no content yet.

Denied

The current actor is authenticated but lacks access.

Guarded

A prerequisite must be completed before continuing.

Failed

The page could not complete the requested operation.

Stale

Data exists, but it may no longer reflect current state.

Partial

Some data is available and some dependencies are unavailable.

Filter components
417 component(s) matching Total discoverable: 417
Admin
AdminLogSummary
AIServiceDashboard
EventForce
ScopeToggleSection
SimsInteractionSimulator
TwitchAnalytics
TwitchApiView
TwitchAuthSummary
Admin.Valheim
ValheimCommandDashboardPage
/valheimcommands
ValheimDashboardPage
/valheim
Admin.Valheim.Controls
BanControls
ChatControls
EffectsControls
GiveItem
GlobalKeysControls
LastResultComponent
PlayerCard
PlayerList
PlayerPicker
RaidControls
ServerStatsView
SoundEffect
SpawnEnemy
TeleportPlayerToPlayer
WeatherComponent
ChannelCheevos.Components
App
CahTestPage
/cah-test
CodeContextProvider
Routes
SimpleAppState
SpotifyAuth
StreamerContextProvider
TriviaTestPage
/song-trivia
WebKeyContextProvider
DevTools
DevContextGem
Health
HealthComponent
Helpers
StreamerOwnerOnly
UnicodeExplorer
Layout
AccountNotificationGem
BreadcrumbVerbosityPicker
CommandPalette
LiveOperationsRibbon
NavMenu
ReconnectModal
ShellHeader
ThemePicker
ThemeStyles
Navigation
OperatorDomainSwitcher
Pages
AccountNotificationsPage
/notifications, /account/notifications
AccountsPage
/accounts, /twitch, /kick, /discord, /fitbit
AccountsAccessGrantsCard
AccountsAiProvidersCard
AccountsBatoceraCard
AccountsComponentSetupHelper
AccountsConnectionStatusBoard
AccountsConnectionSummaryStrip
AccountsDashboard
AccountsDebugInfoWidget
AccountsDiscordCard
AccountsGoogleHealthCard
AccountsIdentityRoleBanner
AccountsIntegrationContractMap
AccountsKickCard
AccountsKodiCard
AccountsNameCard
AccountsOAuthCallbackPage
/spotify, /twitch/callback, /auth/twitch/callback, /auth/kick/callback, /youtube, /patreon
AccountsPatreonCard
AccountsProviderConnectionCard
AccountsReconnectSurface
AccountsRetroAchievementsCard
AccountsSection
AccountsSpotifyCard
AccountsSpotifyNowPlayingCard
AccountsSteamCard
AccountsTwitchCard
AccountsWatchPairingCard
AccountsWebKeysCard
AccountsYouTubeCard
AdminPage
/admin
AdminChatMonitoringPage
/admin-chat-monitoring, /admin-chat-monitoring/{Identifier?}
AdminChatMonitoringChannelCard
AdminChatMonitoringDashboard
AdminChatMonitoringInboxItem
AdminChatMonitoringSection
AdminChatMonitoringState
AdminDashboard
AdminFeatureFlagsCard
AdminGameServersPanel
AdminLogPanel
AdminOnboardingCard
AdminOperationsCard
AdminPlayInviteCard
AdminPotentialStreamersCard
AdminTtsHealth
AdminTwitchControlsCard
AdminUserAuditCard
AdminViewerAuthorizationCard
BookLabBookshelfPage
/bookshelf
BookLabCapabilityModule
BookLabCollectionsPage
/booklab/collections
BookLabImportsPage
/booklab/imports
BookLabReadingRoomPage
/booklab/reading-room
BookLabVoiceLabPage
/booklab/voice-lab
ChatbotPage
/chatbot, /chatbot-settings, /chat-memory-settings
ChatMemoryInsightsPage
/chat-memory
CheevoAchievementOverlayPage
/overlay/achievements/{WebKey}
CheevoOperatorDiagnosticsPage
/cheevos/diagnostics
ChopItControlCard
DiagnosticsLabsDashboardPage
/diagnostics-labs
DiagnosticsLabsSection
DiagnosticsLabsToolStrip
ErrorPage
/Error
EventingInspectorPage
/eventing-inspector
EventsPage
/events
FeatureGateNotice
FrotzPagePage
/frotz
FrotzStationPagePage
/frotz-station
GameBacklogWheelPage
/game-backlog-wheel
GameIntegrationRouteList
GameIntegrationsTabs
GameServerManageShell
GamesMediaDashboardPage
/game-integrations
GamesMediaLaneSection
GamesMediaRedirectPage
/games-media
GamesMediaToolStrip
GoPage
/go, /go/{Code?}
GoogleHealthPage
/google-health
HealthJournalPage
/health-journal
HealthMetricsPage
/health-metrics
HealthMetricsDashboard
HealthMetricsSection
HealthMetricsSnapshotCard
HealthMovementStatusCard
HomePage
/
HowToUsePage
/how-to-use
IkemenPage
/ikemen
IkemenRosterAdminPage
/admin/ikemen
IMVDBSearch
InplayCoreControlCard
InplayDashboard
InplayMediaCommandsCard
InplayPanelPage
/admin-panel, /InplayPanel
InplayResolvedStateInspector
InplayResolvedStatePanel
InplaySection
InplayStreamSurfaceCard
IntegrationCatalogPanel
IntegrationSurfaceHeader
IntegrationSurfaceTable
JoinPage
/join, /{Channel}/join
JukeboxPage
/Jukebox/{Code}
KodiDisplayPage
/kodi
LiveOpsModePage
/live-ops, /live-ops-mode
MediaLaunchPage
/media-launch
MediaLaunchStationPanel
MemoryWikiPage
/memory, /memory/{Slug}
MissionControlVNextPage
/vnext/mission-control
MusicJukeboxPagePage
/music, /music-jukebox
NewsOverlayPage
/overlay/news
NotFoundPage
/not-found
OverlayLinkCard
OverlayLinkGrid
OverlaysPage
/overlays
OverlaysDashboard
OverlaysSection
ProfilePage
/profile/{Handle}, /people/{Handle}
QaMenuPage
/qa
RandomGame
RATestPage
/ra-test
ReportsPage
/reports
RetroArtPage
/retroart
SearchPagePage
/search
SiteDashboardPage
/site-dashboard, /admin/control-center
SiteDashboardSnapshotCard
SiteKickReadinessPanel
SiteOperationsSummaryStrip
SiteRealtimeHealthPanel
SiteStatsPage
/siteoverlay
SpottieRpgPagePage
/streamer/rpg
SteamGiftPickerPage
/steam-gift-picker, /steamgiftpicker
SteamKeysPagePage
/steamkeys
StreamerAdminPage
/StreamerAdmin, /settings
StreamerAdminDashboard
StreamerAdminPOCs
StreamerAdminSection
StreamerConfigurationSummaryStrip
StreamerPOCsPage
/StreamerAdminPOCs
SuggestionBoxPage
/suggestion-box, /suggestion-box/{ChannelId}
SvengoolieVotingOverlayPage
/overlay/svengoolie/voting
SvengoolieVotingSnapshotPanel
TerminalLocalPage
/terminal-local
TestPage
/test
TestControlSurface
ThemeV2PreviewPage
/theme-v2-preview
TriviaPage
/triviaconsole
TriviaDisplayPage
/triviadisplay
TtsTester
TwitchEventSubCapabilityModule
TwitchOverviewPage
/twitch-overview, /streaming-platform-overview
TwitchOverviewDashboard
TwitchOverviewSection
TwitchPagePage
/twitchstream
UnicodePage
/unicode
ViewerPage
/viewer
ViewersPage
/viewers
WeatherPage
/weather
WelcomeScreenPage
/welcome
WindroseControlSurfacePage
/windrose-control
WindroseObservabilitySurfacePage
/windrose-observability
Pages.Wally
WallyPage
/Wally
Reports
Clip
ClipRaw
ClipReport
EventSubReports
Setting
BoolSetting
DoubleNumericSetting
ListSetting
NumericSetting
SettingSurface
StringSetting
Shims
Card
CardBody
CardDeck
CardFooter
CardGroup
CardHeader
CardImage
CardSubtitle
CardTitle
Column
Div
Image
Row
Switch
Table
TableBody
TableHeader
TableHeaderCell
TableRow
TableRowCell
Text
Showroom
OperatorShowroomExamples
Streamer
Actions
AudioClips
BatoceraGameSuggestionsCard
CahControlPage
/cah-state, /cah-state/{ChannelId}
CahOverlay
ChipsView
CodeGenerator
ConfettiView
DmdView
FitbitDetailComponent
GameStreamInterop
GoogleHealthDetailComponent
IkemenLauncher
InplayPanelCards
LiveStream
MediaRequest
Milkdrop
MilkdropCommands
OBS
OBSLinks
RetroOBSLinks
ScriptCard
SteamInplay
StreamConsole
Toggles
TriviaStatus
UploadAudio
VideoClips
WatchPairingCard
Streamer.DetailTasks
DetailTask
DetailTaskEdit
DetailTasks
Streamer.Kodi
KodiAdmin
KodiItemCardBase
KodiItemView
KodiNowPlaying
KodiSvengoolieStationControlPanel
TvShowSelector
Streamer.RetroAchievements
RAGame
RAManager
RAProfile
RARecentGamesPage
/ra
Streamer.Settings
AIProvidersSettings
AISettings
BrandLogo
ChatbotContextSourcesCard
ChatbotIdentityCard
ChatbotMemoryCard
ChatbotModelTuningCard
ChatbotPersonalityCard
ChatbotPromptStyleCard
ChatbotResponseRulesCard
ChatbotSettings
ChatbotStatusCard
ChatbotValidationCard
ConnectionCardShell
EmotePicker
GoogleHealthConnectionCard
KodiControlCard
RetroAchievementsConnectionCard
SettingAutoName
SettingQuote
SettingsChatView
SettingsJukebox
SettingsMisc
SettingsQuarters
SettingsRag
SettingsStory
SettingsTts
ShoutoutSettings
SpotifyConnectionCard
SteamConnectionCard
TwitchConnectionCard
YouTubeConnectionCard
Streamer.Settings.Blurbs
BlurbEdit
Blurbs
BlurbView
SettingsBlurb
Streamer.Settings.Command
CommandManagerView
CommandReports
CommandView
Streamer.Settings.Matrix
MatrixEditor
MatrixSettings
Streamer.Settings.Personalities
PersonalityEdit
PersonalityView
SettingsPersonalities
Streamer.Settings.Polls
PollEdit
Polls
PollView
Streamer.Settings.Retro
SettingsRetro
Streamer.Settings.SlideShows
SlideShowActions
SlideShowEdit
SlideShows
SlideShowView
Streamer.Settings.Terminal
TerminalEditor
TerminalSettings
Streamer.Settings.TwitchIdentities
StreamerTwitchIdentitiesWidget
Streamer.Shouts
Shoutout
ShoutoutEdit
Shoutouts
Streamer.Spotify
SpotifyPlaylistMaker
Streamer.Steam
SteamBatchKeyImport
SteamDashboard
SteamGamePicker
SteamKeyEdit
SteamKeys
SteamKeyView
Streamer.Twitch
HelixChatPoc
TwitchConsole
TwitchFollowers
Streamer.TwitchEvents
EventManager
TwitchEvent
Viewers
ViewerCard
ViewerCards
ViewerDetails
ViewerDirectory
ViewerList
ViewerProfile
Views
AppModal
CapabilityModulePanel
CcConnectionRow
CcConnectionStatus
CcErrorRecovery
CcEventFeed
CcHealthIndicator
CcOperationStatus
CcProgress
CcSkeleton
CcThemeActionLink
CcThemeBadge
CcThemeButton
CcThemeDomainSignal
CcThemeEmptyState
CcThemeField
CcThemePanel
CcThemeStatCard
CcToast
CcTransitionBoundary
ComponentPage
/account/login
DashboardPageHeader
DragLink
EbayTests
FullTrackList
GameArtDisplay
IkemenPreviewCard
JukeboxArtistCard
JukeboxCurrentPlaying
Minicard
NewsNewspaperOverlay
OperatorActionCard
OperatorPageHeader
OperatorSection
OperatorStatePanel
PageStatePanel
Password
PolyFrame
Popout
RichDiv
RichDivAccordion
SiteStatusPanel
StatusLights
StatusWebhooksAndViewers
StringPicker
ThemeBanner
TitledInput
TwitchChannel
Vector3View
ViewerPicker
Views.CDNHelper
CDNDetails
Views.Frotz
FrotzReports
FrotzView
Views.Music
Lyrics
Views.RetroAchievements
GameConsoles
GameConsoleView
RetroAchievementLeaderboard
App
This is a root host component. It is not safe to render inline inside the showroom.
Developer Context
Component: ChannelCheevos.Components.Pages.Showroom
ViewModel: none

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.