Add system info

templates/apps_table.html

@@ -1,3 +1,50 @@
+<h2>System</h2>
+<div style="display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0 18px 0;">
+    <div style="border:1px solid #ddd; border-radius: 10px; padding: 12px;">
+        <div class="muted">Host</div>
+        <div><strong>{{ data.system.name or "—" }}</strong></div>
+        <div class="muted">{{ data.system.operating_system }} · {{ data.system.kernel_version }}</div>
+    </div>
+
+    <div style="border:1px solid #ddd; border-radius: 10px; padding: 12px;">
+        <div class="muted">Compute</div>
+        <div><strong>{{ data.system.cpus or "—" }}</strong> CPUs</div>
+        <div><strong>{{ data.system.mem_total_h or "—" }}</strong> RAM</div>
+    </div>
+
+    <div style="border:1px solid #ddd; border-radius: 10px; padding: 12px;">
+        <div class="muted">Docker</div>
+        <div>Engine: <strong>{{ data.system.server_version or "—" }}</strong></div>
+        <div>Images: <strong>{{ data.system.images or "—" }}</strong></div>
+        <div>Containers: <strong>{{ data.system.containers_running or "—" }}</strong> running / <strong>{{
+                data.system.containers_stopped or "—" }}</strong> stopped</div>
+    </div>
+</div>
+
+<h3>Docker disk usage</h3>
+<table>
+    <thead>
+        <tr>
+            <th>Type</th>
+            <th>Total</th>
+            <th>Active</th>
+            <th>Size</th>
+            <th>Reclaimable</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for typ, r in data.system.system_df.items() %}
+        <tr>
+            <td><strong>{{ typ }}</strong></td>
+            <td>{{ r.total }}</td>
+            <td>{{ r.active }}</td>
+            <td>{{ r.size }}</td>
+            <td>{{ r.reclaimable }}</td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+
 <div class="muted">Generated at: {{ data.generated_at }}</div>
 
 {% if data.warnings %}