Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
12 KiB
Roadmap: ClientHub v2.1 Offer Studio + Proposal AI
Overview
v2.0 (Phases 1–10, Complete): ClientHub è una suite operativa completa — catalogo servizi unificato, offerte con fasi, preventivo pubblico (/quote/[token]), CRM pipeline lead con activity log. Archiviato in .planning/milestones/v2.0-ROADMAP.md.
v2.1 (Phases 11–17, Planning): Rifare la UX di catalogo/offerte in stile database-view (Notion-like), ristrutturare il workspace progetto (Preventivo → Servizi Attivi, rimozione Forecast), ricostruire il CRM in stile Attio/Pipedrive (inline edit, tag, fix bug residui), e chiudere il loop commerciale con un builder preventivi AI + invio email + auto-provisioning. Numerazione fasi: v2.0 ha chiuso a Phase 10; v2.1 parte da Phase 11.
Phases
- Phase 11: Catalog Database-View UX & Legacy Consolidation - Catalogo
servicescome tabella con inline edit, tag multi-select, quick-add, ricerca istantanea; consolidamentoservice_catalog/offer_services→services - Phase 12: Offer Editor — Tier A/B/C, Tag & Prezzo Pubblico - Editor offerte completo: lista filtrabile + 3 tier (A/B/C) via matrice checkbox sui servizi
services, totale live per tier, prezzo pubblico manuale, tag multi-dimensione, promessa di trasformazione (import CSV/Notion rimandato) - Phase 13: Workspace — Servizi Attivi - Tab "Preventivo" rimossa (UI-only), "Offerte" → "Servizi attivi" (one-shot/ricorrenti + tracking incassi mensili), rimozione pagina Forecast
- Phase 14: CRM Attio-style & Fix - Redesign
/admin/leadsstile Attio/Pipedrive (inline edit + tag), fix FollowUpWidget IT / LeadForm types / SendQuoteModal rami irraggiungibili (completed 2026-06-14) - Phase 15: Dashboard Revenue Stats - Dashboard admin mostra statistiche revenue mensile (ex
/admin/forecast) daproject_offers— BLOCCATA, attesa mockup utente - Phase 16: Proposal AI — Data Foundations & Auto-Provisioning - Campo Stripe Payment Link su offerte/preventivi + auto-provisioning (client+progetto+fasi+pagamenti) all'accettazione
- Phase 17: Proposal AI — Builder, Pagina Pubblica & Email - Builder AI proposta da cliente+offerta+note, redesign
/quote/[token], invio email Resend con link proposta
Phase Details
Phase 11: Catalog Database-View UX & Legacy Consolidation
Goal: L'utente vede ed edita il catalogo servizi come una tabella stile database (Notion-like) — inline editing, tag multi-select, quick-add, ricerca istantanea — su un'unica tabella services consolidata senza perdita di dati legacy
Mode: migration + ui
Depends on: Phase 10 (CRM Pipeline, ultima fase v2.0)
Requirements: OFFER-07, OFFER-08, OFFER-09, OFFER-10, OFFER-13
Success Criteria (what must be TRUE):
- L'utente edita inline ogni cella del catalogo
services(click sulla cella → edit → invio salva) senza apertura di modali - L'utente assegna tag multi-select a servizi/offerte, creando nuovi tag al volo senza uscire dalla tabella
- L'utente aggiunge un nuovo servizio tramite riga vuota in fondo alla tabella (nome + invio)
- L'utente filtra/cerca servizi e offerte istantaneamente (ricerca client-side, nessun reload)
- I dati legacy di
service_catalogeoffer_servicessono consolidati inservicessenza perdita (migration additiva, audit trailmigrated_from/migrated_id) Plans: 4 plans Plan list:
- 11-01-PLAN.md
- 11-02-PLAN.md
- 11-03-PLAN.md
- 11-04-PLAN.md
UI hint: yes
Status: ✅ Complete (2026-06-13) — migration 0007 (
services.fase) applicata in prod, commit pushato sugitea/main
Phase 12: Offer Editor — Tier A/B/C, Tag & Prezzo Pubblico
Goal: L'admin crea e modifica offerte complete da una lista filtrabile: editor con 3 tier (A/B/C) composti via matrice di checkbox dai servizi del catalogo unificato services, totale servizi live per tier, prezzo pubblico manuale per tier, tag multi-dimensione (categoria/ticket/tipo/obiettivo) e promessa di trasformazione strutturata. I servizi disponibili nella matrice sono filtrati per categoria offerta (entry/signature/retainer), designazione già impostata sul servizio a livello di catalogo.
Mode: ui + schema
Depends on: Phase 11 (tabella services unificata + sistema tag polimorfico)
Requirements: OFFER-11, OFFER-15, OFFER-16, OFFER-17, OFFER-18
Success Criteria (what must be TRUE):
- L'admin compone un'offerta a 3 tier (A/B/C) assegnando i servizi del catalogo
servicestramite matrice di checkbox; il totale servizi di ogni tier si aggiorna live - Ogni offerta ha tag su 4 dimensioni (categoria, ticket, tipo, obiettivo) creabili al volo, riusando il sistema tag di Phase 11
- Per ogni tier l'admin imposta un "prezzo pubblico" manuale, distinto e indipendente dal totale dei servizi
- Ogni offerta ha una promessa di trasformazione strutturata (Cliente Ideale / Risultato / tempo / Pain / Metodo)
- La lista offerte è filtrabile per categoria e supporta l'archiviazione (mostra/nascondi archiviate) Note: Import CSV/Notion (ex OFFER-12) spostato a fase futura su decisione utente (2026-06-14, "per ora saltiamo") — vedi REQUIREMENTS.md Plans: 5 plans Plan list: Wave 1
- 12-01-PLAN.md — Schema: offer_macros/offer_micros additive columns (category, ticket, is_archived, transformation promise, tier_letter, public_price) + offer_tier_services junction table, migration 0008 + idempotent push script Wave 2 (blocked on Wave 1 completion)
- 12-02-PLAN.md — BLOCKING checkpoint: apply migration 0008 to production database (SSH+docker exec, manual) Wave 3 (blocked on Wave 2 — prod migration applied before schema-dependent code)
- 12-03-PLAN.md — Query layer (getOfferEditorData/getOfferListCards/getOfferFieldOptions) + server actions (saveOfferEditor/toggleOfferArchived/tag CRUD/createOfferMacro) Wave 4 (blocked on Wave 3 completion)
- 12-04-PLAN.md — Offer list page redesign: category filter chips, archive toggle, card grid, "+ Nuova Offerta" CTA
- 12-05-PLAN.md — Offer editor detail page: tags (4 dimensions), services matrix (tier A/B/C checkboxes + live totals), prezzo pubblico, promessa di trasformazione, Salva/Annulla/Archivia
UI hint: yes — riferimento mockup utente 2026-06-14 (lista card per categoria + editor con matrice servizi×tier)
Status: Planned (2026-06-14) — ready for
/gsd-execute-phase 12
Phase 13: Workspace — Servizi Attivi
Goal: Il workspace progetto sostituisce le tab "Preventivo"/"Offerte"/"Forecast" con un'unica tab "Servizi attivi" che traccia servizi one-shot e ricorrenti con incassi mensili, senza perdere accepted_total/quote_items
Mode: ui + schema
Depends on: Phase 5 (project_offers), Phase 9 (flusso accepted_total via quote)
Requirements: PROJ-06, PROJ-07, PROJ-08, PROJ-09, PROJ-10
Success Criteria (what must be TRUE):
- La tab "Preventivo" è rimossa dal workspace progetto (solo UI —
quote_itemsresta intatta,accepted_totalresta editabile via tab Pagamenti) - La tab "Offerte" diventa "Servizi attivi" e mostra tutte le offerte assegnate al progetto (
project_offers) - L'utente marca ogni "servizio attivo" come one-shot o ricorrente mensile
- Per i servizi ricorrenti, l'utente registra in quali mesi è stata incassata la fattura (schema nuovo, additivo)
- La pagina "Forecast" e la relativa voce di sidebar sono rimosse Plans: TBD UI hint: yes Status: Pending planning
Phase 14: CRM Attio-style & Fix
Goal: La tabella lead (/admin/leads) è ridisegnata in stile Attio/Pipedrive — inline editing dei campi principali e tag multi-select — e i bug residui del modulo CRM (FollowUpWidget non in italiano, LeadForm con type-relaxation, SendQuoteModal con rami irraggiungibili) sono risolti
Mode: ui
Depends on: Phase 10 (CRM Pipeline base)
Requirements: CRM-08, CRM-09, CRM-10, CRM-11, CRM-12
Success Criteria (what must be TRUE):
- La tabella lead supporta inline editing dei campi principali (status, next_action, ecc.) senza apertura di modale
- L'utente assegna tag multi-select ai lead, creando nuovi tag al volo
- Il
FollowUpWidgetè interamente in italiano, coerente col resto dell'app - Il form lead (
LeadForm) valida i campi senza workaround di type-relaxation su react-hook-form - Il flusso
SendQuoteModal(preventivo esistente vs nuovo) non contiene rami di codice irraggiungibili Plans: 2/5 plans executed Plans: Wave 1
- 14-01-PLAN.md — Data-layer foundation: getLeadsWithTags/getLeadFieldOptions query helpers + updateLeadField/addLeadTag/removeLeadTag/renameLeadTag server actions (requireAdmin-guarded)
- 14-03-PLAN.md — Bug fixes: FollowUpWidget Italian translation (CRM-10), LeadForm typed useForm (CRM-11), SendQuoteModal dead branch removal (CRM-12)
Wave 2 (blocked on Wave 1 completion)
- 14-02-PLAN.md — LeadTable raw-table rewrite (inline edit + status dropdown + tag multi-select), LeadsSearch instant filter, page wiring, LeadDetail tags UI hint: yes — riferimento design Pipedrive/Attio (confermato dall'utente 2026-06-13) Status: ✅ Complete (2026-06-14) — 5/5 success criteria verified, code review 0 critical/6 warnings/3 info
Phase 15: Dashboard Revenue Stats
Goal: La Dashboard admin mostra le statistiche di revenue mensile (ex /admin/forecast), calcolate da project_offers
Mode: ui
Depends on: Phase 13 (modello dati Servizi attivi)
Requirements: DASH-11
Success Criteria (what must be TRUE):
- La Dashboard admin mostra un breakdown di revenue mensile calcolato da
project_offersPlans: TBD UI hint: yes Status: Blocked — attesa mockup dashboard dall'utente (isolata/skippabile, non blocca Phase 16/17)
Phase 16: Proposal AI — Data Foundations & Auto-Provisioning
Goal: Ogni offerta/preventivo ha un campo link di pagamento Stripe mostrato come CTA pubblica, e all'accettazione del preventivo il sistema crea automaticamente cliente + progetto, copia le fasi dall'offerta e configura 1-4 pagamenti Mode: schema + automation Depends on: Phase 9 (flusso accettazione preventivo), Phase 13 (Servizi attivi come target del provisioning) Requirements: PROP-03, PROP-04 Success Criteria (what must be TRUE):
- Ogni offerta/preventivo ha un campo "link di pagamento" (Stripe Payment Link) mostrato come CTA nella pagina pubblica
- All'accettazione del preventivo, il sistema crea automaticamente cliente + progetto, copia le fasi dall'offerta e configura 1-4 pagamenti Plans: TBD UI hint: yes Status: Pending planning
Phase 17: Proposal AI — Builder, Pagina Pubblica & Email
Goal: Un builder AI genera una proposta a partire da cliente + offerta(e) selezionata(e) + note extra; la pagina pubblica /quote/[token] è ridisegnata; il link della proposta viene inviato via email (Resend) al lead
Mode: ai + ui
Depends on: Phase 16
Requirements: PROP-01, PROP-02, PROP-05
Success Criteria (what must be TRUE):
- L'admin avvia un builder AI che genera una proposta a partire da cliente + offerta(e) selezionata(e) + note extra fornite manualmente
- La pagina pubblica
/quote/[token]è ridisegnata (HTML/CSS) per presentare la proposta generata - Il sistema invia via email (Resend) il link della proposta pubblica al lead Plans: TBD UI hint: yes Status: Pending planning
Progress
| Phase | Plans | Status | Completed |
|---|---|---|---|
| 11. Catalog Database-View UX & Legacy Consolidation | 4/4 | ✅ Done | 2026-06-13 |
| 12. Offer Editor — Tier A/B/C, Tag & Prezzo Pubblico | 2/5 | In Progress | |
| 13. Workspace — Servizi Attivi | — | Pending planning | — |
| 14. CRM Attio-style & Fix | 3/3 | Complete | 2026-06-14 |
| 15. Dashboard Revenue Stats | — | Blocked (mockup utente) | — |
| 16. Proposal AI — Data Foundations & Auto-Provisioning | — | Pending planning | — |
| 17. Proposal AI — Builder, Pagina Pubblica & Email | — | Pending planning | — |