Dashboard

\n Manage your client follow-up workflows and track engagement metrics.\n

\n\n {/* Stats Grid */}\n {stats && (\n

👥

Total Clients

{stats.totalClients}

\n\n

⚡

Active Workflows

{stats.activeWorkflows}

\n\n

✅

Completed Follow-ups

{stats.completedFollowups}

\n\n

⭐

Average Rating

\n {stats.averageRating > 0 ? stats.averageRating.toFixed(1) : 'N/A'}\n

\n )}\n\n

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

Quick Actions

\n \n

➕

Create New Workflow

Build a custom follow-up sequence

\n \n\n \n

👤

Add New Client

Start a workflow for a new client

\n \n\n {\n const response = await fetch('/api/clients/process-workflows', {\n method: 'POST'\n });\n const result = await response.json();\n if (result.success) {\n alert(`Processed ${result.data.processed} workflow executions`);\n } else {\n alert(`Error: ${result.error}`);\n }\n }}\n className=\"w-full flex items-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors\"\n >\n

🔄

Process Pending Workflows

Send scheduled emails and reminders

\n \n

\n\n {/* Recent Activity */}\n

Recent Clients

\n \n View all\n \n

\n {recentClients.length > 0 ? (\n

\n {recentClients.map((client) => (\n

{client.name}

{client.email}

\n \n {client.status}\n \n

\n {new Date(client.serviceDeliveredAt).toLocaleDateString()}\n

\n ))}\n

\n ) : (\n

👥

No clients yet

\n \n Add your first client\n \n

\n )}\n

\n\n {/* Active Workflows Overview */}\n

Active Workflow Templates

\n \n Manage workflows\n \n

\n {activeWorkflows.length > 0 ? (\n

\n {activeWorkflows.map((workflow) => (\n

{workflow.name}

{workflow.serviceType}

{workflow.steps.length} steps

\n ))}\n

\n ) : (\n

⚙️

No active workflows

\n \n Create your first workflow\n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/ampomah/untitled-2883/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]