lint(gui): sort components into dirs

gui/src/components/OnnxWeb.tsx

@@ -3,12 +3,12 @@ import { Box, Container, Divider, Link, Tab, Typography } from '@mui/material';
 import * as React from 'react';
 
 import { ImageHistory } from './ImageHistory.js';
-import { Img2Img } from './Img2Img.js';
-import { Inpaint } from './Inpaint.js';
-import { ModelControl } from './ModelControl.js';
-import { Settings } from './Settings.js';
-import { Txt2Img } from './Txt2Img.js';
-import { Upscale } from './Upscale.js';
+import { Img2Img } from './tab/Img2Img.js';
+import { Inpaint } from './tab/Inpaint.js';
+import { ModelControl } from './control/ModelControl.js';
+import { Settings } from './tab/Settings.js';
+import { Txt2Img } from './tab/Txt2Img.js';
+import { Upscale } from './tab/Upscale.js';
 
 const { useState } = React;
 

gui/src/components/control/ImageControl.tsx

@@ -5,12 +5,12 @@ import * as React from 'react';
 import { useQuery } from 'react-query';
 import { useStore } from 'zustand';
 
-import { BaseImgParams } from '../client.js';
-import { STALE_TIME } from '../config.js';
-import { ClientContext, ConfigContext, OnnxState, StateContext } from '../state.js';
-import { SCHEDULER_LABELS } from '../strings.js';
-import { NumericField } from './NumericField.js';
-import { QueryList } from './QueryList.js';
+import { BaseImgParams } from '../../client.js';
+import { STALE_TIME } from '../../config.js';
+import { ClientContext, ConfigContext, OnnxState, StateContext } from '../../state.js';
+import { SCHEDULER_LABELS } from '../../strings.js';
+import { NumericField } from '../input/NumericField.js';
+import { QueryList } from '../input/QueryList.js';
 
 const { useContext } = React;
 

gui/src/components/control/ModelControl.tsx

@@ -5,10 +5,10 @@ import { useContext } from 'react';
 import { useQuery } from 'react-query';
 import { useStore } from 'zustand';
 
