feat: PR 6 — Stream rip + final validation

apps/mobile/package.json

@@ -54,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",
@@ -83,11 +82,8 @@
     "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:"
+    "tailwindcss": "^4.2.2"
   },
   "devDependencies": {
     "@sentry/cli": "catalog:",

apps/mobile/src/components/home/kiloclaw-card.tsx

@@ -6,9 +6,7 @@ import { isTransitionalStatus, statusLabel, statusTone } from '@/components/kilo
 import { StatusDot } from '@/components/ui/status-dot';
 import { Text } from '@/components/ui/text';
 import { agentColor } from '@/lib/agent-color';
-import { useKiloClawLatestMessage } from '@/lib/hooks/use-kiloclaw-latest-message';
 import { useKiloClawStatus, useKiloClawStatusQueryKey } from '@/lib/hooks/use-kiloclaw-queries';
-import { parseTimestamp } from '@/lib/utils';
 
 type KiloClawCardProps = {
   instance: {
@@ -27,25 +25,6 @@ function formatUnreadCount(count: number): string {
   return count > 99 ? '99+' : String(count);
 }
 
-function formatMessagePreview(
-  message: { text: string; isFromMe: boolean },
-  botEmoji: string | null
-): string {
-  const text = message.text.length > 0 ? message.text : 'New message';
-  if (message.isFromMe) {
-    return `You: ${text}`;
-  }
-  return botEmoji ? `${botEmoji} ${text}` : text;
-}
-
-function formatClockTime(date: Date): string {
-  const hours = date.getHours();
-  const minutes = String(date.getMinutes()).padStart(2, '0');
-  const period = hours >= 12 ? 'PM' : 'AM';
-  const displayHours = hours % 12 === 0 ? 12 : hours % 12;
-  return `${String(displayHours)}:${minutes} ${period}`;
-}
-
 function firstLetter(name: string): string {
   const trimmed = name.trim();
   return trimmed.length > 0 ? (trimmed[0]?.toUpperCase() ?? 'K') : 'K';
@@ -69,7 +48,6 @@ export function KiloClawCard({ instance, unreadCount = 0 }: Readonly<KiloClawCar
     true,
     fastPoll ? 5000 : 10_000
   );
-  const { data: latest } = useKiloClawLatestMessage(instance.organizationId);
 
   const botEmoji = status?.botEmoji ?? null;
   const displayName = status?.botName ?? instance.name ?? 'KiloClaw';
@@ -79,7 +57,6 @@ export function KiloClawCard({ instance, unreadCount = 0 }: Readonly<KiloClawCar
   const tapDisabled = isTransitionalStatus(rawStatus);
 
   const hue = agentColor(displayName);
-  const lastMessageTime = latest ? formatClockTime(parseTimestamp(latest.created_at)) : null;
 
   const hasUnread = unreadCount > 0;
   const accessibilityLabel = hasUnread
@@ -118,11 +95,6 @@ export function KiloClawCard({ instance, unreadCount = 0 }: Readonly<KiloClawCar
             >
               {displayName}
             </Text>
-            {lastMessageTime ? (
-              <Text variant="eyebrow" className="shrink-0">
-                {lastMessageTime}
-              </Text>
-            ) : null}
           </View>
           <View className="mt-1 flex-row items-center gap-1.5">
             <StatusDot tone={tone} glow />
@@ -137,14 +109,6 @@ export function KiloClawCard({ instance, unreadCount = 0 }: Readonly<KiloClawCar
           </View>
         ) : null}
       </View>
-
-      {latest ? (
-        <View className="mt-3 rounded-lg bg-muted p-3">
-          <Text className="text-[13px] text-ink2" numberOfLines={2}>
-            {formatMessagePreview(latest, botEmoji)}
-          </Text>
-        </View>
-      ) : null}
     </Pressable>
   );
 }

apps/mobile/src/components/kilo-chat/hooks/use-conversations.ts

@@ -2,10 +2,4 @@ export {
   useConversations,
   useConversationDetail,
   useCreateConversation,
-  useRenameConversation,
-  useLeaveConversation,
-  useMarkConversationRead,
-  updateConversationPages,
-  filterConversationPages,
 } from '@kilocode/kilo-chat-hooks';
-export type { ConversationListInfiniteData } from '@kilocode/kilo-chat-hooks';

apps/mobile/src/components/kilo-chat/hooks/use-messages.ts

@@ -1,11 +1 @@
-export {
-  useMessages,
-  useSendMessage,
-  useEditMessage,
-  useDeleteMessage,
-  useAddReaction,
-  useRemoveReaction,
-  useExecuteAction,
-  useMessageCacheUpdater,
-} from '@kilocode/kilo-chat-hooks';
-export type { SendMessageVariables } from '@kilocode/kilo-chat-hooks';
+export { useMessages, useSendMessage } from '@kilocode/kilo-chat-hooks';

apps/mobile/src/components/kilo-chat/kilo-chat-provider.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { EventServiceClient } from '@kilocode/event-service';
 import { KiloChatClient } from '@kilocode/kilo-chat';
@@ -8,29 +8,14 @@ import { EVENT_SERVICE_URL, KILO_CHAT_URL } from '@/lib/config';
 
 import { useKiloChatTokenGetter } from './hooks/use-kilo-chat-token';
 
-type KiloChatContextValue = {
-  eventService: EventServiceClient;
-  kiloChatClient: KiloChatClient;
-};
-
-export const KiloChatContext = createContext<KiloChatContextValue | null>(null);
-
-export function useKiloChatContext(): KiloChatContextValue {
-  const ctx = useContext(KiloChatContext);
-  if (!ctx) {
-    throw new Error('useKiloChatContext must be used within a KiloChatProvider');
-  }
-  return ctx;
-}
-
 type KiloChatProviderProps = {
   children: React.ReactNode;
 };
 
 export function KiloChatProvider({ children }: KiloChatProviderProps) {
   const getToken = useKiloChatTokenGetter();
 
-  const [value] = useState<KiloChatContextValue>(() => {
+  const [value] = useState(() => {
     const eventService = new EventServiceClient({
       url: EVENT_SERVICE_URL,
       getToken,
@@ -51,12 +36,10 @@ export function KiloChatProvider({ children }: KiloChatProviderProps) {
   }, [value]);
 
   return (
-    <KiloChatContext.Provider value={value}>
-      <KiloChatHooksProvider
-        value={{ kiloChatClient: value.kiloChatClient, eventService: value.eventService }}
-      >
-        {children}
-      </KiloChatHooksProvider>
-    </KiloChatContext.Provider>
+    <KiloChatHooksProvider
+      value={{ kiloChatClient: value.kiloChatClient, eventService: value.eventService }}
+    >
+      {children}
+    </KiloChatHooksProvider>
   );
 }