From d7107889026cf3c82409916a5f4fb14f7e5d6c5f Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Fri, 20 Sep 2024 12:12:17 -0400
Subject: [PATCH] refactor(renterd): typescript strict mode

---
 .vscode/settings.json                         |   3 +-
 apps/hostd/contexts/config/fields.tsx         |   2 +-
 apps/hostd/dialogs/VolumeCreateDialog.tsx     |   7 +-
 .../components/Alerts/AlertsFilterMenu.tsx    |   7 +-
 apps/renterd/components/Alerts/index.tsx      |   2 -
 apps/renterd/components/CmdRoot/Item.tsx      |   8 +-
 .../Contracts/ContractContextMenu.tsx         |  48 +-
 .../ContractFilterCmdGroups/Address.tsx       |   2 +-
 .../ContractFilterCmdGroups/ContractSet.tsx   |   2 +-
 .../ContractFilterCmdGroups/PublicKey.tsx     |   2 +-
 .../ContractFilterCmdGroups/index.tsx         |   4 +-
 .../ContractsFilterContractSetDialog.tsx      |   5 +-
 .../Contracts/ContractsFilterMenu/index.tsx   |   6 +-
 .../FilesHealthColumnContents.tsx             |   4 +-
 .../Files/FilesCmd/FilesSearchCmd/index.tsx   |   4 +-
 .../components/Files/FilesCmd/index.tsx       |   4 +-
 .../EmptyState/StateNoneYetBuckets.tsx        |  27 +
 ...StateNoneYet.tsx => StateNoneYetFiles.tsx} |   2 +-
 .../FilesDirectory/EmptyState/index.tsx       |  10 +-
 .../components/Hosts/HostContextMenu.tsx      |  19 +-
 .../components/Hosts/HostMap/Globe.tsx        |  13 +-
 .../components/Hosts/HostMap/GlobeDyn.tsx     |   1 +
 .../components/Hosts/HostMap/HostItem.tsx     |  20 +-
 .../renterd/components/Hosts/HostMap/utils.ts |  14 +-
 .../HostsFilterCmdGroups/Address.tsx          |   2 +-
 .../HostsFilterCmdGroups/PublicKey.tsx        |   2 +-
 .../Hosts/HostsFilterMenu/index.tsx           |   6 +-
 .../components/Keys/KeysCreateDialog.tsx      |  10 +-
 apps/renterd/components/Keys/index.tsx        |   2 -
 apps/renterd/components/Profile/index.tsx     |   4 +-
 apps/renterd/components/TransferProgress.tsx  |   4 +-
 apps/renterd/components/TransfersBar.tsx      |   2 +-
 .../Uploads/UploadsBreadcrumbMenu.tsx         |   7 +-
 apps/renterd/contexts/alerts/columns.tsx      |  18 +-
 apps/renterd/contexts/alerts/data.tsx         | 212 +++---
 apps/renterd/contexts/alerts/index.tsx        |   7 +-
 apps/renterd/contexts/app/useBusSdk.tsx       |   2 +-
 apps/renterd/contexts/contracts/columns.tsx   | 107 +--
 apps/renterd/contexts/contracts/dataset.tsx   |  12 +-
 apps/renterd/contexts/contracts/index.tsx     |   4 +-
 .../contracts/useContractSetMetrics.tsx       |   3 +-
 .../contexts/contracts/useFilteredStats.tsx   |   6 +-
 .../contracts/usePrunableContractSizes.tsx    |  13 +-
 apps/renterd/contexts/dialog.tsx              |   2 +-
 .../contexts/filesDirectory/columns.tsx       |   6 +-
 .../contexts/filesDirectory/dataset.tsx       |   2 +-
 .../renterd/contexts/filesDirectory/index.tsx |   2 +-
 apps/renterd/contexts/filesDirectory/move.tsx |  12 +-
 apps/renterd/contexts/filesFlat/columns.tsx   |   6 +-
 apps/renterd/contexts/filesFlat/dataset.tsx   |   1 +
 apps/renterd/contexts/filesFlat/index.tsx     |   3 +-
 .../renterd/contexts/filesManager/dataset.tsx |   6 +-
 .../contexts/filesManager/downloads.tsx       |   4 +
 .../contexts/filesManager/index.spec.tsx      |  40 +-
 apps/renterd/contexts/filesManager/index.tsx  |   8 +-
 apps/renterd/contexts/filesManager/types.ts   |  14 +-
 .../renterd/contexts/filesManager/uploads.tsx |  29 +-
 apps/renterd/contexts/hosts/columns.tsx       |  35 +-
 apps/renterd/contexts/hosts/dataset.ts        |  53 +-
 apps/renterd/contexts/hosts/index.tsx         |  19 +-
 apps/renterd/contexts/hosts/types.tsx         |   8 +-
 apps/renterd/contexts/keys/columns.tsx        |  12 +-
 apps/renterd/contexts/keys/index.tsx          |  11 +-
 apps/renterd/contexts/transactions/index.tsx  |   6 +-
 apps/renterd/contexts/uploads/columns.tsx     |   6 +-
 apps/renterd/contexts/uploads/index.tsx       |  94 +--
 apps/renterd/dialogs/FileRenameDialog.tsx     |   3 +
 .../dialogs/FilesBucketDeleteDialog.tsx       |   2 +-
 .../dialogs/FilesBucketPolicyDialog.tsx       |  10 +-
 .../dialogs/FilesCreateDirectoryDialog.tsx    |   1 +
 .../dialogs/RenterdSendSiacoinDialog.tsx      |   2 +-
 .../RenterdTransactionDetailsDialog.tsx       |   2 +-
 apps/renterd/hooks/useHealthLabel.tsx         |   4 +-
 apps/renterd/hooks/useSyncStatus.ts           |  11 +-
 apps/renterd/jest.polyfills.js                |   4 +-
 apps/renterd/lib/health.ts                    |   4 +-
 apps/renterd/lib/multipartUpload.spec.ts      |  60 +-
 apps/renterd/lib/multipartUpload.ts           |  47 +-
 apps/renterd/lib/rename.ts                    |   4 +-
 apps/renterd/tsconfig.json                    |   2 +-
 apps/walletd/jest.polyfills.js                |   4 +-
 libs/design-system/jest.polyfills.js          |   4 +-
 .../src/app/TransactionDetailsDialog.tsx      |   4 +-
 .../app/WalletSingleAddressDetailsDialog.tsx  |   4 +-
 .../src/components/Table/TableRow.tsx         |   4 +-
 .../src/components/Table/index.tsx            |   6 +-
 libs/design-system/src/form/FieldFiat.tsx     |   8 +-
 libs/design-system/src/form/FieldNumber.tsx   |   8 +-
 libs/design-system/src/form/FieldSelect.tsx   |   8 +-
 libs/design-system/src/form/FieldSiacoin.tsx  |   8 +-
 libs/design-system/src/form/FieldSwitch.tsx   |   8 +-
 libs/design-system/src/form/FieldText.tsx     |   8 +-
 libs/design-system/src/form/FieldTextArea.tsx |   8 +-
 .../src/form/configurationFields.ts           |  36 +-
 .../src/hooks/useClientFilteredDataset.ts     |   6 +-
 .../src/hooks/useSiacoinFiat.tsx              |  16 +-
 libs/design-system/src/index.ts               |   1 +
 libs/design-system/src/lib/object.ts          |   4 +-
 libs/design-system/src/lib/types.ts           |   5 +
 libs/react-icons/src/BucketIcon.tsx           |   4 +-
 libs/sdk/jest.polyfills.js                    |   4 +-
 libs/units/src/events.ts                      |   2 +-
 libs/units/src/storage.ts                     |  22 +-
 libs/units/src/transactionTypes.ts            |  10 +-
 package-lock.json                             | 614 +++++++++++-------
 package.json                                  |   4 +-
 106 files changed, 1204 insertions(+), 780 deletions(-)
 create mode 100644 apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetBuckets.tsx
 rename apps/renterd/components/FilesDirectory/EmptyState/{StateNoneYet.tsx => StateNoneYetFiles.tsx} (97%)
 create mode 100644 libs/design-system/src/lib/types.ts

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 37328ce58..7f96ae453 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -12,5 +12,6 @@
       "GOOS": "js",
       "GOARCH": "wasm"
     }
-  }
+  },
+  "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/apps/hostd/contexts/config/fields.tsx b/apps/hostd/contexts/config/fields.tsx
index b18f219e3..8511f3b48 100644
--- a/apps/hostd/contexts/config/fields.tsx
+++ b/apps/hostd/contexts/config/fields.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unescaped-entities */
 import { blocksToMonths } from '@siafoundation/units'
