fix: add capacity info for replecaset progress; side menu hidden by default

webui/src/App/SideMenu/SideMenu.tsx

@@ -15,7 +15,7 @@ export const SideMenu = () => {
   const [isOpen, setIsOpen] = useLsState({
     key: "sideMenuOpenState",
     schema: z.boolean(),
-    defaultValue: true,
+    defaultValue: false,
   });
 
   const containerRef = useRef<HTMLDivElement>(null);

webui/src/modules/replicaset/replicasetsPage/ReplicasetsContent/ReplicasetCard/ReplicasetCard.tsx

@@ -16,7 +16,11 @@ export type TReplicaset = {
   instances: ClientInstanceType[];
   version: string;
   grade: string;
-  capacity: number;
+  capacityUsage: number;
+  memory: {
+    usable: number;
+    used: number;
+  };
 };
 export interface ReplicasetCardProps {
   replicaset: TReplicaset;
@@ -45,9 +49,9 @@ export const ReplicasetCard: FC<ReplicasetCardProps> = React.memo(
           <div className={cn(styles.infoColumn, styles.capacityColumn)}>
             <div className={styles.label}>Capacity</div>
             <CapacityProgress
-              percent={replicaset.capacity}
-              currentValue={1200000}
-              limit={1200000}
+              percent={replicaset.capacityUsage}
+              currentValue={replicaset.memory.used}
+              limit={replicaset.memory.usable}
               size="small"
               theme="secondary"
               progressLineWidth={190}

webui/src/store/slices/types.ts

@@ -12,7 +12,11 @@ export interface ReplicasetType {
   instances: InstanceType[];
   version: string;
   grade: string;
-  capacity: number;
+  capacityUsage: number;
+  memory: {
+    usable: number;
+    used: number;
+  };
 }
 
 export interface ClusterInfoType {