AppMap

AppStayCalendar

Clavier : flèches (jour / semaine), Origine et Fin (semaine), Page préc./suiv. (mois), Maj + Page (année), Entrée pour choisir. La navigation traverse les deux mois comme une seule grille.

Panneaux de saisie

Les trois contenus vivent dans le panneau flottant et partagent un seul état d'ouverture : ouvrir l'un ferme l'autre. Aucun appel réseau — les hôtels sont fournis en props.

Dernière intention émise : aucune — cliquez sur Rechercher.

Mode mono-hôtel

Un hôtel précis choisi : pas de liste, une confirmation directe. Seule une issue malheureuse ouvre une fenêtre — sinon on part vers le moteur, ce qui reste inerte tant qu'aucun format de lien n'est spécifié.

Modale de résultats

Aucun appel réseau ici : les réponses sont factices. Seule la vérification de disponibilité appelle réellement l'API — elle échouera donc dans le playground, ce qui montre justement l'état d'échec de la card.

Le moteur monté dans le héros

La barre est entièrement contenue dans le héros, elle ne le déborde pas. En carrousel, les points de navigation sont remontés au-dessus d'elle et un voile n'assombrit qu'une bande sous la barre — jamais toute la photo. Le mode Titre seul ne la propose pas.

Carrousel avec moteur de réservation

Réservez votre séjour chez Timhotel

Via BlockHero, qui écoute l'intention, lance la recherche et ouvre la modale. Sans API dans le playground, la recherche échoue : la modale s'ouvre en état d'erreur, ce qui suffit à prouver le raccordement.

Recherche raccordée de bout en bout

Réservez votre séjour chez Timhotel

Titre seul, case cochée malgré tout : la barre n'apparaît pas. Le CMS refuse déjà la combinaison, ceci est le second verrou, côté rendu.

AppHotelCard

Prix et action sont des emplacements remplis par l'appelant : la première card n'en a aucun (contexte block), la seconde a les deux (contexte modale de résultats).

Confort

Timhotel Opéra Madeleine

Opéra Grands Boulevards

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

Premium Forte demande

Timhotel Montmartre

Opéra Grands Boulevards

À partir de 149 €

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

Choisir cet hôtel

Confort Complet

Timhotel Opéra Madeleine

Opéra Grands Boulevards

—

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

Confort

Timhotel Sans Page

Opéra Grands Boulevards

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

Choisir cet hôtel

Confort

Timhotel Sans Photo

Opéra Grands Boulevards

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

Confort

Timhotel Sans Repères

AppBadge

AppCounter

AppFieldTrigger

AppSkeleton

Les trois formes brutes, puis leur composition en squelette de card hôtel — c'est l'appelant qui compose et qui porte l'annonce d'attente.

Confort

Timhotel Opéra Madeleine

Opéra Grands Boulevards

• 4 min · Gare du Nord4 minutes à pied de Gare du Nord
• 7 min · Basilique du Sacré-Cœur7 minutes à pied de Basilique du Sacré-Cœur

AppModal & AppFloatingPanel

Le pied de la modale empile une seconde modale, pas un panneau : Échap ferme la plus récente d'abord, et le défilement de la page reste bloqué tant que l'une des deux est ouverte. Les panneaux flottants s'ouvrent séparément, depuis leurs propres boutons.