merging new tools from feature/mcp-tools into development

Author: itsskofficial

src/client/app/api/settings/whatsapp-mcp/route.js

@@ -0,0 +1,56 @@
+import { NextResponse } from "next/server"
+import { withAuth } from "@lib/api-utils"
+
+const appServerUrl =
+	process.env.NEXT_PUBLIC_ENVIRONMENT === "selfhost"
+		? process.env.INTERNAL_APP_SERVER_URL
+		: process.env.NEXT_PUBLIC_APP_SERVER_URL
+
+// Handler for connecting/disconnecting the WhatsApp MCP number
+export const POST = withAuth(async function POST(request, { authHeader }) {
+	try {
+		const body = await request.json() // { whatsapp_mcp_number: "..." }
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-mcp`,
+			{
+				method: "POST",
+				headers: { "Content-Type": "application/json", ...authHeader },
+				body: JSON.stringify(body)
+			}
+		)
+
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(
+				data.detail || "Failed to update WhatsApp MCP number"
+			)
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error("API Error in /api/settings/whatsapp-mcp (POST):", error)
+		return NextResponse.json({ error: error.message }, { status: 500 })
+	}
+})
+
+// Handler for getting the current WhatsApp MCP number
+export const GET = withAuth(async function GET(request, { authHeader }) {
+	try {
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-mcp`,
+			{
+				method: "GET",
+				headers: { "Content-Type": "application/json", ...authHeader }
+			}
+		)
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(
+				data.detail || "Failed to fetch WhatsApp MCP settings"
+			)
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error("API Error in /api/settings/whatsapp-mcp (GET):", error)
+		return NextResponse.json({ error: error.message }, { status: 500 })
+	}
+})

src/client/app/api/settings/whatsapp-notifications/route.js

@@ -0,0 +1,68 @@
+import { NextResponse } from "next/server"
+import { withAuth } from "@lib/api-utils"
+
+const appServerUrl =
+	process.env.NEXT_PUBLIC_ENVIRONMENT === "selfhost"
+		? process.env.INTERNAL_APP_SERVER_URL
+		: process.env.NEXT_PUBLIC_APP_SERVER_URL
+
+// Handler for updating or setting the WhatsApp number for notifications
+export const POST = withAuth(async function POST(request, { authHeader }) {
+	try {
+		const body = await request.json() // { whatsapp_notifications_number: "..." or "" }
+		// When a number is saved, notifications are implicitly enabled.
+		// When it's removed, they are disabled.
+		const isEnabling =
+			body.whatsapp_notifications_number &&
+			body.whatsapp_notifications_number.trim() !== ""
+
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-notifications`,
+			{
+				method: "POST",
+				headers: { "Content-Type": "application/json", ...authHeader },
+				body: JSON.stringify({ ...body, enabled: isEnabling })
+			}
+		)
+
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(
+				data.detail || "Failed to update WhatsApp notification number"
+			)
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error(
+			"API Error in /api/settings/whatsapp-notifications (POST):",
+			error
+		)
+		return NextResponse.json({ error: error.message }, { status: 500 })
+	}
+})
+
+// Handler for getting the current WhatsApp notification settings
+export const GET = withAuth(async function GET(request, { authHeader }) {
+	try {
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-notifications`,
+			{
+				method: "GET",
+				headers: { "Content-Type": "application/json", ...authHeader }
+			}
+		)
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(
+				data.detail || "Failed to fetch WhatsApp notification settings"
+			)
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error(
+			"API Error in /api/settings/whatsapp-notifications (GET):",
+			error
+		)
+		return NextResponse.json({ error: error.message }, { status: 500 })
+	}
+})

src/client/app/api/settings/whatsapp-notifications/toggle/route.js

@@ -0,0 +1,36 @@
+import { NextResponse } from "next/server"
+import { withAuth } from "@lib/api-utils"
+
+const appServerUrl =
+	process.env.NEXT_PUBLIC_ENVIRONMENT === "selfhost"
+		? process.env.INTERNAL_APP_SERVER_URL
+		: process.env.NEXT_PUBLIC_APP_SERVER_URL
+
+// Handler for toggling WhatsApp notifications on/off
+export const POST = withAuth(async function POST(request, { authHeader }) {
+	try {
+		const body = await request.json() // { enabled: true/false }
+		const response = await fetch(
+			`${appServerUrl}/api/settings/whatsapp-notifications/toggle`,
+			{
+				method: "POST",
+				headers: { "Content-Type": "application/json", ...authHeader },
+				body: JSON.stringify(body)
+			}
+		)
+
+		const data = await response.json()
+		if (!response.ok) {
+			throw new Error(
+				data.detail || "Failed to toggle WhatsApp notifications"
+			)
+		}
+		return NextResponse.json(data)
+	} catch (error) {
+		console.error(
+			"API Error in /api/settings/whatsapp-notifications/toggle (POST):",
+			error
+		)
+		return NextResponse.json({ error: error.message }, { status: 500 })
+	}
+})

src/client/app/api/settings/whatsapp/route.js

@@ -695,7 +695,8 @@ export default function ChatPage({ params }) {
 									<div
 										className={cn(
 											"rounded-2xl shadow-2xl shadow-black/40",
-											!isFocused && "p-0.5 bg-gradient-to-tr from-blue-500 to-cyan-500"
+											!isFocused &&
+												"p-0.5 bg-gradient-to-tr from-blue-500 to-cyan-500"
 										)}
 									>
 										<div className="relative bg-neutral-900 rounded-[15px] flex items-end">
@@ -819,7 +820,8 @@ export default function ChatPage({ params }) {
 							<div
 								className={cn(
 									"rounded-2xl shadow-2xl shadow-black/40",
-									!isFocused && "p-0.5 bg-gradient-to-tr from-blue-500 to-cyan-500"
+									!isFocused &&
+										"p-0.5 bg-gradient-to-tr from-blue-500 to-cyan-500"
 								)}
 							>
 								<div className="relative bg-neutral-900 rounded-[15px] flex items-end">
@@ -851,7 +853,9 @@ export default function ChatPage({ params }) {
 												data-tooltip-id="home-tooltip"
 												data-tooltip-content="Stop Generation"
 											>
-												<IconPlayerStopFilled size={18} />
+												<IconPlayerStopFilled
+													size={18}
+												/>
 											</button>
 										) : (
 											<button