feat(help) : centre d'aide in-app /help avec 9 sections #4

Merged
matthieu merged 2 commits from feat/in-app-help-doc into develop 2026-05-20 07:44:45 +00:00
Owner

Résumé

Ajoute un centre d'aide complet in-app accessible depuis l'icône ? dans la topbar.

Architecture

  • Page /help avec sidebar (sections) + zone contenu (markdown rendu)
  • Contenu en markdown statique dans frontend/content/help/*.md (versionné en git, simple à éditer)
  • Rendu via marked (déjà présent dans le projet)
  • Styling avec @tailwindcss/typography (prose-* utilities) + accent gradient par section

9 sections livrées

  1. Bienvenue — vue d'ensemble + rôles
  2. Projets & Workflows — workflows custom, 5 catégories canoniques, switch
  3. Mes tâches — kanban par catégorie, filtres, bulk actions
  4. Time tracking — timer, time entries, vue mois
  5. Tâches en détail — tous les champs, récurrence, sync calendrier, Gitea
  6. Portal client — soumission tickets, statuts visibles
  7. Administration — onglets clients/workflows/efforts/priorités/tags/users
  8. Intégrations — Gitea / BookStack / Zimbra (config + usage)
  9. Token MCP & API — génération token, config .mcp.json, 27 tools listés

Visibilité par rôle

Section Admin User Client
Bienvenue
Projets & Workflows
Mes tâches
Time tracking
Tâches détail
Portal client
Admin
Intégrations
MCP / API

UX

  • Hero header par section avec gradient distinct + icône
  • Sidebar fixe desktop / horizontale scrollable mobile
  • Navigation prev/next en bas de section
  • Deep-link via ?section=... (partageable)
  • Prose typography soignée : tables, code, blockquotes en mode "callout" ambré

Dépendance

Cette PR dépend du merge de #3 workflows (la section 02 et la 09 mentionnent les workflows). Si #3 est mergé en premier, cette PR se rebase proprement sur develop.

Test plan

  • L'icône ? est visible dans la topbar (à gauche du dark mode toggle)
  • Clic sur ? ouvre /help avec la section "Bienvenue" sélectionnée
  • Naviguer entre les sections via la sidebar
  • L'URL met à jour ?section=<id> (deep-link OK au reload)
  • Avec un user ROLE_USER : pas de section Admin
  • Avec un user ROLE_CLIENT : seules Bienvenue + Portal client visibles
  • Responsive mobile : sidebar passe en barre horizontale scrollable

🤖 Generated with Claude Code

## Résumé Ajoute un **centre d'aide complet** in-app accessible depuis l'icône `?` dans la topbar. ### Architecture - **Page `/help`** avec sidebar (sections) + zone contenu (markdown rendu) - Contenu en **markdown statique** dans `frontend/content/help/*.md` (versionné en git, simple à éditer) - Rendu via `marked` (déjà présent dans le projet) - Styling avec `@tailwindcss/typography` (`prose-*` utilities) + accent gradient par section ### 9 sections livrées 1. **Bienvenue** — vue d'ensemble + rôles 2. **Projets & Workflows** — workflows custom, 5 catégories canoniques, switch 3. **Mes tâches** — kanban par catégorie, filtres, bulk actions 4. **Time tracking** — timer, time entries, vue mois 5. **Tâches en détail** — tous les champs, récurrence, sync calendrier, Gitea 6. **Portal client** — soumission tickets, statuts visibles 7. **Administration** — onglets clients/workflows/efforts/priorités/tags/users 8. **Intégrations** — Gitea / BookStack / Zimbra (config + usage) 9. **Token MCP & API** — génération token, config `.mcp.json`, 27 tools listés ### Visibilité par rôle | Section | Admin | User | Client | |---|:---:|:---:|:---:| | Bienvenue | ✅ | ✅ | ✅ | | Projets & Workflows | ✅ | ✅ | — | | Mes tâches | ✅ | ✅ | — | | Time tracking | ✅ | ✅ | — | | Tâches détail | ✅ | ✅ | — | | Portal client | ✅ | — | ✅ | | Admin | ✅ | — | — | | Intégrations | ✅ | ✅ | — | | MCP / API | ✅ | ✅ | — | ### UX - **Hero header** par section avec gradient distinct + icône - **Sidebar fixe** desktop / horizontale scrollable mobile - **Navigation prev/next** en bas de section - **Deep-link** via `?section=...` (partageable) - **Prose typography** soignée : tables, code, blockquotes en mode "callout" ambré ### Dépendance Cette PR dépend du merge de [#3 workflows](/MALIO-DEV/Lesstime/pulls/3) (la section 02 et la 09 mentionnent les workflows). Si #3 est mergé en premier, cette PR se rebase proprement sur develop. ## Test plan - [ ] L'icône `?` est visible dans la topbar (à gauche du dark mode toggle) - [ ] Clic sur `?` ouvre `/help` avec la section "Bienvenue" sélectionnée - [ ] Naviguer entre les sections via la sidebar - [ ] L'URL met à jour `?section=<id>` (deep-link OK au reload) - [ ] Avec un user `ROLE_USER` : pas de section Admin - [ ] Avec un user `ROLE_CLIENT` : seules Bienvenue + Portal client visibles - [ ] Responsive mobile : sidebar passe en barre horizontale scrollable 🤖 Generated with [Claude Code](https://claude.com/claude-code)
matthieu added 27 commits 2026-05-19 19:09:48 +00:00
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
matthieu added 1 commit 2026-05-19 19:12:09 +00:00
matthieu merged commit 40a1d737f3 into develop 2026-05-20 07:44:45 +00:00
matthieu deleted branch feat/in-app-help-doc 2026-05-20 07:44:47 +00:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MALIO-DEV/Lesstime#4