feat(kilo-app): add KiloClaw chat with Stream Chat

kilo-app/AGENTS.md

@@ -2,7 +2,7 @@
 
 ## What This Is
 
-Kilo App is an Expo (React Native) mobile application using Expo Router for file-based routing. It lives as a subpackage (`kilo-app/`) in the `cloud` monorepo. **This app targets iOS and Android only — never web.** Do not add `Platform.select({ web: ... })` patterns or web-specific code.
+Kilo App is an Expo (React Native) mobile application using Expo Router for file-based routing. It lives as a subpackage (`kilo-app/`) in the `cloud` monorepo. **This app targets iOS and Android only — never web.** Do not add `Platform.select({ web: ... })` patterns or web-specific code. **We use dev builds, not Expo Go.**
 
 ## Tech Stack
 

kilo-app/app.config.js

@@ -1,6 +1,6 @@
 /** @type {import('expo/config').ExpoConfig} */
 const config = {
-  name: 'Kilo',
+  name: 'KiloClaw',
   owner: 'kilocode',
   slug: 'kilo-app',
   version: '1.0.0',
@@ -59,6 +59,8 @@ const config = {
         imageWidth: 100,
       },
     ],
+    ['react-native-share', {}],
+    'react-native-video',
   ],
   experiments: {
     typedRoutes: true,

kilo-app/eas.json

@@ -18,6 +18,9 @@
     "production": {
       "android": {
         "track": "internal"
+      },
+      "ios": {
+        "ascAppId": "6761193135"
       }
     }
   }

kilo-app/knip.json

@@ -7,7 +7,9 @@
     "expo-system-ui",
     "postcss",
     "eslint-plugin-sonarjs",
-    "@sentry/cli"
+    "@sentry/cli",
+    "@react-native-community/netinfo",
+    "react-native-nitro-modules"
   ],
   "ignoreBinaries": ["oxfmt", "oxlint"],
   "ignore": ["src/components/ui/**"],

kilo-app/package.json

@@ -20,6 +20,10 @@
   },
   "dependencies": {
     "@kilocode/trpc": "workspace:*",
+    "@react-native-camera-roll/camera-roll": "^7.10.2",
+    "@react-native-clipboard/clipboard": "^1.16.3",
+    "@react-native-community/netinfo": "11.5.2",
+    "@react-native-documents/picker": "^12.0.1",
     "@rn-primitives/portal": "^1.3.0",
     "@rn-primitives/slot": "^1.2.0",
     "@sentry/react-native": "~7.11.0",
@@ -29,33 +33,42 @@
     "@trpc/tanstack-react-query": "catalog:",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "expo": "~55.0.8",
+    "expo": "~55.0.9",
     "expo-application": "~55.0.10",
     "expo-build-properties": "~55.0.10",
     "expo-clipboard": "~55.0.9",
     "expo-constants": "~55.0.9",
-    "expo-dev-client": "~55.0.18",
+    "expo-dev-client": "~55.0.19",
     "expo-haptics": "~55.0.9",
     "expo-image": "~55.0.6",
-    "expo-insights": "55.0.11",
-    "expo-linking": "~55.0.8",
-    "expo-router": "~55.0.7",
+    "expo-insights": "55.0.12",
+    "expo-linking": "~55.0.9",
+    "expo-router": "~55.0.8",
     "expo-secure-store": "~55.0.9",
-    "expo-splash-screen": "~55.0.12",
+    "expo-splash-screen": "~55.0.13",
     "expo-status-bar": "~55.0.4",
     "expo-web-browser": "~55.0.10",
     "lucide-react-native": "^0.577.0",
     "nativewind": "5.0.0-preview.3",
     "react": "19.2.0",
-    "react-native": "0.83.2",
+    "react-native": "0.83.4",
+    "react-native-blob-util": "^0.24.7",
     "react-native-css": "3.0.5",
     "react-native-gesture-handler": "~2.30.0",
+    "react-native-haptic-feedback": "^2.3.4",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-nitro-modules": "^0.35.2",
+    "react-native-nitro-sound": "^0.2.12",
     "react-native-reanimated": "4.2.1",
     "react-native-safe-area-context": "~5.6.2",
     "react-native-screens": "~4.23.0",
+    "react-native-share": "^12.2.6",
     "react-native-svg": "15.15.3",
+    "react-native-video": "^6.19.1",
     "react-native-worklets": "0.7.2",
     "sonner-native": "^0.23.1",
+    "stream-chat": "^9.38.0",
+    "stream-chat-react-native": "^8.13.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.2.1"
   },
@@ -67,5 +80,14 @@
     "knip": "^5.86.0",
     "typescript": "catalog:"
   },
-  "private": true
+  "private": true,
+  "expo": {
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "react-native-nitro-sound"
+        ]
+      }
+    }
+  }
 }

kilo-app/src/app/(app)/(tabs)/(1_kiloclaw)/[instance-id]/index.tsx

@@ -1,23 +1,17 @@
 import { useLocalSearchParams } from 'expo-router';
-import { MessageSquare } from 'lucide-react-native';
 import { View } from 'react-native';
 
-import { EmptyState } from '@/components/empty-state';
-import { ScreenHeader } from '@/components/screen-header';
+import { KiloClawChat } from '@/components/kiloclaw/chat';
+import { useKiloClawStatus } from '@/lib/hooks/use-kiloclaw';
 
 export default function ChatScreen() {
   const { 'instance-id': instanceId } = useLocalSearchParams<{ 'instance-id': string }>();
+  const { data: status } = useKiloClawStatus();
+  const isRunning = status?.status === 'running';
 
   return (
     <View className="flex-1 bg-background">
-      <ScreenHeader title="Chat" />
-      <View className="flex-1 items-center justify-center px-6">
-        <EmptyState
-          icon={MessageSquare}
-          title="Chat coming soon"
-          description={`Instance: ${instanceId}`}
-        />
-      </View>
+      <KiloClawChat instanceId={instanceId} enabled={isRunning} />
     </View>
   );
 }