sitepaige-mcp-server 1.0.3 → 1.1.0

package/defaultapp/auth/auth.ts

@@ -1,14 +1,14 @@
 import { cookies } from 'next/headers';
 
-export async function check_auth(db: any, db_query: any): Promise<{ userid: string, UserLevel: number, UserTier: number, IsAdmin: boolean }> {
+export async function check_auth(db: any, db_query: any): Promise<{ userid: string, userlevel: number, usertier: number, isadmin: boolean }> {
   const cookieStore = await cookies();
   const sessionId = cookieStore.get('session_id')?.value;
 
   const sessionInfo = {
     userid: '',
-    UserLevel: 0,
-    UserTier: 0,
-    IsAdmin: false
+    userlevel: 0,
+    usertier: 0,
+    isadmin: false
   };
 
   if (!sessionId) {
@@ -16,16 +16,16 @@ export async function check_auth(db: any, db_query: any): Promise<{ userid: stri
   }
 
   // SQLite is case-insensitive for identifiers, but use standard column names (no quotes, correct names)
-  const session = await db_query(db, 'SELECT userid FROM UserSession WHERE SessionToken = ?', [sessionId]);
+  const session = await db_query(db, 'SELECT userid FROM usersession WHERE sessiontoken = ?', [sessionId]);
   if (session.length > 0) {
     sessionInfo.userid = session[0].userid;
 
     // In your Users table, the primary key is userid, and there is no IsAdmin column, but UserLevel (2 = admin)
-    const user = await db_query(db, 'SELECT UserLevel, UserTier FROM Users WHERE userid = ?', [session[0].userid]);
+    const user = await db_query(db, 'SELECT userlevel, usertier FROM users WHERE userid = ?', [session[0].userid]);
     if (user.length > 0) {
-      sessionInfo.UserLevel = user[0].UserLevel;
-      sessionInfo.IsAdmin = user[0].UserLevel === 2;
-      sessionInfo.UserTier = user[0].UserTier;
+      sessionInfo.userlevel = user[0].userlevel;
+      sessionInfo.isadmin = user[0].userlevel === 2;
+      sessionInfo.usertier = user[0].usertier;
     }
   }
   return sessionInfo;

package/defaultapp/db-mysql.ts

@@ -95,7 +95,7 @@ export async function db_query(
  */
 export function db_migrate(model: Model, dbType: string): string {
  
-  const sanitizedTableName = model.name;
+  const sanitizedTableName = model.name.toLowerCase().replace(/\s+/g, '_');
   
   // Start with the model's fields
   let fields = [...model.fields];

package/defaultapp/db-postgres.ts

@@ -101,7 +101,7 @@ export async function db_query(
  */
 export function db_migrate(model: Model, dbType: string): string {
 
-  const sanitizedTableName = model.name;
+  const sanitizedTableName = model.name.toLowerCase().replace(/\s+/g, '_');
   
   // Start with the model's fields
   let fields = [...model.fields];

package/defaultapp/db-sqlite.ts

@@ -175,7 +175,7 @@ export async function db_query(
 export function db_migrate(model: Model, dbType: string): string {
   // Special handling for auth tables - create them first
 
-  const sanitizedTableName = model.name;
+  const sanitizedTableName = model.name.toLowerCase().replace(/\s+/g, '_');
   
   // Start with the model's fields
   let fields = [...model.fields];

package/defaultapp/db-users.ts

@@ -9,33 +9,33 @@ import * as crypto from 'node:crypto';
 
 export interface User {
   userid: string;
-  OAuthID: string;
-  Source: 'google' | 'facebook' | 'apple' | 'github' | 'userpass';
-  UserName: string;
-  Email?: string;
-  AvatarURL?: string;
-  UserLevel: number; // 0: everyone, 1: registered user, 2: admin
-  LastLoginDate: string;
-  CreatedDate: string;
-  IsActive: boolean;
+  oauthid: string;
+  source: 'google' | 'facebook' | 'apple' | 'github' | 'userpass';
+  username: string;
+  email?: string;
+  avatarurl?: string;
+  userlevel: number; // 0: everyone, 1: registered user, 2: admin
+  lastlogindate: string;
+  createddate: string;
+  isactive: boolean;
 }
 
 export interface UserSession {
-  ID: string;
-  SessionToken: string;
+  id: string;
+  sessiontoken: string;
   userid: string;
-  ExpirationDate: string;
+  expirationdate: string;
 }
 
 export interface OAuthToken {
-  ID: string;
+  id: string;
   userid: string;
-  Provider: 'google' | 'facebook' | 'apple' | 'github';
-  AccessToken: string;
-  RefreshToken?: string;
-  ExpiresAt?: string;
-  CreatedAt: string;
-  UpdatedAt: string;
+  provider: 'google' | 'facebook' | 'apple' | 'github';
+  accesstoken: string;
+  refreshtoken?: string;
+  expiresat?: string;
+  createdat: string;
+  updatedat: string;
 }
 
 /**
@@ -46,8 +46,8 @@ export async function getAllUsers(): Promise<User[]> {
   
   const users = await db_query(client, 
     `SELECT * FROM users 
-     WHERE IsActive = ? 
-     ORDER BY UserLevel DESC, UserName ASC`,
+     WHERE isactive = ? 
+     ORDER BY userlevel DESC, username ASC`,
     [1]  // Use 1 instead of true for PostgreSQL compatibility
   );
   
@@ -61,7 +61,7 @@ export async function getUserByOAuthID(oauthId: string): Promise<User | null> {
   const client = await db_init();
 
   const users = await db_query(client, 
-    "SELECT * FROM users WHERE OAuthID = ? AND IsActive = ?",
+    "SELECT * FROM users WHERE oauthid = ? AND isactive = ?",
     [oauthId, 1]  // Use 1 instead of true for PostgreSQL compatibility
   );
   
@@ -75,7 +75,7 @@ export async function getUserByID(userId: string): Promise<User | null> {
   const client = await db_init();
   
   const users = await db_query(client, 
-    "SELECT * FROM users WHERE userid = ? AND IsActive = ?",
+    "SELECT * FROM users WHERE userid = ? AND isactive = ?",
     [userId, 1]  // Use 1 instead of true for PostgreSQL compatibility
   );
   
@@ -101,9 +101,9 @@ export async function upsertUser(
     // Update existing user
     await db_query(client,
       `UPDATE users 
-       SET UserName = ?, Email = COALESCE(?, Email), AvatarURL = ?, 
-           LastLoginDate = CURRENT_TIMESTAMP, Source = ?
-       WHERE OAuthID = ?`,
+       SET username = ?, email = COALESCE(?, email), avatarurl = ?, 
+           lastlogindate = CURRENT_TIMESTAMP, source = ?
+       WHERE oauthid = ?`,
       [userName, email, avatarUrl || '', source, oauthId]
     );
     
@@ -119,8 +119,8 @@ export async function upsertUser(
     
     await db_query(client,
       `INSERT INTO users 
-       (userid, OAuthID, Source, UserName, Email, AvatarURL, UserLevel, UserTier,
-        LastLoginDate, CreatedDate, IsActive)
+       (userid, oauthid, source, username, email, avatarurl, userlevel, usertier,
+        lastlogindate, createddate, isactive)
        VALUES (?, ?, ?, ?, ?, ?, ?, 0, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP, ?)`,
       [userId, oauthId, source, userName, email || null, avatarUrl || '', permissionLevel, 1]  // Use 1 instead of true for PostgreSQL compatibility
     );
@@ -141,7 +141,7 @@ export async function updateUserPermission(
   // Ensure there's always at least one admin
   if (permissionLevel < 2) {
     const admins = await db_query(client,
-      "SELECT COUNT(*) as count FROM users WHERE UserLevel = ? AND userid != ? AND IsActive = ?",
+      "SELECT COUNT(*) as count FROM users WHERE userlevel = ? AND userid != ? AND isactive = ?",
       [2, userId, 1]  // Use 1 instead of true for PostgreSQL compatibility
     );
     
@@ -151,7 +151,7 @@ export async function updateUserPermission(
   }
   
   const result = await db_query(client,
-    "UPDATE users SET UserLevel = ? WHERE userid = ?",
+    "UPDATE users SET userlevel = ? WHERE userid = ?",
     [permissionLevel, userId]
   );
   
@@ -166,9 +166,9 @@ export async function deleteUser(userId: string): Promise<boolean> {
   
   // Ensure there's always at least one admin
   const user = await getUserByID(userId);
-  if (user && user.UserLevel === 2) {
+  if (user && user.userlevel === 2) {
     const admins = await db_query(client,
-      "SELECT COUNT(*) as count FROM users WHERE UserLevel = ? AND userid != ? AND IsActive = ?",
+      "SELECT COUNT(*) as count FROM users WHERE userlevel = ? AND userid != ? AND isactive = ?",
       [2, userId, 1]  // Use 1 instead of true for PostgreSQL compatibility
     );
     
@@ -179,7 +179,7 @@ export async function deleteUser(userId: string): Promise<boolean> {
   
   // Soft delete the user
   const result = await db_query(client,
-    "UPDATE users SET IsActive = ? WHERE userid = ?",
+    "UPDATE users SET isactive = ? WHERE userid = ?",
     [0, userId]  // Use 0 instead of false for PostgreSQL compatibility
   );
   
@@ -200,11 +200,11 @@ export async function getUserStats(): Promise<{
   const stats = await db_query(client, `
     SELECT 
       COUNT(*) as totalUsers,
-      SUM(CASE WHEN UserLevel = 2 THEN 1 ELSE 0 END) as admins,
-      SUM(CASE WHEN UserLevel = 1 THEN 1 ELSE 0 END) as registeredUsers,
-      SUM(CASE WHEN UserLevel = 0 THEN 1 ELSE 0 END) as guestUsers
+      SUM(CASE WHEN userlevel = 2 THEN 1 ELSE 0 END) as admins,
+      SUM(CASE WHEN userlevel = 1 THEN 1 ELSE 0 END) as registeredUsers,
+      SUM(CASE WHEN userlevel = 0 THEN 1 ELSE 0 END) as guestUsers
     FROM users
-    WHERE IsActive = ?
+    WHERE isactive = ?
   `, [1]);  // Use 1 instead of true for PostgreSQL compatibility
   
   return stats[0];
@@ -217,7 +217,7 @@ export async function cleanupExpiredSessions(): Promise<number> {
   const client = await db_init();
   
   const result = await db_query(client,
-    "DELETE FROM usersession WHERE ExpirationDate < CURRENT_TIMESTAMP"
+    "DELETE FROM usersession WHERE expirationdate::TIMESTAMP < CURRENT_TIMESTAMP"
   );
   
   return result[0].changes;
@@ -241,14 +241,14 @@ export async function storeOAuthToken(
   
   // Delete existing tokens for this user/provider combo
   await db_query(client,
-    "DELETE FROM oauthtokens WHERE userid = ? AND Provider = ?",
+    "DELETE FROM oauthtokens WHERE userid = ? AND provider = ?",
     [userId, provider]
   );
   
   // Insert new token
   await db_query(client,
     `INSERT INTO oauthtokens 
-     (ID, userid, Provider, AccessToken, RefreshToken, ExpiresAt, CreatedAt, UpdatedAt)
+     (id, userid, provider, accesstoken, refreshtoken, expiresat, createdat, updatedat)
      VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,
     [tokenId, userId, provider, accessToken, refreshToken || null, expiresAt, now, now]
   );
@@ -264,7 +264,7 @@ export async function getOAuthToken(
   const client = await db_init();
   
   const tokens = await db_query(client,
-    "SELECT * FROM oauthtokens WHERE userid = ? AND Provider = ?",
+    "SELECT * FROM oauthtokens WHERE userid = ? AND provider = ?",
     [userId, provider]
   );
   
@@ -285,7 +285,7 @@ export async function validateSession(sessionToken: string): Promise<{
   const sessions = await db_query(client,
     `SELECT s.*, u.* FROM usersession s 
      JOIN users u ON s.userid = u.userid 
-     WHERE s.SessionToken = ? AND s.ExpirationDate > CURRENT_TIMESTAMP AND u.IsActive = ?`,
+     WHERE s.sessiontoken = ? AND s.expirationdate::TIMESTAMP > CURRENT_TIMESTAMP AND u.isactive = ?`,
     [sessionToken, 1]  // Use 1 instead of true for PostgreSQL compatibility
   );
   
@@ -296,22 +296,22 @@ export async function validateSession(sessionToken: string): Promise<{
   const session = sessions[0];
   
   // Check if session needs rotation (older than 24 hours)
-  const sessionAge = Date.now() - new Date(session.ID).getTime();
+  const sessionAge = Date.now() - new Date(session.id).getTime();
   const needsRotation = sessionAge > 24 * 60 * 60 * 1000; // 24 hours
   
   return {
     valid: true,
     user: {
       userid: session.userid,
-      OAuthID: session.OAuthID,
-      Source: session.Source,
-      UserName: session.UserName,
-      Email: session.Email,
-      AvatarURL: session.AvatarURL,
-      UserLevel: session.UserLevel,
-      LastLoginDate: session.LastLoginDate,
-      CreatedDate: session.CreatedDate,
-      IsActive: session.IsActive
+      oauthid: session.oauthid,
+      source: session.source,
+      username: session.username,
+      email: session.email,
+      avatarurl: session.avatarurl,
+      userlevel: session.userlevel,
+      lastlogindate: session.lastlogindate,
+      createddate: session.createddate,
+      isactive: session.isactive
     } as User,
     needsRotation
   };
@@ -325,7 +325,7 @@ export async function rotateSession(oldSessionToken: string): Promise<string | n
   
   // Get existing session
   const sessions = await db_query(client,
-    "SELECT * FROM usersession WHERE SessionToken = ? AND ExpirationDate > CURRENT_TIMESTAMP",
+    "SELECT * FROM usersession WHERE sessiontoken = ? AND expirationdate::TIMESTAMP > CURRENT_TIMESTAMP",
     [oldSessionToken]
   );
   
@@ -338,8 +338,8 @@ export async function rotateSession(oldSessionToken: string): Promise<string | n
   
   // Update session with new token
   await db_query(client,
-    "UPDATE usersession SET SessionToken = ?, ExpirationDate = ? WHERE ID = ?",
-    [newSessionToken, new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(), session.ID]
+    "UPDATE usersession SET sessiontoken = ?, expirationdate = ? WHERE id = ?",
+    [newSessionToken, new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(), session.id]
   );
   
   return newSessionToken;
@@ -371,9 +371,9 @@ export async function validateOAuthToken(
   }
   
   // Check if token is expired based on stored expiry
-  if (token.ExpiresAt && new Date(token.ExpiresAt) < new Date()) {
+  if (token.expiresat && new Date(token.expiresat) < new Date()) {
     // Try to refresh the token
-    if (token.RefreshToken) {
+    if (token.refreshtoken) {
       return await refreshOAuthToken(userId, provider);
     }
     return false;
@@ -384,10 +384,10 @@ export async function validateOAuthToken(
     let validationUrl: string;
     switch (provider) {
       case 'google':
-        validationUrl = `https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=${token.AccessToken}`;
+        validationUrl = `https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=${token.accesstoken}`;
         break;
       case 'facebook':
-        validationUrl = `https://graph.facebook.com/me?access_token=${token.AccessToken}`;
+        validationUrl = `https://graph.facebook.com/me?access_token=${token.accesstoken}`;
         break;
       case 'github':
         validationUrl = 'https://api.github.com/user';
@@ -398,7 +398,7 @@ export async function validateOAuthToken(
     
     const response = await fetch(validationUrl, {
       headers: provider === 'github' ? {
-        Authorization: `Bearer ${token.AccessToken}`
+        Authorization: `Bearer ${token.accesstoken}`
       } : {}
     });
     
@@ -419,7 +419,7 @@ export async function refreshOAuthToken(
   
   // Get stored OAuth token with refresh token
   const token = await getOAuthToken(userId, provider);
-  if (!token || !token.RefreshToken) {
+  if (!token || !token.refreshtoken) {
     return false;
   }
   
@@ -428,7 +428,7 @@ export async function refreshOAuthToken(
     
     const params: Record<string, string> = {
       grant_type: 'refresh_token',
-      refresh_token: token.RefreshToken,
+      refresh_token: token.refreshtoken,
       client_id: process.env[`NEXT_PUBLIC_${provider.toUpperCase()}_CLIENT_ID`]!,
       client_secret: process.env[`${provider.toUpperCase()}_CLIENT_SECRET`]!
     };
@@ -453,7 +453,7 @@ export async function refreshOAuthToken(
       userId,
       provider,
       data.access_token,
-      data.refresh_token || token.RefreshToken, // Some providers don't return new refresh token
+      data.refresh_token || token.refreshtoken, // Some providers don't return new refresh token
       data.expires_in
     );
     

package/dist/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/dist/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/dist/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/dist/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/dist/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>