Index: sources/gui/qml/components/HeaderBar.qml
===================================================================
diff -u -r8144efe22a7a15f19e6e958a40b3360096c84c49 -rb04fa0fce565a52305f2153f2cb6c5858453ab15
--- sources/gui/qml/components/HeaderBar.qml	(.../HeaderBar.qml)	(revision 8144efe22a7a15f19e6e958a40b3360096c84c49)
+++ sources/gui/qml/components/HeaderBar.qml	(.../HeaderBar.qml)	(revision b04fa0fce565a52305f2153f2cb6c5858453ab15)
@@ -17,6 +17,23 @@
         GradientStop { position: 0.8; color: Qt.darker (Colors.backgroundMain, 1.2) }
     }
 
+    MouseArea { id: _mouseArea
+        anchors.fill    : parent
+        // TODO: disable this later. this is only for diagnostic purpose.
+        onDoubleClicked : {
+            if ( _GuiView.dryDemoMode ) {
+                let dryDemoTempID = 99
+                let id = vConfirm.id
+                vConfirm.id = dryDemoTempID
+                vConfirm.doConfirm( true  )
+                vConfirm.id = id
+            }
+            else {
+                _diagnosticsDialog.open()
+            }
+        }
+    }
+
     Item { id: _dateTimeItem
         width   : Variables.headerBarDateTimeWidth
         anchors {
@@ -95,7 +112,7 @@
         highlightHeight : 15
         isMainTreatment : true
 
-        onHiddenChanged: if (hidden) { index = 0 }
+        onHiddenChanged: { if (hidden) { index = 0 } }
     }
 
     Row { id: _headerButtonRow
@@ -112,7 +129,7 @@
             iconImageSource : "qrc:/images/iPrescription"
             extraSpace      : _headerButtonRow.spacing
 
-            onPressed: print("Prescription button pressed!")
+            onPressed       : print("Prescription button pressed!")
         }
 
         IconButton { id  : _wifiButton
@@ -127,23 +144,23 @@
             iconImageSource : "qrc:/images/iBluetooth"
             extraSpace      : _headerButtonRow.spacing
 
-            onPressed: print("Bluetooth button pressed!")
+            onPressed       : print("Bluetooth button pressed!")
         }
 
         IconButton { id  : _cloudSyncButton
             iconSize        : Variables.headerIconDiameter
             iconImageSource : "qrc:/images/iCloudSync"
             extraSpace      : _headerButtonRow.spacing
 
-            onPressed: print("CloudSync button pressed!")
+            onPressed       : print("CloudSync button pressed!")
         }
 
         IconButton { id  : _storageButton
             iconSize        : Variables.headerIconDiameter
             iconImageSource : "qrc:/images/iStorage"
             extraSpace      : _headerButtonRow.spacing
 
-            onPressed: print("Storage button pressed!")
+            onPressed       : _storageDialog.openDialog(_storageButton)
         }
 
         IconButton { id  : _settingsButton
@@ -159,7 +176,7 @@
             iconImageSource : "qrc:/images/iInformation"
             extraSpace      : _headerButtonRow.spacing
 
-            onPressed: print("Information button pressed!")
+            onPressed       : print("Information button pressed!")
         }
     }
 }