feat: Add packages/site — landing vitrine (Vue 3 + Tailwind 4)

- Scaffold packages/site with 11 Vue components: hero (animated terminal), features, showcase, work groups, how-it-works, security, FAQ accordion, footer
- i18n EN/FR via vue-i18n with 82+ keys, autodetect navigator.language, toggle without reload
- Animated timeline (terminal, dialog, toast) ported from design, scroll-reveal, copy buttons (2 instances)
- Self-hosted JetBrains Mono fonts (@fontsource), optimized assets (mark 28KB, og-cover 1200×630)
- SEO: canonical, og:image, theme-color, robots.txt, sitemap.xml for git-arboretum.com
- Monorepo integration (decoupled from npm release): build:site / dev:site / preview:site scripts
- CI: add build:site step to ci.yml for early detection; create .gitea/workflows/prod.yml for FTPS deploy (lftp mirror) to git-arboretum.com
- Validated builds ✓ and UI rendering (EN/FR headless test) ✓
This commit is contained in:
2026-06-19 10:02:22 +02:00
parent 8d3a47bd91
commit 3b251c8174
41 changed files with 1923 additions and 1 deletions

View File

@@ -0,0 +1,93 @@
// Messages EN — copie fidèle du dict() du design Arboretum.dc.html.
export default {
navFeatures: 'Features',
navHow: 'How it works',
navSecurity: 'Security',
navFaq: 'FAQ',
gitea: 'View on Gitea',
heroBadge: 'Mission control for AI coding agents',
heroTitle: 'Mission control for your AI coding agents',
heroSub:
'Run many Claude Code sessions across every git worktree — and supervise them from any device, even your phone.',
getStarted: 'Get started',
probKicker: 'The problem',
probTitle: "Many agents across worktrees is chaos — and you're chained to one terminal.",
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',
feat1Title: 'Worktree-first',
feat1Desc: 'Every session is pinned to a git worktree. You see branches, not chaos.',
feat2Title: 'Many sessions, one view',
feat2Desc: 'Run parallel Claude Code agents side by side in a single live grid.',
feat3Title: 'Fine-grained states',
feat3Desc: 'tell at a glance what each agent is doing.',
feat4Title: 'Supervise anywhere',
feat4Desc: 'Installable PWA. Check in from your laptop, tablet, or phone.',
feat5Title: 'Web Push alerts',
feat5Desc: 'Get pinged the moment a session needs a decision from you.',
feat6Title: 'Answer without a terminal',
feat6Desc: 'Respond to agent prompts and dialogs right from the dashboard.',
feat7Title: 'Work groups',
feat7Desc: 'Group repos and launch the same feature across all of them at once.',
feat8Title: 'Local-first & secure',
feat8Desc: 'Binds to localhost, hashes tokens, remote access via Tailscale.',
scAKicker: 'Worktree-first dashboard',
scATitle: 'See what needs you — before anything stalls',
scABody:
'A live list of every worktree and its session state. The Needs attention rail floats the agents waiting on a decision to the top, so nothing sits blocked while you are heads-down elsewhere.',
scBKicker: 'Multi-terminal grid',
scBTitle: "Every agent's output, streaming live",
scBBody:
'Watch all your sessions at once — real terminal output, color-coded by state, updating in real time. Click any pane to take over, answer a prompt, or stop a run.',
scCKicker: 'On your phone',
scCTitle: 'Unblock an agent from the kitchen',
scCBody:
'Install the PWA and get a Web Push the second a session needs you. Tap the notification, read the prompt, answer the dialog — your agent keeps moving while you are away.',
grpKicker: 'Work groups · cross-repo',
grpTitle: 'Ship one feature across every repo at once',
grpBody:
'Group the repos that move together — a service, its client, its docs. Launch the same task to all of them and Arboretum spins up a worktree and an agent in each, then tracks them as one unit.',
howKicker: 'How it works',
howTitle: 'Zero install. Three steps.',
step1Title: 'Launch the daemon',
step1Desc: 'One command. No install, no config, no account.',
step2Title: 'Open the dashboard',
step2Desc: 'It serves a web dashboard on localhost. Install it as a PWA on any device.',
step3Title: 'Spawn & supervise',
step3Desc: 'Start Claude Code sessions on any worktree and watch them from anywhere.',
secKicker: 'Security',
secTitle: 'A web terminal you can actually trust',
secIntro: 'Built local-first. Nothing is exposed unless you choose to — and even then, on your terms.',
sec1Title: 'Localhost by default',
sec1Desc: 'Binds to 127.0.0.1. Nothing leaves your machine unless you say so.',
sec2Title: 'Hashed tokens',
sec2Desc: 'Access tokens are hashed (sha256) at rest. No plaintext secrets on disk.',
sec3Title: 'Strict origin checks',
sec3Desc: 'Every request is origin-validated. No cross-site surprises.',
sec4Title: 'Remote via Tailscale',
sec4Desc: 'Reach it over Tailscale Serve — no public port, no port forwarding.',
faqTitle: 'Questions, answered',
ctaTitle: 'Take command of your agents',
ctaBody: 'One command to launch. Supervise everything from one place.',
ctaSource: 'View the source on Gitea',
footTag: 'a garden of branches, one pane of glass.',
license: 'MIT License',
coffee: 'Buy me a coffee',
mDash: 'Dashboard',
mGroups: 'Groups',
mSettings: 'Settings',
mHelp: 'Help',
mSearch: 'Search',
mAttn: 'Needs attention',
waiting: 'waiting',
busy: 'busy',
idle: 'idle',
approve: 'Approve',
reject: 'Reject',
toastTitle: 'Session waiting for you',
toastBody: 'api · feat/auth needs a decision',
dlgQ: 'Apply this change to login.ts?',
copy: 'Copy',
copied: 'Copied',
};