…ainment

- Add viewport-fit=cover to web index.html for iOS notch/Dynamic Island
- Define CSS custom properties --safe-top/right/bottom/left from env()
- Switch root container from h-screen to h-dvh with safe area padding
- Update all fixed-position overlays (Toast, FocusedTerminal, Settings,
  DiffSidebar, TaskDiffReview, WorkflowEditor, ProjectSidebar mobile)
  to respect safe area insets
- Add overscroll-behavior: contain to prevent iOS rubber-band overscroll
- Sync web package global.css with touch-action and hover:none rules

…sualViewport fallback

- Add interactive-widget=resizes-content to viewport meta (Chrome/Android)
- Create useVirtualKeyboard hook with three-tier strategy:
  1. VirtualKeyboard API (navigator.virtualKeyboard) for Chrome 94+
  2. visualViewport resize/scroll events for Safari/iOS fallback
  3. Graceful no-op on non-touch devices
- Hook sets --keyboard-height CSS custom property and refits all terminals
- Add fitAllTerminals() to terminal-registry for keyboard geometry changes
- App root bottom padding includes --keyboard-height for Safari layout shift
- Toast position accounts for --keyboard-height to stay above keyboard
- Add --keyboard-height: 0px default to both global.css files

- Enforce minimum 14px terminal font size on touch devices (was 13px)
- Add pinch-to-zoom hook for terminal font size adjustment on mobile
- Add floating font size +/- control in focused terminal view (mobile only)
- Set body text to 16px with 1.5 line-height on mobile viewports
- Boost gray-500/gray-600 text contrast on mobile for WCAG AA compliance
- Apply typography improvements to both Electron and web app CSS

- New MobileBottomTabs component with 4 tabs: Sessions, Tasks, New, Settings
- Cyan accent on active tab indicator dot and New button icon
- Hidden when virtual keyboard is open to maximize screen space
- Replaces Sessions/Tasks toggle in top bar on mobile (declutters header)
- 52px min height with 44px+ touch targets per tab
- Desktop layout completely unchanged

- New MobileSinglePane component replaces GridView on mobile
- Shows one terminal at a time, full height, instead of scrollable grid
- Swipe left/right to navigate between terminals (50px min, 300ms max)
- Dot indicators + arrow buttons when 2+ terminals are open
- Active dot highlighted in cyan, clickable for direct jump
- Uses store selectedTerminalId as source of truth (syncs with sidebar/shortcuts)
- Falls back to PromptLauncher when no sessions exist
- Desktop grid/tab layout completely unchanged

Floating bar with Esc, Tab, Ctrl (sticky toggle), arrow keys, pipe,
slash, tilde, dash, underscore. Renders inside FocusedTerminal on
mobile viewports. Uses onPointerDown + preventDefault to avoid
stealing focus from xterm.js. Ctrl auto-unsticks after 5s or next
keypress. Sends keystrokes via window.api.writeTerminal.

Install vite-plugin-pwa with Workbox for service worker generation.
Cache-First for static assets, Network-First for API calls. Adds
offline fallback page, enhanced manifest with id, display_override,
and orientation fields. Registers SW in main.tsx independently of
WebSocket connection. Enables "Add to Home Screen" installability.

Port iOS 26 Liquid Glass material to mobile viewports only (< 768px).
Desktop Electron app is completely untouched.

Glass material:
- CSS variables (--glass-bg, --glass-blur, --glass-shadow) scoped
  inside @media (max-width: 767px) in both global.css files
- Framework7 v9 dark mode values: 8-layer inset box-shadow stack,
  saturate(180%) blur(16px), rgba(50,50,50,0.5) background

Component changes:
- MobileBottomTabs: floating glass capsule pill (rounded-[32px]),
  inset from edges, glass-shadow-thumb on active tab. Removed "New"
  tab (actions moved to top bar glass buttons)
- MobileTerminalKeybar: two-row iOS 26-native layout. Row 1:
  ESC/TAB/CTL pills + arrow d-pad cluster. Row 2: 10 symbol pills.
  Pill-shaped (rounded-full) instead of rectangular
- MobileFontSizeControl: glass material via CSS variables
- MobileSinglePane: rewritten from swipe navigation to scrollable
  card list with MobileSessionCard. Tap card to open FocusedTerminal
- FocusedTerminal: full-screen on mobile (no inset/rounded), back
  button (ChevronDown), hide desktop-only elements (kbd hints,
  traffic lights, OpenInButton)
- App.tsx: glass hamburger and "+" buttons on mobile via isMobile
  guard, bottom padding for floating tab bar
- Toast, ConfirmPopover, CardContextMenu: glass on mobile via
  useIsMobile hook, desktop unchanged

QA screenshots in screenshots/ directory.

Main content area reserved 64px bottom padding for the floating tab
bar even when the virtual keyboard was visible (and the tab bar
hidden). Now the padding is conditional on keyboardHeight === 0.

Also fix misleading JSDoc on setAllTerminalsFontSize — callers handle
their own clamping, the function just applies getEffectiveFontSize.