\n \n\n",[],[238,240],"33e7a1e6-3fad-11f0-b1c7-76b3cceeab13","TaxReports.tsx","33e7a2a4-3fad-11f0-b1c7-76b3cceeab13","37575d31-2bf9-4d82-93f4-ebc38afdbc5b",17,["D",1748867358113],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { MonthlyReport, TaxCategory } from \"../../shared/types.ts\";\n\nexport default function TaxReports() {\n const [monthlyReports, setMonthlyReports] = useState([]);\n const [taxCategories, setTaxCategories] = useState([]);\n const [selectedYear, setSelectedYear] = useState(new Date().getFullYear());\n const [loading, setLoading] = useState(true);\n\n const months = [\n 'January', 'February', 'March', 'April', 'May', 'June',\n 'July', 'August', 'September', 'October', 'November', 'December'\n ];\n\n useEffect(() => {\n fetchData();\n }, [selectedYear]);\n\n const fetchData = async () => {\n setLoading(true);\n try {\n const [reportsRes, categoriesRes] = await Promise.all([\n fetch(`/api/taxes/reports/${selectedYear}`),\n fetch('/api/taxes/categories')\n ]);\n \n const reportsData = await reportsRes.json();\n const categoriesData = await categoriesRes.json();\n \n setMonthlyReports(reportsData);\n setTaxCategories(categoriesData);\n } catch (error) {\n console.error('Error fetching tax data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const getYearlyTotals = () => {\n return monthlyReports.reduce((totals, report) => ({\n rent_income: totals.rent_income + report.rent_income,\n maintenance_expenses: totals.maintenance_expenses + report.maintenance_expenses,\n staff_expenses: totals.staff_expenses + report.staff_expenses,\n net_profit: totals.net_profit + report.net_profit,\n tax_deductions: totals.tax_deductions + report.tax_deductions\n }), {\n rent_income: 0,\n maintenance_expenses: 0,\n staff_expenses: 0,\n net_profit: 0,\n tax_deductions: 0\n });\n };\n\n const generateTaxSummary = () => {\n const yearlyTotals = getYearlyTotals();\n const taxableIncome = yearlyTotals.rent_income - yearlyTotals.tax_deductions;\n \n return {\n grossIncome: yearlyTotals.rent_income,\n totalDeductions: yearlyTotals.tax_deductions,\n taxableIncome: taxableIncome,\n netProfit: yearlyTotals.net_profit,\n deductionRate: yearlyTotals.rent_income > 0 ? (yearlyTotals.tax_deductions / yearlyTotals.rent_income) * 100 : 0\n };\n };\n\n const exportToCSV = () => {\n const headers = ['Month', 'Rent Income', 'Maintenance Expenses', 'Staff Expenses', 'Net Profit', 'Tax Deductions'];\n const csvContent = [\n headers.join(','),\n ...monthlyReports.map(report => [\n months[parseInt(report.month) - 1],\n report.rent_income,\n report.maintenance_expenses,\n report.staff_expenses,\n report.net_profit,\n report.tax_deductions\n ].join(','))\n ].join('\\n');\n\n const blob = new Blob([csvContent], { type: 'text/csv' });\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `rental-property-report-${selectedYear}.csv`;\n a.click();\n window.URL.revokeObjectURL(url);\n };\n\n const yearlyTotals = getYearlyTotals();\n const taxSummary = generateTaxSummary();\n\n if (loading) {\n return

Loading tax reports...

