Polish customer dashboard command center layout

Author: DevCalebR

app/app/page.tsx

@@ -146,7 +146,7 @@ export default async function AppHomePage({
 
   const successfulLeadCount = allLeads.filter((lead) => lead.ownerNotifiedAt || lead.notifiedAt).length;
   const systemStatus = getCustomerSystemStatus(business, successfulLeadCount);
-  const metrics = buildRecoveryMetrics(allLeads);
+  const metrics = buildRecoveryMetrics(allLeads, business.averageJobValueCents);
 
   const attentionLeads = allLeads
     .filter((lead) => isLeadOpenStatus(lead.status))
@@ -164,7 +164,7 @@ export default async function AppHomePage({
 
       return rightPriority.activityAt - leftPriority.activityAt;
     })
-    .slice(0, 5)
+    .slice(0, 4)
     .map((lead) => toLeadCard(lead, demoMode));
 
   const queueAnchor =
@@ -191,24 +191,24 @@ export default async function AppHomePage({
       key: 'phone-line',
       label: 'Phone line connected',
       detail: phoneLineConnected
-        ? 'CallbackCloser has a business line ready for missed-call recovery.'
-        : 'Connect the business line that should trigger missed-call recovery.',
+        ? 'Business line ready.'
+        : 'Connect the line that should trigger missed-call recovery.',
       state: phoneLineConnected ? ('complete' as const) : ('pending' as const),
     },
     {
       key: 'owner-alerts',
       label: 'Owner alerts ready',
       detail: ownerAlertsReady
-        ? 'The owner alert route is ready for qualified lead handoffs.'
-        : 'Add an owner phone or email so lead handoffs land in the right place.',
+        ? 'Owner handoff route ready.'
+        : 'Add an owner phone or email for lead handoffs.',
       state: ownerAlertsReady ? ('complete' as const) : ('pending' as const),
     },
     {
       key: 'texting-activation',
       label: 'Texting activation in progress',
       detail:
         systemStatus.key === 'live'
-          ? 'Texting is live and recovering missed calls now.'
+          ? 'Texting is live.'
           : systemStatus.description,
       state:
         systemStatus.key === 'live'

app/app/settings/actions.ts

@@ -8,6 +8,7 @@ import { ManagedTwilioStatus, TwilioAccountMode, TwilioNumberSetupMode } from '@
 import { requireAdmin } from '@/lib/admin';
 import { logAuditEvent } from '@/lib/audit-log';
 import { requireBusiness } from '@/lib/auth';
+import { averageJobValueDollarsToCents } from '@/lib/business-settings';
 import { db } from '@/lib/db';
 import { formatPhoneDetail, maskSid, recordBusinessOperatorEvent } from '@/lib/operator-events';
 import { maskPhoneForAudit, normalizePhoneNumber, normalizePhoneNumberToE164 } from '@/lib/phone';
@@ -86,6 +87,7 @@ export async function saveBusinessSettingsAction(formData: FormData) {
       forwardingNumber: normalizePhoneNumber(parsed.data.forwardingNumber),
       notifyPhone: normalizePhoneNumber(parsed.data.notifyPhone || '') || null,
       missedCallSeconds: parsed.data.missedCallSeconds,
+      averageJobValueCents: averageJobValueDollarsToCents(parsed.data.averageJobValue),
       serviceLabel1: parsed.data.serviceLabel1,
       serviceLabel2: parsed.data.serviceLabel2,
       serviceLabel3: parsed.data.serviceLabel3,
@@ -115,6 +117,7 @@ export async function saveBusinessSettingsAction(formData: FormData) {
   });
 
   revalidatePath('/app/settings');
+  revalidatePath('/app');
   revalidatePath('/app/leads');
   revalidatePath(`/app/leads`);
   revalidatePath('/app/call-flow');

app/app/settings/page.tsx

@@ -18,6 +18,7 @@ import { db } from '@/lib/db';
 import { getManagedTextingNumber, managedTwilioStatusLabels } from '@/lib/managed-twilio-status';
 import { formatPhoneForDisplay } from '@/lib/phone';
 import { isPortfolioDemoMode } from '@/lib/portfolio-demo';
+import { averageJobValueCentsToDollars } from '@/lib/business-settings';
 
 import {
   buyTwilioNumberAction,
@@ -85,6 +86,7 @@ function getBadgeVariant(tone: TwilioSetupTone) {
 
 export default async function SettingsPage({ searchParams }: { searchParams?: Record<string, string | string[] | undefined> }) {
   const business = await requireBusiness();
+  const averageJobValue = averageJobValueCentsToDollars(business.averageJobValueCents);
   const demoMode = isPortfolioDemoMode();
   const adminSession = demoMode ? null : await getAdminSession();
   const error = typeof searchParams?.error === 'string' ? searchParams.error : undefined;
@@ -604,6 +606,20 @@ export default async function SettingsPage({ searchParams }: { searchParams?: Re
               <Label htmlFor="settingsMissedCallSeconds">Missed-call timeout (seconds)</Label>
               <Input id="settingsMissedCallSeconds" name="missedCallSeconds" type="number" min={5} max={90} defaultValue={business.missedCallSeconds} required />
             </div>
+            <div>
+              <Label htmlFor="settingsAverageJobValue">Average job value</Label>
+              <Input
+                id="settingsAverageJobValue"
+                name="averageJobValue"
+                type="number"
+                min={1}
+                max={100000}
+                step={1}
+                defaultValue={averageJobValue ?? ''}
+                placeholder="500"
+              />
+              <p className="mt-2 text-xs text-muted-foreground">Used to estimate recovered revenue on your dashboard.</p>
+            </div>
             <div>
               <Label htmlFor="settingsServiceLabel1">Service option 1</Label>
               <Input id="settingsServiceLabel1" name="serviceLabel1" defaultValue={business.serviceLabel1} required />