Skip to main content

Cockpit

Overview​

The Cockpit (/dashboard/cockpit) puts Chat, Events, Music, OBS controls, the viewer list and Test Events in one full-height workspace. Each module keeps its own controls. The Events module uses the same timeline as the Events page; the Chat module keeps its inline events, pins, alerts, Shared Chat and message input. A module needs its own feature and permission: for example, Chat needs feature:multichat and chat:read, OBS needs feature:obs_remote and obs:read. A locked tile explains what is missing. Mission Control is not available in the Cockpit yet.

Open Stream → Cockpit or choose Cockpit from the start page's Popouts menu. The Cockpit itself needs feature:cockpit on your account.

Fire an event from the Test Events module to see a temporary TEST badge on its rows in the Cockpit's Events and Chat modules, on their separate pages and popouts, and in Dashboard → Activity. The test is broadcast to overlays and widgets but is not stored. It disappears after a page reload and cannot be restored by history loading or reconnecting; it does not count toward the Events total or summary bar.

The screen stays on. While the Cockpit is open, on the page and in /popout/cockpit, Lumio asks the browser to keep the screen from dimming or locking, once per window, however many modules are placed. On an iPhone or iPad, Safari only allows that after a tap: a full-screen Tap to keep screen awake prompt appears, and the tap dismisses it and puts you straight into the visible chat (or the first visible module), never into a hidden tab. The prompt never covers the sign-in, connection or load-error screen. Android, desktop browsers and OBS docks keep the screen on without a prompt. When the browser refuses or drops the lock, the screen lock indicator appears in the Cockpit bar, on the page and in the popout; open it for the reason and Try again.

Arrange the modules​

Drag the thin divider between two tiles to resize its neighbours at any time, without Edit; with the divider focused, the arrow keys resize in steps, and a double-click shares both sides equally. Pointing at a divider shows what it does beside the divider, next to the pointer; the hint follows the pointer along the divider and moves with the divider while you drag. In a window too narrow for the hint beside the divider (an OBS dock, for example) it sits just below the pointer, and with the divider focused from the keyboard it sits at the middle of the visible divider. Each module stops at its minimum size, and the new sizes are saved when you let go, like any other layout change. A preset from a newer Lumio version opens read-only and keeps its sizes.

Maximize (the button left of ↗ in every tile head) shows that tile over the whole area for now, in and outside Edit, on the dashboard, in /popout/cockpit, in an OBS dock and in a token window. The same button (it turns into Restore) or Esc brings the layout back; choosing Edit or Done keeps the tile enlarged. It only changes this window's view: nothing is saved, it is no undo step, other windows do not follow, and a reload shows the whole layout again. If the enlarged module leaves the layout (from another window or a preset switch), the whole layout shows again. A layout with a single tile has no Maximize. While you edit, the enlarged tile has no grip and no ×; dragging a module, or adding one, shows the whole layout first. Outside Edit, Maximize and ↗ always stay in a narrow tile head and the name is shortened instead.

