iOS App (#99)

closes #21Reviewed-on: #99

llm-fe/src/llm-fe/platform/nativeChrome.js

@@ -1,6 +1,6 @@
 /**
- * Android hardware back button + keyboard / status-bar insets for Capacitor (#20).
- * No-ops on web.
+ * Native chrome for Capacitor shells (#20 Android, #21 iOS).
+ * Hardware back (Android), status bar, keyboard resize. No-ops on web.
  */
 
 import { isNativePlatform } from './nativePlatform';

llm-fe/src/llm-fe/platform/nativeSafeArea.css

@@ -1,7 +1,9 @@
-/* Capacitor / notch safe-area insets (#20). Harmless on desktop web. */
+/* Capacitor / notch safe-area insets (#20 / #21). Harmless on desktop web. */
 html {
   padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0)
     env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
+  /* Kill rubber-band overscroll at the document level (iOS WKWebView). */
+  overscroll-behavior: none;
 }
 
 body {
@@ -10,11 +12,15 @@ body {
   /* Full-bleed page shells must never create a sideways scroll on phones. */
   max-width: 100%;
   overflow-x: hidden;
+  overscroll-behavior: none;
+  /* iOS Safari / WKWebView: avoid pull-to-refresh style bounce on body. */
+  -webkit-overflow-scrolling: touch;
 }
 
 #root {
   min-height: 100%;
   max-width: 100%;
+  overscroll-behavior: none;
 }
 
 *,