;\n }\n\n return (\n

\n {/* Header */}\n

\n Tax Reports\n

\n Financial reports and tax deduction summaries\n

\n \n \n

\n\n {/* Tax Summary Cards */}\n

{formatCurrency(taxSummary.grossIncome)}

Gross Rental Income

{formatCurrency(taxSummary.totalDeductions)}

Total Deductions

{formatCurrency(taxSummary.taxableIncome)}

Taxable Income

{taxSummary.deductionRate.toFixed(1)}%

Deduction Rate

\n\n {/* Tax Categories */}\n

Tax-Deductible Categories

\n {taxCategories.map((category) => (\n

{category.name}

{category.description}

\n {category.deductible_percentage}% deductible\n

\n ))}\n

\n\n {/* Monthly Reports Table */}\n

Monthly Financial Report - {selectedYear}

\n \n \n \n \n \n \n \n \n \n \n \n \n {monthlyReports.map((report) => (\n \n \n \n \n \n \n \n \n ))}\n {/* Totals Row */}\n \n \n \n \n \n \n \n \n \n

\n Month\n	\n Rent Income\n	\n Maintenance\n	\n Staff Payments\n	\n Net Profit\n	\n Tax Deductions\n
\n {months[parseInt(report.month) - 1]}\n	\n {formatCurrency(report.rent_income)}\n	\n {formatCurrency(report.maintenance_expenses)}\n	\n {formatCurrency(report.staff_expenses)}\n	= 0 ? 'text-green-600' : 'text-red-600'\n }`}>\n {formatCurrency(report.net_profit)}\n	\n {formatCurrency(report.tax_deductions)}\n
\n TOTAL\n	\n {formatCurrency(yearlyTotals.rent_income)}\n	\n {formatCurrency(yearlyTotals.maintenance_expenses)}\n	\n {formatCurrency(yearlyTotals.staff_expenses)}\n	= 0 ? 'text-green-600' : 'text-red-600'\n }`}>\n {formatCurrency(yearlyTotals.net_profit)}\n	\n {formatCurrency(yearlyTotals.tax_deductions)}\n

\n\n {/* Tax Planning Tips */}\n

💡 Tax Planning Tips

Maximize Deductions

• Keep detailed records of all maintenance expenses
• Track mileage for property-related travel
• Document professional service fees
• Consider depreciation on property improvements

Record Keeping

• Save all receipts and invoices
• Maintain separate business bank accounts
• Document the business purpose of expenses
• Keep records for at least 3-7 years

\n Disclaimer: This report is for informational purposes only. \n Consult with a qualified tax professional for specific tax advice and compliance requirements.\n

\n );\n}",[],[238,256,248],"components","160f4cc8-3fad-11f0-93a4-76b3cceeab13","StaffPayments.tsx","160f4d90-3fad-11f0-93a4-76b3cceeab13",16,["D",1748867308040],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { StaffPayment } from \"../../shared/types.ts\";\n\nexport default function StaffPayments() {\n const [payments, setPayments] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showAddPayment, setShowAddPayment] = useState(false);\n\n const roles = [\n 'Property Manager',\n 'Maintenance Technician',\n 'Cleaner',\n 'Landscaper',\n 'Security Guard',\n 'Contractor',\n 'Accountant',\n 'Lawyer',\n 'Real Estate Agent',\n 'Other'\n ];\n\n const taxFormTypes = [\n '1099-NEC',\n '1099-MISC',\n 'W-2',\n 'W-9',\n 'Other'\n ];\n\n useEffect(() => {\n fetchPayments();\n }, []);\n\n const fetchPayments = async () => {\n try {\n const response = await fetch('/api/staff');\n const data = await response.json();\n setPayments(data);\n } catch (error) {\n console.error('Error fetching staff payments:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleAddPayment = async (e: React.FormEvent) => {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const formData = new FormData(form);\n \n const paymentType = formData.get('payment_type') as string;\n const hoursWorked = paymentType === 'hourly' ? parseFloat(formData.get('hours_worked') as string) : null;\n const hourlyRate = paymentType === 'hourly' ? parseFloat(formData.get('hourly_rate') as string) : null;\n const amount = paymentType === 'hourly' && hoursWorked && hourlyRate \n ? hoursWorked * hourlyRate \n : parseFloat(formData.get('amount') as string);\n\n const payment = {\n staff_name: formData.get('staff_name') as string,\n role: formData.get('role') as string,\n amount: amount,\n payment_date: formData.get('payment_date') as string,\n payment_type: paymentType,\n hours_worked: hoursWorked,\n hourly_rate: hourlyRate,\n description: formData.get('description') as string,\n tax_form_type: formData.get('tax_form_type') as string\n };\n\n try {\n const response = await fetch('/api/staff', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payment)\n });\n\n if (response.ok) {\n setShowAddPayment(false);\n form.reset();\n fetchPayments();\n }\n } catch (error) {\n console.error('Error adding staff payment:', error);\n }\n };\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString();\n };\n\n const getStaffSummary = () => {\n const summary: { [key: string]: { total: number; count: number } } = {};\n payments.forEach(payment => {\n if (!summary[payment.staff_name]) {\n summary[payment.staff_name] = { total: 0, count: 0 };\n }\n summary[payment.staff_name].total += payment.amount;\n summary[payment.staff_name].count += 1;\n });\n return summary;\n };\n\n const getRoleSummary = () => {\n const summary: { [key: string]: number } = {};\n payments.forEach(payment => {\n summary[payment.role] = (summary[payment.role] || 0) + payment.amount;\n });\n return summary;\n };\n\n const totalPayments = payments.reduce((sum, payment) => sum + payment.amount, 0);\n const staffSummary = getStaffSummary();\n const roleSummary = getRoleSummary();\n\n if (loading) {\n return

