feat: autoplay inbound clips

js/src/hooks/use-download-url.ts

@@ -1,9 +1,10 @@
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "@/api/client";
 
-export function useDownloadUrl(objectId: string) {
+export function useDownloadUrl(objectId?: string) {
   return useQuery({
     queryKey: ["download-url", objectId],
-    queryFn: () => apiClient.getParticleDownloadUrl(objectId),
+    queryFn: () => apiClient.getParticleDownloadUrl(objectId!),
+    enabled: !!objectId,
   });
 }

js/src/hooks/use-particle.ts

@@ -106,14 +106,12 @@ export function useLiveLatestChild(path: ParticlePath): UseLiveLatestChildResult
   const [latestChild, setLatestChild] = useState<Particle | null>(null);
   const [isLoading, setIsLoading] = useState(true);
 
-  const collectionPath = useMemo(() => toFirestoreChildrenPath(path), [path]);
-
   useEffect(() => {
     setIsLoading(true);
     setLatestChild(null);
 
     const unsubscribe = subscribeToLatestChild(
-      collectionPath,
+      toFirestoreChildrenPath(path),
       (data) => {
         setLatestChild(data);
         setIsLoading(false);
@@ -124,7 +122,7 @@ export function useLiveLatestChild(path: ParticlePath): UseLiveLatestChildResult
     );
 
     return unsubscribe;
-  }, [collectionPath]);
+  }, [path]);
 
   return { latestChild, isLoading };
 }