diff --git a/app/+not-found.tsx b/app/+not-found.tsx
new file mode 100644
index 0000000..69e9df2
--- /dev/null
+++ b/app/+not-found.tsx
@@ -0,0 +1,38 @@
+import { Link, Stack } from 'expo-router';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function NotFoundScreen() {
+  return (
+    <>
+      <Stack.Screen options={{ title: 'Oops!' }} />
+      <View style={styles.container}>
+        <Text style={styles.title}>This screen does not exist.</Text>
+
+        <Link href="/" style={styles.link}>
+          <Text style={styles.linkText}>Go to home screen</Text>
+        </Link>
+      </View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20,
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+  },
+  link: {
+    marginTop: 15,
+    paddingVertical: 15,
+  },
+  linkText: {
+    fontSize: 14,
+    color: '#2e78b7',
+  },
+});
diff --git a/app/_layout.tsx b/app/_layout.tsx
index d0fc518..a970afb 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout() {
       <Stack>
         <Stack.Screen name="index" options={{ headerShown: false }} />
         <Stack.Screen name="chat" options={{ headerShown: false }} />
-        <Stack.Screen name="settings" options={{ presentation: 'modal', title: 'Settings' }} />
+        <Stack.Screen name="settings/index" options={{ presentation: 'modal', title: 'Settings' }} />
         <Stack.Screen name="+not-found" />
       </Stack>
       <StatusBar style={isDark ? 'light' : 'dark'} />
diff --git a/app/settings/index.tsx b/app/settings/index.tsx
index 8ae4ead..3a9e692 100644
--- a/app/settings/index.tsx
+++ b/app/settings/index.tsx
@@ -215,7 +215,7 @@ export default function SettingsScreen() {
                 <View style={[styles.card, { backgroundColor: colors.cardBackground, borderColor: colors.border }]}>
                     <View style={styles.rowGroup}>
                         <Info size={18} color={colors.textMuted} style={styles.infoIcon} />
-                        <Text style={[styles.infoText, { color: colors.text }]}>LocalAiApp - Cross Platform Version</Text>
+                        <Text style={[styles.infoText, { color: colors.text }]}>LocalMind - Cross Platform Version</Text>
                     </View>
                     <View style={[styles.rowGroup, { marginTop: 8 }]}>
                         <MonitorCog size={18} color={colors.textMuted} style={styles.infoIcon} />
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..ee8566b
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,16 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [
+      [
+        'babel-preset-expo',
+        {
+          // Dependencias (zustand/middleware) usam `import.meta.env`, que nao existe
+          // no bundle web do Metro (script classico) e quebrava a hidratacao do app.
+          // O polyfill do Expo troca por `globalThis.__ExpoImportMetaRegistry`.
+          unstable_transformImportMeta: true,
+        },
+      ],
+    ],
+  };
+};