first commit

src/App.jsx

@@ -0,0 +1,142 @@
+import './App.css'
+import { Toaster } from "@/components/ui/toaster"
+import { QueryClientProvider } from '@tanstack/react-query'
+import { queryClientInstance } from '@/lib/query-client'
+import VisualEditAgent from '@/lib/VisualEditAgent'
+import NavigationTracker from '@/lib/NavigationTracker'
+import { pagesConfig } from './pages.config'
+import { BrowserRouter as Router, Route, Routes, useLocation } from 'react-router-dom';
+import { setupIframeMessaging } from './lib/iframe-messaging';
+import PageNotFound from './lib/PageNotFound';
+import { AuthProvider, useAuth } from '@/lib/AuthContext';
+import UserNotRegisteredError from '@/components/UserNotRegisteredError';
+import FeatureReport from './pages/FeatureReport';
+import LandingPage from './pages/LandingPage';
+import KrowX from './pages/KrowX';
+import AboutUs from './pages/AboutUs';
+import ThePlatform from './pages/ThePlatform';
+import ForWorkers from './pages/ForWorkers';
+import PredictiveIntelligence from './pages/PredictiveIntelligence';
+import KrowEdgePage from './pages/KrowEdge';
+import Recruiting from './pages/Recruiting';
+import Communications from './pages/Communications';
+import Announcements from './pages/Announcements';
+import StaffProfileDemo from './pages/StaffProfileDemo';
+import CapabilityMap from './pages/CapabilityMap';
+import PlatformOnboarding from './pages/PlatformOnboarding';
+import DailyPL from './pages/DailyPL';
+import Sales from './pages/Sales';
+import PayrollDetail from './pages/PayrollDetail';
+import EmployeeTimecard from './pages/EmployeeTimecard';
+import ClientLaborReport from './pages/ClientLaborReport';
+import WorkforceNetwork from './pages/WorkforceNetwork';
+import KrowAI from './pages/KrowAI';
+import StaffingMarketplace from './pages/StaffingMarketplace';
+import KrowConsole from './pages/KrowConsole';
+import KrowCommand from './pages/KrowCommand';
+import DemandSupply from './pages/DemandSupply';
+import DocumentApproval from './pages/DocumentApproval';
+import VendorReports from './pages/VendorReports';
+
+const { Pages, Layout, mainPage } = pagesConfig;
+const mainPageKey = mainPage ?? Object.keys(Pages)[0];
+const MainPage = mainPageKey ? Pages[mainPageKey] : <></>;
+
+setupIframeMessaging();
+
+const LayoutWrapper = ({ children, currentPageName }) => Layout ?
+  <Layout currentPageName={currentPageName}>{children}</Layout>
+  : <>{children}</>;
+
+const AuthenticatedApp = () => {
+  const { isLoadingAuth, isLoadingPublicSettings, authError, isAuthenticated, navigateToLogin } = useAuth();
+  const location = useLocation();
+
+  // Show loading spinner while checking app public settings or auth
+  if (isLoadingPublicSettings || isLoadingAuth) {
+    return (
+      <div className="fixed inset-0 flex items-center justify-center">
+        <div className="w-8 h-8 border-4 border-slate-200 border-t-slate-800 rounded-full animate-spin"></div>
+      </div>
+    );
+  }
+
+  // Handle authentication errors
+  if (authError) {
+    if (authError.type === 'user_not_registered') {
+      return <UserNotRegisteredError />;
+    } else if (authError.type === 'auth_required') {
+      // Redirect to login automatically
+      navigateToLogin();
+      return null;
+    }
+  }
+
+  // Render the main app
+
+  if (location.pathname === '/LandingPage') {
+    return (
+      <Routes>
+        <Route path="/LandingPage" element={<LandingPage />} />
+      </Routes>
+    );
+  }
+
+  return (
+    <LayoutWrapper currentPageName={mainPageKey}>
+      <Routes>
+        <Route path="/" element={<MainPage />} />
+        {Object.entries(Pages).map(([path, Page]) => (
+          <Route key={path} path={`/${path}`} element={<Page />} />
+        ))}
+        <Route path="/FeatureReport" element={<FeatureReport />} />
+        <Route path="/LandingPage" element={<LandingPage />} />
+        <Route path="/KrowX" element={<KrowX />} />
+        <Route path="/AboutUs" element={<AboutUs />} />
+        <Route path="/ThePlatform" element={<ThePlatform />} />
+        <Route path="/ForWorkers" element={<ForWorkers />} />
+        <Route path="/PredictiveIntelligence" element={<PredictiveIntelligence />} />
+        <Route path="/KrowEdge" element={<KrowEdgePage />} />
+        <Route path="/Recruiting" element={<Recruiting />} />
+        <Route path="/Communications" element={<Communications />} />
+        <Route path="/Announcements" element={<Announcements />} />
+        <Route path="/StaffProfileDemo" element={<StaffProfileDemo />} />
+        <Route path="/CapabilityMap" element={<CapabilityMap />} />
+        <Route path="/PlatformOnboarding" element={<PlatformOnboarding />} />
+        <Route path="/DailyPL" element={<DailyPL />} />
+        <Route path="/Sales" element={<Sales />} />
+        <Route path="/PayrollDetail" element={<PayrollDetail />} />
+        <Route path="/EmployeeTimecard" element={<EmployeeTimecard />} />
+        <Route path="/ClientLaborReport" element={<ClientLaborReport />} />
+        <Route path="/WorkforceNetwork" element={<WorkforceNetwork />} />
+        <Route path="/KrowAI" element={<KrowAI />} />
+        <Route path="/StaffingMarketplace" element={<StaffingMarketplace />} />
+        <Route path="/KrowConsole" element={<KrowConsole />} />
+        <Route path="/KrowCommand" element={<KrowCommand />} />
+        <Route path="/DemandSupply" element={<DemandSupply />} />
+        <Route path="/DocumentApproval" element={<DocumentApproval />} />
+        <Route path="/VendorReports" element={<VendorReports />} />
+        <Route path="*" element={<PageNotFound />} />
+      </Routes>
+    </LayoutWrapper>
+  );
+};
+
+
+function App() {
+
+  return (
+    <AuthProvider>
+      <QueryClientProvider client={queryClientInstance}>
+        <Router>
+          <NavigationTracker />
+          <AuthenticatedApp />
+        </Router>
+        <Toaster />
+        <VisualEditAgent />
+      </QueryClientProvider>
+    </AuthProvider>
+  )
+}
+
+export default App