https://www.chargeops.net/assets/site-detail-CMtNZS25.js

1import{j as e}from"./vendor-react-QE7wLE3r.js";import{D as h,i as v,a as r,b as p,P as n,e as l,c as t,K as o,S as s,C as a,d as u,U as c,L as i,F as m,W as d}from"./ui-BfT7Kz5y.js";import"./index-C5UqyXey.js";import"./vendor-radix-C7HJG0re.js";import"./vendor-motion-DpnOviVe.js";function q(){return e.jsxs(h,{title:"Vue détaillée d'un site",intro:e.jsxs(n,{children:["Quand tu cliques sur un site depuis l'accueil, tu arrives sur la vue détaillée à l'adresse ",e.jsx(u,{children:"/sites/:siteId"}),". C'est la page de travail principale pour gérer les bornes, les notes et la configuration électrique d'un site donné."]}),children:[e.jsx(v,{items:[{label:"Tous rôles",tone:"slate"},{label:"Édition admin",tone:"amber"},{label:"Vue finance limitée",tone:"blue"}]}),e.jsxs(r,{id:"apercu",title:"Aperçu de la page",children:[e.jsx(p,{src:"/docs/screenshots/site-detail__overview.png",alt:"Vue détaillée d'un site",caption:"Capture : page site avec colonne gauche de configuration et zone centrale d'onglets opérationnels."}),e.jsxs(n,{children:["La page se présente sur trois colonnes maximum, dans un conteneur limité à"," ",e.jsx(l,{children:"1520px"}),". La colonne de gauche regroupe la configuration et l'ajout rapide, la colonne centrale présente les onglets de contenu. Sur mobile, certains onglets sont masqués (voir plus bas)."]})]}),e.jsxs(r,{id:"colonne-gauche",title:"Colonne gauche — Configuration et ajout rapide",children:[e.jsxs(t,{id:"site-configuration",title:"Bloc Site Configuration",children:[e.jsx(n,{children:"Affiche les propriétés du site et permet l'édition directe des champs principaux. En lecture, la carte présente une en-tête d'identité (nom du site + badge d'organisation, plateforme OCPP à droite), les programmes (crédits carbone, réponse à la demande), des rangées d'équipe uniformes (gestionnaire de projet, représentant, technicien — avec actions courriel/Teams) et une bande de statistiques AC / DC / Total suivie des transformateurs."}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Nom du site"}),value:"Renommer le site."},{key:e.jsx(s,{children:"Adresse"}),value:"Adresse postale du site."},{key:e.jsx(s,{children:"Téléphone"}),value:"Contact du site."},{key:e.jsx(s,{children:"OCPP Dashboard"}),value:"Plateforme OCPP utilisée pour la flotte (cleo, chargelab, synop, etc.)."},{key:e.jsx(s,{children:"Tension secondaire"}),value:"Tension secondaire des transformateurs (ex. 347V)."},{key:e.jsx(s,{children:"kVA"}),value:"Capacité totale du site."}]}),e.jsxs(a,{tone:"tip",title:"Crédits carbone : hérités de l'organisation",children:["L'entente de crédits carbone se signe avec le client, pas avec un stationnement : elle se saisit sur la"," ",e.jsx(s,{children:"page de l'organisation"})," et chaque site en hérite. Le bloc « Gestion des crédits carbone » affiche alors l'entreprise gestionnaire ainsi que les dates de début et de fin du contrat, avec une pastille ",e.jsx(s,{children:"« Hérité de … »"})," qui mène à l'organisation.",e.jsx("br",{}),"En édition, le sélecteur d'entreprise offre trois choix pour un site rangé sous une organisation : ",e.jsx(s,{children:"Hériter de …"})," (le défaut), ",e.jsx(s,{children:"Aucun contrat"})," — le site n'hérite alors plus de rien — ou une entreprise précise, qui devient l'entente propre au site. Une entente de site ne touche que ce site : l'organisation et les sites voisins gardent la leur."]})]}),e.jsxs(t,{id:"informations-contact",title:"Bloc Informations de Contact",children:[e.jsxs(n,{children:["Sous la configuration, la carte ",e.jsx(s,{children:"Informations de Contact"})," regroupe l'adresse et le téléphone du site, l'entreprise d'électricité avec qui le site fait affaire, puis la liste des contacts individuels. Le crayon en en-tête bascule toute la carte en mode édition ; la disquette enregistre l'ensemble d'un coup."]}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Adresse et téléphone"}),value:"Adresse civique (avec ouverture dans Google Maps), état/province normalisé et téléphone principal (appel via Teams)."},{key:e.jsx(s,{children:"Sous-traitant par défaut"}),value:"Le sous-traitant du répertoire (Gestion des sites → Sous-traitants) que ce site appelle d'habitude : entreprise, contact, courriel et téléphone. Si tu peux modifier le site, la liste déroulante le choisit parmi les sous-traitants actifs ou le retire ; « Gérer les sous-traitants » ouvre le répertoire. Le formulaire des bons de travail le propose d'office."}

1,{key:e.jsx(s,{children:"Électricien"}),value:"L'entreprise d'électricité habituelle du site : nom, site web, courriel et téléphone. Chaque coordonnée a son bouton d'action — ouvrir le site web, écrire un courriel, lancer l'appel."},{key:e.jsx(s,{children:"Contacts"}),value:"Les personnes rattachées au site (nom, rôle, téléphone, courriel, indicateur « contact de service »), ajoutables et modifiables en mode édition."}]}),e.jsxs(a,{tone:"tip",title:"Un seul électricien par site",children:["Le bloc Électricien est un champ libre, pas un lien vers une fiche partagée : saisis l'entreprise que tu appelles pour ce site précis. Le site web accepte une adresse courte (",e.jsx(l,{children:"exemple.com"}),") — le ",e.jsx(l,{children:"https://"})," est ajouté à l'ouverture. Pour partager une même entreprise entre plusieurs sites, utilise plutôt le sous-traitant par défaut : l'assistant « Créer à partir des électriciens des sites » transforme ces champs libres en fiches du répertoire sans les effacer."]})]}

1),e.jsx(t,{id:"infrastructure-info",title:"Bloc Infrastructure Info",children:e.jsx(n,{children:"Donne les informations électriques détaillées du site (transformateurs, panneaux, etc.). Le bloc se réduit avec un bouton de bascule (toggle minimiser) pour libérer de la place quand tu travailles dans les onglets."})}),e.jsxs(t,{id:"add-charger-form",title:"Formulaire AddChargerForm rapide",children:[e.jsxs(n,{children:["Permet d'ajouter une borne directement depuis la page du site, sans passer par"," ",e.jsx(u,{children:"/all-chargers"}),". Le formulaire se réduit aussi pour gagner de l'espace."]}),e.jsx(a,{tone:"tip",title:"Ajout rapide",children:"Pratique sur le terrain : tu ouvres le site, tu scannes l'étiquette de la borne et tu saisis directement le serial dans cette colonne sans changer d'écran."})]})]}),e.jsxs(r,{id:"bandeau-site",title:"Bandeau du site et score de santé",children:[e.jsxs(n,{children:["Au-dessus des onglets, un bandeau résume le site en un coup d'œil. Il reste visible sur tous les onglets. Ses cartes ont le style de celles de la page d'accueil, toutes de la même taille et sur une seule ligne : d'abord le ",e.jsx(s,{children:"score de santé"}),", puis une carte par source. Quand la place manque, l'icône passe au-dessus du libellé et le texte rapetisse pour rester lisible en entier ; un texte vraiment trop long se termine par « … » (survole la carte pour le lire en entier). Les transformateurs n'ont pas de carte : la fiche du site, à gauche, les affiche déjà."]}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Bornes"}),value:"Nombre de bornes du site, réparti AC / CC, et combien sont inactives."},{key:e.jsx(s,{children:"Cas ouverts"}),value:"Cas non fermés, dont combien sont de priorité élevée ou critique et combien ont dépassé leur SLA."},{key:e.jsx(s,{children:"Défauts ouverts"}),value:"Défauts non résolus des rapports d'entretien finalisés, par gravité."},{key:e.jsx(s,{children:"Prochain entretien"}),value:"En retard, bientôt dû ou à jour, avec la date due ou la date de la visite prévue. Sans contrat d'entretien actif, rien n'est dû."},{key:e.jsx(s,{children:"Problèmes de conformité"}),value:"Bornes réglementées scellées, non conformes ou dont la calibration RSA est en retard ; les RSA dus à 7, 30 et 90 jours s'affichent au survol de la carte."},{key:e.jsx(s,{children:"Garantie expirée"}),value:"Bornes dont la garantie est expirée, et combien expirent d'ici 90 jours."},{key:e.jsx(s,{children:"Modems"}),value:"Modems cellulaires liés au site, et combien sont à vérifier (hors ligne, redémarrage requis ou configuration non synchronisée)."},{key:e.jsx(s,{children:"Licences"}),value:"Licences Cléo du site : actives, qui expirent d'ici 60 jours, expirées."},{key:e.jsx(s,{children:"Satisfaction"}),value:"Le score de satisfaction client du site sur 100, sur les 180 derniers jours, et le nombre d'évaluations ; la répartition satisfaits / neutres / insatisfaits s'affiche au survol. Sous 3 évaluations, la carte garde le score mais précise qu'il y en a trop peu pour s'y fier ; sans aucune évaluation, elle affiche « — ». C'est le même score que la carte Satisfaction client sous le bandeau, et il ne compte pas dans le score de santé."}]}),e.jsx(a,{tone:"info",title:"Une tuile absente n'est pas un zéro",children:"Une tuile n'apparaît que si son module est activé pour ton espace de travail et que ton rôle peut en voir les données (les cas demandent la permission de voir les cas, les modems celle de voir les modems, la conformité celle du tableau de bord de conformité, l'entretien celle du plan des visites). Sinon elle est simplement omise — jamais affichée à « 0 ». Les tuiles Conformité, Modems et Licences sont aussi omises quand le site n'a aucune borne réglementée, aucun modem ou aucune licence. La tuile Satisfaction demande la permission « Consulter la satisfaction client » ; elle est aussi omise quand les sondages de satisfaction sont désactivés et que le site n'a aucune évaluation. Un nombre suivi de « + » (par exemple « 300+ ») signifie que la lecture a atteint sa limite."}),e.jsxs(t,{id:"cartes-cliquables",title:"Chaque carte ouvre sa page, filtrée sur le site",children:[e.jsx(n,{children:"Un clic sur une carte du bandeau (ou Entrée au clavier) ouvre la page de l'application qui possède ce nombre, déjà filtrée sur le site. Le filtre posé est celui de la page : il s'affiche dans son contrôle et s'enlève comme n'importe quel autre filtre. Au survol, une petite flèche apparaît dans le coin de la carte, sans en changer la taille. Un clic du milieu, ou Ctrl + clic, ouvre la page dans un nouvel onglet."}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Bornes"}),value:"La base de données des chargeurs, filtrée sur le site."},{key:e.jsx(s,{children:"Cas ouverts"}),value:"Les billets de support filtrés sur le site : la liste des cas ouverts, même si ton rôle a une vue par défaut."},{key:e.jsx(s,{children:"Défauts ouverts, Prochain entretien"}),value:"Le centre de maintenance filtré sur le site quand le site a un contrat d'entretien ; sinon l'onglet Maintenance du site."},{key:e.jsx(s,{children:"Problèmes de conformité"}),value:"Le tableau de bord de conformité filtré sur le site."},{key:e.jsx(s,{children:"Garantie expirée"}),value:"La base de données des chargeurs : les bornes du site dont la garantie est expirée."},{key:e.jsx(s,{children:"Modems"}),value:"La liste des modems filtrée sur le site, avec le filtre « À surveiller » quand au moins un modem du site demande attention. La page compte au

1ssi comme « à surveiller » un signal faible ou un micrologiciel différent de la cible : elle peut en montrer plus que la carte."},{key:e.jsx(s,{children:"Licences"}),value:"La gestion des licences filtrée sur le site."}]}),e.jsx(n,{children:"Une carte dont tu ne peux pas ouvrir la page (permission manquante, module désactivé, ou gestion des licences pour un compte Opérateur de site) reste une carte simple, sans lien. La carte Satisfaction n'a pas de page à elle : son détail, c'est la carte Satisfaction client juste sous le bandeau. La carte du score de santé ouvre toujours le détail du score. Sur mobile, les tuiles dépliées mènent aux mêmes pages. L'onglet Opérations reste accessible par son propre onglet."})]}),e.jsxs(t,{id:"score-sante",title:"Lire le score de santé",children:[e.jsx(n,{children:"Le score part de 100 et retire une pénalité par facteur, chacune plafonnée :"}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Cas ouverts"}),value:"3 par cas, 8 si élevé ou critique — plafond 30."},{key:e.jsx(s,{children:"Dépassements SLA en cours"}),value:"5 par cas — plafond 15."},{key:e.jsx(s,{children:"Défauts ouverts"}),value:"Urgent 10, danger 8, défaut 4 (info et limité ne comptent pas) — plafond 25."},{key:e.jsx(s,{children:"Entretien dû"}),value:"En retard 15 ; bientôt dû sans visite ouverte 5 — plafond 15."},{key:e.jsx(s,{children:"Conformité"}),value:"Scellée 20, non conforme 10, RSA en retard 10 — plafond 25."},{key:e.jsx(s,{children:"Modems à vérifier"}),value:"10 par modem — plafond 10."},{key:e.jsx(s,{children:"Pannes de bornes"}),value:"10 par panne confirmée encore ouverte (borne hors ligne ou en défaut ; hors service seulement si tu as activé « Alerter quand une borne est mise hors service (Unavailable) ») — plafond 20. Une panne compte une fois le délai de grâce passé, jamais pendant. Le facteur n'apparaît que si la surveillance des bornes est activée et que le site a déjà eu une panne."}]}),e.jsxs(n,{children:[e.jsx(s,{children:"En santé"})," dès 85, ",e.jsx(s,{children:"à surveiller"})," de 60 à 84,"," ",e.jsx(s,{children:"à risque"})," sous 60. Clique sur le score : une fenêtre liste chaque facteur avec son nombre, sa pénalité et son plafond (« plafonné » quand le plafond s'applique). Le score est le même pour tout le monde : il tient compte de chaque module activé pour ton espace de travail, pas de ce que ton rôle permet de voir. Un module désactivé ne pénalise ni n'avantage le site. La garantie et l'argent ne comptent jamais."]}),e.jsx(a,{tone:"tip",title:"Sur mobile",children:"Seul le score s'affiche ; la flèche à sa droite déplie les tuiles en deux colonnes. Le choix est retenu sur l'appareil."})]}),e.jsxs(t,{id:"sante-selecteur",title:"La santé dans le sélecteur de site",children:[e.jsxs(n,{children:["Le sélecteur de site (en-tête de la page et listes déroulantes de site ailleurs dans l'application) affiche une ",e.jsx(s,{children:"pastille de santé"})," à droite de chaque site : verte (en santé), jaune (à surveiller) ou rouge (à risque). Au survol, une info-bulle donne le score sur 100, la bande et l'âge du score (« il y a 3 h »), avec sa date."]}),e.jsxs(c,{children:[e.jsxs(i,{children:["Les listes lisent un ",e.jsx(s,{children:"instantané"})," recalculé en arrière-plan toutes les 6 heures et après chaque cas ouvert ou changé de statut, rapport d'entretien finalisé ou défaut résolu. Le bandeau ci-dessus, lui, calcule le score en direct : les deux peuvent différer brièvement."]}),e.jsxs(i,{children:["Un score de plus de ",e.jsx(s,{children:"24 h"})," est grisé et l'info-bulle précise qu'il est périmé."]}),e.jsx(i,{children:"Un site sans score (tout juste créé, par exemple) n'a pas de pastille."}),e.jsx(i,{children:"Les mêmes pastilles apparaissent dans la Gestion des sites (colonne « Santé », triable) et, sur demande, sur la Carte des clients (« Couleurs par santé »). Elles ne sont pas montrées aux opérateurs de site."})]})]})]}),e.jsxs(r,{id:"onglet-operations",title:"Onglet Opérations",children:[e.jsxs(n,{children:["L'onglet ",e.jsx(s,{children:"Opérations"}),", premier de la liste, réunit le travail en cours sur le site en onze cartes. Chacune mène à la page qui possède les données. Le site s'ouvre toujours sur l'onglet ",e.jsx(s,{children:"Gestion des sites"})," : Opérations ne s'ouvre que sur un clic sur son onglet ou par le lien ",e.jsx(l,{children:"?tab=operations"}),". Les cartes du bandeau, elles, ouvrent leur page (voir plus haut). Deux colonnes sur grand écran, une seule sur mobile."]}),e.jsx(o,{rows:[{key:e.jsx(s,{children:"Cas"}),value:"Les 5 cas ouverts les plus récents : numéro, titre, priorité, statut, âge (« Ouvert depuis N jours ») et une pastille « Hors SLA » quand l'échéance de première réponse ou de résolution est dépassée. Un clic ouvre le cas. « Tout voir » ouvre le service d'assistance filtré sur ce site ; « Nouveau cas » ouvre le formulaire de création avec le site déjà choisi."},{key:e.jsx(s,{children:"Défauts ouverts"}),value:"Les défauts non résolus des rapports d'entretien finalisés, du plus grave au moins grave, avec la pastille de gravité des rapports (urgent, danger, défaut, info, limité), la borne, la catégorie et un lien vers le rapport."},{key:e.jsx(s,{children:"Entretien"}),value:"Ce que le contrat d'entretien actif rend dû — bornes AC, filtres CC, CHRGPK — avec la date et le statut (en retard, dû dans 30 jours, dans les temps), puis la visite ouverte (statut, date prévue, date due, responsable). Le lien mène à la planification, sur la visite quand il y en a une. Sans contrat actif, rien n'est dû."},{key:e.jsx(s,{children:"Garantie"}),value:"Les bornes hors garantie ou dont la garantie expire d'ici 90 jours — la même règle que la tuile Garantie expirée — avec la date de fin et un bouclier quand une garantie prolongée s'applique. Le lien ouvre la liste des bornes hors garantie du site ;

1 la carte compte aussi les garanties prolongées actives."},{key:e.jsx(s,{children:"Conformité"}),value:"Une ligne par borne réglementée : statut OPS, prochaine calibration RSA et échéance (en retard, 7, 30 ou 90 jours), expiration du certificat NTEP et dernière inspection OPS. Les plus urgentes en premier."},{key:e.jsx(s,{children:"Modems"}),value:"Les modems rattachés au site, leur état (en ligne, hors ligne) et ceux à vérifier. Lecture seule : rattacher, détacher ou redémarrer se fait dans le panneau Connectivité de l'onglet Gestion."},{key:e.jsx(s,{children:"Disponibilité"}),value:"Le pourcentage de temps en service des bornes du site sur 30, 90 ou 365 jours (fenêtre au choix), recalculé chaque nuit et arrêté à hier — jamais en direct à la minute. Sans rien à afficher (aucune borne encore recalculée), la carte ne s'affiche pas du tout. Un export CSV donne le détail par borne."},{key:e.jsx(s,{children:"Licences"}),value:"Licences actives, qui expirent d'ici 60 jours et expirées, connecteurs sans licence, et les cinq licences qui expirent en premier. S'affiche dès que le site a une licence, quelle que soit sa plateforme OCPP. Une licence « active » dont la date d'expiration est passée compte comme expirée, comme dans le bandeau."},{key:e.jsx(s,{children:"Contrat d'entretien"}),value:"Où en est le contrat (sous contrat, soumission envoyée, terminé…), son terme, son montant annuel et total, les bornes couvertes et les garanties prolongées. C'est la seule carte qui affiche des montants."},{key:e.jsx(s,{children:"Emplacement"}),value:"L'adresse du site, ses coordonnées et une petite carte fixe centrée sur le site, avec un lien vers la carte des clients. Sans coordonnées, la carte propose de modifier l'adresse (les coordonnées sont calculées à partir de l'adresse). La carte est masquée sur les petits écrans."},{key:e.jsx(s,{children:"Activité récente"}),value:"Les huit dernières modifications du site, avec leur auteur et leur date, et un lien vers le journal d'audit complet."}]}),e.jsx(a,{tone:"info",title:"Une carte n'apparaît que si tu peux la lire",children:"La carte Cas demande le module Cas de support et la permission de voir les cas ; Défauts ouverts, le module Rapports d'entretien ; Entretien, le module Centre d'entretien et la permission de voir le plan des visites ; Garantie est toujours là. Conformité demande le module Conformité et le tableau de bord de conformité ; Modems, le module Modems et la permission de voir les modems ; Disponibilité demande le module Surveillance des bornes, la permission de voir les cas et un flux d'état reçu dans les 30 derniers jours, comme les pastilles d'état en direct — jamais montrée à un exploitant de site ; Licences, le module Licences et au moins une licence sur le site ; Contrat d'entretien, le module Centre d'entretien et les données financières ; Emplacement est toujours là ; Activité récente est masquée pour les comptes Opérateur de site. Une carte refusée n'est pas affichée et ne lit rien. L'onglet ne charge aucune donnée tant qu'il n'est pas ouvert. Si une carte ne peut pas se charger, elle affiche son propre message d'erreur et les autres continuent."})]}),e.jsxs(r,{id:"onglets",title:"Onglets de la zone centrale",children:[e.jsx(n,{children:"Les onglets utilisent un indicateur bleu glissant pour signaler l'onglet actif."}),e.jsx(m,{items:[{name:"Opérations",description:"Premier onglet, jamais celui par défaut. Cartes Cas, Défauts ouverts, Entretien, Garantie, Conformité, Modems, Disponibilité, Licences, Contrat d'entretien, Emplacement et Activité récente du site. Chargé seulement à l'ouverture. Visible aussi sur mobile."},{name:"Site Management",description:"Onglet par défaut. Notes du site, distribution de phases, gestion des bornes, rapports, véhicules et licences."},{name:"Site Layout Designer",description:"Plan visuel des emplacements de bornes. Lazy-loaded. Masqué sur mobile."},{name:"File Manager",description:"Gestionnaire de fichiers du site. Lazy-loaded. Masqué sur mobile. Voir la section dédiée."},{name:"Maintenance",description:"Centre de maintenance du site. Lazy-loaded. Voir le centre dédié."}]}),e.jsxs(a,{tone:"info",title:"Mobile",children:["Sur petit écran, les onglets ",e.jsx(s,{children:"Layout Designer"})," et"," ",e.jsx(s,{children:"File Manager"})," sont masqués pour que la page reste utilisable au pouce."]})]}),e.jsxs(r,{id:"onglet-management",title:"Onglet Site Management — en détail",children:[e.jsxs(t,{id:"site-notes",title:"Carte Site Notes",children:[e.jsxs(n,{children:["Permet de tenir un j

