renterd prune sector roots, fix host interactions data, onboarding display, balance evolution, decimal inputs

.changeset/chilly-walls-jump.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+Fixed an issue with the host interaction values showing as 0s on the host explorer.

.changeset/gorgeous-snakes-hide.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+The advanced configuration now includes a prune sector roots setting.

.changeset/short-cheetahs-enjoy.md

@@ -0,0 +1,5 @@
+---
+'@siafoundation/react-renterd': minor
+---
+
+Update host interaction type casing.

.changeset/six-buses-grin.md

@@ -0,0 +1,5 @@
+---
+'renterd': minor
+---
+
+The wallet page now shows the balance evolution again, using the new wallet metrics API.

.changeset/small-pandas-sniff.md

@@ -0,0 +1,5 @@
+---
+'@siafoundation/react-renterd': minor
+---
+
+Add metrics APIs.

.changeset/swift-cobras-sleep.md

@@ -0,0 +1,6 @@
+---
+'hostd': minor
+'renterd': minor
+---
+
+The onboarding wizard no longer shows on the login page.

.changeset/warm-ants-collect.md

@@ -0,0 +1,7 @@
+---
+'hostd': minor
+'renterd': minor
+'@siafoundation/design-system': minor
+---
+
+Fixed an issue where number fields would not properly handle user input starting with a decimal separator.

apps/hostd/components/CmdKDialog/index.tsx