Loading staff payments...

;\n }\n\n return (\n

\n {/* Header */}\n

\n Staff Payments\n

\n Manage payments to contractors, employees, and service providers\n

\n setShowAddPayment(true)}\n className=\"btn-primary\"\n >\n 👥 Record Payment\n \n

\n\n {/* Summary Cards */}\n

{formatCurrency(totalPayments)}

Total Staff Payments

{Object.keys(staffSummary).length}

Active Staff Members

{payments.length}

Total Payments

\n\n {/* Summary Breakdowns */}\n

Payments by Staff Member

\n {Object.entries(staffSummary)\n .sort(([,a], [,b]) => b.total - a.total)\n .slice(0, 8)\n .map(([name, data]) => (\n

{name}

{data.count} payments

\n {formatCurrency(data.total)}\n

\n ))}\n

\n\n

Payments by Role

\n {Object.entries(roleSummary)\n .sort(([,a], [,b]) => b - a)\n .slice(0, 8)\n .map(([role, total]) => (\n

\n {role}\n {formatCurrency(total)}\n

\n ))}\n

\n\n {/* Staff Payments Table */}\n

Payment Records

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {payments.map((payment) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

\n Staff Member\n	\n Role\n	\n Amount\n	\n Payment Date\n	\n Type\n	\n Tax Form\n	\n Description\n
\n {payment.staff_name}\n	\n \n {payment.role}\n \n	\n {formatCurrency(payment.amount)}\n {payment.payment_type === 'hourly' && payment.hours_worked && payment.hourly_rate && (\n \n {payment.hours_worked}h × {formatCurrency(payment.hourly_rate)}\n \n )}\n	\n {formatDate(payment.payment_date)}\n	\n \n {payment.payment_type}\n \n	\n {payment.tax_form_type}\n	\n {payment.description \|\| '-'}\n

\n\n {/* Add Staff Payment Modal */}\n {showAddPayment && (\n

Record Staff Payment

\n Staff Member Name\n \n

\n Role\n \n

\n Payment Type\n \n

\n Hours Worked\n \n

\n Hourly Rate\n \n

\n Amount\n \n

\n Payment Date\n \n

\n Tax Form Type\n \n

\n Description\n \n

\n setShowAddPayment(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n

\n )}\n

\n );\n}",[],[238,256,258],"d83f3250-3fac-11f0-ac6b-76b3cceeab13","RentPayments.tsx","d83f361a-3fac-11f0-ac6b-76b3cceeab13",14,["D",1748867204335],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { RentPayment, Tenant } from \"../../shared/types.ts\";\n\nexport default function RentPayments() {\n const [payments, setPayments] = useState([]);\n const [tenants, setTenants] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showAddPayment, setShowAddPayment] = useState(false);\n const [showAddTenant, setShowAddTenant] = useState(false);\n\n useEffect(() => {\n fetchData();\n }, []);\n\n const fetchData = async () => {\n try {\n const [paymentsRes, tenantsRes] = await Promise.all([\n fetch('/api/payments'),\n fetch('/api/payments/tenants')\n ]);\n \n const paymentsData = await paymentsRes.json();\n const tenantsData = await tenantsRes.json();\n \n setPayments(paymentsData);\n setTenants(tenantsData);\n } catch (error) {\n console.error('Error fetching data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleAddPayment = async (e: React.FormEvent) => {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const formData = new FormData(form);\n \n const payment = {\n tenant_id: parseInt(formData.get('tenant_id') as string),\n amount: parseFloat(formData.get('amount') as string),\n due_date: formData.get('due_date') as string,\n paid_date: formData.get('paid_date') as string || null,\n payment_method: formData.get('payment_method') as string,\n notes: formData.get('notes') as string,\n status: formData.get('status') as string\n };\n\n try {\n const response = await fetch('/api/payments', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payment)\n });\n\n if (response.ok) {\n setShowAddPayment(false);\n form.reset();\n fetchData();\n }\n } catch (error) {\n console.error('Error adding payment:', error);\n }\n };\n\n const handleAddTenant = async (e: React.FormEvent) => {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const formData = new FormData(form);\n \n const tenant = {\n name: formData.get('name') as string,\n email: formData.get('email') as string,\n phone: formData.get('phone') as string,\n unit: formData.get('unit') as string,\n lease_start: formData.get('lease_start') as string,\n lease_end: formData.get('lease_end') as string,\n monthly_rent: parseFloat(formData.get('monthly_rent') as string),\n security_deposit: parseFloat(formData.get('security_deposit') as string) || 0\n };\n\n try {\n const response = await fetch('/api/payments/tenants', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(tenant)\n });\n\n if (response.ok) {\n setShowAddTenant(false);\n form.reset();\n fetchData();\n }\n } catch (error) {\n console.error('Error adding tenant:', error);\n }\n };\n\n const updatePaymentStatus = async (paymentId: number, status: string, paidDate?: string) => {\n try {\n const updates: any = { status };\n if (paidDate) updates.paid_date = paidDate;\n\n const response = await fetch(`/api/payments/${paymentId}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(updates)\n });\n\n if (response.ok) {\n fetchData();\n }\n } catch (error) {\n console.error('Error updating payment:', error);\n }\n };\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString();\n };\n\n const getStatusBadge = (status: string) => {\n const statusClasses = {\n pending: 'status-pending',\n paid: 'status-paid',\n late: 'status-late',\n partial: 'status-partial'\n };\n return statusClasses[status as keyof typeof statusClasses] || 'status-pending';\n };\n\n if (loading) {\n return

Loading rent payments...

;\n }\n\n return (\n

\n {/* Header */}\n

\n Rent Payments\n

\n Manage tenant payments and track rent collection\n

\n setShowAddTenant(true)}\n className=\"btn-secondary\"\n >\n 👤 Add Tenant\n \n setShowAddPayment(true)}\n className=\"btn-primary\"\n >\n 💳 Record Payment\n \n