1ournal de bord par site. Les notes s'affichent en cartes avec l'auteur, l'horodatage et un badge ",e.jsx(s,{children:"Edited"})," si la note a été modifiée."]}),e.jsxs(c,{children:[e.jsxs(i,{children:[e.jsx(s,{children:"Ajouter"})," une note : champ texte + bouton."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Modifier"})," ou ",e.jsx(s,{children:"Supprimer"})," : disponible pour l'auteur de la note ou pour un admin."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Copier"})," : copie le contenu de la note."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Identifier un collègue avec @"})," : taper « @ » dans le compositeur ouvre la liste des personnes joignables ; ↑/↓ parcourent, Entrée ou Tab choisissent, Échap ferme, et Ctrl/⌘+Entrée enregistre la note. Chaque personne nommée reçoit un avis dans la cloche (auteur, nom du site, extrait de la note) et un courriel de marque contenant la note entière, dans sa langue. Les noms identifiés apparaissent surlignés dans la note publiée — en bleu plus soutenu lorsque c'est vous qui êtes nommé. Ne sont proposées que les personnes qui peuvent réellement ouvrir la fiche du site : la portée d'organisation s'applique, et un opérateur de site n'est jamais proposé (les notes n'existent pas dans le Portail opérateur). La cloche reste toujours active pour une identification ; le courriel se désactive dans"," ",e.jsx(s,{children:"Configuration › Notifications d'événements"}),"."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Réécrire avec IA"})," : disponible ",e.jsx(s,{children:"uniquement"})," pour les admins. Reformule la note pour la rendre plus claire ou plus professionnelle."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Réagir"})," : un bouton pouce levé apparaît au survol de la note — un clic rapide applique la réaction 👍 (ou retire la vôtre) ; le maintenir enfoncé, ou un clic droit, ouvre une palette de cinq réactions (👍 J'aime, ❤️ J'adore, 👏 Bravo, 🎉 Célébrer, 😂 Haha). Une seule réaction par personne : un autre émoji remplace la précédente, le même la retire. Chaque réaction s'affiche en pastille émoji + compte (le groupe le plus nombreux en premier) ; cliquer une pastille bascule cette réaction, la survoler liste qui a réagi ainsi (vous en tête, sous « Vous »). Ouvert à tous les rôles actifs. L'auteur de la note est prévenu — cloche dans l'en-tête (émoji, qui a réagi, nom du site et un extrait de sa note) et courriel de marque dans sa langue. Réagir à sa propre note, retirer sa réaction ou changer d'émoji ne prévient personne, un même auteur ne reçoit au plus qu'un avis par note et par personne sur 24 heures, et une même personne ne peut pas l'inonder — au plus cinq avis par heure, quel que soit le nombre de notes auxquelles elle réagit."]})]}),e.jsx(a,{tone:"warning",title:"Permissions",children:"Les techniciens et autres rôles peuvent lire toutes les notes, mais ne peuvent modifier que les leurs. Seuls les admins peuvent éditer les notes des autres et utiliser la réécriture IA."})]}),e.jsxs(t,{id:"phase-distribution",title:"Distribution de phases par transformateur",children:[e.jsxs(n,{children:["Le bloc ",e.jsx(s,{children:"PhaseDistribution"})," affiche la répartition électrique par transformateur. Il est ",e.jsx(s,{children:"masqué pour le rôle finance"}),", qui n'a pas besoin de cette info technique."]}),e.jsx(p,{src:"/docs/screenshots/site-detail__phase-distribution.png",alt:"Phase distribution",caption:"Capture : graphique de répartition des phases par transformateur."})]}),e.jsxs(t,{id:"charger-management",title:"Charger Management — tableau des bornes",children:[e.jsxs(n,{children:["Tableau des bornes installées sur le site, avec édition inline des principaux attributs. C'est la version ",e.jsx(s,{children:"scopée au site"})," de la page"," ",e.jsx(u,{children:"/all-chargers"}),". En vue grille, le bouton"," ",e.jsx(s,{children:"Historique de la borne"})," en haut de chaque carte (à gauche du bouton OCPP) ouvre l'historique complet de la borne (",e.jsx(u,{children:"/chargers/:id"}),") ; un clic du milieu l'ouvre dans un nouvel onglet."]}),e.jsxs(n,{children:["Le bouton ",e.jsx(s,{children:"Imprimer les autocollants QR"})," de l'en-tête prépare une feuille d'étiquettes pour les bornes du site (toutes coc

1hées au départ) : code QR de la page publique de signalement, nom de la borne, site et logo. Formats et impression : voir"," ",e.jsx("a",{href:"/documentation#all-chargers",className:"text-brand-600 dark:text-brand-300 hover:underline",children:"Parc de bornes — Imprimer les autocollants QR"}),"."]}),e.jsxs(n,{children:[e.jsx(s,{children:"Pastille d'état en direct (CHARGEOPS-414)."})," Chaque carte et chaque ligne du tableau porte, une fois que le CSMS a parlé dans les 30 derniers jours, une pastille (en service, hors service depuis…, hors ligne, dégradée, mise hors service) — l'infobulle donne l'heure du dernier événement reçu. Jamais de code d'erreur ici : il reste réservé au tableau"," ",e.jsx(s,{children:"Pannes"})," (",e.jsx(u,{children:"/support/outages"}),")."]}),e.jsxs(a,{tone:"tip",title:"Sur téléphone",children:["La liste des bornes se présente en cartes plutôt qu'en tableau ou en grille : le nom (ton identifiant PE) en titre, une pastille d'état (en service, hors ligne… ou, à défaut, la garantie) et jusqu'à trois informations clés (marque/modèle, puissance, emplacement). Un balayage vers la gauche ouvre"," ",e.jsx(s,{children:"Modifier"})," ; touche la carte pour ouvrir la fiche complète de la borne. Tablette et ordinateur gardent le choix grille/tableau habituel."]})]}),e.jsxs(t,{id:"reports",title:"Carte Rapports",children:[e.jsxs(n,{children:["Liste tous les ",e.jsx(s,{children:"rapports de maintenance"})," et"," ",e.jsx(s,{children:"rapports d'intervention"})," ouverts pour ce site, du plus récent au plus ancien. Chaque ligne affiche le titre, la ou les bornes concernées, les initiales du technicien, la date et une étiquette"," ",e.jsx(s,{children:"Brouillon"})," / ",e.jsx(s,{children:"Final"}),"."]}),e.jsxs(c,{children:[e.jsxs(i,{children:[e.jsx(s,{children:"Cliquer"})," une ligne ouvre le rapport complet : un rapport final s'ouvre en lecture, un brouillon de maintenance s'ouvre dans l'assistant d'édition."]}),e.jsxs(i,{children:["La carte ",e.jsx(s,{children:"n'apparaît pas"})," tant qu'aucun rapport n'existe pour le site."]})]})]}),e.jsxs(t,{id:"mise-en-service",title:"Carte Mise en service",children:[e.jsxs(n,{children:["Sous la liste des bornes, la carte ",e.jsx(s,{children:"Mise en service"})," dit où en est le site : « 6 / 8 bornes mises en service », une barre de progression et le nombre de bornes par état. Chaque borne active a un seul état, donc les nombres s'additionnent :"]}),e.jsx(m,{items:[{name:"À mettre en service",description:"Aucune mise en service terminée sur ce site, et la borne y est arrivée il y a 180 jours ou moins (sa création, ou son dernier déplacement vers ce site). Une mise en service annulée ne compte pas."},{name:"Mise en service en cours",description:"Un brouillon de mise en service est ouvert pour la borne sur ce site."},{name:"Mise en service",description:"Une mise en service terminée sur ce site — ou, pour une borne arrivée il y a plus de 180 jours, une date de mise en service faite sur un site précédent."},{name:"Sans mise en service",description:"Une borne plus ancienne jamais mise en service. Elle est comptée, mais personne ne te la demande ; tu peux quand même la mettre en service."}]}),e.jsxs(n,{children:["La liste ",e.jsx(s,{children:"À mettre en service"})," montre les bornes à faire et celles en cours, avec ",e.jsx(s,{children:"« Mettre en service »"})," ou ",e.jsx(s,{children:"« Reprendre »"})," ","pour les techniciens et les administrateurs. La liste ",e.jsx(s,{children:"Mises en service"})," ","donne le résultat de la dernière mise en service sur ce site (conforme ou nombre d'anomalies) et sa date ; un clic ouvre la mise en service de la borne. Le lien"," ",e.jsx(s,{children:"« Voir les bornes à mettre en service »"})," ouvre Toutes les bornes, déjà filtrée sur le site. La carte compte les 500 premières bornes d'un site et le dit au-delà."]})]}),e.jsxs(t,{id:"certificats-remise",title:"Carte Certificats de mise en service",children:[e.jsxs(n,{children:["Sous la carte Mise en service, la carte ",e.jsx(s,{children:"Certificats de mise en service"})," liste les certificats du site : leur numéro (« HC-2026-0001 », ou « Brouillon »), leur état (Brouillon, Finalisé, Remplacé), le nombre de bornes, si l'accusé du client est reçu, et la date du dernier envoi. Un certificat est le document numéroté que tu remets au client pour les bornes mises en service : pour chacune, son nom, son modèle, son numéro de série, sa date de mise en service, le résumé des vérifications, la connexion OCPP et les fins de garantie d'usine et prolongée. Aucun prix."]}),e.jsxs(c,{children:[e.jsxs(i,{children:[e.jsx(s,{children:"Créer un certificat de mise en service"})," (techniciens et administrateurs) : coche les mises en service terminées du site à inscrire. Celles déjà sur un certificat finalisé sont signalées. Le brouillon n'a pas encore de numéro."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Finaliser"})," : le certificat reçoit son numéro, par locataire et par année, et sa date — le jour civil dans le fuseau horaire de tes heures d'ouverture (Configuration → Cas de support), Toronto par défaut — et son contenu est figé — renommer une borne, annuler sa mise en service ou changer sa garantie ne le modifie plus. Une mise en service annulée ou déplacée entre la création et la finalisation est retirée, avec un avis."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Accusé de remise du client"})," : sur un certificat finalisé, fais signer le client sur place (nom, fonction, signature), ou indique pourquoi il n'est pas disponible. C'est un accusé de remise, pas une signature électronique ; une nouvelle signature remplace la précédente."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Télécharger le PDF"})," en français ou en anglais, aux couleurs de ton organisation."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Envoyer au client"})," : choisis des contacts du site et de l'organisation, ou saisis une adresse avec sa langue. Chacun reç

