fix: notifications and store styling

server/api/v1/notifications/ws.get.ts

@@ -9,20 +9,29 @@ const socketSessions: { [key: string]: string } = {};
 
 export default defineWebSocketHandler({
   async open(peer) {
-    const userId = await aclManager.getUserIdACL(
-      { headers: peer.request?.headers ?? new Headers() },
-      ["notifications:listen"]
-    );
+    const h3 = { headers: peer.request?.headers ?? new Headers() };
+    const userId = await aclManager.getUserIdACL(h3, ["notifications:listen"]);
     if (!userId) {
       peer.send("unauthenticated");
       return;
     }
 
+    const userIds = [userId];
+
+    const hasSystemPerms = await aclManager.allowSystemACL(h3, [
+      "notifications:listen",
+    ]);
+    if (hasSystemPerms) {
+      userIds.push("system");
+    }
+
     socketSessions[peer.id] = userId;
 
-    notificationSystem.listen(userId, peer.id, (notification) => {
-      peer.send(JSON.stringify(notification));
-    });
+    for (const listenUserId of userIds) {
+      notificationSystem.listen(listenUserId, peer.id, (notification) => {
+        peer.send(JSON.stringify(notification));
+      });
+    }
   },
   async close(peer, details) {
     const userId = socketSessions[peer.id];
@@ -32,6 +41,7 @@ export default defineWebSocketHandler({
     }
 
     notificationSystem.unlisten(userId, peer.id);
+    notificationSystem.unlisten("system", peer.id); // In case we were listening as 'system'
     delete socketSessions[peer.id];
   },
 });