Fix session replay: fetch newest messages from tail, not oldest from start

lib/api.ts

@@ -50,9 +50,9 @@ export const fetchSessions = (limit = 50, offset = 0, source?: string) =>
 export const fetchSession = (id: string) =>
   get<{ session: Session }>(`/api/sessions/${id}`);
 
-export const fetchMessages = (sessionId: string, limit = 200, offset = 0) =>
+export const fetchMessages = (sessionId: string, limit = 200, offset?: number) =>
   get<{ items: Message[]; total: number }>(
-    `/api/sessions/${sessionId}/messages?limit=${limit}&offset=${offset}`
+    `/api/sessions/${sessionId}/messages?limit=${limit}${offset != null ? `&offset=${offset}` : ""}`
   );
 
 export const searchSessions = (q: string, limit = 20) =>

lib/hooks.ts

@@ -19,10 +19,10 @@ export function useSession(id: string) {
   });
 }
 
-export function useMessages(sessionId: string, limit = 200) {
+export function useMessages(sessionId: string, limit = 200, offset?: number) {
   return useQuery({
-    queryKey: ["messages", sessionId, limit],
-    queryFn: () => api.fetchMessages(sessionId, limit),
+    queryKey: ["messages", sessionId, limit, offset],
+    queryFn: () => api.fetchMessages(sessionId, limit, offset),
     enabled: !!sessionId,
   });
 }