Fix replication fields visibility and color handling

- Only show replication progress and time remaining when disk is not replicated (Replicated=false)
- Add inverseColorize=true to make 100% progress show as green instead of red
- Update both VDiskInfo and VDiskPopup components to respect replication status

Co-authored-by: adameat <[email protected]>

Author: Copilot

src/components/VDiskInfo/VDiskInfo.tsx

@@ -137,30 +137,34 @@ export function VDiskInfo<T extends PreparedVDisk>({
             value: Replicated ? vDiskInfoKeyset('yes') : vDiskInfoKeyset('no'),
         });
     }
-    if (valueIsDefined(ReplicationProgress)) {
-        rightColumn.push({
-            label: vDiskInfoKeyset('replication-progress'),
-            value: (
-                <ProgressViewer
-                    value={ReplicationProgress}
-                    capacity={1}
-                    formatValues={(value, capacity) => [
-                        `${Math.round((value || 0) * 100)}%`,
-                        `${Math.round((capacity || 1) * 100)}%`,
-                    ]}
-                    colorizeProgress={true}
-                />
-            ),
-        });
-    }
-    if (valueIsDefined(ReplicationSecondsRemaining)) {
-        const timeRemaining = formatUptimeInSeconds(ReplicationSecondsRemaining);
-        if (timeRemaining) {
+    // Only show replication progress and time remaining when disk is not replicated
+    if (Replicated === false) {
+        if (valueIsDefined(ReplicationProgress)) {
             rightColumn.push({
-                label: vDiskInfoKeyset('replication-time-remaining'),
-                value: timeRemaining,
+                label: vDiskInfoKeyset('replication-progress'),
+                value: (
+                    <ProgressViewer
+                        value={ReplicationProgress}
+                        capacity={1}
+                        formatValues={(value, capacity) => [
+                            `${Math.round((value || 0) * 100)}%`,
+                            `${Math.round((capacity || 1) * 100)}%`,
+                        ]}
+                        colorizeProgress={true}
+                        inverseColorize={true}
+                    />
+                ),
             });
         }
+        if (valueIsDefined(ReplicationSecondsRemaining)) {
+            const timeRemaining = formatUptimeInSeconds(ReplicationSecondsRemaining);
+            if (timeRemaining) {
+                rightColumn.push({
+                    label: vDiskInfoKeyset('replication-time-remaining'),
+                    value: timeRemaining,
+                });
+            }
+        }
     }
     if (valueIsDefined(VDiskSlotId)) {
         rightColumn.push({label: vDiskInfoKeyset('slot-id'), value: VDiskSlotId});

src/components/VDiskPopup/VDiskPopup.tsx

@@ -130,24 +130,25 @@ const prepareVDiskData = (data: PreparedVDisk, withDeveloperUILink?: boolean) =>
 
     if (Replicated === false) {
         vdiskData.push({label: 'Replicated', value: 'NO'});
-    }
 
-    if (valueIsDefined(ReplicationProgress)) {
-        const progressPercent = Math.round(ReplicationProgress * 100);
-        vdiskData.push({
-            label: 'Replication Progress',
-            value: `${progressPercent}%`,
-        });
-    }
-
-    if (valueIsDefined(ReplicationSecondsRemaining)) {
-        const timeRemaining = formatUptimeInSeconds(ReplicationSecondsRemaining);
-        if (timeRemaining) {
+        // Only show replication progress and time remaining when disk is not replicated
+        if (valueIsDefined(ReplicationProgress)) {
+            const progressPercent = Math.round(ReplicationProgress * 100);
             vdiskData.push({
-                label: 'Time Remaining',
-                value: timeRemaining,
+                label: 'Replication Progress',
+                value: `${progressPercent}%`,
             });
         }
+
+        if (valueIsDefined(ReplicationSecondsRemaining)) {
+            const timeRemaining = formatUptimeInSeconds(ReplicationSecondsRemaining);
+            if (timeRemaining) {
+                vdiskData.push({
+                    label: 'Time Remaining',
+                    value: timeRemaining,
+                });
+            }
+        }
     }
 
     if (UnsyncedVDisks) {