# Le canevas

> Voir un projet : ses services, leurs liens, leur état.

Le canevas est la page d'accueil de l'espace client. Chaque **nœud** est un service du
projet ouvert ; chaque **lien** dit qu'un service se sert d'un autre.


<Frame caption="Deux services et le lien que leurs variables ont créé">
  <img src="/images/espace-client/canevas.webp" alt="Deux services et le lien que leurs variables ont créé" />
</Frame>

## Lire un nœud

Un nœud porte, de haut en bas : l'icône de sa gamme, son nom, son adresse ou son port, et
une pastille d'état.

| Pastille | Ce qu'elle dit |
| --- | --- |
| Verte | Le conteneur tourne |
| Grise | Il est arrêté |
| Orange qui bat | Il démarre, ou il s'arrête |
| Bleue | Il s'installe |

<Note>
Cette pastille suit le **conteneur**, pas la vie administrative du service. Un service
parfaitement actif et facturé peut être arrêté : c'est normal, et c'est ce que la pastille
montre.
</Note>

## Lire un lien

Les liens ne se dessinent pas à la main : ils sont **déduits de tes variables**. Un
service dont une variable vaut `${ma-base.URL}` produit une flèche vers `ma-base`, et
l'étiquette du lien nomme la variable.

C'est la réponse à « qu'est-ce qui casse si j'arrête ça ? » : ce qui pointe vers un
service en dépend.

<Tip>
Un service que tu crois branché mais qui n'a pas de flèche ne l'est pas. Regarde ses
[variables](/espace-client/variables) : l'adresse y est sans doute écrite en dur, ce qui
marche jusqu'au jour où le port change.
</Tip>

## Ajouter un service

<Steps>
  <Step title="Ouvre la palette">
    Le bouton **Ajouter un service**, en haut du canevas.
  </Step>
  <Step title="Choisis ce que tu poses">
    La liste montre les gammes avec leur sigle — AGS pour un serveur de jeu, ACS pour une
    image, ADB pour une base de données. Le champ de recherche filtre sur le nom comme sur
    le sigle.
  </Step>
  <Step title="Renseigne le peu qu'on demande">
    Un nom, une taille, un nœud. Le prix s'affiche avant que tu valides.
  </Step>
  <Step title="Le nœud apparaît">
    Le service rejoint le canevas et le réseau privé du projet. Il est joignable par ses
    voisins sous son alias, et fermé sur Internet tant que tu ne l'ouvres pas.
  </Step>
</Steps>


<Frame caption="La palette : les gammes, leur sigle, et la recherche">
  <img src="/images/espace-client/palette-services.webp" alt="La palette : les gammes, leur sigle, et la recherche" />
</Frame>

## Déplacer, renommer, supprimer un projet

Un nœud se déplace à la souris : sa position est enregistrée, tu retrouveras ton plan.

Le menu du canevas porte le renommage et la suppression du projet. **Supprimer un projet
ne supprime pas ses services** : ils redeviennent autonomes et rejoignent le projet par
défaut.

## Ouvrir un service

Un clic sur un nœud ouvre le [panneau du service](/espace-client/service) à droite : le
canevas se rétrécit, rien ne disparaît. L'icône d'agrandissement transforme le panneau en
modale plein écran quand tu as besoin de place — pour les fichiers ou une requête SQL, par
exemple.