@@ -11,13 +11,13 @@ type Props = {
 }
 
 export function CmdKDialog({ open, onOpenChange, setOpen }: Props) {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const { isConnected } = useConnectivity({
     route: connectivityRoute,
   })
   // Toggle the menu when ⌘K is pressed
   useEffect(() => {
-    if (!isUnlocked || !isConnected) {
+    if (!isUnlockedAndAuthedRoute || !isConnected) {
       return
     }
     const down = (e: KeyboardEvent) => {
@@ -28,7 +28,7 @@ export function CmdKDialog({ open, onOpenChange, setOpen }: Props) {
 
     document.addEventListener('keydown', down)
     return () => document.removeEventListener('keydown', down)
-  }, [isUnlocked, isConnected, setOpen])
+  }, [isUnlockedAndAuthedRoute, isConnected, setOpen])
 
   return (
     <>

apps/hostd/components/OnboardingBar.tsx

@@ -25,7 +25,7 @@ import { useVolumes } from '../contexts/volumes'
 import useLocalStorageState from 'use-local-storage-state'
 
 export function OnboardingBar() {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const { openDialog } = useDialog()
   const { dataset: volumes } = useVolumes()
   const settings = useSettings()
@@ -38,7 +38,7 @@ export function OnboardingBar() {
   )
   const syncStatus = useSyncStatus()
 
-  if (!isUnlocked) {
+  if (!isUnlockedAndAuthedRoute) {
     return null
   }
 

apps/hostd/contexts/config/index.tsx

@@ -173,13 +173,13 @@ export function useConfigMain() {
     }
   }, [form, resetFormDataIfAllDataFetched])
 
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   useEffect(() => {
-    if (isUnlocked) {
+    if (isUnlockedAndAuthedRoute) {
       revalidateAndResetFormData()
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isUnlocked])
+  }, [isUnlockedAndAuthedRoute])
 
   useEffect(() => {
     if (form.formState.isSubmitting) {

apps/hostd/hooks/useSyncStatus.ts

@@ -6,7 +6,7 @@ import {
 } from '@siafoundation/react-hostd'
 
 export function useSyncStatus() {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const state = useStateConsensus({
     config: {
       swr: {
@@ -26,14 +26,14 @@ export function useSyncStatus() {
   })
 
   const syncPercent =
-    isUnlocked && nodeBlockHeight && estimatedBlockHeight
+    isUnlockedAndAuthedRoute && nodeBlockHeight && estimatedBlockHeight
       ? Number(
           (Math.min(nodeBlockHeight / estimatedBlockHeight, 1) * 100).toFixed(1)
         )
       : 0
 
   const walletScanPercent =
-    isUnlocked && nodeBlockHeight && wallet.data
+    isUnlockedAndAuthedRoute && nodeBlockHeight && wallet.data
       ? Number(
           (
             Math.min(wallet.data.scanHeight / estimatedBlockHeight, 1) * 100

apps/renterd/components/CmdKDialog/index.tsx

@@ -11,13 +11,13 @@ type Props = {
 }
 
 export function CmdKDialog({ open, onOpenChange, setOpen }: Props) {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const { isConnected } = useConnectivity({
     route: connectivityRoute,
   })
   // Toggle the menu when ⌘K is pressed
   useEffect(() => {
-    if (!isUnlocked || !isConnected) {
+    if (!isUnlockedAndAuthedRoute || !isConnected) {
       return
     }
     const down = (e: KeyboardEvent) => {
@@ -28,7 +28,7 @@ export function CmdKDialog({ open, onOpenChange, setOpen }: Props) {
 
     document.addEventListener('keydown', down)
     return () => document.removeEventListener('keydown', down)
-  }, [isUnlocked, isConnected, setOpen])
+  }, [isUnlockedAndAuthedRoute, isConnected, setOpen])
 
   return (
     <>

apps/renterd/components/OnboardingBar.tsx

@@ -26,7 +26,7 @@ import { useAppSettings } from '@siafoundation/react-core'
 import useLocalStorageState from 'use-local-storage-state'
 
 export function OnboardingBar() {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const app = useApp()
   const { openDialog } = useDialog()
   const wallet = useWallet()
@@ -47,7 +47,7 @@ export function OnboardingBar() {
   const syncStatus = useSyncStatus()
   const notEnoughContracts = useNotEnoughContracts()
 
-  if (!isUnlocked || app.autopilot.status !== 'on') {
+  if (!isUnlockedAndAuthedRoute || app.autopilot.status !== 'on') {
     return null
   }
 

apps/renterd/components/TransfersBar.tsx

@@ -21,15 +21,15 @@ function getProgress(transfer: { loaded?: number; size?: number }) {
 }
 
 export function TransfersBar() {
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   const { uploadsList, uploadCancel, downloadsList, downloadCancel } =
     useFiles()
   const [maximized, setMaximized] = useState<boolean>(true)
 
   const uploadCount = uploadsList.length
   const downloadCount = downloadsList.length
 
-  if (!isUnlocked) {
+  if (!isUnlockedAndAuthedRoute) {
     return null
   }
 

apps/renterd/components/Wallet/index.tsx

@@ -1,4 +1,5 @@
 import {
+  BalanceEvolution,
   EntityList,
   PaginatorUnknownTotal,
   WalletLayoutActions,
@@ -17,7 +18,8 @@ import { WalletFilterBar } from './WalletFilterBar'
 export function Wallet() {
   const { openDialog } = useDialog()
   const wallet = useWallet()
-  const { dataset, offset, limit, pageCount, dataState } = useTransactions()
+  const { dataset, offset, limit, pageCount, dataState, balances, metrics } =
+    useTransactions()
   const { isSynced, syncPercent, isWalletSynced, walletScanPercent } =
     useSyncStatus()
 
@@ -49,14 +51,14 @@ export function Wallet() {
       stats={<WalletFilterBar />}
     >
       <div className="p-6 flex flex-col gap-5">
-        {/* {balances?.length ? (
+        {balances?.length ? (
           <BalanceEvolution
             // see comment above
             chartType="line"
             balances={balances}
-            isLoading={transactions.isValidating}
+            isLoading={metrics.isValidating}
           />
-        ) : null} */}
+        ) : null}
         <EntityList
           title="Transactions"
           isLoading={dataState === 'loading'}

apps/renterd/contexts/config/fields.tsx

@@ -192,6 +192,34 @@ export function getFields({
             }
           : {},
     },
+    prune: {
+      type: 'boolean',
+      category: 'storage',
+      title: 'Prune sector roots',
+      description: (
+        <>
+          When enabled, autopilot will try to prune deleted sector roots from
+          contracts one contract at a time, for a max duration of 10 minutes per
+          contract. For old hosts this process takes quite a while, while for
+          new hosts it is fast. For new hosts pruning effectively deletes data
+          from the contract, allowing the renter to stop paying for storage they
+          are not using.
+        </>
+      ),
+      suggestion: advancedDefaults?.prune,
+      suggestionTip: (
+        <>
+          The default value is <Code>{advancedDefaults?.prune}</Code>.
+        </>
+      ),
+      hidden: !isAutopilotEnabled || !showAdvanced,
+      validation:
+        isAutopilotEnabled && showAdvanced
+          ? {
+              required: 'required',
+            }
+          : {},
+    },
 
     // hosts
     allowRedundantIPs: {

apps/renterd/contexts/config/index.tsx

@@ -566,13 +566,13 @@ export function useConfigMain() {
     }
   }, [form, resetFormDataIfAllDataFetched])
 
-  const { isUnlocked } = useAppSettings()
+  const { isUnlockedAndAuthedRoute } = useAppSettings()
   useEffect(() => {
-    if (isUnlocked && app.autopilot.status !== 'init') {
+    if (isUnlockedAndAuthedRoute && app.autopilot.status !== 'init') {
       revalidateAndResetFormData()
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isUnlocked, app.autopilot.status])
+  }, [isUnlockedAndAuthedRoute, app.autopilot.status])
 
   useEffect(() => {
     if (form.formState.isSubmitting) {

apps/renterd/contexts/config/transform.spec.ts

@@ -40,6 +40,7 @@ describe('tansforms', () => {
               download: 1099511627776,
               upload: 1100000000000,
               storage: 1000000000000,
+              prune: true,
             },
           },
           { default: 'myset' },
@@ -75,6 +76,7 @@ describe('tansforms', () => {
         downloadTBMonth: new BigNumber('1.1'),
         uploadTBMonth: new BigNumber('1.1'),
         storageTB: new BigNumber('1'),
+        prune: true,
         allowRedundantIPs: false,
         maxDowntimeHours: new BigNumber('1440'),
         minRecentScanFailures: new BigNumber('10'),
@@ -121,6 +123,7 @@ describe('tansforms', () => {
               download: 1099511627776,
               upload: 1100000000000,
               storage: 1000000000000,
+              prune: true,
             },
           },
           { default: 'myset' },
@@ -177,6 +180,7 @@ describe('tansforms', () => {
         totalShards: new BigNumber(30),
         includeRedundancyMaxStoragePrice: true,
         includeRedundancyMaxUploadPrice: true,
+        prune: true,
       } as SettingsData)
     })
   })
@@ -195,6 +199,7 @@ describe('tansforms', () => {
             downloadTBMonth: new BigNumber('0.785365448411428571428571428571'),
             uploadTBMonth: new BigNumber('0.785714285714285714285714285714'),
             storageTB: new BigNumber('1'),
+            prune: true,
             allowRedundantIPs: false,
             maxDowntimeHours: new BigNumber('1440'),
             minRecentScanFailures: new BigNumber('10'),
@@ -221,6 +226,7 @@ describe('tansforms', () => {
           download: 1099511627776,
           upload: 1100000000000,
           storage: 1000000000000,
+          prune: true,
         },
       })
     })
@@ -237,6 +243,7 @@ describe('tansforms', () => {
             downloadTBMonth: new BigNumber('0.785365448411428571428571428571'),
             uploadTBMonth: new BigNumber('0.785714285714285714285714285714'),
             storageTB: new BigNumber('1'),
+            prune: true,
             allowRedundantIPs: false,
             maxDowntimeHours: new BigNumber('1440'),
             minRecentScanFailures: new BigNumber('10'),
@@ -280,6 +287,7 @@ describe('tansforms', () => {
           download: 1099511627776,
           upload: 1100000000000,
           storage: 1000000000000,
+          prune: true,
         },
       })
     })
@@ -296,6 +304,7 @@ describe('tansforms', () => {
             downloadTBMonth: new BigNumber('0.785365448411428571428571428571'),
             uploadTBMonth: new BigNumber('0.785714285714285714285714285714'),
             storageTB: new BigNumber('1'),
+            prune: true,
             allowRedundantIPs: false,
             maxDowntimeHours: new BigNumber('1440'),
             minRecentScanFailures: new BigNumber('10'),
@@ -329,6 +338,7 @@ describe('tansforms', () => {
           download: 1099511627776,
           upload: 1100000000000,
           storage: 1000000000000,
+          prune: true,
         },
       })
     })
@@ -363,6 +373,7 @@ describe('tansforms', () => {
             downloadTBMonth: new BigNumber('0.785365448411428571428571428571'),
             uploadTBMonth: new BigNumber('0.785714285714285714285714285714'),
             storageTB: new BigNumber('1'),
+            prune: true,
             allowRedundantIPs: false,
             maxDowntimeHours: new BigNumber('1440'),
             minRecentScanFailures: new BigNumber('10'),
@@ -419,6 +430,7 @@ describe('tansforms', () => {
             downloadTBMonth: new BigNumber('0.785365448411428571428571428571'),
             uploadTBMonth: new BigNumber('0.785714285714285714285714285714'),
             storageTB: new BigNumber('1'),
+            prune: true,
             allowRedundantIPs: false,
             maxDowntimeHours: new BigNumber('1440'),
             minRecentScanFailures: new BigNumber('10'),
@@ -594,6 +606,7 @@ function buildAllResponses() {
         download: 1099511627776,
         upload: 1100000000000,
         storage: 1000000000000,
+        prune: true,
       },
     },
     contractSet: { default: 'myset' },