fix: improve server stats / rbac

src/ui/desktop/apps/dashboard/Dashboard.tsx

@@ -301,6 +301,19 @@ export function Dashboard({
     });
   };
 
+  const handleServerStatClick = (serverId: number, serverName: string) => {
+    getSSHHosts().then((hosts) => {
+      const host = hosts.find((h: { id: number }) => h.id === serverId);
+      if (!host) return;
+
+      addTab({
+        type: "server",
+        title: serverName,
+        hostConfig: host,
+      });
+    });
+  };
+
   const handleAddHost = () => {
     const sshManagerTab = tabList.find((t) => t.type === "ssh_manager");
     if (sshManagerTab) {
@@ -714,6 +727,9 @@ export function Dashboard({
                             key={server.id}
                             variant="outline"
                             className="border-2 !border-dark-border bg-dark-bg h-auto p-3 min-w-0"
+                            onClick={() =>
+                              handleServerStatClick(server.id, server.name)
+                            }
                           >
                             <div className="flex flex-col w-full">
                               <div className="flex flex-row items-center mb-2">

src/ui/desktop/apps/host-manager/HostSharingTab.tsx

@@ -285,13 +285,13 @@ export function HostSharingTab({
 
   return (
     <div className="space-y-6">
-      {/* Credential Authentication Warning */}
-      {hostData?.authType === "Credential" && (
+      {/* Credential Requirement Warning */}
+      {!hostData?.credentialId && (
         <Alert variant="destructive">
           <AlertCircle className="h-4 w-4" />
-          <AlertTitle>{t("rbac.credentialSharingWarning")}</AlertTitle>
+          <AlertTitle>{t("rbac.credentialRequired")}</AlertTitle>
           <AlertDescription>
-            {t("rbac.credentialSharingWarningDescription")}
+            {t("rbac.credentialRequiredDescription")}
           </AlertDescription>
         </Alert>
       )}
@@ -464,7 +464,12 @@ export function HostSharingTab({
           />
         </div>
 
-        <Button type="button" onClick={handleShare} className="w-full">
+        <Button
+          type="button"
+          onClick={handleShare}
+          className="w-full"
+          disabled={!hostData?.credentialId}
+        >
           <Plus className="h-4 w-4 mr-2" />
           {t("rbac.share")}
         </Button>

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">