Mon Agenda : la vue unifiée qui rassemble shootings, rendez-vous, indispos et Google Calendar

Avant cette release, gérer ton planning sur Helpho voulait dire jongler entre 3 endroits : la liste des shootings dans `/shootings`, les rendez-vous de réservation dans `/parametres/reservation`, et les indispos perso… nulle part (sauf en bloquant un faux shooting). Et pour avoir une vue globale ? Il fallait ouvrir Google Calendar à côté.

Cette release règle ça : une seule page, une seule grille mensuelle, tout y est.

La page /agenda : la vue unifiée

Un nouveau lien apparaît dans la sidebar, entre « Shootings » et « Finances » : « Mon agenda ». Tu cliques, tu obtiens la vue mensuelle complète de ton activité avec quatre sources rassemblées sur la même grille :

• Shootings (coral) — les prestations facturées
• Rendez-vous (bleu ciel) — les briefings, repérages, visios qui ne sont pas des shoots
• Indispos perso (gris) — les créneaux bloqués (week-end famille, vacances, médecin)
• Google Calendar (violet) — tes événements personnels et pro qui ne passent pas par Helpho

Chaque source garde son code couleur sur tout le produit (légende en bas de la grille pour ne pas avoir à mémoriser). Un clic sur n'importe quel événement ouvre sa fiche détaillée.

Rendez-vous hors prestation

Un photographe nous a fait remonter le besoin : *« Je veux pouvoir réserver un créneau pour un brief client sans devoir le facturer comme une prestation. »*

C'est désormais natif. Le bouton « + Nouveau RDV » dans le header de l'agenda ouvre un formulaire pensé spécifiquement pour ce cas : titre libre, type (brief, repérage, visio, premier contact, autre), durée, présence ou non d'un client, mode (présentiel / téléphone / visio).

L'UI est différente du formulaire shooting — on ne te demande pas un tarif, on ne te propose pas de générer un devis. Juste les infos utiles pour caler un créneau.

Lien Google Meet auto-généré

Si tu crées un RDV en mode visio, Helpho appelle l'API Google Calendar avec `conferenceData.createRequest` au moment de la création. Résultat : un lien Meet unique est généré, ajouté à l'événement Google du photographe ET de l'invitation envoyée au client. Plus besoin d'aller créer le lien à la main et de le copier dans l'email — c'est déjà dedans, dans les deux calendriers.

Créneaux bloqués (indispos perso)

Bouton « Bloquer un créneau » dans le header de l'agenda : tu sélectionnes une période (demi-journée, journée, plusieurs jours), tu mets un libellé (« Vacances », « Famille », « Médecin »).

Deux effets :

1. Affichage gris sur l'agenda — tu vois d'un coup d'œil ce qui est réservé pour autre chose

2. Blocage du widget de réservation public — un prospect ne peut plus réserver sur un créneau bloqué, même si ton planning shooting est libre dessus

C'est de l'agenda perso intégré au CRM, sans avoir à faire le va-et-vient avec Google Calendar.

Synchronisation bidirectionnelle Google Calendar

C'est le point le plus complexe techniquement, et celui qui apporte le plus de confort :

