From d7ade0982caf3476abc19964226035ac233e7772 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Wed, 8 Oct 2025 13:26:57 +0000
Subject: [PATCH] Add tools to help debug Facebook API access and explore its
 features

Add buttons to the Pages Management page that link to the Facebook Token Debugger and Graph API Explorer.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/G8GuKB7
---
 .replit                    |  8 ++++++++
 client/src/pages/pages.tsx | 21 ++++++++++++++++++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/.replit b/.replit
index 7b00032..8146a74 100644
--- a/.replit
+++ b/.replit
@@ -18,6 +18,14 @@ externalPort = 80
 localPort = 35357
 externalPort = 3002
 
+[[ports]]
+localPort = 37659
+externalPort = 4200
+
+[[ports]]
+localPort = 38617
+externalPort = 3003
+
 [[ports]]
 localPort = 40537
 externalPort = 3000
diff --git a/client/src/pages/pages.tsx b/client/src/pages/pages.tsx
index 792e6f6..ebe9e2d 100644
--- a/client/src/pages/pages.tsx
+++ b/client/src/pages/pages.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useQuery, useMutation } from "@tanstack/react-query";
-import { Plus, Facebook, Instagram, Trash2, RefreshCw, Edit } from "lucide-react";
+import { Plus, Facebook, Instagram, Trash2, RefreshCw, Edit, Bug, Code } from "lucide-react";
 import Sidebar from "@/components/sidebar";
 import TopBar from "@/components/topbar";
 import { Button } from "@/components/ui/button";
@@ -73,6 +73,25 @@ export default function PagesManagement() {
             <EditPageDialog page={editingPage} onOpenChange={(open) => !open && setEditingPage(null)} />
           </div>
 
+          <div className="flex gap-3 mb-6">
+            <Button
+              variant="outline"
+              onClick={() => window.open('https://developers.facebook.com/tools/debug/accesstoken/', '_blank')}
+              data-testid="button-debug-token"
+            >
+              <Bug className="w-4 h-4 mr-2" />
+              Débogueur de jeton
+            </Button>
+            <Button
+              variant="outline"
+              onClick={() => window.open('https://developers.facebook.com/tools/explorer', '_blank')}
+              data-testid="button-graph-explorer"
+            >
+              <Code className="w-4 h-4 mr-2" />
+              Graph Explorer
+            </Button>
+          </div>
+
           {isLoading ? (
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
               {[1, 2, 3].map((i) => (