From 86343c922af4d7546ceeaa15274e3a94a81b0f41 Mon Sep 17 00:00:00 2001
From: host <arumyantsev@rummail.ru>
Date: Sat, 25 Jul 2026 10:50:46 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D1=8F?=
 =?UTF-8?q?=20formatMem=20=E2=86=92=20formatBytes:=20=D0=BA=D0=BE=D1=80?=
 =?UTF-8?q?=D1=80=D0=B5=D0=BA=D1=82=D0=BD=D0=BE=D0=B5=20=D1=84=D0=BE=D1=80?=
 =?UTF-8?q?=D0=BC=D0=B0=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B1=D0=B0=D0=B9=D1=82=D0=BE=D0=B2=20=D0=B2=20=D0=9C?=
 =?UTF-8?q?=D0=91/=D0=93=D0=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/InstanceCard.jsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/InstanceCard.jsx b/frontend/src/components/InstanceCard.jsx
index ec65ee0..2ce4905 100644
--- a/frontend/src/components/InstanceCard.jsx
+++ b/frontend/src/components/InstanceCard.jsx
@@ -17,9 +17,16 @@ function formatUptime(sec) {
   return `${m}м`;
 }
 
-function formatMem(mb) {
+/**
+ * Форматирует размер памяти из байтов в читаемую строку.
+ * Принимает байты, возвращает строку вида "4.0 ГБ" или "728.7 МБ".
+ */
+function formatBytes(bytes) {
+  const n = Number(bytes);
+  if (!Number.isFinite(n) || n <= 0) return "0 МБ";
+  const mb = n / (1024 * 1024);
   if (mb >= 1024) return `${(mb / 1024).toFixed(1)} ГБ`;
-  return `${fmt1(mb)} МБ`;
+  return `${mb.toFixed(1)} МБ`;
 }
 
 function fmt1(v) {
@@ -58,7 +65,7 @@ export default function InstanceCard({ instance, onAction, onDelete }) {
 
   const memBar = live && live.mem_total > 0 ? (
     <div style={{ display: "inline-flex", alignItems: "center", gap: 6 }}>
-      <span>🧠 {fmt1(formatMem(live.mem_used / (1024 * 1024)))} / {fmt1(formatMem(live.mem_total / (1024 * 1024)))}</span>
+      <span>🧠 {formatBytes(live.mem_used)} / {formatBytes(live.mem_total)}</span>
       <div style={{ width: 50, height: 8, background: "#333", borderRadius: 4, overflow: "hidden" }}>
         <div style={{ width: `${fmt1(Math.min((live.mem_used / live.mem_total) * 100, 100))}%`, height: "100%",
           background: (live.mem_used / live.mem_total) > 0.8 ? "#f44336" : (live.mem_used / live.mem_total) > 0.5 ? "#ff9800" : "#4caf50",