• Helpho → Google : tout shooting / RDV / bloc créé dans Helpho apparaît dans ton Google Calendar avec le bon fuseau horaire (correction d'un bug ancien qui décalait certains événements de 1 ou 2 h selon l'heure d'été), et est aussi ajouté à l'invitation envoyée au client
• Google → Helpho : les événements créés directement dans Google Calendar (réunion équipe, déjeuner pro, événement perso) s'affichent dans la vue `/agenda` en violet — utile pour avoir une vraie vue globale sans dupliquer la saisie

L'utilisateur qui n'a pas connecté Google Calendar voit un widget « Non connecté » sur l'agenda. Le clic ouvre directement `/intégrations` en popup pour favoriser la connexion sans friction.

Popup réservation intégré

Avant : pour consulter ton widget de réservation, tu devais aller dans Paramètres > Réservation. Ce qui voulait dire quitter ton agenda en cours de consultation.

Maintenant : un widget « Réservation : actif » est directement sur la page `/agenda`, avec deux boutons :

• « + Prestation » — formulaire shooting
• « + Nouveau RDV » — formulaire rendez-vous hors prestation

Et un troisième bouton « Demandes en attente » ouvre en popup la liste des réservations à valider, qu'on peut approuver / refuser sans quitter la vue.

Pour la configuration complète (durée des créneaux, jours ouvrés, message d'accueil…), le bouton « Configuration complète » emmène vers `/parametres/reservation` avec un bouton de retour contextuel vers `/agenda` — pas vers le dashboard. Détail UX mais qui change tout sur les allers-retours.

Page « Mes rendez-vous » dédiée

Pour les photographes qui prennent beaucoup de RDV (corporate, mariage en phase d'avant-vente, presse), un onglet « Mes rendez-vous » sépare la vision liste de la vision calendrier. Stats globales, filtres par type / statut, recherche par client. Le bouton retour ramène vers `/agenda` — pas vers le dashboard.

Lien de réservation dans les formulaires de contact

Bonus pour clore la boucle prospection → réservation : dans l'éditeur de formulaire prospect, une nouvelle section « Lien Prendre RDV directement » propose d'afficher un second bouton sous le formulaire qui pointe vers ta page de réservation publique.

Détection auto : si ton widget de réservation est actif et que ton `portal_slug` est configuré, un badge vert te montre l'URL exacte (`helpho.io/r/`). Sinon, alerte ambre avec lien direct vers les paramètres pour l'activer.

Le visiteur qui hésite à remplir un long formulaire peut basculer en 1 clic sur la prise de RDV directe. Moins d'abandons, plus de conversions.

UX : tous les détails qui finissent par compter

• Navigation mois : boutons précédent / aujourd'hui / suivant placés à côté du nom du mois (pas en dessous, plus de saut de ligne moche)
• Trois actions principales sur la même ligne : Mes rendez-vous · + Nouveau RDV · Bloquer un créneau
• Boutons retour contextuels : depuis « Mes rendez-vous » et depuis « Paramètres > Réservation » (quand on y arrive depuis l'agenda), un bouton « ← Retour à mon agenda » est affiché en haut de page
• Légende couleurs en bas de la grille : Shootings (coral) · RDV (bleu) · Google Cal. (violet) · À valider (ambre) · Indispos (gris)

En coulisses

La page agrège quatre sources de données côté serveur (shootings, appointments, calendar_blocks, événements Google Calendar via l'API du token connecté), les fusionne dans un format unique `AgendaEvent` typé strict, puis renvoie la grille pré-calculée au client. Pas d'appels API en cascade côté navigateur — la page s'affiche en une fois.

La synchro Google utilise le wall-clock format avec timezone field (`dateTime: "2026-05-19T14:00:00", timeZone: "Europe/Paris"`) au lieu de l'UTC ISO, ce qui élimine définitivement les décalages d'heure liés aux changements été/hiver.

Les liens Meet passent par `conferenceData.createRequest` avec un `requestId` stable basé sur l'ID du RDV — donc idempotent en cas de retry, et le lien reste le même si tu modifies le RDV après coup.

Disponible aujourd'hui

Mon Agenda est inclus dans tous les plans Pro et Pro IA, sans add-on. La synchronisation Google Calendar est gratuite (connexion via OAuth depuis `/intégrations`), et le lien Meet auto-généré nécessite simplement que ton compte Google ait l'API Meet activée (le cas par défaut pour 99 % des Google Workspace et Gmail).

Tu peux activer Mon Agenda en cliquant sur le nouveau lien dans la sidebar. Si tu veux préparer ton planning de la semaine en 10 minutes, c'est l'occasion.