added waiting message

frontend/app/components/Controls.js

@@ -12,6 +12,7 @@ import {
   IconArrowDownRight,
   IconMinus,
   IconPlus,
+  IconRobot,
   IconRotateClockwise,
 } from "@tabler/icons-react";
 import React, { useCallback, useEffect, useRef } from "react";
@@ -62,8 +63,16 @@ export const Controls = React.memo(({ remoteParams, onData }) => {
           overlayProps={{ blur: 2 }}
           loaderProps={{
             children: (
-              <div className="animate-pulse font-medium">
-                Waiting for bot to join...
+              <div className="animate-pulse font-medium text-center">
+                <IconRobot
+                  size={42}
+                  stroke={1}
+                  className="mx-auto mb-2 text-indigo-600"
+                />
+                <div>Waiting for bot to initialize...</div>
+                <div className="text-sm font-normal text-zinc-600">
+                  It may take a few minutes
+                </div>
               </div>
             ),
           }}