-import { STALE_TIME } from '../config.js';
-import { ClientContext, StateContext } from '../state.js';
-import { MODEL_LABELS, PLATFORM_LABELS } from '../strings.js';
-import { QueryList } from './QueryList.js';
+import { STALE_TIME } from '../../config.js';
+import { ClientContext, StateContext } from '../../state.js';
+import { MODEL_LABELS, PLATFORM_LABELS } from '../../strings.js';
+import { QueryList } from '../input/QueryList.js';
 
 export function ModelControl() {
   const client = mustExist(useContext(ClientContext));

gui/src/components/control/OutpaintControl.tsx

@@ -5,8 +5,8 @@ import * as React from 'react';
 import { useContext } from 'react';
 import { useStore } from 'zustand';
 
-import { ConfigContext, StateContext } from '../state.js';
-import { NumericField } from './NumericField.js';
+import { ConfigContext, StateContext } from '../../state.js';
+import { NumericField } from '../input/NumericField.js';
 
 export function OutpaintControl() {
   const { params } = mustExist(useContext(ConfigContext));

gui/src/components/control/UpscaleControl.tsx

@@ -5,8 +5,8 @@ import * as React from 'react';
 import { useContext } from 'react';
 import { useStore } from 'zustand';
 
-import { ConfigContext, StateContext } from '../state.js';
-import { NumericField } from './NumericField.js';
+import { ConfigContext, StateContext } from '../../state.js';
+import { NumericField } from '../input/NumericField.js';
 
 export function UpscaleControl() {
   const { params } = mustExist(useContext(ConfigContext));

gui/src/components/input/MaskCanvas.tsx

@@ -5,8 +5,8 @@ import { throttle } from 'lodash';
 import React, { RefObject, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useStore } from 'zustand';
 
-import { SAVE_TIME } from '../config.js';
-import { ConfigContext, StateContext } from '../state.js';
+import { SAVE_TIME } from '../../config.js';
+import { ConfigContext, StateContext } from '../../state.js';
 import { NumericField } from './NumericField';
 
 export const FULL_CIRCLE = 2 * Math.PI;

gui/src/components/tab/Img2Img.tsx

@@ -4,12 +4,12 @@ import * as React from 'react';
 import { useMutation, useQueryClient } from 'react-query';
 import { useStore } from 'zustand';
 
-import { IMAGE_FILTER } from '../config.js';
-import { ClientContext, ConfigContext, StateContext } from '../state.js';
-import { ImageControl } from './ImageControl.js';
-import { ImageInput } from './ImageInput.js';
-import { NumericField } from './NumericField.js';
-import { UpscaleControl } from './UpscaleControl.js';
+import { IMAGE_FILTER } from '../../config.js';
+import { ClientContext, ConfigContext, StateContext } from '../../state.js';
+import { ImageControl } from '../control/ImageControl.js';
+import { ImageInput } from '../input/ImageInput.js';
+import { NumericField } from '../input/NumericField.js';
+import { UpscaleControl } from '../control/UpscaleControl.js';
 
 const { useContext } = React;
 

gui/src/components/tab/Inpaint.tsx

@@ -4,16 +4,16 @@ import * as React from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useStore } from 'zustand';
 
-import { IMAGE_FILTER, STALE_TIME } from '../config.js';
-import { ClientContext, ConfigContext, StateContext } from '../state.js';
-import { MASK_LABELS, NOISE_LABELS } from '../strings.js';
-import { ImageControl } from './ImageControl.js';
-import { ImageInput } from './ImageInput.js';
-import { MaskCanvas } from './MaskCanvas.js';
-import { NumericField } from './NumericField.js';
-import { OutpaintControl } from './OutpaintControl.js';
-import { QueryList } from './QueryList.js';
-import { UpscaleControl } from './UpscaleControl.js';
+import { IMAGE_FILTER, STALE_TIME } from '../../config.js';
+import { ClientContext, ConfigContext, StateContext } from '../../state.js';
+import { MASK_LABELS, NOISE_LABELS } from '../../strings.js';
+import { ImageControl } from '../control/ImageControl.js';
+import { ImageInput } from '../input/ImageInput.js';
+import { MaskCanvas } from '../input/MaskCanvas.js';
+import { NumericField } from '../input/NumericField.js';
+import { OutpaintControl } from '../control/OutpaintControl.js';
+import { QueryList } from '../input/QueryList.js';
+import { UpscaleControl } from '../control/UpscaleControl.js';
 
 const { useContext } = React;
 

gui/src/components/tab/Settings.tsx

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { useContext, useState } from 'react';
 import { useStore } from 'zustand';
 
-import { getApiRoot } from '../config.js';
-import { ConfigContext, StateContext } from '../state.js';
-import { NumericField } from './NumericField.js';
+import { getApiRoot } from '../../config.js';
+import { ConfigContext, StateContext } from '../../state.js';
+import { NumericField } from '../input/NumericField.js';
 
 export function Settings() {
   const config = mustExist(useContext(ConfigContext));

gui/src/components/tab/Txt2Img.tsx

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { useMutation, useQueryClient } from 'react-query';
 import { useStore } from 'zustand';
 
-import { ClientContext, ConfigContext, StateContext } from '../state.js';
-import { ImageControl } from './ImageControl.js';
-import { NumericField } from './NumericField.js';
-import { UpscaleControl } from './UpscaleControl.js';
+import { ClientContext, ConfigContext, StateContext } from '../../state.js';
+import { ImageControl } from '../control/ImageControl.js';
+import { NumericField } from '../input/NumericField.js';
+import { UpscaleControl } from '../control/UpscaleControl.js';
 
 const { useContext } = React;
 

gui/src/components/tab/Upscale.tsx

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { useMutation, useQueryClient } from 'react-query';
 import { useStore } from 'zustand';
 
-import { IMAGE_FILTER } from '../config.js';
-import { ClientContext, ConfigContext, StateContext } from '../state.js';
-import { ImageInput } from './ImageInput.js';
-import { UpscaleControl } from './UpscaleControl.js';
+import { IMAGE_FILTER } from '../../config.js';
+import { ClientContext, ConfigContext, StateContext } from '../../state.js';
+import { ImageInput } from '../input/ImageInput.js';
+import { UpscaleControl } from '../control/UpscaleControl.js';
 
 const { useContext } = React;