feat: renterd multipart upload manager

.changeset/empty-garlics-look.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+File uploads now use multipart uploads.

.changeset/pretty-roses-develop.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+File uploads now have a max concurrency and get queued.

apps/renterd/components/TransfersBar.tsx

@@ -15,6 +15,7 @@ import {
 import { useState } from 'react'
 import { useFilesManager } from '../contexts/filesManager'
 import { useAppSettings } from '@siafoundation/react-core'
+import { upperFirst } from '@technically/lodash'
 
 function getProgress(transfer: { loaded?: number; size?: number }) {
   return transfer.loaded !== undefined ? transfer.loaded / transfer.size : 1
@@ -56,7 +57,7 @@ export function TransfersBar() {
                   const progress = getProgress(upload)
                   return (
                     <div
-                      key={upload.path}
+                      key={upload.id}
                       className="flex flex-col gap-1 border-t first:border-t-0 border-gray-200 dark:border-graydark-300 px-3 py-2"
                     >
                       <div className="flex gap-1">
@@ -80,7 +81,7 @@ export function TransfersBar() {
                       />
                       <div className="flex justify-between mt-1">
                         <Text size="12" color="subtle">
-                          {progress === 1 ? 'Processing' : 'Uploading'}
+                          {upperFirst(upload.uploadStatus)}
                         </Text>
                         <Text size="12" color="subtle">
                           {(progress * 100).toFixed(0)}%

apps/renterd/contexts/filesManager/types.ts

@@ -1,6 +1,7 @@
 import { Bucket } from '@siafoundation/react-renterd'
 import { FullPath } from '../../lib/paths'
 import { TableColumn } from '@siafoundation/design-system'
+import { MultipartUpload } from '../../lib/multipartUpload'
 
 export type ObjectType = 'bucket' | 'directory' | 'file'
 
@@ -78,3 +79,18 @@ export const sortOptions: { id: SortField; label: string; category: string }[] =
   ]
 
 export type ExplorerMode = 'directory' | 'flat'
+
+export type UploadStatus = 'queued' | 'uploading' | 'processing'
+
+export type ObjectUploadData = ObjectData & {
+  upload: MultipartUpload
+  uploadStatus: UploadStatus
+  uploadAbort?: () => void
+  uploadFile?: File
+}
+
+export type ObjectUploadRemoteData = ObjectData & {
+  remote: true
+}
+
+export type UploadsMap = Record<string, ObjectUploadData>