fix(android): edge-to-edge alignment, keyboard handling, toolbar spacing

web/src-tauri/gen/android/app/src/main/AndroidManifest.xml

@@ -15,7 +15,8 @@
             android:launchMode="singleTask"
             android:label="@string/main_activity_title"
             android:name=".MainActivity"
-            android:exported="true">
+            android:exported="true"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />

web/src-tauri/gen/android/app/src/main/res/values-night/themes.xml

@@ -1,6 +1,10 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
+    <!-- Base application theme. Forces dark mode since our CSS themes are always dark. -->
-    <style name="Theme.app" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+    <style name="Theme.app" parent="Theme.MaterialComponents.NoActionBar">
-        <!-- Customize your theme here. -->
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <!-- Force light status bar icons (white) against our dark background -->
+        <item name="android:windowLightStatusBar">false</item>
+        <item name="android:windowLightNavigationBar">false</item>
     </style>
 </resources>

web/src-tauri/gen/android/app/src/main/res/values/themes.xml

@@ -1,6 +1,10 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
+    <!-- Base application theme. Forces dark mode since our CSS themes are always dark. -->
-    <style name="Theme.app" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+    <style name="Theme.app" parent="Theme.MaterialComponents.NoActionBar">
-        <!-- Customize your theme here. -->
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:navigationBarColor">@android:color/transparent</item>
+        <!-- Force light status bar icons (white) against our dark background -->
+        <item name="android:windowLightStatusBar">false</item>
+        <item name="android:windowLightNavigationBar">false</item>
     </style>
 </resources>

web/src/components/Layout.tsx

@@ -104,7 +104,7 @@ export function Layout() {
     <div className="h-full w-full bg-gb-bg text-gb-fg font-mono flex flex-col">
       {/* Outer terminal frame with safe area */}
       <div className="flex-1 terminal-border bg-gb-bg-h flex flex-col min-h-0"
-        style={{ padding: 'max(env(safe-area-inset-top), 0.25rem) max(env(safe-area-inset-right), 0) max(env(safe-area-inset-bottom), 0) max(env(safe-area-inset-left), 0)' }}>
+        style={{ padding: 'max(env(safe-area-inset-top), 1.5rem) max(env(safe-area-inset-right), 0) max(env(safe-area-inset-bottom), 0.75rem) max(env(safe-area-inset-left), 0)' }}>
 
         {/* Top bar — minimal on mobile */}
         <div className="flex items-center justify-between px-2 md:px-3 py-1 border-b border-gb-bg-t bg-gb-bg-s gap-1">

web/src/components/MessageInput.tsx

@@ -598,7 +598,7 @@ export const MessageInput = forwardRef<HTMLTextAreaElement, MessageInputProps>(f
           )}
 
           {/* toolbar row */}
-          <div className="flex items-center gap-0.5 pt-0.5 border-t border-gb-bg-t">
+          <div className="flex items-center gap-x-1 md:gap-x-0.5 pt-0.5 border-t border-gb-bg-t">
             {/* + file upload */}
             <input
               ref={fileInputRef}