fix: improve server stats / rbac

src/ui/desktop/apps/server-stats/ServerStats.tsx

@@ -236,13 +236,21 @@ export function ServerStats({
     };
 
     fetchStatus();
-    intervalId = window.setInterval(fetchStatus, 10000);
+    intervalId = window.setInterval(
+      fetchStatus,
+      statsConfig.statusCheckInterval * 1000,
+    );
 
     return () => {
       cancelled = true;
       if (intervalId) window.clearInterval(intervalId);
     };
-  }, [currentHostConfig?.id, isVisible, statusCheckEnabled]);
+  }, [
+    currentHostConfig?.id,
+    isVisible,
+    statusCheckEnabled,
+    statsConfig.statusCheckInterval,
+  ]);
 
   React.useEffect(() => {
     if (!metricsEnabled || !currentHostConfig?.id || !isVisible) {
@@ -297,13 +305,21 @@ export function ServerStats({
     };
 
     fetchMetrics();
-    intervalId = window.setInterval(fetchMetrics, 10000);
+    intervalId = window.setInterval(
+      fetchMetrics,
+      statsConfig.metricsInterval * 1000,
+    );
 
     return () => {
       cancelled = true;
       if (intervalId) window.clearInterval(intervalId);
     };
-  }, [currentHostConfig?.id, isVisible, metricsEnabled]);
+  }, [
+    currentHostConfig?.id,
+    isVisible,
+    metricsEnabled,
+    statsConfig.metricsInterval,
+  ]);
 
   const topMarginPx = isTopbarOpen ? 74 : 16;
   const leftMarginPx = sidebarState === "collapsed" ? 16 : 8;

src/ui/desktop/apps/server-stats/widgets/LoginStatsWidget.tsx

@@ -77,9 +77,9 @@ export function LoginStatsWidget({ metrics }: LoginStatsWidgetProps) {
               </div>
             ) : (
               <div className="space-y-1">
-                {recentLogins.slice(0, 5).map((login, idx) => (
+                {recentLogins.slice(0, 5).map((login) => (
                   <div
-                    key={idx}
+                    key={`${login.user}-${login.time}-${login.ip}`}
                     className="text-xs bg-dark-bg-darker p-2 rounded border border-dark-border/30 flex justify-between items-center"
                   >
                     <div className="flex items-center gap-2 min-w-0">
@@ -111,9 +111,9 @@ export function LoginStatsWidget({ metrics }: LoginStatsWidgetProps) {
                 </span>
               </div>
               <div className="space-y-1">
-                {failedLogins.slice(0, 3).map((login, idx) => (
+                {failedLogins.slice(0, 3).map((login) => (
                   <div
-                    key={idx}
+                    key={`failed-${login.user}-${login.time}-${login.ip || "unknown"}`}
                     className="text-xs bg-red-900/20 p-2 rounded border border-red-500/30 flex justify-between items-center"
                   >
                     <div className="flex items-center gap-2 min-w-0">

src/ui/desktop/apps/server-stats/widgets/ProcessesWidget.tsx

@@ -59,9 +59,9 @@ export function ProcessesWidget({ metrics }: ProcessesWidgetProps) {
           </div>
         ) : (
           <div className="space-y-2">
-            {topProcesses.map((proc, index: number) => (
+            {topProcesses.map((proc) => (
               <div
-                key={index}
+                key={proc.pid}
                 className="p-2.5 rounded-lg bg-dark-bg/30 hover:bg-dark-bg/50 transition-colors border border-dark-border/20"
               >
                 <div className="flex items-center justify-between mb-1.5">