App_8jsx_source.html

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

import Home from './pages/Home';

import Login from './pages/Login';

import ForgotPassword from './pages/ForgotPassword';

import ResetPassword from './pages/ResetPassword';

import VerifyEmail from './pages/VerifyEmail';

import Documentation from './pages/Documentation';

import DocsIndex from './pages/docs/DocsIndex';

import DocPage from './pages/docs/DocPage';

import About from './pages/About';

import Privacy from './pages/Privacy';

import Terms from './pages/Terms';

import Security from './pages/Security';

import KnowledgeBase from './pages/KnowledgeBase';

import './styles/input.css';

import './styles/dashboard.css';

import Dashboard from './pages/Dashboard';

import Tickets from './pages/Tickets';

import TicketForm from './pages/TicketForm';

import Products from './pages/Products';

import ProductForm from './pages/ProductForm';

import Customers from './pages/Customers';

import CustomerForm from './pages/CustomerForm';

import CustomerDetail from './pages/CustomerDetail';

import DocumentForm from './pages/DocumentForm';

import Monitoring from './pages/Monitoring';

import Agent from './pages/Agent';

import EditAgent from './pages/EditAgent';

import RdsViewer from './pages/RdsViewer';

import Invoices from './pages/Invoices';

import InvoiceForm from './pages/InvoiceForm';

import Reports from './pages/Reports';

import Settings from './pages/Settings';

import Contracts from './pages/Contracts';

import ContractFormNew from './pages/ContractFormNew';

import InvoiceDetail from './pages/InvoiceDetail';

import PublicInvoicePayment from './pages/PublicInvoicePayment';

import Tenants from './pages/Tenants';

import TenantForm from './pages/TenantForm';

import TenantDetail from './pages/TenantDetail';

import TenantAudit from './pages/TenantAudit';

import Orders from './pages/Orders';

import PurchaseOrders from './pages/PurchaseOrders';

import PurchaseOrderForm from './pages/PurchaseOrderForm';

import PurchaseOrderDetail from './pages/PurchaseOrderDetail';

import Integrations from './pages/Integrations';

import Services from './pages/Services';

import HostingAppDetail from './pages/HostingAppDetail';

import DatabaseDetail from './pages/DatabaseDetail';

import ServerDetail from './pages/ServerDetail';

import DNSManagement from './pages/DNSManagement';

import WordPressSite from './pages/WordPressSite';

import PrivateRoute from './components/PrivateRoute';

import DownloadStatus from './pages/DownloadStatus';

import { apiFetch } from './lib/api';

import DownloadAgentModal from "./components/DownloadAgentModal";

import Notifications from './pages/Notifications';

import AgentV3Download from './pages/AgentV3Download';

// ...existing code...

