Trixie

TRIXIECONTROL

SERVER CONNECTION

{connectionState}

ADDRESS

ADMINISTRATOR ACCESS

{#if authenticated}

AUTHENTICATED

{:else} USERNAME PASSWORD {#if authError}

{authError}

{/if} {/if}

TWITCH ACCOUNTS

{#if authenticated}

{#each ['streamer', 'bot'] as identity}

{identity.toUpperCase()}{oauthScopes[identity as 'streamer' | 'bot'].connected ? 'READY' : oauthScopes[identity as 'streamer' | 'bot'].reauthorization_required ? 'REAUTHORIZE' : 'NOT CONNECTED'}

{#if oauthScopes[identity as 'streamer' | 'bot'].missing_scopes.length}

Missing: {oauthScopes[identity as 'streamer' | 'bot'].missing_scopes.join(', ')}

{/if} {/each}

{#if oauthLink}

{oauthIdentity.toUpperCase()} AUTHORIZATION LINK

Open the copied link in the intended Twitch account session. It expires in 10 minutes.

{/if} {#if oauthError}

{oauthError}

{/if} {:else}

{/if}

{#if !authenticated}

AUTHENTICATION REQUIRED

⌁

Sign in to TrixieThe server connection is ready, but the dashboard requires administrator authentication.

{:else if mustReplaceCredentials}

FIRST-RUN SETUP

Replace the generated administrator credentials NEW USERNAME NEW PASSWORD {#if authError}

{authError}

{/if}

{:else if activeView === 'Bot'}

{commandFormId ? 'EDIT COMMAND' : 'NEW COMMAND'}

NAMEDESCRIPTIONPERMISSIONALIASESTAGSCOOLDOWN (SECONDS)COOLDOWN SCOPERESPONSE TEMPLATE{#if commandVariableSuggestions.length}{/if}ERROR RESPONSE (OPTIONAL)

ENABLED

BOT COMMANDS

PUBLIC COMMAND CATALOG

{#if botCommandError}

{botCommandError}

{:else if botCommands.length}

{#each botCommands as command}

!{command.name}{command.description}{#if command.tags.length}

{command.tags.join(' · ')}

{/if}

{command.permission_level.toUpperCase()}{#if command.cooldown_seconds}{command.cooldown_seconds}s / {command.cooldown_scope}{/if}

{/each}

{:else}

No enabled commandsCreate commands on the server to make them available here.

{/if}

SECRETS MANAGEMENT

Values are encrypted and cannot be read after saving.

{#if botSecrets.length}

{#each botSecrets as secret}

{secret.name}{secret.description || 'No description'}{#if secret.used_by.length}

USED BY: {secret.used_by.join(', ')}

{/if}

{/each}

{:else}

There are no secrets yet.

{/if}{#if secretError}

{secretError}

{/if}

COMMAND MANAGEMENT

{#each botCommands as command}

!{command.name}{command.enabled ? 'ENABLED' : 'DISABLED'} · {command.permission_level.toUpperCase()}

{/each}{#if !botCommands.length}

No commands are configured yet.

{/if}

{:else if activeView === 'Collaboration'} {#if collaborationSession}

ACTIVE COLLABORATION{collaborationSession.guests.length} GUESTS

GUEST STAR CALL

The call is controlled by Twitch

Twitch does not expose the call media as an embeddable Trixie API. Use Twitch for the live call controls while Trixie keeps the session, slots, invites, and shared-chat state synchronized.

PARTICIPANTS

{#each collaborationSession.guests as guest}

{guest.user_display_name || guest.user_id}{guest.is_live ? 'LIVE' : 'WAITING'}{guest.slot_id ? ` · SLOT ${guest.slot_id}` : ''}

{:else}

No participants have joined.

{/each}

SHARED CHAT

{#if sharedChatSession}

ACTIVE · {sharedChatSession.participants.length} CHANNELS

{:else}

Shared Chat is not active.

{/if}{#if collaborationSettings}

CHANNEL SETTINGS

{collaborationSettings.slot_count} SLOTS · {collaborationSettings.group_layout}

AUDIO {collaborationSettings.is_browser_source_audio_enabled ? 'ENABLED' : 'DISABLED'} · MODERATOR LIVE CONTROL {collaborationSettings.is_moderator_send_live_enabled ? 'ENABLED' : 'DISABLED'}

{/if}

{#if collaborationError}

{collaborationError}

{/if}

{:else}

COLLABORATIONSEARCH OR REVIEW INCOMING

FIND A COLLABORATOR

EXACT TWITCH LOGIN

searchCollaborators(event.currentTarget.value)} autocomplete="off" placeholder="Search Twitch" />

{#if collaboratorSearchBusy}

SEARCHING TWITCH…

{/if}{#if collaboratorSearchError}

{collaboratorSearchError}

{/if}{#if collaboratorResults.length}

{#each collaboratorResults as result}

{result.display_name} @{result.login}

{/each}

{:else if collaboratorSearch && !collaboratorSearchBusy && !collaboratorSearchError}

No exact Twitch user found.

{/if}

FAVORITES & RECENT

{#if collaborators.length}

{#each collaborators as collaborator}

{collaborator.display_name}{collaborator.favorite ? 'FAVORITE' : 'RECENT'}

{/each}

{:else}

No saved collaborators yet.

{/if}

INCOMING INVITATIONS

⌁

Waiting for a collaboration inviteAccept or decline invitations in Twitch. Trixie will reflect the authoritative status here when Twitch reports it.

{#if collaborationError}

{collaborationError}

{/if}

{/if} {:else if activeView === 'Overlays'}

OVERLAYS

{#if selectedOverlayId || overlayName}

ENABLED

HTMLCSSJAVASCRIPT

LIVE PREVIEW

{#if overlayError}

{overlayError}

{/if}{:else}

Select or create an overlayDrafts autosave when explicitly saved; publishing controls the browser source.

{/if}

{:else if activeView === 'Settings'}

SERVER SETTINGS

DATABASE BACKUPS

Daily backups use the server's local schedule. Restore replaces the current database and is permanently destructive.

{#if backupError}

{backupError}

{/if}{#if backups.length}

{#each backups as backup}

{backup.filename}{Math.round(backup.size_bytes / 1024)} KiB{backup.modified_at ? new Date(backup.modified_at).toLocaleString() : 'UNKNOWN TIME'}

{/each}

{:else}

No backup archives are available.

{/if}

{:else}

STREAM PREVIEW

{#if playerSrc}{:else}

STREAM OFFLINE

CONNECT TWITCH TO BEGIN

{/if}

VIDEO PLAYER{playerSrc ? streamerName : 'OFFLINE'}

ACTIVITY FEED

{#if activityEvents.filter((event) => activityFilter === 'all' || event.event_type.startsWith('moderation.')).length}

{#each activityEvents.filter((event) => activityFilter === 'all' || event.event_type.startsWith('moderation.')) as event}

{event.event_type}{new Date(event.occurred_at).toLocaleTimeString()}

{/each}

{:else}

◌

Nothing here yet{activityFilter === 'moderation' ? 'Moderation events will appear here.' : 'Follows, subscriptions, raids, and server events will appear here.'}

{/if}

MY CHAT

{#if pinnedMessageIds.length}

PINNED{#each chatMessages.filter((message) => pinnedMessageIds.includes(message.message_id)) as message}

{message.user_name}{message.text}

{/each}

{/if}{#if chatMessages.length}

{#each chatMessages as message}

{#if message.fragments.length}{#each message.fragments as fragment}{#if fragment.type === 'emote' && fragment.emote_id}

{:else}{fragment.text}{/if}{/each}{:else}{message.text}{/if}

{/each}

{:else}

⌁

Chat is waitingConnect a streamer or bot account to begin.

{/if}

{#if chatReplyParent}

REPLYING TO @{chatReplyParent.user_name}

{/if}

{#if chatEmoteOptions.length}

{#each chatEmoteOptions as emote}{/each}

{/if}

searchChatEmotes(chatMessage)} onkeydown={(event) => event.key === 'Enter' && sendChatMessage()} />

{#if chatError}

{chatError}

{/if}

QUICK ACTIONS

{#if showCollaboration}

GUEST STAR SESSION

{#if collaborationSession}

ACTIVE · {collaborationSession.guests.length} GUESTS

GUEST TWITCH ID

{#if collaborationInvites.length}

PENDING INVITES

{#each collaborationInvites as invite}

{invite.user_id} · {invite.status}

{/each}{/if}{:else}

No active collaboration.

{/if}{#if collaborationError}

{collaborationError}

{/if}

{/if}{#if showStreamEditor}

TITLECATEGORY searchCategories(event.currentTarget.value)} autocomplete="off" placeholder="Search Twitch categories" />{#if categoryOptions.length}

{#each categoryOptions as category}{/each}

{/if}LANGUAGETAGSCLASSIFICATION LABELS{#if streamError}

{streamError}

{/if}

{/if}{#if showModeration}

ACTIONUSER IDMESSAGE ID (DELETE)TIMEOUT SECONDSREASON{#if moderationError}

{moderationError}

{/if}

{#if authenticated && showCollaboration}

COLLABORATOR SEARCH

EXACT TWITCH LOGIN

searchCollaborators(event.currentTarget.value)} autocomplete="off" placeholder="Search Twitch" />

{#if collaboratorSearchBusy}

SEARCHING TWITCH…

{/if} {#if collaboratorSearchError}

{collaboratorSearchError}

{/if} {#if collaboratorResults.length}

{#each collaboratorResults as result}

{result.display_name} @{result.login}

{/each}

{:else if collaboratorSearch && !collaboratorSearchBusy && !collaboratorSearchError}

No exact Twitch user found.

{/if}

FAVORITES & RECENT

{#if collaborators.length}

{#each collaborators as collaborator}

{collaborator.display_name}

{/each}

{:else}

No saved collaborators yet.

{/if}

{/if} {#if chatMessages.some((message) => message.reply_parent_message_id)}

CHAT THREADS

{#each chatMessages.filter((message) => message.reply_parent_message_id) as reply} {@const root = chatMessages.find((message) => message.message_id === reply.reply_parent_message_id)} {#if root}{/if} {/each}

{/if} {#if chatThreadRoot}

THREAD · @{chatThreadRoot.user_name}

{chatThreadRoot.user_name}{chatThreadRoot.text}

{#each chatMessages.filter((message) => message.reply_parent_message_id === chatThreadRoot?.message_id) as reply}

{reply.user_name}{reply.text}

{:else}

No replies received yet.

{/each}

{/if} {#if pendingOverlayDraft}

LOCAL OVERLAY DRAFT FOUND

A newer unsaved draft is available for this overlay.

{/if} {#if activeView === 'Overlays' && selectedOverlayId}

OVERLAY LIFECYCLE

DELETION IS PERMANENT AND INVALIDATES THE BROWSER-SOURCE URL

{/if} {#if activeView === 'Overlays' && (selectedOverlayId || overlayName) && overlayVariableWarnings().length}

{#if overlayDiagnosticsOpen}

{#each overlayVariableWarnings() as warning}

{warning}

{/each}

{/if}

{/if} {#if !authenticated && publicBotCommands.length}

PUBLIC BOT COMMANDS

AVAILABLE COMMANDS

{#each publicBotCommands as command}

!{command.name}{command.description}{#if command.tags.length}

{command.tags.join(' · ')}

{/if}

{command.permission_level.toUpperCase()}

{/each}

{/if}