feat(05-04): OffersSection component + client dashboard wiring + /admin/forecast page

- Create src/components/client/OffersSection.tsx — displays public_name, cumulative_price, accepted_total (no internal_name)
- Extend client-dashboard.tsx — import OffersSection, add Offerte Attive sidebar block conditional on view.activeOffers
- Extend client/[token]/page.tsx adapter — map activeOffers from ProjectView to ClientView
- Create src/app/admin/forecast/page.tsx — RSC with 12-month revenue table using getRevenueForecast12Months(), bar chart column, totals row, empty-state message

src/components/client-dashboard.tsx

@@ -7,6 +7,7 @@ import { DocumentsSection } from './documents-section';
 import { NotesSection } from './notes-section';
 import { PhaseViewToggle } from './client/kanban/PhaseViewToggle';
 import { ChatSection } from './client/ChatSection';
+import { OffersSection } from './client/OffersSection';
 
 interface ClientDashboardProps {
   view: ClientView;
@@ -54,6 +55,12 @@ export function ClientDashboard({ view, token, comments }: ClientDashboardProps)
                 <h2 className="text-xs font-bold text-[#71717a] uppercase tracking-wider mb-3">Pagamenti</h2>
                 <PaymentStatus accepted_total={view.client.accepted_total} payments={view.payments} />
               </div>
+              {view.activeOffers && view.activeOffers.length > 0 && (
+                <div>
+                  <h2 className="text-xs font-bold text-[#71717a] uppercase tracking-wider mb-3">Offerte Attive</h2>
+                  <OffersSection offers={view.activeOffers} />
+                </div>
+              )}
               <div>
                 <h2 className="text-xs font-bold text-[#71717a] uppercase tracking-wider mb-3">Documenti & File</h2>
                 <DocumentsSection documents={view.documents} />

src/components/client/OffersSection.tsx

@@ -0,0 +1,40 @@
+interface ActiveOffer {
+  id: string;
+  public_name: string;       // micro offer public name only (security: see T-05-10)
+  cumulative_price: string;  // sum of service prices
+  accepted_total: string | null;
+}
+
+interface OffersSectionProps {
+  offers: ActiveOffer[];
+}
+
+export function OffersSection({ offers }: OffersSectionProps) {
+  if (offers.length === 0) return null;
+
+  return (
+    <div className="space-y-3">
+      {offers.map((offer) => (
+        <div key={offer.id} className="bg-white rounded-lg border border-[#e5e5e5] p-4">
+          <p className="text-sm font-semibold text-[#1a1a1a]">{offer.public_name}</p>
+          <div className="mt-2 space-y-1">
+            <div className="flex items-center justify-between">
+              <span className="text-xs text-[#71717a]">Valore incluso</span>
+              <span className="text-xs font-mono text-[#1a1a1a]">
+                €{parseFloat(offer.cumulative_price).toFixed(2)}
+              </span>
+            </div>
+            {offer.accepted_total && (
+              <div className="flex items-center justify-between">
+                <span className="text-xs font-semibold text-[#1a1a1a]">Prezzo finale</span>
+                <span className="text-sm font-bold text-[#1A463C]">
+                  €{parseFloat(offer.accepted_total).toFixed(2)}
+                </span>
+              </div>
+            )}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}