system: You are an assistant that generates WordPress patterns.

user: CPU usage, Ram usage, Disk usage, Bandwidth

assistant: <!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"10px","left":"10px"},"blockGap":"5px"}},"borderColor":"cyan-bluish-gray","layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group has-border-color has-cyan-bluish-gray-border-color" style="border-radius:5px;border-width:1px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
<p>App Status</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}}} -->
<p style="font-size:14px">CPU Usage</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"100px","left":"0px","bottom":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"border":{"width":"0px","style":"none","radius":"5px"},"color":{"background":"#dddddd"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:5px;border-style:none;border-width:0px;background-color:#dddddd;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:100px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"50px","bottom":"0px","left":"80px"},"blockGap":"0px"},"border":{"radius":{"topLeft":"5px","topRight":"0px","bottomLeft":"5px","bottomRight":"0px"},"width":"0px","style":"none"}},"backgroundColor":"vivid-cyan-blue","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group has-vivid-cyan-blue-background-color has-background" style="border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;border-style:none;border-width:0px;padding-top:0px;padding-right:50px;padding-bottom:0px;padding-left:80px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"11px"}},"textColor":"vivid-cyan-blue"} -->
<p class="has-vivid-cyan-blue-color has-text-color" style="font-size:11px">-</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"12px"}}} -->
<p class="has-text-align-right" style="font-size:12px">  50%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}}} -->
<p style="font-size:14px">RAM Usage</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":"5px","width":"0px","style":"none"},"color":{"background":"#dddddd"},"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px","padding":{"top":"0px","right":"60px","bottom":"0px","left":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","orientation":"horizontal"},"fontSize":"small"} -->
<div class="wp-block-group has-background has-small-font-size" style="border-radius:5px;border-style:none;border-width:0px;background-color:#dddddd;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:60px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"border":{"radius":{"topLeft":"5px","bottomLeft":"5px"},"width":"0px","style":"none"},"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"90px","bottom":"0px","left":"80px"}}},"backgroundColor":"vivid-red","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group has-vivid-red-background-color has-background" style="border-top-left-radius:5px;border-bottom-left-radius:5px;border-style:none;border-width:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:90px;padding-bottom:0px;padding-left:80px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color" style="font-size:12px">-</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  70%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}}} -->
<p style="font-size:14px">Disc space</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}},"color":{"background":"#dddddd"},"spacing":{"padding":{"top":"0px","right":"10px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#dddddd;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"120px","bottom":"0px","left":"100px"}},"border":{"radius":{"topLeft":"5px","topRight":"0px","bottomLeft":"5px","bottomRight":"0px"}},"color":{"background":"#00aa00"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;background-color:#00aa00;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:120px;padding-bottom:0px;padding-left:100px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"},"color":{"text":"#00aa00"}}} -->
<p class="has-text-color" style="color:#00aa00;font-size:12px">-</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  90%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}}} -->
<p style="font-size:14px">Bandwidth</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"color":{"background":"#dddddd"},"spacing":{"padding":{"top":"0px","right":"80px","bottom":"0px","left":"0px"},"blockGap":"0px"},"border":{"radius":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-radius:5px;background-color:#dddddd;padding-top:0px;padding-right:80px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"100px","bottom":"0px","left":"50px"},"blockGap":"0px"},"border":{"radius":{"topLeft":"5px","topRight":null,"bottomLeft":"5px","bottomRight":null}}},"backgroundColor":"luminous-vivid-orange","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-luminous-vivid-orange-background-color has-background" style="border-top-left-radius:5px;border-bottom-left-radius:5px;padding-top:0px;padding-right:100px;padding-bottom:0px;padding-left:50px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"luminous-vivid-orange"} -->
<p class="has-luminous-vivid-orange-color has-text-color" style="font-size:12px">-</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  60%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"width":"1px","radius":"5px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"10px","left":"10px"},"blockGap":"5px"}},"borderColor":"cyan-bluish-gray","layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group has-border-color has-cyan-bluish-gray-border-color" style="border-radius:5px;border-width:1px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:10px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph -->
<p>App Status</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"101px","left":"0px","bottom":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"border":{"width":"0px","style":"none","radius":"5px"},"color":{"background":"#dddddd"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:5px;border-style:none;border-width:0px;background-color:#dddddd;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:101px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"50px","bottom":"0px","left":"60px"},"blockGap":"0px"},"border":{"radius":{"topLeft":"5px","topRight":"0px","bottomLeft":"5px","bottomRight":"0px"},"width":"0px","style":"none"}},"backgroundColor":"vivid-cyan-blue","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group has-vivid-cyan-blue-background-color has-background" style="border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;border-style:none;border-width:0px;padding-top:0px;padding-right:50px;padding-bottom:0px;padding-left:60px"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"11px"}},"textColor":"white"} -->
<p class="has-text-align-left has-white-color has-text-color" style="font-size:11px">CPU Usage </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"12px"}}} -->
<p class="has-text-align-right" style="font-size:12px">  50%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"border":{"radius":"5px","width":"0px","style":"none"},"color":{"background":"#dddddd"},"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px","padding":{"top":"0px","right":"53px","bottom":"0px","left":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","orientation":"horizontal"},"fontSize":"small"} -->
<div class="wp-block-group has-background has-small-font-size" style="border-radius:5px;border-style:none;border-width:0px;background-color:#dddddd;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:53px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"border":{"radius":{"topLeft":"5px","bottomLeft":"5px"},"width":"0px","style":"none"},"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"80px","bottom":"0px","left":"70px"}}},"backgroundColor":"vivid-red","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group has-vivid-red-background-color has-background" style="border-top-left-radius:5px;border-bottom-left-radius:5px;border-style:none;border-width:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:80px;padding-bottom:0px;padding-left:70px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:12px">RAM Usage </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  70%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"border":{"radius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}},"color":{"background":"#dddddd"},"spacing":{"padding":{"top":"0px","right":"10px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#dddddd;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"100px","bottom":"0px","left":"100px"}},"border":{"radius":{"topLeft":"5px","topRight":"0px","bottomLeft":"5px","bottomRight":"0px"}},"color":{"background":"#00aa00"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:0px;background-color:#00aa00;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:100px;padding-bottom:0px;padding-left:100px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:12px">Disc space </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  90%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"5px"} -->
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"color":{"background":"#dddddd"},"spacing":{"padding":{"top":"0px","right":"80px","bottom":"0px","left":"0px"},"blockGap":"0px"},"border":{"radius":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-radius:5px;background-color:#dddddd;padding-top:0px;padding-right:80px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"80px","bottom":"0px","left":"50px"},"blockGap":"0px"},"border":{"radius":{"topLeft":"5px","bottomLeft":"5px"}}},"backgroundColor":"luminous-vivid-orange","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-luminous-vivid-orange-background-color has-background" style="border-top-left-radius:5px;border-bottom-left-radius:5px;padding-top:0px;padding-right:80px;padding-bottom:0px;padding-left:50px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:12px"> 帯域幅</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
<p style="font-size:12px">  60%</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->