Polish popup interactions with theme-matched hover states.

Add subtle hover feedback to stream cards, attachment previews, action links, and replace the header open action with a professional icon button that matches the app's visual language.

Made-with: Cursor

classroom_app/ViewController.swift

@@ -5530,9 +5530,30 @@ private final class EnrolledClassDetailsViewController: NSViewController {
         subtitle.font = NSFont.systemFont(ofSize: 12, weight: .medium)
         subtitle.textColor = palette.textMuted
 
-        let openClassButton = NSButton(title: "Open in Classroom", target: self, action: #selector(openClassPressed(_:)))
-        openClassButton.bezelStyle = .rounded
-        openClassButton.font = NSFont.systemFont(ofSize: 12, weight: .semibold)
+        let openClassButton = HoverButton(title: "", target: self, action: #selector(openClassPressed(_:)))
+        openClassButton.translatesAutoresizingMaskIntoConstraints = false
+        openClassButton.bezelStyle = .regularSquare
+        openClassButton.image = NSImage(systemSymbolName: "arrow.up.right.square", accessibilityDescription: "Open in Classroom")
+        openClassButton.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 14, weight: .semibold)
+        openClassButton.imagePosition = .imageOnly
+        openClassButton.contentTintColor = palette.textPrimary
+        openClassButton.setAccessibilityLabel("Open in Classroom")
+        openClassButton.toolTip = "Open in Classroom"
+        openClassButton.wantsLayer = true
+        openClassButton.layer?.cornerRadius = 8
+        openClassButton.layer?.borderWidth = 1
+        openClassButton.widthAnchor.constraint(equalToConstant: 34).isActive = true
+        openClassButton.heightAnchor.constraint(equalToConstant: 34).isActive = true
+        let buttonBase = palette.inputBackground
+        let buttonHover = buttonBase.blended(withFraction: 0.14, of: palette.primaryBlue) ?? buttonBase
+        openClassButton.layer?.backgroundColor = buttonBase.cgColor
+        openClassButton.layer?.borderColor = palette.inputBorder.cgColor
+        openClassButton.onHoverChanged = { [weak openClassButton] hovering in
+            guard let openClassButton else { return }
+            openClassButton.layer?.backgroundColor = (hovering ? buttonHover : buttonBase).cgColor
+            openClassButton.layer?.borderColor = (hovering ? self.palette.primaryBlueBorder : self.palette.inputBorder).cgColor
+        }
+        openClassButton.onHoverChanged?(false)
 
         let left = NSStackView(views: [title, subtitle])
         left.orientation = .vertical
@@ -5726,13 +5747,22 @@ private final class EnrolledClassDetailsViewController: NSViewController {
     }
 
     private func makeAttachmentPreview(_ attachment: ClassroomAttachment) -> NSView {
-        let preview = NSView()
+        let preview = HoverTrackingView()
         preview.translatesAutoresizingMaskIntoConstraints = false
         preview.wantsLayer = true
+        preview.showsHandCursor = false
         preview.layer?.cornerRadius = 12
-        preview.layer?.backgroundColor = palette.sectionCard.cgColor
+        let previewBase = palette.sectionCard
+        let previewHover = previewBase.blended(withFraction: 0.14, of: palette.primaryBlue) ?? previewBase
+        preview.layer?.backgroundColor = previewBase.cgColor
         preview.layer?.borderWidth = 1
         preview.layer?.borderColor = palette.inputBorder.cgColor
+        preview.onHoverChanged = { [weak preview] hovering in
+            guard let preview else { return }
+            preview.layer?.backgroundColor = (hovering ? previewHover : previewBase).cgColor
+            preview.layer?.borderColor = (hovering ? self.palette.primaryBlueBorder : self.palette.inputBorder).cgColor
+        }
+        preview.onHoverChanged?(false)
 
         let titleButton = NSButton(title: attachment.title, target: self, action: #selector(downloadPressed(_:)))
         titleButton.translatesAutoresizingMaskIntoConstraints = false
@@ -5775,23 +5805,44 @@ private final class EnrolledClassDetailsViewController: NSViewController {
     }
 
     private func makeInlineActionButton(title: String, url: URL) -> NSButton {
-        let open = NSButton(title: title, target: self, action: #selector(openLinkPressed(_:)))
+        let open = HoverButton(title: title, target: self, action: #selector(openLinkPressed(_:)))
+        open.translatesAutoresizingMaskIntoConstraints = false
         open.bezelStyle = .inline
         open.identifier = NSUserInterfaceItemIdentifier(url.absoluteString)
         open.font = NSFont.systemFont(ofSize: 12, weight: .semibold)
+        open.wantsLayer = true
+        open.layer?.cornerRadius = 8
+        open.layer?.backgroundColor = NSColor.clear.cgColor
+        open.onHoverChanged = { [weak open] hovering in
+            guard let open else { return }
+            let bg = hovering
+                ? (self.palette.inputBackground.blended(withFraction: 0.18, of: self.palette.primaryBlue) ?? self.palette.inputBackground)
+                : NSColor.clear
+            open.layer?.backgroundColor = bg.cgColor
+        }
+        open.onHoverChanged?(false)
         return open
     }
 
     private func makeStreamCardShell() -> NSView {
-        let card = NSView()
+        let card = HoverTrackingView()
         card.translatesAutoresizingMaskIntoConstraints = false
         card.wantsLayer = true
+        card.showsHandCursor = false
         card.layer?.cornerRadius = 10
-        card.layer?.backgroundColor = palette.inputBackground
-            .blended(withFraction: 0.32, of: palette.sectionCard)?
-            .cgColor ?? palette.inputBackground.cgColor
+        let baseColor = palette.inputBackground
+            .blended(withFraction: 0.32, of: palette.sectionCard)
+            ?? palette.inputBackground
+        let hoverColor = baseColor.blended(withFraction: 0.12, of: palette.primaryBlue) ?? baseColor
+        card.layer?.backgroundColor = baseColor.cgColor
         card.layer?.borderWidth = 1
         card.layer?.borderColor = palette.inputBorder.cgColor
+        card.onHoverChanged = { [weak card] hovering in
+            guard let card else { return }
+            card.layer?.backgroundColor = (hovering ? hoverColor : baseColor).cgColor
+            card.layer?.borderColor = (hovering ? self.palette.primaryBlueBorder : self.palette.inputBorder).cgColor
+        }
+        card.onHoverChanged?(false)
         return card
     }