extend alerts feature, renterd cancel transfers, ms values, stats loading states, hostd volume action states

.changeset/clever-turkeys-accept.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Initiated an already active upload or download now shows an error.

.changeset/cool-geckos-happen.md

@@ -0,0 +1,6 @@
+---
+'hostd': minor
+'renterd': minor
+---
+
+Alerts can now be filtered and dismissed by type.

.changeset/large-mangos-clean.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+File uploads and downloads can now be canceled from the transfers bar.

.changeset/perfect-items-smoke.md

@@ -0,0 +1,6 @@
+---
+'hostd': minor
+'renterd': minor
+---
+
+The alert dialog now has a fixed height, so it stays in the same position when an alert is dismissed.

.changeset/two-squids-type.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Fixed an issue with file transfer progress reporting.

.changeset/wise-doors-join.md

@@ -0,0 +1,6 @@
+---
+'hostd': minor
+'renterd': minor
+---
+
+Fixed an issue with the alert dismiss button overflowing.

apps/explorer/components/Contract/ContractHeader.tsx

@@ -1,10 +1,9 @@
 import {
-  ArrowLeft16,
-  ArrowRight16,
   Badge,
   ContractTimeline,
   LinkButton,
 } from '@siafoundation/design-system'
+import { ArrowLeft16, ArrowRight16 } from '@siafoundation/react-icons'
 import {
   SiaCentralContract,
   getSiaCentralBlockLatest,

apps/explorer/components/EntityHeading.tsx

@@ -6,9 +6,9 @@ import {
   humanId,
   Button,
   Link,
-  Copy16,
   EntityType,
 } from '@siafoundation/design-system'
+import { Copy16 } from '@siafoundation/react-icons'
 import { upperFirst } from 'lodash'
 
 type Props = {

apps/explorer/components/Faucet/FaucetStatus.tsx

@@ -1,6 +1,5 @@
 import {
   Button,
-  Copy24,
   copyToClipboard,
   Label,
   LoadingDots,
@@ -11,6 +10,7 @@ import {
   ValueCopyable,
   ValueSc,
 } from '@siafoundation/design-system'
+import { Copy24 } from '@siafoundation/react-icons'
 import BigNumber from 'bignumber.js'
 import { useEffect, useState } from 'react'
 import { useFaucetStatus } from '../../hooks/useFaucetStatus'

apps/explorer/components/Faucet/index.tsx

@@ -2,7 +2,6 @@
 
 import {
   Container,
-  FaucetIcon,
   Heading,
   Panel,
   Tabs,
@@ -12,6 +11,7 @@ import {
   Text,
   webLinks,
 } from '@siafoundation/design-system'
+import { FaucetIcon } from '@siafoundation/react-icons'
 import { useCallback, useEffect, useState } from 'react'
 import { FaucetFundForm } from './FaucetFundForm'
 import { FaucetStatus } from './FaucetStatus'

apps/explorer/components/FaucetSkeleton/index.tsx

@@ -1,10 +1,5 @@
-import {
-  Container,
-  Panel,
-  Text,
-  FaucetIcon,
-  Heading,
-} from '@siafoundation/design-system'
+import { Container, Panel, Text, Heading } from '@siafoundation/design-system'
+import { FaucetIcon } from '@siafoundation/react-icons'
 import { networkName } from '../../config'
 
 export function FaucetSkeleton() {

apps/explorer/components/Home/HostListItem.tsx

@@ -6,11 +6,13 @@ import {
   EntityListItemLayoutProps,
   Text,
   Tooltip,
+  Link,
+} from '@siafoundation/design-system'
+import {
   CloudDownload16,
   CloudUpload16,
   VmdkDisk16,
-  Link,
-} from '@siafoundation/design-system'
+} from '@siafoundation/react-icons'
 import {
   SiaCentralExchangeRates,
   SiaCentralHost,

apps/explorer/components/Host/HostInfo.tsx

@@ -1,14 +1,16 @@
 import {
-  CheckmarkFilled16,
-  Fork16,
   Separator,
   Text,
-  Time16,
   Tooltip,
   ValueCopyable,
-  WarningFilled16,
   countryCodeEmoji,
 } from '@siafoundation/design-system'
+import {
+  CheckmarkFilled16,
+  Fork16,
+  Time16,
+  WarningFilled16,
+} from '@siafoundation/react-icons'
 import { SiaCentralHost } from '@siafoundation/sia-central'
 import { humanDate } from '@siafoundation/sia-js'
 import { formatDistance } from 'date-fns'

apps/explorer/components/Host/HostPricing.tsx

@@ -1,12 +1,11 @@
 'use client'
 
+import { Text, Tooltip } from '@siafoundation/design-system'
 import {
   CloudDownload16,
   CloudUpload16,
-  Text,
-  Tooltip,
   VmdkDisk16,
-} from '@siafoundation/design-system'
+} from '@siafoundation/react-icons'
 import {
   SiaCentralExchangeRates,
   SiaCentralHost,

apps/explorer/components/HostSkeleton/HostHeaderSkeleton.tsx

@@ -1,12 +1,9 @@
+import { Avatar, Separator, Skeleton, Text } from '@siafoundation/design-system'
 import {
-  Avatar,
   CloudDownload16,
   CloudUpload16,
-  Separator,
-  Skeleton,
-  Text,
   VmdkDisk16,
-} from '@siafoundation/design-system'
+} from '@siafoundation/react-icons'
 
 export function HostHeaderSkeleton() {
   return (

apps/explorer/components/Layout/NavDropdownMenu.tsx

@@ -7,10 +7,10 @@ import {
   Link,
   DropdownMenuGroup,
   DropdownMenuLabel,
-  Menu24,
   CurrencySelector,
   ThemeRadio,
 } from '@siafoundation/design-system'
+import { Menu24 } from '@siafoundation/react-icons'
 
 type Props = React.ComponentProps<typeof Button> & {
   trigger?: React.ReactNode

apps/explorer/components/Layout/Search.tsx

@@ -5,9 +5,9 @@ import {
   ConfigFields,
   ControlGroup,
   FieldText,
-  Search16,
   triggerToast,
 } from '@siafoundation/design-system'
+import { Search16 } from '@siafoundation/react-icons'
 import React, { useCallback } from 'react'
 import { useRouter } from 'next/navigation'
 import { useForm } from 'react-hook-form'

apps/explorer/components/Layout/index.tsx

@@ -1,4 +1,5 @@
-import { FaucetIcon, LinkButton, Tooltip } from '@siafoundation/design-system'
+import { LinkButton, Tooltip } from '@siafoundation/design-system'
+import { FaucetIcon } from '@siafoundation/react-icons'
 import { routes } from '../../config/routes'
 import { Search } from './Search'
 import { isMainnet, network, networkName, appName } from '../../config'

apps/hostd/components/CmdRoot/CmdEmpty.tsx

@@ -1,4 +1,5 @@
-import { Query16, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { Query16 } from '@siafoundation/react-icons'
 
 export type CmdEmptyProps = { search: string; debouncedSearch: string }
 

apps/hostd/components/Config/AnnounceButton.tsx

@@ -1,10 +1,10 @@
 import {
   Button,
-  Bullhorn16,
   Paragraph,
   triggerErrorToast,
   triggerSuccessToast,
 } from '@siafoundation/design-system'
+import { Bullhorn16 } from '@siafoundation/react-icons'
 import { useDialog } from '../../contexts/dialog'
 import { useSettingsAnnounce, useTxPoolFee } from '@siafoundation/react-hostd'
 import { humanSiacoin } from '@siafoundation/sia-js'

apps/hostd/components/Config/index.tsx

@@ -3,19 +3,20 @@ import {
   Button,
   triggerSuccessToast,
   triggerErrorToast,
+  ConfigurationPanel,
+  useOnInvalid,
+} from '@siafoundation/design-system'
+import {
   Reset16,
   Save16,
   Warning16,
   CheckmarkFilled16,
-  ConfigurationPanel,
-  useOnInvalid,
-} from '@siafoundation/design-system'
+} from '@siafoundation/react-icons'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { HostdSidenav } from '../HostdSidenav'
 import { routes } from '../../config/routes'
 import { useDialog } from '../../contexts/dialog'
 import { HostdAuthedLayout } from '../../components/HostdAuthedLayout'
-import {} from '@siafoundation/design-system'
 import {
   HostSettings,
   useSettings,

apps/hostd/components/Contracts/ContractContextMenu.tsx

@@ -1,18 +1,17 @@
 import {
   DropdownMenu,
   Button,
-  Draggable16,
   DropdownMenuLabel,
   DropdownMenuItem,
   triggerErrorToast,
   triggerSuccessToast,
   Code,
   Link,
   DropdownMenuLeftSlot,
-  DataCheck16,
   Tooltip,
   Text,
 } from '@siafoundation/design-system'
+import { Draggable16, DataCheck16 } from '@siafoundation/react-icons'
 import {
   ContractStatus,
   useContractsIntegrityCheck,

apps/hostd/components/Contracts/ContractsFilterMenu/index.tsx

@@ -5,9 +5,9 @@ import {
   Button,
   ScrollArea,
   ControlGroup,
-  Close16,
   truncate,
 } from '@siafoundation/design-system'
+import { Close16 } from '@siafoundation/react-icons'
 import { Command } from 'cmdk'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useContracts } from '../../../contexts/contracts'

apps/hostd/components/Contracts/ContractsViewDropdownMenu.tsx

@@ -1,18 +1,20 @@
 import {
   Button,
-  CaretDown16,
-  SettingsAdjust16,
   Select,
   PoolCombo,
   Label,
   Popover,
   MenuItemRightSlot,
   BaseMenuItem,
   MenuSeparator,
-  Reset16,
   MenuSectionLabelToggleAll,
   Option,
 } from '@siafoundation/design-system'
+import {
+  CaretDown16,
+  SettingsAdjust16,
+  Reset16,
+} from '@siafoundation/react-icons'
 import { SortField, sortOptions } from '../../contexts/contracts/types'
 import { useContracts } from '../../contexts/contracts'
 import { groupBy } from 'lodash'

apps/hostd/components/Contracts/StateError.tsx

@@ -1,4 +1,5 @@
-import { MisuseOutline32, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { MisuseOutline32 } from '@siafoundation/react-icons'
 
 export function StateError() {
   return (

apps/hostd/components/Contracts/StateNoneMatching.tsx

@@ -1,4 +1,5 @@
-import { Filter32, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { Filter32 } from '@siafoundation/react-icons'
 
 export function StateNoneMatching() {
   return (

apps/hostd/components/Contracts/StateNoneYet.tsx

@@ -1,4 +1,5 @@
-import { FileContractIcon, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { FileContractIcon } from '@siafoundation/react-icons'
 
 export function StateNoneYet() {
   return (

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/DirectoryCreate.tsx

@@ -1,9 +1,9 @@
 import {
-  FolderAdd16,
   Text,
   TextField,
   triggerErrorToast,
 } from '@siafoundation/design-system'
+import { FolderAdd16 } from '@siafoundation/react-icons'
 import { useSystemDirectoryCreate } from '@siafoundation/react-hostd'
 import { useHostOSPathSeparator } from '../../../hooks/useHostOSPathSeparator'
 import { getChildDirectoryPath } from '../../../lib/system'

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/DirectoryParentItem.tsx

@@ -1,6 +1,7 @@
 import { CommandItemSearch } from '../../CmdRoot/Item'
 import { Page } from '../../CmdRoot/types'
-import { FolderIcon, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { FolderIcon } from '@siafoundation/react-icons'
 import { useHostOSPathSeparator } from '../../../hooks/useHostOSPathSeparator'
 import { getParentDir } from '../../../lib/system'
 

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/DirectorySelectEmpty.tsx

@@ -1,4 +1,5 @@
-import { Folder16, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { Folder16 } from '@siafoundation/react-icons'
 
 export function DirectorySelectEmpty({ search }: { search: string }) {
   return (

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/DirectorySelectError.tsx

@@ -1,4 +1,5 @@
-import { Folder16, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { Folder16 } from '@siafoundation/react-icons'
 
 export function DirectorySelectError() {
   return (

apps/hostd/components/DirectorySelectMenu/DirectorySelectCmd/index.tsx

@@ -1,6 +1,7 @@
 import { CommandGroup, CommandItemSearch } from '../../CmdRoot/Item'
 import { Page } from '../../CmdRoot/types'
-import { FolderIcon, Text } from '@siafoundation/design-system'
+import { Text } from '@siafoundation/design-system'
+import { FolderIcon } from '@siafoundation/react-icons'
 import { DirectorySelectEmpty } from './DirectorySelectEmpty'
 import { SystemDirResponse } from '@siafoundation/react-hostd'
 import { useHostOSPathSeparator } from '../../../hooks/useHostOSPathSeparator'

apps/hostd/components/Home/index.tsx

@@ -2,12 +2,11 @@ import {
   Button,
   ControlGroup,
   Text,
-  CalendarHeatMap16,
   Tooltip,
   Select,
-  Ruler16,
   Option,
 } from '@siafoundation/design-system'
+import { CalendarHeatMap16, Ruler16 } from '@siafoundation/react-icons'
 import { useMetrics } from '../../contexts/metrics'
 import { HomeRevenue } from './HomeRevenue'
 import { HomeStorage } from './HomeStorage'

apps/hostd/components/HostdSidenav.tsx

@@ -1,12 +1,11 @@
+import { SidenavItem, Text } from '@siafoundation/design-system'
 import {
-  SidenavItem,
   FileContractIcon,
   BarsProgressIcon,
   HouseIcon,
   HardDriveIcon,
   BellIcon,
-  Text,
-} from '@siafoundation/design-system'
+} from '@siafoundation/react-icons'
 import { useAlerts } from '@siafoundation/react-hostd'
 import { cx } from 'class-variance-authority'
 import { routes } from '../config/routes'