\n\n {/* Tenants Summary */}\n

{tenants.length}

Total Tenants

\n {payments.filter(p => p.status === 'paid').length}\n

Payments Received

\n {payments.filter(p => p.status === 'pending' || p.status === 'late').length}\n

Pending Payments

\n\n {/* Payments Table */}\n

Recent Payments

\n \n \n \n \n \n \n \n \n \n \n \n \n {payments.map((payment) => (\n \n \n \n \n \n \n \n \n ))}\n \n

\n Tenant\n	\n Amount\n	\n Due Date\n	\n Paid Date\n	\n Status\n	\n Actions\n
\n {payment.tenant_name}\n	\n {formatCurrency(payment.amount)}\n	\n {formatDate(payment.due_date)}\n	\n {payment.paid_date ? formatDate(payment.paid_date) : '-'}\n	\n \n {payment.status}\n \n	\n {payment.status !== 'paid' && (\n updatePaymentStatus(payment.id, 'paid', new Date().toISOString().split('T')[0])}\n className=\"text-green-600 hover:text-green-900 mr-3\"\n >\n Mark Paid\n \n )}\n

\n\n {/* Add Payment Modal */}\n {showAddPayment && (\n

Record New Payment

\n Tenant\n \n

\n Amount\n \n

\n Due Date\n \n

\n Paid Date (optional)\n \n

\n Payment Method\n \n

\n Status\n \n

\n Notes\n \n

\n setShowAddPayment(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n

\n )}\n\n {/* Add Tenant Modal */}\n {showAddTenant && (\n

Add New Tenant

\n Name\n \n

\n Email\n \n

\n Phone\n \n

\n Unit\n \n

\n Lease Start\n \n

\n Lease End\n \n

\n Monthly Rent\n \n

\n Security Deposit\n \n

\n setShowAddTenant(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n

\n )}\n

\n );\n}",[],[238,256,266],"f4bb8a8c-3fac-11f0-a125-76b3cceeab13","Maintenance.tsx","f4bb8b68-3fac-11f0-a125-76b3cceeab13",15,["D",1748867252126],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { MaintenanceCost } from \"../../shared/types.ts\";\n\nexport default function Maintenance() {\n const [costs, setCosts] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showAddCost, setShowAddCost] = useState(false);\n\n const categories = [\n 'Plumbing',\n 'Electrical',\n 'HVAC',\n 'Appliances',\n 'Flooring',\n 'Painting',\n 'Landscaping',\n 'Cleaning',\n 'Security',\n 'General Repairs',\n 'Emergency',\n 'Other'\n ];\n\n useEffect(() => {\n fetchCosts();\n }, []);\n\n const fetchCosts = async () => {\n try {\n const response = await fetch('/api/maintenance');\n const data = await response.json();\n setCosts(data);\n } catch (error) {\n console.error('Error fetching maintenance costs:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleAddCost = async (e: React.FormEvent) => {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const formData = new FormData(form);\n \n const cost = {\n description: formData.get('description') as string,\n category: formData.get('category') as string,\n amount: parseFloat(formData.get('amount') as string),\n date: formData.get('date') as string,\n vendor: formData.get('vendor') as string,\n unit: formData.get('unit') as string,\n receipt_url: formData.get('receipt_url') as string,\n tax_deductible: formData.get('tax_deductible') === 'on'\n };\n\n try {\n const response = await fetch('/api/maintenance', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(cost)\n });\n\n if (response.ok) {\n setShowAddCost(false);\n form.reset();\n fetchCosts();\n }\n } catch (error) {\n console.error('Error adding maintenance cost:', error);\n }\n };\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString();\n };\n\n const getTotalByCategory = () => {\n const totals: { [key: string]: number } = {};\n costs.forEach(cost => {\n totals[cost.category] = (totals[cost.category] || 0) + cost.amount;\n });\n return totals;\n };\n\n const totalCosts = costs.reduce((sum, cost) => sum + cost.amount, 0);\n const taxDeductibleTotal = costs.filter(cost => cost.tax_deductible).reduce((sum, cost) => sum + cost.amount, 0);\n const categoryTotals = getTotalByCategory();\n\n if (loading) {\n return

Loading maintenance costs...

;\n }\n\n return (\n

\n {/* Header */}\n

\n Maintenance Costs\n

\n Track property maintenance expenses and repairs\n

\n setShowAddCost(true)}\n className=\"btn-primary\"\n >\n 🔧 Add Maintenance Cost\n \n

