fixes and improvements

frontend/src/hooks/useMedia.ts

@@ -7,10 +7,10 @@ import {
 	forceStopMediaIndexBuild,
 } from "../api/client";
 
-export function useMediaStatus() {
+export function useMediaStatus(machineId?: string) {
 	return useQuery({
-		queryKey: ["media", "status"],
-		queryFn: fetchMediaStatus,
+		queryKey: ["media", "status", machineId ?? "default"],
+		queryFn: () => fetchMediaStatus(machineId),
 		staleTime: 5_000,
 		refetchInterval: (query) =>
 			query.state.data?.build_running ? 1000 : false,
@@ -27,11 +27,11 @@ export function useMediaQuery(params: {
 	sort_order?: string;
 	limit?: number;
 	offset?: number;
+	machineId?: string;
 	enabled?: boolean;
 }) {
 	const { enabled = true, ...queryParams } = params;
 
-	// Feature: Sync file browser with selected media path
 	return useQuery({
 		queryKey: ["media", "query", queryParams],
 		queryFn: () => queryMedia(queryParams),
@@ -44,30 +44,30 @@ function invalidateMedia(queryClient: ReturnType<typeof useQueryClient>) {
 	queryClient.invalidateQueries({ queryKey: ["media"] });
 }
 
-export function useBuildIndex() {
+export function useBuildIndex(machineId?: string) {
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: buildMediaIndex,
+		mutationFn: () => buildMediaIndex(machineId),
 		onSuccess: () => {
 			invalidateMedia(queryClient);
 		},
 	});
 }
 
-export function useStopBuildIndex() {
+export function useStopBuildIndex(machineId?: string) {
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: stopMediaIndexBuild,
+		mutationFn: () => stopMediaIndexBuild(machineId),
 		onSuccess: () => {
 			invalidateMedia(queryClient);
 		},
 	});
 }
 
-export function useForceStopBuildIndex() {
+export function useForceStopBuildIndex(machineId?: string) {
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: forceStopMediaIndexBuild,
+		mutationFn: () => forceStopMediaIndexBuild(machineId),
 		onSuccess: () => {
 			invalidateMedia(queryClient);
 		},