sitepaige-mcp-server 1.0.3 → 1.2.0

package/components/IntegrationComponent.tsx

@@ -59,6 +59,7 @@ export default function IntegrationComponent({
         headers: {
           'Content-Type': 'application/json',
         },
+        credentials: 'include',
         body: JSON.stringify({
           description: editedPrompt || 'Create integration code',
           projectId: projectId,

package/components/admin.tsx

@@ -5,15 +5,15 @@ import { useRouter } from 'next/navigation';
 
 interface User {
   userid: string;
-  OAuthID: string;
-  Source: string;
-  UserName: string;
-  Email?: string;
-  AvatarURL?: string;
-  UserLevel: number;
-  LastLoginDate: string;
-  CreatedDate: string;
-  IsActive: boolean;
+  oauthid: string;
+  source: string;
+  username: string;
+  email?: string;
+  avatarurl?: string;
+  userlevel: number;
+  lastlogindate: string;
+  createddate: string;
+  isactive: boolean;
 }
 
 interface UserStats {
@@ -46,7 +46,9 @@ export default function AdminPanel() {
       setError(null);
       
       // Fetch users - authorization is handled server-side via session cookie
-      const response = await fetch('/api/admin/users');
+      const response = await fetch('/api/admin/users', {
+        credentials: 'include'
+      });
       if (!response.ok) {
         if (response.status === 401) {
           setError('Access denied. Admin privileges required.');
@@ -80,6 +82,7 @@ export default function AdminPanel() {
         headers: {
           'Content-Type': 'application/json',
         },
+        credentials: 'include',
         body: JSON.stringify({
           userId,
           permissionLevel: newLevel,
@@ -169,13 +172,13 @@ export default function AdminPanel() {
 
   // Filter users based on search and permission level
   const filteredUsers = users.filter(user => {
-    const matchesSearch = user.UserName.toLowerCase().includes(searchTerm.toLowerCase()) ||
-                         (user.Email && user.Email.toLowerCase().includes(searchTerm.toLowerCase()));
+    const matchesSearch = user.username.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                         (user.email && user.email.toLowerCase().includes(searchTerm.toLowerCase()));
     
     const matchesFilter = filterLevel === 'all' || 
-                         (filterLevel === 'admin' && user.UserLevel === 2) ||
-                         (filterLevel === 'registered' && user.UserLevel === 1) ||
-                         (filterLevel === 'guest' && user.UserLevel === 0);
+                         (filterLevel === 'admin' && user.userlevel === 2) ||
+                         (filterLevel === 'registered' && user.userlevel === 1) ||
+                         (filterLevel === 'guest' && user.userlevel === 0);
     
     return matchesSearch && matchesFilter;
   });
@@ -298,26 +301,26 @@ export default function AdminPanel() {
                 <tr key={user.userid} className="hover:bg-gray-50">
                   <td className="px-6 py-4 whitespace-nowrap">
                     <div className="flex items-center">
-                      {user.AvatarURL ? (
+                      {user.avatarurl ? (
                         <img
                           className="h-10 w-10 rounded-full"
-                          src={user.AvatarURL}
-                          alt={user.UserName}
+                          src={user.avatarurl}
+                          alt={user.username}
                         />
                       ) : (
                         <div className="h-10 w-10 rounded-full bg-gray-300 flex items-center justify-center">
                           <span className="text-gray-600 font-medium">
-                            {user.UserName.charAt(0).toUpperCase()}
+                            {user.username.charAt(0).toUpperCase()}
                           </span>
                         </div>
                       )}
                       <div className="ml-4">
                         <div className="text-sm font-medium text-gray-900">
-                          {user.UserName}
+                          {user.username}
                         </div>
-                        {user.Email && (
+                        {user.email && (
                           <div className="text-sm text-gray-500">
-                            {user.Email}
+                            {user.email}
                           </div>
                         )}
                       </div>
@@ -325,15 +328,15 @@ export default function AdminPanel() {
                   </td>
                   <td className="px-6 py-4 whitespace-nowrap">
                     <span className="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">
-                      {user.Source}
+                      {user.source}
                     </span>
                   </td>
                   <td className="px-6 py-4 whitespace-nowrap">
                     <select
-                      value={user.UserLevel}
+                      value={user.userlevel}
                       onChange={(e) => handlePermissionChange(user.userid, parseInt(e.target.value))}
                       disabled={isUpdating === user.userid}
-                      className={`px-2 py-1 text-xs leading-5 font-semibold rounded-full ${getPermissionLevelColor(user.UserLevel)} cursor-pointer hover:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed`}
+                      className={`px-2 py-1 text-xs leading-5 font-semibold rounded-full ${getPermissionLevelColor(user.userlevel)} cursor-pointer hover:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed`}
                     >
                       <option value={0}>Guest</option>
                       <option value={1}>Registered User</option>
@@ -341,11 +344,11 @@ export default function AdminPanel() {
                     </select>
                   </td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                    {formatDate(user.LastLoginDate)}
+                    {formatDate(user.lastlogindate)}
                   </td>
                   <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
                     <button
-                      onClick={() => handleDeleteUser(user.userid, user.UserName)}
+                      onClick={() => handleDeleteUser(user.userid, user.username)}
                       disabled={isDeleting === user.userid}
                       className="text-red-600 hover:text-red-900 disabled:opacity-50 disabled:cursor-not-allowed"
                     >

package/components/auth.tsx

@@ -11,11 +11,11 @@ import { useUserStore } from '@/store/user';
 
 interface AuthProps {
   auth: {
-    ID: string;
-    UserName: string;
-    AvatarURL: string;
-    UserLevel: string;
-    IsAdmin: boolean;
+    id: string;
+    username: string;
+    avatarurl: string;
+    userlevel: string;
+    isadmin: boolean;
   } | null;
 }
 
@@ -25,10 +25,10 @@ export default function Auth({ auth }: AuthProps) {
   useEffect(() => {
     if (auth) {
       setIsAuthenticated(true);
-      setUserLevel(auth.UserLevel);
-      setIsAdmin(auth.IsAdmin);
-      setUserName(auth.UserName);
-      setAvatarURL(auth.AvatarURL);
+      setUserLevel(auth.userlevel);
+      setIsAdmin(auth.isadmin);
+      setUserName(auth.username);
+      setAvatarURL(auth.avatarurl);
     } else {
       setIsAuthenticated(false); 
       setUserLevel('0');

package/components/cta.tsx

@@ -28,10 +28,9 @@ interface CTAData {
 interface RCTAProps {
   custom_view_description: string;
   onNavigate: (pageId: string) => void;
-  isPaigeLoading?: boolean;
 }
 
-const RCTA: React.FC<RCTAProps> = ({ custom_view_description, onNavigate, isPaigeLoading = false }) => {
+const RCTA: React.FC<RCTAProps> = ({ custom_view_description, onNavigate }) => {
   let ctaData: CTAData;
   
   try {
@@ -101,10 +100,6 @@ const RCTA: React.FC<RCTAProps> = ({ custom_view_description, onNavigate, isPaig
   };
 
   const handleButtonClick = (pageId: string) => {
-    if (isPaigeLoading) {
-      console.log('Navigation blocked: Paige is currently processing a request');
-      return;
-    }
     if (pageId) {
       onNavigate(pageId);
     }
@@ -175,11 +170,9 @@ const RCTA: React.FC<RCTAProps> = ({ custom_view_description, onNavigate, isPaig
               <button
                 key={index}
                 onClick={() => handleButtonClick(button.page)}
-                className={`px-6 py-3 rounded-lg transition-all ${hoverClass} ${
-                  isPaigeLoading ? 'opacity-50 cursor-not-allowed' : ''
-                } ${!button.page ? 'opacity-75 cursor-not-allowed' : ''}`}
+                className={`px-6 py-3 rounded-lg transition-all ${hoverClass} ${!button.page ? 'opacity-75 cursor-not-allowed' : ''}`}
                 style={buttonStyles}
-                disabled={isPaigeLoading || !button.page}
+                disabled={!button.page}
               >
                 {button.buttonTitle || 'Button'}
               </button>

package/components/headerlogin.tsx

@@ -17,11 +17,11 @@ interface MenuItem {
 
 interface UserData {
   userid: string;
-  UserName: string;
-  AvatarURL: string;
-  Email: string;
-  UserLevel: number;
-  IsAdmin: boolean;
+  username: string;
+  avatarurl: string;
+  email: string;
+  userlevel: number;
+  isadmin: boolean;
 }
 
 const getLocalizedText = (text: string, language: string = 'English'): string => {
@@ -45,7 +45,6 @@ const LoginSection: React.FC<LoginSectionProps> = ({ websiteLanguage = 'English'
   const [userData, setUserData] = useState<UserData | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [isAuthenticated, setIsAuthenticated] = useState(false);
-  const [profileMenuItems, setProfileMenuItems] = useState<MenuItem[]>([]);
   const userMenuRef = useRef<HTMLDivElement>(null);
 
   // Hardcoded values
@@ -53,33 +52,16 @@ const LoginSection: React.FC<LoginSectionProps> = ({ websiteLanguage = 'English'
   const align = 'Right' as "Left" | "Center" | "Right";
   const mobileViewMode = 'desktop' as 'desktop' | 'phone' | 'sm-tablet' | 'lg-tablet';
 
-  // Load profile menu items from localStorage
-  useEffect(() => {
-    const loadProfileMenuItems = () => {
-      try {
-        const storedMenuData = localStorage.getItem('blueprint_profile_menu');
-        if (storedMenuData) {
-          const menuData = JSON.parse(storedMenuData);
-          setProfileMenuItems(menuData);
-        } else {
-          // Default fallback menu items
-          setProfileMenuItems([
-            { label: 'Profile', link: '/profile' },
-            { label: 'Settings', link: '/settings' }
-          ]);
-        }
-      } catch (error) {
-        console.error('Failed to load profile menu from localStorage:', error);
-        // Default fallback menu items
-        setProfileMenuItems([
-          { label: 'Profile', link: '/profile' },
-          { label: 'Settings', link: '/settings' }
-        ]);
-      }
-    };
-
-    loadProfileMenuItems();
-  }, []);
+  // Build menu items based on user level
+  const profileMenuItems: MenuItem[] = [
+    { label: 'Dashboard', link: '/dashboard' },
+    { label: 'Profile', link: '/profile' }
+  ];
+  
+  // Add Admin Dashboard only if user is an admin (userlevel == 2)
+  if (userData?.userlevel === 2) {
+    profileMenuItems.push({ label: 'Admin Dashboard', link: '/admin_dashboard' });
+  }
 
   // Fetch user authentication status and data
   useEffect(() => {
@@ -210,11 +192,11 @@ const LoginSection: React.FC<LoginSectionProps> = ({ websiteLanguage = 'English'
           className="flex items-center focus:outline-none relative group cursor-pointer"
           style={{ color: textColor }}
         >
-          <span className="mr-2" style={{ color: textColor }}>{userData.UserName || getLocalizedText('Sample User', websiteLanguage)}</span>
+          <span className="mr-2" style={{ color: textColor }}>{userData.username || getLocalizedText('Sample User', websiteLanguage)}</span>
           <div className="relative">
-            {userData.AvatarURL ? (
+            {userData.avatarurl ? (
               <img
-                src={userData.AvatarURL}
+                src={userData.avatarurl}
                 alt="User avatar"
                 className="w-10 h-10 rounded-full"
                 referrerPolicy="no-referrer"
@@ -222,7 +204,7 @@ const LoginSection: React.FC<LoginSectionProps> = ({ websiteLanguage = 'English'
               />
             ) : (
               <div className="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-semibold">
-                {userData.UserName ? userData.UserName.charAt(0).toUpperCase() : 'U'}
+                {userData.username ? userData.username.charAt(0).toUpperCase() : 'U'}
               </div>
             )}
           </div>

package/components/login.tsx

@@ -9,7 +9,7 @@ checked in the system build settings. It is safe to modify this file without it
 import React, { useState } from 'react';
 
 interface LoginProps {
-  providers: ('apple' | 'facebook' | 'github' | 'google' | 'username')[];
+  providers: ('apple' | 'facebook' | 'github' | 'google' | 'userpass')[];
 }
 
 export default function Login({ providers }: LoginProps) {
@@ -62,6 +62,7 @@ export default function Login({ providers }: LoginProps) {
         headers: { 
           'Content-Type': 'application/json'
         },
+        credentials: 'include', // Include cookies in request
         body: JSON.stringify({ email: resendEmail || email })
       });
 
@@ -101,6 +102,7 @@ export default function Login({ providers }: LoginProps) {
           headers: { 
             'Content-Type': 'application/json'
           },
+          credentials: 'include', // Include cookies in request
           body: JSON.stringify({ email, password })
         });
 
@@ -121,7 +123,8 @@ export default function Login({ providers }: LoginProps) {
           headers: { 
             'Content-Type': 'application/json'
           },
-          body: JSON.stringify({ email, password, provider: 'username' })
+          credentials: 'include', // Include cookies in request
+          body: JSON.stringify({ email, password, provider: 'userpass' })
         });
 
         const data = await response.json();
@@ -145,8 +148,8 @@ export default function Login({ providers }: LoginProps) {
     }
   };
 
-  const showUsernamePasswordForm = providers?.includes('username');
-  const oauthProviders = providers?.filter(p => p !== 'username') || [];
+  const showUsernamePasswordForm = providers?.includes('userpass');
+  const oauthProviders = providers?.filter(p => p !== 'userpass') || [];
 
   return (
     <div className="flex flex-col items-center justify-center min-h-[500px] p-4">

package/components/logincallback.tsx

@@ -44,6 +44,7 @@ export default function LoginCallback({ code, state }: LoginCallbackProps) {
           headers: {
             'Content-Type': 'application/json',
           },
+          credentials: 'include',
           body: JSON.stringify({
             code,
             provider

package/components/menu.tsx

@@ -60,7 +60,6 @@ export default function Menu({ menu, onClick, pages = [] }: MenuProps) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const [isMobile, setIsMobile] = useState(false);
   const [selectedPage, setSelectedPage] = useState<string | null>(null);
-  const [isPaigeLoading, setIsPaigeLoading] = useState(false);
 
   // Handle case where menu is undefined/null
   if (!menu) {
@@ -230,7 +229,6 @@ export default function Menu({ menu, onClick, pages = [] }: MenuProps) {
         items-center
         justify-center
         ${isSelected ? 'border-blue-600 bg-blue-50' : ''}
-        ${isPaigeLoading ? 'opacity-50 cursor-not-allowed' : ''}
       `}>
         <h3 
           className={`${isSelected ? 'font-bold' : 'font-medium'} text-gray-800`}
@@ -284,10 +282,6 @@ export default function Menu({ menu, onClick, pages = [] }: MenuProps) {
           href={linkUrl}
           onClick={(e) => {
             e.preventDefault();
-            if (isPaigeLoading) {
-              console.log('Navigation blocked: Paige is currently processing a request');
-              return;
-            }
             setSelectedPage(item.page);
             onClick?.();
           }}