[wesrupert]

Description

• Replace hard-coded Multichat in the sider with layout-driven elements.
• Only render when the sider has something to show. Multichat doesn't count on platforms that don't support it, so a sider holding only Multichat stays hidden; alongside other elements it shows the "not supported" message.
• Multichat is selectable in the layout editor now that placing it in the main grid empties the sider instead of mounting chat twice.

QA Instructions

• N/A

[bundlemon]

BundleMon

Files updated (1)

Status	Path	Size	Limits
✅	renderer.(hash).js	10.79MB (+19.78KB +0.18%)	-

Unchanged files (3)

Status	Path	Size	Limits
✅	vendors~renderer.(hash).js	4.65MB	-
✅	updater.js	115.29KB	-
✅	guest-api.js	40.23KB	-

Total files change +19.78KB +0.12%

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[Copilot]

🟡 Changes recommended

Active issues cause guest-mode and stream-start flows to hide non-chat controls, divider resizing to reload docked websites, and moving chat to the main grid to leave no way to return it to the dock.

4 open issues

• Provide a way to restore Multichat to the dock · New
• Preserve Browser state during stacked-divider resize · New
• Restrict login gating to Multichat content · New
• Avoid collapsing non-chat docks when starting streams · New

What changed in this PR

This PR makes the Streamlabs Desktop sider render elements from the current tab’s layout instead of always mounting Multichat.

Changes:

• Render single or stacked dock elements, with a resizable split.
• Determine dock visibility and minimum width from its assigned elements.
• Enable Multichat placement in the layout editor without mounting duplicate chat instances.

File	Description
app/​components-react/​windows/​Main.tsx	Integrates layout-driven dock rendering, visibility, and minimum width.
app/​components-react/​root/​Dock.tsx	Adds single and stacked dock rendering with persisted resizing.
app/​components-react/​root/​Dock.m.less	Styles dock containers and stacked element spacing.
app/​components-react/​pages/​layout-editor/​SideBar.tsx	Makes Multichat selectable in the layout editor.
app/​components-react/​editor/​renderLayoutElements.tsx	Exposes element minimum sizes for dock sizing.

_{Review effort: Balanced}

[Copilot]

🟡 Changes recommended

The sidebar memo can retain outdated Multichat support when settings change, and the new logged-out message lacks a translation dictionary entry.

2 open issues

• Add the logged-out Multichat string to the English translation dictionary · New
• Recompute dock visibility when Multichat support settings change · New

4 resolved since last review

• Avoid collapsing non-chat docks when starting streams
• Restrict login gating to Multichat content
• Preserve Browser state during stacked-divider resize
• Provide a way to restore Multichat to the dock

_{Review effort: Balanced}

[Copilot]

🟡 Changes recommended

Concrete QA checks are missing for the visible layout, chat availability, and resizing behavior changes, including key grid, dock, platform, and persistence scenarios.

3 open issues

• Recompute dock visibility when Multichat support settings change
• Add the logged-out Multichat string to the English translation dictionary
• Replace N/A QA instructions with tests for Multichat layout and behavior · New

_{Review effort: Balanced}

[Copilot]

🟡 Changes recommended

Unrelated main-grid edits can recreate a docked BrowserView and lose its page state, and the QA instructions lack actionable checks for the layout and resizing changes.

1 open issue

• Avoid re-rendering dock content for unrelated main-grid changes · New

3 resolved since last review

• Recompute dock visibility when Multichat support settings change
• Add the logged-out Multichat string to the English translation dictionary
• Replace N/A QA instructions with tests for Multichat layout and behavior

_{Review effort: Balanced}