diff --git a/frontend/package.json b/frontend/package.json
index 44b1be3b5..00a78af16 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -34,6 +34,7 @@
"axios": "^1.5.1",
"chain-registry": "1.28.1",
"chart.js": "^4.4.1",
+ "chat-agent-widget": "1.0.1",
"cosmjs-types": "^0.9.0",
"date-fns": "2.30.0",
"eslint": "8.50.0",
diff --git a/frontend/src/components/main-layout/FixedLayout.tsx b/frontend/src/components/main-layout/FixedLayout.tsx
index 5a03450c6..6e804d0cb 100644
--- a/frontend/src/components/main-layout/FixedLayout.tsx
+++ b/frontend/src/components/main-layout/FixedLayout.tsx
@@ -35,6 +35,8 @@ import { TxStatus } from '@/types/enums';
import useGetShowAuthzAlert from '@/custom-hooks/useGetShowAuthzAlert';
import { initializeGA } from '@/utils/util';
import { NotSupportedMetamaskChainIds } from '@/utils/constants';
+import ChatWidget from 'chat-agent-widget';
+import { ARKA_BOT_CONFIG } from '@/constants/arka-bot';
declare let window: WalletWindow;
@@ -147,6 +149,19 @@ const FixedLayout = ({ children }: { children: React.ReactNode }) => {
) : (
{children}
)}
+ {ARKA_BOT_CONFIG.accessToken.length &&
+ ARKA_BOT_CONFIG.refreshToken.length ? (
+
+ ) : null}