primary-sidebar

To add a new management tab to the OrcaQ left sidebar, update the ActivityBarItemType enumeration, create a new management module, export it, and wire it into the PrimarySideBar switching logic.

To preserve Vue component state when switching primary sidebar panels, wrap your management modules with KeepAlive and persist the active panel state using the useActivityBarStore.

The OrcaQ activity bar architecture enforces modular design by separating the ActivityBarItemType enumeration, useActivityBarStore state, and individual panel components wired into the PrimarySideBar switcher.

Yes, you can and are encouraged to use custom hooks for sidebar panel logic in OrcaQ. This practice enforces modular architecture and isolates management panel behavior from the PrimarySideBar switching logic.

The best way to remove an existing management panel from the primary sidebar is to delete the module, remove its corresponding ActivityBarItemType entry, and detach it from the PrimarySideBar wiring and useActivityBarStore.

Your OrcaQ sidebar loses its active tab state because the panel component is not wrapped in KeepAlive or the active tab identifier is not properly persisted within the useActivityBarStore state.