refactor notification-macos

Author: yujonglee

apps/desktop/src/contexts/listener.tsx

@@ -74,6 +74,10 @@ const useHandleDetectEvents = (store: ListenerStore) => {
                   message: "Mic started",
                   timeout: { secs: 8, nanos: 0 },
                   event_id: null,
+                  start_time: null,
+                  participants: null,
+                  event_details: null,
+                  action_label: null,
                 });
               }, 2000);
             });

apps/desktop/src/services/event-notification/index.ts

@@ -1,4 +1,8 @@
-import { commands as notificationCommands } from "@hypr/plugin-notification";
+import {
+  type EventDetails,
+  commands as notificationCommands,
+  type Participant,
+} from "@hypr/plugin-notification";
 
 import type * as main from "../../store/tinybase/store/main";
 import type * as settings from "../../store/tinybase/store/settings";
@@ -11,6 +15,46 @@ const NOTIFIED_EVENTS_TTL_MS = 10 * 60 * 1000; // 10 minutes TTL for cleanup
 
 export type NotifiedEventsMap = Map<string, number>;
 
+function getSessionIdForEvent(
+  store: main.Store,
+  eventId: string,
+): string | null {
+  let sessionId: string | null = null;
+  store.forEachRow("sessions", (rowId, _forEachCell) => {
+    const session = store.getRow("sessions", rowId);
+    if (session?.event_id === eventId) {
+      sessionId = rowId;
+    }
+  });
+  return sessionId;
+}
+
+function getParticipantsForSession(
+  store: main.Store,
+  sessionId: string,
+): Participant[] {
+  const participants: Participant[] = [];
+
+  store.forEachRow("mapping_session_participant", (mappingId, _forEachCell) => {
+    const mapping = store.getRow("mapping_session_participant", mappingId);
+    if (mapping?.session_id !== sessionId) return;
+
+    const humanId = mapping.human_id as string | undefined;
+    if (!humanId) return;
+
+    const human = store.getRow("humans", humanId);
+    if (!human) return;
+
+    participants.push({
+      name: (human.name as string) || null,
+      email: (human.email as string) || "",
+      status: "Accepted",
+    });
+  });
+
+  return participants;
+}
+
 export function checkEventNotifications(
   store: main.Store,
   settingsStore: settings.Store,
@@ -47,12 +91,32 @@ export function checkEventNotifications(
       const title = String(event.title || "Upcoming Event");
       const minutesUntil = Math.ceil(timeUntilStart / 60000);
 
+      const eventDetails: EventDetails = {
+        what: title,
+        timezone: null,
+        location:
+          (event.meeting_link as string) || (event.location as string) || null,
+      };
+
+      let participants: Participant[] | null = null;
+      const sessionId = getSessionIdForEvent(store, eventId);
+      if (sessionId) {
+        const sessionParticipants = getParticipantsForSession(store, sessionId);
+        if (sessionParticipants.length > 0) {
+          participants = sessionParticipants;
+        }
+      }
+
       void notificationCommands.showNotification({
         key: notificationKey,
         title: title,
         message: `Starting in ${minutesUntil} minute${minutesUntil !== 1 ? "s" : ""}`,
         timeout: { secs: 30, nanos: 0 },
         event_id: eventId,
+        start_time: Math.floor(startTime.getTime() / 1000),
+        participants: participants,
+        event_details: eventDetails,
+        action_label: "Start listening",
       });
     } else if (timeUntilStart <= 0) {
       notifiedEvents.delete(notificationKey);

crates/notification-macos/swift-lib/src/Constants.swift

@@ -0,0 +1,53 @@
+import Cocoa
+
+enum Layout {
+    static let notificationWidth: CGFloat = 344
+    static let notificationHeight: CGFloat = 64
+    static let expandedNotificationHeight: CGFloat = 380
+    static let rightMargin: CGFloat = 15
+    static let topMargin: CGFloat = 15
+    static let slideInOffset: CGFloat = 10
+    static let buttonOverhang: CGFloat = 8
+    static let cornerRadius: CGFloat = 14
+    static let contentPaddingHorizontal: CGFloat = 12
+    static let contentPaddingVertical: CGFloat = 9
+    static let expandedPaddingHorizontal: CGFloat = 16
+    static let expandedPaddingVertical: CGFloat = 14
+}
+
+enum Timing {
+    static let slideIn: TimeInterval = 0.3
+    static let expansion: TimeInterval = 0.25
+    static let fadeIn: TimeInterval = 0.15
+    static let dismiss: TimeInterval = 0.2
+    static let buttonPress: TimeInterval = 0.08
+    static let hoverFade: TimeInterval = 0.15
+}
+
+enum Fonts {
+    static let titleSize: CGFloat = 14
+    static let titleWeight: NSFont.Weight = .semibold
+    static let bodySize: CGFloat = 11
+    static let bodyWeight: NSFont.Weight = .regular
+    static let buttonSize: CGFloat = 12
+    static let buttonWeight: NSFont.Weight = .medium
+    static let expandedTitleSize: CGFloat = 15
+    static let detailLabelSize: CGFloat = 11
+    static let detailValueSize: CGFloat = 12
+    static let actionButtonSize: CGFloat = 13
+}
+
+enum Colors {
+    static let buttonNormalBg = NSColor(calibratedWhite: 0.95, alpha: 0.9).cgColor
+    static let buttonPressedBg = NSColor(calibratedWhite: 0.85, alpha: 0.9).cgColor
+    static let notificationBg = NSColor(calibratedWhite: 0.92, alpha: 0.85).cgColor
+    static let actionButtonBg = NSColor(calibratedWhite: 0.35, alpha: 0.95).cgColor
+    static let closeButtonHoverBg = NSColor(calibratedWhite: 0.95, alpha: 1.0).cgColor
+    static let closeButtonPressedBg = NSColor(calibratedWhite: 0.9, alpha: 1.0).cgColor
+}
+
+enum CloseButtonConfig {
+    static let size: CGFloat = 20
+    static let symbolPointSize: CGFloat = 9
+}
+

crates/notification-macos/swift-lib/src/Models.swift

@@ -0,0 +1,56 @@
+import Cocoa
+
+struct Participant: Codable {
+    let name: String?
+    let email: String
+    let status: String
+}
+
+struct EventDetails: Codable {
+    let what: String
+    let timezone: String?
+    let location: String?
+}
+
+struct NotificationPayload: Codable {
+    let key: String
+    let title: String
+    let message: String
+    let timeoutSeconds: Double
+    let startTime: Int64?
+    let participants: [Participant]?
+    let eventDetails: EventDetails?
+    let actionLabel: String?
+}
+
+enum ParticipantStatusDisplay {
+    case accepted
+    case maybe
+    case declined
+
+    init(from string: String) {
+        switch string.lowercased() {
+        case "accepted": self = .accepted
+        case "maybe": self = .maybe
+        case "declined": self = .declined
+        default: self = .accepted
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .accepted: return "✓"
+        case .maybe: return "?"
+        case .declined: return "✗"
+        }
+    }
+
+    var color: NSColor {
+        switch self {
+        case .accepted: return NSColor.systemGreen
+        case .maybe: return NSColor.systemYellow
+        case .declined: return NSColor.systemRed
+        }
+    }
+}
+