From a0f39302919fbacf7a0d407f01b1a50413ea6f70 Mon Sep 17 00:00:00 2001
From: Matthias Nott <mnott@mnsoft.org>
Date: Mon, 02 Mar 2026 23:15:13 +0100
Subject: [PATCH] feat: on-device speech recognition, navigation screen, session picker

---
 app/settings.tsx |   36 ++++++++++++++++++++++++++++--------
 1 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/app/settings.tsx b/app/settings.tsx
index 76284db..3b36869 100644
--- a/app/settings.tsx
+++ b/app/settings.tsx
@@ -20,9 +20,9 @@
   const { serverConfig, status, connect, disconnect, saveServerConfig } =
     useConnection();
 
-  const [host, setHost] = useState(serverConfig?.host ?? "");
+  const [host, setHost] = useState(serverConfig?.host ?? "192.168.1.100");
   const [port, setPort] = useState(
-    serverConfig?.port ? String(serverConfig.port) : ""
+    serverConfig?.port ? String(serverConfig.port) : "8765"
   );
   const [saved, setSaved] = useState(false);
 
@@ -63,14 +63,34 @@
             keyboardShouldPersistTaps="handled"
           >
             {/* Header */}
-            <View className="flex-row items-center px-4 py-3 border-b border-pai-border">
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                paddingHorizontal: 16,
+                paddingVertical: 12,
+                borderBottomWidth: 1,
+                borderBottomColor: "#2E2E45",
+              }}
+            >
               <Pressable
                 onPress={() => router.back()}
-                className="w-9 h-9 items-center justify-center rounded-full bg-pai-bg-tertiary mr-3"
+                hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }}
+                style={{
+                  width: 36,
+                  height: 36,
+                  alignItems: "center",
+                  justifyContent: "center",
+                  borderRadius: 18,
+                  backgroundColor: "#1E1E2E",
+                  marginRight: 12,
+                }}
               >
-                <Text className="text-pai-text text-base">←</Text>
+                <Text style={{ color: "#E8E8F0", fontSize: 16 }}>←</Text>
               </Pressable>
-              <Text className="text-pai-text text-xl font-bold">Settings</Text>
+              <Text style={{ color: "#E8E8F0", fontSize: 22, fontWeight: "800", letterSpacing: -0.5 }}>
+                Settings
+              </Text>
             </View>
 
             <View className="px-4 mt-6">
@@ -115,7 +135,7 @@
                     autoCapitalize="none"
                     autoCorrect={false}
                     keyboardType="url"
-                    className="text-pai-text text-base"
+                    style={{ color: "#E8E8F0", fontSize: 16, padding: 0 }}
                   />
                 </View>
 
@@ -130,7 +150,7 @@
                     placeholder="8765"
                     placeholderTextColor="#5A5A78"
                     keyboardType="number-pad"
-                    className="text-pai-text text-base"
+                    style={{ color: "#E8E8F0", fontSize: 16, padding: 0 }}
                   />
                 </View>
               </View>

--
Gitblit v1.3.1