fix: cumulative price from offer_tier_services, offers accordion, retainer phase placeholder

- client-view.ts: read cumulative_price + services list from offer_tier_services→services
  (Phase 12 catalog); legacy fallback to offer_micro_services→offer_services when no
  new-style rows exist. Extend activeOffers type with services[] in both ProjectView and ClientView.
- OffersSection.tsx: extract OfferCard client component with useState accordion;
  hide "Valore incluso" row when price is 0; add "Cosa è compreso" chevron toggle
  listing included services (name + description when present).
- client-dashboard.tsx: hide progress bar and PhaseViewToggle when hasRetainer;
  render polished empty-state placeholder with RefreshCw icon instead.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/lib/client-view.ts

@@ -1,6 +1,6 @@
 import { eq, inArray, asc, desc, sql } from "drizzle-orm";
 import { db } from "@/db";
-import { clients, projects, phases, tasks, deliverables, payments, documents, notes, comments, project_offers, offer_micros, offer_micro_services, offer_services, offer_macros, clientTranscripts } from "@/db/schema";
+import { clients, projects, phases, tasks, deliverables, payments, documents, notes, comments, project_offers, offer_micros, offer_micro_services, offer_services, offer_macros, offer_tier_services, services, clientTranscripts } from "@/db/schema";
 
 /**
  * ClientView: Legacy shape used by ClientDashboard component.
@@ -59,6 +59,7 @@ export interface ClientView {
     offer_type: string;        // una_tantum | retainer
     cumulative_price: string;
     accepted_total: string | null;
+    services: Array<{ name: string; description: string | null }>;
   }>;
   transcripts: Array<{
     id: string;
@@ -129,8 +130,9 @@ export interface ProjectView {
     public_name: string;        // offer_micros.public_name — NEVER internal_name
     offer_name: string;         // offer_macros.public_name — macro-level name shown to client
     offer_type: string;         // una_tantum | retainer
-    cumulative_price: string;   // sum of assigned offer_services.price
+    cumulative_price: string;   // sum of assigned services.unit_price (new) or offer_services.price (legacy)
     accepted_total: string | null;
+    services: Array<{ name: string; description: string | null }>;  // included services list
   }>;
   transcripts: Array<{
     id: string;
@@ -308,28 +310,83 @@ export async function getProjectView(projectId: string): Promise<ProjectView | n
     .innerJoin(offer_macros, eq(offer_micros.macro_id, offer_macros.id))
     .where(eq(project_offers.project_id, projectId));
 
-  // Cumulative price per micro (sum of assigned services)
+  // Cumulative price + service list per micro.
+  // Primary: offer_tier_services → services (Phase 12 catalog). Fallback: legacy offer_micro_services → offer_services.
   const microIds = projectOfferRows.map((o) => o.micro_id);
-  const cumulativePriceRows = microIds.length === 0 ? [] : await db
+
+  // New-style: services from offer_tier_services joined to unified services catalog
+  const tierServiceRows = microIds.length === 0 ? [] : await db
+    .select({
+      tier_id: offer_tier_services.tier_id,
+      name: services.name,
+      description: services.description,
+      unit_price: services.unit_price,
+    })
+    .from(offer_tier_services)
+    .innerJoin(services, eq(offer_tier_services.service_id, services.id))
+    .where(inArray(offer_tier_services.tier_id, microIds));
+
+  // Group by tier_id for quick lookup
+  const tierServicesMap = new Map<string, Array<{ name: string; description: string | null; unit_price: string }>>();
+  for (const row of tierServiceRows) {
+    const existing = tierServicesMap.get(row.tier_id) ?? [];
+    existing.push({ name: row.name, description: row.description, unit_price: row.unit_price });
+    tierServicesMap.set(row.tier_id, existing);
+  }
+
+  // Determine which micros have NO entries in the new table → need legacy fallback
+  const microsNeedingLegacy = microIds.filter((id) => !tierServicesMap.has(id));
+
+  // Legacy fallback: offer_micro_services → offer_services (for old offers with no tier_services rows)
+  const legacyPriceRows = microsNeedingLegacy.length === 0 ? [] : await db
     .select({
       micro_id: offer_micro_services.micro_id,
-      cumulative_price: sql<string>`coalesce(sum(${offer_services.price}::numeric), 0)`,
+      name: offer_services.name,
+      price: offer_services.price,
     })
     .from(offer_micro_services)
     .innerJoin(offer_services, eq(offer_micro_services.service_id, offer_services.id))
-    .where(inArray(offer_micro_services.micro_id, microIds))
-    .groupBy(offer_micro_services.micro_id);
+    .where(inArray(offer_micro_services.micro_id, microsNeedingLegacy));
 
-  const cumulMap = new Map(cumulativePriceRows.map((r) => [r.micro_id, r.cumulative_price]));
+  const legacyServicesMap = new Map<string, Array<{ name: string; description: string | null; price: string }>>();
+  for (const row of legacyPriceRows) {
+    const existing = legacyServicesMap.get(row.micro_id) ?? [];
+    existing.push({ name: row.name, description: null, price: row.price });
+    legacyServicesMap.set(row.micro_id, existing);
+  }
 
-  const activeOffers = projectOfferRows.map((o) => ({
-    id: o.id,
-    public_name: o.public_name,
-    offer_name: o.offer_name,
-    offer_type: o.offer_type,
-    cumulative_price: cumulMap.get(o.micro_id) ?? "0",
-    accepted_total: o.accepted_total ? String(o.accepted_total) : null,
-  }));
+  const activeOffers = projectOfferRows.map((o) => {
+    const newStyleServices = tierServicesMap.get(o.micro_id);
+    const legacyServices = legacyServicesMap.get(o.micro_id);
+
+    let cumulative_price: string;
+    let servicesList: Array<{ name: string; description: string | null }>;
+
+    if (newStyleServices && newStyleServices.length > 0) {
+      // Use new catalog prices
+      const total = newStyleServices.reduce((sum, s) => sum + parseFloat(s.unit_price ?? "0"), 0);
+      cumulative_price = total.toFixed(2);
+      servicesList = newStyleServices.map((s) => ({ name: s.name, description: s.description }));
+    } else if (legacyServices && legacyServices.length > 0) {
+      // Legacy fallback
+      const total = legacyServices.reduce((sum, s) => sum + parseFloat(s.price ?? "0"), 0);
+      cumulative_price = total.toFixed(2);
+      servicesList = legacyServices.map((s) => ({ name: s.name, description: null }));
+    } else {
+      cumulative_price = "0";
+      servicesList = [];
+    }
+
+    return {
+      id: o.id,
+      public_name: o.public_name,
+      offer_name: o.offer_name,
+      offer_type: o.offer_type,
+      cumulative_price,
+      accepted_total: o.accepted_total ? String(o.accepted_total) : null,
+      services: servicesList,
+    };
+  });
 
   // Transcripts linked to the project's client (post lead→client conversion)
   const transcriptsRows = await db