Proper state/error management for file ingestion (#639)

* Separate Upload components for maintainablity; fixed tabs height

* Implemented loading state for file uploading

* Implemented UploadFiles state management

* Added component state

* Normalized asset locations

* Disabled controls while busy

* Recovered folder uploading

* Merged local files button

* Recovered remote file

* Rebased on progress

* Removed unused create actions

* Fixed loading message

* Return file size from the server

* Added large file size message

* Removed unused dialog

* Removed unused AdjustFile dialog

* Removed unused IndexFiles dialog

* Removed unused file actions

* Validating -> Checking Errors

* Fixed merging

client/client.ts

@@ -57,7 +57,7 @@ export class Client {
     folder?: string
     deduplicate?: boolean
   }) {
-    return await this.request<{ path: string }>('/file/create', props)
+    return await this.request<{ path: string; size: number }>('/file/create', props)
   }
 
   async fileDelete(props: { path: string }) {
@@ -70,7 +70,7 @@ export class Client {
     folder?: string
     deduplicate?: boolean
   }) {
-    return await this.request<{ path: string }>('/file/fetch', props)
+    return await this.request<{ path: string; size: number }>('/file/fetch', props)
   }
 
   async fileIndex(props: { path: string }) {

client/components/Application/Content.tsx

@@ -1,18 +1,18 @@
-import * as React from 'react'
+import * as store from '@client/store'
 import { ClickAwayListener } from '@mui/base'
 import Box from '@mui/material/Box'
+import Button from '@mui/material/Button'
+import Card from '@mui/material/Card'
+import CardContent from '@mui/material/CardContent'
+import Typography from '@mui/material/Typography'
+import { styled } from '@mui/material/styles'
+import * as React from 'react'
 import { ErrorBoundary } from 'react-error-boundary'
+import emptyContentScreenImg from '../../assets/empty_screen.png'
 import File from '../Controllers/File'
 import Table from '../Controllers/Table'
 import Text from '../Controllers/Text'
 import SpinnerCard from '../Parts/Cards/Spinner'
-import * as store from '@client/store'
-import { styled } from '@mui/material/styles'
-import Typography from '@mui/material/Typography'
-import CardContent from '@mui/material/CardContent'
-import Card from '@mui/material/Card'
-import Button from '@mui/material/Button'
-import emptyContentScreenImg from '../../assets/empty_screen.png'
 
 export default function Content() {
   const record = store.useStore((state) => state.record)

client/components/Application/Dialog.tsx

@@ -1,19 +1,16 @@
+import * as store from '@client/store'
 import AddEmptyFolderDialog from './Dialogs/AddEmptyFolder'
-import AdjustFileDialog from './Dialogs/AdjustFile'
 import CloseWithUnsavedChangesDialog from './Dialogs/CloseWithUnsavedChanges'
 import ConfigDialog from './Dialogs/Config'
 import CopyFileDialog from './Dialogs/CopyFile'
 import CopyFolderDialog from './Dialogs/CopyFolder'
-import CreateDialog from './Dialogs/Create'
 import DeleteFilesFoldersDialog from './Dialogs/DeleteFilesFolders'
-import IndexFilesDialog from './Dialogs/IndexFiles'
+import { FileUploadDialog } from './Dialogs/FileUpload'
+import OpenLocationDialog from './Dialogs/OpenLocation'
 import PublishDialog from './Dialogs/Publish'
+import RenameFileDialog from './Dialogs/RenameFile'
 import UnsavedChangesDialog from './Dialogs/UnsavedChanges'
 import WelcomeBannerDialog from './Dialogs/WelcomeBanner'
-import FileUploadDialog from './Dialogs/FileUpload'
-import OpenLocationDialog from './Dialogs/OpenLocation'
-import RenameFileDialog from './Dialogs/RenameFile'
-import * as store from '@client/store'
 
 export default function Dialog() {
   const dialog = store.useStore((state) => state.dialog)
@@ -28,15 +25,12 @@ export default function Dialog() {
 
 const DIALOGS = {
   addEmptyFolder: AddEmptyFolderDialog,
-  adjustFile: AdjustFileDialog,
   closeWithUnsavedChanges: CloseWithUnsavedChangesDialog,
   config: ConfigDialog,
   configProject: ConfigDialog,
   copyFile: CopyFileDialog,
   copyFolder: CopyFolderDialog,
-  create: CreateDialog,
   deleteFilesFolders: DeleteFilesFoldersDialog,
-  indexFiles: IndexFilesDialog,
   publish: PublishDialog,
   unsavedChanges: UnsavedChangesDialog,
   welcomeBanner: WelcomeBannerDialog,