feat: iOS support — edge-to-edge WKWebView, mobile defaults, safe areas (v1.4.0)

- Native WKWebView fix: contentInsetAdjustmentBehavior=never,
  edgesForExtendedLayout=all via Rust objc2 FFI
- Mobile defaults to Chat mode on fresh install (≤768px)
- CSS safe area padding for notch/home indicator
- Borderless full-bleed shell frame on mobile
- devUrl corrected to port 3000 (Next.js dev server)
- Added objc2 v0.6.4 direct dependency
- Desktop-only crates gated for iOS conditional compilation

Author: BunsDev

CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [1.4.0] — 2026-03-07
+
+### Added
+
+- **iOS support** — Tauri iOS builds for iPhone simulator (arm64)
+- **Edge-to-edge display** — Native WKWebView configuration via Rust objc2 FFI (`contentInsetAdjustmentBehavior = .never`, `edgesForExtendedLayout = .all`)
+- **Mobile-first defaults** — Fresh installs on small screens default to Chat mode instead of Classic/Editor
+- **CSS safe area handling** — Content respects notch and home indicator via `env(safe-area-inset-*)`
+- **Mobile layout** — Borderless, full-bleed shell frame on screens ≤768px
+- **Mobile features** — QR connect, agent approval cards, session presence, caffeinate toggle
+- **Settings panel** — Redesigned with Connect + General tabs, device list, QR code
+
+### Fixed
+
+- **iOS bottom gap** — WKWebView no longer constrained to safe area bounds
+- **Dev mode URL** — `devUrl` corrected to Next.js dev server port (3000)
+
+### Changed
+
+- Added `objc2` v0.6.4 as direct Cargo dependency for iOS native interop
+- iOS capabilities separated from desktop (`capabilities/mobile.json`)
+- Desktop-only crates (`portable-pty`, `window-vibrancy`, `keyring`, etc.) gated with `#[cfg(not(target_os = "ios"))]`
+
 ## [1.1.0] — 2026-03-05
 
 ### Added

app/globals.css

@@ -1067,22 +1067,14 @@ body {
   -webkit-backdrop-filter: blur(20px) saturate(135%);
 }
 
-/* iOS: fill entire viewport including behind safe areas.
-   html background covers the home indicator region;
-   app-shell pads content away from notch/indicator. */
-@supports (padding-bottom: env(safe-area-inset-bottom)) {
-  html,
-  body {
-    min-height: 100vh;
-    min-height: -webkit-fill-available;
-  }
+/* Mobile edge-to-edge: safe-area padding keeps content clear of
+   notch/home indicator while the native WebView fills the screen. */
+@media (max-width: 768px) {
   .app-shell {
-    min-height: 100vh;
-    min-height: -webkit-fill-available;
-    padding-top: env(safe-area-inset-top);
-    padding-bottom: env(safe-area-inset-bottom);
-    padding-left: env(safe-area-inset-left);
-    padding-right: env(safe-area-inset-right);
+    padding-top: env(safe-area-inset-top, 0px);
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    padding-left: env(safe-area-inset-left, 0px);
+    padding-right: env(safe-area-inset-right, 0px);
   }
 }
 

context/app-mode-context.tsx

@@ -36,11 +36,16 @@ export function AppModeProvider({ children }: { children: ReactNode }) {
     activeViewRef.current = activeView
   }, [activeView])
 
-  // Hydrate from localStorage after mount to avoid SSR mismatch
+  // Hydrate from localStorage after mount to avoid SSR mismatch.
+  // On mobile (no saved preference), default to chat mode.
   useEffect(() => {
     try {
       const raw = localStorage.getItem(STORAGE_KEY) as AppMode | null
-      if (raw && raw in MODE_REGISTRY) setModeState(raw)
+      if (raw && raw in MODE_REGISTRY) {
+        setModeState(raw)
+      } else if (window.innerWidth <= 768) {
+        setModeState('chat')
+      }
     } catch {}
   }, [])
 

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-editor",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": true,
   "scripts": {
     "frontend:dev": "next dev --turbopack",

src-tauri/Cargo.lock

@@ -27,6 +27,7 @@ base64 = "0.22.1"
 tauri-plugin-dialog = "2.6.0"
 tauri-plugin-clipboard-manager = "2.3.2"
 tauri-plugin-localhost = "2"
+objc2 = "0.6.4"
 
 # Desktop-only dependencies
 [target.'cfg(not(target_os = "ios"))'.dependencies]

src-tauri/Cargo.toml

@@ -51,8 +51,8 @@ targets:
           - UIInterfaceOrientationPortraitUpsideDown
           - UIInterfaceOrientationLandscapeLeft
           - UIInterfaceOrientationLandscapeRight
-        CFBundleShortVersionString: 1.3.0
-        CFBundleVersion: "1.3.0"
+        CFBundleShortVersionString: 1.4.0
+        CFBundleVersion: "1.4.0"
     entitlements:
       path: app_iOS/app_iOS.entitlements
     scheme:

src-tauri/gen/apple/project.yml

@@ -84,18 +84,37 @@ pub fn run() {
             setup_desktop_menu(app)?;
         }
 
-        // iOS: extend WebView edge-to-edge behind safe areas
+        // iOS: make WKWebView fill the entire screen edge-to-edge
         #[cfg(target_os = "ios")]
         {
             use tauri::Manager;
             if let Some(ww) = app.get_webview_window("main") {
-                let _ = ww.with_webview(|wv| {
-                    #[allow(deprecated)]
+                let _ = ww.with_webview(move |wv| {
                     unsafe {
-                        let inner = wv.inner();
-                        let sv: *mut std::ffi::c_void = objc2::msg_send![inner, scrollView];
-                        // UIScrollViewContentInsetAdjustmentNever = 2
-                        let _: () = objc2::msg_send![sv as *mut objc2::runtime::AnyObject, setContentInsetAdjustmentBehavior: 2_isize];
+                        let wk_ptr = wv.inner() as *mut objc2::runtime::AnyObject;
+                        // Get the scrollView from WKWebView
+                        let scroll_view: *mut objc2::runtime::AnyObject =
+                            objc2::msg_send![wk_ptr, scrollView];
+                        // contentInsetAdjustmentBehavior = .never (2)
+                        let _: () = objc2::msg_send![
+                            scroll_view,
+                            setContentInsetAdjustmentBehavior: 2_isize
+                        ];
+
+                        // Also configure the view controller to extend layout under all bars
+                        let vc_ptr = wv.view_controller() as *mut objc2::runtime::AnyObject;
+                        if !vc_ptr.is_null() {
+                            // edgesForExtendedLayout = UIRectEdgeAll (15)
+                            let _: () = objc2::msg_send![
+                                vc_ptr,
+                                setEdgesForExtendedLayout: 15_usize
+                            ];
+                            // extendedLayoutIncludesOpaqueBars = YES
+                            let _: () = objc2::msg_send![
+                                vc_ptr,
+                                setExtendedLayoutIncludesOpaqueBars: true
+                            ];
+                        }
                     }
                 });
             }

src-tauri/src/lib.rs

@@ -1,11 +1,11 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "KnotCode",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "identifier": "ai.openknot.code-editor",
   "build": {
     "frontendDist": "../out",
-    "devUrl": "http://127.0.0.1:3080",
+    "devUrl": "http://127.0.0.1:3000",
     "beforeDevCommand": "pnpm frontend:dev",
     "beforeBuildCommand": "pnpm frontend:build"
   },