Un gestionnaire de mots de passe de 101 Studios

Les mots de passe de votre équipe, enfin sous clé.

Des coffres de mots de passe chiffrés de bout en bout, rangés là où vos équipes travaillent déjà : dans votre application. Vous décidez qui y accède ; votre serveur, lui, n'y lit rien.

  • Chiffrés de bout en bout
  • Clés créées dans le navigateur
  • Hébergés chez vous
  • FR · EN · DE
Trois portées, trois couleurs : chaque coffre s'ouvre dans le navigateur de qui y a droit, et le serveur ne reçoit que du chiffré.

01Le constat

Le tableur des mots de passe a fait son temps.

Un fichier partagé, un onglet par client, des mots de passe en clair recopiés dans les messageries. Tout le monde l'a connu ; personne n'aime y repenser.

  • « C'était dans quel onglet, déjà ? »
  • « Tu peux me renvoyer le mot de passe du serveur ? »
  • « Il a encore accès, lui ? »
  1. 1

    Plus rien en clair

    Chaque entrée est chiffrée dans le navigateur avant de partir. Une base volée ne raconte rien.

  2. 2

    Chacun voit ce qui le concerne

    Vos règles d'accès décident, coffre par coffre : lecture, modification ou propriétaire.

  3. 3

    Un départ se règle tout seul

    Qui quitte une équipe perd l'accès à l'instant ; la clé du coffre change, et ce qu'il pouvait lire est signalé « à renouveler ».

02Trois portées

Un coffre pour soi, pour l'équipe, pour toute la maison.

Chaque coffre appartient à une portée, toujours reconnaissable à sa couleur. Votre application dit qui y entre et ce qu'il peut y faire ; Vaultilla le lui demande à chaque requête.

Personnel

À une personne

Ses accès à elle, que personne d'autre ne voit. Pas même les administrateurs de l'application.

Mes accès · Banque en ligne · Wi-Fi maison

Espace de travail

À une équipe, un client, un projet

Les accès partagés d'un espace : ses membres lisent, modifient ou administrent, selon leur rôle dans votre application.

Infra Apollo · Clients Apollo

Général

À toute l'application

Les comptes de la maison, ouverts aux seules personnes que votre application désigne. Un coffre général n'est jamais public.

Outils 101 · Mailjet · OVHcloud

Trois niveaux d'accès, décidés par votre application

  • Lecture · voir et copier
  • Modification · ajouter, changer, supprimer des entrées
  • Propriétaire · créer, renommer, supprimer les coffres

03Pour les testeurs

La démo, en dix minutes chrono.

Une vraie instance, de vraies clés, de fausses données. Quatre personnes côte à côte, chacune dans son propre navigateur : jouez-les tour à tour.

Ouvrir la démo

Qui est qui

  • AlicePropriétaire d'Apollo et des coffres généraux
  • BobLecteur dans Apollo
  • ChloéPropriétaire de Zephyr, lectrice des coffres généraux
  • DanSon espace personnel seulement : pour tout découvrir depuis zéro

Astuce : « One person, full width » montre les trois panneaux comme dans une vraie application.

Données de démonstration uniquement : la démo repart de zéro à chaque mise à jour, et chacun peut la réinitialiser. N'y mettez rien de vrai.

Le parcours

  1. 1Repartir des données de démo« Start over with demo data » remplit les coffres d'Alice, Bob et Chloé, et les ouvre tout seuls.
  2. 2Retrouver un accèsComme Alice, cherchez « apollo », passez d'une entrée à l'autre avec ↑ ↓, copiez un mot de passe d'un clic.
  3. 3Créer une entréeChoisissez son coffre, laissez le générateur proposer un mot de passe, enregistrez avec Ctrl+Entrée.
  4. 4Changer les droitsDans le tableau du haut, passez Bob en « member » : il peut modifier. Retirez-le : le coffre disparaît chez lui, ses entrées sont « à renouveler » chez Alice.
  5. 5Ouvrir un nouveau navigateurDans une fenêtre privée, déverrouillez Alice avec son code de démo, puis retirez ce navigateur depuis le premier.
  6. 6VerrouillerLe cadenas ferme tous les onglets ; ils restent fermés après un rechargement.
