# 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 user-configurable application settings with tab-based navigation and form controls.
## files
- GeneralSettingsTab.tsx | Renders a general settings tab with form controls for theme, git config, default editor, and notification preferences, wired to a parent-provided save handler. | exp: GeneralSettingsTab | dep: react-router-dom, ../../icon, ../../../api/settings
- settings-tab-layout.tsx | Renders a settings page layout with a sidebar navigation of tabs and a content area for the active tab. | exp: SettingsTabLayout | dep: react, react-router-dom
## arch
Compound component pattern with a layout shell (sidebar + content area) and specialized tab content components, using controlled forms with parent-managed save handlers.
## tags
settings, tab, general, layout, react, renders, router, dom
## symbols
- GeneralSettingsTab
- SettingsTabLayout
## workflows
- change settings behavior
  read: GeneralSettingsTab.tsx, settings-tab-layout.tsx
## dirty
-
