-
- );
- }
-
- const connectionInfo = (botStatus.serverInvite || botStatus.botHandle) && (
- - Discord integration has not been configured yet. Ask your administrator to set up the Discord bot in the - Enterprise settings. -
-
- {botStatus.serverInvite && (
-
- );
-
- if (connection.linked) {
- return (
-
- Server:
-
- {botStatus.serverInvite}
-
-
- )}
- {botStatus.botHandle && (
-
- Bot:
-
- )}
- {botStatus.botHandle}
-
-
- );
- }
-
- return (
-
-
-
- {connectionInfo}
-
-
- Linked
-- Discord ID: {connection.discordId} -
-- You can send direct messages to the bot on Discord and they will be handled by your PI agent. -
- -
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/DiscordBotConfig.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/DiscordBotConfig.tsx
deleted file mode 100644
index e540e9a2..00000000
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/DiscordBotConfig.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-import { useState, useEffect } from 'react';
-import { toast } from 'sonner';
-import { ChevronDown } from 'lucide-react';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Button } from '@/components/ui/button';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
-import { useClient } from 'hooks/useClient';
-
-type DiscordConfig = {
- configured: boolean;
- enabled: boolean;
- botToken: string | null;
- serverInvite: string | null;
- botHandle: string | null;
-};
-
-type DiscordStatus = {
- configured: boolean;
- enabled: boolean;
- running: boolean;
- botUsername: string | null;
-};
-
-const SetupGuide = () => {
- const [open, setOpen] = useState(false);
-
- return (
- - Link your Discord account to chat with your PI agent via direct messages. -
- - {connectionInfo} - - {pairingCode ? ( -
-
- ) : (
-
- )}
-
-
-
- {pairingCode}
-
-
- - Send this code as a direct message to the bot on Discord. Expires in 10 minutes. -
- --
-
-
- Create a Discord application
-
- Go to the{' '} - - Discord Developer Portal - {' '} - and click New Application. -
--
-
- Fill in Name (e.g. "Officer"), optionally a Description and Tags -
- Leave everything else empty — Interactions Endpoint URL, Linked Roles Verification URL, and Terms of Service / Privacy Policy URLs are not needed -
Click Create.
-- You will see an Application ID and Public Key on this page — you can ignore both. Our bot connects via the gateway (WebSocket), not webhooks, so these are not used. -
-
-
- -
- Go to the Bot page
-
- In the left sidebar, click Bot. A bot user is created automatically with your application. - You can optionally set a custom username and avatar here — this is what users will see when they DM the bot. -
-
-
- -
- Enable privileged intents
-
- Still on the Bot page, scroll down to Privileged Gateway Intents and enable: -
--
-
- Presence Intent — shows the bot as online in your server -
- Server Members Intent — makes the bot visible in the member list so users can find and DM it -
- Message Content Intent — required to read DM message text -
Click Save Changes.
-
-
- -
- Copy the bot token
-
- On the Bot page, click Reset Token (or View Token if this is a new bot). - Copy the token — you will only see it once. -
-- Keep this token secret. Anyone with this token can control your bot. If it leaks, reset it immediately from this page. -
-
-
- -
- Invite the bot to your server (optional)
-
- Open this URL in your browser, replacing{' '} -
-YOUR_APP_ID{' '} - with the Application ID from the General Information page: -- https://discord.com/oauth2/authorize?client_id=YOUR_APP_ID&scope=bot&permissions=0 --- Select your server and click Authorize. No bot permissions are needed — leave them at zero. -
-- Adding the bot to a shared server is optional but has a few advantages: -
--
-
- Users can find the bot in the member list and right-click → Message to start a DM -
- The bot shows as online in the server, so users can see at a glance whether it's running -
- Easier onboarding — you can pin the pairing instructions in a channel for your team -
- Without a shared server, users can still DM the bot by searching its exact username — but a shared server makes discovery much simpler. -
-
-
- -
- Paste the token below and save
-
- Paste the bot token into the field below and click Save. - The bot will come online automatically. Users can then link their Discord accounts from their personal integration settings. -
-
-
- {status && (
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramAccount.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramAccount.tsx
deleted file mode 100644
index e3bc0bab..00000000
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramAccount.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import { useState, useEffect } from 'react';
-import { toast } from 'sonner';
-import { Copy } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useClient } from 'hooks/useClient';
-
-type TelegramConnection = {
- linked: boolean;
- telegramId?: string;
-};
-
-type TelegramStatus = {
- configured: boolean;
- running: boolean;
- botUsername: string | null;
- serverInvite: string | null;
- botHandle: string | null;
-};
-
-export const TelegramAccount = () => {
- const client = useClient();
- const [isLoading, setIsLoading] = useState(true);
- const [connection, setConnection] = useState
-
-
- {status.running ? `Online as ${status.botUsername}` : status.configured ? 'Bot configured but not running' : 'Not configured'}
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- const botHandle = botStatus.botUsername ? `@${botStatus.botUsername}` : botStatus.botHandle;
- const botLink = botStatus.botUsername ? `https://t.me/${botStatus.botUsername}` : null;
-
- const connectionInfo = (botHandle || botStatus.serverInvite) && (
- - Telegram integration has not been configured yet. Ask your administrator to set up the Telegram bot in the - Enterprise settings. -
-
- {botHandle && (
-
- )}
- {botStatus.serverInvite && (
-
- );
-
- if (connection.linked) {
- return (
-
- Group:
-
- {botStatus.serverInvite}
-
-
- )}
-
-
- );
- }
-
- return (
-
-
-
- {connectionInfo}
-
-
- Linked
-- Telegram ID: {connection.telegramId} -
-- You can send direct messages to the bot on Telegram and they will be handled by your PI agent. -
- -
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramBotConfig.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramBotConfig.tsx
deleted file mode 100644
index 7a3ac183..00000000
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/TelegramBotConfig.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import { useState, useEffect } from 'react';
-import { toast } from 'sonner';
-import { ChevronDown } from 'lucide-react';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Button } from '@/components/ui/button';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
-import { useClient } from 'hooks/useClient';
-
-type TelegramConfig = {
- configured: boolean;
- enabled: boolean;
- botToken: string | null;
- serverInvite: string | null;
- botHandle: string | null;
-};
-
-type TelegramStatus = {
- configured: boolean;
- enabled: boolean;
- running: boolean;
- botUsername: string | null;
-};
-
-const SetupGuide = () => {
- const [open, setOpen] = useState(false);
-
- return (
- - Link your Telegram account to chat with your agent via direct messages{botHandle ? ` to ${botHandle}` : ''}. -
- - {connectionInfo} - - {pairingCode ? ( -
-
- ) : (
-
- )}
-
-
-
- {pairingCode}
-
-
- - Send this code as a direct message to{' '} - {botLink ? ( - - {botHandle} - - ) : ( - {botHandle ?? 'the bot'} - )}{' '} - on Telegram. Expires in 10 minutes. -
- --
-
-
- Open Telegram and search for @BotFather
-
- BotFather is Telegram's official bot for creating and managing bots. Open Telegram and search for{' '} - @BotFather, then start a conversation. -
-
-
- -
- Create a new bot
-
- Send
-/newbotto - BotFather. Follow the prompts to choose a display name and a username{' '} - (must end in "bot", e.g.{' '} -my_officer_bot- ). -
-
- -
- Copy the bot token
-
BotFather will reply with an HTTP API token. Copy it — you'll paste it below.
-- Keep this token secret. Anyone with this token can control your bot. You can regenerate it via BotFather - at any time. -
-
-
- -
- Optionally create a group
-
- You can create a Telegram group and add the bot so your team can find it easily. This is optional — users - can also search for the bot by username and message it directly. -
-
-
- -
- Paste the token below and save
-
- Paste the bot token into the field below and click Save. The bot will come online - automatically. Users can then link their Telegram accounts from their personal integration settings. -
-
-
- {status && (
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppAccount.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppAccount.tsx
deleted file mode 100644
index dd2d6d77..00000000
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppAccount.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { useState, useEffect } from 'react';
-import { toast } from 'sonner';
-import { Copy } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useClient } from 'hooks/useClient';
-
-type WhatsAppConnection = {
- linked: boolean;
- whatsappId?: string;
-};
-
-type WhatsAppStatus = {
- configured: boolean;
- running: boolean;
- phone: string | null;
-};
-
-export const WhatsAppAccount = () => {
- const client = useClient();
- const [isLoading, setIsLoading] = useState(true);
- const [connection, setConnection] = useState
-
-
- {status.running
- ? `Online as @${status.botUsername}`
- : status.configured
- ? status.enabled
- ? 'Bot configured but not running'
- : 'Disconnected'
- : 'Not configured'}
-
-
- )}
-
-
-
-
-
-
-
-
-
-
- {status?.running ? (
-
- ) : status?.configured && !status.enabled ? (
-
- ) : null}
-
-
-
- );
- }
-
- const phoneInfo = botStatus.phone && (
- - WhatsApp integration has not been configured yet. Ask your administrator to connect WhatsApp in the Enterprise - settings. -
-
-
- );
-
- if (connection.linked) {
- return (
-
- Bot phone:
-
- +{botStatus.phone}
-
-
- );
- }
-
- return (
-
-
-
- {phoneInfo}
-
-
- Linked
-- Phone: +{connection.whatsappId} -
-- You can send messages to the bot on WhatsApp and they will be handled by your PI agent. -
- -
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppBotConfig.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppBotConfig.tsx
deleted file mode 100644
index 8dc31316..00000000
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/WhatsAppBotConfig.tsx
+++ /dev/null
@@ -1,215 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { toast } from 'sonner';
-import { ChevronDown } from 'lucide-react';
-import QRCode from 'qrcode';
-import { Button } from '@/components/ui/button';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
-import { useClient } from 'hooks/useClient';
-
-type WhatsAppConfig = {
- configured: boolean;
- enabled: boolean;
- running: boolean;
- phone: string | null;
-};
-
-type QRResponse = {
- qr: string | null;
- running: boolean;
- phone: string | null;
-};
-
-const SetupGuide = () => {
- const [open, setOpen] = useState(false);
-
- return (
- - Link your WhatsApp account to chat with your PI agent via direct messages. -
- - {phoneInfo} - - {pairingCode ? ( -
-
- ) : (
-
- )}
-
-
-
- {pairingCode}
-
-
- - Send this code to{botStatus.phone ? ` +${botStatus.phone}` : ' the bot'} on WhatsApp. Expires in 10 minutes. -
- --
-
-
- Click "Connect WhatsApp" below
-
This will start the WhatsApp Web client and generate a QR code.
-
-
- -
- Open WhatsApp on your phone
-
- Go to Settings → Linked Devices → Link a Device. -
-
-
- -
- Scan the QR code
-
- Point your phone camera at the QR code shown below. The bot will come online automatically once scanned. -
-
-
- -
- Done
-
- Users can then link their WhatsApp accounts from their personal integration settings and chat via direct - messages. -
-- The session persists across restarts — you won't need to re-scan unless you disconnect. -
-
-
- {config && (
-
- );
-};
diff --git a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/index.tsx b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/index.tsx
index 1753fe4c..78ce98f7 100644
--- a/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/index.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/index.tsx
@@ -1,5 +1,5 @@
import { useMemo } from 'react';
-import { Puzzle, KeyRound, UserCircle, MessageCircle, Globe, Wrench, Mail } from 'lucide-react';
+import { Puzzle, KeyRound, UserCircle, Globe, Wrench, Mail } from 'lucide-react';
import type { LayoutNode, PanelComponents } from 'officerdev';
import { WorkspaceLayout } from 'officerdev';
import { useAuth } from 'hooks/useAuth';
@@ -9,12 +9,6 @@ import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { SettingsSidebar, SettingsContent, type SettingsSection } from '../SettingsPanel';
import { GoogleOAuthConfig } from './GoogleOAuthConfig';
// import { GoogleAccount } from './GoogleAccount'; // hidden — email uses IMAP app password now
-import { DiscordBotConfig } from './DiscordBotConfig';
-import { DiscordAccount } from './DiscordAccount';
-import { TelegramBotConfig } from './TelegramBotConfig';
-import { TelegramAccount } from './TelegramAccount';
-import { WhatsAppBotConfig } from './WhatsAppBotConfig';
-import { WhatsAppAccount } from './WhatsAppAccount';
import { BrowserRelay } from './BrowserRelay';
import { ApifyConfig } from './ApifyConfig';
import { EmailAccounts } from './EmailAccounts';
@@ -30,27 +24,6 @@ const enterpriseSections: SettingsSection[] = [
description: 'Client ID and secret for Google APIs',
content:
-
-
- {config.running
- ? `Connected as +${config.phone}`
- : config.enabled
- ? 'Waiting for QR scan...'
- : 'Not connected'}
-
-
- )}
-
-
- {qrDataUrl && (
-
-
- 
-
- )}
-
- {config?.running || config?.enabled ? (
-
- ) : (
-
- )}
- Scan this QR code with WhatsApp
-