Ce qui nous aide
  • Ce qui vous a fait hésiter, et à quel endroit
  • Les mots qui ne sont pas clairs
  • Ce qui vous manque par rapport à votre gestionnaire actuel
Envoyer vos retours

04Au quotidien

Tout ce qu'on attend d'un gestionnaire de mots de passe.

Les bons réflexes des gestionnaires que vos équipes connaissent, dans votre application, sans extension à installer.

  • Toutes les entrées, une recherche

    Tous les coffres d'un coup ; le premier résultat s'affiche sans clic, les flèches passent au suivant.

  • Copié d'un clic

    Chaque champ se copie d'un clic, qui le confirme. Le presse-papiers se vide après 30 secondes.

  • Un générateur honnête

    Longueur, familles de caractères, sans caractères ambigus ; sa robustesse en mots et en bits, calculée exactement.

  • Jamais d'écrasement

    Deux personnes modifient la même entrée ? La seconde voit les deux versions, champ par champ, et choisit.

  • Un verrou qui tient

    Après dix minutes sans usage, ou d'un clic : tous les onglets se ferment, et le restent au rechargement.

  • Plusieurs navigateurs

    Un code de secours ouvre tout sur un nouveau navigateur ; un navigateur perdu se retire depuis un autre.

  • À renouveler

    Après un départ, les entrées que la personne pouvait lire sont signalées jusqu'au changement de leur mot de passe.

  • Toujours à jour

    Ce que les autres changent apparaît dès que vous revenez sur vos coffres.

  • Au clavier, au doigt

    / pour chercher, ↑ ↓ pour parcourir, Ctrl+Entrée pour enregistrer ; et tout reste utilisable sur téléphone.

05Sécurité

Chiffré de bout en bout, sans jargon ni promesse en l'air.

Les clés naissent dans les navigateurs de vos utilisateurs et n'en sortent jamais en clair. Votre serveur range, applique vos règles d'accès, et ne lit rien.

Ce que lit Alice
Base de données (prod)Espace de travail· Infra Apollo
Identifiant
apollo_admin
Mot de passe
Pr0d-x7$Wq2^Nc9Lzb4
Ce que stocke le serveur0 lisible par le serveur
coffre · versiontypetailledonnées (fin)
7c41e2 · 9scellé312 B… e27a 11fe e346 2784 0ccc a3d1 aa61
7c41e2 · 8scellé312 B… cdc4 6254 3ae6 d9f4 cec7 1da4 1350
7c41e2 · 7scellé568 B… 8449 65d1 a1b9 f680 5cfb f65d 8c66
a90d3b · 4scellé312 B… a894 bc81 2a72 5012 a046 024f ae03
a90d3b · 3scellé312 B… 173b 1934 c1cf 92a6 bf14 4689 e92a
  • Une clé par coffre

    Scellée pour chaque navigateur de chaque membre et pour sa clé de secours, avec HPKE (RFC 9180).

  • Des entrées scellées et signées

    AES-256-GCM, complétées à 256 octets pour ne pas trahir une longueur, signées Ed25519 par le navigateur qui les écrit.

  • Une nouvelle clé à chaque départ

    Qui quitte un coffre n'en lit pas la suite : la clé change avant la prochaine entrée.

  • Un code de secours de 120 bits

    Il ouvre les coffres sur un nouveau navigateur, sans personne d'autre en ligne. Le serveur garde le trousseau sans pouvoir l'ouvrir.

Et si…

… j'ouvre un nouveau navigateur ?
Le code de secours ouvre tout, sans personne d'autre en ligne.
… j'ai perdu un navigateur ?
Je le retire depuis un autre ; la clé de mes coffres change.
… j'ai perdu mon code ?
Un navigateur encore ouvert en crée un nouveau, sans rien perdre.
… j'ai tout perdu ?
Les membres de mes coffres partagés me rendent leurs clés. Mes coffres personnels, eux, sont perdus : c'est le prix du chiffrement de bout en bout, et l'écran le dit avant.

