Improve demo UI: server info page, page descriptions, layout polishHEADmaster

Add Server Info as the landing page after connection (CurrentTime,
StartTime, State, ProductName, SoftwareVersion). Add Non-Existent
Nodes test page. Add descriptions to all pages.

Show displayName in identifier column, format ServerState enum as
human-readable string. Improve server list layout (name + URI stacked).
Show scrollbar when list overflows, make PKI Configure a regular button.

1 files changed, 22 insertions, 7 deletions

diff --git a/demo/Main.qml b/demo/Main.qml
index ca0a419..361e3bd 100644
--- a/demo/Main.qml
+++ b/demo/Main.qml
@@ -153,15 +153,31 @@ ApplicationWindow {
                         clip: true
                         model: Bobink.servers
                         delegate: ItemDelegate {
+                            id: serverDelegate
                             required property var modelData
                             width: ListView.view.width
-                            text: modelData.serverName + "  —  " + modelData.applicationUri
+                            contentItem: ColumnLayout {
+                                spacing: 2
+                                Label {
+                                    text: serverDelegate.modelData.serverName
+                                }
+                                Label {
+                                    text: serverDelegate.modelData.applicationUri
+                                    color: "gray"
+                                    font.italic: true
+                                    font.pointSize: 8
+                                    elide: Text.ElideRight
+                                    Layout.fillWidth: true
+                                }
+                            }
                             onClicked: {
                                 if (modelData.discoveryUrls.length > 0)
                                     serverUrlField.text = modelData.discoveryUrls[0];
                             }
                         }
-                        ScrollBar.vertical: ScrollBar {}
+                        ScrollBar.vertical: ScrollBar {
+                            policy: ScrollBar.AsNeeded
+                        }
                     }
 
                     RowLayout {
@@ -178,8 +194,7 @@ ApplicationWindow {
                             Layout.fillWidth: true
                         }
                         Button {
-                            text: root.showPkiSettings ? "Hide" : "Configure..."
-                            flat: true
+                            text: root.showPkiSettings ? "Hide" : "Configure"
                             onClicked: root.showPkiSettings = !root.showPkiSettings
                         }
                     }
@@ -199,7 +214,7 @@ ApplicationWindow {
                             placeholderText: "Client certificate (.der)"
                         }
                         Button {
-                            text: "Browse..."
+                            text: "Browse"
                             onClicked: certFileDialog.open()
                         }
 
@@ -213,7 +228,7 @@ ApplicationWindow {
                             placeholderText: "Private key (.pem, .crt)"
                         }
                         Button {
-                            text: "Browse..."
+                            text: "Browse"
                             onClicked: keyFileDialog.open()
                         }
 
@@ -226,7 +241,7 @@ ApplicationWindow {
                             text: Bobink.pkiDir
                         }
                         Button {
-                            text: "Browse..."
+                            text: "Browse"
                             onClicked: trustFolderDialog.open()
                         }
                     }