refactor(site): visuels fidèles à l'app réelle + arguments alignés sur le réel

- HeroMockup : sidebar fidèle (Worktrees actif / Sessions + badge / Groups, puis
  Réglages / Aide / Gitea / Café) + pied langue·notif·déconnexion·version ; dialogue
  au format DialogPrompt (badge Permission + options numérotées + Deny) ; couleurs
  d'état alignées sur SessionStateBadge.
- ShowcaseSection : a) dashboard worktree-first (rail « À traiter » + RepoSection
  + WorktreeCard avec états), b) grille fidèle à TerminalCell (badge d'état texte
  + repo·branche + commande), c) mobile avec DialogPrompt réel + MobileTabBar.
- Retrait de la notion d'IDE (titre des fonctionnalités + FAQ) ; FAQ recentrée
  sur ce que fait réellement l'app.
This commit is contained in:
2026-06-22 12:41:10 +02:00
parent 8036de2f0d
commit 5166b14d5c
5 changed files with 265 additions and 163 deletions

View File

@@ -10,8 +10,8 @@ export interface FaqItem {
export const FAQS: Record<AppLocale, FaqItem[]> = {
en: [
{
q: 'Is Arboretum an IDE?',
a: "No — it's a command center. It doesn't replace your editor; it supervises the AI coding agents working across your repos: spawning sessions, surfacing their state, and letting you answer them.",
q: 'How is this different from running Claude Code in a terminal?',
a: 'It runs the very same interactive claude CLI — Arboretum just wraps it in a managed terminal you reach from a browser. What you gain on top: a worktree-first dashboard across all your repos, live busy / waiting / idle states, a multi-terminal grid, push notifications, and the ability to answer a prompt from your phone. It supervises your sessions; it does not change how Claude Code works.',
},
{
q: 'Does it need the cloud?',
@@ -23,7 +23,7 @@ export const FAQS: Record<AppLocale, FaqItem[]> = {
},
{
q: 'Does it work on mobile?',
a: 'Yes. The dashboard is an installable PWA. Add it to your home screen, get Web Push the moment a session needs you, and approve or reject a prompt with a single tap.',
a: 'Yes. The dashboard is an installable PWA. Add it to your home screen, get Web Push the moment a session needs you, and answer a prompt with a single tap.',
},
{
q: 'Is my code safe?',
@@ -32,8 +32,8 @@ export const FAQS: Record<AppLocale, FaqItem[]> = {
],
fr: [
{
q: 'Arboretum est-il un IDE ?',
a: "Non — c'est un poste de commandement. Il ne remplace pas votre éditeur ; il supervise les agents de code IA qui travaillent sur vos repos : lancement des sessions, affichage de leur état, et réponse à leurs questions.",
q: 'En quoi est-ce différent de lancer Claude Code dans un terminal ?',
a: "C'est exactement le même CLI claude interactif — Arboretum l'enveloppe simplement dans un terminal managé accessible depuis un navigateur. Ce que vous gagnez en plus : un dashboard worktree-first sur tous vos repos, les états occupée / en attente / inactive en direct, une grille multi-terminaux, des notifications push, et la possibilité de répondre à une question depuis votre téléphone. Il supervise vos sessions ; il ne change rien au fonctionnement de Claude Code.",
},
{
q: 'A-t-il besoin du cloud ?',
@@ -45,7 +45,7 @@ export const FAQS: Record<AppLocale, FaqItem[]> = {
},
{
q: 'Fonctionne-t-il sur mobile ?',
a: "Oui. Le dashboard est une PWA installable. Ajoutez-le à l'écran d'accueil, recevez un Web Push dès qu'une session a besoin de vous, et approuvez ou refusez une question d'un toucher.",
a: "Oui. Le dashboard est une PWA installable. Ajoutez-le à l'écran d'accueil, recevez un Web Push dès qu'une session a besoin de vous, et répondez à une question d'un seul toucher.",
},
{
q: 'Mon code est-il en sécurité ?',

View File

@@ -15,7 +15,7 @@ export default {
probBody:
'Sessions scattered across tabs. No idea which agent is waiting on you. Step away from the desk and everything stalls. Arboretum is the single pane of glass.',
featKicker: 'Everything in one view',
featTitle: 'Built to supervise agents — not to be an IDE',
featTitle: 'Built to supervise agents working in parallel',
feat1Title: 'Worktree-first',
feat1Desc: 'Work on your main branch or spin up an isolated worktree — every session stays pinned to a branch. Branches, not chaos.',
feat2Title: 'Many sessions, one view',
@@ -75,17 +75,24 @@ export default {
footTag: 'a garden of branches, one pane of glass.',
license: 'MIT License',
coffee: 'Buy me a coffee',
mDash: 'Dashboard',
mWorktrees: 'Worktrees',
mSessions: 'Sessions',
mGroups: 'Groups',
mSettings: 'Settings',
mHelp: 'Help',
mGitea: 'Gitea',
mMore: 'More',
mSearch: 'Search',
mAttn: 'Needs attention',
waiting: 'waiting',
busy: 'busy',
idle: 'idle',
approve: 'Approve',
reject: 'Reject',
mPermission: 'Permission',
mDeny: 'Deny (Esc)',
mMain: 'main',
mClean: 'clean',
mDirty: '3 changed',
mStart: 'Start work',
toastTitle: 'Session waiting for you',
toastBody: 'api · feat/auth needs a decision',
dlgQ: 'Apply this change to login.ts?',

View File

@@ -15,7 +15,7 @@ export default {
probBody:
"Des sessions éparpillées dans des onglets. Aucune idée de quel agent vous attend. Vous quittez le bureau et tout se fige. Arboretum, c'est la vitre unique.",
featKicker: 'Tout dans une seule vue',
featTitle: 'Conçu pour superviser les agents — pas pour être un IDE',
featTitle: 'Conçu pour superviser des agents qui travaillent en parallèle',
feat1Title: "Worktree d'abord",
feat1Desc: 'Travaillez sur votre branche principale ou créez un worktree isolé — chaque session reste rattachée à une branche. Des branches, pas du chaos.',
feat2Title: 'Plusieurs sessions, une vue',
@@ -75,17 +75,24 @@ export default {
footTag: 'un jardin de branches, une seule vitre.',
license: 'Licence MIT',
coffee: 'Paye-moi un café',
mDash: 'Tableau de bord',
mWorktrees: 'Worktrees',
mSessions: 'Sessions',
mGroups: 'Groupes',
mSettings: 'Réglages',
mHelp: 'Aide',
mGitea: 'Gitea',
mMore: 'Plus',
mSearch: 'Rechercher',
mAttn: 'À traiter',
waiting: 'en attente',
busy: 'occupé',
idle: 'au repos',
approve: 'Approuver',
reject: 'Refuser',
busy: 'occupée',
idle: 'inactive',
mPermission: 'Permission',
mDeny: 'Refuser (Échap)',
mMain: 'principal',
mClean: 'propre',
mDirty: '3 modifiés',
mStart: 'Démarrer',
toastTitle: 'Une session vous attend',
toastBody: 'api · feat/auth attend une décision',
dlgQ: 'Appliquer ce changement à login.ts ?',