feat: comprehensive mobile optimization, role-based AI chatbot, and multi-role dashboard enhancements

- Rewrote AI chatbot context system with deep role-aware data injection for all 7 roles (Owner, Admin, Field Agent, Contractor, Subcontractor, Vendor, Customer) plus guest fallback
- Added mobile-responsive bottom-sheet modals across all roles (ChangeOrderDrawer, InvoiceDetailModal, FinancialSummaryModal, VendorFinancialSummaryModal, FinancialDetailsModal)
- Converted Owner Project List and Vendor Orders tables to mobile card views with touch-friendly layouts
- Optimized Vendor Management and People Directory with mobile list/detail toggle and back navigation
- Fixed Document Control mobile view: horizontally scrollable filter tabs, proper overflow chain for document visibility
- Added responsive padding, text scaling, and flex-wrap across StatCard, TaskDetailsModal, OwnerSnapshot, OwnerProjectDetail, VendorDashboard, and DocumentManagement
- Expanded mock data store with richer vendor invoices, orders, documents, and compliance records
- Enhanced Owner Snapshot with financial KPI cards, urgent items panel, and Action Center modal
- Built Contractor Dashboard with task management, financial summary, and performance metrics
- Built Subcontractor Dashboard with clock-in tracking, task assignments, and invoice management
- Enhanced Vendor Dashboard with earnings summary, active orders, compliance status, and performance rating
- Added icon-only tab navigation on mobile for OwnerProjectDetail
- Extended attribution signatures across all platform pages
This commit is contained in:
Satyam
2026-02-18 12:34:55 +05:30
parent fe68947f1c
commit bc4e25f132
28 changed files with 3156 additions and 930 deletions
+5 -3
View File
@@ -3,9 +3,11 @@ import { AlertCircle, Clock, FileWarning, Wallet, CheckCircle, AlertTriangle, Ch
import { SpotlightCard } from '../SpotlightCard';
import { useMockStore } from '../../data/mockStore';
const UrgentItemsPanel = ({ onActionClick }) => {
const UrgentItemsPanel = ({ onActionClick, ownerId }) => {
const { documents, vendors, projects } = useMockStore();
// Removed direct navigate
// Filter projects by owner when provided
const ownerProjects = ownerId ? projects.filter(p => p.ownerId === ownerId) : projects;
// Logic to find urgent items
const expiringDocs = documents.filter(d => {
@@ -22,7 +24,7 @@ const UrgentItemsPanel = ({ onActionClick }) => {
v.compliance.coi.status === 'expired'
);
const pendingInvoices = projects.flatMap(p =>
const pendingInvoices = ownerProjects.flatMap(p =>
(p.invoices || []).filter(i => i.status === 'pending')
);