function App() {

  return (

    <Router>

      <Routes>


        {/* Public Routes */}

        <Route path='/notifications' element={<Notifications />} />

        <Route path='../components/DownloadAgentModal' element={<DownloadAgentModal />} />

        <Route path='./lib/api' element={<apiFetch />} />

        <Route path="/download-status/*" element={<DownloadStatus />} />

        <Route path="/" element={<Home />} />

        <Route path="/login" element={<Login />} />

        <Route path="/forgot-password" element={<ForgotPassword />} />

        <Route path="/reset-password" element={<ResetPassword />} />

        <Route path="/verify-email" element={<VerifyEmail />} />

        <Route path="/docs" element={<DocsIndex />} />

        <Route path="/docs/:slug" element={<DocPage />} />

        <Route path="/about" element={<About />} />

        <Route path="/privacy" element={<Privacy />} />

        <Route path="/terms" element={<Terms />} />

        <Route path="/security" element={<Security />} />

        <Route path="/pay/:token" element={<PublicInvoicePayment />} /> {/* Public invoice payment (no auth) */}


        {/* Authenticated Routes */}

        <Route path="/dashboard" element={<PrivateRoute><Dashboard /></PrivateRoute>} />


        <Route path="/tickets" element={<PrivateRoute><Tickets /></PrivateRoute>} />

        <Route path="/tickets/new" element={<PrivateRoute><TicketForm /></PrivateRoute>} />

        <Route path="/tickets/:id/edit" element={<PrivateRoute><TicketForm /></PrivateRoute>} />


        <Route path="/customers" element={<PrivateRoute><Customers /></PrivateRoute>} />

        <Route path="/customers/new" element={<PrivateRoute><CustomerForm /></PrivateRoute>} />

        <Route path="/customers/:id" element={<PrivateRoute><CustomerDetail /></PrivateRoute>} />

        <Route path="/customers/:id/edit" element={<PrivateRoute><CustomerForm /></PrivateRoute>} />


        <Route path="/knowledge-base" element={<PrivateRoute><KnowledgeBase /></PrivateRoute>} />

        <Route path="/knowledge-base/new" element={<PrivateRoute><DocumentForm /></PrivateRoute>} />

        <Route path="/knowledge-base/:id/edit" element={<PrivateRoute><DocumentForm /></PrivateRoute>} />


        <Route path="/monitoring" element={<PrivateRoute><Monitoring /></PrivateRoute>} />

        <Route path="/agents/:agentId" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/rds" element={<PrivateRoute><RdsViewer /></PrivateRoute>} />

        <Route path="/agents/:agentId/edit" element={<PrivateRoute><EditAgent /></PrivateRoute>} />

        {/* Agent v3 Download Page */}

        <Route path="/agent-v3" element={<PrivateRoute><AgentV3Download /></PrivateRoute>} />

        {/* Agent dashboard tab routes direct to Agent */}

        <Route path="/agents/:agentId/system" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/metrics" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/tasks" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/terminal" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/services" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/events" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/files" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/agents/:agentId/rds-dashboard" element={<PrivateRoute><Agent /></PrivateRoute>} />

        <Route path="/invoices" element={<PrivateRoute><Invoices /></PrivateRoute>} />

        <Route path="/invoices/new" element={<PrivateRoute><InvoiceForm /></PrivateRoute>} />

        <Route path="/invoices/:id" element={<PrivateRoute><InvoiceDetail /></PrivateRoute>} />

        <Route path="/invoices/:id/edit" element={<PrivateRoute><InvoiceForm /></PrivateRoute>} />

        <Route path="/products" element={<PrivateRoute><Products /></PrivateRoute>} />

        <Route path="/products/new" element={<PrivateRoute><ProductForm /></PrivateRoute>} />

        <Route path="/products/:id" element={<PrivateRoute><ProductForm /></PrivateRoute>} />

        <Route path="/reports" element={<PrivateRoute><Reports /></PrivateRoute>} />

        <Route path="/settings" element={<PrivateRoute><Settings /></PrivateRoute>} />

        <Route path="/contracts" element={<PrivateRoute><Contracts /></PrivateRoute>} />

        <Route path="/contracts/new" element={<PrivateRoute><ContractFormNew /></PrivateRoute>} />

        <Route path="/contracts/:id" element={<PrivateRoute><ContractFormNew /></PrivateRoute>} />

        <Route path="/contracts/:id/edit" element={<PrivateRoute><ContractFormNew /></PrivateRoute>} />


        <Route path="/tenants" element={<PrivateRoute><Tenants /></PrivateRoute>} />

        <Route path="/tenants/new" element={<PrivateRoute><TenantForm /></PrivateRoute>} />

        <Route path="/tenants/:id" element={<PrivateRoute><TenantDetail /></PrivateRoute>} />

        <Route path="/tenants/:id/audit" element={<PrivateRoute><TenantAudit /></PrivateRoute>} />

        <Route path="/tenants/:id/edit" element={<PrivateRoute><TenantForm /></PrivateRoute>} />


        <Route path="/orders" element={<PrivateRoute><Orders /></PrivateRoute>} />

        <Route path="/purchase-orders" element={<PrivateRoute><PurchaseOrders /></PrivateRoute>} />

        <Route path="/purchase-orders/new" element={<PrivateRoute><PurchaseOrderForm /></PrivateRoute>} />

        <Route path="/purchase-orders/:id" element={<PrivateRoute><PurchaseOrderDetail /></PrivateRoute>} />

        <Route path="/purchase-orders/:id/edit" element={<PrivateRoute><PurchaseOrderForm /></PrivateRoute>} />


        <Route path="/integrations" element={<PrivateRoute><Integrations /></PrivateRoute>} />

        <Route path="/services" element={<PrivateRoute><Services /></PrivateRoute>} />

        <Route path="/wordpress/:domain" element={<PrivateRoute><WordPressSite /></PrivateRoute>} />

        <Route path="/hosting/apps/:id" element={<PrivateRoute><HostingAppDetail /></PrivateRoute>} />

        <Route path="/hosting/databases/:id" element={<PrivateRoute><DatabaseDetail /></PrivateRoute>} />

        <Route path="/hosting/servers/:id" element={<PrivateRoute><ServerDetail /></PrivateRoute>} />

        <Route path="/dns-management/:domain" element={<PrivateRoute><DNSManagement /></PrivateRoute>} />

      </Routes>

    </Router>

  );

}


export default App;