\n\n {/* Summary Cards */}\n

{formatCurrency(totalCosts)}

Total Maintenance Costs

{formatCurrency(taxDeductibleTotal)}

Tax Deductible

{costs.length}

Total Records

\n\n {/* Category Breakdown */}\n

Costs by Category

\n {Object.entries(categoryTotals)\n .sort(([,a], [,b]) => b - a)\n .slice(0, 8)\n .map(([category, total]) => (\n

\n {category}\n {formatCurrency(total)}\n

\n ))}\n

\n\n

Recent Activity

\n {costs.slice(0, 5).map((cost) => (\n

{cost.description}

{cost.category} • {formatDate(cost.date)}

{formatCurrency(cost.amount)}

\n ))}\n

\n\n {/* Maintenance Costs Table */}\n

All Maintenance Records

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {costs.map((cost) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

\n Description\n	\n Category\n	\n Amount\n	\n Date\n	\n Vendor\n	\n Unit\n	\n Tax Deductible\n
\n {cost.description} \n	\n \n {cost.category}\n \n	\n {formatCurrency(cost.amount)}\n	\n {formatDate(cost.date)}\n	\n {cost.vendor \|\| '-'}\n	\n {cost.unit \|\| 'All'}\n	\n {cost.tax_deductible ? (\n ✓ Yes\n ) : (\n ✗ No\n )}\n

\n\n {/* Add Maintenance Cost Modal */}\n {showAddCost && (\n

Add Maintenance Cost

\n Description\n \n

\n Category\n \n

\n Amount\n \n

\n Date\n \n

\n Vendor/Contractor\n \n

\n Unit (optional)\n \n

\n Receipt URL (optional)\n \n

\n \n \n Tax deductible expense\n \n

\n setShowAddCost(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n

\n )}\n

\n );\n}",[],[238,256,274],"b88e6e26-3fac-11f0-8fc3-76b3cceeab13","Dashboard.tsx","b88e6ef8-3fac-11f0-8fc3-76b3cceeab13",13,["D",1748867151166],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { FinancialSummary } from \"../../shared/types.ts\";\n\nexport default function Dashboard() {\n const [summary, setSummary] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n // Try to get initial data from window, otherwise fetch\n const initialData = (window as any).__INITIAL_DATA__;\n if (initialData) {\n setSummary(initialData);\n setLoading(false);\n } else {\n fetchSummary();\n }\n }, []);\n\n const fetchSummary = async () => {\n try {\n const response = await fetch('/api/taxes/summary');\n const data = await response.json();\n setSummary(data);\n } catch (error) {\n console.error('Error fetching financial summary:', error);\n } finally {\n setLoading(false);\n }\n };\n\n if (loading) {\n return (\n

Loading dashboard...

\n );\n }\n\n if (!summary) {\n return (\n

Error loading financial data

\n );\n }\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const profitMargin = summary.total_rent_collected > 0 \n ? ((summary.net_income / summary.total_rent_collected) * 100).toFixed(1)\n : '0';\n\n return (\n

\n {/* Page Header */}\n

\n Financial Dashboard\n

\n Overview of your rental property finances\n

\n \n 🔄 Refresh Data\n \n

\n\n {/* Key Metrics Cards */}\n

\n {/* Total Rent Collected */}\n

💰

\n Total Rent Collected\n: \n {formatCurrency(summary.total_rent_collected)}\n

\n\n {/* Net Income */}\n

📈

\n Net Income\n: = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {formatCurrency(summary.net_income)}\n

\n\n {/* Pending Rent */}\n

⏰

\n Pending Rent\n: \n {formatCurrency(summary.pending_rent)}\n

\n\n {/* Tax Deductions */}\n

📋

\n Tax Deductions\n: \n {formatCurrency(summary.tax_deductible_expenses)}\n

\n\n {/* Expense Breakdown */}\n

\n {/* Expenses Overview */}\n

Expense Breakdown

\n Maintenance Costs\n {formatCurrency(summary.total_maintenance_costs)}\n

\n Staff Payments\n {formatCurrency(summary.total_staff_payments)}\n

\n Total Expenses\n \n {formatCurrency(summary.total_maintenance_costs + summary.total_staff_payments)}\n \n

\n\n {/* Performance Metrics */}\n

Performance Metrics

\n Profit Margin\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {profitMargin}%\n \n

\n Expense Ratio\n \n {summary.total_rent_collected > 0 \n ? (((summary.total_maintenance_costs + summary.total_staff_payments) / summary.total_rent_collected) * 100).toFixed(1)\n : '0'\n }%\n \n

\n Collection Rate\n \n {(summary.total_rent_collected + summary.pending_rent) > 0\n ? ((summary.total_rent_collected / (summary.total_rent_collected + summary.pending_rent)) * 100).toFixed(1)\n : '100'\n }%\n \n

\n\n {/* Quick Actions */}\n

Quick Actions

\n \n \n \n \n

\n );\n}",[],[238,256,282],"a2906200-3fac-11f0-8fc3-76b3cceeab13","App.tsx","a29062dc-3fac-11f0-8fc3-76b3cceeab13",12,["D",1748867114268],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Dashboard from \"./Dashboard.tsx\";\nimport RentPayments from \"./RentPayments.tsx\";\nimport Maintenance from \"./Maintenance.tsx\";\nimport StaffPayments from \"./StaffPayments.tsx\";\nimport TaxReports from \"./TaxReports.tsx\";\n\ntype ActiveTab = 'dashboard' | 'rent' | 'maintenance' | 'staff' | 'taxes';\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState('dashboard');\n\n const tabs = [\n { id: 'dashboard', label: '📊 Dashboard', icon: '📊' },\n { id: 'rent', label: '🏠 Rent Payments', icon: '🏠' },\n { id: 'maintenance', label: '🔧 Maintenance', icon: '🔧' },\n { id: 'staff', label: '👥 Staff Payments', icon: '👥' },\n { id: 'taxes', label: '📋 Tax Reports', icon: '📋' }\n ];\n\n const renderContent = () => {\n switch (activeTab) {\n case 'dashboard':\n return ;\n case 'rent':\n return ;\n case 'maintenance':\n return ;\n case 'staff':\n return ;\n case 'taxes':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {/* Header */}\n

