diff --git a/js/assets/sound.wav b/js/assets/sound.wav
new file mode 100644
index 0000000..68abf03
Binary files /dev/null and b/js/assets/sound.wav differ
diff --git a/js/src/assets.d.ts b/js/src/assets.d.ts
new file mode 100644
index 0000000..9e7051b
--- /dev/null
+++ b/js/src/assets.d.ts
@@ -0,0 +1,4 @@
+declare module "*.wav" {
+  const src: string;
+  export default src;
+}
diff --git a/js/src/features/particles/particle-list-view.tsx b/js/src/features/particles/particle-list-view.tsx
index 88490e0..fc0c3a1 100644
--- a/js/src/features/particles/particle-list-view.tsx
+++ b/js/src/features/particles/particle-list-view.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef } from "react";
 import { useNavigate } from "react-router-dom";
+import beepSound from "../../../assets/sound.wav";
 import {
   Radio,
   MessageSquare,
@@ -103,9 +104,15 @@ function StreamRow({
     if (latestChild.id === settledIdRef.current) return;
     settledIdRef.current = latestChild.id;
 
-    if (latestChild.type !== "media") return;
     if (latestChild.created_by_email === userEmail) return;
 
+    if (latestChild.type === "text") {
+      new Audio(beepSound).play().catch(() => {});
+      return;
+    }
+
+    if (latestChild.type !== "media") return;
+
     useAutoplayStore.getState().play(latestChild, particle.id);
   }, [latestChild?.id]); // eslint-disable-line react-hooks/exhaustive-deps