mirror of
https://github.com/logos-messaging/logos-chat.git
synced 2026-08-02 16:13:11 +00:00
feat(sim-monitor): descriptive chat panels with status pills, phase bars, MSG badges
This commit is contained in:
Arseniy Klempner
parent
052cb11f00
commit
3f54a2e755
@ -132,62 +132,188 @@ ApplicationWindow {
|
|||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.margins: 8
|
anchors.margins: 8
|
||||||
spacing: 4
|
spacing: 6
|
||||||
|
|
||||||
// Header
|
// Header + status summary
|
||||||
Text {
|
RowLayout {
|
||||||
font.family: root.monoFont; font.pixelSize: 13; font.bold: true
|
spacing: 8
|
||||||
color: textPrimary
|
Text {
|
||||||
text: role.toUpperCase()
|
font.family: root.monoFont; font.pixelSize: 14; font.bold: true
|
||||||
}
|
color: textPrimary
|
||||||
|
text: role.toUpperCase()
|
||||||
// State badge
|
}
|
||||||
Text {
|
Rectangle {
|
||||||
font.family: root.monoFont; font.pixelSize: 11
|
width: statusLabel.implicitWidth + 12; height: 18; radius: 9
|
||||||
color: accent
|
color: {
|
||||||
text: {
|
if (phase === "---") return root.textTertiary
|
||||||
var allPhases = ["init", "start", "request", "opt", "conf", "ready",
|
if (phase === "msg_sent" || phase === "msg_received") return root.accent
|
||||||
role === "sender" ? "intro_emitted" : "intro_accepted",
|
if (phase.indexOf("conf") >= 0 || phase === "ready" ||
|
||||||
role === "sender" ? "msg_sent" : "msg_received"]
|
phase === "intro_emitted" || phase === "intro_accepted") return "#2563EB"
|
||||||
var current = phase.split(":")[0]
|
return root.yellow
|
||||||
var currentIdx = allPhases.indexOf(current)
|
}
|
||||||
if (currentIdx < 0 && phase !== "---") currentIdx = 99
|
Text {
|
||||||
|
id: statusLabel
|
||||||
var labels = []
|
anchors.centerIn: parent
|
||||||
for (var i = 0; i < allPhases.length; i++) {
|
font.family: root.monoFont; font.pixelSize: 9; font.bold: true
|
||||||
var p = allPhases[i]
|
color: "#FFF"
|
||||||
var label = p
|
text: {
|
||||||
if (p === "opt" && optLeaf >= 0) label = "opt:" + optLeaf
|
if (phase === "---") return "WAITING"
|
||||||
if (p === "conf" && authLeaf >= 0) label = "conf:" + authLeaf
|
if (phase === "init") return "INITIALIZED"
|
||||||
if (i === currentIdx) labels.push("▶" + label)
|
if (phase === "start") return "STARTED"
|
||||||
else if (i < currentIdx) labels.push("✓" + label)
|
if (phase === "request") return "REGISTERING"
|
||||||
else break
|
if (phase.indexOf("opt:") >= 0) return "LEAF " + optLeaf + " (OPTIMISTIC)"
|
||||||
|
if (phase.indexOf("conf:") >= 0) return "LEAF " + authLeaf + " (CONFIRMED)"
|
||||||
|
if (phase === "ready") return "MIX READY"
|
||||||
|
if (phase === "intro_emitted") return "BUNDLE CREATED"
|
||||||
|
if (phase === "intro_accepted") return "BUNDLE ACCEPTED"
|
||||||
|
if (phase === "msg_sent") return "SENDING"
|
||||||
|
if (phase === "msg_received") return "RECEIVING"
|
||||||
|
return phase.toUpperCase()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return labels.length > 0 ? labels.join(" → ") : phase
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Leaf info
|
// Phase progression bar
|
||||||
Text {
|
Row {
|
||||||
font.family: root.monoFont; font.pixelSize: 11
|
spacing: 2
|
||||||
color: corrected ? root.yellow : (optLeaf >= 0 && optLeaf === authLeaf ? accent : textSecond)
|
Repeater {
|
||||||
text: "leaf: opt=" + (optLeaf >= 0 ? optLeaf : "-") +
|
model: ["init", "start", "request", "opt", "conf", "ready",
|
||||||
" auth=" + (authLeaf >= 0 ? authLeaf : "-") +
|
role === "sender" ? "intro" : "accept",
|
||||||
(corrected ? " ⚠" : (optLeaf >= 0 && optLeaf === authLeaf ? " ✓" : ""))
|
role === "sender" ? "send" : "recv"]
|
||||||
|
Rectangle {
|
||||||
|
width: 8; height: 4; radius: 2
|
||||||
|
color: {
|
||||||
|
var allPhases = ["init", "start", "request", "opt", "conf", "ready",
|
||||||
|
role === "sender" ? "intro_emitted" : "intro_accepted",
|
||||||
|
role === "sender" ? "msg_sent" : "msg_received"]
|
||||||
|
var current = phase.split(":")[0]
|
||||||
|
var currentIdx = allPhases.indexOf(current)
|
||||||
|
if (index < currentIdx) return root.accent
|
||||||
|
if (index === currentIdx) return root.yellow
|
||||||
|
return root.border
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Peers
|
// Leaf + membership info
|
||||||
Text {
|
RowLayout {
|
||||||
font.family: root.monoFont; font.pixelSize: 11
|
spacing: 8
|
||||||
color: mixRdy ? accent : textSecond
|
Text {
|
||||||
text: "peers=" + peers + " mix=" + (mixRdy ? "✓" : "✗") + " pool=" + pool
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: textSecond
|
||||||
|
text: "RLN MEMBERSHIP"
|
||||||
|
}
|
||||||
|
Text {
|
||||||
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: corrected ? root.yellow : (optLeaf >= 0 && optLeaf === authLeaf ? accent : textSecond)
|
||||||
|
text: {
|
||||||
|
if (optLeaf < 0 && authLeaf < 0) return "not registered"
|
||||||
|
var s = "leaf " + (authLeaf >= 0 ? authLeaf : optLeaf)
|
||||||
|
if (optLeaf >= 0 && authLeaf < 0) s += " (pending confirmation)"
|
||||||
|
else if (corrected) s += " (corrected from " + optLeaf + ")"
|
||||||
|
else if (optLeaf >= 0 && optLeaf === authLeaf) s += " (confirmed ✓)"
|
||||||
|
return s
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Network status
|
||||||
|
RowLayout {
|
||||||
|
spacing: 8
|
||||||
|
Text {
|
||||||
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: textSecond
|
||||||
|
text: "NETWORK"
|
||||||
|
}
|
||||||
|
Text {
|
||||||
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: mixRdy ? accent : (peers > 0 ? root.yellow : textTertiary)
|
||||||
|
text: {
|
||||||
|
if (peers === 0) return "no peers"
|
||||||
|
var s = peers + " peers"
|
||||||
|
if (mixRdy) s += " · mix pool " + pool + " ✓"
|
||||||
|
else s += " · mix not ready"
|
||||||
|
return s
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Messages
|
// Messages
|
||||||
Text {
|
RowLayout {
|
||||||
font.family: root.monoFont; font.pixelSize: 11
|
spacing: 16
|
||||||
color: textPrimary
|
|
||||||
text: "out:" + out_ + " in:" + in_
|
Row {
|
||||||
|
spacing: 4
|
||||||
|
Text {
|
||||||
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: textSecond
|
||||||
|
text: "MSG OUT"
|
||||||
|
}
|
||||||
|
Rectangle {
|
||||||
|
width: 28; height: 18; radius: 3
|
||||||
|
color: out_ > 0 ? root.accent : root.bgPanel
|
||||||
|
border.color: out_ > 0 ? root.accent : root.border
|
||||||
|
Text {
|
||||||
|
anchors.centerIn: parent
|
||||||
|
font.family: root.monoFont; font.pixelSize: 11; font.bold: true
|
||||||
|
color: out_ > 0 ? "#000" : root.textTertiary
|
||||||
|
text: out_
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row {
|
||||||
|
spacing: 4
|
||||||
|
Text {
|
||||||
|
font.family: root.monoFont; font.pixelSize: 10
|
||||||
|
color: textSecond
|
||||||
|
text: "MSG IN"
|
||||||
|
}
|
||||||
|
Rectangle {
|
||||||
|
width: 28; height: 18; radius: 3
|
||||||
|
color: in_ > 0 ? root.accent : root.bgPanel
|
||||||
|
border.color: in_ > 0 ? root.accent : root.border
|
||||||
|
Text {
|
||||||
|
anchors.centerIn: parent
|
||||||
|
font.family: root.monoFont; font.pixelSize: 11; font.bold: true
|
||||||
|
color: in_ > 0 ? "#000" : root.textTertiary
|
||||||
|
text: in_
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Live activity indicator
|
||||||
|
Rectangle {
|
||||||
|
id: activityDot
|
||||||
|
width: 8; height: 8; radius: 4
|
||||||
|
color: (out_ > 0 || in_ > 0) ? root.accent : root.textTertiary
|
||||||
|
opacity: activityAnim.running ? 1.0 : 0.3
|
||||||
|
|
||||||
|
SequentialAnimation on opacity {
|
||||||
|
id: activityAnim
|
||||||
|
running: false
|
||||||
|
loops: 3
|
||||||
|
NumberAnimation { to: 1.0; duration: 150 }
|
||||||
|
NumberAnimation { to: 0.3; duration: 300 }
|
||||||
|
}
|
||||||
|
|
||||||
|
Connections {
|
||||||
|
target: monitor
|
||||||
|
function onStateChanged() {
|
||||||
|
var prevOut = activityDot._lastOut || 0
|
||||||
|
var prevIn = activityDot._lastIn || 0
|
||||||
|
if (out_ !== prevOut || in_ !== prevIn) {
|
||||||
|
activityAnim.restart()
|
||||||
|
}
|
||||||
|
activityDot._lastOut = out_
|
||||||
|
activityDot._lastIn = in_
|
||||||
|
}
|
||||||
|
}
|
||||||
|
property int _lastOut: 0
|
||||||
|
property int _lastIn: 0
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Item { Layout.fillHeight: true }
|
Item { Layout.fillHeight: true }
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user