useAppStore

Global application state store.

Import

const appStore = useAppStore()

State

Property	Type	Default	Description
currentTheme	string	'dark'	Active theme name
sidebarOpen	boolean	true	Sidebar visibility
activeTab	number	0	Current workflow tab index

Actions

Action	Parameters	Description
setTheme	theme: string	Change active theme
toggleSidebar	—	Toggle sidebar visibility
setActiveTab	tab: number	Change workflow tab

Theme Management

The app store manages theme state. Available themes are defined in app/constants/themes.ts:

• dark — Dark background with light text
• light — Clean light theme
• sandstone — Warm earth tones
• neo-mint — Fresh green accents
• corporate — Professional blue palette

Theme is initialized by app/plugins/theme.client.ts on page load and persisted to localStorage.

Source

app/stores/app.ts