update translations

internal/site/src/components/routes/system/charts/disk-charts.tsx

@@ -152,7 +152,7 @@ export function DiskIOChart({ systemData, extraFsName }: { systemData: SystemDat
 		return null
 	}
 
-	const title = extraFsName ? t`${extraFsName} I/O` : t`Disk I/O`
+	const title = extraFsName ? `${extraFsName} I/O` : t`Disk I/O`
 	const description = extraFsName ? t`Throughput of ${extraFsName}` : t`Throughput of root filesystem`
 
 	const hasMoreIOMetrics = chartData.systemStats?.some((record) => record.stats?.dios?.at(0))
@@ -225,7 +225,10 @@ export function DiskUtilizationChart({ systemData, extraFsName }: { systemData:
 			cornerEl={maxValSelect}
 			empty={dataEmpty}
 			grid={grid}
-			title={t`I/O Utilization`}
+			title={t({
+				message: `I/O Utilization`,
+				context: "Percent of time the disk is busy with I/O",
+			})}
 			description={t`Percent of time the disk is busy with I/O`}
 			// legend={true}
 			className="min-h-auto"
@@ -239,7 +242,7 @@ export function DiskUtilizationChart({ systemData, extraFsName }: { systemData:
 				chartProps={{ syncId: "io" }}
 				dataPoints={[
 					{
-						label: t`Utilization`,
+						label: t({ message: "Utilization", context: "Disk I/O utilization" }),
 						dataKey: utilFn,
 						color: 1,
 						opacity: 0.4,

internal/site/src/components/routes/system/disk-io-sheet.tsx

@@ -84,6 +84,8 @@ export default memo(function DiskIOSheet({
 
 	const chartProps = { syncId: "io" }
 
+	const queueDepthTranslation = t({ message: "Queue Depth", context: "Disk I/O average queue depth" })
+
 	return (
 		<Sheet open={sheetOpen} onOpenChange={setSheetOpen}>
 			<DialogTitle className="sr-only">{title}</DialogTitle>
@@ -120,7 +122,7 @@ export default memo(function DiskIOSheet({
 							reverseStackOrder={true}
 							dataPoints={[
 								{
-									label: t({ message: "Write", comment: "Disk write" }),
+									label: t`Write`,
 									dataKey: writeFn,
 									color: 3,
 									opacity: 0.4,
@@ -128,7 +130,7 @@ export default memo(function DiskIOSheet({
 									order: 0,
 								},
 								{
-									label: t({ message: "Read", comment: "Disk read" }),
+									label: t`Read`,
 									dataKey: readFn,
 									color: 1,
 									opacity: 0.4,
@@ -152,8 +154,11 @@ export default memo(function DiskIOSheet({
 					<ChartCard
 						empty={dataEmpty}
 						grid={grid}
-						title={t`I/O Time`}
-						description={t`Total time spent on read/write (can exceed 100%)`}
+						title={t({ message: "I/O Time", context: "Disk I/O total time spent on read/write" })}
+						description={t({
+							message: "Total time spent on read/write (can exceed 100%)",
+							context: "Disk I/O",
+						})}
 						className="min-h-auto"
 						cornerEl={maxValSelect}
 					>
@@ -192,7 +197,7 @@ export default memo(function DiskIOSheet({
 						<ChartCard
 							empty={dataEmpty}
 							grid={grid}
-							title={t`Average Queue Depth`}
+							title={queueDepthTranslation}
 							description={t`Average number of I/O operations waiting to be serviced`}
 							className="min-h-auto"
 							cornerEl={maxValSelect}
@@ -206,7 +211,7 @@ export default memo(function DiskIOSheet({
 								chartProps={chartProps}
 								dataPoints={[
 									{
-										label: t`Queue Depth`,
+										label: queueDepthTranslation,
 										dataKey: weightedIOFn,
 										color: 1,
 										opacity: 0.4,
@@ -220,8 +225,11 @@ export default memo(function DiskIOSheet({
 						<ChartCard
 							empty={dataEmpty}
 							grid={grid}
-							title={t`I/O Await`}
-							description={t`Average service time per operation`}
+							title={t({ message: "I/O Await", context: "Disk I/O average operation time (iostat await)" })}
+							description={t({
+								message: "Average queue to completion time per operation",
+								context: "Disk I/O average operation time (iostat await)",
+							})}
 							className="min-h-auto"
 							cornerEl={maxValSelect}
 							// legend={true}

internal/site/src/components/routes/system/use-system-data.ts

@@ -192,7 +192,7 @@ export function useSystemData(id: string) {
 
 			// Skip the fetch if the latest cached point is recent enough that no new point is expected yet
 			const lastCreated = cachedSystemStats.at(-1)?.created as number | undefined
-			if (lastCreated && Date.now() - lastCreated < expectedInterval) {
+			if (lastCreated && Date.now() - lastCreated < expectedInterval * 0.9) {
 				return
 			}
 		} else {