Cleanup the house (#4591)

Author: jpggvilaca

ui/src/features/data-collection/gallery/annotation-state-icon.component.tsx

@@ -3,7 +3,7 @@
 
 import { CanceledIcon, CheckCircleOutlined } from '@geti/ui/icons';
 
-import { AnnotationState } from '../../../routes/data-collection/provider';
+import { AnnotationState } from '../../../routes/dataset/provider';
 
 import classes from './annotation-state-icon.module.scss';
 

ui/src/features/data-collection/gallery/gallery.component.tsx

@@ -3,7 +3,7 @@
 
 import { AriaComponentsListBox, GridLayout, ListBoxItem, Size, View, Virtualizer } from '@geti/ui';
 
-import { useSelectedData } from '../../../routes/data-collection/provider';
+import { useSelectedData } from '../../../routes/dataset/provider';
 import { CheckboxInput } from '../checkbox-input';
 import { response } from '../mock-response';
 import { AnnotationStateIcon } from './annotation-state-icon.component';

ui/src/features/data-collection/toolbar/toolbar.component.tsx

@@ -3,7 +3,7 @@
 
 import { Button, Divider, Flex, Heading, Text } from '@geti/ui';
 
-import { useSelectedData } from '../../../routes/data-collection/provider';
+import { useSelectedData } from '../../../routes/dataset/provider';
 import { CheckboxInput } from '../checkbox-input';
 import { response } from '../mock-response';
 import { toggleMultipleSelection, updateSelectedKeysTo } from './util';

ui/src/features/data-collection/toolbar/util.test.ts

@@ -3,7 +3,7 @@
 
 import { describe, expect, it } from 'vitest';
 
-import { MediaState } from '../../../routes/data-collection/provider';
+import { MediaState } from '../../../routes/dataset/provider';
 import { toggleMultipleSelection, updateSelectedKeysTo } from './util';
 
 describe('toggleMultipleSelection', () => {

ui/src/features/data-collection/toolbar/util.ts

@@ -3,7 +3,7 @@
 
 import { Key, Selection } from '@geti/ui';
 
-import { AnnotationState, MediaState } from '../../../routes/data-collection/provider';
+import { AnnotationState, MediaState } from '../../../routes/dataset/provider';
 
 export const toggleMultipleSelection =
     (items: Key[]) =>

ui/src/routes/live-feed/aside.tsx renamed to ui/src/features/inference/aside.tsx

@@ -7,7 +7,7 @@ import { Content, Dialog, DialogTrigger } from '@adobe/react-spectrum';
 import { ActionButton, Button, Divider, Flex, Item, Picker } from '@geti/ui';
 
 import { $api } from '../../api/client';
-import { useWebRTCConnection } from '../../components/stream/web-rtc-connection-provider';
+import { useWebRTCConnection } from './stream/web-rtc-connection-provider';
 
 const DebugTooltip = () => {
     const modelsQuery = $api.useSuspenseQuery('get', '/api/models');

ui/src/routes/live-feed/debug-trigger.tsx renamed to ui/src/features/inference/debug-trigger.tsx

@@ -1,17 +1,12 @@
-// Copyright (C) 2025 Intel Corporation
-// SPDX-License-Identifier: Apache-2.0
-
 import { useEffect, useState } from 'react';
 
-import { Button, Flex, Grid, Loading, toast, View } from '@geti/ui';
+import { Button, Flex, Loading, toast, View } from '@geti/ui';
 import { Play } from '@geti/ui/icons';
 
-import { useWebRTCConnection } from '../../components/stream/web-rtc-connection-provider';
-import { Stream } from './../../components/stream/stream';
-import { Aside } from './aside';
-import { Toolbar } from './toolbar';
+import { Stream } from './stream/stream';
+import { useWebRTCConnection } from './stream/web-rtc-connection-provider';
 
-import classes from './live-feed.module.css';
+import classes from './inference.module.css';
 
 export const StreamContainer = () => {
     const [size, setSize] = useState({ height: 608, width: 892 });
@@ -55,22 +50,3 @@ export const StreamContainer = () => {
         </View>
     );
 };
-
-export const LiveFeed = () => {
-    return (
-        <Grid
-            areas={['toolbar aside', 'canvas aside']}
-            UNSAFE_style={{
-                gridTemplateRows: 'var(--spectrum-global-dimension-size-800, 4rem) auto',
-                gridTemplateColumns: 'auto min-content',
-                height: '100%',
-                overflow: 'hidden',
-                gap: '1px',
-            }}
-        >
-            <Toolbar />
-            <StreamContainer />
-            <Aside />
-        </Grid>
-    );
-};

ui/src/routes/live-feed/live-feed.module.css renamed to ui/src/features/inference/inference.module.css

@@ -3,8 +3,8 @@
 
 import { Dispatch, RefObject, SetStateAction, useCallback, useEffect, useRef } from 'react';
 
-import { useWebRTCConnection } from '../../components/stream/web-rtc-connection-provider';
-import { ZoomTransform } from '../zoom/zoom-transform';
+import { ZoomTransform } from '../../../components/zoom/zoom-transform';
+import { useWebRTCConnection } from './web-rtc-connection-provider';
 
 const useSetTargetSizeBasedOnVideo = (
     setSize: Dispatch<SetStateAction<{ width: number; height: number }>>,