-import { ConfigFields } from '@siafoundation/design-system'
+import { ConfigFields, Maybe } from '@siafoundation/design-system'
 import BigNumber from 'bignumber.js'
 import {
   ConfigViewMode,
diff --git a/apps/hostd/dialogs/VolumeCreateDialog.tsx b/apps/hostd/dialogs/VolumeCreateDialog.tsx
index 17121cee2..5d7adf6bb 100644
--- a/apps/hostd/dialogs/VolumeCreateDialog.tsx
+++ b/apps/hostd/dialogs/VolumeCreateDialog.tsx
@@ -67,7 +67,8 @@ function getFields(
       validation: {
         required: 'required',
         validate: {
-          req: (value) => value !== '\\' || 'directory within a drive required',
+          req: (value: string) =>
+            value !== '\\' || 'directory within a drive required',
         },
       },
     },
@@ -80,11 +81,11 @@ function getFields(
       validation: {
         required: 'required',
         validate: {
-          between: (value: number) => {
+          between: (value: BigNumber) => {
             const error = `Must be between ${humanBytes(
               GBToBytes(minSizeGB)
             )} and ${humanBytes(GBToBytes(maxSizeGB), { fixed: 3 })}`
-            return (value <= maxSizeGB && value >= minSizeGB) || error
+            return (value.lte(maxSizeGB) && value.gte(minSizeGB)) || error
           },
           nospace: () =>
             maxSizeGB > minSizeGB || 'not enough space in directory',
diff --git a/apps/renterd/components/Alerts/AlertsFilterMenu.tsx b/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
index 7ab34f9fd..48cde694b 100644
--- a/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
+++ b/apps/renterd/components/Alerts/AlertsFilterMenu.tsx
@@ -56,7 +56,12 @@ export function AlertsFilterMenu() {
       {!dataState && !!pageCount && (
         <Button
           tip={severityFilter ? `dismiss ${pageCount}` : 'dismiss all'}
-          onClick={() => dismissMany(datasetPage.map((a) => a.id))}
+          onClick={() => {
+            if (!datasetPage) {
+              return
+            }
+            dismissMany(datasetPage.map((a) => a.id))
+          }}
         >
           <Checkmark16 />
           Dismiss ({pageCount})
diff --git a/apps/renterd/components/Alerts/index.tsx b/apps/renterd/components/Alerts/index.tsx
index b7853b845..a77dd45c5 100644
--- a/apps/renterd/components/Alerts/index.tsx
+++ b/apps/renterd/components/Alerts/index.tsx
@@ -21,7 +21,6 @@ export function Alerts() {
     toggleSort,
     limit,
     dataState,
-    cellContext,
   } = useAlerts()
 
   return (
@@ -35,7 +34,6 @@ export function Alerts() {
     >
       <div className="p-6 min-w-fit">
         <Table
-          context={cellContext}
           isLoading={dataState === 'loading'}
           emptyState={
             dataState === 'noneMatchingFilters' ? (
diff --git a/apps/renterd/components/CmdRoot/Item.tsx b/apps/renterd/components/CmdRoot/Item.tsx
index 8da301cbe..254ed882a 100644
--- a/apps/renterd/components/CmdRoot/Item.tsx
+++ b/apps/renterd/components/CmdRoot/Item.tsx
@@ -13,7 +13,7 @@ export function CommandItemNav({
 }: React.ComponentProps<typeof Command.Item> & {
   currentPage?: Page
   parentPage?: Page
-  commandPage: Page
+  commandPage?: Page
 }) {
   const search = useCommandState((state) => state.search)
   // show if user is on parent page and not searching
@@ -21,7 +21,7 @@ export function CommandItemNav({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage?.label} ${props.children.toString()}`}
+        value={`${commandPage?.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
@@ -48,7 +48,7 @@ export function CommandItemSearch({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage.label} ${props.children.toString()}`}
+        value={`${commandPage.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
@@ -76,7 +76,7 @@ export function CommandItemRootAndSearch({
     return (
       <Command.Item
         className={cx(itemStyles(), 'group', className)}
-        value={`${commandPage.label} ${props.children.toString()}`}
+        value={`${commandPage.label} ${props.children?.toString() || ''}`}
         {...props}
       />
     )
diff --git a/apps/renterd/components/Contracts/ContractContextMenu.tsx b/apps/renterd/components/Contracts/ContractContextMenu.tsx
index f1cbb6200..74a175385 100644
--- a/apps/renterd/components/Contracts/ContractContextMenu.tsx
+++ b/apps/renterd/components/Contracts/ContractContextMenu.tsx
@@ -118,6 +118,9 @@ export function ContractContextMenuContent({
       <DropdownMenuItem
         disabled={!hostAddress}
         onSelect={() => {
+          if (!hostAddress) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(addressContainsFilter(hostAddress))
           router.push(routes.contracts.index)
@@ -131,6 +134,9 @@ export function ContractContextMenuContent({
       <DropdownMenuItem
         disabled={!hostKey}
         onSelect={() => {
+          if (!hostKey) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(publicKeyContainsFilter(hostKey))
           router.push(routes.contracts.index)
@@ -145,7 +151,12 @@ export function ContractContextMenuContent({
       {blocklist.data?.find((l) => l === hostAddress) ? (
         <DropdownMenuItem
           disabled={!hostAddress}
-          onSelect={() => blocklistUpdate([], [hostAddress])}
+          onSelect={() => {
+            if (!hostAddress) {
+              return
+            }
+            blocklistUpdate([], [hostAddress])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -155,7 +166,12 @@ export function ContractContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!hostAddress}
-          onSelect={() => blocklistUpdate([hostAddress], [])}
+          onSelect={() => {
+            if (!hostAddress) {
+              return
+            }
+            blocklistUpdate([hostAddress], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -166,7 +182,12 @@ export function ContractContextMenuContent({
       {allowlist.data?.find((l) => l === hostKey) ? (
         <DropdownMenuItem
           disabled={!hostKey}
-          onSelect={() => allowlistUpdate([], [hostKey])}
+          onSelect={() => {
+            if (!hostKey) {
+              return
+            }
+            allowlistUpdate([], [hostKey])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -176,7 +197,12 @@ export function ContractContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!hostKey}
-          onSelect={() => allowlistUpdate([hostKey], [])}
+          onSelect={() => {
+            if (!hostKey) {
+              return
+            }
+            allowlistUpdate([hostKey], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -199,7 +225,12 @@ export function ContractContextMenuContent({
       </DropdownMenuItem>
       <DropdownMenuItem
         disabled={!hostKey}
-        onSelect={() => copyToClipboard(hostKey, 'host public key')}
+        onSelect={() => {
+          if (!hostKey) {
+            return
+          }
+          copyToClipboard(hostKey, 'host public key')
+        }}
       >
         <DropdownMenuLeftSlot>
           <Copy16 />
@@ -208,7 +239,12 @@ export function ContractContextMenuContent({
       </DropdownMenuItem>
       <DropdownMenuItem
         disabled={!hostAddress}
-        onSelect={() => copyToClipboard(hostAddress, 'host address')}
+        onSelect={() => {
+          if (!hostAddress) {
+            return
+          }
+          copyToClipboard(hostAddress, 'host address')
+        }}
       >
         <DropdownMenuLeftSlot>
           <Copy16 />
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
index 854786a3f..f8edbec0b 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/Address.tsx
@@ -47,7 +47,7 @@ export function AddressCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
index 5842e8925..010ed179d 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/ContractSet.tsx
@@ -47,7 +47,7 @@ export function ContractSetCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
index 69c6e8082..7e6e87e6a 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/PublicKey.tsx
@@ -47,7 +47,7 @@ export function PublicKeyCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
index 157d04d9b..3c3046866 100644
--- a/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
+++ b/apps/renterd/components/Contracts/ContractsCmd/ContractsFilterCmd/ContractFilterCmdGroups/index.tsx
@@ -1,16 +1,14 @@
 import { ExpiryCmdGroup } from './Expiry'
-import { ContractData } from '../../../../../contexts/contracts/types'
 import { FormationCmdGroup } from './Formation'
 import { RenewCmdGroup } from './Renew'
 import { Page } from '../../../../CmdRoot/types'
-import { ClientFilterItem } from '@siafoundation/design-system'
 import { AddressCmdGroup } from './Address'
 import { PublicKeyCmdGroup } from './PublicKey'
 import { ContractSetCmdGroup } from './ContractSet'
 
 type Props = {
   currentPage: Page
-  select?: (filter?: ClientFilterItem<ContractData>) => void
+  select: () => void
 }
 
 export function ContractFilterCmdGroups({ currentPage, select }: Props) {
diff --git a/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx b/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
index d10554ac7..c9aeef693 100644
--- a/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
+++ b/apps/renterd/components/Contracts/ContractsFilterContractSetDialog.tsx
@@ -17,7 +17,7 @@ export function contractSetsIncludeFilter(contractSet: string) {
     value: contractSet,
     label: `contract in set ${contractSet}`,
     fn: (d: ContractData) => {
-      return d.contractSets?.includes(contractSet)
+      return !!d.contractSets?.includes(contractSet)
     },
   }
 }
@@ -80,6 +80,9 @@ export function ContractsFilterContractSetDialog({
 
   const onValid = useCallback(
     (values: Values) => {
+      if (!values.contractSet) {
+        return
+      }
       setFilter(contractSetsIncludeFilter(values.contractSet))
       closeAndReset()
     },
diff --git a/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx b/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
index ea404dd07..e39219e77 100644
--- a/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
+++ b/apps/renterd/components/Contracts/ContractsFilterMenu/index.tsx
@@ -20,7 +20,7 @@ export function ContractsFilterMenu() {
   const [pages, setPages] = useState<Page[]>([])
   const currentPage = pages[pages.length - 1]
   const rootPage = pages.length === 0
-  const rootRef = useRef(null)
+  const rootRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
 
   const pushPage = useCallback(
@@ -35,8 +35,8 @@ export function ContractsFilterMenu() {
   }, [setPages])
 
   useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (rootRef.current && !rootRef.current.contains(event.target)) {
+    const handleClickOutside = (event: Event) => {
+      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {
         setOpen(false)
       }
     }
diff --git a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
index 53edb4616..8ee5e9b2c 100644
--- a/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
+++ b/apps/renterd/components/Files/Columns/FilesHealthColumn/FilesHealthColumnContents.tsx
@@ -82,7 +82,7 @@ export function FilesHealthColumnContents({
       displayHealth={displayHealth}
       label={label}
       minShards={slabs.find((s) => s.minShards)?.minShards}
-      totalShards={slabs.find((s) => s.shards)?.shards.length}
+      totalShards={slabs.find((s) => s.shards)?.shards?.length}
     >
       {slabs.map((slab) => (
         <div key={slab.id} className="flex justify-between gap-2">
@@ -96,7 +96,7 @@ export function FilesHealthColumnContents({
           </Text>
           <Text size="12" className="flex items-center">
             {slab.isPartialSlab
-              ? `${slab.contractSetShards}/${slab.shards.length}`
+              ? `${slab.contractSetShards}/${slab.shards?.length}`
               : 'partial slab'}
           </Text>
         </div>
diff --git a/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx b/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
index e68dd67a4..078d82684 100644
--- a/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
+++ b/apps/renterd/components/Files/FilesCmd/FilesSearchCmd/index.tsx
@@ -62,9 +62,9 @@ export function FilesSearchCmd({
             currentPage={currentPage}
             key={key}
             onSelect={() => {
-              beforeSelect()
+              beforeSelect?.()
               navigateToModeSpecificFiltering(searchBucket + key)
-              afterSelect()
+              afterSelect?.()
             }}
             value={key}
           >
diff --git a/apps/renterd/components/Files/FilesCmd/index.tsx b/apps/renterd/components/Files/FilesCmd/index.tsx
index 353c70521..6a36c6c7b 100644
--- a/apps/renterd/components/Files/FilesCmd/index.tsx
+++ b/apps/renterd/components/Files/FilesCmd/index.tsx
@@ -54,7 +54,7 @@ export function FilesCmd({
               router.push(routes.buckets.index)
             }
             closeDialog()
-            afterSelect()
+            afterSelect?.()
           }}
         >
           View files
@@ -64,7 +64,7 @@ export function FilesCmd({
           commandPage={commandPage}
           onSelect={() => {
             pushPage(filesSearchPage)
-            afterSelect()
+            afterSelect?.()
           }}
         >
           Search files
diff --git a/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetBuckets.tsx b/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetBuckets.tsx
new file mode 100644
index 000000000..a74774895
--- /dev/null
+++ b/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetBuckets.tsx
@@ -0,0 +1,27 @@
+import { Button, Text } from '@siafoundation/design-system'
+import { Add16, BucketIcon } from '@siafoundation/react-icons'
+import { useDialog } from '../../../contexts/dialog'
+
+export function StateNoneYetBuckets() {
+  const { openDialog } = useDialog()
+  return (
+    <div className="flex flex-col gap-10 justify-center items-center h-[400px] cursor-pointer">
+      <Text>
+        <BucketIcon className="scale-[200%]" />
+      </Text>
+      <div className="flex flex-col gap-3 items-center">
+        <Text color="subtle" className="text-center max-w-[500px]">
+          Create a bucket to get started. Buckets are distinct storage areas
+          that you can use to organize your files.
+        </Text>
+        <Button
+          onClick={() => openDialog('filesCreateBucket')}
+          tip="Create bucket"
+        >
+          <Add16 />
+          Create bucket
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYet.tsx b/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetFiles.tsx
similarity index 97%
rename from apps/renterd/components/FilesDirectory/EmptyState/StateNoneYet.tsx
rename to apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetFiles.tsx
index 62c6a887f..6f194cd44 100644
--- a/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYet.tsx
+++ b/apps/renterd/components/FilesDirectory/EmptyState/StateNoneYetFiles.tsx
@@ -3,7 +3,7 @@ import { CloudUpload32 } from '@siafoundation/react-icons'
 import { routes } from '../../../config/routes'
 import { useFilesManager } from '../../../contexts/filesManager'
 
-export function StateNoneYet() {
+export function StateNoneYetFiles() {
   const {
     activeBucketName: activeBucket,
     activeDirectory,
diff --git a/apps/renterd/components/FilesDirectory/EmptyState/index.tsx b/apps/renterd/components/FilesDirectory/EmptyState/index.tsx
index 036428039..3bcf19d60 100644
--- a/apps/renterd/components/FilesDirectory/EmptyState/index.tsx
+++ b/apps/renterd/components/FilesDirectory/EmptyState/index.tsx
@@ -6,11 +6,12 @@ import { useAutopilotNotConfigured } from '../../Files/checks/useAutopilotNotCon
 import { useNotEnoughContracts } from '../../Files/checks/useNotEnoughContracts'
 import { StateError } from './StateError'
 import { StateNoneMatching } from './StateNoneMatching'
-import { StateNoneYet } from './StateNoneYet'
+import { StateNoneYetFiles } from './StateNoneYetFiles'
 import { useFilesManager } from '../../../contexts/filesManager'
+import { StateNoneYetBuckets } from './StateNoneYetBuckets'
 
 export function EmptyState() {
-  const { isViewingRootOfABucket } = useFilesManager()
+  const { isViewingRootOfABucket, isViewingBuckets } = useFilesManager()
   const { dataState } = useFilesDirectory()
 
   const autopilotNotConfigured = useAutopilotNotConfigured()
@@ -76,7 +77,10 @@ export function EmptyState() {
   }
 
   if (dataState === 'noneYet') {
-    return <StateNoneYet />
+    if (isViewingBuckets) {
+      return <StateNoneYetBuckets />
+    }
+    return <StateNoneYetFiles />
   }
 
   return null
diff --git a/apps/renterd/components/Hosts/HostContextMenu.tsx b/apps/renterd/components/Hosts/HostContextMenu.tsx
index cf4e4aa84..be7c964e5 100644
--- a/apps/renterd/components/Hosts/HostContextMenu.tsx
+++ b/apps/renterd/components/Hosts/HostContextMenu.tsx
@@ -99,6 +99,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           resetHostsFilters()
           setHostsFilter({
             id: 'addressContains',
@@ -128,6 +131,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           resetContractsFilters()
           setContractsFilter(addressContainsFilter(address))
           router.push(routes.contracts.index)
@@ -154,6 +160,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           rescan.post({
             payload: {
               hostKey: publicKey,
@@ -181,7 +190,12 @@ export function HostContextMenuContent({
       ) : (
         <DropdownMenuItem
           disabled={!address}
-          onSelect={() => blocklistUpdate([address], [])}
+          onSelect={() => {
+            if (!address) {
+              return
+            }
+            blocklistUpdate([address], [])
+          }}
         >
           <DropdownMenuLeftSlot>
             <ListChecked16 />
@@ -230,6 +244,9 @@ export function HostContextMenuContent({
       <DropdownMenuItem
         disabled={!address}
         onSelect={() => {
+          if (!address) {
+            return
+          }
           copyToClipboard(address, 'host address')
         }}
       >
diff --git a/apps/renterd/components/Hosts/HostMap/Globe.tsx b/apps/renterd/components/Hosts/HostMap/Globe.tsx
index 67e36bff2..73d2a6151 100644
--- a/apps/renterd/components/Hosts/HostMap/Globe.tsx
+++ b/apps/renterd/components/Hosts/HostMap/Globe.tsx
@@ -18,7 +18,8 @@ export type Commands = {
 }
 
 export const emptyCommands: Commands = {
-  moveToLocation: (location: [number, number], altitude?: number) => null,
+  moveToLocation: (location: [number, number] | undefined, altitude?: number) =>
+    null,
 }
 
 type Props = {
@@ -77,7 +78,9 @@ export function Globe({
 
     const directionalLight = globeEl.current
       ?.scene()
-      .children.find((obj3d) => obj3d.type === 'DirectionalLight')
+      .children.find(
+        (obj3d: { type: string }) => obj3d.type === 'DirectionalLight'
+      )
     if (directionalLight) {
       // directionalLight.position.set(1, 1, 1)
       directionalLight.intensity = 10
@@ -93,7 +96,7 @@ export function Globe({
   }, [])
 
   // const routes = useDecRoutes({ hosts, activeHost })
-  const routes = []
+  const routes: never[] = []
 
   const [containerRef, { height, width }] = useElementSize()
 
@@ -103,6 +106,8 @@ export function Globe({
     <div ref={containerRef} className="w-full h-full">
       <GlobeDyn
         ref={globeEl}
+        // @ts-expect-error: This prop is required but the typing is lost in the wrapping.
+        // Revisit if we ever update this feature.
         width={width}
         height={height}
         backgroundColor="rgba(0,0,0,0)"
@@ -173,7 +178,7 @@ export function Globe({
               .div(1e12)
               .toNumber()
           }
-          radius = h.settings.remainingstorage / 1e13 / 3
+          radius = (h.settings?.remainingstorage || 0) / 1e13 / 3
 
           return Math.max(radius, 0.1)
         }}
diff --git a/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx b/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
index 7c4214a05..68f9e4b62 100644
--- a/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
+++ b/apps/renterd/components/Hosts/HostMap/GlobeDyn.tsx
@@ -6,6 +6,7 @@ const GlobeGl = dynamic(() => import('./GlobeImp'), {
   ssr: false,
 })
 
+// @ts-expect-error: Issue with strict type checking, revisit if we ever update this feature.
 export const GlobeDyn = forwardRef(function ReactGlobe(
   props: Omit<React.ComponentProps<typeof GlobeGl>, 'forwardRef'>,
   ref: MutableRefObject<GlobeMethods>
diff --git a/apps/renterd/components/Hosts/HostMap/HostItem.tsx b/apps/renterd/components/Hosts/HostMap/HostItem.tsx
index 02f12e19b..443a89959 100644
--- a/apps/renterd/components/Hosts/HostMap/HostItem.tsx
+++ b/apps/renterd/components/Hosts/HostMap/HostItem.tsx
@@ -22,7 +22,7 @@ type Host = SiaCentralHost
 type Props = {
   host: Host
   activeHost: Host
-  setRef?: (el: HTMLButtonElement) => void
+  setRef?: (el: HTMLButtonElement | null) => void
   selectActiveHost: (public_key: string) => void
   rates: {
     usd: string
@@ -39,14 +39,14 @@ export function HostItem({
   const storageCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.storage_price)
+        ? `$${new BigNumber(host.settings?.storage_price || 0)
             .times(TBToBytes(1))
             .times(monthsToBlocks(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.storage_price)
+            new BigNumber(host.settings?.storage_price || 0)
               .times(TBToBytes(1))
               .times(monthsToBlocks(1)),
             { fixed: 0 }
@@ -57,13 +57,15 @@ export function HostItem({
   const downloadCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.download_price)
+        ? `$${new BigNumber(host.settings?.download_price || 0)
             .times(TBToBytes(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.download_price).times(TBToBytes(1)),
+            new BigNumber(host.settings?.download_price || 0).times(
+              TBToBytes(1)
+            ),
             { fixed: 0 }
           )}/TB`,
     [rates, host]
@@ -72,13 +74,13 @@ export function HostItem({
   const uploadCost = useMemo(
     () =>
       rates
-        ? `$${new BigNumber(host.settings.upload_price)
+        ? `$${new BigNumber(host.settings?.upload_price || 0)
             .times(TBToBytes(1))
             .div(1e24)
             .times(rates?.usd || 1)
             .toFixed(2)}/TB`
         : `${humanSiacoin(
-            new BigNumber(host.settings.upload_price).times(TBToBytes(1)),
+            new BigNumber(host.settings?.upload_price || 0).times(TBToBytes(1)),
             { fixed: 0 }
           )}/TB`,
     [rates, host]
@@ -99,7 +101,7 @@ export function HostItem({
             </div>
             <div className="flex flex-col gap-1">
               <Text color="contrast">
-                {humanBytes(host.settings.total_storage)}
+                {humanBytes(host.settings?.total_storage || 0)}
               </Text>
               <Text color="contrast">{getDownloadSpeed(host)}</Text>
               <Text color="contrast">{getUploadSpeed(host)}</Text>
@@ -144,7 +146,7 @@ export function HostItem({
             host.public_key === activeHost?.public_key ? 'semibold' : 'regular'
           }
         >
-          {humanBytes(host.settings.total_storage)}
+          {humanBytes(host.settings?.total_storage || 0)}
           {host.benchmark && ` · ${getDownloadSpeed(host)}`}
           {' · '}
           {storageCost}
diff --git a/apps/renterd/components/Hosts/HostMap/utils.ts b/apps/renterd/components/Hosts/HostMap/utils.ts
index 2aa0af185..9881fa122 100644
--- a/apps/renterd/components/Hosts/HostMap/utils.ts
+++ b/apps/renterd/components/Hosts/HostMap/utils.ts
@@ -16,14 +16,14 @@ export function getHostLabel({
   exchangeRateUSD?: BigNumber
 }) {
   const storageCost = exchangeRateUSD
-    ? `$${new BigNumber(host.settings.storageprice)
+    ? `$${new BigNumber(host.settings?.storageprice || 0)
         .times(TBToBytes(1))
         .times(monthsToBlocks(1))
         .div(1e24)
         .times(exchangeRateUSD)
         .toFixed(2)}/TB`
     : `${humanSiacoin(
-        new BigNumber(host.settings.storageprice)
+        new BigNumber(host.settings?.storageprice || 0)
           .times(TBToBytes(1))
           .times(monthsToBlocks(1)),
         { fixed: 0 }
@@ -36,10 +36,10 @@ export function getHostLabel({
   )} utilized`
 
   const availableStorage = `${humanBytes(
-    host.settings.remainingstorage
-  )} / ${humanBytes(host.settings.totalstorage)} available`
+    host.settings?.remainingstorage || 0
+  )} / ${humanBytes(host.settings?.totalstorage || 0)} available`
 
-  return `${countryCodeEmoji(
-    host.countryCode
-  )} · ${storageCost} · ${usedStorage} · ${availableStorage}`
+  const cc = host.countryCode ? countryCodeEmoji(host.countryCode) : '🌍'
+
+  return `${cc} · ${storageCost} · ${usedStorage} · ${availableStorage}`
 }
diff --git a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
index fa9bcf619..bc7598077 100644
--- a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
+++ b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/Address.tsx
@@ -47,7 +47,7 @@ export function AddressCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
index 5ff660084..c296d9fef 100644
--- a/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
+++ b/apps/renterd/components/Hosts/HostsCmd/HostsFilterCmd/HostsFilterCmdGroups/PublicKey.tsx
@@ -47,7 +47,7 @@ export function PublicKeyCmdNav({
   commandPage,
 }: {
   currentPage: Page
-  parentPage: Page
+  parentPage?: Page
   commandPage: Page
   select: () => void
 }) {
diff --git a/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx b/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
index 5bc0608f8..b89e827ff 100644
--- a/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
+++ b/apps/renterd/components/Hosts/HostsFilterMenu/index.tsx
@@ -19,7 +19,7 @@ export function HostsFilterMenu() {
   const [search, setSearch] = useState('')
   const [pages, setPages] = useState<Page[]>([])
   const currentPage = pages[pages.length - 1]
-  const rootRef = useRef(null)
+  const rootRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
 
   const pushPage = useCallback(
@@ -34,8 +34,8 @@ export function HostsFilterMenu() {
   }, [setPages])
 
   useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (rootRef.current && !rootRef.current.contains(event.target)) {
+    const handleClickOutside = (event: Event) => {
+      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {
         setOpen(false)
       }
     }
diff --git a/apps/renterd/components/Keys/KeysCreateDialog.tsx b/apps/renterd/components/Keys/KeysCreateDialog.tsx
index 512932998..d6f7aa564 100644
--- a/apps/renterd/components/Keys/KeysCreateDialog.tsx
+++ b/apps/renterd/components/Keys/KeysCreateDialog.tsx
@@ -62,11 +62,11 @@ function getFields({
       validation: {
         required: 'required',
         validate: {
-          minLength: (value) =>
+          minLength: (value: string) =>
             value?.length >= 16 || 'must be at least 16 characters',
-          maxLength: (value) =>
+          maxLength: (value: string) =>
             value?.length <= 128 || 'must be at most 128 characters',
-          unique: (value) =>
+          unique: (value: string) =>
             !existingKeys.includes(value) || 'Name must be unique',
         },
       },
@@ -110,6 +110,10 @@ export function KeysCreateDialog({ trigger, open, onOpenChange }: Props) {
 
   const onSubmit = useCallback(
     async (values: Values) => {
+      if (!settingsS3.data) {
+        triggerErrorToast({ title: 'Error creating key' })
+        return
+      }
       const v4Keypairs = {
         ...settingsS3.data?.authentication.v4Keypairs,
         [values.name]: values.secret,
diff --git a/apps/renterd/components/Keys/index.tsx b/apps/renterd/components/Keys/index.tsx
index 6430d13ac..392f077f7 100644
--- a/apps/renterd/components/Keys/index.tsx
+++ b/apps/renterd/components/Keys/index.tsx
@@ -20,7 +20,6 @@ export function Keys() {
     toggleSort,
     limit,
     dataState,
-    cellContext,
   } = useKeys()
 
   return (
@@ -33,7 +32,6 @@ export function Keys() {
     >
       <div className="p-6 min-w-fit">
         <Table
-          context={cellContext}
           isLoading={dataState === 'loading'}
           emptyState={
             dataState === 'noneMatchingFilters' ? (
diff --git a/apps/renterd/components/Profile/index.tsx b/apps/renterd/components/Profile/index.tsx
index c04eb451e..4f4b16119 100644
--- a/apps/renterd/components/Profile/index.tsx
+++ b/apps/renterd/components/Profile/index.tsx
@@ -48,7 +48,7 @@ export function Profile() {
   return (
     <DaemonProfile
       name="renterd"
-      peerCount={peers.data?.length}
+      peerCount={peers.data?.length || 0}
       connectPeer={() => openDialog('connectPeer')}
       isSynced={syncStatus.isSynced}
       syncPercent={syncStatus.syncPercent}
@@ -65,7 +65,7 @@ export function Profile() {
           <ValueCopyable
             size="14"
             maxLength={50}
-            value={wallet.data?.address}
+            value={wallet.data?.address || ''}
             type="address"
           />
         </div>
diff --git a/apps/renterd/components/TransferProgress.tsx b/apps/renterd/components/TransferProgress.tsx
index 1a39a72ea..c1f0e126f 100644
--- a/apps/renterd/components/TransferProgress.tsx
+++ b/apps/renterd/components/TransferProgress.tsx
@@ -3,7 +3,9 @@ import { useMemo } from 'react'
 import { upperFirst } from '@technically/lodash'
 
 function getProgress(transfer: { loaded?: number; size?: number }) {
-  return transfer.loaded !== undefined ? transfer.loaded / transfer.size : 1
+  return transfer.loaded !== undefined && transfer.size
+    ? transfer.loaded / transfer.size
+    : 1
 }
 
 type Props = {
diff --git a/apps/renterd/components/TransfersBar.tsx b/apps/renterd/components/TransfersBar.tsx
index 9d4de887e..8ff48bfaa 100644
--- a/apps/renterd/components/TransfersBar.tsx
+++ b/apps/renterd/components/TransfersBar.tsx
@@ -69,7 +69,7 @@ export function TransfersBar() {
                   <TransfersBarItem
                     key={download.id}
                     path={download.path}
-                    loaded={download.loaded}
+                    loaded={download.loaded || 0}
                     size={download.size}
                     status={
                       download.loaded === download.size
diff --git a/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx b/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
index 2317aa120..eadfd9f3d 100644
--- a/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
+++ b/apps/renterd/components/Uploads/UploadsBreadcrumbMenu.tsx
@@ -25,7 +25,12 @@ export function UploadsBreadcrumbMenu() {
             <ChevronRight16 />
           </Text>
           <Text
-            onClick={() => setActiveDirectory(() => [activeBucket])}
+            onClick={() => {
+              if (!activeBucket) {
+                return
+              }
+              setActiveDirectory(() => [activeBucket])
+            }}
             size="18"
             weight="semibold"
             className="flex items-center cursor-pointer"
diff --git a/apps/renterd/contexts/alerts/columns.tsx b/apps/renterd/contexts/alerts/columns.tsx
index ce94e73a3..77862e7db 100644
--- a/apps/renterd/contexts/alerts/columns.tsx
+++ b/apps/renterd/contexts/alerts/columns.tsx
@@ -14,14 +14,14 @@ import { Checkmark16 } from '@siafoundation/react-icons'
 import { formatRelative } from 'date-fns'
 import { Fragment, useMemo } from 'react'
 
-type Context = never
+type Context = Record<string, unknown>
 
-type KeysTableColumn = TableColumn<TableColumnId, AlertData, Context> & {
+type AlertsTableColumn = TableColumn<TableColumnId, AlertData, Context> & {
   fixed?: boolean
   category?: string
 }
 
-export const columns: KeysTableColumn[] = [
+export const columns: AlertsTableColumn[] = [
   {
     id: 'actions',
     label: '',
@@ -63,16 +63,16 @@ export const columns: KeysTableColumn[] = [
               {message}
             </Text>
           </div>
-          {data['hint'] && (
+          {data['hint'] ? (
             <Text size="12" color="subtle">
               {data['hint'] as string}
             </Text>
-          )}
-          {data['error'] && (
+          ) : null}
+          {data['error'] ? (
             <Text size="12" color="subtle">
               {data['error'] as string}
             </Text>
-          )}
+          ) : null}
         </div>
       )
     },
@@ -95,11 +95,11 @@ export const columns: KeysTableColumn[] = [
                 value === null ||
                 (typeof value === 'object' && !Object.keys(value).length)
               ) {
-                return null
+                return false
               }
               return { key, value }
             })
-            .filter(Boolean),
+            .filter(Boolean) as { key: string; value: unknown }[],
         [data]
       )
       // Collect set changes for the custom SetChangeField component
diff --git a/apps/renterd/contexts/alerts/data.tsx b/apps/renterd/contexts/alerts/data.tsx
index 446e70cec..6b22ea6b4 100644
--- a/apps/renterd/contexts/alerts/data.tsx
+++ b/apps/renterd/contexts/alerts/data.tsx
@@ -19,6 +19,8 @@ import { AccountContextMenu } from '../../components/AccountContextMenu'
 import { FileContextMenu } from '../../components/Files/FileContextMenu'
 import { CaretDown16 } from '@siafoundation/react-icons'
 
+type Render = (props: { value: unknown }) => JSX.Element
+
 export const dataFields: Record<
   string,
   { render: (props: { value: unknown }) => JSX.Element }
@@ -35,7 +37,7 @@ export const dataFields: Record<
           </Text>
         </div>
       )
-    },
+    } as Render,
   },
   contractID: {
     render: function ContractField({ value }: { value: string }) {
@@ -61,7 +63,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   accountID: {
     render: function AccountField({ value }: { value: string }) {
@@ -88,7 +90,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   hostKey: {
     render: function HostField({ value }: { value: string }) {
@@ -119,7 +121,7 @@ export const dataFields: Record<
           />
         </div>
       )
-    },
+    } as Render,
   },
   slabKey: {
     render: function SlabField({ value }: { value: string }) {
@@ -131,7 +133,7 @@ export const dataFields: Record<
           <ValueCopyable size="12" value={value} label="slab key" />
         </div>
       )
-    },
+    } as Render,
   },
   health: {
     render: function OriginField({ value }: { value: string }) {
@@ -145,7 +147,7 @@ export const dataFields: Record<
           </Text>
         </div>
       )
-    },
+    } as Render,
   },
   objectIDs: {
     render: function ObjectIdsField({
@@ -213,112 +215,128 @@ export const dataFields: Record<
           </div>
         </div>
       )
-    },
+    } as Render,
   },
   added: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          added
-        </Text>
-        <Text size="12" color="contrast" ellipsis>
-          {value}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            added
+          </Text>
+          <Text size="12" color="contrast" ellipsis>
+            {value}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   removed: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          removed
-        </Text>
-        <Text size="12" color="contrast" ellipsis>
-          {value}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            removed
+          </Text>
+          <Text size="12" color="contrast" ellipsis>
+            {value}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   migrationsInterrupted: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          migrations interrupted
-        </Text>
-        <Text size="12" weight="medium" ellipsis>
-          {value ? 'yes' : 'no'}
-        </Text>
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            migrations interrupted
+          </Text>
+          <Text size="12" weight="medium" ellipsis>
+            {value ? 'yes' : 'no'}
+          </Text>
+        </div>
+      )
+    } as Render,
   },
   allowance: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          allowance
-        </Text>
-        <ValueSc size="12" variant="value" value={new BigNumber(value)} />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            allowance
+          </Text>
+          <ValueSc size="12" variant="value" value={new BigNumber(value)} />
+        </div>
+      )
+    } as Render,
   },
   balance: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          balance
-        </Text>
-        <ValueSc size="12" variant="value" value={new BigNumber(value)} />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            balance
+          </Text>
+          <ValueSc size="12" variant="value" value={new BigNumber(value)} />
+        </div>
+      )
+    } as Render,
   },
   address: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          address
-        </Text>
-        <ValueCopyable size="12" value={value} type="address" />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            address
+          </Text>
+          <ValueCopyable size="12" value={value} type="address" />
+        </div>
+      )
+    } as Render,
   },
   account: {
-    render: ({ value }: { value: string }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          account
-        </Text>
-        <ValueCopyable
-          size="12"
-          value={value}
-          label="account"
-          contextMenu={
-            <AccountContextMenu
-              id={value}
-              contentProps={{
-                align: 'end',
-              }}
-              buttonProps={{
-                size: 'none',
-              }}
-            />
-          }
-        />
-      </div>
-    ),
+    render: function Component({ value }: { value: string }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            account
+          </Text>
+          <ValueCopyable
+            size="12"
+            value={value}
+            label="account"
+            contextMenu={
+              <AccountContextMenu
+                id={value}
+                contentProps={{
+                  align: 'end',
+                }}
+                buttonProps={{
+                  size: 'none',
+                }}
+              />
+            }
+          />
+        </div>
+      )
+    } as Render,
   },
   lostSectors: {
-    render: ({ value }: { value: number }) => (
-      <div className="flex justify-between w-full gap-2">
-        <Text size="12" color="subtle" ellipsis>
-          lost sectors
-        </Text>
-        <ValueNum
-          size="12"
-          variant="value"
-          value={new BigNumber(value)}
-          format={(value) => value.toString()}
-        />
-      </div>
-    ),
+    render: function Component({ value }: { value: number }) {
+      return (
+        <div className="flex justify-between w-full gap-2">
+          <Text size="12" color="subtle" ellipsis>
+            lost sectors
+          </Text>
+          <ValueNum
+            size="12"
+            variant="value"
+            value={new BigNumber(value)}
+            format={(value) => value.toString()}
+          />
+        </div>
+      )
+    } as Render,
   },
 }
diff --git a/apps/renterd/contexts/alerts/index.tsx b/apps/renterd/contexts/alerts/index.tsx
index 8df668972..edc7e7845 100644
--- a/apps/renterd/contexts/alerts/index.tsx
+++ b/apps/renterd/contexts/alerts/index.tsx
@@ -106,9 +106,9 @@ function useAlertsMain() {
     [dismiss]
   )
 
-  const datasetPage = useMemo<AlertData[] | null>(() => {
+  const datasetPage = useMemo<AlertData[] | undefined>(() => {
     if (!response.data) {
-      return null
+      return undefined
     }
     const data: AlertData[] =
       response.data?.alerts?.map((a) => ({
@@ -157,8 +157,6 @@ function useAlertsMain() {
     filters
   )
 
-  const cellContext = useMemo(() => ({}), [])
-
   const totals = useMemo(
     () => ({
       ...response.data?.totals,
@@ -182,7 +180,6 @@ function useAlertsMain() {
     totals,
     columns: filteredTableColumns,
     datasetPage,
-    cellContext,
     configurableColumns,
     enabledColumns,
     sortableColumns,
diff --git a/apps/renterd/contexts/app/useBusSdk.tsx b/apps/renterd/contexts/app/useBusSdk.tsx
index 118d84ead..ffd903a92 100644
--- a/apps/renterd/contexts/app/useBusSdk.tsx
+++ b/apps/renterd/contexts/app/useBusSdk.tsx
@@ -3,7 +3,7 @@ import { useAppSettings } from '@siafoundation/react-core'
 import { Bus } from '@siafoundation/renterd-js'
 
 export function useBusSdk() {
-  const [bus, setBus] = useState<ReturnType<typeof Bus>>(null)
+  const [bus, setBus] = useState<ReturnType<typeof Bus> | null>(null)
   const {
     settings: { api, password },
   } = useAppSettings()
diff --git a/apps/renterd/contexts/contracts/columns.tsx b/apps/renterd/contexts/contracts/columns.tsx
index f9e521999..a25820b26 100644
--- a/apps/renterd/contexts/contracts/columns.tsx
+++ b/apps/renterd/contexts/contracts/columns.tsx
@@ -96,7 +96,7 @@ export const columns: ContractsTableColumn[] = [
       data: { contractSets },
       context: { defaultContractSet, autopilotContractSet },
     }) => {
-      if (!contractSets.length) {
+      if (!contractSets?.length) {
         return null
       }
       return (
@@ -426,14 +426,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { totalCost } }) => (
       <ValueScFiat displayBoth size="12" value={totalCost.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.totalCostTotal.negated()}
-        tooltip="Total cost across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.totalCostTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.totalCostTotal.negated()}
+          tooltip="Total cost across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingUploads',
@@ -443,14 +448,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { spendingUploads } }) => (
       <ValueScFiat displayBoth size="12" value={spendingUploads.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingUploadsTotal.negated()}
-        tooltip="Uploads spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingUploadsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingUploadsTotal.negated()}
+          tooltip="Uploads spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingDeletions',
@@ -460,14 +470,19 @@ export const columns: ContractsTableColumn[] = [
     render: ({ data: { spendingDeletions } }) => (
       <ValueScFiat displayBoth size="12" value={spendingDeletions.negated()} />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingDeletionsTotal.negated()}
-        tooltip="Deletions spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingDeletionsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingDeletionsTotal.negated()}
+          tooltip="Deletions spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingFundAccount',
@@ -481,14 +496,19 @@ export const columns: ContractsTableColumn[] = [
         value={spendingFundAccount.negated()}
       />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingFundAccountTotal.negated()}
-        tooltip="Fund account spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingFundAccountTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingFundAccountTotal.negated()}
+          tooltip="Fund account spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
   {
     id: 'spendingSectorRoots',
@@ -502,14 +522,19 @@ export const columns: ContractsTableColumn[] = [
         value={spendingSectorRoots.negated()}
       />
     ),
-    summary: ({ context: { filteredStats } }) => (
-      <ValueScFiat
-        displayBoth
-        size="12"
-        value={filteredStats.spendingSectorRootsTotal.negated()}
-        tooltip="Sector roots spending across the filtered set of active contracts"
-      />
-    ),
+    summary: ({ context: { filteredStats } }) => {
+      if (!filteredStats.spendingSectorRootsTotal) {
+        return null
+      }
+      return (
+        <ValueScFiat
+          displayBoth
+          size="12"
+          value={filteredStats.spendingSectorRootsTotal.negated()}
+          tooltip="Sector roots spending across the filtered set of active contracts"
+        />
+      )
+    },
   },
 ]
 
diff --git a/apps/renterd/contexts/contracts/dataset.tsx b/apps/renterd/contexts/contracts/dataset.tsx
index 03cac83fb..d1ed7a2af 100644
--- a/apps/renterd/contexts/contracts/dataset.tsx
+++ b/apps/renterd/contexts/contracts/dataset.tsx
@@ -14,8 +14,8 @@ export function useDataset({
   defaultContractSet,
 }: {
   selectContract: (id: string) => void
-  autopilotContractSet: string
-  defaultContractSet: string
+  autopilotContractSet?: string
+  defaultContractSet?: string
 }) {
   const response = useContractsData({
     config: {
@@ -53,8 +53,12 @@ export function useDataset({
           hostIp: c.hostIP,
           hostKey: c.hostKey,
           contractSets: c.contractSets || [],
-          inAutopilotSet: c.contractSets?.includes(autopilotContractSet),
-          inDefaultSet: c.contractSets?.includes(defaultContractSet),
+          inAutopilotSet: autopilotContractSet
+            ? !!c.contractSets?.includes(autopilotContractSet)
+            : false,
+          inDefaultSet: defaultContractSet
+            ? !!c.contractSets?.includes(defaultContractSet)
+            : false,
           location: geoHosts.find((h) => h.public_key === c.hostKey)?.location,
           timeline: startTime,
           startTime,
diff --git a/apps/renterd/contexts/contracts/index.tsx b/apps/renterd/contexts/contracts/index.tsx
index 0abb095bf..1b1cb0a2f 100644
--- a/apps/renterd/contexts/contracts/index.tsx
+++ b/apps/renterd/contexts/contracts/index.tsx
@@ -127,9 +127,9 @@ function useContractsMain() {
     sortDirection,
   })
 
-  const datasetPage = useMemo<ContractData[] | null>(() => {
+  const datasetPage = useMemo<ContractData[] | undefined>(() => {
     if (!datasetFiltered) {
-      return null
+      return undefined
     }
     return datasetFiltered.slice(offset, offset + limit)
   }, [datasetFiltered, offset, limit])
diff --git a/apps/renterd/contexts/contracts/useContractSetMetrics.tsx b/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
index 9cca2e5e3..589d29b69 100644
--- a/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
+++ b/apps/renterd/contexts/contracts/useContractSetMetrics.tsx
@@ -13,6 +13,7 @@ import { useMemo } from 'react'
 import { ChartContractSetCategory, ChartContractSetKey } from './types'
 import { getTimeClampedToNearest5min } from './utils'
 import { daysInMilliseconds } from '@siafoundation/units'
+import { ContractSetMetricsParams } from '@siafoundation/renterd-types'
 
 export function useContractSetMetrics() {
   // don't use exact times, round to 5 minutes so that swr can cache
@@ -36,7 +37,7 @@ export function useContractSetMetrics() {
       start: new Date(start).toISOString(),
       interval,
       n: periods,
-    },
+    } as ContractSetMetricsParams,
   })
 
   const contractSetMetrics = useMemo<
diff --git a/apps/renterd/contexts/contracts/useFilteredStats.tsx b/apps/renterd/contexts/contracts/useFilteredStats.tsx
index 703339cdd..70cd76f74 100644
--- a/apps/renterd/contexts/contracts/useFilteredStats.tsx
+++ b/apps/renterd/contexts/contracts/useFilteredStats.tsx
@@ -5,7 +5,7 @@ import { ContractData } from './types'
 export function useFilteredStats({
   datasetFiltered,
 }: {
-  datasetFiltered: ContractData[] | null
+  datasetFiltered: ContractData[] | undefined
 }) {
   const sizeTotal = useMemo(() => {
     if (!datasetFiltered) {
@@ -21,7 +21,7 @@ export function useFilteredStats({
       return undefined
     }
     return datasetFiltered.reduce((acc, datum) => {
-      if (!datum.inAutopilotSet) {
+      if (!datum.inAutopilotSet || !datum.prunableSize) {
         return acc
       }
       return acc.plus(datum.prunableSize)
@@ -33,7 +33,7 @@ export function useFilteredStats({
       return undefined
     }
     return datasetFiltered.reduce((acc, datum) => {
-      if (datum.inAutopilotSet) {
+      if (datum.inAutopilotSet || !datum.prunableSize) {
         return acc
       }
       return acc.plus(datum.size).minus(datum.prunableSize)
diff --git a/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx b/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
index 472e32b96..d206cd02d 100644
--- a/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
+++ b/apps/renterd/contexts/contracts/usePrunableContractSizes.tsx
@@ -10,7 +10,9 @@ export function usePrunableContractSizes() {
   const { bus } = useApp()
 
   const [prunableSizes, setPrunableSizes] = useState<PrunableSizes>({})
-  const [isFetchingPrunableSizeById, setIsFetchingPrunableById] = useState({})
+  const [isFetchingPrunableSizeById, setIsFetchingPrunableById] = useState<
+    Record<FileContractID, boolean>
+  >({})
   const [isFetchingPrunableSizeAll, setIsFetchingPrunableAll] = useState(false)
 
   const fetchPrunableSizeAll = useCallback(async () => {
@@ -19,7 +21,7 @@ export function usePrunableContractSizes() {
       const prunable = await bus?.contractsPrunable()
       setPrunableSizes((data) => ({
         ...data,
-        ...prunable.data?.contracts.reduce(
+        ...prunable?.data?.contracts.reduce(
           (acc, contract) => ({
             ...acc,
             [contract.id]: {
@@ -32,7 +34,7 @@ export function usePrunableContractSizes() {
         ),
       }))
     } catch (err) {
-      triggerErrorToast({ title: 'Error', body: err.message })
+      triggerErrorToast({ title: 'Error', body: (err as Error).message })
     } finally {
       setIsFetchingPrunableAll(false)
     }
@@ -46,6 +48,9 @@ export function usePrunableContractSizes() {
           [id]: true,
         }))
         const prunable = await bus?.contractSize({ params: { id } })
+        if (!prunable) {
+          return
+        }
         setPrunableSizes((data) => ({
           ...data,
           [id]: {
@@ -54,7 +59,7 @@ export function usePrunableContractSizes() {
           },
         }))
       } catch (err) {
-        triggerErrorToast({ title: 'Error', body: err.message })
+        triggerErrorToast({ title: 'Error', body: (err as Error).message })
       } finally {
         setIsFetchingPrunableById((data) => ({
           ...data,
diff --git a/apps/renterd/contexts/dialog.tsx b/apps/renterd/contexts/dialog.tsx
index a2f210613..67fd7b5f9 100644
--- a/apps/renterd/contexts/dialog.tsx
+++ b/apps/renterd/contexts/dialog.tsx
@@ -216,7 +216,7 @@ export function Dialogs() {
         open={dialog === 'confirm'}
         params={confirm}
         onOpenChange={(val) =>
-          val ? openConfirmDialog(confirm) : closeDialog()
+          val && confirm ? openConfirmDialog(confirm) : closeDialog()
         }
       />
     </>
diff --git a/apps/renterd/contexts/filesDirectory/columns.tsx b/apps/renterd/contexts/filesDirectory/columns.tsx
index 2dacf3585..b901d8132 100644
--- a/apps/renterd/contexts/filesDirectory/columns.tsx
+++ b/apps/renterd/contexts/filesDirectory/columns.tsx
@@ -184,10 +184,12 @@ export const columns: FilesTableColumn[] = [
         return null
       }
       if (isUploading) {
-        const displayPercent = ((loaded / size) * 100).toFixed(0) + '%'
+        const displayPercent = loaded
+          ? ((loaded / size) * 100).toFixed(0) + '%'
+          : '0%'
         return (
           <Tooltip
-            content={`Uploaded ${humanBytes(loaded)}/${humanBytes(size)}`}
+            content={`Uploaded ${humanBytes(loaded || 0)}/${humanBytes(size)}`}
           >
             <div className="flex items-center gap-1 cursor-pointer">
               <Text color="subtle">
diff --git a/apps/renterd/contexts/filesDirectory/dataset.tsx b/apps/renterd/contexts/filesDirectory/dataset.tsx
index 928761f04..d14f8e833 100644
--- a/apps/renterd/contexts/filesDirectory/dataset.tsx
+++ b/apps/renterd/contexts/filesDirectory/dataset.tsx
@@ -77,7 +77,7 @@ export function useDataset() {
   return {
     limit,
     marker,
-    isMore: response.data?.hasMore,
+    isMore: !!response.data?.hasMore,
     response,
     dataset: d.data,
     refresh: response.mutate,
diff --git a/apps/renterd/contexts/filesDirectory/index.tsx b/apps/renterd/contexts/filesDirectory/index.tsx
index a12cb9052..acb6d0377 100644
--- a/apps/renterd/contexts/filesDirectory/index.tsx
+++ b/apps/renterd/contexts/filesDirectory/index.tsx
@@ -60,7 +60,7 @@ function useFilesDirectoryMain() {
   // Add drag and drop properties to the dataset
   const datasetPage = useMemo(() => {
     if (!_datasetPage) {
-      return null
+      return undefined
     }
     return _datasetPage.map((d) => {
       if (
diff --git a/apps/renterd/contexts/filesDirectory/move.tsx b/apps/renterd/contexts/filesDirectory/move.tsx
index b3cdca67e..8fdcf3ab2 100644
--- a/apps/renterd/contexts/filesDirectory/move.tsx
+++ b/apps/renterd/contexts/filesDirectory/move.tsx
@@ -29,7 +29,9 @@ export function useMove({
   setActiveDirectory,
   refresh,
 }: Props) {
-  const [draggingObject, setDraggingObject] = useState<ObjectData | null>(null)
+  const [draggingObject, setDraggingObject] = useState<ObjectData | undefined>(
+    undefined
+  )
   const [, setNavTimeout] = useState<NodeJS.Timeout>()
   const rename = useObjectRename()
 
@@ -66,7 +68,7 @@ export function useMove({
           if (t) {
             clearTimeout(t)
           }
-          return null
+          return undefined
         })
         return
       }
@@ -84,8 +86,8 @@ export function useMove({
   )
 
   const scheduleNavigation = useCallback(
-    (e: { collisions: { id: string | number }[] }) => {
-      if (!e.collisions.length) {
+    (e: { collisions: { id: string | number }[] | null }) => {
+      if (!e.collisions?.length) {
         delayedNavigation(undefined)
       } else {
         const path = e.collisions?.[0].id as string
@@ -101,7 +103,7 @@ export function useMove({
 
   const onDragStart = useCallback(
     (e: DragStartEvent) => {
-      setDraggingObject(dataset.find((d) => d.id === e.active.id) || null)
+      setDraggingObject(dataset?.find((d) => d.id === e.active.id))
     },
     [dataset, setDraggingObject]
   )
diff --git a/apps/renterd/contexts/filesFlat/columns.tsx b/apps/renterd/contexts/filesFlat/columns.tsx
index 160d7f9c5..8f69c50fd 100644
--- a/apps/renterd/contexts/filesFlat/columns.tsx
+++ b/apps/renterd/contexts/filesFlat/columns.tsx
@@ -156,10 +156,12 @@ export const columns: FilesTableColumn[] = [
         return null
       }
       if (isUploading) {
-        const displayPercent = ((loaded / size) * 100).toFixed(0) + '%'
+        const displayPercent = loaded
+          ? ((loaded / size) * 100).toFixed(0) + '%'
+          : '0%'
         return (
           <Tooltip
-            content={`Uploaded ${humanBytes(loaded)}/${humanBytes(size)}`}
+            content={`Uploaded ${humanBytes(loaded || 0)}/${humanBytes(size)}`}
           >
             <div className="flex items-center gap-1 cursor-pointer">
               <Text color="subtle">
diff --git a/apps/renterd/contexts/filesFlat/dataset.tsx b/apps/renterd/contexts/filesFlat/dataset.tsx
index 212eb8d72..a8fac44a5 100644
--- a/apps/renterd/contexts/filesFlat/dataset.tsx
+++ b/apps/renterd/contexts/filesFlat/dataset.tsx
@@ -75,6 +75,7 @@ export function useDataset({ sortDirection, sortField }: Props) {
     limit,
     marker,
     response,
+    isMore: !!response.data?.hasMore,
     dataset: d.data,
     refresh: response.mutate,
   }
diff --git a/apps/renterd/contexts/filesFlat/index.tsx b/apps/renterd/contexts/filesFlat/index.tsx
index cc58cafbf..b9d28bde2 100644
--- a/apps/renterd/contexts/filesFlat/index.tsx
+++ b/apps/renterd/contexts/filesFlat/index.tsx
@@ -7,12 +7,11 @@ import { columns } from './columns'
 function useFilesFlatMain() {
   const { sortDirection, sortField, filters, enabledColumns } =
     useFilesManager()
-  const { limit, response, refresh, dataset } = useDataset({
+  const { limit, response, isMore, refresh, dataset } = useDataset({
     sortField,
     sortDirection,
   })
   const nextMarker = response.data?.nextMarker
-  const isMore = response.data?.hasMore
 
   const datasetPage = useMemo(() => {
     return dataset
diff --git a/apps/renterd/contexts/filesManager/dataset.tsx b/apps/renterd/contexts/filesManager/dataset.tsx
index 31b1d8506..66d883b6c 100644
--- a/apps/renterd/contexts/filesManager/dataset.tsx
+++ b/apps/renterd/contexts/filesManager/dataset.tsx
@@ -33,9 +33,9 @@ export function useDataset({ id, objects }: Props) {
     setActiveDirectory,
   } = useFilesManager()
   const { dataset: allContracts } = useContracts()
-  const response = useSWR<ObjectData[] | null>(
+  const response = useSWR<ObjectData[] | undefined>(
     objects.isValidating || buckets.isValidating
-      ? null
+      ? undefined
       : [id, activeBucketName, activeDirectoryPath],
     () => {
       const dataMap: Record<string, ObjectData> = {}
@@ -58,7 +58,7 @@ export function useDataset({ id, objects }: Props) {
         })
       } else if (objects.data || uploadsList.length) {
         objects.data?.forEach(({ key, size, health }) => {
-          const path = join(activeBucketName, key)
+          const path = join(activeBucket.name, key)
           const name = getFilename(key)
           dataMap[path] = {
             id: path,
diff --git a/apps/renterd/contexts/filesManager/downloads.tsx b/apps/renterd/contexts/filesManager/downloads.tsx
index 78258362c..49a68b214 100644
--- a/apps/renterd/contexts/filesManager/downloads.tsx
+++ b/apps/renterd/contexts/filesManager/downloads.tsx
@@ -85,6 +85,10 @@ export function useDownloads() {
       let isDone = false
       const bucketName = getBucketFromPath(path)
       const bucket = buckets.data?.find((b) => b.name === bucketName)
+      if (!bucket) {
+        triggerErrorToast({ title: 'Bucket not found', body: bucketName })
+        return
+      }
       const name = getFilename(path)
 
       if (downloadsMap[path]) {
diff --git a/apps/renterd/contexts/filesManager/index.spec.tsx b/apps/renterd/contexts/filesManager/index.spec.tsx
index 5ca67b95e..7f7d05c9f 100644
--- a/apps/renterd/contexts/filesManager/index.spec.tsx
+++ b/apps/renterd/contexts/filesManager/index.spec.tsx
@@ -47,13 +47,13 @@ describe('filesManager', () => {
     })
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     act(() => {
-      context.state.navigateToModeSpecificFiltering('/default/photos/cats')
+      context.state?.navigateToModeSpecificFiltering('/default/photos/cats')
     })
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/photos')
-    expect(context.state.fileNamePrefixFilter).toBe('cats')
+    expect(context.state?.fileNamePrefixFilter).toBe('cats')
   })
   it('toggling to flat explorer mode applies the active directory as a filter', async () => {
     useAppRouter.mockClear()
@@ -63,14 +63,14 @@ describe('filesManager', () => {
     })
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     act(() => {
-      context.state.setExplorerModeFlat()
+      context.state?.setExplorerModeFlat()
     })
-    expect(context.state.activeExplorerMode).toBe('flat')
+    expect(context.state?.activeExplorerMode).toBe('flat')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('foo/bar/baz/')
+    expect(context.state?.fileNamePrefixFilter).toBe('foo/bar/baz/')
   })
   it('toggling from flat mode to directory clears the file filter', async () => {
     useAppRouter.mockClear()
@@ -81,17 +81,17 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/files/foo/bar/baz')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeFlat()
+      context.state?.setExplorerModeFlat()
     })
-    expect(context.state.activeExplorerMode).toBe('flat')
-    expect(context.state.fileNamePrefixFilter).toBe('foo/bar/baz/')
+    expect(context.state?.activeExplorerMode).toBe('flat')
+    expect(context.state?.fileNamePrefixFilter).toBe('foo/bar/baz/')
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
   it('does not routes if mode already active', async () => {
     useAppRouter.mockClear()
@@ -102,12 +102,12 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/files')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const pushCount = getRouterPushCallCount()
     expect(pushCount).toBe(0)
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
   it('routes to active mode if viewing uploads', async () => {
     useAppRouter.mockClear()
@@ -117,12 +117,12 @@ describe('filesManager', () => {
     usePathname.mockReturnValue('/buckets/default/uploads')
     const context = mountProvider()
     act(() => {
-      context.state.setExplorerModeDirectory()
+      context.state?.setExplorerModeDirectory()
     })
-    expect(context.state.activeExplorerMode).toBe('directory')
+    expect(context.state?.activeExplorerMode).toBe('directory')
     const lastPushCallParams = getLastRouterPushCallParams()
     expect(lastPushCallParams[0]).toBe('/buckets/default/files/')
-    expect(context.state.fileNamePrefixFilter).toBe('')
+    expect(context.state?.fileNamePrefixFilter).toBe('')
   })
 })
 
@@ -142,7 +142,7 @@ function ContextConsumer({
 
 function mountProvider() {
   const context: { state?: FilesManagerState } = {}
-  const onContext = (c) => {
+  const onContext = (c: FilesManagerState) => {
     context.state = c
   }
   render(
diff --git a/apps/renterd/contexts/filesManager/index.tsx b/apps/renterd/contexts/filesManager/index.tsx
index 8ad68ab1c..180690942 100644
--- a/apps/renterd/contexts/filesManager/index.tsx
+++ b/apps/renterd/contexts/filesManager/index.tsx
@@ -157,7 +157,7 @@ function useFilesManagerMain() {
 
   const uploadsRoute = routes.buckets.uploads.replace(
     '[bucket]',
-    activeBucketName
+    activeBucketName || ''
   )
 
   const navigateToUploads = useCallback(() => {
@@ -174,6 +174,9 @@ function useFilesManagerMain() {
     if (!isViewingUploads && activeExplorerMode === 'directory') {
       return
     }
+    if (!activeBucketName) {
+      return
+    }
     setActiveDirectoryAndFileNamePrefix([activeBucketName], undefined)
     setActiveExplorerMode('directory')
   }, [
@@ -188,6 +191,9 @@ function useFilesManagerMain() {
     if (!isViewingUploads && activeExplorerMode === 'flat') {
       return
     }
+    if (!activeBucketName) {
+      return
+    }
     setActiveDirectoryAndFileNamePrefix(
       [activeBucketName],
       getKeyFromPath(activeDirectoryPath).slice(1)
diff --git a/apps/renterd/contexts/filesManager/types.ts b/apps/renterd/contexts/filesManager/types.ts
index 06450c79a..8bae61497 100644
--- a/apps/renterd/contexts/filesManager/types.ts
+++ b/apps/renterd/contexts/filesManager/types.ts
@@ -30,19 +30,7 @@ export type TableColumnId =
   | 'size'
   | 'health'
 
-export type FilesTableContext = {
-  currentHeight: number
-  contractsTimeRange: {
-    startHeight: number
-    endHeight: number
-  }
-}
-
-export type FilesTableColumn = TableColumn<
-  TableColumnId,
-  ObjectData,
-  FilesTableContext
-> & {
+export type FilesTableColumn = TableColumn<TableColumnId, ObjectData, never> & {
   fixed?: boolean
   category?: string
 }
diff --git a/apps/renterd/contexts/filesManager/uploads.tsx b/apps/renterd/contexts/filesManager/uploads.tsx
index 4fbc8643c..590af952d 100644
--- a/apps/renterd/contexts/filesManager/uploads.tsx
+++ b/apps/renterd/contexts/filesManager/uploads.tsx
@@ -116,6 +116,13 @@ export function useUploads({ activeDirectoryPath }: Props) {
       })
 
       const uploadId = await multipartUpload.create()
+      if (!uploadId) {
+        triggerErrorToast({
+          title: 'Error creating upload',
+          body: 'Failed to create upload',
+        })
+        return
+      }
       multipartUpload.setOnError((error) => {
         triggerErrorToast({
           title: 'Error uploading file',
@@ -159,11 +166,15 @@ export function useUploads({ activeDirectoryPath }: Props) {
       name: string
       uploadFile: File
     }) => {
-      const { uploadId, multipartUpload } = await createMultipartUpload({
+      const upload = await createMultipartUpload({
         path,
         bucket,
         uploadFile,
       })
+      if (!upload) {
+        return
+      }
+      const { uploadId, multipartUpload } = upload
       setUploadsMap((map) => ({
         ...map,
         [uploadId]: {
@@ -210,8 +221,11 @@ export function useUploads({ activeDirectoryPath }: Props) {
 
     const availableSlots = maxConcurrentUploads - activeUploads
 
-    // Start uploads if there are available slots and queued uploads
+    // Start uploads if there are available slots and queued uploads.
     queuedUploads.slice(0, availableSlots).forEach((upload) => {
+      if (!upload.upload) {
+        return
+      }
       startMultipartUpload({
         id: upload.id,
         upload: upload.upload,
@@ -223,7 +237,7 @@ export function useUploads({ activeDirectoryPath }: Props) {
   const uploadFiles = useCallback(
     (files: File[]) => {
       files.forEach((file) => {
-        // https://developer.mozilla.org/en-US/docs/Web/API/File
+        // @ts-expect-error: https://developer.mozilla.org/en-US/docs/Web/API/File
         // Documentation does not include `path` but all browsers populate it
         // with the relative path of the file. Whereas webkitRelativePath is
         // empty string in most browsers.
@@ -233,6 +247,13 @@ export function useUploads({ activeDirectoryPath }: Props) {
         const name = file.name
         const bucketName = getBucketFromPath(path)
         const bucket = buckets.data?.find((b) => b.name === bucketName)
+        if (!bucket) {
+          triggerErrorToast({
+            title: `Bucket not found`,
+            body: bucketName,
+          })
+          return
+        }
         if (uploadsMap[path]) {
           triggerErrorToast({
             title: `Already uploading file, aborting previous upload.`,
@@ -306,7 +327,7 @@ export function useUploads({ activeDirectoryPath }: Props) {
     [uploadsMap]
   )
 
-  // Abort local uploads when the browser tab is closed
+  // Abort local uploads when the browser tab is closed.
   useWarnActiveUploadsOnClose({ uploadsMap })
 
   return {
diff --git a/apps/renterd/contexts/hosts/columns.tsx b/apps/renterd/contexts/hosts/columns.tsx
index 567d19d84..f9744179d 100644
--- a/apps/renterd/contexts/hosts/columns.tsx
+++ b/apps/renterd/contexts/hosts/columns.tsx
@@ -218,11 +218,13 @@ export const columns: HostsTableColumn[] = (
       category: 'general',
       render: function LastScan({ data }) {
         const { workflows } = useWorkflows()
-        const isPending = workflows.find(
-          (wf: { path?: string; payload?: RhpScanPayload }) =>
-            wf.path.startsWith(workerRhpScanRoute) &&
-            wf.payload?.hostKey === data.publicKey
-        )
+        const isPending = workflows.find((w) => {
+          const rhpw = w as { path?: string; payload?: RhpScanPayload }
+          return (
+            rhpw.path?.startsWith(workerRhpScanRoute) &&
+            rhpw.payload?.hostKey === data.publicKey
+          )
+        })
         if (isPending) {
           return <LoadingDots />
         }
@@ -1090,7 +1092,8 @@ function makeRenderSc(section: 'priceTable' | 'settings', name: Key) {
       <ValueScFiat
         displayBoth
         size="12"
-        value={new BigNumber(data[section][name] || 0)}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        value={new BigNumber((data as any)[section][name] || 0)}
         fixedFiat={4}
         variant="value"
       />
@@ -1110,7 +1113,8 @@ function makeRenderNumber(
     return (
       <ValueNum
         size="12"
-        value={new BigNumber(data[section][name] || 0)}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        value={new BigNumber((data as any)[section][name] || 0)}
         variant="value"
         format={(v) =>
           humanNumber(v, {
@@ -1127,7 +1131,8 @@ function makeRenderString(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
-    return <ValueCopyable value={data[section][name]} size="12" />
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return <ValueCopyable value={(data as any)[section][name]} size="12" />
   }
 }
 
@@ -1136,9 +1141,11 @@ function makeRenderBytes(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const val = (data as any)[section][name]
     return (
       <Text size="12" weight="semibold" ellipsis>
-        {humanBytes(data[section][name])}
+        {humanBytes(val)}
       </Text>
     )
   }
@@ -1149,14 +1156,12 @@ function makeRenderBool(section: 'priceTable' | 'settings', name: Key) {
     if (!data[section]) {
       return null
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const val = (data as any)[section][name]
     return (
       <div className="mt-[5px]">
-        <Text color={data[section][name] ? 'green' : 'red'}>
-          {data[section][name] ? (
-            <CheckboxCheckedFilled16 />
-          ) : (
-            <WarningSquareFilled16 />
-          )}
+        <Text color={val ? 'green' : 'red'}>
+          {val ? <CheckboxCheckedFilled16 /> : <WarningSquareFilled16 />}
         </Text>
       </div>
     )
diff --git a/apps/renterd/contexts/hosts/dataset.ts b/apps/renterd/contexts/hosts/dataset.ts
index e3a7ff918..a56da4705 100644
--- a/apps/renterd/contexts/hosts/dataset.ts
+++ b/apps/renterd/contexts/hosts/dataset.ts
@@ -22,7 +22,7 @@ export function useDataset({
   onHostSelect,
 }: {
   response: ReturnType<typeof useHosts>
-  autopilotID: string
+  autopilotID?: string
   allContracts: ContractData[]
   allowlist: ReturnType<typeof useHostsAllowlist>
   blocklist: ReturnType<typeof useHostsBlocklist>
@@ -30,25 +30,30 @@ export function useDataset({
   geoHosts: SiaCentralHost[]
   onHostSelect: (publicKey: string, location?: [number, number]) => void
 }) {
-  return useMemo<HostData[] | null>(() => {
-    return (
-      response.data?.map((host) => {
-        const sch = geoHosts.find((gh) => gh.public_key === host.publicKey)
-        return {
-          onClick: () => onHostSelect(host.publicKey, sch?.location),
-          ...getHostFields(host, allContracts),
-          ...getAllowedFields({
-            host,
-            allowlist: allowlist.data,
-            blocklist: blocklist.data,
-            isAllowlistActive,
-          }),
-          ...getAutopilotFields(host.checks?.[autopilotID]),
-          location: sch?.location,
-          countryCode: sch?.country_code,
-        }
-      }) || null
-    )
+  return useMemo<HostData[] | undefined>(() => {
+    const allow = allowlist.data
+    const block = blocklist.data
+    if (!response.data || !allow || !block) {
+      return undefined
+    }
+    return response.data.map((host) => {
+      const sch = geoHosts.find((gh) => gh.public_key === host.publicKey)
+      return {
+        onClick: () => onHostSelect(host.publicKey, sch?.location),
+        ...getHostFields(host, allContracts),
+        ...getAllowedFields({
+          host,
+          allowlist: allow,
+          blocklist: block,
+          isAllowlistActive,
+        }),
+        ...getAutopilotFields(
+          autopilotID ? host.checks?.[autopilotID] : undefined
+        ),
+        location: sch?.location,
+        countryCode: sch?.country_code,
+      }
+    })
   }, [
     onHostSelect,
     autopilotID,
@@ -69,13 +74,13 @@ function getHostFields(host: Host, allContracts: ContractData[]) {
     lastScanSuccess: host.interactions.lastScanSuccess,
     lastScan:
       host.interactions.lastScan === '0001-01-01T00:00:00Z'
-        ? null
+        ? undefined
         : host.interactions.lastScan,
     knownSince:
-      host.knownSince === '0001-01-01T00:00:00Z' ? null : host.knownSince,
+      host.knownSince === '0001-01-01T00:00:00Z' ? undefined : host.knownSince,
     lastAnnouncement:
       host.lastAnnouncement === '0001-01-01T00:00:00Z'
-        ? null
+        ? undefined
         : host.lastAnnouncement,
     uptime: new BigNumber(host.interactions.uptime || 0),
     downtime: new BigNumber(host.interactions.downtime || 0),
@@ -225,7 +230,7 @@ function getAutopilotFields(ahc?: {
             return acc.concat(getUnusableReasonLabel(key))
           }
           return acc
-        }, [])
+        }, [] as string[])
       : [],
   }
 }
diff --git a/apps/renterd/contexts/hosts/index.tsx b/apps/renterd/contexts/hosts/index.tsx
index 67eedd8a6..3371ef5fa 100644
--- a/apps/renterd/contexts/hosts/index.tsx
+++ b/apps/renterd/contexts/hosts/index.tsx
@@ -35,6 +35,7 @@ import { useContracts } from '../contracts'
 import { columns } from './columns'
 import { useDataset } from './dataset'
 import {
+  HostContext,
   HostDataWithLocation,
   TableColumnId,
   ViewMode,
@@ -52,7 +53,7 @@ function useHostsMain() {
     useServerFilters()
 
   const { dataset: allContracts } = useContracts()
-  const { autopilot } = useApp()
+  const { autopilot, isAutopilotEnabled } = useApp()
 
   const keyIn = useMemo(() => {
     let keyIn: string[] = []
@@ -60,8 +61,8 @@ function useHostsMain() {
       keyIn = allContracts.map((c) => c.hostKey)
     }
     const publicKeyEquals = filters.find((f) => f.id === 'publicKeyEquals')
-    if (publicKeyEquals) {
-      keyIn.push(publicKeyEquals?.value)
+    if (publicKeyEquals?.value) {
+      keyIn.push(publicKeyEquals.value)
     }
     return keyIn.length ? keyIn : undefined
   }, [filters, allContracts])
@@ -77,11 +78,15 @@ function useHostsMain() {
       addressContains: filters.find((f) => f.id === 'addressContains')?.value,
       keyIn,
     }
-    if (autopilot.state.data?.id) {
+    if (
+      isAutopilotEnabled &&
+      autopilot.state.data?.configured &&
+      autopilot.state.data?.id
+    ) {
       p.autopilotID = autopilot.state.data.id
     }
     return p
-  }, [autopilot.state.data?.id, filters, keyIn, limit, offset])
+  }, [autopilot.state.data, filters, isAutopilotEnabled, keyIn, limit, offset])
 
   const response = useHostsSearch({
     payload,
@@ -222,8 +227,8 @@ function useHostsMain() {
   const dataState = useDatasetEmptyState(dataset, isValidating, error, filters)
 
   const siascanUrl = useSiascanUrl()
-  const isAutopilotConfigured = autopilot.state.data?.configured
-  const tableContext = useMemo(
+  const isAutopilotConfigured = !!autopilot.state.data?.configured
+  const tableContext: HostContext = useMemo(
     () => ({
       isAutopilotConfigured,
       siascanUrl,
diff --git a/apps/renterd/contexts/hosts/types.tsx b/apps/renterd/contexts/hosts/types.tsx
index fcd4a6b77..5418cfbe5 100644
--- a/apps/renterd/contexts/hosts/types.tsx
+++ b/apps/renterd/contexts/hosts/types.tsx
@@ -12,9 +12,9 @@ export type HostData = {
   netAddress: string
   publicKey: string
   lastScanSuccess: boolean
-  lastScan: string
-  lastAnnouncement: string | null
-  knownSince: string | null
+  lastScan?: string
+  lastAnnouncement?: string
+  knownSince?: string
   uptime: BigNumber
   downtime: BigNumber
   successfulInteractions: BigNumber
@@ -52,7 +52,7 @@ export type HostData = {
   isGouging: boolean
   isUsable: boolean
   priceTable?: HostPriceTable
-  unusableReasons?: string[]
+  unusableReasons: string[]
   settings?: HostSettings
   activeContractsCount: BigNumber
   activeContracts: ContractData[]
diff --git a/apps/renterd/contexts/keys/columns.tsx b/apps/renterd/contexts/keys/columns.tsx
index c470a6a0d..aedf236e3 100644
--- a/apps/renterd/contexts/keys/columns.tsx
+++ b/apps/renterd/contexts/keys/columns.tsx
@@ -2,17 +2,7 @@ import { TableColumn, ValueCopyable } from '@siafoundation/design-system'
 import { KeyData, TableColumnId } from './types'
 import { KeyContextMenu } from '../../components/Keys/KeyContextMenu'
 
-type Context = {
-  currentHeight: number
-  defaultSet?: string
-  contractsTimeRange: {
-    startHeight: number
-    endHeight: number
-  }
-  siascanUrl: string
-}
-
-type KeysTableColumn = TableColumn<TableColumnId, KeyData, Context> & {
+type KeysTableColumn = TableColumn<TableColumnId, KeyData, never> & {
   fixed?: boolean
   category?: string
 }
diff --git a/apps/renterd/contexts/keys/index.tsx b/apps/renterd/contexts/keys/index.tsx
index 4d369e6f2..fc7339c36 100644
--- a/apps/renterd/contexts/keys/index.tsx
+++ b/apps/renterd/contexts/keys/index.tsx
@@ -30,9 +30,9 @@ function useKeysMain() {
     },
   })
 
-  const dataset = useMemo<KeyData[] | null>(() => {
+  const dataset = useMemo<KeyData[] | undefined>(() => {
     if (!response.data) {
-      return null
+      return undefined
     }
     const data: KeyData[] =
       Object.entries(response.data?.authentication.v4Keypairs || {}).map(
@@ -77,9 +77,9 @@ function useKeysMain() {
     sortDirection,
   })
 
-  const datasetPage = useMemo<KeyData[] | null>(() => {
+  const datasetPage = useMemo<KeyData[] | undefined>(() => {
     if (!datasetFiltered) {
-      return null
+      return undefined
     }
     return datasetFiltered.slice(offset, offset + limit)
   }, [datasetFiltered, offset, limit])
@@ -99,8 +99,6 @@ function useKeysMain() {
     filters
   )
 
-  const cellContext = useMemo(() => ({}), [])
-
   return {
     dataState,
     limit,
@@ -112,7 +110,6 @@ function useKeysMain() {
     datasetFilteredCount: datasetFiltered?.length || 0,
     columns: filteredTableColumns,
     dataset,
-    cellContext,
     datasetPage,
     configurableColumns,
     enabledColumns,
diff --git a/apps/renterd/contexts/transactions/index.tsx b/apps/renterd/contexts/transactions/index.tsx
index 0bda08d43..a9030b468 100644
--- a/apps/renterd/contexts/transactions/index.tsx
+++ b/apps/renterd/contexts/transactions/index.tsx
@@ -30,7 +30,7 @@ import {
 import BigNumber from 'bignumber.js'
 
 const defaultPageSize = 50
-const filters = []
+const filters = [] as string[]
 
 function useTransactionsMain() {
   const router = useRouter()
@@ -56,9 +56,9 @@ function useTransactionsMain() {
   })
 
   const syncStatus = useSyncStatus()
-  const dataset = useMemo<EventData[] | null>(() => {
+  const dataset = useMemo<EventData[] | undefined>(() => {
     if (!events.data || !pending.data) {
-      return null
+      return undefined
     }
     const dataPending: EventData[] = pending.data.map((e) => {
       const amountSc = calculateScValue(e)
diff --git a/apps/renterd/contexts/uploads/columns.tsx b/apps/renterd/contexts/uploads/columns.tsx
index 690c9b7b2..5bcb6f34b 100644
--- a/apps/renterd/contexts/uploads/columns.tsx
+++ b/apps/renterd/contexts/uploads/columns.tsx
@@ -49,7 +49,11 @@ export const columns: UploadsTableColumn[] = [
         )
       }
       return (
-        <TransferProgress loaded={loaded} size={size} status={uploadStatus} />
+        <TransferProgress
+          loaded={loaded || 0}
+          size={size}
+          status={uploadStatus}
+        />
       )
     },
   },
diff --git a/apps/renterd/contexts/uploads/index.tsx b/apps/renterd/contexts/uploads/index.tsx
index d9ef85d92..3a4068300 100644
--- a/apps/renterd/contexts/uploads/index.tsx
+++ b/apps/renterd/contexts/uploads/index.tsx
@@ -14,6 +14,7 @@ import { columns } from './columns'
 import { join, getFilename } from '../../lib/paths'
 import { useFilesManager } from '../filesManager'
 import { ObjectUploadData } from '../filesManager/types'
+import { MultipartUploadListUploadsPayload } from '@siafoundation/renterd-types'
 
 const defaultLimit = 50
 
@@ -27,25 +28,33 @@ function useUploadsMain() {
     useServerFilters()
 
   const apiBusUploadAbort = useMultipartUploadAbort()
-  const response = useMultipartUploadListUploads({
-    disabled: !activeBucket,
-    payload: {
+
+  const payload = useMemo(() => {
+    return {
       bucket: activeBucket?.name,
       uploadIDMarker: marker,
       limit,
-    },
+    }
+  }, [activeBucket, marker, limit])
+
+  const response = useMultipartUploadListUploads({
+    disabled: !activeBucket,
+    payload: payload as MultipartUploadListUploadsPayload,
   })
 
   const abortAll = useCallback(async () => {
+    if (!response.data?.uploads || !activeBucket?.name) {
+      return
+    }
     return Promise.all(
-      response.data?.uploads?.map(async (upload) => {
+      response.data.uploads.map(async (upload) => {
         const localUpload = uploadsMap[upload.uploadID]
         if (localUpload) {
           localUpload.uploadAbort?.()
         } else {
           await apiBusUploadAbort.post({
             payload: {
-              bucket: activeBucket?.name,
+              bucket: activeBucket.name,
               key: upload.key,
               uploadID: upload.uploadID,
             },
@@ -55,42 +64,41 @@ function useUploadsMain() {
     )
   }, [response.data, apiBusUploadAbort, activeBucket, uploadsMap])
 
-  const dataset: ObjectUploadData[] = useMemo(() => {
-    return (
-      response.data?.uploads?.map((upload) => {
-        const id = upload.uploadID
-        const name = getFilename(upload.key)
-        const fullPath = join(activeBucket?.name, upload.key)
-        const localUpload = uploadsMap[id]
-        if (localUpload) {
-          {
-            return localUpload
-          }
-        }
-        return {
-          id,
-          path: fullPath,
-          bucket: activeBucket,
-          name,
-          size: 1,
-          loaded: 1,
-          isUploading: true,
-          uploadStatus: 'uploading',
-          createdAt: upload.createdAt,
-          remote: true,
-          type: 'file',
-          uploadAbort: async () => {
-            await apiBusUploadAbort.post({
-              payload: {
-                bucket: activeBucket?.name,
-                key: upload.key,
-                uploadID: upload.uploadID,
-              },
-            })
-          },
-        }
-      }) || []
-    )
+  const dataset: ObjectUploadData[] | undefined = useMemo(() => {
+    if (!response.data?.uploads || !activeBucket?.name) {
+      return undefined
+    }
+    return response.data.uploads.map((upload) => {
+      const id = upload.uploadID
+      const name = getFilename(upload.key)
+      const fullPath = join(activeBucket.name, upload.key)
+      const localUpload = uploadsMap[id]
+      if (localUpload) {
+        return localUpload
+      }
+      return {
+        id,
+        path: fullPath,
+        bucket: activeBucket,
+        name,
+        size: 1,
+        loaded: 1,
+        isUploading: true,
+        uploadStatus: 'uploading',
+        createdAt: upload.createdAt,
+        remote: true,
+        type: 'file',
+        uploadAbort: async () => {
+          await apiBusUploadAbort.post({
+            payload: {
+              bucket: activeBucket?.name,
+              key: upload.key,
+              uploadID: upload.uploadID,
+            },
+          })
+        },
+      }
+    })
   }, [uploadsMap, activeBucket, response.data, apiBusUploadAbort])
 
   const {
@@ -133,7 +141,7 @@ function useUploadsMain() {
     dataState,
     limit,
     nextMarker: response.data?.nextUploadIDMarker,
-    hasMore: response.data?.hasMore,
+    hasMore: !!response.data?.hasMore,
     isLoading: response.isLoading,
     error: response.error,
     pageCount: dataset?.length || 0,
diff --git a/apps/renterd/dialogs/FileRenameDialog.tsx b/apps/renterd/dialogs/FileRenameDialog.tsx
index 01239eb40..36498e177 100644
--- a/apps/renterd/dialogs/FileRenameDialog.tsx
+++ b/apps/renterd/dialogs/FileRenameDialog.tsx
@@ -83,6 +83,9 @@ export function FileRenameDialog({ trigger, open, onOpenChange }: Props) {
 
   const onValid = useCallback(
     async (values: Values) => {
+      if (!originalPath) {
+        return
+      }
       const { bucket, to, from, mode } = getRenameFileRenameParams(
         originalPath,
         values.name
diff --git a/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx b/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
index 6a0e7a7a5..4d7496fd5 100644
--- a/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
+++ b/apps/renterd/dialogs/FilesBucketDeleteDialog.tsx
@@ -21,7 +21,7 @@ const defaultValues = {
 
 type Values = typeof defaultValues
 
-function getFields(name: string): ConfigFields<Values, never> {
+function getFields(name?: string): ConfigFields<Values, never> {
   return {
     name: {
       type: 'text',
diff --git a/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx b/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
index b48521dba..b1b04e905 100644
--- a/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
+++ b/apps/renterd/dialogs/FilesBucketPolicyDialog.tsx
@@ -12,12 +12,16 @@ import { useCallback, useEffect, useMemo } from 'react'
 import { useForm } from 'react-hook-form'
 import { useDialog } from '../contexts/dialog'
 import { useBucket, useBucketPolicyUpdate } from '@siafoundation/renterd-react'
+import {
+  BucketParams,
+  BucketPolicyUpdateParams,
+} from '@siafoundation/renterd-types'
 
 const defaultValues = {
   visibility: 'public',
 }
 
-function getFields(name: string): ConfigFields<typeof defaultValues, never> {
+function getFields(name?: string): ConfigFields<typeof defaultValues, never> {
   return {
     visibility: {
       type: 'text',
@@ -56,7 +60,7 @@ export function FilesBucketPolicyDialog({
     disabled: !open,
     params: {
       name: name,
-    },
+    } as BucketParams,
     config: {
       swr: {
         revalidateOnFocus: false,
@@ -81,7 +85,7 @@ export function FilesBucketPolicyDialog({
       const response = await policyUpdate.put({
         params: {
           name,
-        },
+        } as BucketPolicyUpdateParams,
         payload: {
           policy: {
             publicReadAccess: values.visibility === 'public',
diff --git a/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx b/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
index 76971f9b6..35f38e5ec 100644
--- a/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
+++ b/apps/renterd/dialogs/FilesCreateDirectoryDialog.tsx
@@ -41,6 +41,7 @@ export function FilesCreateDirectoryDialog({
         params: bucketAndKeyParamsFromPath(
           activeDirectoryPath + values.name + '/'
         ),
+        // @ts-expect-error TODO: fix types
         payload: null,
       })
       if (response.error) {
diff --git a/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx b/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
index aee416982..b73716196 100644
--- a/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
+++ b/apps/renterd/dialogs/RenterdSendSiacoinDialog.tsx
@@ -20,7 +20,7 @@ export function RenterdSendSiacoinDialog() {
       recommendedFee.data
         ? // This is the same estimated fee calculation that happens in the daemon.
           new BigNumber(recommendedFee.data).times(standardTxnSize)
-        : undefined,
+        : new BigNumber(0),
     [recommendedFee.data]
   )
 
diff --git a/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx b/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
index 256a2f611..06d9d48eb 100644
--- a/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
+++ b/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
@@ -9,7 +9,7 @@ export function RenterdTransactionDetailsDialog() {
   // TODO: add transaction endpoint
   const { dataset } = useTransactions()
   const transaction = useMemo(() => {
-    return dataset?.find((t) => t['hash'] === id)
+    return dataset?.find((t) => t.id === id)
   }, [dataset, id])
 
   return (
diff --git a/apps/renterd/hooks/useHealthLabel.tsx b/apps/renterd/hooks/useHealthLabel.tsx
index a35b7b19b..d57c9c10c 100644
--- a/apps/renterd/hooks/useHealthLabel.tsx
+++ b/apps/renterd/hooks/useHealthLabel.tsx
@@ -12,11 +12,11 @@ export const healthThresholds = {
 }
 
 export function useHealthLabel({
-  health,
+  health = 0,
   size,
   isDirectory,
 }: {
-  health: number
+  health?: number
   size: number
   isDirectory: boolean
 }) {
diff --git a/apps/renterd/hooks/useSyncStatus.ts b/apps/renterd/hooks/useSyncStatus.ts
index 053d65309..4c9c042b4 100644
--- a/apps/renterd/hooks/useSyncStatus.ts
+++ b/apps/renterd/hooks/useSyncStatus.ts
@@ -22,7 +22,7 @@ export function useSyncStatus() {
     config: {
       swr: {
         refreshInterval: (data) =>
-          data?.scanHeight >= nodeBlockHeight
+          data?.scanHeight && data.scanHeight >= nodeBlockHeight
             ? secondsInMilliseconds(60)
             : secondsInMilliseconds(10),
       },
@@ -56,9 +56,12 @@ export function useSyncStatus() {
       : false
 
   return {
-    isSynced: state.data?.synced,
-    isWalletSynced:
-      state.data?.synced && wallet.data?.scanHeight >= nodeBlockHeight - 1,
+    isSynced: !!state.data?.synced,
+    isWalletSynced: !!(
+      state.data?.synced &&
+      wallet.data?.scanHeight &&
+      wallet.data.scanHeight >= nodeBlockHeight - 1
+    ),
     nodeBlockHeight,
     estimatedBlockHeight,
     syncPercent,
diff --git a/apps/renterd/jest.polyfills.js b/apps/renterd/jest.polyfills.js
index 5cc3a0873..24cf3dfc0 100644
--- a/apps/renterd/jest.polyfills.js
+++ b/apps/renterd/jest.polyfills.js
@@ -26,6 +26,6 @@ Object.defineProperties(globalThis, {
   File: { value: File },
   Headers: { value: Headers },
   FormData: { value: FormData },
-  Request: { value: Request },
-  Response: { value: Response },
+  Request: { value: Request, configurable: true },
+  Response: { value: Response, configurable: true },
 })
diff --git a/apps/renterd/lib/health.ts b/apps/renterd/lib/health.ts
index 732921f62..810526ef9 100644
--- a/apps/renterd/lib/health.ts
+++ b/apps/renterd/lib/health.ts
@@ -9,11 +9,11 @@ export function getObjectHealth(
   slabs: SlabHealthStats[]
   health: number
 } {
-  const slabHealths = []
+  const slabHealths: SlabHealthStats[] = []
   obj.slabs?.forEach((sl, index) => {
     slabHealths.push(getSlabHealthStats(sl, contracts, String(index)))
   })
-  const health = min(slabHealths.map((s) => s.health))
+  const health = min(slabHealths.map((s) => s.health)) as number
   return {
     health,
     slabs: slabHealths,
diff --git a/apps/renterd/lib/multipartUpload.spec.ts b/apps/renterd/lib/multipartUpload.spec.ts
index 53c49c381..d3da446cf 100644
--- a/apps/renterd/lib/multipartUpload.spec.ts
+++ b/apps/renterd/lib/multipartUpload.spec.ts
@@ -4,6 +4,7 @@ import {
   MultipartParams,
   MultipartUpload,
 } from './multipartUpload'
+import { AxiosResponseHeaders } from 'axios'
 
 describe('MultipartUpload', () => {
   it('should report progress and complete with serial parts', async () => {
@@ -20,11 +21,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(20)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 20, 5],
       [2, 20, 10],
@@ -84,11 +87,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(20)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 20, 5],
       [2, 20, 10],
@@ -158,11 +163,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(11)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 6, 17], // call 0
       [2, 6, 33],
@@ -217,11 +224,13 @@ describe('MultipartUpload', () => {
     await multipartUpload.start()
     expect(params.onProgress.mock.calls.length).toBe(4)
     expect(
-      params.onProgress.mock.calls.map(([params]) => [
-        params.sent,
-        params.total,
-        params.percentage,
-      ])
+      params.onProgress.mock.calls.map(
+        ([params]: [{ sent: number; total: number; percentage: number }]) => [
+          params.sent,
+          params.total,
+          params.percentage,
+        ]
+      )
     ).toEqual([
       [1, 6, 17], // call 0
       [2, 6, 33],
@@ -353,11 +362,16 @@ function buildMockApiWorkerUploadPart({
           } else {
             if (loaded >= partSize) {
               clearInterval(intervalId)
+
+              const headers: AxiosResponseHeaders = {
+                etag: eTag,
+              }
+              if (failure?.type === 'missingEtag') {
+                delete headers.etag
+              }
               resolve({
                 status: 200,
-                headers: {
-                  etag: failure?.type === 'missingEtag' ? undefined : eTag,
-                },
+                headers,
               })
             }
             partIndex++
diff --git a/apps/renterd/lib/multipartUpload.ts b/apps/renterd/lib/multipartUpload.ts
index c3d13496a..f89091e47 100644
--- a/apps/renterd/lib/multipartUpload.ts
+++ b/apps/renterd/lib/multipartUpload.ts
@@ -6,6 +6,11 @@ import {
   useMultipartUploadComplete,
   useMultipartUploadCreate,
 } from '@siafoundation/renterd-react'
+import {
+  MultipartUploadAbortPayload,
+  MultipartUploadCompletePayload,
+  MultipartUploadPartParams,
+} from '@siafoundation/renterd-types'
 
 type ApiWorkerUploadPart = ReturnType<typeof useMultipartUploadPart>
 type ApiBusUploadComplete = ReturnType<typeof useMultipartUploadComplete>
@@ -60,12 +65,12 @@ export class MultipartUpload {
   #onComplete: () => void
 
   // state
-  #resolve: () => void
+  #resolve: () => void = () => null
   #progressCache: Record<number, number>
   #activeConnections: Record<number, AbortController>
   #pendingPartNumbers: number[]
   #uploadedParts: UploadedPart[]
-  #uploadId: string
+  #uploadId?: string
   #aborted: boolean
   // error retry backoff
   #initialDelay = 500 // 1/2 second
@@ -89,7 +94,7 @@ export class MultipartUpload {
     this.#activeConnections = {}
     this.#pendingPartNumbers = []
     this.#uploadedParts = []
-    this.#uploadId = null
+    this.#uploadId = undefined
     this.#aborted = false
   }
 
@@ -102,14 +107,17 @@ export class MultipartUpload {
       payload: createPayload,
     })
 
-    this.#uploadId = response.data?.uploadID
+    if (response.data?.uploadID) {
+      this.#uploadId = response.data.uploadID
 
-    const partCount = Math.ceil(this.#file.size / this.#partSize)
-    this.#pendingPartNumbers = Array.from(
-      { length: partCount },
-      (_, i) => i + 1
-    )
-    return this.#uploadId
+      const partCount = Math.ceil(this.#file.size / this.#partSize)
+      this.#pendingPartNumbers = Array.from(
+        { length: partCount },
+        (_, i) => i + 1
+      )
+      return this.#uploadId
+    }
+    return undefined
   }
 
   public async start() {
@@ -134,10 +142,13 @@ export class MultipartUpload {
           bucket: this.#bucket,
           key: this.#key,
           uploadID: this.#uploadId,
-        },
+        } as MultipartUploadAbortPayload,
       })
     } catch (e) {
-      triggerErrorToast({ title: 'Error aborting upload', body: e.message })
+      triggerErrorToast({
+        title: 'Error aborting upload',
+        body: (e as Error).message,
+      })
     }
     this.#resolve?.()
   }
@@ -180,6 +191,9 @@ export class MultipartUpload {
     }
 
     const partNumber = this.#pendingPartNumbers.pop()
+    if (!partNumber) {
+      return
+    }
     const partIndex = partNumber - 1
     const partOffset = partIndex * this.#partSize
     const partData = this.#file.slice(partOffset, partOffset + this.#partSize)
@@ -237,13 +251,13 @@ export class MultipartUpload {
         key: this.#key,
         uploadID: this.#uploadId,
         parts: this.#uploadedParts.sort((a, b) => a.partNumber - b.partNumber),
-      }
+      } as MultipartUploadCompletePayload
       await this.#api.busUploadComplete.post({
         payload: payload,
       })
       this.#onComplete()
     } catch (error) {
-      this.#onError(error)
+      this.#onError(error as Error)
     }
     this.#resolve()
   }
@@ -284,7 +298,7 @@ export class MultipartUpload {
           uploadid: this.#uploadId,
           offset: partOffset,
           partnumber: partNumber,
-        },
+        } as MultipartUploadPartParams,
         payload: partData,
         config: {
           axios: {
@@ -302,7 +316,7 @@ export class MultipartUpload {
         throw new Error(response.error)
       }
 
-      const eTag = response.headers['etag']
+      const eTag = response.headers?.['etag']
       if (!eTag) {
         throw new ErrorNoETag()
       }
@@ -315,7 +329,6 @@ export class MultipartUpload {
 
       this.#uploadedParts.push(uploadedPart)
     } finally {
-      this.#activeConnections[partNumber] = null
       delete this.#activeConnections[partNumber]
     }
   }
diff --git a/apps/renterd/lib/rename.ts b/apps/renterd/lib/rename.ts
index 7fcd03acb..e38e4953b 100644
--- a/apps/renterd/lib/rename.ts
+++ b/apps/renterd/lib/rename.ts
@@ -15,12 +15,12 @@ type Id = string | number
 
 // Parameters for moving a directory or file to drag destination
 export function getMoveFileRenameParams(
-  e: { active: { id: Id }; collisions: { id: Id }[] },
+  e: { active: { id: Id }; collisions: { id: Id }[] | null },
   activeDirectory: FullPathSegments
 ) {
   const fromPath = String(e.active.id)
   let toPath = pathSegmentsToPath(activeDirectory)
-  if (e.collisions.length) {
+  if (e.collisions?.length) {
     if (e.collisions[0].id === '..') {
       toPath = pathSegmentsToPath(activeDirectory.slice(0, -1))
     } else {
diff --git a/apps/renterd/tsconfig.json b/apps/renterd/tsconfig.json
index cadb8cda7..d87546f36 100644
--- a/apps/renterd/tsconfig.json
+++ b/apps/renterd/tsconfig.json
@@ -5,7 +5,7 @@
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": false,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "resolveJsonModule": true,
diff --git a/apps/walletd/jest.polyfills.js b/apps/walletd/jest.polyfills.js
index 5cc3a0873..24cf3dfc0 100644
--- a/apps/walletd/jest.polyfills.js
+++ b/apps/walletd/jest.polyfills.js
@@ -26,6 +26,6 @@ Object.defineProperties(globalThis, {
   File: { value: File },
   Headers: { value: Headers },
   FormData: { value: FormData },
-  Request: { value: Request },
-  Response: { value: Response },
+  Request: { value: Request, configurable: true },
+  Response: { value: Response, configurable: true },
 })
diff --git a/libs/design-system/jest.polyfills.js b/libs/design-system/jest.polyfills.js
index 5cc3a0873..24cf3dfc0 100644
--- a/libs/design-system/jest.polyfills.js
+++ b/libs/design-system/jest.polyfills.js
@@ -26,6 +26,6 @@ Object.defineProperties(globalThis, {
   File: { value: File },
   Headers: { value: Headers },
   FormData: { value: FormData },
-  Request: { value: Request },
-  Response: { value: Response },
+  Request: { value: Request, configurable: true },
+  Response: { value: Response, configurable: true },
 })
diff --git a/libs/design-system/src/app/TransactionDetailsDialog.tsx b/libs/design-system/src/app/TransactionDetailsDialog.tsx
index f89f1bac4..bfa5588ef 100644
--- a/libs/design-system/src/app/TransactionDetailsDialog.tsx
+++ b/libs/design-system/src/app/TransactionDetailsDialog.tsx
@@ -9,7 +9,7 @@ import { Transaction } from '@siafoundation/types'
 import { upperFirst } from '@technically/lodash'
 
 type Props = {
-  id: string
+  id?: string
   transaction?: {
     txType: TxType
     inflow?: string
@@ -35,7 +35,7 @@ export function TransactionDetailsDialog({
         transaction?.txType
           ? upperFirst(getTxTypeLabel(transaction.txType))
           : 'Transaction',
-        id,
+        id || '',
         16
       )}
       trigger={trigger}
diff --git a/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx b/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
index a67d10e9c..b0e10f2d3 100644
--- a/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
+++ b/libs/design-system/src/app/WalletSingleAddressDetailsDialog.tsx
@@ -4,7 +4,7 @@ import { getTitleId, stripPrefix } from '../lib/utils'
 import { Dialog } from '../core/Dialog'
 
 type Props = {
-  address: string
+  address?: string
   isValidating: boolean
   trigger?: React.ReactNode
   open: boolean
@@ -20,7 +20,7 @@ export function WalletSingleAddressDetailsDialog({
 }: Props) {
   return (
     <Dialog
-      title={getTitleId('Address', stripPrefix(address) || '', 16)}
+      title={getTitleId('Address', stripPrefix(address || '') || '', 16)}
       trigger={trigger}
       open={open}
       onOpenChange={onOpenChange}
diff --git a/libs/design-system/src/components/Table/TableRow.tsx b/libs/design-system/src/components/Table/TableRow.tsx
index 9a3e024da..b1b21acfa 100644
--- a/libs/design-system/src/components/Table/TableRow.tsx
+++ b/libs/design-system/src/components/Table/TableRow.tsx
@@ -18,7 +18,7 @@ type Data = {
 
 export type Row<Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
 }
 
 export type TableColumn<Columns, Data, Context> = {
@@ -36,7 +36,7 @@ export type TableColumn<Columns, Data, Context> = {
 
 type Props<Columns extends string, Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
   columns: TableColumn<Columns, Data, Context>[]
   rowSize?: 'dense' | 'default' | 'auto'
   focusId?: string
diff --git a/libs/design-system/src/components/Table/index.tsx b/libs/design-system/src/components/Table/index.tsx
index b28f7926c..c79ace26e 100644
--- a/libs/design-system/src/components/Table/index.tsx
+++ b/libs/design-system/src/components/Table/index.tsx
@@ -35,7 +35,7 @@ type Data = {
 
 export type Row<Data, Context> = {
   data: Data
-  context?: Context
+  context: Context
 }
 
 export type TableColumn<Columns, Data, Context> = {
@@ -49,7 +49,7 @@ export type TableColumn<Columns, Data, Context> = {
   rowCellClassName?: string
   rowContentClassName?: string
   render: React.FC<Row<Data, Context>>
-  summary?: React.FC<{ context?: Context }>
+  summary?: React.FC<{ context: Context }>
 }
 
 type Props<
@@ -88,7 +88,7 @@ export function Table<
 >({
   columns,
   data,
-  context,
+  context = {} as Context,
   sortField,
   sortDirection,
   sortableColumns,
diff --git a/libs/design-system/src/form/FieldFiat.tsx b/libs/design-system/src/form/FieldFiat.tsx
index 380603fb3..7d8917629 100644
--- a/libs/design-system/src/form/FieldFiat.tsx
+++ b/libs/design-system/src/form/FieldFiat.tsx
@@ -2,7 +2,11 @@ import { NumberField } from '../core/NumberField'
 import BigNumber from 'bignumber.js'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import { ChartArea16 } from '@siafoundation/react-icons'
 import { Panel } from '../core/Panel'
 import { Text } from '../core/Text'
@@ -47,7 +51,7 @@ export function FieldFiat<
     () => currencyOptions.find((c) => c.id === currency),
     [currency]
   )
-  const changed = form.formState.dirtyFields[name]
+  const changed = getFormStateFieldBoolean(form.formState.dirtyFields, name)
   const el = (
     <div
       className={cx(
diff --git a/libs/design-system/src/form/FieldNumber.tsx b/libs/design-system/src/form/FieldNumber.tsx
index 9b06bbc0a..91b024ddd 100644
--- a/libs/design-system/src/form/FieldNumber.tsx
+++ b/libs/design-system/src/form/FieldNumber.tsx
@@ -2,7 +2,11 @@ import { NumberField } from '../core/NumberField'
 import BigNumber from 'bignumber.js'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import { useMemo } from 'react'
 
 export function FieldNumber<
@@ -60,7 +64,7 @@ export function FieldNumber<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/FieldSelect.tsx b/libs/design-system/src/form/FieldSelect.tsx
index 3928d730f..8fabfd615 100644
--- a/libs/design-system/src/form/FieldSelect.tsx
+++ b/libs/design-system/src/form/FieldSelect.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { Option, Select } from '../core/Select'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 type Option = {
   value: string
@@ -37,7 +41,7 @@ export function FieldSelect<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/FieldSiacoin.tsx b/libs/design-system/src/form/FieldSiacoin.tsx
index 67ffe4d5f..d4b470360 100644
--- a/libs/design-system/src/form/FieldSiacoin.tsx
+++ b/libs/design-system/src/form/FieldSiacoin.tsx
@@ -1,7 +1,11 @@
 import { SiacoinField } from '../core/SiacoinField'
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 import BigNumber from 'bignumber.js'
 import { useMemo } from 'react'
 
@@ -55,7 +59,7 @@ export function FieldSiacoin<
       decimalsLimitFiat={decimalsLimitFiat}
       readOnly={field.readOnly}
       error={error}
-      changed={form.formState.dirtyFields[name]}
+      changed={getFormStateFieldBoolean(form.formState.dirtyFields, name)}
       placeholder={placeholder}
       onChange={(val) => {
         setValue(val as PathValue<Values, Path<Values>>, true)
diff --git a/libs/design-system/src/form/FieldSwitch.tsx b/libs/design-system/src/form/FieldSwitch.tsx
index 086529cac..b76a3a658 100644
--- a/libs/design-system/src/form/FieldSwitch.tsx
+++ b/libs/design-system/src/form/FieldSwitch.tsx
@@ -1,7 +1,11 @@
 import { FieldValues, Path, PathValue } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { Switch } from '../core/Switch'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldSwitch<
   Values extends FieldValues,
@@ -38,7 +42,7 @@ export function FieldSwitch<
         state={
           error
             ? 'invalid'
-            : form.formState.dirtyFields[name]
+            : getFormStateFieldBoolean(form.formState.dirtyFields, name)
             ? 'valid'
             : 'default'
         }
diff --git a/libs/design-system/src/form/FieldText.tsx b/libs/design-system/src/form/FieldText.tsx
index bc5ca6c9c..0d62dfeec 100644
--- a/libs/design-system/src/form/FieldText.tsx
+++ b/libs/design-system/src/form/FieldText.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { TextField } from '../core/TextField'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldText<
   Values extends FieldValues,
@@ -48,7 +52,7 @@ export function FieldText<
         state
           ? error
             ? 'invalid'
-            : form.formState.dirtyFields[name]
+            : getFormStateFieldBoolean(form.formState.dirtyFields, name)
             ? 'valid'
             : 'default'
           : 'default'
diff --git a/libs/design-system/src/form/FieldTextArea.tsx b/libs/design-system/src/form/FieldTextArea.tsx
index 3ff735ac9..e8e43442a 100644
--- a/libs/design-system/src/form/FieldTextArea.tsx
+++ b/libs/design-system/src/form/FieldTextArea.tsx
@@ -1,7 +1,11 @@
 import { FieldValues } from 'react-hook-form'
 import { FieldGroup } from '../components/Form'
 import { TextArea } from '../core/TextArea'
-import { FieldProps, useRegisterForm } from './configurationFields'
+import {
+  FieldProps,
+  getFormStateFieldBoolean,
+  useRegisterForm,
+} from './configurationFields'
 
 export function FieldTextArea<
   Values extends FieldValues,
@@ -32,7 +36,7 @@ export function FieldTextArea<
       state={
         error
           ? 'invalid'
-          : form.formState.dirtyFields[name]
+          : getFormStateFieldBoolean(form.formState.dirtyFields, name)
           ? 'valid'
           : 'default'
       }
diff --git a/libs/design-system/src/form/configurationFields.ts b/libs/design-system/src/form/configurationFields.ts
index 28d042723..7192a79aa 100644
--- a/libs/design-system/src/form/configurationFields.ts
+++ b/libs/design-system/src/form/configurationFields.ts
@@ -2,15 +2,28 @@ import BigNumber from 'bignumber.js'
 import { entries } from '@technically/lodash'
 import React, { MouseEvent, useCallback } from 'react'
 import {
+  DeepMap,
+  DeepPartial,
   FieldErrors,
   FieldValues,
   Path,
   PathValue,
-  RegisterOptions,
+  ValidationRule,
   UseFormReturn,
+  Message,
 } from 'react-hook-form'
 import { triggerErrorToast } from '../lib/toast'
 
+type Validate<Values extends FieldValues> = (
+  // Unable to figure out how to get ConfigFields to infer the type.
+  // Making it any so the caller can specify the type.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  value: any,
+  values: Values
+) => boolean | string
+
+type ValidateMap<Values extends FieldValues> = Record<string, Validate<Values>>
+
 export type ConfigField<
   Values extends FieldValues,
   Categories extends string
@@ -65,7 +78,15 @@ export type ConfigField<
 
   show?: (values: Values) => boolean
 
-  validation: RegisterOptions<Values>
+  validation: {
+    required?: Message | ValidationRule<boolean>
+    min?: ValidationRule<number | string>
+    max?: ValidationRule<number | string>
+    maxLength?: ValidationRule<number>
+    minLength?: ValidationRule<number>
+    validate?: ValidateMap<Values> | Validate<Values>
+  }
+
   trigger?: Path<Values>[]
 
   // other
@@ -92,7 +113,8 @@ export function useRegisterForm<
 }) {
   const value = form.watch(name)
   const error =
-    form.formState.touchedFields[name] && !!form.formState.errors[name]
+    getFormStateFieldBoolean(form.formState.touchedFields, name) &&
+    !!form.formState.errors[name]
 
   // Do not memoize this register call, for an unknown reason it sometimes
   // causes form updates to stop working.
@@ -184,3 +206,11 @@ export function shouldShowField<
   const field = fields[name]
   return !field.hidden && (!field.show || field.show(form.getValues()))
 }
+
+// Helper method that works around some TypeScript issues with key access.
+export function getFormStateFieldBoolean<Values>(
+  map: Partial<Readonly<DeepMap<DeepPartial<Values>, boolean>>>,
+  name: string
+) {
+  return (map as Record<string, boolean>)[name]
+}
diff --git a/libs/design-system/src/hooks/useClientFilteredDataset.ts b/libs/design-system/src/hooks/useClientFilteredDataset.ts
index f53267c43..b69d7c63d 100644
--- a/libs/design-system/src/hooks/useClientFilteredDataset.ts
+++ b/libs/design-system/src/hooks/useClientFilteredDataset.ts
@@ -12,7 +12,7 @@ type DatumValue =
   | object
 
 type Props<Datum extends Record<string, DatumValue>> = {
-  dataset: Datum[] | null
+  dataset: Datum[] | undefined
   filters: ClientFilterItem<Datum>[]
   sortField: string
   sortDirection: 'asc' | 'desc'
@@ -21,9 +21,9 @@ type Props<Datum extends Record<string, DatumValue>> = {
 export function useClientFilteredDataset<
   Datum extends Record<string, DatumValue>
 >({ dataset, filters, sortField, sortDirection }: Props<Datum>) {
-  return useMemo<Datum[] | null>(() => {
+  return useMemo<Datum[] | undefined>(() => {
     if (!dataset) {
-      return null
+      return undefined
     }
     const filterList = Object.entries(filters).map(([_, f]) => f)
     let data = filterList.length
diff --git a/libs/design-system/src/hooks/useSiacoinFiat.tsx b/libs/design-system/src/hooks/useSiacoinFiat.tsx
index 8fe87dd2b..239720e78 100644
--- a/libs/design-system/src/hooks/useSiacoinFiat.tsx
+++ b/libs/design-system/src/hooks/useSiacoinFiat.tsx
@@ -7,23 +7,25 @@ import { useMemo } from 'react'
 import BigNumber from 'bignumber.js'
 
 type Props = {
-  sc: BigNumber
+  sc?: BigNumber
 }
 
-export function useSiacoinFiat({ sc }: Props): {
-  fiat?: BigNumber
-  currency?: CurrencyOption
-} {
+export function useSiacoinFiat({ sc }: Props):
+  | {
+      fiat: BigNumber
+      currency: CurrencyOption
+    }
+  | Record<string, never> {
   const { settings } = useAppSettings()
   const exchangeRate = useExchangeRate({
     currency: settings.currency.id,
   })
   const fiat = useMemo(
-    () => new BigNumber(sc).times(exchangeRate.rate || 1),
+    () => new BigNumber(sc || 0).times(exchangeRate.rate || 1),
     [sc, exchangeRate]
   )
 
-  if (!exchangeRate.rate || exchangeRate.rate.isZero()) {
+  if (!sc || !exchangeRate.rate || exchangeRate.rate.isZero()) {
     return {}
   }
 
diff --git a/libs/design-system/src/index.ts b/libs/design-system/src/index.ts
index 751653aa3..a2f32d054 100644
--- a/libs/design-system/src/index.ts
+++ b/libs/design-system/src/index.ts
@@ -186,3 +186,4 @@ export * from './lib/countryEmoji'
 export * from './lib/nodeToImage'
 export * from './lib/colors'
 export * from './lib/object'
+export type * from './lib/types'
diff --git a/libs/design-system/src/lib/object.ts b/libs/design-system/src/lib/object.ts
index 890e36582..cd1ec9f54 100644
--- a/libs/design-system/src/lib/object.ts
+++ b/libs/design-system/src/lib/object.ts
@@ -1,6 +1,4 @@
-type ObjectEntries<T> = {
-  [K in keyof T]: [K, T[K]]
-}[keyof T][]
+type ObjectEntries<T extends object> = Array<[keyof T, T[keyof T]]>
 
 export function objectEntries<T extends object>(obj: T): ObjectEntries<T> {
   return Object.entries(obj) as ObjectEntries<T>
diff --git a/libs/design-system/src/lib/types.ts b/libs/design-system/src/lib/types.ts
new file mode 100644
index 000000000..4ada1062b
--- /dev/null
+++ b/libs/design-system/src/lib/types.ts
@@ -0,0 +1,5 @@
+export type Maybe<T> = T | undefined
+
+export type NoUndefined<T> = {
+  [K in keyof T]: Exclude<T[K], undefined>
+}
diff --git a/libs/react-icons/src/BucketIcon.tsx b/libs/react-icons/src/BucketIcon.tsx
index 89181a4d4..e82a66161 100644
--- a/libs/react-icons/src/BucketIcon.tsx
+++ b/libs/react-icons/src/BucketIcon.tsx
@@ -1,13 +1,15 @@
 type Props = {
   size?: number
+  className?: string
 }
 
-export function BucketIcon({ size = 24 }: Props) {
+export function BucketIcon({ size = 24, className }: Props) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
       height={size}
       width={size}
+      className={className}
       fill="currentColor"
       viewBox="0 0 448 512"
     >
diff --git a/libs/sdk/jest.polyfills.js b/libs/sdk/jest.polyfills.js
index 5cc3a0873..24cf3dfc0 100644
--- a/libs/sdk/jest.polyfills.js
+++ b/libs/sdk/jest.polyfills.js
@@ -26,6 +26,6 @@ Object.defineProperties(globalThis, {
   File: { value: File },
   Headers: { value: Headers },
   FormData: { value: FormData },
-  Request: { value: Request },
-  Response: { value: Response },
+  Request: { value: Request, configurable: true },
+  Response: { value: Response, configurable: true },
 })
diff --git a/libs/units/src/events.ts b/libs/units/src/events.ts
index c35b194b2..55b8c09b1 100644
--- a/libs/units/src/events.ts
+++ b/libs/units/src/events.ts
@@ -25,7 +25,7 @@ export function getEventContractId(e: WalletEvent) {
   return undefined
 }
 
-export function getEventTxType(e: WalletEvent): TxType | undefined {
+export function getEventTxType(e: WalletEvent): TxType {
   const eventType = e.type
   if (eventType === 'v1Transaction') {
     return getTransactionType(e.data.transaction)
diff --git a/libs/units/src/storage.ts b/libs/units/src/storage.ts
index 60fa4a5ca..e94c85b98 100644
--- a/libs/units/src/storage.ts
+++ b/libs/units/src/storage.ts
@@ -89,8 +89,8 @@ export function getRemainingStorage(host: SiaCentralHost) {
 }
 
 export function getRedundancyMultiplier(
-  minShards: BigNumber,
-  totalShards: BigNumber
+  minShards?: BigNumber,
+  totalShards?: BigNumber
 ): BigNumber {
   let redundancyMult = new BigNumber(1)
   const canCalcRedundancy =
@@ -114,15 +114,15 @@ export function calculateEstimatedSpending({
   uploadTBMonth,
   redundancyMultiplier,
 }: {
-  maxStoragePriceTBMonth: BigNumber
-  maxDownloadPriceTB: BigNumber
-  maxUploadPriceTB: BigNumber
-  storageTB: BigNumber
-  downloadTBMonth: BigNumber
-  uploadTBMonth: BigNumber
-  redundancyMultiplier: BigNumber
+  maxStoragePriceTBMonth?: BigNumber
+  maxDownloadPriceTB?: BigNumber
+  maxUploadPriceTB?: BigNumber
+  storageTB?: BigNumber
+  downloadTBMonth?: BigNumber
+  uploadTBMonth?: BigNumber
+  redundancyMultiplier?: BigNumber
 }) {
-  // Return null if zero or negative values are provided.
+  // Return undefined if zero or negative values are provided.
   if (
     !maxStoragePriceTBMonth?.gt(0) ||
     !maxDownloadPriceTB?.gt(0) ||
@@ -132,7 +132,7 @@ export function calculateEstimatedSpending({
     !downloadTBMonth?.gt(0) ||
     !uploadTBMonth?.gt(0)
   ) {
-    return null
+    return undefined
   }
 
   const storageTBWithRedundancy = storageTB.times(redundancyMultiplier)
diff --git a/libs/units/src/transactionTypes.ts b/libs/units/src/transactionTypes.ts
index 294f4252b..81eca3363 100644
--- a/libs/units/src/transactionTypes.ts
+++ b/libs/units/src/transactionTypes.ts
@@ -18,8 +18,9 @@ export type TxType =
   | 'siafundClaim'
   | 'foundationSubsidy'
   | 'hostAnnouncement'
+  | 'unknown'
 
-export function getTransactionType(txn: Transaction): TxType | undefined {
+export function getTransactionType(txn: Transaction): TxType {
   if (txn.storageProofs && txn.storageProofs.length > 0) {
     return 'storageProof'
   }
@@ -51,10 +52,10 @@ export function getTransactionType(txn: Transaction): TxType | undefined {
     return 'siacoin'
   }
 
-  return undefined
+  return 'unknown'
 }
 
-export function getV2TransactionType(txn: V2Transaction): TxType | undefined {
+export function getV2TransactionType(txn: V2Transaction): TxType {
   if (txn.fileContractResolutions && txn.fileContractResolutions.length > 0) {
     const mapping: Record<V2FileContractResolutionType['type'], TxType> = {
       expiration: 'contractExpiration',
@@ -81,7 +82,7 @@ export function getV2TransactionType(txn: V2Transaction): TxType | undefined {
     return 'siacoin'
   }
 
-  return undefined
+  return 'unknown'
 }
 
 const txTypeMap: Record<TxType, string> = {
@@ -98,6 +99,7 @@ const txTypeMap: Record<TxType, string> = {
   siafundClaim: 'siafund claim',
   foundationSubsidy: 'foundation subsidy',
   hostAnnouncement: 'host announcement',
+  unknown: 'unknown transaction type',
 }
 export function getTxTypeLabel(type?: TxType): string | undefined {
   return type ? txTypeMap[type] : undefined
diff --git a/package-lock.json b/package-lock.json
index db887a4c9..65740696b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -163,7 +163,7 @@
         "eslint-plugin-react": "7.32.2",
         "eslint-plugin-react-hooks": "4.6.0",
         "jest": "29.4.3",
-        "msw": "^2.1.7",
+        "msw": "^2.4.9",
         "nx": "18.0.3",
         "playwright": "^1.42.1",
         "postcss": "8.4.21",
@@ -179,7 +179,7 @@
         "ts-jest": "29.1.1",
         "ts-node": "10.9.1",
         "tslib": "^2.6.2",
-        "typescript": "5.3.3",
+        "typescript": "5.6.2",
         "undici": "5.28.3",
         "url-loader": "^4.1.1",
         "webpack": "5.88.2",
@@ -2871,6 +2871,17 @@
         "statuses": "^2.0.1"
       }
     },
+    "node_modules/@bundled-es-modules/tough-cookie": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/tough-cookie/-/tough-cookie-0.1.6.tgz",
+      "integrity": "sha512-dvMHbL464C0zI+Yqxbz6kZ5TOEp7GLW+pry/RWndAR8MJQAXZ2rPmIs8tziTZjeIyhSNZgZbCePtfSbdWqStJw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@types/tough-cookie": "^4.0.5",
+        "tough-cookie": "^4.1.4"
+      }
+    },
     "node_modules/@carbon/icon-helpers": {
       "version": "10.29.0",
       "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.29.0.tgz",
@@ -4209,6 +4220,110 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@inquirer/confirm": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.2.0.tgz",
+      "integrity": "sha512-oOIwPs0Dvq5220Z8lGL/6LHRTEr9TgLHmiI99Rj1PJ1p1czTys+olrgBqZk4E2qC0YTzeHprxSQmoHioVdJ7Lw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^9.1.0",
+        "@inquirer/type": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/core": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz",
+      "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/figures": "^1.0.6",
+        "@inquirer/type": "^2.0.0",
+        "@types/mute-stream": "^0.0.4",
+        "@types/node": "^22.5.5",
+        "@types/wrap-ansi": "^3.0.0",
+        "ansi-escapes": "^4.3.2",
+        "cli-width": "^4.1.0",
+        "mute-stream": "^1.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^6.2.0",
+        "yoctocolors-cjs": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/@inquirer/type": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz",
+      "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mute-stream": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/@types/node": {
+      "version": "22.5.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.5.tgz",
+      "integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@inquirer/core/node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@inquirer/figures": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.6.tgz",
+      "integrity": "sha512-yfZzps3Cso2UbM7WlxKwZQh2Hs6plrbjs1QnzQDZhK2DgyCo6D8AaHps9olkNcUFlcYERMqU3uJSp1gmy3s/qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/type": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
+      "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mute-stream": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -5077,26 +5192,18 @@
         "tslib": "^2.3.1"
       }
     },
-    "node_modules/@mswjs/cookies": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@mswjs/cookies/-/cookies-1.1.0.tgz",
-      "integrity": "sha512-0ZcCVQxifZmhwNBoQIrystCb+2sWBY2Zw8lpfJBPCHGCA/HWqehITeCRVIv4VMy8MPlaHo2w2pTHFV2pFfqKPw==",
-      "dev": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@mswjs/interceptors": {
-      "version": "0.25.16",
-      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.25.16.tgz",
-      "integrity": "sha512-8QC8JyKztvoGAdPgyZy49c9vSHHAZjHagwl4RY9E8carULk8ym3iTaiawrT1YoLF/qb449h48f71XDPgkUSOUg==",
+      "version": "0.35.8",
+      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.35.8.tgz",
+      "integrity": "sha512-PFfqpHplKa7KMdoQdj5td03uG05VK2Ng1dG0sP4pT9h0dGSX2v9txYt/AnrzPb/vAmfyBBC0NQV7VaBEX+efgQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@open-draft/deferred-promise": "^2.2.0",
         "@open-draft/logger": "^0.3.0",
         "@open-draft/until": "^2.0.0",
         "is-node-process": "^1.2.0",
-        "outvariant": "^1.2.1",
+        "outvariant": "^1.4.3",
         "strict-event-emitter": "^0.5.1"
       },
       "engines": {
@@ -5556,6 +5663,20 @@
         }
       }
     },
+    "node_modules/@nx/eslint/node_modules/typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/@nx/jest": {
       "version": "18.0.3",
       "resolved": "https://registry.npmjs.org/@nx/jest/-/jest-18.0.3.tgz",
@@ -6203,13 +6324,15 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@open-draft/deferred-promise/-/deferred-promise-2.2.0.tgz",
       "integrity": "sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@open-draft/logger": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@open-draft/logger/-/logger-0.3.0.tgz",
       "integrity": "sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-node-process": "^1.2.0",
         "outvariant": "^1.4.0"
@@ -6219,7 +6342,8 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@open-draft/until/-/until-2.1.0.tgz",
       "integrity": "sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@phenomnomnominal/tsquery": {
       "version": "5.0.1",
@@ -9211,6 +9335,16 @@
       "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
       "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
     },
+    "node_modules/@types/mute-stream": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
+      "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/node": {
       "version": "18.19.14",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.14.tgz",
@@ -9407,15 +9541,23 @@
       "dev": true
     },
     "node_modules/@types/tough-cookie": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.1.tgz",
-      "integrity": "sha512-Y0K95ThC3esLEYD6ZuqNek29lNX2EM1qxV8y2FTLUB0ff5wWrk7az+mLrnNFUnaXcgKye22+sFBRXOgpPILZNg=="
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
+      "license": "MIT"
     },
     "node_modules/@types/unist": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
       "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
     },
+    "node_modules/@types/wrap-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
+      "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ws": {
       "version": "8.5.5",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz",
@@ -11821,12 +11963,13 @@
       }
     },
     "node_modules/cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+      "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
       "dev": true,
+      "license": "ISC",
       "engines": {
-        "node": ">= 10"
+        "node": ">= 12"
       }
     },
     "node_modules/client-only": {
@@ -17158,58 +17301,6 @@
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
       "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
     },
-    "node_modules/inquirer": {
-      "version": "8.2.5",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.5.tgz",
-      "integrity": "sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.1",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.21",
-        "mute-stream": "0.0.8",
-        "ora": "^5.4.1",
-        "run-async": "^2.4.0",
-        "rxjs": "^7.5.5",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/inquirer/node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/inquirer/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/internal-slot": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
@@ -17538,7 +17629,8 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/is-node-process/-/is-node-process-1.2.0.tgz",
       "integrity": "sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/is-number": {
       "version": "7.0.0",
@@ -20807,27 +20899,27 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/msw": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/msw/-/msw-2.1.7.tgz",
-      "integrity": "sha512-yTIYqEMqDSrdbVMrfmqP6rTKQsnIbglTvVmAHDWwNegyXPXRcV+RjsaFEqubRS266gwWCDLm9YdOkWSKLdDvJQ==",
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/msw/-/msw-2.4.9.tgz",
+      "integrity": "sha512-1m8xccT6ipN4PTqLinPwmzhxQREuxaEJYdx4nIbggxP8aM7r1e71vE7RtOUSQoAm1LydjGfZKy7370XD/tsuYg==",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "dependencies": {
         "@bundled-es-modules/cookie": "^2.0.0",
         "@bundled-es-modules/statuses": "^1.0.1",
-        "@mswjs/cookies": "^1.1.0",
-        "@mswjs/interceptors": "^0.25.16",
+        "@bundled-es-modules/tough-cookie": "^0.1.6",
+        "@inquirer/confirm": "^3.0.0",
+        "@mswjs/interceptors": "^0.35.8",
         "@open-draft/until": "^2.1.0",
         "@types/cookie": "^0.6.0",
         "@types/statuses": "^2.0.4",
         "chalk": "^4.1.2",
-        "chokidar": "^3.4.2",
         "graphql": "^16.8.1",
         "headers-polyfill": "^4.0.2",
-        "inquirer": "^8.2.0",
         "is-node-process": "^1.2.0",
         "outvariant": "^1.4.2",
-        "path-to-regexp": "^6.2.0",
+        "path-to-regexp": "^6.3.0",
         "strict-event-emitter": "^0.5.1",
         "type-fest": "^4.9.0",
         "yargs": "^17.7.2"
@@ -20839,11 +20931,10 @@
         "node": ">=18"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mswjs"
+        "url": "https://github.com/sponsors/mswjs"
       },
       "peerDependencies": {
-        "typescript": ">= 4.7.x <= 5.3.x"
+        "typescript": ">= 4.8.x"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -20852,10 +20943,11 @@
       }
     },
     "node_modules/msw/node_modules/path-to-regexp": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
-      "integrity": "sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==",
-      "dev": true
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
+      "integrity": "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/msw/node_modules/type-fest": {
       "version": "4.10.2",
@@ -20883,10 +20975,14 @@
       }
     },
     "node_modules/mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-      "dev": true
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
+      "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
     },
     "node_modules/nanoclone": {
       "version": "0.2.1",
@@ -21694,29 +21790,6 @@
         "opener": "bin/opener-bin.js"
       }
     },
-    "node_modules/ora": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.1.0",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-spinners": "^2.5.0",
-        "is-interactive": "^1.0.0",
-        "is-unicode-supported": "^0.1.0",
-        "log-symbols": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "wcwidth": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/os-filter-obj": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/os-filter-obj/-/os-filter-obj-2.0.0.tgz",
@@ -21743,10 +21816,11 @@
       "integrity": "sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q=="
     },
     "node_modules/outvariant": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.2.tgz",
-      "integrity": "sha512-Ou3dJ6bA/UJ5GVHxah4LnqDwZRwAmWxrG3wtrHrbGnP4RnLCtA64A4F+ae7Y8ww660JaddSoArUR5HjipWSHAQ==",
-      "dev": true
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.3.tgz",
+      "integrity": "sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/p-cancelable": {
       "version": "2.1.1",
@@ -24647,15 +24721,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -25737,7 +25802,8 @@
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz",
       "integrity": "sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/string_decoder": {
       "version": "1.1.1",
@@ -26735,9 +26801,10 @@
       "integrity": "sha1-riF2gXXRVZ1IvvNUILL0li8JwzA="
     },
     "node_modules/tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -27183,10 +27250,11 @@
       "integrity": "sha512-lyACZh1cu+vpfYY3DG/bvsGLXXbdoDDpWxmqta10IQUdMXisMXOEyl+jos+YT9uBbzK4QaKYBjT3R0kTJO0Slw=="
     },
     "node_modules/typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
+      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
       "devOptional": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -28551,6 +28619,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoctocolors-cjs": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.2.tgz",
+      "integrity": "sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/yup": {
       "version": "0.32.11",
       "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
@@ -30086,6 +30167,16 @@
         "statuses": "^2.0.1"
       }
     },
+    "@bundled-es-modules/tough-cookie": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/tough-cookie/-/tough-cookie-0.1.6.tgz",
+      "integrity": "sha512-dvMHbL464C0zI+Yqxbz6kZ5TOEp7GLW+pry/RWndAR8MJQAXZ2rPmIs8tziTZjeIyhSNZgZbCePtfSbdWqStJw==",
+      "dev": true,
+      "requires": {
+        "@types/tough-cookie": "^4.0.5",
+        "tough-cookie": "^4.1.4"
+      }
+    },
     "@carbon/icon-helpers": {
       "version": "10.29.0",
       "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.29.0.tgz",
@@ -31178,6 +31269,83 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@inquirer/confirm": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.2.0.tgz",
+      "integrity": "sha512-oOIwPs0Dvq5220Z8lGL/6LHRTEr9TgLHmiI99Rj1PJ1p1czTys+olrgBqZk4E2qC0YTzeHprxSQmoHioVdJ7Lw==",
+      "dev": true,
+      "requires": {
+        "@inquirer/core": "^9.1.0",
+        "@inquirer/type": "^1.5.3"
+      }
+    },
+    "@inquirer/core": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz",
+      "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==",
+      "dev": true,
+      "requires": {
+        "@inquirer/figures": "^1.0.6",
+        "@inquirer/type": "^2.0.0",
+        "@types/mute-stream": "^0.0.4",
+        "@types/node": "^22.5.5",
+        "@types/wrap-ansi": "^3.0.0",
+        "ansi-escapes": "^4.3.2",
+        "cli-width": "^4.1.0",
+        "mute-stream": "^1.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^6.2.0",
+        "yoctocolors-cjs": "^2.1.2"
+      },
+      "dependencies": {
+        "@inquirer/type": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz",
+          "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==",
+          "dev": true,
+          "requires": {
+            "mute-stream": "^1.0.0"
+          }
+        },
+        "@types/node": {
+          "version": "22.5.5",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.5.tgz",
+          "integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~6.19.2"
+          }
+        },
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+          "dev": true
+        },
+        "undici-types": {
+          "version": "6.19.8",
+          "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+          "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+          "dev": true
+        }
+      }
+    },
+    "@inquirer/figures": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.6.tgz",
+      "integrity": "sha512-yfZzps3Cso2UbM7WlxKwZQh2Hs6plrbjs1QnzQDZhK2DgyCo6D8AaHps9olkNcUFlcYERMqU3uJSp1gmy3s/qQ==",
+      "dev": true
+    },
+    "@inquirer/type": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
+      "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
+      "dev": true,
+      "requires": {
+        "mute-stream": "^1.0.0"
+      }
+    },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -31899,23 +32067,17 @@
         "tslib": "^2.3.1"
       }
     },
-    "@mswjs/cookies": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@mswjs/cookies/-/cookies-1.1.0.tgz",
-      "integrity": "sha512-0ZcCVQxifZmhwNBoQIrystCb+2sWBY2Zw8lpfJBPCHGCA/HWqehITeCRVIv4VMy8MPlaHo2w2pTHFV2pFfqKPw==",
-      "dev": true
-    },
     "@mswjs/interceptors": {
-      "version": "0.25.16",
-      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.25.16.tgz",
-      "integrity": "sha512-8QC8JyKztvoGAdPgyZy49c9vSHHAZjHagwl4RY9E8carULk8ym3iTaiawrT1YoLF/qb449h48f71XDPgkUSOUg==",
+      "version": "0.35.8",
+      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.35.8.tgz",
+      "integrity": "sha512-PFfqpHplKa7KMdoQdj5td03uG05VK2Ng1dG0sP4pT9h0dGSX2v9txYt/AnrzPb/vAmfyBBC0NQV7VaBEX+efgQ==",
       "dev": true,
       "requires": {
         "@open-draft/deferred-promise": "^2.2.0",
         "@open-draft/logger": "^0.3.0",
         "@open-draft/until": "^2.0.0",
         "is-node-process": "^1.2.0",
-        "outvariant": "^1.2.1",
+        "outvariant": "^1.4.3",
         "strict-event-emitter": "^0.5.1"
       }
     },
@@ -32212,6 +32374,14 @@
         "eslint": "^8.0.0",
         "tslib": "^2.3.0",
         "typescript": "~5.3.2"
+      },
+      "dependencies": {
+        "typescript": {
+          "version": "5.3.3",
+          "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+          "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+          "dev": true
+        }
       }
     },
     "@nx/eslint-plugin": {
@@ -35060,6 +35230,15 @@
       "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
       "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
     },
+    "@types/mute-stream": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
+      "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/node": {
       "version": "18.19.14",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.14.tgz",
@@ -35254,15 +35433,21 @@
       "dev": true
     },
     "@types/tough-cookie": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.1.tgz",
-      "integrity": "sha512-Y0K95ThC3esLEYD6ZuqNek29lNX2EM1qxV8y2FTLUB0ff5wWrk7az+mLrnNFUnaXcgKye22+sFBRXOgpPILZNg=="
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA=="
     },
     "@types/unist": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
       "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
     },
+    "@types/wrap-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
+      "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
+      "dev": true
+    },
     "@types/ws": {
       "version": "8.5.5",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz",
@@ -37062,9 +37247,9 @@
       "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g=="
     },
     "cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+      "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
       "dev": true
     },
     "client-only": {
@@ -40948,51 +41133,6 @@
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
       "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
     },
-    "inquirer": {
-      "version": "8.2.5",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.5.tgz",
-      "integrity": "sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==",
-      "dev": true,
-      "requires": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.1",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.21",
-        "mute-stream": "0.0.8",
-        "ora": "^5.4.1",
-        "run-async": "^2.4.0",
-        "rxjs": "^7.5.5",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6",
-        "wrap-ansi": "^7.0.0"
-      },
-      "dependencies": {
-        "rxjs": {
-          "version": "7.8.1",
-          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-          "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-          "dev": true,
-          "requires": {
-            "tslib": "^2.1.0"
-          }
-        },
-        "wrap-ansi": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-          "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^4.0.0",
-            "string-width": "^4.1.0",
-            "strip-ansi": "^6.0.0"
-          }
-        }
-      }
-    },
     "internal-slot": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
@@ -43526,35 +43666,34 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "msw": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/msw/-/msw-2.1.7.tgz",
-      "integrity": "sha512-yTIYqEMqDSrdbVMrfmqP6rTKQsnIbglTvVmAHDWwNegyXPXRcV+RjsaFEqubRS266gwWCDLm9YdOkWSKLdDvJQ==",
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/msw/-/msw-2.4.9.tgz",
+      "integrity": "sha512-1m8xccT6ipN4PTqLinPwmzhxQREuxaEJYdx4nIbggxP8aM7r1e71vE7RtOUSQoAm1LydjGfZKy7370XD/tsuYg==",
       "dev": true,
       "requires": {
         "@bundled-es-modules/cookie": "^2.0.0",
         "@bundled-es-modules/statuses": "^1.0.1",
-        "@mswjs/cookies": "^1.1.0",
-        "@mswjs/interceptors": "^0.25.16",
+        "@bundled-es-modules/tough-cookie": "^0.1.6",
+        "@inquirer/confirm": "^3.0.0",
+        "@mswjs/interceptors": "^0.35.8",
         "@open-draft/until": "^2.1.0",
         "@types/cookie": "^0.6.0",
         "@types/statuses": "^2.0.4",
         "chalk": "^4.1.2",
-        "chokidar": "^3.4.2",
         "graphql": "^16.8.1",
         "headers-polyfill": "^4.0.2",
-        "inquirer": "^8.2.0",
         "is-node-process": "^1.2.0",
         "outvariant": "^1.4.2",
-        "path-to-regexp": "^6.2.0",
+        "path-to-regexp": "^6.3.0",
         "strict-event-emitter": "^0.5.1",
         "type-fest": "^4.9.0",
         "yargs": "^17.7.2"
       },
       "dependencies": {
         "path-to-regexp": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
-          "integrity": "sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==",
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
+          "integrity": "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==",
           "dev": true
         },
         "type-fest": {
@@ -43576,9 +43715,9 @@
       }
     },
     "mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
+      "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
       "dev": true
     },
     "nanoclone": {
@@ -44139,23 +44278,6 @@
       "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
       "dev": true
     },
-    "ora": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
-      "dev": true,
-      "requires": {
-        "bl": "^4.1.0",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-spinners": "^2.5.0",
-        "is-interactive": "^1.0.0",
-        "is-unicode-supported": "^0.1.0",
-        "log-symbols": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "wcwidth": "^1.0.1"
-      }
-    },
     "os-filter-obj": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/os-filter-obj/-/os-filter-obj-2.0.0.tgz",
@@ -44176,9 +44298,9 @@
       "integrity": "sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q=="
     },
     "outvariant": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.2.tgz",
-      "integrity": "sha512-Ou3dJ6bA/UJ5GVHxah4LnqDwZRwAmWxrG3wtrHrbGnP4RnLCtA64A4F+ae7Y8ww660JaddSoArUR5HjipWSHAQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.3.tgz",
+      "integrity": "sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==",
       "dev": true
     },
     "p-cancelable": {
@@ -46232,12 +46354,6 @@
         }
       }
     },
-    "run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-      "dev": true
-    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -47790,9 +47906,9 @@
       "integrity": "sha1-riF2gXXRVZ1IvvNUILL0li8JwzA="
     },
     "tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
       "requires": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -48102,9 +48218,9 @@
       "integrity": "sha512-lyACZh1cu+vpfYY3DG/bvsGLXXbdoDDpWxmqta10IQUdMXisMXOEyl+jos+YT9uBbzK4QaKYBjT3R0kTJO0Slw=="
     },
     "typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
+      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
       "devOptional": true
     },
     "uglify-js": {
@@ -49043,6 +49159,12 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     },
+    "yoctocolors-cjs": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.2.tgz",
+      "integrity": "sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==",
+      "dev": true
+    },
     "yup": {
       "version": "0.32.11",
       "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
diff --git a/package.json b/package.json
index 6cf4712a0..4c9c8ea39 100644
--- a/package.json
+++ b/package.json
@@ -176,7 +176,7 @@
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "jest": "29.4.3",
-    "msw": "^2.1.7",
+    "msw": "^2.4.9",
     "nx": "18.0.3",
     "postcss": "8.4.21",
     "prettier": "2.7.1",
@@ -191,7 +191,7 @@
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
     "tslib": "^2.6.2",
-    "typescript": "5.3.3",
+    "typescript": "5.6.2",
     "undici": "5.28.3",
     "url-loader": "^4.1.1",
     "webpack": "5.88.2",