diff --git a/README.md b/README.md
index 0149c4f..91ae9c6 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,8 @@ Zero-configuration web interface for monitoring and managing SPORE embedded syst
 ![UI](./assets/cluster.png)  
 ### Topology
 ![UI](./assets/topology.png)  
+### Monitoring
+![UI](./assets/monitoring.png)  
 ### Firmware
 ![UI](./assets/firmware.png)
 
diff --git a/assets/cluster.png b/assets/cluster.png
index 8f0e534..d52258e 100644
Binary files a/assets/cluster.png and b/assets/cluster.png differ
diff --git a/assets/firmware.png b/assets/firmware.png
index 343f2a2..cc0f639 100644
Binary files a/assets/firmware.png and b/assets/firmware.png differ
diff --git a/assets/monitoring.png b/assets/monitoring.png
new file mode 100644
index 0000000..44399db
Binary files /dev/null and b/assets/monitoring.png differ
diff --git a/assets/topology.png b/assets/topology.png
index db6624a..3377a99 100644
Binary files a/assets/topology.png and b/assets/topology.png differ
diff --git a/test/mock-ui.html b/test/mock-ui.html
index ab96904..c40dba9 100644
--- a/test/mock-ui.html
+++ b/test/mock-ui.html
@@ -26,6 +26,7 @@
     <script src="/scripts/components/ClusterViewComponent.js"></script>
     <script src="/scripts/components/ClusterStatusComponent.js"></script>
     <script src="/scripts/components/TopologyGraphComponent.js"></script>
+    <script src="/scripts/components/MonitoringViewComponent.js"></script>
     <script src="/scripts/components/ComponentsLoader.js"></script>
     <script src="/scripts/theme-manager.js"></script>
     <script src="/scripts/app.js"></script>
@@ -41,6 +42,7 @@
             <div class="nav-left">
                 <button class="nav-tab active" data-view="cluster">🌐 Cluster</button>
                 <button class="nav-tab" data-view="topology">🔗 Topology</button>
+                <button class="nav-tab" data-view="monitoring">📡 Monitoring</button>
                 <button class="nav-tab" data-view="firmware">📦 Firmware</button>
             </div>
             <div class="nav-right">
@@ -114,12 +116,102 @@
                     </button>
                 </div>
                 <div class="firmware-content" id="firmware-container">
-                    <!-- Firmware content will be rendered here -->
+                    <div class="firmware-overview">
+                        <div class="firmware-actions">
+                            <div class="action-group">
+                                <h3>🚀 Firmware Update</h3>
+                                <div class="firmware-upload-compact">
+                                    <div class="compact-upload-row">
+                                        <div class="file-upload-area">
+                                            <div class="target-options">
+                                                <label class="target-option">
+                                                    <input type="radio" name="target-type" value="all" checked>
+                                                    <span class="radio-custom"></span>
+                                                    <span class="target-label">All Nodes</span>
+                                                </label>
+                                                <label class="target-option specific-node-option">
+                                                    <input type="radio" name="target-type" value="specific">
+                                                    <span class="radio-custom"></span>
+                                                    <span class="target-label">Specific Node</span>
+                                                    <select id="specific-node-select" class="node-select">
+                                                        <option value="">Select a node...</option>
+                                                    </select>
+                                                </label>
+                                                <label class="target-option by-label-option">
+                                                    <input type="radio" name="target-type" value="labels">
+                                                    <span class="radio-custom"></span>
+                                                    <span class="target-label">By Label</span>
+                                                    <select id="label-select" class="label-select"
+                                                        style="min-width: 220px; display: inline-block; vertical-align: middle;">
+                                                        <option value="">Select a label...</option>
+                                                    </select>
+                                                    <div id="selected-labels-container" class="selected-labels"></div>
+                                                </label>
+                                            </div>
+
+                                            <div class="file-input-wrapper">
+                                                <input type="file" id="global-firmware-file" accept=".bin,.hex"
+                                                    style="display: none;">
+                                                <button class="upload-btn-compact"
+                                                    onclick="document.getElementById('global-firmware-file').click()">
+                                                    📁 Choose File
+                                                </button>
+                                                <span class="file-info" id="file-info">No file selected</span>
+                                            </div>
+                                        </div>
+
+                                        <button class="deploy-btn" id="deploy-btn" disabled>🚀 Deploy</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="firmware-nodes-list" id="firmware-nodes-list">
+                        <!-- Nodes will be populated here -->
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div id="monitoring-view" class="view-content">
+            <div class="monitoring-view-section">
+                <div class="monitoring-header">
+                    <h2>📡 Monitoring</h2>
+                    <button class="refresh-btn" id="refresh-monitoring-btn">
+                        <svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M1 4v6h6M23 20v-6h-6" />
+                            <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" />
+                        </svg>
+                        Refresh
+                    </button>
+                </div>
+                
+                <div class="monitoring-content">
+                    <div class="cluster-summary" id="cluster-summary">
+                        <div class="loading">
+                            <div>Loading cluster resource summary...</div>
+                        </div>
+                    </div>
+                    
+                    <div class="nodes-monitoring" id="nodes-monitoring">
+                        <div class="loading">
+                            <div>Loading node resource data...</div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
 
+    <!-- Mock status indicator -->
+    <div class="mock-status" id="mock-status">
+        <div class="mock-status-content">
+            <span class="mock-status-icon">🎭</span>
+            <span class="mock-status-text">Mock Mode</span>
+            <button class="btn-sm" id="mock-info-btn">Info</button>
+        </div>
+    </div>
 
     <script>
         // Mock server status indicator
@@ -145,7 +237,7 @@
     <style>
         .mock-status {
             position: fixed;
-            top: 20px;
+            bottom: 20px;
             right: 20px;
             background: rgba(255, 193, 7, 0.9);
             color: #000;