06Pour les développeurs

Trois fichiers, et vos utilisateurs ont leurs coffres.

Des packages TypeScript : une interface React, un client qui chiffre dans le navigateur, un serveur pour Node et Postgres. AdonisJS a son intégration prête ; les autres frameworks passent par un handler Fetch standard.

  1. 1

    Installer

    Le package Adonis ajoute sa configuration, son provider et ses migrations.

  2. 2

    Brancher vos règles

    Qui appelle, dans quelles portées il voit des coffres, ce qu'il peut y faire ; puis une ligne pour les routes.

  3. 3

    Afficher

    Un provider, puis <Vaults />, qui se dispose selon la place qu'on lui donne.

pnpm add @101-lu/vaultilla-adonis @101-lu/vaultilla-react @101-lu/vaultilla-client
node ace configure @101-lu/vaultilla-adonis
node ace migration:run

Les packages

  • @101-lu/vaultilla-reactL'interface : coffres, entrées, générateur, verrou
  • @101-lu/vaultilla-clientLe moteur dans le navigateur : clés, coffres, onglets
  • @101-lu/vaultilla-serverLe serveur, sur Knex et Postgres, en handler Fetch
  • @101-lu/vaultilla-adonisL'intégration AdonisJS : configuration, routes, migrations
  • @101-lu/vaultilla-cryptoLes primitives : HPKE, Ed25519, AES-GCM, code de secours

Et le reste suit

  • Vos couleurs : des variables CSS --vaultilla-*, en clair comme en sombre
  • Votre mise en page : trois panneaux, deux ou un, selon la largeur du conteneur
  • Vos mots : français, anglais et allemand fournis, les vôtres en premier
  • Vos événements : un coffre créé, un membre parti, un navigateur ajouté, pour vos e-mails
  • Votre passkey : réinitialiser, retirer un navigateur ou déverrouiller la demande
  • Avec Pea'spell : un seul code de secours pour la messagerie et les coffres

Les règles de la maison

  1. 01Chez vous : votre serveur, votre base. Aucun appel à un service de 101 Studios.
  2. 02Aucune clé sur le serveur : il garde des coffres scellés, jamais de quoi les ouvrir.
  3. 03Votre application décide qui accède : Vaultilla ne tient pas sa propre liste d'utilisateurs.
  4. 04Honnêtes sur ce que le serveur sait, et sur ce que coûte un code perdu.
  5. 05Des versions, des migrations et un guide à chaque évolution.

Questions & réponses

Faut-il changer notre backend ?

Non. Vaultilla s'ajoute à votre serveur Node et à votre Postgres : un package pour AdonisJS, un handler Fetch pour les autres. Vos utilisateurs et vos droits restent les vôtres.

Où sont nos données ?

Dans votre base, chiffrées. Les clés, dans les navigateurs de vos utilisateurs. Rien ne passe par 101 Studios.

Que se passe-t-il quand quelqu'un quitte l'équipe ?

Votre application lui retire ses droits : il perd l'accès à l'instant, la clé du coffre change avant la prochaine entrée, et ce qu'il pouvait lire est signalé « à renouveler ».

Et si on perd son code de secours ?

Depuis un navigateur encore ouvert, on en crée un nouveau sans rien perdre. Sans navigateur ni code, les membres des coffres partagés rendent l'accès ; les coffres personnels sont perdus.

Y a-t-il une extension, un remplissage automatique ?

Pas pour l'instant, et c'est voulu : Vaultilla vit dans votre application. On copie d'un clic, et le presse-papiers se vide tout seul.

Peut-on importer notre tableur actuel ?

C'est la prochaine étape prévue : un import CSV, chiffré dans le navigateur au moment de l'import.

Ça marche sur téléphone ?

Oui. L'interface passe à un panneau à la fois, et toutes ses actions restent à portée de doigt.

Combien ça coûte ?

Parlons-en : 101 Studios vous accompagne de l'intégration à la mise en production.