# L'espace client

> Où sont les choses, et pourquoi elles sont là.

L'espace client vit sur [app.arkya.gg](https://app.arkya.gg). Il n'a aucun privilège que
le [CLI](/cli) ou l'[API](/api) n'auraient pas : les trois parlent au même endroit. Ce
qu'il apporte, c'est de **voir** — un projet d'un coup d'œil, une dépense qui monte, un
service qui ne répond plus.


<Frame caption="Le canevas d'un projet : le rail à gauche, le sélecteur de projet en haut, les services au centre">
  <img src="/images/espace-client/canevas.webp" alt="Le canevas d'un projet : le rail à gauche, le sélecteur de projet en haut, les services au centre" />
</Frame>

## La carte des lieux

Trois zones, toujours aux mêmes endroits.

<CardGroup cols={3}>
  <Card title="Le rail" icon="bars">
    La colonne d'icônes à gauche. Les quatre du haut sont ton travail, les deux du bas
    ton compte.
  </Card>
  <Card title="La barre du haut" icon="window-maximize">
    Le sélecteur de projet, et les onglets du projet ouvert.
  </Card>
  <Card title="Le plan de travail" icon="table-cells-large">
    Le canevas, ou la page que tu as demandée. C'est là que tout se passe.
  </Card>
</CardGroup>

### Le rail

| Icône | Où elle mène |
| --- | --- |
| Grille | **Tes projets** — le canevas, et la page d'accueil de l'espace client |
| Colonnes | **Consommation** — ce que tout ton compte dépense, tous projets confondus |
| Reçu | **Factures** — factures, relevés, solde et moyens de paiement |
| Bouée | **Support** — ouvrir une demande, suivre les tiennes |
| Bouclier | **Sécurité** — mot de passe, double authentification, sessions |
| Clé | **Clés** — tes clés SSH et tes jetons d'API |

L'avatar, tout en bas, donne ton adresse, un raccourci vers la sécurité et la
déconnexion.

### La barre du haut

Le **sélecteur de projet** liste tes projets, et finit toujours par « Créer un nouveau
projet » — un projet se crée là, jamais ailleurs. À droite, les onglets du projet ouvert :

- **Canevas** — la vue des services et de leurs liens ;
- **Consommation** — ce que ce projet-là dépense, service par service.

<Note>
La consommation du rail et celle de la barre du haut ne disent pas la même chose : l'une
couvre le compte entier, l'autre le projet ouvert. C'est la même mesure, deux fenêtres.
</Note>

## Ce qu'on a mis où, et pourquoi

**Le projet est l'unité.** Pas la ressource. Un projet réunit des services, leur donne un
réseau privé, et c'est à son échelle qu'on lit une dépense. L'accueil est donc un
canevas, pas une liste.

**Un service ne quitte jamais le canevas.** Cliquer dessus ouvre un panneau à droite ;
l'agrandir le transforme en modale plein écran. Tu ne perds jamais la vue d'ensemble,
et tu n'as pas de bouton « retour » à chercher.

**Ce qui détruit est loin de ce qui pilote.** Supprimer un service est au fond de
l'onglet Réglages, derrière une confirmation. Démarrer et arrêter sont en haut, à un
clic.

## Par où commencer

<CardGroup cols={2}>
  <Card title="Le canevas" icon="diagram-project" href="/espace-client/canevas">
    Les nœuds, les liens, et comment ajouter un service.
  </Card>
  <Card title="Le panneau d'un service" icon="server" href="/espace-client/service">
    Les neuf onglets, et lequel sert à quoi.
  </Card>
  <Card title="Brancher une app sur sa base" icon="database" href="/espace-client/cas/brancher-une-app-sur-sa-base">
    Le cas le plus courant, de bout en bout.
  </Card>
  <Card title="Suivre ce que ça coûte" icon="chart-column" href="/espace-client/cas/suivre-la-depense">
    Lire une dépense, prévoir un mois, se faire prévenir.
  </Card>
</CardGroup>