🏢 Property Manager

\n Rental Property Management System\n

\n\n {/* Navigation */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id as ActiveTab)}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.label}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {renderContent()}\n

\n );\n}",[],[238,256,290],"a2906db8-3fac-11f0-8fc3-76b3cceeab13",["D",1748867114268],[196,197,198,199,200,201],[238,256],"951f3bbe-3fac-11f0-87cf-76b3cceeab13",["D",1748867091716],[195,202,203],[238],"3cf4d538-3fad-11f0-a377-76b3cceeab13","index.ts",["D",1748867373293],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { getFinancialSummary } from \"./database/queries.ts\";\n\nimport payments from \"./routes/payments.ts\";\nimport maintenance from \"./routes/maintenance.ts\";\nimport staff from \"./routes/staff.ts\";\nimport taxes from \"./routes/taxes.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/payments\", payments);\napp.route(\"/api/maintenance\", maintenance);\napp.route(\"/api/staff\", staff);\napp.route(\"/api/taxes\", taxes);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page with initial data\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial financial summary to avoid extra round-trip\n const initialData = await getFinancialSummary();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.text(\"Error loading application\", 500);\n }\n});\n\nexport default app.fetch;",[],[162,306],"877ddfec-3fac-11f0-ab96-76b3cceeab13","taxes.ts","877de0be-3fac-11f0-ab96-76b3cceeab13","13363509-fb03-4247-828f-eb97b9946cda",8,["D",1748867068852],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { \n getAllTaxCategories, \n getFinancialSummary, \n getMonthlyReports \n} from \"../database/queries.ts\";\n\nconst taxes = new Hono();\n\n// Get all tax categories\ntaxes.get(\"/categories\", async (c) => {\n try {\n const categories = await getAllTaxCategories();\n return c.json(categories);\n } catch (error) {\n console.error(\"Error fetching tax categories:\", error);\n return c.json({ error: \"Failed to fetch tax categories\" }, 500);\n }\n});\n\n// Get financial summary\ntaxes.get(\"/summary\", async (c) => {\n try {\n const summary = await getFinancialSummary();\n return c.json(summary);\n } catch (error) {\n console.error(\"Error fetching financial summary:\", error);\n return c.json({ error: \"Failed to fetch financial summary\" }, 500);\n }\n});\n\n// Get monthly reports\ntaxes.get(\"/reports/:year\", async (c) => {\n try {\n const year = parseInt(c.req.param(\"year\"));\n const reports = await getMonthlyReports(year);\n return c.json(reports);\n } catch (error) {\n console.error(\"Error fetching monthly reports:\", error);\n return c.json({ error: \"Failed to fetch monthly reports\" }, 500);\n }\n});\n\nexport default taxes;",[],[162,321,313],"routes","8322b4ea-3fac-11f0-9459-76b3cceeab13","staff.ts","8322b594-3fac-11f0-9459-76b3cceeab13",7,["D",1748867061541],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllStaffPayments, createStaffPayment } from \"../database/queries.ts\";\n\nconst staff = new Hono();\n\n// Get all staff payments\nstaff.get(\"/\", async (c) => {\n try {\n const payments = await getAllStaffPayments();\n return c.json(payments);\n } catch (error) {\n console.error(\"Error fetching staff payments:\", error);\n return c.json({ error: \"Failed to fetch staff payments\" }, 500);\n }\n});\n\n// Create new staff payment\nstaff.post(\"/\", async (c) => {\n try {\n const payment = await c.req.json();\n const id = await createStaffPayment(payment);\n return c.json({ id, message: \"Staff payment created successfully\" });\n } catch (error) {\n console.error(\"Error creating staff payment:\", error);\n return c.json({ error: \"Failed to create staff payment\" }, 500);\n }\n});\n\nexport default staff;",[],[162,321,323],"7c1e81ec-3fac-11f0-bc9d-76b3cceeab13","payments.ts","7c1e82d2-3fac-11f0-bc9d-76b3cceeab13",5,["D",1748867049768],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { \n getAllRentPayments, \n createRentPayment, \n updateRentPayment,\n getAllTenants,\n createTenant\n} from \"../database/queries.ts\";\n\nconst payments = new Hono();\n\n// Get all rent payments\npayments.get(\"/\", async (c) => {\n try {\n const payments = await getAllRentPayments();\n return c.json(payments);\n } catch (error) {\n console.error(\"Error fetching rent payments:\", error);\n return c.json({ error: \"Failed to fetch rent payments\" }, 500);\n }\n});\n\n// Create new rent payment\npayments.post(\"/\", async (c) => {\n try {\n const payment = await c.req.json();\n const id = await createRentPayment(payment);\n return c.json({ id, message: \"Rent payment created successfully\" });\n } catch (error) {\n console.error(\"Error creating rent payment:\", error);\n return c.json({ error: \"Failed to create rent payment\" }, 500);\n }\n});\n\n// Update rent payment\npayments.put(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const updates = await c.req.json();\n await updateRentPayment(id, updates);\n return c.json({ message: \"Rent payment updated successfully\" });\n } catch (error) {\n console.error(\"Error updating rent payment:\", error);\n return c.json({ error: \"Failed to update rent payment\" }, 500);\n }\n});\n\n// Get all tenants\npayments.get(\"/tenants\", async (c) => {\n try {\n const tenants = await getAllTenants();\n return c.json(tenants);\n } catch (error) {\n console.error(\"Error fetching tenants:\", error);\n return c.json({ error: \"Failed to fetch tenants\" }, 500);\n }\n});\n\n// Create new tenant\npayments.post(\"/tenants\", async (c) => {\n try {\n const tenant = await c.req.json();\n const id = await createTenant(tenant);\n return c.json({ id, message: \"Tenant created successfully\" });\n } catch (error) {\n console.error(\"Error creating tenant:\", error);\n return c.json({ error: \"Failed to create tenant\" }, 500);\n }\n});\n\nexport default payments;",[],[162,321,331],"7fb7faae-3fac-11f0-9141-76b3cceeab13","maintenance.ts","7fb7fc7a-3fac-11f0-9141-76b3cceeab13",6,["D",1748867055809],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllMaintenanceCosts, createMaintenanceCost } from \"../database/queries.ts\";\n\nconst maintenance = new Hono();\n\n// Get all maintenance costs\nmaintenance.get(\"/\", async (c) => {\n try {\n const costs = await getAllMaintenanceCosts();\n return c.json(costs);\n } catch (error) {\n console.error(\"Error fetching maintenance costs:\", error);\n return c.json({ error: \"Failed to fetch maintenance costs\" }, 500);\n }\n});\n\n// Create new maintenance cost\nmaintenance.post(\"/\", async (c) => {\n try {\n const cost = await c.req.json();\n const id = await createMaintenanceCost(cost);\n return c.json({ id, message: \"Maintenance cost created successfully\" });\n } catch (error) {\n console.error(\"Error creating maintenance cost:\", error);\n return c.json({ error: \"Failed to create maintenance cost\" }, 500);\n }\n});\n\nexport default maintenance;",[],[162,321,339],"7c1e9254-3fac-11f0-bc9d-76b3cceeab13",["D",1748867049768],[189,190,191,192],[162,321],["D",1748867039315],[],[162,82,80],["D",1748867008786],[],[162,82,65],["D",1748867008786],[186,187],[162,82],"63b0d5b0-3fac-11f0-be38-76b3cceeab13",["D",1748867008786],[185,188,193],[162],["D",1748866829842],{"_11":12,"_132":71},{"_11":12,"_128":-5,"_70":71,"_31":69,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":400,"_401":402,"_403":404,"_405":30,"_406":30,"_407":30,"_408":24,"_409":-5,"_410":-7,"_411":-7,"_412":26,"_413":30,"_414":30,"_415":-5,"_416":30,"_417":30,"_418":30,"_419":-5},"ENV",{"_371":372,"_373":374,"_375":16,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · database