From c60801d73204b64c1684292e672b710953f787d1 Mon Sep 17 00:00:00 2001
From: Georges Petrov <georgesm.petrov@gmail.com>
Date: Thu, 12 Oct 2023 17:44:42 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20Add=20loader=20to=20ifra?=
 =?UTF-8?q?me=20widget?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/dashboard/components/ChatBoxFrame.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/components/ChatBoxFrame.tsx b/apps/dashboard/components/ChatBoxFrame.tsx
index 28c0dc307..a51027b23 100644
--- a/apps/dashboard/components/ChatBoxFrame.tsx
+++ b/apps/dashboard/components/ChatBoxFrame.tsx
@@ -1,4 +1,5 @@
 import Box from '@mui/joy/Box';
+import CircularProgress from '@mui/joy/CircularProgress';
 import { useColorScheme } from '@mui/joy/styles';
 import { useRouter } from 'next/router';
 import React, { useEffect, useMemo } from 'react';
@@ -106,7 +107,20 @@ function ChatBoxFrame(props: { initConfig?: AgentInterfaceConfig }) {
   //   }, []);
 
   if (!agent) {
-    return null;
+    return (
+      <Box
+        sx={{
+          width: '100dvw',
+          height: '100dvh',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          background: 'transparent',
+        }}
+      >
+        <CircularProgress size="sm" variant="soft" color="neutral" />
+      </Box>
+    );
   }
 
   return (