Instance AI UI gets sidebar polish and CSS fixes

r00gm

·Apr 9, 2026·#28155fix(editor): UI tweaks for instance AI components

Instance AI view now auto-collapses the sidebar on entry and restores it on exit. Per-agent stop buttons and the back button were removed in favor of cleaner navigation via the sidebar. Invalid CSS variable names in two components were also corrected.

The instance AI interface has been tidied up with several quality-of-life improvements. The sidebar now automatically collapses when entering instance AI view and restores to its previous state when navigating away — giving users more room for AI interactions without losing their sidebar preference.

Navigation is now consistently handled through the sidebar instead of duplicated inline buttons. The back button was removed from the thread list since the sidebar provides proper navigation. Per-agent stop buttons in the agent section were consolidated into a single master stop button in the chat input.

Two CSS variable bugs that prevented proper text color rendering in the agent activity tree and artifact cards were also fixed.

The changes live in the frontend editor UI package, affecting the instance AI feature area.

View Original GitHub Description

Summary

Auto-collapse sidebar when entering instance AI view, restore on exit
Simplify useSidebarLayout composable to use centralized sidebarWidth from UI store
Fix sidebar width not resetting when collapsed (MainSidebar)
Add AppSidebar to InstanceAiLayout so navigation is available
Remove per-agent stop buttons from AgentSection — there is now a single master stop button in the chat input that stops everything
Remove back button from InstanceAiThreadList since proper navigation is now available via sidebar
Fix invalid CSS variable names in AgentActivityTree and ArtifactCard

Test plan

Navigate to instance AI view — sidebar should auto-collapse
Navigate away from instance AI — sidebar should restore to previous state
Sidebar resize should work correctly in both collapsed/expanded states
Master stop button in chat input stops all agents
Agent activity tree, agent sections, and artifact cards render correctly