feat(kilo-chat): rip out stream chat

.agents/skills/kilo-design/reference/ux-writing.md

@@ -89,8 +89,8 @@ expectations: `Provisioning machine. This usually takes 30–60 seconds.`
 Confirm only for truly irreversible or high-stakes actions. Name the
 action in both buttons:
 
-- `Delete workspace permanently?`  
-  Primary: `Delete workspace` (destructive variant).  
+- `Delete workspace permanently?`
+  Primary: `Delete workspace` (destructive variant).
   Secondary: `Keep workspace`.
 
 ### Accessibility copy

.github/workflows/deploy-kiloclaw.yml

@@ -50,6 +50,7 @@ jobs:
       #   - container/         (COPY container/TOOLS.md → /usr/local/share/kiloclaw/)
       #   - plugins/kiloclaw-customizer/ (COPY plugin package for image install)
       #   - plugins/kilo-chat/         (COPY plugin package for image install)
+      #   - plugins/kiloclaw-morning-briefing/ (COPY plugin package for image install)
       #   - openclaw-pairing-list.js, openclaw-device-pairing-list.js (COPY)
       #   - skills/            (COPY skills/ → /root/clawd/skills/)
       #
@@ -70,16 +71,7 @@ jobs:
             fi
           done
 
-          CONTENT_HASH=$(
-            find Dockerfile controller/ container/ plugins/kiloclaw-customizer/ plugins/kilo-chat/ plugins/kiloclaw-morning-briefing/ skills/ \
-              openclaw-pairing-list.js openclaw-device-pairing-list.js \
-              -type f \
-              | sort \
-              | xargs sha256sum \
-              | sha256sum \
-              | cut -d' ' -f1 \
-              | cut -c1-12
-          )
+          CONTENT_HASH="$(scripts/image-content-hash.sh --hash --dockerfile Dockerfile)"
 
           if [ -z "$CONTENT_HASH" ] || [ ${#CONTENT_HASH} -ne 12 ]; then
             echo "::error::Failed to compute valid content hash"
@@ -412,6 +404,7 @@ jobs:
               echo "FLY_IMAGE_DIGEST=${DIGEST}"
             fi
             echo "OPENCLAW_VERSION=${OPENCLAW}"
+            echo "FLY_IMAGE_CONTENT_MODE=production"
             echo "FLY_IMAGE_CONTENT_HASH=${CONTENT}"
             echo '```'
             echo ""

apps/mobile/.env

@@ -5,3 +5,6 @@ CLOUD_AGENT_WS_URL=wss://cloud-agent-next.kilosessions.ai
 SESSION_INGEST_WS_URL=wss://ingest.kilosessions.ai
 APPSFLYER_DEV_KEY=jnoVs6KzXanpbKrqXckPu9
 APPSFLYER_APP_ID=6761193135
+KILO_CHAT_URL=https://chat.kiloapps.io
+EVENT_SERVICE_URL=wss://events.kiloapps.io
+NOTIFICATIONS_URL=https://notifications.kiloapps.io

apps/mobile/.env.local.example

@@ -0,0 +1,15 @@
+# Client-side env vars are bundled into the app binary and are not secret.
+#
+# localhost works for local tooling and most simulator flows. When running on a
+# physical phone, replace localhost with your development machine's LAN IP.
+# On macOS, get the active LAN IP with:
+# route -n get default | awk '/interface:/{print $2}' | xargs ipconfig getifaddr
+API_BASE_URL=http://localhost:3000
+WEB_BASE_URL=http://localhost:3000
+CLOUD_AGENT_WS_URL=ws://localhost:8794
+SESSION_INGEST_WS_URL=ws://localhost:8800
+APPSFLYER_DEV_KEY=jnoVs6KzXanpbKrqXckPu9
+APPSFLYER_APP_ID=6761193135
+KILO_CHAT_URL=http://localhost:8808
+EVENT_SERVICE_URL=ws://localhost:8809
+NOTIFICATIONS_URL=http://localhost:8804

apps/mobile/package.json

@@ -23,11 +23,16 @@
   "dependencies": {
     "@expo-google-fonts/jetbrains-mono": "^0.4.1",
     "@expo/react-native-action-sheet": "^4.1.1",
+    "@kilocode/event-service": "workspace:*",
+    "@kilocode/kilo-chat": "workspace:*",
+    "@kilocode/kilo-chat-hooks": "workspace:*",
+    "@kilocode/notifications": "workspace:*",
     "@kilocode/trpc": "workspace:*",
     "@react-native-community/netinfo": "11.5.2",
     "@rn-primitives/portal": "^1.3.0",
     "@rn-primitives/slot": "^1.2.0",
     "@sentry/react-native": "~7.11.0",
+    "@shopify/flash-list": "2.0.2",
     "@tailwindcss/postcss": "^4.2.2",
     "@tanstack/react-query": "catalog:",
     "@trpc/client": "catalog:",
@@ -49,7 +54,6 @@
     "expo-font": "~55.0.6",
     "expo-haptics": "~55.0.13",
     "expo-image": "~55.0.8",
-    "expo-image-manipulator": "~55.0.14",
     "expo-image-picker": "~55.0.17",
     "expo-insights": "55.0.15",
     "expo-linking": "~55.0.11",
@@ -78,11 +82,9 @@
     "react-native-svg": "15.15.3",
     "react-native-worklets": "0.7.2",
     "sonner-native": "^0.23.1",
-    "stream-chat": "catalog:",
-    "stream-chat-expo": "^8.13.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.2.2",
-    "zod": "catalog:"
+    "ulid": "3.0.1"
   },
   "devDependencies": {
     "@sentry/cli": "catalog:",
@@ -93,5 +95,10 @@
     "typescript": "catalog:",
     "vitest": "^4.1.0"
   },
+  "dependenciesMeta": {
+    "@kilocode/kilo-chat-hooks": {
+      "injected": true
+    }
+  },
   "private": true
 }

apps/mobile/src/app/(app)/(tabs)/(1_kiloclaw)/_layout.tsx

@@ -5,5 +5,27 @@ export const unstable_settings = {
 };
 
 export default function KiloClawLayout() {
-  return <Stack screenOptions={{ headerShown: false }} />;
+  return (
+    <Stack screenOptions={{ headerShown: false }}>
+      <Stack.Screen name="index" />
+      <Stack.Screen
+        name="rename-conversation"
+        options={{
+          presentation: 'formSheet',
+          sheetAllowedDetents: [0.5],
+          sheetGrabberVisible: true,
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name="chat/instance-picker"
+        options={{
+          presentation: 'formSheet',
+          sheetAllowedDetents: [0.5, 1],
+          sheetGrabberVisible: true,
+          headerShown: false,
+        }}
+      />
+    </Stack>
+  );
 }

apps/mobile/src/app/(app)/(tabs)/(1_kiloclaw)/chat/[sandbox-id]/[conversation-id].tsx

@@ -0,0 +1,63 @@
+import { useLocalSearchParams, useRouter } from 'expo-router';
+import { useEffect } from 'react';
+import { toast } from 'sonner-native';
+
+import { ChatSandboxRouteMounts } from '@/components/kilo-chat/chat-sandbox-route-mounts';
+import { ConversationScreen } from '@/components/kilo-chat/conversation-screen';
+import {
+  getConversationRouteDecision,
+  getConversationRouteErrorMessage,
+  shouldRenderConversationScreen,
+} from '@/components/kilo-chat/conversation-route-state';
+import { useConversationDetail } from '@/components/kilo-chat/hooks/use-conversations';
+import { useKiloChatClient } from '@/components/kilo-chat/hooks/use-kilo-chat-client';
+import { chatSandboxPath } from '@/lib/kilo-chat-routes';
+
+export default function ChatConversationRoute() {
+  const params = useLocalSearchParams<{ 'sandbox-id': string; 'conversation-id': string }>();
+  const sandboxId = params['sandbox-id'];
+  const conversationId = params['conversation-id'];
+  const router = useRouter();
+  const client = useKiloChatClient();
+  const conversationDetail = useConversationDetail(client, conversationId);
+  const redirectPath = chatSandboxPath(sandboxId);
+  const routeDecision = getConversationRouteDecision({
+    detail: conversationDetail,
+    routeSandboxId: sandboxId,
+  });
+
+  useEffect(() => {
+    if (conversationDetail.isError) {
+      toast.error(getConversationRouteErrorMessage(conversationDetail.error));
+      router.replace(redirectPath);
+      return;
+    }
+    if (routeDecision === 'not-found') {
+      toast.error('Conversation not found');
+      router.replace(redirectPath);
+    }
+  }, [conversationDetail.error, conversationDetail.isError, redirectPath, routeDecision, router]);
+
+  if (
+    !shouldRenderConversationScreen({
+      detail: conversationDetail,
+      routeSandboxId: sandboxId,
+    }) ||
+    !conversationDetail.data
+  ) {
+    return null;
+  }
+
+  return (
+    <>
+      <ChatSandboxRouteMounts />
+      <ConversationScreen
+        sandboxId={sandboxId}
+        conversationId={conversationId}
+        conversationTitle={conversationDetail.data.title ?? 'Untitled'}
+        conversationRenameTitle={conversationDetail.data.title ?? ''}
+        conversationMembers={conversationDetail.data.members}
+      />
+    </>
+  );
+}

apps/mobile/src/app/(app)/(tabs)/(1_kiloclaw)/chat/[sandbox-id]/index.tsx

@@ -0,0 +1,19 @@
+import { useLocalSearchParams } from 'expo-router';
+
+import { ChatSandboxRouteMounts } from '@/components/kilo-chat/chat-sandbox-route-mounts';
+import { ConversationListScreen } from '@/components/kilo-chat/conversation-list-screen';
+import { useAllKiloClawInstances } from '@/lib/hooks/use-instance-context';
+
+export default function ChatSandboxIndex() {
+  const { 'sandbox-id': sandboxId } = useLocalSearchParams<{ 'sandbox-id': string }>();
+  const { data: instances } = useAllKiloClawInstances();
+  const instance = instances?.find(i => i.sandboxId === sandboxId);
+  const sandboxLabel =
+    instance?.botName ?? instance?.name ?? instance?.organizationName ?? 'KiloClaw';
+  return (
+    <>
+      <ChatSandboxRouteMounts />
+      <ConversationListScreen sandboxId={sandboxId} sandboxLabel={sandboxLabel} />
+    </>
+  );
+}

apps/mobile/src/app/(app)/(tabs)/(1_kiloclaw)/chat/instance-picker.tsx

@@ -0,0 +1,99 @@
+import * as Haptics from 'expo-haptics';
+import { useLocalSearchParams, useRouter } from 'expo-router';
+import { Check } from 'lucide-react-native';
+import { Pressable, ScrollView, View } from 'react-native';
+
+import { StatusBadge } from '@/components/kiloclaw/status-badge';
+import { QueryError } from '@/components/query-error';
+import { Skeleton } from '@/components/ui/skeleton';
+import { Text } from '@/components/ui/text';
+import { useAllKiloClawInstances } from '@/lib/hooks/use-instance-context';
+import { useThemeColors } from '@/lib/hooks/use-theme-colors';
+import { kiloclawInstanceSwitcherTitle } from '@/lib/kiloclaw-display';
+import { chatSandboxPath } from '@/lib/kilo-chat-routes';
+
+export default function InstancePickerScreen() {
+  const router = useRouter();
+  const colors = useThemeColors();
+  const { currentId } = useLocalSearchParams<{ currentId: string }>();
+  const instancesQuery = useAllKiloClawInstances();
+  const { data: instances } = instancesQuery;
+
+  const handleSelect = (sandboxId: string) => {
+    void Haptics.selectionAsync();
+    if (sandboxId === currentId) {
+      router.back();
+      return;
+    }
+    router.dismissAll();
+    router.push(chatSandboxPath(sandboxId));
+  };
+
+  return (
+    <ScrollView className="flex-1 bg-background">
+      <View className="border-b border-border px-4 pb-3 pt-4">
+        <View className="h-11 flex-row items-center justify-center">
+          <Text className="text-lg font-semibold text-foreground">Switch Instance</Text>
+          <Pressable
+            onPress={() => {
+              router.back();
+            }}
+            hitSlop={8}
+            accessibilityRole="button"
+            accessibilityLabel="Done"
+            className="absolute right-0 rounded-full bg-secondary px-4 py-2 active:opacity-70 will-change-pressable"
+          >
+            <Text className="text-base font-medium text-foreground">Done</Text>
+          </Pressable>
+        </View>
+      </View>
+
+      {instancesQuery.isPending ? (
+        <View className="gap-3 px-4 py-4">
+          <Skeleton className="h-16 rounded-xl" />
+          <Skeleton className="h-16 rounded-xl" />
+          <Skeleton className="h-16 rounded-xl" />
+        </View>
+      ) : null}
+      {instancesQuery.isError ? (
+        <QueryError
+          className="py-12"
+          message="Could not load instances"
+          onRetry={() => {
+            void instancesQuery.refetch();
+          }}
+        />
+      ) : null}
+      {!instancesQuery.isPending && !instancesQuery.isError
+        ? (instances ?? []).map(instance => {
+            const isCurrent = instance.sandboxId === currentId;
+            const title = kiloclawInstanceSwitcherTitle(instance);
+            return (
+              <Pressable
+                key={instance.sandboxId}
+                className="mx-4 mt-3 min-h-16 flex-row items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 active:bg-secondary will-change-pressable"
+                onPress={() => {
+                  handleSelect(instance.sandboxId);
+                }}
+                accessibilityRole="button"
+                accessibilityLabel={`${title}${isCurrent ? ', current' : ''}`}
+              >
+                <View className="min-w-0 flex-1 gap-1">
+                  <Text className="text-base font-semibold text-foreground" numberOfLines={1}>
+                    {title}
+                  </Text>
+                  <View className="flex-row flex-wrap items-center gap-x-3 gap-y-1">
+                    <Text variant="muted" numberOfLines={1}>
+                      {instance.organizationName ?? 'Personal'}
+                    </Text>
+                    <StatusBadge status={instance.status} />
+                  </View>
+                </View>
+                {isCurrent ? <Check size={18} color={colors.primary} /> : null}
+              </Pressable>
+            );
+          })
+        : null}
+    </ScrollView>
+  );
+}