1oit le PDF dans sa langue, en pièce jointe, ou par un lien de téléchargement valide 30 jours s'il est trop volumineux. Deux envois en même temps ne partent pas deux fois : le second est refusé. L'historique garde les 20 derniers envois."]}),e.jsxs(i,{children:[e.jsx(s,{children:"Remplacer"})," : un certificat finalisé ne se modifie pas. Crée un nouveau certificat qui le remplace ; une fois finalisé, l'ancien reste consultable, marqué « Remplacé », et ne peut plus être envoyé."]})]})]}),e.jsx(t,{id:"vehicles",title:"SiteVehiclesSummary",children:e.jsx(n,{children:"Récapitulatif des véhicules associés au site (s'ils sont configurés). Affiche les véhicules connus et la couverture des bornes."})}),e.jsx(t,{id:"license-summary",title:"SiteLicenseSummary (si OCPP = cleo)",children:e.jsxs(n,{children:["Affiche les licences du site uniquement quand la plateforme OCPP est"," ",e.jsx(s,{children:"cleo"}),". Sur les autres plateformes, ce bloc n'apparaît pas."]})})]}),e.jsxs(r,{id:"onglet-layout",title:"Onglet Site Layout Designer",children:[e.jsxs(n,{children:["Plan visuel du site. Te permet de placer les bornes (et autres éléments) sur un fond d'image ou un plan. Le composant est ",e.jsx(s,{children:"lazy-loaded"})," — il se charge la première fois que tu cliques sur l'onglet."]}),e.jsxs(a,{tone:"tip",title:"Position des bornes",children:["Les coordonnées ",e.jsx(l,{children:"Layout X"}),", ",e.jsx(l,{children:"Layout Y"})," et"," ",e.jsx(l,{children:"Layout Rotation"})," de chaque borne sont éditables aussi depuis"," ",e.jsx(u,{children:"/all-chargers"}),", mais c'est ici que tu peux les positionner visuellement."]})]}),e.jsx(r,{id:"onglet-files",title:"Onglet File Manager",children:e.jsxs(n,{children:["Le gestionnaire de fichiers du site est intégré ici. Pour le détail complet, voir la section dédiée ",e.jsx(u,{children:"/file-manager/:siteId"}),"."]})}),e.jsx(r,{id:"onglet-maintenance",title:"Onglet Maintenance",children:e.jsx(n,{children:"Centre de maintenance du site. Pour le détail complet, voir la section dédiée du centre de maintenance."})}),e.jsx(r,{id:"permissions",title:"Permissions résumées",children:e.jsx(o,{rows:[{key:e.jsx(s,{children:"Édition d'une note"}),value:"Auteur de la note OU admin."},{key:e.jsx(s,{children:"Réécriture IA d'une note"}),value:"Admin uniquement."},{key:e.jsx(s,{children:"Suppression d'une note"}),value:"Auteur OU admin."},{key:e.jsx(s,{children:"Phase distribution"}),value:"Visible pour tous SAUF finance."},{key:e.jsx(s,{children:"Carte Mise en service"}),value:"Tout le personnel la voit (jamais le portail des exploitants) ; « Mettre en service » et « Reprendre » : techniciens et administrateurs."},{key:e.jsx(s,{children:"Carte Certificats de mise en service"}),value:"Tout le personnel la voit (jamais le portail des exploitants) ; créer, finaliser, supprimer un brouillon et recueillir l'accusé : techniciens et administrateurs ; envoyer : tout le personnel autorisé à envoyer les rapports de service."},{key:e.jsx(s,{children:"License Summary"}),value:"Affiché seulement si OCPP Dashboard = cleo."},{key:e.jsx(s,{children:"Onglet Maintenance — modifier"}),value:"Comptes autorisés à modifier les informations d'entretien ; les autres voient le plan, les dates et la couverture CHRGPK en lecture seule."}]})}),e.jsxs(r,{id:"cas-usage",title:"Cas d'usage typiques",children:[e.jsx(d,{title:"Ouvrir un site et ajouter une borne sur place",steps:[e.jsx(e.Fragment,{children:"Depuis l'accueil, clique sur le site dans la liste des sites favoris ou dans la recherche."}),e.jsxs(e.Fragment,{children:["Dans la colonne gauche, déploie ",e.jsx(s,{children:"AddChargerForm"})," si elle est minimisée."]}),e.jsx(e.Fragment,{children:"Saisis le serial, sélectionne brand et model, choisis le transformateur."}),e.jsxs(e.Fragment,{children:["Sauvegarde. La borne apparaît immédiatement dans le tableau"," ",e.jsx(s,{children:"Charger Management"})," de l'onglet central."]})]}),e.jsx(d,{title:"Documenter un incident sur un site",steps:[e.jsx(e.Fragment,{children:"Ouvre le site concerné."}),e.jsxs(e.Fragment,{children:["Dans ",e.jsx(s,{children:"Site Notes"}),", ajoute une note avec la date, le type de problème et la borne touchée."]}),e.jsxs(e.Fragment,{children:["Si tu es admin, utilise ",e.jsx(s,{children:"Réécrire avec IA"})," pour reformuler la note avant de la partager."]}),e.jsxs(e.Fragment,{children:["Bascule vers ",e.jsx(s,{children:"File Manager"})," pour téléverser une photo ou un rapport."]})]}),e.jsx(d,{title:"Consulter la capacité électrique d'un site",steps:[e.jsx(e.Fragment,{children:"Ouvre le site."}),e.jsxs(e.Fragment,{children:["Regarde ",e.jsx(s,{children:"Site Configuration"})," dans la colonne gauche pour la tension secondaire et le kVA."]}),e.jsxs(e.Fragment,{children:["Déploie ",e.jsx(s,{children:"Infrastru

1cture Info"})," pour le détail."]}),e.jsxs(e.Fragment,{children:["Dans l'onglet ",e.jsx(s,{children:"Site Management"}),", vérifie la"," ",e.jsx(s,{children:"distribution de phases"})," par transformateur (sauf rôle finance)."]})]})]})]})}export{q as default};