Moving, stacking, adding and removing modules need Edit in the narrow bar. Drag a module's head to an edge of another tile to split the area, or to its centre to put both modules in one tile with tabs. Reorder tabs in their strip, pull one out into its own tile, or use × to return a module to Not in layout. While you edit, Not in layout is the strip at the bottom of the area: each module there is a chip you drag onto a tile (the same edges and centre as a tile head) or click to add it; the chips wrap onto a second line when they do not fit on one. Where the strip is narrower than 768 px (a phone, a narrow window, an OBS dock), it is one button, Not in layout · 3 with the number of modules, that opens the same list as + Module above the strip; tap + on a row to add that module, then move it with its grip if you want it elsewhere. Esc, a tap outside or adding a module closes the list. + Module in the bar adds a module too. A module you click or tap (a chip, + in the list, + Module) goes where it keeps its minimum size in this window: a new tile on the right if every tile then stays wide enough; otherwise a new tile across the full width at the bottom if every tile then stays tall enough; otherwise a tab in front in the largest tile. In a wide window that is the new tile on the right; on a phone a module often lands as a tab. Dragging puts it exactly where you drop it. In a tile narrower than 420 px, or wherever the names do not fit, only the tab in front shows its name; the others show their icon (the name is in the tooltip and for screen readers) and, while you edit, no ×: bring a tab to the front to remove it. If a tile's head still does not fit while you edit (a tile with tabs, a single module or the chat's own head alike), the tile's settings button steps aside (the cog in the bar opens the same settings), then Maximize, then the popout button ↗ (both are back after Done), and the tab in front, or a single module's name, drops its icon. The grip and × always stay in the head, so every tile can be moved and removed even when a desktop preset is opened on a phone or in an OBS dock. If the head still does not fit, the tab in front takes the whole strip and the other tabs wait beside it: swipe the strip or use the arrow keys to reach them. A name that does not fit ends in … inside its own tab, never under another button. In the chat's own head the grip, + and at least the tab in front always sit side by side. A hidden tab keeps receiving live updates. Switching tabs (with a click or the arrow keys) works in and outside Edit and does not change the layout or the preset. Each window remembers which tab it shows for each preset, including after a reload. A new window starts on the stored start tab: for a preset, the tab that was in front when it was saved. Other layout changes (resizing tiles, moving or adding a module) keep the stored start tab of every tile they leave alone, so another window or a new one never switches tab because of them; only a tile whose tabs you add, remove or reorder takes the tab this window shows. Choose Done when you have finished.

In a narrow window the bar makes room for + Module and Done while you edit, one step at a time, as far as needed: + Module shows only + (its name stays in its tooltip), then the dashboard's preset button only its symbol, then the notification bell and Popout ▾ step aside, then the popout's preset choice, and last Done shows only its check mark. ↶, Done and the cog always stay. Outside Edit nothing changes, and after Done everything is back.

Undo (↶) in the bar takes back the last layout change made in this window — resizing, moving, adding or removing a module, in or outside Edit — step by step, up to 50 steps. While you edit it is always in the bar (dimmed when there is nothing to undo); outside Edit it appears after a layout change and disappears once everything is taken back. Done keeps the steps, so you can still undo after leaving Edit. Switching tabs is never a step, and undo keeps the tabs each tile shows. The steps belong to this window and the preset (or Without preset) it shows: switching the preset or reloading starts afresh, and a change made in another window is never undone here. An undo is saved like any other change, so other windows on the same preset follow.

The first time you choose Edit on the dashboard, a four-step edit guide opens under Done. The ? button in the top-right corner of the dashboard bar opens it again, directly under ?; a second click on ?, Esc or a click outside closes it, and focus returns to the button that opened it. ? is hidden below 640 px and in the popout bar. Each tile's ↗ opens only that module's own popout. A narrow window keeps the arrangement you made; Lumio does not turn tiles into tabs automatically. You can build a narrow preset for an OBS dock or a phone.

Presets and live changes​

The preset menu in the bar chooses what this window shows. Without preset is the editable starting point: its changes are saved as you make them, for this channel and in every window that shows Without preset, so they are still there after a reload. Until you change it, it shows chat and events side by side, half and half, with Test Events as a tab behind Events; up to 767 px wide, chat sits above events. Each window decides this by its own width, so opening the Cockpit on a phone first does not give the desktop the phone layout, and the other way round. Your first change saves the layout for every window. OBS, Music and the viewer list start under Not in layout. It does not use a preset slot, and Reset (with a confirmation) restores this starting layout and the module displays. It cannot be deleted. There are no supplied Cockpit templates. The first time you choose Done on Without preset, a short note under the preset menu says this once.

If a change cannot be saved, the bar shows Not saved next to Try again. Not saved opens the reason - the server's message, or that the server was not reachable. A change that did not reach the server (for example while offline) stays on screen and is retried a few times on its own; Try again sends it again. A change Lumio refused is undone, and the window shows the saved state. The notice disappears after the next successful save. If another window changed the same part first, your change gives way to that state and a message says Changed in another window – took that state.

Use Save as new preset or Settings → Layout & Presets → New preset to keep a named arrangement. A saved preset includes the layout and module display settings; chat filters, keyword tabs, highlighted users and alerts continue to apply across your account and are not copied into it. Changes appear immediately in every window showing the same preset. A dot beside its name means those changes are still a draft: choose Save changes to update the preset or Discard to return to its saved form. Switching tabs never creates a draft. When you save, the tabs in front in that window become the preset's starting tabs. You can rename, delete and mark your own presets as default. The quota is shared with Chat, Events and Music presets (Free: 5; Pro: 20, subject to your account limit).

Layout & Presets also offers Share. Copy code, Copy link and Download file hand a copy to someone in another channel; the link contains the preset and opens its import preview. In the channel makes the original visible to members of this account and requires presets:share. Import preset… accepts a file or code, shows the name, modules, layout and included displays, then Save as new preset creates an independent preset that counts toward your quota. Import never overwrites one. A window link from the bar (?preset=) selects a preset for a window with access to it; it is not a transferable copy. See Setting Presets. On a phone, the Share, Import, name, reset and delete dialogs fill the screen: the title stays at the top, only the content scrolls, and the buttons stay at the bottom. The same applies to the dialogs the modules open: the external link warning, moderation confirmations from the chat and the user card, the copyright report, Edit playlist, Shopify Hide name, the screen wake lock notice and the settings import, where Apply and Save as preset sit at the bottom above Cancel.

Settings​

The Settings cog opens a page across the whole window. Layout & Presets controls the arrangement, the gap between modules and edit hints. Each placed module has a settings area for its display. A module outside the layout offers Add to layout first. Window & account contains the controls that apply across the window, including theme, Streamer Mode, language, time zone and Animations in Lumio. Chat and Events each keep their own Show header setting; Chat also has Show message input. The Events area has a Density row (Compact or Full, default Full) under Text & emotes: Compact makes the events tile's list slightly smaller and tighter without leaving any information out (see Events). Those display choices belong to the Cockpit slot. On a narrow dock or phone, choose an area from the list and use Back to return; Esc closes the settings page.

Popout and OBS dock​

Popout ▾ in the Cockpit bar, directly left of Edit, opens /popout/cockpit in another window, copies its token-free link or shows the OBS dock setup guide. It is there at every width: below 768 px, and when the bar is narrow beside the expanded sidebar, it shows only its icons (the name stays in its tooltip), and Edit shows only its pencil. On a phone or tablet the first item reads Open in a new tab, because the browser opens the popout as a tab there. Where there is no room beside the menu, the OBS dock guide opens as a dialog instead (full screen on a phone). The start page's Popouts menu is another entry. /popout/chatters opens the viewer list alone, without the chat. Each Cockpit window remembers its own last preset choice; changing that choice in the dock does not switch the dashboard's choice. Editing a slot updates every window that shows it.

The popout bar. /popout/cockpit and its OBS dock start the bar like every single popout: the Lumio logo, the Cockpit symbol and Cockpit, then the channel switch and the preset choice; on the right sit the screen lock indicator, Streamer Mode, the token chip in a token window, Edit, the cog and, in a signed-in window, the notification bell. A window opened with a popout token has no bell: your notifications belong to your own sign-in, and opening the bell marks them read. The bell's list opens over the modules and stays inside the window, down to 320 px. When the bar gets narrow, the channel name goes first, then the preset name, then the symbol and Cockpit; the logo and the buttons on the right always stay (see Tokens → A narrow bar).

Switch channel in the bar. In /popout/cockpit and its OBS dock, the bar shows the active channel directly left of the preset choice: its picture, its name and ▾. It appears only when you are signed in and belong to more than one channel. With one channel, or in a window opened with a popout token, there is nothing to switch, so it is not shown. The menu lists your channels with the active one checked; choosing another one switches the channel for the whole browser: this window, the dashboard and every other open popout reload on the new channel, so no window shows another channel than the rest. In an OBS dock the switch applies to every dock of that OBS. If the switch fails, the window stays on the current channel and the menu says so. In a narrow bar the channel switch shows only the picture and ▾, and the preset choice only its symbol and ▾; both names stay in their menus. The same switch remains under Settings → Window & account, which is also the way when Show header is off. The dashboard Cockpit has no switch in its bar: use the one in the sidebar.

For an OBS custom browser dock, paste the copied /popout/cockpit URL and sign in through Lumio's ID app in the dock. Signed out, or once the sign-in has expired, /popout/cockpit shows the same sign-in notice as every popout instead of the Cockpit: Sign in, with a hint for adding a popout token as ?token= to the address. Signing in returns to the same address, including ?preset=. When Lumio's server cannot be reached, the window shows the connection notice with Try again. A popout token is optional, for example on a computer where you do not want to sign in or when you need restricted permissions. Give it the read permissions for the modules the dock should show (chat:read, events:read, spotify:read, obs:read, and events:create for Test Events). OBS control actions require the corresponding OBS edit permission. A token's effective permissions remain limited by the bound member's current role.

A token dock edits the Cockpit as the member bound to the token. The chip beside Edit names that member; open it to see what the dock can change and how to set up a dock with a sign-in. It can edit the layout, display and that member's Cockpit presets, including importing or resetting Without preset. Sharing or handing on a preset, changing profile settings, switching account and signing out require a sign-in. A dock that opened a token link keeps using that token even if its browser later signs in; use Set up the dock with a sign-in to return to a token-free link.