feat: decrypted channel messages, scopes in ws

src/features/packets/payload-renderers.tsx

@@ -301,16 +301,15 @@ function GroupTextPayload({ payload }: PayloadProps) {
                 <span className="text-text-normal font-semibold">{String(decrypted.sender)}</span>
               </div>
             )}
-            {decrypted.message != null && (
+            {decrypted.content != null && (
               <div>
                 <span className="text-text-dim">Message </span>
-                <span className="text-text-bright break-all">{String(decrypted.message)}</span>
+                <span className="text-text-bright break-all">{String(decrypted.content)}</span>
               </div>
             )}
-            <div className="flex gap-x-4 text-text-dim">
-              {decrypted.timestamp != null && <span>{formatUnixTs(decrypted.timestamp as number)}</span>}
-              {decrypted.flags != null && <span>Flags {String(decrypted.flags)}</span>}
-            </div>
+            {decrypted.sentAt != null && (
+              <div className="text-text-dim">{formatTimestamp(decrypted.sentAt as number)}</div>
+            )}
           </div>
         </div>
       ) : (

src/features/packets/usePackets.ts

@@ -143,6 +143,7 @@ export function usePackets() {
         firstHeardAt: data.observation.heardAt,
         lastHeardAt: data.observation.heardAt,
         observationCount: data.packet.observationCount,
+        scope: data.packet.scope,
         latestObserver: {
           id: data.observation.observerId,
           displayName: data.observation.observerName,

src/types/ws.ts

@@ -41,6 +41,7 @@ export interface WsPacketObservation {
       routeTypeName: string;
       isFirstObservation: boolean;
       observationCount: number;
+      scope?: string; // matched transport scope name; omitted when none matched
     };
     observation: {
       observerId: string;