fix: implement stream playback cleaner structure

js/src/features/network-root.tsx

@@ -1,7 +1,8 @@
 import { useParams } from "react-router-dom";
 import { particlePath } from "@/lib/particle-path";
 import { ParticleListView } from "@/features/particles/particle-list-view";
-import { useComposeKeyboard } from "@/features/compose/use-compose-keyboard";
+import ControlsIndicator from "@/features/compose/controls-indicator";
+import { ComposeOverlay } from "./compose/compose-overlay";
 
 /**
  * Route-level component for /:networkId (index).
@@ -10,9 +11,12 @@ import { useComposeKeyboard } from "@/features/compose/use-compose-keyboard";
 export default function NetworkRoot() {
   const { networkId } = useParams();
   const path = particlePath(networkId!, []);
-  useComposeKeyboard();
 
   return (
-    <ParticleListView path={path} />
+    <>
+      <ParticleListView path={path} />
+      <ControlsIndicator type={"new"} />
+      <ComposeOverlay networkId={networkId!} />
+    </>
   );
 }