From 5de564d945c66ace5cf4c752f6719b7abe992d73 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Thu, 23 Oct 2025 17:56:50 +0000
Subject: [PATCH] Remove animated transitions from I/O metrics

The AnimatedMetric wrapper was causing distracting slide-up/slide-down
animations on every websocket update. While visually interesting, the
high-frequency updates made the dashboard feel too busy. Replaced with
direct value display while maintaining color-coded speed indicators.
---
 frontend-modern/src/components/Dashboard/IOMetric.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/Dashboard/IOMetric.tsx b/frontend-modern/src/components/Dashboard/IOMetric.tsx
index c632ec0..68873e1 100644
--- a/frontend-modern/src/components/Dashboard/IOMetric.tsx
+++ b/frontend-modern/src/components/Dashboard/IOMetric.tsx
@@ -1,6 +1,5 @@
 import { createMemo, Show, createEffect, createSignal } from 'solid-js';
 import { formatSpeed } from '@/utils/format';
-import { AnimatedMetric } from '@/components/shared/AnimatedMetric';
 
 interface IOMetricProps {
   value: (() => number) | number;
@@ -42,7 +41,7 @@ export function IOMetric(props: IOMetricProps) {
       fallback={<div class="min-h-[24px] flex items-center text-sm text-gray-400">-</div>}
     >
       <div class={`min-h-[24px] text-sm font-mono ${colorClass()} flex items-center`}>
-        <AnimatedMetric value={currentValue()} formatter={(v) => formatSpeed(v, 0)} />
+        {formatSpeed(currentValue(), 0)}
       </div>
     </Show>
   );