feat: on-device speech recognition, navigation screen, session picker

Matthias Nott

2026-03-02 a0f39302919fbacf7a0d407f01b1a50413ea6f70

 app/settings.tsx
..
..
@@ -20,9 +20,9 @@
20
20
   const { serverConfig, status, connect, disconnect, saveServerConfig } =
21
21
     useConnection();
22
22
 
23
-  const [host, setHost] = useState(serverConfig?.host ?? "");
23
+  const [host, setHost] = useState(serverConfig?.host ?? "192.168.1.100");
24
24
   const [port, setPort] = useState(
25
-    serverConfig?.port ? String(serverConfig.port) : ""
25
+    serverConfig?.port ? String(serverConfig.port) : "8765"
26
26
   );
27
27
   const [saved, setSaved] = useState(false);
28
28
 
..
..
@@ -63,14 +63,34 @@
63
63
             keyboardShouldPersistTaps="handled"
64
64
           >
65
65
             {/* Header */}
66
-            <View className="flex-row items-center px-4 py-3 border-b border-pai-border">
66
+            <View
67
+              style={{
68
+                flexDirection: "row",
69
+                alignItems: "center",
70
+                paddingHorizontal: 16,
71
+                paddingVertical: 12,
72
+                borderBottomWidth: 1,
73
+                borderBottomColor: "#2E2E45",
74
+              }}
75
+            >
67
76
               <Pressable
68
77
                 onPress={() => router.back()}
69
-                className="w-9 h-9 items-center justify-center rounded-full bg-pai-bg-tertiary mr-3"
78
+                hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }}
79
+                style={{
80
+                  width: 36,
81
+                  height: 36,
82
+                  alignItems: "center",
83
+                  justifyContent: "center",
84
+                  borderRadius: 18,
85
+                  backgroundColor: "#1E1E2E",
86
+                  marginRight: 12,
87
+                }}
70
88
               >
71
-                <Text className="text-pai-text text-base">←</Text>
89
+                <Text style={{ color: "#E8E8F0", fontSize: 16 }}>←</Text>
72
90
               </Pressable>
73
-              <Text className="text-pai-text text-xl font-bold">Settings</Text>
91
+              <Text style={{ color: "#E8E8F0", fontSize: 22, fontWeight: "800", letterSpacing: -0.5 }}>
92
+                Settings
93
+              </Text>
74
94
             </View>
75
95
 
76
96
             <View className="px-4 mt-6">
..
..
@@ -115,7 +135,7 @@
115
135
                     autoCapitalize="none"
116
136
                     autoCorrect={false}
117
137
                     keyboardType="url"
118
-                    className="text-pai-text text-base"
138
+                    style={{ color: "#E8E8F0", fontSize: 16, padding: 0 }}
119
139
                   />
120
140
                 </View>
121
141
 
..
..
@@ -130,7 +150,7 @@
130
150
                     placeholder="8765"
131
151
                     placeholderTextColor="#5A5A78"
132
152
                     keyboardType="number-pad"
133
-                    className="text-pai-text text-base"
153
+                    style={{ color: "#E8E8F0", fontSize: 16, padding: 0 }}
134
154
                   />
135
155
                 </View>
136
156
               </View>