PropertyRoot – STR Property Management Dashboard (React 19, TypeScript, AI Canvas RBAC)

PropertyRoot is a premium, production-grade React 19 frontend dashboard template purpose-built for Short-Term Rental (STR) property managers, Airbnb host networks, and vacation rental operators. It ships with 15 fully-wired modules, an interactive AI Agent & Workflow Canvas, a granular 5-role RBAC system, and an offline-first IndexedDB architecture — covering every operational workflow a modern STR business needs.

AI Canvas & Workflow Automation

The crown jewel of PropertyRoot is its interactive, node-based AI Agent Canvas — a visual drag-and-drop workflow builder that lets operators wire up data sources to intelligent micro-agents:

• Visual Workflow Builder: Drag, connect, and arrange nodes on a live canvas (React DnD + Framer Motion). Zero code needed to build automation flows.
• Revenue Gap Detection Agent: Automatically identifies calendar gaps between bookings and triggers pricing or marketing suggestions.
• AI Revenue Reconciliation: Cross-references OTA gross totals (Airbnb, Booking.com, Expedia) against payout records to surface discrepancies instantly.
• Owner Risk & Churn Scoring: Predictive engine scores each owner’s churn probability and flags at-risk relationships before they escalate.
• Non-Blocking Web Worker Engine: All heavy analytics (gap detection, reconciliation, service scoring) execute in dedicated Web Workers, keeping the UI 60 fps and responsive at all times.

✨ 15 Fully-Built Application Modules

• Dashboard: Executive KPI cards — portfolio health, RevPAR, ADR, occupancy, today’s schedule, AI insight strip.
• Bookings: Multi-channel reservation list (Airbnb, Booking.com, Expedia, Direct) with status tracking, payout columns, guest details, and CSV export.
• Calendar: Monthly / weekly color-coded multi-channel booking calendar with drag-to-reschedule support.
• AI Agent Canvas: Node-based visual workflow builder for AI-powered STR automation (see above).
• Financials: RevPAR / ADR trend charts, payout timelines, commission breakdowns, and revenue reconciliation reports.
• Owner Portal: Per-owner property portfolios, performance metrics, churn risk scores, and contact management.
• ServiceHub: Maintenance, cleaning, and inspection task dispatch with technician reliability scoring and real-time status tracking.
• Portfolio: Bird’s-eye view of all managed properties with occupancy heat maps and property-level drill-downs.
• Events & Demand: Local event tracking with demand-signal heat maps to inform dynamic pricing decisions.
• Mid-Term Rentals: Dedicated module for 28–90 day rental management — a growing market vertical.
• Template Library: Saved guest-communication message templates with variable substitution.
• RBAC Manager: Visual role and permission matrix editor for all 5 system roles.
• Settings & Branding: Live theme editor — switch accent color, typography, border radius, card style, spacing, and dark / light mode in real time.
• Profile: User account management, notification preferences, and security settings.
• Showcase: Component library and UI kit showcase for developers extending the template.

Granular 5-Role RBAC System

• Module-level and action-level permission gating via reusable  components and useAuthStore hook.
• Each of the 5 roles (Super Admin, Property Manager, Owner, Analyst, Maintenance) sees a completely tailored UI — sidebar, actions, data columns — with no code changes required.
• Extend or add roles by editing a single typed permissions map in src/lib/rbac/.

⚡ Technical Highlights

• Offline-First Architecture: IndexedDB (via idb v8) provides persistent local storage — the app loads and works without a network connection.
• PWA Ready: Includes a service worker and manifest — installable on desktop and mobile as a native-like app.
• Strict TypeScript: Strict mode enabled throughout — no any casts, fully typed service interfaces ready for backend wiring.
• Self-Hosted Fonts: Plus Jakarta Sans served from @fontsource — zero external CDN requests on load.
• Bundled Asset Safe: All placeholder images are original bundled SVGs — no Unsplash or third-party license restrictions.
• Test Suite Included: Vitest + Testing Library — 28 passing assertions covering RBAC engine and auth service.
• Keyboard Power-User Features: Global Ctrl+K command palette and ? shortcut cheat sheet.
• Export Utilities: One-click JSON and CSV export for bookings, financials, and portfolio data.