sitepaige-mcp-server 1.0.2 → 1.1.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 => {
@@ -210,11 +210,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 +222,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) {
@@ -20,6 +20,8 @@ export default function Login({ providers }: LoginProps) {
   const [confirmPassword, setConfirmPassword] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
+  const [showResendVerification, setShowResendVerification] = useState(false);
+  const [resendEmail, setResendEmail] = useState('');
 
 
   const handleProviderLogin = async (provider: string) => {
@@ -49,6 +51,37 @@ export default function Login({ providers }: LoginProps) {
     
   };
 
+  const handleResendVerification = async () => {
+    setError(null);
+    setMessage(null);
+    setIsLoading(true);
+
+    try {
+      const response = await fetch('/api/Auth/resend-verification', {
+        method: 'POST',
+        headers: { 
+          'Content-Type': 'application/json'
+        },
+        credentials: 'include', // Include cookies in request
+        body: JSON.stringify({ email: resendEmail || email })
+      });
+
+      const data = await response.json();
+
+      if (response.ok && data.success) {
+        setMessage({ type: 'success', text: data.message || 'Verification email sent! Please check your inbox.' });
+        setShowResendVerification(false);
+        setResendEmail('');
+      } else {
+        setError(data.error || 'Failed to send verification email');
+      }
+    } catch (err) {
+      setError('An unexpected error occurred');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   const handleUsernamePasswordAuth = async (e: React.FormEvent) => {
     e.preventDefault();
     setError(null);
@@ -66,7 +99,10 @@ export default function Login({ providers }: LoginProps) {
 
         const response = await fetch('/api/Auth/signup', {
           method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
+          headers: { 
+            'Content-Type': 'application/json'
+          },
+          credentials: 'include', // Include cookies in request
           body: JSON.stringify({ email, password })
         });
 
@@ -84,8 +120,11 @@ export default function Login({ providers }: LoginProps) {
         // Handle login
         const response = await fetch('/api/Auth', {
           method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email, password, provider: 'username' })
+          headers: { 
+            'Content-Type': 'application/json'
+          },
+          credentials: 'include', // Include cookies in request
+          body: JSON.stringify({ email, password, provider: 'userpass' })
         });
 
         const data = await response.json();
@@ -95,6 +134,11 @@ export default function Login({ providers }: LoginProps) {
           window.location.href = '/';
         } else {
           setError(data.error || 'Login failed');
+          // Check if error is about email verification
+          if (response.status === 403 || data.error?.toLowerCase().includes('verify')) {
+            setShowResendVerification(true);
+            setResendEmail(email);
+          }
         }
       }
     } catch (err) {
@@ -104,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">
@@ -179,17 +223,18 @@ export default function Login({ providers }: LoginProps) {
             </div>
 
             <div className="text-center">
-              <button
-                type="button"
-                onClick={() => {
+              <a
+                href="#"
+                onClick={(e) => {
+                  e.preventDefault();
                   setIsSignup(!isSignup);
                   setError(null);
                   setMessage(null);
                 }}
-                className="text-sm text-indigo-600 hover:text-indigo-500"
+                className="text-sm text-indigo-600 hover:text-indigo-500 underline"
               >
                 {isSignup ? 'Already have an account? Sign in' : "Don't have an account? Sign up"}
-              </button>
+              </a>
             </div>
           </form>
         )}
@@ -234,6 +279,40 @@ export default function Login({ providers }: LoginProps) {
             {error}
           </div>
         )}
+
+        {showResendVerification && (
+          <div className="mt-4 p-4 border border-gray-200 rounded-md bg-gray-50">
+            <p className="text-sm text-gray-700 mb-3">
+              Need a new verification email? Enter your email address and we'll send you a new link.
+            </p>
+            <div className="space-y-3">
+              <input
+                type="email"
+                value={resendEmail}
+                onChange={(e) => setResendEmail(e.target.value)}
+                placeholder="Email address"
+                className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 text-sm"
+              />
+              <button
+                onClick={handleResendVerification}
+                disabled={isLoading || !resendEmail}
+                className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50"
+              >
+                {isLoading ? 'Sending...' : 'Resend Verification Email'}
+              </button>
+              <button
+                type="button"
+                onClick={() => {
+                  setShowResendVerification(false);
+                  setResendEmail('');
+                }}
+                className="w-full text-sm text-gray-500 hover:text-gray-700 bg-transparent border-0 p-0 underline"
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
+        )}
       </div>
     </div>
   );

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?.();
           }}

package/components/profile.tsx

@@ -9,9 +9,9 @@ checked in the system build settings. It is safe to modify this file without it
 import { useState, useEffect } from 'react';
 
 interface UserProfile {
-  ID: string;
-  UserName: string;
-  AvatarURL: string | null;
+  id: string;
+  username: string;
+  avatarurl: string | null;
 }
 
 export default function Profile() {
@@ -23,7 +23,8 @@ export default function Profile() {
     const fetchProfile = async () => {
       try {
         const response = await fetch('/api/Auth', {
-          method: 'GET'
+          method: 'GET',
+          credentials: 'include'
         });
 
         if (!response.ok) {
@@ -39,9 +40,9 @@ export default function Profile() {
         // Use the user object from the response
         const userData = data.user;
         setProfile({
-          ID: userData.userid,
-          UserName: userData.UserName,
-          AvatarURL: userData.AvatarURL
+          id: userData.userid,
+          username: userData.username,
+          avatarurl: userData.avatarurl
         });
       } catch (err) {
         setError(err instanceof Error ? err.message : 'An error occurred');
@@ -68,17 +69,17 @@ export default function Profile() {
   return (
     <div className="max-w-md mx-auto mt-8 p-6 bg-white rounded-lg shadow-md">
       <div className="flex flex-col items-center">
-        {profile.AvatarURL && (
+        {profile.avatarurl && (
           <img 
-            src={profile.AvatarURL}
+            src={profile.avatarurl}
             alt="Profile avatar"
             className="w-32 h-32 rounded-full mb-4"
             referrerPolicy="no-referrer"
             crossOrigin="anonymous"
           />
         )}
-        <h2 className="text-2xl font-semibold text-gray-800">{profile.UserName}</h2>
-        <p className="text-gray-500 mt-2">User ID: {profile.ID}</p>
+        <h2 className="text-2xl font-semibold text-gray-800">{profile.username}</h2>
+        <p className="text-gray-500 mt-2">User ID: {profile.id}</p>
       </div>
     </div>
   );

package/defaultapp/api/Auth/resend-verification/route.ts

@@ -0,0 +1,130 @@
+/*
+ * Resend verification email endpoint
+ * Allows users to request a new verification email
+ */
+
+import { NextResponse } from 'next/server';
+import { regenerateVerificationToken } from '../../../db-password-auth';
+import { send_email } from '../../../storage/email';
+
+// Email validation regex
+const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+export async function POST(request: Request) {
+  try {
+    const { email } = await request.json();
+
+    // Validate email format
+    if (!email || !emailRegex.test(email)) {
+      return NextResponse.json(
+        { error: 'Invalid email address' },
+        { status: 400 }
+      );
+    }
+
+    // Regenerate verification token
+    const result = await regenerateVerificationToken(email);
+
+    if (!result) {
+      // Don't reveal whether the email exists or not
+      return NextResponse.json({
+        success: true,
+        message: 'If an unverified account exists with this email, a verification email has been sent.'
+      });
+    }
+
+    const { verificationToken } = result;
+
+    // Get site domain from environment or default
+    const siteDomain = process.env.SITE_DOMAIN || 'https://sitepaige.com';
+    const verificationUrl = `${siteDomain}/api/Auth/verify-email?token=${verificationToken}`;
+
+    // Send verification email
+    try {
+      const emailHtml = `
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <style>
+              body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
+              .container { max-width: 600px; margin: 0 auto; padding: 20px; }
+              .button { 
+                display: inline-block; 
+                padding: 12px 24px; 
+                background-color: #f0f0f0; 
+                color: #000000; 
+                text-decoration: none; 
+                border: 1px solid #cccccc;
+                border-radius: 4px;
+              }
+              .footer { margin-top: 30px; font-size: 12px; color: #666; }
+            </style>
+          </head>
+          <body>
+            <div class="container">
+              <h2>Verify Your Email Address</h2>
+              <p>You requested a new verification email for your account at ${siteDomain}. Please verify your email address by clicking the button below:</p>
+              <p style="margin: 30px 0;">
+                <a href="${verificationUrl}" class="button">Verify Email Address</a>
+              </p>
+              <p>Or copy and paste this link into your browser:</p>
+              <p style="word-break: break-all; color: #0066cc;">${verificationUrl}</p>
+              <p>This link will expire in 24 hours.</p>
+              <div class="footer">
+                <p>If you didn't request this email, you can safely ignore it.</p>
+              </div>
+            </div>
+          </body>
+        </html>
+      `;
+
+      const emailText = `
+Verify Your Email Address
+
+You requested a new verification email for your account at ${siteDomain}. Please verify your email address by clicking the link below:
+
+${verificationUrl}
+
+This link will expire in 24 hours.
+
+If you didn't request this email, you can safely ignore it.
+      `;
+
+      await send_email({
+        to: email,
+        from: process.env.EMAIL_FROM || 'noreply@sitepaige.com',
+        subject: 'Verify your email address',
+        html: emailHtml,
+        text: emailText
+      });
+
+      return NextResponse.json({
+        success: true,
+        message: 'Verification email sent successfully! Please check your email.'
+      });
+
+    } catch (emailError) {
+      console.error('Failed to send verification email:', emailError);
+      return NextResponse.json({
+        success: false,
+        error: 'Failed to send verification email. Please try again later.'
+      }, { status: 500 });
+    }
+
+  } catch (error: any) {
+    console.error('Resend verification error:', error);
+
+    if (error.message === 'Email is already verified') {
+      return NextResponse.json(
+        { error: 'This email is already verified. Please sign in.' },
+        { status: 400 }
+      );
+    }
+
+    // Generic response to avoid revealing whether email exists
+    return NextResponse.json({
+      success: true,
+      message: 'If an unverified account exists with this email, a verification email has been sent.'
+    });
+  }
+}