+
+ {field}
+
+ 0 ? "overscroll-x-contain overflow-auto border-black border-2 h-min w-full" :
+ "overscroll-x-contain overflow-auto border-black border-2 w-full" :
+ "overscroll-x-contain overflow-auto w-full"}>
+
+ {value ? value : ''}
+
+
+
+ )
+ }
+ if(showError) return (
+
+
+
+
+ Guest Management
+
+
+ View and manage guest accounts in your system
+
+
+
+
+
+
+
+ Guests list
+
+
+ See information about all guests
+
+
+
+
+
+
+
+
+
+ }
+ value={searchTerm}
+ onChange={(e) => setSearchTerm(e.target.value)}
+ crossOrigin={undefined}
+ />
+
+ |
+ |
+ ))}
+ |||||||
|---|---|---|---|---|---|---|---|
|
+ |
+ |||||||
|
+ |
+
+ |
+
+ |
+
+ |
+
+ |
+
+
+
+ |
+
+ |
+
+
+
+ |
+
+
+ Page {currentPage} of {totalPages}
+
+
+
+ {/* Create Modal */}
+
+
+ {/* View Modal */}
+
+
+ {/* Edit Modal */}
+
+
+ {/* DeleteConfirmation Modal */}
+
+
+
+
+
+
+ {/* Header Section */}
+
+
+
+ {/* Tabs */}
+
+
+ setActiveTab("visualization")}>
+ Visualization
+
+ setActiveTab("list")}>
+ List View
+
+ setActiveTab("analytics")}>
+ Analytics
+
+
+
+
+ {/* Main Content */}
+
+ );
+}
+
+export default KnowledgeGraphPage;
\ No newline at end of file
diff --git a/src/app/(Dashboard)/dashboard/layout.tsx b/src/app/(Dashboard)/dashboard/layout.tsx
new file mode 100644
index 0000000..a6bb849
--- /dev/null
+++ b/src/app/(Dashboard)/dashboard/layout.tsx
@@ -0,0 +1,863 @@
+'use client'
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useContext, useState, useEffect } from 'react';
+import { AuthContext, PrivateRoute } from '@/components/Dashboard/AppContext';
+import {
+ UsersIcon,
+ HomeIcon,
+ ShoppingBagIcon,
+ UserCircleIcon,
+ ChevronLeftIcon,
+ ChevronRightIcon,
+ Bars3Icon as MenuIcon,
+ ChartBarIcon,
+ BellIcon,
+ CheckCircleIcon,
+ ChatBubbleLeftRightIcon,
+ InformationCircleIcon,
+ XMarkIcon,
+ CpuChipIcon,
+ FolderIcon,
+ DocumentTextIcon,
+ BookOpenIcon,
+ ArrowRightStartOnRectangleIcon,
+} from '@heroicons/react/24/outline';
+import {
+ Card,
+ Typography,
+ ListItem,
+ ListItemPrefix,
+ Drawer,
+ IconButton,
+ Menu,
+ MenuHandler,
+ MenuList,
+ MenuItem,
+ Navbar,
+ Dialog,
+ DialogHeader,
+ DialogBody,
+ DialogFooter,
+ Button,
+ Avatar,
+ Switch,
+ Badge,
+ Textarea,
+ Alert,
+} from "@material-tailwind/react";
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import axios from 'axios';
+import { API_URL } from '@/utils/axiosConfig';
+import { cn } from '@/lib/utils';
+import { colors } from '@material-tailwind/react/types/generic';
+import './dashboard.css'
+
+interface User {
+ address: string | null;
+ card_number: string | null;
+ ccv: string | null;
+ city: string | null;
+ created_at: string;
+ email: string;
+ email_verified: boolean;
+ failed_login_attempts: number;
+ first_name: string | null;
+ hashed_password: string;
+ id: string;
+ is_locked: boolean;
+ last_name: string | null;
+ nickname: string | null;
+ phone_number: string | null;
+ role: "ADMIN" | "USER";
+ security_code: string | null;
+ state: string | null;
+ subscription_plan: "PREMIUM" | "BASIC" | "FREE";
+ updated_at: string;
+ verification_token: string | null;
+ zip_code: string | null
+}
+
+interface AccountInfo {
+ nickname: string | null;
+ email: string;
+ first_name: string | null;
+ last_name: string | null;
+}
+
+// User navigation - restricted options (no Analytics)
+const userNavigation = [
+ {
+ name: 'Dashboard',
+ href: '/dashboard',
+ icon: ChartBarIcon,
+ description: 'Overview of your activity'
+ },
+ {
+ name: 'Projects',
+ href: '/dashboard/projects',
+ icon: DocumentTextIcon,
+ description: 'Manage your projects'
+ },
+ {
+ name: 'Resources',
+ href: '/dashboard/resources',
+ icon: FolderIcon,
+ description: 'Manage files and documents'
+ },
+ {
+ name: 'Marketplace',
+ href: '/dashboard/marketplace',
+ icon: ShoppingBagIcon,
+ description: 'Browse available services'
+ },
+ {
+ name: 'Knowledge Graph',
+ href: '/dashboard/knowledge',
+ icon: BookOpenIcon,
+ description: 'Explore data relationships'
+ },
+ {
+ name: 'Real-Time Analytics',
+ href: '/dashboard/realtime',
+ icon: CpuChipIcon,
+ description: 'Live system metrics'
+ }
+];
+
+// Admin navigation- full options (includes Analytics)
+const adminNavigation = [
+ {
+ name: 'Dashboard',
+ href: '/dashboard',
+ icon: ChartBarIcon,
+ description: 'Overview of your activity'
+ },
+ {
+ name: 'Analytics',
+ href: '/dashboard/analytics',
+ icon: ChartBarIcon,
+ description: 'View performance metrics'
+ },
+ {
+ name: 'Projects',
+ href: '/dashboard/projects',
+ icon: DocumentTextIcon,
+ description: 'Manage your projects'
+ },
+ {
+ name: 'Users',
+ href: '/dashboard/users',
+ icon: UsersIcon,
+ description: 'Manage system users'
+ },
+ {
+ name: 'Guests',
+ href: '/dashboard/guests',
+ icon: HomeIcon,
+ description: 'View guest accounts'
+ },
+ {
+ name: 'Resources',
+ href: '/dashboard/resources',
+ icon: FolderIcon,
+ description: 'Manage files and documents'
+ },
+ {
+ name: 'Marketplace',
+ href: '/dashboard/marketplace',
+ icon: ShoppingBagIcon,
+ description: 'Browse available services'
+ },
+ {
+ name: 'Knowledge Graph',
+ href: '/dashboard/knowledge',
+ icon: BookOpenIcon,
+ description: 'Explore data relationships'
+ },
+ {
+ name: 'Real-Time Analytics',
+ href: '/dashboard/realtime',
+ icon: CpuChipIcon,
+ description: 'Live system metrics'
+ }
+];
+
+// Notification structure
+interface Notification {
+ id: number;
+ title: string;
+ message: string;
+ timestamp: string;
+ read: boolean;
+ type: 'alert' | 'info' | 'success';
+}
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+ const { role, logout, accessToken } = useContext(AuthContext);
+ const navigate = useRouter();
+ //const location = useLocation();
+ const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+ const [currentPage, setCurrentPage] = useState('/dashboard');
+ const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+ //const [isVisible, setIsVisible] = useState(false);
+ const [isLogoutModalOpen, setIsLogoutModalOpen] = useState(false);
+ const [isAdminView, setIsAdminView] = useState(role === "ADMIN"); // Default to admin view
+ const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);
+ const [accountInfo, setAccountInfo] = useState
+
+ {/* Decorative elements */}
+
+
+
+
+
+
+ Knowledge Graph
+
+
+ Visual representation of concepts, entities, and their relationships
+
+
+
+
+
+
+
+
+
+
+ {activeTab === "visualization" && (
+
+
+
+
+ )}
+
+ {activeTab === "analytics" && (
+
+
+
+
+ )}
+
+
+ {/* Add Node Modal */}
+
+
+ {/* Add Relation Modal */}
+
+
+
+
+
+ }
+ label="Search nodes and relationships"
+ crossOrigin={undefined}
+ />
+
+
+
+ List View Coming Soon
+
+
+ This feature is currently under development
+
+
+
+
+ Analytics View Coming Soon
+
+
+ This feature is currently under development
+
+
+
+
+ {/* Toggle button fixed position to always remain visible */}
+
+
+ );
+ return (
+
+ {/* Phantom element to take up space of fixed sidebar */}
+
+
+ setIsSidebarCollapsed(!isSidebarCollapsed)}
+ className="mb-4"
+ >
+ {isSidebarCollapsed ?
+
+
+ {/* Role identifier */}
+ {!isSidebarCollapsed && (
+
+
+
+ )}
+
+
+
+
+ {isAdminView ? "Admin View" : "User View"}
+
+
+
+ {navigation.map((item) => {
+ const isActive = /*location.pathname*/currentPage === item.href /*||
+ (item.href === '/dashboard' && location.pathname === '/dashboard') ||
+ (location.pathname.includes(item.href) && item.href !== '/dashboard');*/
+ return (
+ handleNavigation(item.href)}
+ >
+
+
+ {!isSidebarCollapsed && (
+
+ );
+ })}
+
+
+ {!isSidebarCollapsed && (
+
+
+ {item.name}
+
+ {!isActive && (
+
+ {item.description}
+
+ )}
+
+ )}
+
+
+ Need Help?
+
+ Contact our support team for assistance with any issues.
+
+
+
+
+
+
+ )}
+
+ {/* Add blur overlay when logout modal is open */}
+ {isLogoutModalOpen && (
+
+ )}
+
+
+
+
+
+
+
+
+ 
+
+ Theoforge
+
+ setIsDrawerOpen(true)}
+ >
+
+
+
+
+
+ {/* Admin/User View Toggle */}
+
+
+
+ Admin
+
+
+ User
+
+
+
+ {/* Notifications dropdown */}
+
+
+
+
+ setIsDrawerOpen(false)}
+ className="lg:hidden w-auto"
+ >
+
+
+
+
+ {/* Logout Modal */}
+
+
+ {/* Toast notification */}
+ {showToast.show && (
+
+
+
+
+
+
+
+ {!isSidebarCollapsed ? (
+ Theoforge
+ ) : <>}
+
+
+ {!isSidebarCollapsed ? (
+ setIsDrawerOpen(false)}
+ >
+
+
+
+ {children}
+
+
+
+
+
+
+ );
+}
+
+export default Marketplace;
\ No newline at end of file
diff --git a/src/app/(Dashboard)/dashboard/page.tsx b/src/app/(Dashboard)/dashboard/page.tsx
new file mode 100644
index 0000000..14f24dd
--- /dev/null
+++ b/src/app/(Dashboard)/dashboard/page.tsx
@@ -0,0 +1,25 @@
+'use client'
+
+import React, { useContext, useEffect, useState } from 'react';
+import { AuthContext } from '@/components/Dashboard/AppContext';
+import UserDashboard from '@/components/Dashboard/UserDashboard';
+import AdminDashboard from '@/components/Dashboard/AdminDashboard';
+
+type Role = 'USER' | 'ADMIN';
+
+// Main Dashboard Component
+export default function Dashboard() {
+ const { role } = useContext(AuthContext);
+ const [switchRole, setSwitchRole] = useState
+
+
+
+ AI Solution Marketplace
+
+
+ Browse and purchase AI solutions to enhance your business capabilities. Integrate seamlessly with your existing systems.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Toast notification */}
+ {showToast.show && (
+
+
+
+ AI Chatbot Builder
+
+
+
+
+
+ Build custom AI chatbots trained on your business data. Enhance customer support and automate common inquiries.
+
+
+ $249/month
+
+
+
+
+
+
+ Predictive Analytics
+
+
+
+
+
+ Leverage machine learning to predict business trends and customer behavior based on historical data.
+
+
+ $349/month
+
+
+
+
+
+
+ Document Intelligence
+
+
+
+
+
+ Automatically extract, classify, and process information from documents, forms, and receipts.
+
+
+ $199/month
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default ProfileSettings;
\ No newline at end of file
diff --git a/src/app/(Dashboard)/dashboard/projects/page.tsx b/src/app/(Dashboard)/dashboard/projects/page.tsx
new file mode 100644
index 0000000..a5b2878
--- /dev/null
+++ b/src/app/(Dashboard)/dashboard/projects/page.tsx
@@ -0,0 +1,628 @@
+'use client'
+
+import React, { useState } from 'react';
+import {
+ CheckCircleIcon,
+ CalendarIcon,
+ DocumentTextIcon,
+} from '@heroicons/react/24/outline';
+import {
+ Card,
+ Typography,
+ Menu,
+ MenuHandler,
+ MenuList,
+ MenuItem,
+ Dialog,
+ DialogHeader,
+ DialogBody,
+ DialogFooter,
+ Input,
+ Button,
+ Progress,
+ Chip,
+ Textarea,
+ Alert,
+} from "@material-tailwind/react";
+import { colors } from '@material-tailwind/react/types/generic';
+
+interface Project {
+ id: number,
+ name: string,
+ description: string,
+ progress?: number,
+ deadline: string,
+ status: string,
+ team: string[],
+ priority: string
+}
+
+// Project Management Component
+const ProjectManagement: React.FC = () => {
+ const [projects, setProjects] = useState
+
+
+
+ Account Settings
+
+
+ Manage your credentials
+
+
+
+
+
+ {/* Success/Error Alert */}
+ {showAlert.show && (
+ setShowAlert(prev => ({ ...prev, show: false }))}
+ animate={{
+ mount: { y: 0 },
+ unmount: { y: -100 },
+ }}
+ className="fixed top-4 right-4 z-50 max-w-md"
+ color={showAlert.type === "success" ? "green" : "red"}
+ icon={showAlert.type === "success" ?
+ )}
+
+
+
+
+
+ {isLoading ? (
+
+
+
+ {/* Avatar Upload Modal */}
+
+
+
+
+
+
+ setIsAvatarModalOpen(true)}
+ >
+
+
+
+ {accountInfo.nickname}
+
+
+ {role}
+
+
+ {accountInfo.email}
+
+
+
+
+ {isEditingAccount && (
+
+ )}
+
+
+
+
+ ) : (
+
+
+ )}
+
+
+ Nickname
+
+ {isEditingAccount ? (
+ }
+ value={accountInfo.nickname}
+ onChange={(e) => setAccountInfo({...accountInfo, nickname: e.target.value})}
+ label="Name"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {accountInfo.nickname}
+ )}
+
+
+
+ Email
+
+ {isEditingAccount ? (
+ }
+ value={accountInfo.email}
+ onChange={(e) => setAccountInfo({...accountInfo, email: e.target.value})}
+ label="Email"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {accountInfo.email}
+ )}
+
+
+
+ First Name
+
+ {isEditingAccount ? (
+ }
+ value={accountInfo.first_name}
+ onChange={(e) => setAccountInfo({...accountInfo, first_name: e.target.value})}
+ label="First Name"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {accountInfo.first_name}
+ )}
+
+
+
+ Last Name
+
+ {isEditingAccount ? (
+ }
+ value={accountInfo.last_name}
+ onChange={(e) => setAccountInfo({...accountInfo, last_name: e.target.value})}
+ label="Last Name"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {accountInfo.last_name}
+ )}
+
+
+
+ Password
+
+ {isEditingAccount ? (
+ }
+ value={accountInfo.password}
+ onChange={(e) => setAccountInfo({...accountInfo, password: e.target.value})}
+ label="Password"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {accountInfo.password}
+ )}
+
+
+
+
+
+ Profile Settings
+
+
+ Manage your profile information
+
+
+
+
+
+ {/* Success/Error Alert */}
+ {showAlert.show && (
+ setShowAlert(prev => ({ ...prev, show: false }))}
+ animate={{
+ mount: { y: 0 },
+ unmount: { y: -100 },
+ }}
+ className="fixed top-4 right-4 z-50 max-w-md"
+ color={showAlert.type === "success" ? "green" : "red"}
+ icon={showAlert.type === "success" ?
+ )}
+
+
+
+
+
+ {isLoading ? (
+
+
+
+
+
+ {isEditingProfile && (
+
+ )}
+
+
+
+
+ ) : (
+
+
+ )}
+
+
+ Phone Number
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.phone_number}
+ onChange={(e) => setProfileInfo({...profileInfo, phone_number: e.target.value})}
+ label="Phone Number"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.phone_number}
+ )}
+
+
+
+ Address
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.address}
+ onChange={(e) => setProfileInfo({...profileInfo, address: e.target.value})}
+ label="Address"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.address}
+ )}
+
+
+
+ City
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.city}
+ onChange={(e) => setProfileInfo({...profileInfo, city: e.target.value})}
+ label="City"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.city}
+ )}
+
+
+
+ State
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.state}
+ onChange={(e) => setProfileInfo({...profileInfo, state: e.target.value})}
+ label="State"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.state}
+ )}
+
+
+
+ Zip Code
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.zip_code}
+ onChange={(e) => setProfileInfo({...profileInfo, zip_code: e.target.value})}
+ label="Zip Code"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.zip_code}
+ )}
+
+
+
+ Card Number
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.card_number}
+ onChange={(e) => setProfileInfo({...profileInfo, card_number: e.target.value})}
+ label="Card Number"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.card_number}
+ )}
+
+
+
+ CCV
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.ccv}
+ onChange={(e) => setProfileInfo({...profileInfo, ccv: e.target.value})}
+ label="CCV"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.ccv}
+ )}
+
+
+
+ Security Code
+
+ {isEditingProfile ? (
+ }
+ value={profileInfo.security_code}
+ onChange={(e) => setProfileInfo({...profileInfo, security_code: e.target.value})}
+ label="Security Code"
+ crossOrigin={undefined}
+ />
+ ) : (
+ {profileInfo.security_code}
+ )}
+
+
+
+ Subscription Plan
+
+ {isEditingProfile ? (
+
+ ) : (
+ {profileInfo.phone_number}
+ )}
+
+
+ {/* Success/Error Alert */}
+ {showAlert.show && (
+
+
+
+ {/* Projects Container */}
+
+
+ {/* Decorative elements */}
+
+
+
+
+
+
+ Your Projects
+
+
+ Track and manage your active and upcoming projects
+
+
+
+
+
+
+ {projects.map((project) => (
+
+
+ ))}
+
+
+ {/* Modals */}
+
+
+
+
+
+
+ {project.description}
+
+
+
+
+
+
+
+
+ {project.name}
+
+
+
+
+
+
+ {project.team.map((member, index) => (
+
+
+
+
+
+