Initial commit: OpenCode mobile app (extracted from opencode monorepo)

2026-05-17 19:52:54 +00:00
commit 1843a7c37e
84 changed files with 9303 additions and 0 deletions
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -0,0 +1,47 @@
+import { Tabs } from "expo-router"
+import { useColorScheme } from "react-native"
+import { Ionicons } from "@expo/vector-icons"
+
+export default function TabLayout() {
+  const colorScheme = useColorScheme()
+  const isDark = colorScheme === "dark"
+
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: isDark ? "#ffffff" : "#0a0a0a",
+        tabBarInactiveTintColor: isDark ? "#666666" : "#999999",
+        tabBarStyle: {
+          backgroundColor: isDark ? "#0a0a0a" : "#ffffff",
+          borderTopColor: isDark ? "#1a1a1a" : "#e5e5e5",
+        },
+        headerStyle: {
+          backgroundColor: isDark ? "#0a0a0a" : "#ffffff",
+        },
+        headerTintColor: isDark ? "#ffffff" : "#0a0a0a",
+      }}
+    >
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: "Sessions",
+          tabBarIcon: ({ color, size }) => <Ionicons name="chatbubbles-outline" size={size} color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="connections"
+        options={{
+          title: "Connections",
+          tabBarIcon: ({ color, size }) => <Ionicons name="server-outline" size={size} color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="settings"
+        options={{
+          title: "Settings",
+          tabBarIcon: ({ color, size }) => <Ionicons name="settings-outline" size={size} color={color} />,
+        }}
+      />
+    </Tabs>
+  )
+}