Fix: hide repeated avatar and username for grouped messages

Mactrix/Models/LiveTimeline.swift

@@ -20,7 +20,26 @@ public final class LiveTimeline {
     public private(set) var focusedTimelineEventId: EventOrTransactionId?
     // public private(set) var focusedTimelineGroupId: String?
 
-    public var sendReplyTo: MatrixRustSDK.EventTimelineItem?
+    public var sendReplyTo: MatrixRustSDK.EventTimelineItem? {
+        get { _sendReplyTo }
+        set {
+            let id = newValue?.eventOrTransactionId.id ?? "nil"
+            let msg = "sendReplyTo changed to \(id)"
+            if newValue == nil && _sendReplyTo != nil {
+                let stack = Thread.callStackSymbols.prefix(15).joined(separator: "\n  ")
+                Self.debugLog("\(msg) — CLEARED\n  \(stack)")
+            } else {
+                Self.debugLog(msg)
+            }
+            _sendReplyTo = newValue
+        }
+    }
+    private var _sendReplyTo: MatrixRustSDK.EventTimelineItem?
+
+    private static func debugLog(_ msg: String) {
+        fputs("HOVER: \(msg)\n", stderr)
+    }
+    public var hoveredEventId: EventOrTransactionId?
 
     public private(set) var timelineItems: [TimelineItem] = []
     public private(set) var loadedReplyDetails: [String: InReplyToDetails] = [:]

Mactrix/Views/ChatView/ChatInputView.swift

@@ -29,6 +29,7 @@ struct ChatInputView: View {
         }
 
         chatInput = ""
+        NSLog("HOVER: replyTo cleared by sendMessage")
         replyTo = nil
         timeline.scrollPosition.scrollTo(edge: .bottom)
     }
@@ -120,6 +121,7 @@ struct ChatInputView: View {
         VStack(alignment: .leading) {
             if let replyEmbeddedDetails {
                 EmbeddedMessageView(embeddedEvent: replyEmbeddedDetails) {
+                    NSLog("HOVER: replyTo cleared by EmbeddedMessageView tap")
                     replyTo = nil
                 }
             }

Mactrix/Views/ChatView/ChatMessageView.swift

@@ -128,7 +128,7 @@ struct ChatMessageView: View, UI.MessageEventActions {
             UI.MessageEventProfileView(event: event, actions: self, imageLoader: appState.matrixClient)
                 .font(.system(size: .init(fontSize)))
         }
-        UI.MessageEventBodyView(event: event, focused: isEventFocused, reactions: msg.reactions, actions: self, ownUserID: ownUserId, imageLoader: appState.matrixClient, roomMembers: timeline?.room.members ?? []) {
+        UI.MessageEventBodyView(event: event, focused: isEventFocused, reactions: msg.reactions, actions: self, ownUserID: ownUserId, imageLoader: appState.matrixClient, roomMembers: timeline?.room.members ?? [], isExternallyHovered: timeline?.hoveredEventId == event.eventOrTransactionId) {
             VStack(alignment: .leading, spacing: 10) {
                 if let replyTo = msg.inReplyTo {
                     let eventId = replyTo.eventId()

Mactrix/Views/ChatView/TimelineView/HoverActionsPanel.swift

@@ -0,0 +1,83 @@
+import AppKit
+import SwiftUI
+import UI
+
+/// A floating panel that displays message hover actions (react, reply, pin)
+/// positioned above the hovered timeline row, outside the NSTableView's row clipping.
+class HoverActionsPanel: NSPanel {
+    private let hostingView: NSHostingView<AnyView>
+
+    init() {
+        hostingView = NSHostingView(rootView: AnyView(EmptyView()))
+
+        super.init(
+            contentRect: .zero,
+            styleMask: [.borderless, .nonactivatingPanel],
+            backing: .buffered,
+            defer: true
+        )
+
+        isOpaque = false
+        backgroundColor = .clear
+        hasShadow = false
+        level = .floating
+        hidesOnDeactivate = true
+        collectionBehavior = [.canJoinAllSpaces, .fullScreenAuxiliary]
+        ignoresMouseEvents = false
+        contentView = hostingView
+    }
+
+    override var canBecomeKey: Bool { false }
+
+    var isMouseInside: Bool {
+        NSMouseInRect(NSEvent.mouseLocation, frame, false)
+    }
+
+    func update(eventId: String, onReaction: @escaping (String) -> Void, onReply: @escaping () -> Void, onReplyInThread: @escaping () -> Void, onPin: @escaping () -> Void) {
+        hostingView.rootView = AnyView(
+            HoverActionsView(onReaction: onReaction, onReply: onReply, onReplyInThread: onReplyInThread, onPin: onPin)
+                .id(eventId)
+        )
+        hostingView.layoutSubtreeIfNeeded()
+        let size = hostingView.fittingSize
+        setContentSize(size)
+    }
+
+    func position(relativeTo rowRect: NSRect, in window: NSWindow, topOffset: CGFloat = 0) {
+        let screenRect = window.convertToScreen(rowRect)
+        let size = hostingView.fittingSize
+        let origin = NSPoint(
+            x: screenRect.maxX - size.width - 20,
+            y: screenRect.maxY - 6 - topOffset
+        )
+        setFrameOrigin(origin)
+    }
+}
+
+private struct HoverActionsView: View {
+    let onReaction: (String) -> Void
+    let onReply: () -> Void
+    let onReplyInThread: () -> Void
+    let onPin: () -> Void
+
+    var body: some View {
+        HStack(spacing: 0) {
+            HoverButton(icon: { Text("👍") }, tooltip: "React") { onReaction("👍") }
+            HoverButton(icon: { Text("🎉") }, tooltip: "React") { onReaction("🎉") }
+            HoverButton(icon: { Text("❤️") }, tooltip: "React") { onReaction("❤️") }
+            Divider().frame(height: 18)
+            HoverButton(icon: { Image(systemName: "face.smiling") }, tooltip: "React") {}
+            HoverButton(icon: { Image(systemName: "arrowshape.turn.up.left") }, tooltip: "Reply") { onReply() }
+            HoverButton(icon: { Image(systemName: "ellipsis.message") }, tooltip: "Reply in thread") { onReplyInThread() }
+
+            HoverButton(icon: { Image(systemName: "pin") }, tooltip: "Pin") { onPin() }
+        }
+        .padding(2)
+        .background(
+            RoundedRectangle(cornerRadius: 4)
+                .fill(Color(NSColor.controlBackgroundColor))
+                .stroke(Color(NSColor.separatorColor), lineWidth: 1)
+                .shadow(color: .black.opacity(0.1), radius: 4)
+        )
+    }
+}