# apps/web/src/components/features/settings
dir: apps/web/src/components/features/settings

index: apps/web/src/components/features/settings/.pi-map.index.md

## role
Provides the UI components for the application's settings interface, enabling users to configure preferences through a tabbed navigation layout.
## files
- GeneralSettingsTab.tsx | Renders a general settings tab with theme, git, editor, and notification preferences using shared outlet context | exp: GeneralSettingsTab | dep: react-router-dom, ../../icon, ../../../api/settings
- settings-tab-layout.tsx | Renders a tabbed settings layout with a sidebar navigation and active tab highlighting based on current URL path. | exp: SettingsTabLayout | dep: react, react-router-dom
## arch
Uses a tabbed layout pattern with URL-based routing for navigation state, shared React context for data access, and compound component structure separating layout shell from content panels.
## tags
settings, tab, general, layout, react, renders, router, dom
## symbols
- GeneralSettingsTab
- SettingsTabLayout
## workflows
- change settings behavior
  read: GeneralSettingsTab.tsx, settings-tab-layout.tsx
## dirty
-
