chore: track all project map and index files

Add generated .pi-map.md and .pi-map.index.md files across the repository
so the project navigation maps are shared and versioned. These artifacts
are maintained by project_map_init/patch/validate and must be kept in
sync with source edits.

Note: .cache/ remains ignored (added in previous commit).

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

@@ -0,0 +1,28 @@
+# apps/web/src/components/features/mobile (index)
+dir: apps/web/src/components/features/mobile
+
+## role
+Provides a complete set of mobile-optimized UI components for building responsive, touch-friendly interfaces across list views, detail views, forms, navigation, modals, and specialized terminal experiences.
+## parent
+index: apps/web/src/components/features/.pi-map.index.md
+map: apps/web/src/components/features/.pi-map.md
+## children
+-
+## files
+- mobile-action-sheet.tsx
+- mobile-detail-view.tsx
+- mobile-edit-view.tsx
+- mobile-fab.tsx
+- mobile-list-view.tsx
+- mobile-nav.tsx
+- mobile-page-header.tsx
+- mobile-terminal-header.tsx
+- mobile-terminal-wrapper.tsx
+## links
+index: apps/web/src/components/features/mobile/.pi-map.index.md
+map: apps/web/src/components/features/mobile/.pi-map.md
+## workflows
+- change mobile behavior
+  read: mobile-action-sheet.tsx, mobile-detail-view.tsx, mobile-edit-view.tsx
+## dirty
+-

apps/web/src/components/features/mobile/.pi-map.md

@@ -0,0 +1,35 @@
+# apps/web/src/components/features/mobile
+dir: apps/web/src/components/features/mobile
+
+index: apps/web/src/components/features/mobile/.pi-map.index.md
+
+## role
+Provides a complete set of mobile-optimized UI components for building responsive, touch-friendly interfaces across list views, detail views, forms, navigation, modals, and specialized terminal experiences.
+## files
+- mobile-action-sheet.tsx | Renders a mobile-optimized action sheet modal with title, configurable action buttons, and cancel option. | exp: MobileActionSheetItem, func:MobileActionSheet({ isOpen, onClose, title, actions, }: MobileActionSheetProps), call:useRef, call:useEffect, call:onClose, call:document.addEventListener, call:document.removeEventListener, call:e.stopPropagation, call:actions.map, call:action.onClick | dep: react, ../../icon, icon
+- mobile-detail-view.tsx | A React component that renders a mobile-optimized detail view with a header (back button, title, edit/delete actions) and a field list supporting multiple value types (text, code, JSON, boolean). | exp: MobileDetailView | dep: ../../icon, react
+- mobile-edit-view.tsx | A React component that renders a mobile-optimized form for editing data with configurable field types and save/cancel actions. | exp: MobileEditView | dep: react
+- mobile-fab.tsx | Renders a floating action button component for mobile with an add icon and configurable click handler and label. | exp: MobileFAB | dep: ../../icon, react, icon
+- mobile-list-view.tsx | Renders a searchable mobile-friendly list view with optional icons, subtitles, and click handling | exp: MobileListView | dep: ../../icon, ../../../utils/icons, react, icon, icons
+- mobile-nav.tsx | Renders a mobile navigation bar with routing links, a tools group button that opens a bottom sheet, and session count badges | exp: MobileNav | dep: react, react-router-dom, ../../icon, ../tool/tools-bottom-sheet, ../../../utils/icons, icon, tools-bottom-sheet, icons utils
+- mobile-page-header.tsx | Renders a mobile-only page header with optional back navigation and custom actions. | exp: func:MobilePageHeader({ title, showBack = true, actions }: MobilePageHeaderProps), call:useNavigate, call:useMobileViewport, call:navigate | dep: react-router-dom, ../../../hooks/use-mobile-viewport, ../../icon, use-mobile-viewport hook, Icon component
+- mobile-terminal-header.tsx | Renders a mobile-responsive header for a terminal interface with navigation, title, connection status, font size controls, and close actions. | exp: MobileTerminalHeader | dep: react, ../../icon, icon
+- mobile-terminal-wrapper.tsx | Wraps a terminal component with mobile-specific UI including auto-hiding header, virtual keyboard handling, and special keys interface. | exp: MobileTerminalWrapper | dep: react, ../terminal/terminal, ./mobile-terminal-header, ../terminal/special-keys-strip, ../terminal/special-keys-panel, ../../../hooks/use-mobile-viewport, ../../../hooks/use-virtual-keyboard, ../../../hooks/use-auto-hide, ../../../hooks/use-special-keys
+## arch
+Follows a feature-based component architecture with consistent mobile-first design patterns including bottom sheets, floating action buttons, auto-hiding headers, virtual keyboard handling, and contextual action menus; each component is self-contained with configurable props for titles, actions, field types, and click handlers, suggesting a reusable component library pattern rather than business-logic containers.
+## tags
+mobile, terminal, view, icon, header, react, sheet, action
+## symbols
+- MobileActionSheet
+- MobilePageHeader
+- MobileActionSheetItem
+- call:useRef
+- call:useEffect
+- call:onClose
+- call:document.addEventListener
+- call:document.removeEventListener
+## workflows
+- change mobile behavior
+  read: mobile-action-sheet.tsx, mobile-detail-view.tsx, mobile-edit-view.tsx
+## dirty
+-