feat(clawdbot): add Clawdbot gateway integration

expo-app/CLAUDE.md

@@ -91,10 +91,18 @@ sources/
 ├── app/              # Expo Router screens
 ├── auth/             # Authentication logic (QR code based)
 ├── components/       # Reusable UI components
+├── clawdbot/         # Clawdbot gateway integration
 ├── sync/             # Real-time sync engine with encryption
 └── utils/            # Utility functions
 ```
 
+### Clawdbot Integration
+The app includes Clawdbot gateway integration for AI chat sessions. Reference implementation:
+- **Clawdbot source code**: `/Users/kirilldubovitskiy/projects/happy/research/clawdbot`
+- **Gateway protocol**: See `research/clawdbot/src/gateway/` for server-side implementation
+- **Web UI reference**: See `research/clawdbot/ui/src/ui/` for official web client implementation
+- **Types**: Match types with `research/clawdbot/ui/src/ui/types.ts` (e.g., `GatewaySessionRow`, `SessionsListResult`)
+
 ### Key Architectural Patterns
 
 1. **Authentication Flow**: QR code-based authentication using expo-camera with challenge-response mechanism

expo-app/metro.config.js

@@ -20,4 +20,4 @@ config.transformer.getTransformOptions = async () => ({
   },
 });
 
-module.exports = config;
+module.exports = config;

expo-app/package.json

@@ -47,6 +47,7 @@
     "@livekit/react-native-webrtc": "^137.0.0",
     "@lottiefiles/dotlottie-react": "^0.14.3",
     "@more-tech/react-native-libsodium": "^1.5.5",
+    "@noble/ed25519": "^3.0.0",
     "@peoplesgrocers/seti-ui-file-icons": "1.11.3",
     "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native-community/datetimepicker": "8.4.4",
@@ -121,7 +122,7 @@
     "expo-updates": "~29.0.11",
     "expo-web-browser": "~15.0.7",
     "fuse.js": "^7.1.0",
-    "libsodium-wrappers": "^0.7.15",
+    "libsodium-wrappers": "0.7.15",
     "livekit-client": "^2.15.4",
     "lottie-react-native": "~7.3.1",
     "mermaid": "^11.12.1",
@@ -142,7 +143,7 @@
     "react-native-purchases": "^9.4.2",
     "react-native-purchases-ui": "^9.4.2",
     "react-native-quick-base64": "^2.2.1",
-    "react-native-reanimated": "^4.2.1",
+    "react-native-reanimated": "^4.3.0-nightly-20260126-ab4831559",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screen-transitions": "^1.2.0",
     "react-native-screens": "~4.16.0",
@@ -153,7 +154,7 @@
     "react-native-vision-camera": "^4.7.3",
     "react-native-web": "^0.21.0",
     "react-native-webview": "13.15.0",
-    "react-native-worklets": "^0.7.1",
+    "react-native-worklets": "^0.8.0-nightly-20260126-ab4831559",
     "react-syntax-highlighter": "^15.6.1",
     "react-textarea-autosize": "^8.5.9",
     "resolve-path": "^1.4.0",

expo-app/sources/-zen/components/TodoList.tsx

@@ -6,8 +6,9 @@ import Animated, {
     withSpring,
     useDerivedValue,
     SharedValue,
+    runOnJS,
+    runOnUI,
 } from 'react-native-reanimated';
-import { runOnJS, runOnUI, scheduleOnRN } from 'react-native-worklets';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { TODO_HEIGHT, TodoView } from './TodoView';
 
@@ -128,7 +129,7 @@ const AnimatedTodoItem = React.memo<AnimatedTodoItemProps>(({
 
             // Call the reorder callback with the final position
             if (onReorder && finalPosition !== index) {
-                scheduleOnRN(onReorder, todo.id, finalPosition);
+                runOnJS(onReorder)(todo.id, finalPosition);
             }
         })
         .onFinalize(() => {

expo-app/sources/app/(app)/_layout.tsx

@@ -388,6 +388,38 @@ export default function RootLayout() {
                     headerBackTitle: t('common.back'),
                 }}
             />
+            <Stack.Screen
+                name="clawdbot/index"
+                options={{
+                    headerShown: true,
+                    headerTitle: t('clawdbot.title'),
+                    headerBackTitle: t('common.back'),
+                }}
+            />
+            <Stack.Screen
+                name="clawdbot/connect"
+                options={{
+                    headerShown: true,
+                    headerTitle: t('clawdbot.connect'),
+                    headerBackTitle: t('common.back'),
+                }}
+            />
+            <Stack.Screen
+                name="clawdbot/chat/[sessionKey]"
+                options={{
+                    headerShown: true,
+                    headerTitle: t('clawdbot.chat'),
+                    headerBackTitle: t('common.back'),
+                }}
+            />
+            <Stack.Screen
+                name="clawdbot/new"
+                options={{
+                    headerShown: true,
+                    headerTitle: t('clawdbot.newSession'),
+                    headerBackTitle: t('common.back'),
+                }}
+            />
         </Stack>
     );
 }