feat: menu ＋ — Compétences-skills « Gérer » + « Parcourir » — phase 2/8 (v7.52.0)

- Sous-menu « Compétences-skills » : 11 skills builtin + skills enregistrés, libellés affichés « Deep research » (/research) et « Skill-creator » (/create-new-skill) via FD_SKILL_ALIAS (slugs intacts) ; le clic épingle le skill au contexte, même chemin que la palette /. - « Gérer les compétences » : section du menu + formulaire intégré (nom, description, prompt) — création, édition, suppression (chip épinglé nettoyé), export JSON téléchargé, import fichier avec overwrite (pas de doublon). - « Parcourir les compétences » : section galerie filtrable (nom/description/ slug), installation en 1 clic (installGallerySkill réutilisé). - PATCH /api/agent/skills/{skill_id} créé : édition partielle, whitelist de colonnes, 400/401/404/409. OpenAPI régénéré : 515 chemins, version 7.52.0. - En-tête ← + titre de section dans le menu (navigation à 3 niveaux). - Fix : épingler un skill enregistré n'efface plus le message déjà tapé (_pinDbSkill ne vide le composer que s'il est vide). - Tests : tests/test_v752_skills_menu.py (7) + test_v751 adapté. Suite complète 1280 verts (-n auto), ruff 0, eslint 0 problème.
feat: menu ＋ de l'assistant en hub de contexte — phase 1/8 (v7.51.0)
2026-10-06 21:39:24 -04:00 · 2026-10-06 20:01:47 -04:00 · 2026-10-06 19:35:22 -04:00 · 2026-10-06 15:53:04 -04:00 · 2026-10-06 15:15:01 -04:00 · 2026-10-06 12:48:48 -04:00
25 changed files with 1515 additions and 172 deletions
@@ -1,5 +1,158 @@
 # Changelog - FlowDeck

+## v7.52.0 (2026-10-06) — Menu ＋ : Compétences-skills « Gérer » + « Parcourir » (phase 2/8)
+
+### Added
+
+- **Sous-menu « Compétences-skills »** — 11 skills builtin + les skills
+  enregistrés, avec **libellés affichés** « Deep research » (`/research`) et
+  « Skill-creator » (`/create-new-skill`) via `FD_SKILL_ALIAS` (slugs intacts) ;
+  le clic épingle le skill au contexte, même chemin que la palette `/`.
+- **« Gérer les compétences »** — section du menu : liste des skills,
+  formulaire intégré (nom, description, prompt) pour créer/éditer, suppression
+  avec nettoyage du chip épinglé, **export JSON** téléchargé et **import** en
+  fichier (`overwrite:true` → jamais de doublon).
+- **« Parcourir les compétences »** — section galerie filtrable (nom /
+  description / slug), installation en 1 clic (`installGallerySkill`).
+- **`PATCH /api/agent/skills/{skill_id}`** — édition partielle, whitelist de
+  colonnes figée côté serveur, réponses 400 (champ vide / aucun champ),
+  401 (sans session), 404, 409 (nom déjà pris). **OpenAPI régénéré** :
+  `docs/openapi-v2.json` → 515 chemins, `info.version` 7.52.0.
+- **En-tête ← + titre de section** dans le menu (indispensable à 3 niveaux :
+  racine → compétences → gérer/parcourir/formulaire).
+- **Fix** : épingler un skill enregistré **n'efface plus** le message déjà tapé
+  (`_pinDbSkill` ne vide le composer que s'il est vide).
+
+### Tests
+
+- `tests/test_v752_skills_menu.py` — **7 tests** : PATCH complet + partiel,
+  validations 400/404, 401 sans session (CSRF valide pour isoler la route),
+  import sans doublon (409 puis `overwrite` → 1 seule ligne), aller-retour
+  export → import, câblage des sections + alias, markup rendu dans la page.
+- `tests/test_v751_plus_menu.py` adapté : 4 sections « bientôt » au lieu de 5.
+- **Suite complète : 1280 passed / 0 failed** (`-n auto`), `ruff check app tests`
+  propre, `eslint static/js/agent_panel_2.js` **0 problème**.
+
+
+## v7.51.0 (2026-10-06) — Menu ＋ de l'assistant : hub de contexte (phase 1/8)
+
+### Added
+
+- **Menu à sections sur le bouton ＋** (`agent_panel.html` + `agent_panel_2.js`) :
+  le ＋ ouvre *Ajouter des fichiers ou répertoires*, *Compétences-skills*,
+  *Connecteurs*, *Design System – Canevas*, *Add plugins*, *Mémoire (on/off)*.
+  Sections pas encore livrées affichées « bientôt (phase N) » et **désactivées**
+  (décision D3 : le menu ne promet rien que le code ne fait). Navigation clavier
+  ↑/↓/Entrée/Échap, focus visible, Échap revient d'un niveau.
+- **Parcours fichiers & répertoires** — « Parcourir… » affiche un niveau à la fois
+  via `/api/nav/menu` (contrat : dossier = `icon === 'folder'`) avec fil d'Ariane
+  cliquable ; un document s'épingle (`document:<id>`), un dossier s'épingle depuis
+  la ligne « 📌 Épingler le dossier » (`folder:<id>`).
+- **Jeton `folder:<id>`** résolu par `ContextBuilder._mentions_context` : titre du
+  dossier + documents directs, budget ~12k caractères (marqueur « contenu du
+  dossier tronqué »). Enfants directs seulement — récursion à ajouter si les
+  arbres profonds deviennent réels.
+- **« Rechercher… »** conserve l'ancien sélecteur de mentions (recherche par nom,
+  `@` inline) à l'identique : zéro régression du chemin existant.
+
+### Tests
+
+- `tests/test_v751_plus_menu.py` — **7 tests** : résolution du dossier, budget
+  borné, id inconnu, contrat `/api/nav/menu`, rendu du menu dans la page,
+  6 sections dont 5 désactivées, jeton `folder:` côté front et côté backend.
+- **Suite complète : 1273 passed / 0 failed** (`-n auto`), `ruff check app tests`
+  propre, `eslint static/js` **0 erreur**.
+
+
+## v7.50.2 (2026-10-06) — Peek de Library : nu comme local-workspace (plus de bande ni double scrollbar)
+
+### Fixed
+
+- **Le document ouvert par le bouton « Open » de Library n'occupait pas le
+  panneau** — `.peek-body` gardait un `padding:16px 20px` + `overflow-y:auto`
+  (héritage de l'ancien peek à rendu HTML) : l'iframe était amochée
+  (519×816 mesurés contre 559×848 en local-workspace) avec une bande grise
+  autour du document et une double scrollbar. Corps nu (`padding:0`,
+  `overflow:hidden`) : l'éditeur remplit le panneau, exactement comme le peek
+  « parfait » de /local-workspace (mesuré Playwright, cookie de session forgé).
+
+### Tests
+
+- `test_library_peek_body_has_no_inset_padding`. Suite 1266 passed / 0 failed
+  (-n auto) + ruff 0.
+
+## v7.50.1 (2026-10-06) — Peek des bases : le contenu se rend enfin + tableau pleine largeur
+
+### Fixed
+
+- **Une base ouverte en side peek restait à « Loading database… »** —
+  `page_editor_embed.html` (le peek de `/pages/{id}?embed=1`) n'incluait pas
+  `database_table.js` : `window.FlowDeckDB` était undefined dans l'iframe et
+  le bloc `embed/collection` ne s'hydrat jamais. Inclus désormais (même
+  traitement que `page_editor.html`).
+- **L'icône « Open » de fin de ligne d'un tableau de base ne faisait rien
+  hors page dédiée** — le panneau `#db-side-peek` n'existait que dans le
+  markup de `_database_table.html` ; sans lui, `openPageInSidePeek` était un
+  no-op. Le panneau est créé à la demande par `database_table.js`
+  (`ensureDbPeek`, comme `mt-peek` de My Tasks) : markup unique, le partial
+  ne contient plus le panneau statique.
+- **Barre de scroll sous le tableau des bases** — `.database-table-container`
+  plafonnait à 1100 px (règle héritée de Library) : le tableau ne prenait
+  pas la largeur du document. Plafond retiré ; `max-width: 100%` aussi pour
+  les conteneurs `.db-first` (base embarquée en premier bloc) et le titre
+  des pages de base — les colonnes dictent seules le scroll horizontal.
+
+### Tests
+
+- `test_embed_editor_can_render_inline_databases` (include peek + panneau
+  créé à la demande, source unique de markup). Suite 1265 passed / 0 failed
+  (-n auto) + ruff 0.
+
+## v7.50.0 (2026-10-06) — Side peek : le document seul (mode édition), sans sidebar ni barre
+
+### Fixed
+
+- **Tous les boutons « Open » ouvraient l'habillage pleine page dans le panneau
+  latéral** — `library.js` (OPEN de hover), `local_workspace.js` (↢ Open +
+  « Open in side peek » du menu contextuel) et `my_tasks.js` (peek des tâches)
+  chargeaient `/pages/{id}` SANS `?embed=1` : le peek affichait sidebar +
+  barre de navigation + éditeur (régression v7.49.0). Tous repassent en
+  `/pages/{id}?embed=1` = le document en mode édition SEUL ; le cadre du
+  panneau (garde/close/resize partagés `fdWirePeekResize`) reste identique.
+- **Le bouton « Open » du calendrier My Tasks ne faisait rien** — cause
+  racine : le handler de clic testait `e.target.dataset.openRow`, mais les
+  boutons `.mt-cal-open` du calendrier (et du Kanban) ne contiennent que leur
+  `<svg>` : cliquer l'icône donnait `e.target` = `<svg>` sans dataset. Le
+  handler résout désormais `t.closest('[data-open-row]')` — un seul chemin
+  pour tableau, calendrier (5 vues) et Kanban.
+- **Menu contextuel global « Open in side peek »** — le clic ne faisait
+  qu'afficher « Side peek not available in browser » : il route maintenant
+  vers le peek de la page courante (`_libData.openPeekById` en Library,
+  `_wsData.openSidePeek` en workspace local), repli nouvel onglet ailleurs.
+- **Peek d'une page de base (`content_format='collection'`)** — `?embed=1`
+  forçait le template éditeur : une base ouverte dans le peek montrait un
+  éditeur de blocs vide au lieu du tableau. Le template collection est gardé
+  en mode embed (body.embed-mode retire sidebar + barre, le tableau reste).
+
+### Added
+
+- **Bouton « Open » sur les tuiles du Kanban My Tasks** — le même que les
+  lignes du tableau (`openButton(t)`, `.mt-hover-only` révélé au survol de la
+  carte, overlay absolu pour ne pas déformer la tuile) ; ouvre le contenu de
+  la tâche dans le panneau latéral.
+- **Bouton « pleine page » des peeks de bases** — navigue vers
+  `/pages/{pageId}` (pleine page, sidebar + barre conservées) au lieu de
+  l'URL `?embed=1` de l'iframe ; `dataset.page` porte l'id résolu.
+
+### Tests
+
+- `test_my_tasks_workspace_coherence.py` : les 4 peek JS (`library`,
+  `my_tasks`, `database_table`, `local_workspace`) doivent porter
+  `?embed=1` (gate de cohérence inversé — l'ancien test imposait l'URL nue) ;
+  nouveaux : résolution `closest('[data-open-row]')`, bouton Open sur tuiles
+  Kanban, collection embed = tableau. Suite 1264 passed / 0 failed
+  (-n auto) + ruff 0.
+
 ## v7.49.2 (2026-10-05) — Pages de base : titre au-dessus, tableau à gauche

 ### Fixed
@@ -284,6 +284,157 @@ Propriétés custom, AI keywords, sync API, 12 tables DB

 ---

+## v7.51.0 → v7.58.0 — Menu ＋ de l'assistant : hub de contexte (phases 1-2 ✅ 2026-10-06 · phases 3-8 planifiées)
+
+> **Objectif** : faire du bouton **＋** du panneau agent (à gauche de la zone d'édition)
+> un menu à sections, tel que demandé :
+>
+> ```
+> ＋ ├─ Ajouter des fichiers ou répertoires … → picker actuel + parcours de l'arborescence
+>    ├─ Compétences-skills … … … … … … … … → Deep research, Skill-creator, … + Gérer + Parcourir
+>    ├─ Connecteurs … … … … … … … … … … … → Parcourir + Ajouter un connecteur personnalisé
+>    ├─ Design System – Canevas … … … … … → galerie de canevas (templates de page)
+>    ├─ Add plugins … … … … … … … … … … … → catalogue de modules on/off
+>    └─ Mémoire (on/off) … … … … … … … … → mémoire persistante de l'agent
+> ```
+>
+> **Doc de design** : [`docs/V74_Agent_Plus_Menu.md`](docs/V74_Agent_Plus_Menu.md)
+> — maquette, découpage front/back, modèle de données, endpoints, décisions, pièges.
+
+**État des lieux lu dans le code le 2026-10-06** (constat **avant** la phase 1) :
+
+- Le **＋** = `toggleAddPicker()` (`static/js/agent_panel_2.js:1074`) → menu **plat** de
+  mentions (`GET /api/agent/mentions`, `app/routers/agent.py:596`) : documents,
+  collections, pages. **Pas de dossiers, pas de sous-menu, pas de section.**
+- **Compétences** : 11 skills builtin (`FD_SKILLS`, `static/js/agent_panel_2.js:11`) +
+  table `agent_skills` (CRUD `/api/agent/skills`) + galerie de 17 presets — mais
+  **aucune UI « Gérer » ni « Parcourir »** : tout passe par la palette `/`.
+- **Canevas** : `GET /api/page-templates` (built-ins `app/services/block_templates.py` +
+  personnels) et `POST /api/page-templates/{id}/use` existent déjà, **jamais appelés
+  depuis le panneau agent**.
+- **Connecteurs / Plugins / Mémoire** : **inexistants** — 0 hit `connector|plugin|memory`
+  dans `app/` hors « in-memory ».
+
+**Ordre** : phases 1 → 8, chacune indépendante et livrable (version + tests verts +
+CHANGELOG). Chiffrage : S < ½ j · M = 1–2 j · L = 3–5 j.
+
+### Phase 1 — v7.51.0 — Menu hub + fichiers/répertoires · effort S–M ✅ (livrée 2026-10-06)
+
+- [x] **Structure du menu** — sections + sous-menus, navigation clavier (↑/↓/Entrée/Échap),
+  styles réutilisés depuis `.fd-ap-mention-menu` ; les sections pas encore livrées
+  s'affichent « bientôt » et désactivées (le menu ne promet rien que le code ne fait)
+  → `FD_PLUS_MENU` / `FD_PLUS_FILES` (`static/js/agent_panel_2.js`), markup
+  `.fd-ap-plus-menu` (`agent_panel.html`), Échap remonte d'un niveau, la frappe
+  referme le menu
+- [x] **Fichiers & répertoires** — picker actuel (recherche) **+ mode « Parcourir… »** :
+  arborescence **un niveau par appel via `GET /api/nav/menu?parent_id=`**
+  (contrat : dossier = `icon === 'folder'` — plus simple que le tree récursif,
+  déjà testé), fil d'Ariane cliquable ; un répertoire s'épingle comme un fichier
+  (ligne « 📌 Épingler le dossier »)
+- [x] **Jeton `folder:<id>`** résolu par `ContextBuilder._mentions_context` →
+  `_single_folder()` : titre du dossier + documents directs, budget ~12k caractères
+  (marqueur « tronqué ») ; enfants directs seulement (récursion si besoin réel)
+- [x] **Tests** — `tests/test_v751_plus_menu.py` : **7 tests** (résolution, budget,
+  id inconnu, contrat `/api/nav/menu`, rendu du menu, 6 sections / 5 désactivées
+  à la livraison de la phase 1, jeton `folder:` front+back) ; **suite complète
+  1273 verts** à la livraison, `ruff` 0, `eslint` 0 erreur
+- [x] **Livraison** — `VERSION` + `app/main.py` = **7.51.0**, CHANGELOG, ce ROADMAP
+
+### Phase 2 — v7.52.0 — Compétences : « Gérer » + « Parcourir » · effort M ✅ (livrée 2026-10-06)
+
+- [x] **Sous-menu Compétences** — 11 builtin + skills enregistrés listés, le clic
+  épingle le skill au contexte (même chemin que la palette `/`, comportement
+  conservé)
+- [x] **Libellés affichés** — alias « Deep research » (`/research`) et
+  « Skill-creator » (`/create-new-skill`) via `FD_SKILL_ALIAS`, slugs intacts
+- [x] **« Gérer les compétences »** — **section du menu + formulaire intégré**
+  (nom, description, prompt) plutôt que modale : CRUD `POST`/`PATCH`/`DELETE`
+  sur `/api/agent/skills` — **`PATCH /api/agent/skills/{id}` créé** (champs
+  présents seuls, whitelist de colonnes, 400/401/404/409) + **export JSON**
+  (`/skills/{id}/export` → téléchargement) et **import fichier**
+  (`/skills/import`, `overwrite:true` → pas de doublon) ; suppression = nettoyage
+  du chip épinglé
+- [x] **« Parcourir les compétences »** — section galerie sur
+  `GET /api/agent/skills/gallery`, **filtre** (nom/description/slug),
+  installation en 1 clic (réutilise `installGallerySkill`)
+- [x] **En-tête ← + titre** dans le menu (navigation à 3 niveaux)
+- [x] **Fix** — épingler un skill enregistré n'efface plus le message tapé
+- [x] **Tests** — `tests/test_v752_skills_menu.py` : **7 tests** (PATCH complet +
+  partiel, 400/404, 401 sans session, import sans doublon, export→import,
+  câblage sections/alias, markup) ; `test_v751` adapté (4 sections « bientôt ») ;
+  **suite complète 1280 verts**, `ruff` 0, `eslint` 0 problème
+- [x] **Livraison** — `VERSION` + `app/main.py` = **7.52.0**, OpenAPI régénéré
+  (515 chemins), CHANGELOG, ce ROADMAP
+
+### Phase 3 — v7.53.0 — Design System – Canevas · effort M
+
+- [ ] **Sous-menu Canevas** — `GET /api/page-templates` (built-ins + personnels)
+- [ ] **Deux actions** — « Créer une page à partir du canevas »
+  (`POST /api/page-templates/{id}/use`) et « Insérer dans le document ouvert »
+  (blocs poussés dans l'éditeur quand un document est ouvert)
+- [ ] **Canevas « design system »** — presets maison dans `block_templates.py`
+  (callout, TOC, colonnes, grille de composants) réutilisant `design-tokens.css`
+- [ ] **Sauver le document ouvert comme canevas** — `POST /api/page-templates` existe
+- [ ] **Tests** — création, insertion dans l'éditeur, sauvegarde
+
+### Phase 4 — v7.54.0 — Mémoire de l'agent · effort M
+
+- [ ] **Table `agent_memory`** (`workspace_id`, `kind` summary|fact, `content`,
+  `updated_at`) + colonne `conversations.memory_enabled`
+- [ ] **Service `app/services/agent_memory.py`** — extraction en fin de run (résumé +
+  faits saillants ; LLM sans outils, repli déterministe hors-ligne)
+- [ ] **Injection dans `ContextBuilder` si le toggle est ON** ; OFF = contexte strict
+  de la conversation courante
+- [ ] **Toggle « Mémoire »** dans le menu ＋ : état visible, persisté par conversation,
+  défaut `AGENT_MEMORY_DEFAULT`
+- [ ] **Tests** — injection ON / absence OFF / persistance / budget de tokens borné
+
+### Phase 5 — v7.55.0 — Connecteurs : socle · effort L
+
+- [ ] **Table `agent_connectors`** (`kind`, `name`, `config`, credentials chiffrés,
+  `enabled`, `status`)
+- [ ] **`app/services/connectors/`** — interface commune `probe() / list_sources() / fetch()`
+  + 3 adapters **natifs déjà présents** : Gitea, GitHub, Web (`web_search` / `fetch_url`, v7.46)
+- [ ] **Menu « Connecteurs »** — « Parcourir les connecteurs » (catalogue + statut
+  connecté/déconnecté) et « Ajouter un connecteur personnalisé » (URL + clé + type
+  HTTP / MCP)
+- [ ] **Tools agent** — un tool par connecteur exposé au LLM via `tool_registry`
+- [ ] **Sécurité** — garde SSRF `_is_public_host` sur toute URL, credentials chiffrés,
+  session requise, CSRF sur les écritures
+- [ ] **Tests** — CRUD, statut, vecteurs SSRF, schéma des tools
+
+### Phase 6 — v7.56.0 — Connecteurs : Google + Microsoft 365 · effort L
+
+- [ ] **OAuth2 PKCE Google** — Drive, Gmail, Calendar : connexion, refresh, déconnexion,
+  lecture limitée aux sources choisies
+- [ ] **OAuth2 Microsoft (Graph)** — Outlook / OneDrive / SharePoint
+- [ ] **Écran connecteur** — état, scopes, dernière synchro, bouton déconnecter
+- [ ] **Tests** — callbacks, refresh, échec, **aucun appel réseau réel** (transport injecté)
+
+### Phase 7 — v7.57.0 — Connecteurs : Discord, Telegram, Teams, MCP · effort L
+
+- [ ] **Discord** (bot token : lecture canaux/DMs), **Telegram** (Bot API),
+  **Teams** (via Graph de la phase 6)
+- [ ] **MCP complet** — handshake `initialize`, `tools/list`, `tools/call`
+  (streamable HTTP) → outils **dynamiques** ajoutés au registre à la connexion
+- [ ] **Tests** — schémas MCP, mapping d'outils, échecs d'auth
+
+### Phase 8 — v7.58.0 — Add plugins · effort M
+
+- [ ] **Registre `plugins`** (`slug`, `name`, `description`, `enabled`) — état persisté
+- [ ] **Catalogue dans le menu ＋** — bascule on/off à effet **réel** : un plugin
+  désactivé retire vraiment sa route/UI (au minimum 3 plugins câblés : web tools de
+  l'agent, web clipper, automations)
+- [ ] **Tests** — plugin OFF = route refusée + UI absente (pas seulement un drapeau lu)
+
+---
+
+*Plan produit le 2026-10-06 à partir du code réel — **phases 1 et 2 livrées le
+2026-10-06 (v7.51.0, v7.52.0)**, phases 3-8 à valider une par une avant « go ».
+Chaque phase se clôt par tests verts, bump de version, CHANGELOG et ROADMAP à jour.*
+
+---
+
 ## 🔜 Prochaines versions

 ### v4.0.1 — Onboarding & Polish ✅ (2026-07-18)
@@ -1 +1 @@
-7.49.2
+7.52.0
@@ -1,6 +1,6 @@
 # WORKLOAD — FlowDeck Notion Clone

-> **Début**: 2026-07-08 | **Version**: v7.49.2 (pages de base : titre au-dessus du tableau, tableau calé à gauche au ras du sidebar) | **Statut**: EN COURS 🔄
+> **Début**: 2026-07-08 | **Version**: v7.50.2 (peek de Library nu — iframe pleine, comme local-workspace) | **Statut**: EN COURS 🔄
 > **Cible**: parité Notion + intégration forge · **Follow-ups v7.3 livrés**: sidebar teamspaces, notif `page.updated`, charts `number` + dashboards multi-DB, unfurl forge, UI Settings → Audit — voir `ROADMAP.md § v7.3.0`

 ## Avancement Global
@@ -185,7 +185,7 @@ async def lifespan(_app: FastAPI):

 app = FastAPI(
    title="FlowDeck",
-    version="7.49.2",
+    version="7.52.0",
    docs_url="/docs",
    redoc_url="/redoc",
    lifespan=lifespan,
@@ -498,6 +498,43 @@ def create_skill(request: Request, body: dict = Body(default={})):
    return {"id": cur.lastrowid, "name": name, "status": "created"}


+@router.patch("/skills/{skill_id}")
+def update_skill(request: Request, skill_id: int, body: dict = Body(default={})):
+    """Édition d'un skill enregistré (v7.52.0 — « Gérer les compétences »).
+
+    Seuls les champs présents dans ``body`` sont mis à jour ; la liste des
+    colonnes est figée ici (jamais interpolée depuis la requête).
+    """
+    _current_user_id(request)
+    fields: dict = {}
+    if "name" in body:
+        name = str(body.get("name") or "").strip()
+        if not name:
+            raise HTTPException(status_code=400, detail="name est requis")
+        fields["name"] = name
+    if "description" in body:
+        fields["description"] = str(body.get("description") or "")
+    if "prompt_template" in body:
+        fields["prompt_template"] = str(body.get("prompt_template") or "")
+    if "allowed_tools" in body:
+        fields["allowed_tools_json"] = json.dumps(body.get("allowed_tools") or [])
+    if not fields:
+        raise HTTPException(status_code=400, detail="Aucun champ à mettre à jour")
+    cols = ", ".join(f"{k}=?" for k in fields)
+    with get_conn() as conn:
+        if not conn.execute("SELECT id FROM agent_skills WHERE id=?", (skill_id,)).fetchone():
+            raise HTTPException(status_code=404, detail="Skill introuvable")
+        try:
+            conn.execute(
+                f"UPDATE agent_skills SET {cols} WHERE id=?",
+                (*fields.values(), skill_id),
+            )
+            conn.commit()
+        except Exception as exc:  # noqa: BLE001 — contrainte UNIQUE(name)
+            raise HTTPException(status_code=409, detail=f"Skill existe déjà: {exc}") from exc
+    return {"id": skill_id, "status": "updated", "fields": sorted(fields)}
+
+
@router.post("/skills/{skill_id}/apply")
 def apply_skill(request: Request, skill_id: int):
    """Create a conversation pre-loaded with a skill, ready to run."""
@@ -217,8 +217,10 @@ def view_page_root(request: Request, page_id: int):
            "{% from '_icons.html' import fd_icon %}{{ fd_icon('paperclip', 14) }}"
        ).render(),
    )
-    # Select template: collection pages use database table view
-    if page.get("content_format") == "collection" and not embed:
+    # Select template: collection pages use database table view (aussi en
+    # mode embed : `page_editor_collection.html` + body.embed-mode = le
+    # tableau SANS sidebar ni barre — le peek d'une base reste le tableau).
+    if page.get("content_format") == "collection":
        template = env.get_template("page_editor_collection.html")
    else:
        template = env.get_template("page_editor_embed.html" if embed else "page_editor.html")
@@ -118,7 +118,7 @@ class ContextBuilder:
        return "\n".join(lines)

    def _mentions_context(self, mentions: list[str]) -> str:
-        """Resolve @document:x / @collection:x / @page:y / @repo:o/r mentions.
+        """Resolve @document:x / @collection:x / @page:y / @folder:d / @repo:o/r mentions.

        Mentions bring the *actual content* of the referenced object into the
        context so the LLM can summarise / rewrite / analyse it directly without
@@ -135,6 +135,8 @@ class ContextBuilder:
            elif m.startswith("page:"):
                pid = m.split(":", 1)[1]
                lines.append(self._single_page(pid))
+            elif m.startswith("folder:"):
+                lines.append(self._single_folder(m.split(":", 1)[1]))
            elif m.startswith("repo:"):
                lines.append(f"- @repo: {m.split(':', 1)[1]} (Gitea issues available via read_gitea_issues)")
            elif m == "ws":
@@ -209,6 +211,37 @@ class ContextBuilder:
            return f"{head}:\n{body[:9000]}"
        return head

+    def _single_folder(self, fid: str) -> str:
+        """Folder (répertoire) mention : titre du dossier + ses documents directs.
+
+        ponytail : enfants directs seulement, budget ~12k caractères —
+        ajouter une profondeur récursive si les arbres profonds deviennent réels.
+        """
+        with get_conn() as conn:
+            row = conn.execute(
+                "SELECT id, title FROM pages WHERE id=? AND deleted_at IS NULL",
+                (fid,),
+            ).fetchone()
+            if not row:
+                return f"- dossier #{fid}: introuvable"
+            kids = conn.execute(
+                "SELECT id FROM pages WHERE parent_id=? AND deleted_at IS NULL "
+                "ORDER BY sort_order ASC, created_at DESC",
+                (fid,),
+            ).fetchall()
+        title = row["title"] or "Sans titre"
+        head = f"- dossier #{row['id']} **{title}** ({len(kids)} élément(s))"
+        out = [head]
+        used = len(head)
+        for k in kids:
+            part = self._single_document(str(k["id"]))
+            if used + len(part) + 1 > 12000:
+                out.append("- … (contenu du dossier tronqué)")
+                break
+            used += len(part) + 1
+            out.append(part)
+        return "\n".join(out)
+
    def _single_collection(self, cid: str) -> str:
        with get_conn() as conn:
            row = conn.execute("SELECT id, name, icon, schema_json FROM collections WHERE id=?", (cid,)).fetchone()
@@ -125,21 +125,7 @@
        <div class="db-col-menu-item" id="db-col-insert-right"><span>→┤ Insert right</span></div>
    </div>

-    <!-- Side Peek Panel for Database Pages (vanilla JS, piloté par database_table.js) -->
-    <div id="db-side-peek" class="db-side-peek">
-      <div class="peek-resize-handle" title="Glisser pour redimensionner — cliquer pour fermer"></div>
-      <div class="db-side-peek-header">
-        <button id="db-side-peek-close" title="Close">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
-        </button>
-        <div class="db-side-peek-title" id="db-side-peek-title"></div>
-        <button id="db-side-peek-full" title="Open full page">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
-        </button>
-      </div>
-      <div class="db-side-peek-body">
-        <div class="db-side-peek-loading" id="db-side-peek-loading">Chargement…</div>
-        <iframe id="db-side-peek-iframe" src="about:blank" title="Document" style="width:100%;height:100%;border:none;flex:1;min-height:0;"></iframe>
-      </div>
-    </div>
+    <!-- Le panneau de peek (#db-side-peek) est créé à la demande par
+         database_table.js (ensureDbPeek) : une seule source de markup pour
+         la page de base et les bases embarquées dans un document. -->
 </div>
@@ -180,6 +180,26 @@ body.fd-ap-resizing *{cursor:col-resize!important}
 .fd-mention-sep{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim,#888);padding:8px 14px 2px}
 .fd-mention-empty,.fd-mention-load{padding:11px 12px;font-size:12px;color:var(--text-dim,#aaa);text-align:center}

+/* Menu ＋ (sections) — réutilise le skin du menu de mentions */
+.fd-ap-plus-menu{max-height:min(340px,60vh)}
+.fd-ap-plus-menu .fd-mention-item.disabled{opacity:.45;cursor:default;background:none}
+.fd-ap-plus-menu .fd-mention-item.disabled:hover{background:none}
+.fd-plus-head{display:flex;align-items:center;gap:8px;padding:7px 11px 6px;border-bottom:1px solid var(--border,rgba(255,255,255,.08));margin-bottom:3px}
+.fd-plus-back{background:none;border:1px solid var(--border,rgba(255,255,255,.14));color:var(--text,#ddd);border-radius:7px;width:26px;height:22px;cursor:pointer;line-height:1;flex-shrink:0}
+.fd-plus-back:hover{background:var(--bg-hover,#2b2b2b)}
+.fd-plus-title{font-size:11px;font-weight:600;color:var(--text-secondary,#ddd);text-transform:uppercase;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.fd-plus-filter{padding:7px 11px 2px}
+.fd-plus-filter input{width:100%;background:var(--bg-tertiary,#232323);border:1px solid var(--border,rgba(255,255,255,.14));border-radius:8px;color:var(--text,#fff);font-size:12.5px;padding:6px 8px;outline:none;box-sizing:border-box}
+.fd-plus-form{padding:4px 11px 12px}
+.fd-plus-form label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim,#999);margin:9px 0 3px}
+.fd-plus-form input,.fd-plus-form textarea{width:100%;background:var(--bg-tertiary,#232323);border:1px solid var(--border,rgba(255,255,255,.14));border-radius:8px;color:var(--text,#fff);font-size:12.5px;padding:7px 8px;outline:none;font-family:inherit;box-sizing:border-box}
+.fd-plus-form textarea{min-height:110px;resize:vertical;line-height:1.5}
+.fd-plus-file{display:none}
+.fd-plus-chev{margin-left:auto;color:var(--text-dim,#999);opacity:.75;font-size:15px;flex-shrink:0}
+.fd-plus-crumb{display:flex;gap:5px;flex-wrap:wrap;padding:7px 11px 3px;font-size:11px;border-bottom:1px solid var(--border,rgba(255,255,255,.08));margin-bottom:3px}
+.fd-plus-crumb-it{color:var(--accent,#2383E2);cursor:pointer;white-space:nowrap}
+.fd-plus-crumb-it:hover{text-decoration:underline}
+
 /* Toast */
 .fd-ap-toast{position:absolute;left:14px;right:14px;bottom:calc(100% + 10px);background:var(--bg-modal,#1c1c1c);border:1px solid rgba(35,131,226,.5);color:var(--text,#fff);font-size:12px;border-radius:9px;padding:8px 12px;box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:90;display:flex;gap:8px;align-items:center;justify-content:space-between}
 .fd-ap-toast.err{border-color:rgba(227,98,98,.55)}
@@ -380,6 +400,52 @@ body.fd-ap-resizing *{cursor:col-resize!important}
          </template>
        </template>
      </div>
+      <div class="fd-ap-mention-menu fd-ap-plus-menu" :class="{show: plusOpen}" x-ref="plusMenu">
+        <div class="fd-plus-head" x-show="plusSection!=='root'" x-cloak>
+          <button class="fd-plus-back" type="button" @click="plusBack()" title="Retour" aria-label="Retour">←</button>
+          <span class="fd-plus-title" x-text="plusTitle"></span>
+        </div>
+        <div class="fd-plus-filter" x-show="plusSection==='skills-gallery'" x-cloak>
+          <input type="search" placeholder="Filtrer les compétences…" aria-label="Filtrer les compétences" x-model="galleryFilter">
+        </div>
+        <div class="fd-plus-crumb" x-show="plusSection==='browse'">
+          <span class="fd-plus-crumb-it" @click="plusGoto(-1)">Racine</span>
+          <template x-for="(c, ci) in plusCrumb" :key="c.id">
+            <span class="fd-plus-crumb-it" @click="plusGoto(ci)" x-text="'› ' + c.name"></span>
+          </template>
+        </div>
+        <div class="fd-mention-load" x-show="plusSection==='browse' && plusLoading" x-cloak>Chargement…</div>
+        <div class="fd-mention-empty" x-show="plusSection==='browse' && !plusLoading && !plusItems.length" x-cloak>Dossier vide</div>
+        <template x-for="(it, i) in plusItems" :key="it.key">
+          <div>
+            <div class="fd-mention-sep" x-show="it._sep" x-text="it._sep"></div>
+            <div class="fd-mention-item" x-show="!it._sep" :class="{focus: i===plusFocus, disabled: !!it.disabled}"
+                 @click="plusAction(it)" @mouseenter="it.disabled ? null : plusFocus = i">
+              <span class="fd-mention-ico" x-text="it.icon"></span>
+              <div class="fd-mention-main">
+                <div class="fd-mention-lbl" x-text="it.label"></div>
+                <div class="fd-mention-sub" x-text="it.sub"></div>
+              </div>
+              <span class="fd-plus-chev" x-show="it.chev || it._folder">›</span>
+            </div>
+          </div>
+        </template>
+        <div class="fd-plus-form" x-show="plusSection==='skills-edit'" x-cloak>
+          <label for="fd-plus-skill-name">Nom</label>
+          <input id="fd-plus-skill-name" type="text" x-model="skillForm.name" placeholder="ex. synthese-reunion" @keydown.enter.prevent="saveSkill()">
+          <label for="fd-plus-skill-desc">Description</label>
+          <input id="fd-plus-skill-desc" type="text" x-model="skillForm.description" placeholder="Une phrase">
+          <label for="fd-plus-skill-prompt">Prompt (consigne appliquée à la demande)</label>
+          <textarea id="fd-plus-skill-prompt" x-model="skillForm.prompt_template" placeholder="Fais…"></textarea>
+          <div class="fd-proposal-bar">
+            <button class="fd-proposal-btn primary" type="button" @click="saveSkill()">✓ Enregistrer</button>
+            <button class="fd-proposal-btn" type="button" x-show="skillForm.id" @click="deleteSkill()" x-cloak>✕ Supprimer</button>
+            <button class="fd-proposal-btn" type="button" x-show="skillForm.id" @click="exportSkill()" x-cloak>⤓ Export</button>
+            <button class="fd-proposal-btn" type="button" @click="plusBack()">← Retour</button>
+          </div>
+        </div>
+        <input type="file" accept="application/json,.json" x-ref="skillImport" class="fd-plus-file" aria-label="Importer un skill JSON" @change="importSkillFile($event)">
+      </div>
    </div>
    <div class="fd-ap-chips" x-show="contextChips.length" x-cloak>
      <div class="fd-chip-row" x-show="mentionChips.length">
@@ -406,7 +472,7 @@ body.fd-ap-resizing *{cursor:col-resize!important}
        data-placeholder="Demandez à l'agent… Tapez @ pour référencer une page/base, / pour un skill. Entrée = envoyer, Maj+Entrée = ligne"
        @input="onInput()" @keydown="onComposerKeydown($event)" @paste="onPaste($event)"></div>
      <div class="fd-ap-toolbar">
-        <button class="fd-ap-add" type="button" title="Ajouter un élément au contexte (@ / +)" @click="toggleAddPicker()">＋</button>
+        <button class="fd-ap-add" type="button" title="Ajouter au contexte : fichiers, répertoires, compétences…" aria-label="Menu d'ajout au contexte" aria-haspopup="menu" :aria-expanded="plusOpen" @click="toggleAddPicker()">＋</button>
        <span class="fd-ap-tip" x-text="composerHint"></span>
        <div class="fd-ap-tools">
          <button class="fd-ap-model" :class="{off: !hasActiveProvider}" type="button" @click="modelOpen=!modelOpen" title="Choisir fournisseur et modèle">
@@ -2093,9 +2093,16 @@
          case 'openTab':
            window.open('/' + pageId, '_blank');
            break;
-          case 'openPeek':
-            this.toast('Side peek not available in browser', 'info');
+          case 'openPeek': {
+            // Route vers le panneau de peek DE LA PAGE courante (même
+            // éditeur allégé `?embed=1` que le bouton « ↢ Open »), jamais une
+            // navigation. En dehors de ces pages : repli sur un nouvel onglet.
+            var num = pageId.replace('page/', '');
+            if (window._libData && window._libData.openPeekById) window._libData.openPeekById(parseInt(num));
+            else if (window._wsData && window._wsData.openSidePeek) window._wsData.openSidePeek(parseInt(num));
+            else window.open('/pages/' + num, '_blank');
            break;
+          }
        }
        this.contextMenu.visible = false;
      },
@@ -150,7 +150,7 @@
 .peek-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;font-size:13px;display:flex;align-items:center;}
 .peek-header button:hover{background:var(--bg-hover);color:var(--text-primary);}
 .peek-header button svg{width:15px;height:15px;}
-.peek-body{flex:1;overflow-y:auto;padding:16px 20px;}
+.peek-body{flex:1;overflow:hidden;padding:0;}
 .peek-body .peek-empty{text-align:center;padding:60px 20px;color:var(--text-dim);}
 .peek-loading{text-align:center;padding:40px;color:var(--text-dim);}

@@ -450,8 +450,8 @@
  <!-- Le corps et l'iframe sont HORS du <template x-if> : ils existent donc en
       permanence, ce qui permet de piloter `src` en JS (le build CSP
       d'Alpine n'evalue pas le binding `:src` — l'iframe restait donc vide).
-       Charger `/pages/{id}` sans `?embed=1` : c'est exactement l'editeur
-       plein ecran, le peek n'est plus une variante allegee. -->
+       Charger `/pages/{id}?embed=1` : le peek affiche uniquement le
+       document en mode edition, sans sidebar ni barre de navigation. -->
  <div class="peek-body" style="flex:1;display:flex;flex-direction:column;min-height:0;">
    <div class="peek-loading" id="lib-peek-loading">Chargement…</div>
    <iframe id="lib-peek-iframe" src="about:blank" title="Document" style="width:100%;height:100%;border:none;flex:1;min-height:0;"></iframe>
@@ -8,4 +8,9 @@
 {% endblock %}
 {% block scripts %}
 {% include '_page_editor_scripts.html' %}
+{# database_table.js = FlowDeckDB + le panneau de peek des bases : sans cet
+   include, une base embarquée dans un document restait bloquée à
+   « Loading database… » dans le peek et l'icône Open de fin de ligne ne
+   faisait rien. #}
+{% include '_database_table_scripts.html' %}
 {% endblock %}
@@ -0,0 +1,206 @@
+# V74 — Menu ＋ de l'assistant : hub de contexte (design)
+
+> **Statut** : design — **phases 1 et 2 livrées (v7.51.0, v7.52.0, 2026-10-06)** ;
+> phases 3-8 restent à livrer. Adaptations faites en cours de route : le parcours
+> utilise `GET /api/nav/menu?parent_id=` (un niveau par appel, contrat
+> dossier = `icon === 'folder'`) et la gestion des skills est une **section du menu
+> avec formulaire intégré** (pas une modale) — `PATCH /api/agent/skills/{id}` ajouté.
+> **Plan phasé** : `ROADMAP.md` → section « v7.51.0 → v7.58.0 — Menu ＋ de l'assistant ».
+> **Date** : 2026-10-06 · Version cible de départ : **v7.51.0** (phase 1).
+
+---
+
+## 1. Objectif
+
+Le bouton **＋** du panneau agent (`app/templates/agent_panel.html:409`) ouvre
+aujourd'hui une liste plate de fichiers/pages/bases à épingler en contexte. On le
+transforme en **menu à sections à deux niveaux** :
+
+```
+＋ ┌──────────────────────────────────────────────────────┐
+  │ 📎  Ajouter des fichiers ou répertoires           ›  │ → picker actuel + « Parcourir… »
+  │ ✨  Compétences-skills                            ›  │ → Deep research, Skill-creator, …
+  │                                                      │   ────────────────
+  │                                                      │   Gérer les compétences
+  │                                                      │   Parcourir les compétences
+  │ 🔌  Connecteurs                                   ›  │ → Parcourir les connecteurs
+  │                                                      │   Ajouter un connecteur personnalisé
+  │ 🎨  Design System – Canevas                       ›  │ → liste des canevas
+  │ 🧩  Add plugins                                      │ → catalogue on/off (modale)
+  │ 🧠  Mémoire                                    [◉/○] │ → toggle persisté
+  └──────────────────────────────────────────────────────┘
+```
+
+Règle d'or : **chaque entrée vit dans la même phase qui la rend réelle**. Tant qu'une
+section n'est pas livrée, elle s'affiche grisée « Bientôt (phase N) » — le menu ne
+promet rien que le code ne fait.
+
+## 2. État des lieux (lu dans le code, 2026-10-06)
+
+| Section | Existe | Manque |
+|---|---|---|
+| Fichiers / répertoires | `GET /api/agent/mentions` (`app/routers/agent.py:596`) → documents, collections, pages ; jetons `document:id`, `collection:id`, `page:id` résolus par `ContextBuilder._mentions_context` (`app/services/context_builder.py:120`) | Sous-menu, mode parcours d'arborescence, jeton `folder:<id>` |
+| Compétences | `agent_skills` CRUD (`/api/agent/skills` : GET/POST/DELETE, apply, import/export), galerie de 17 presets (`app/services/skill_gallery.py`), 11 skills builtin (`FD_SKILLS`, `static/js/agent_panel_2.js:11`) | UI « Gérer » (CRUD complet : **`PATCH /skills/{id}` à créer**), UI « Parcourir » (la galerie n'est accessible que via la palette `/`), libellés affichés type « Deep research » |
+| Canevas | `GET /api/page-templates` (built-ins `app/services/block_templates.py` + personnels), `POST /api/page-templates/{id}/use` (`app/routers/board/page_api.py:75,135`) | Menu dans le panneau agent, action « insérer dans le document ouvert », canevas « design system » |
+| Connecteurs | Rien (0 hit `connector` dans `app/`). Natifs déjà branchés ailleurs : Gitea (`gitea_client.py`), GitHub (`github_adapter.py`), Web (`web_search.py` + tool `fetch_url` v7.46) | Table, service d'adapters, catalogue UI, tools agent, OAuth Google/M365, Discord/Telegram, MCP |
+| Plugins | Rien | Registre, catalogue UI, **câblage réel** (désactivation effective) |
+| Mémoire | Rien (l'historique de la conversation est déjà envoyé, ce n'est pas de la mémoire) | Table, service d'extraction, injection conditionnelle, toggle persisté |
+
+## 3. Découpage front (Alpine)
+
+Tout vit dans `static/js/agent_panel_2.js` (composant `agentPanel()`) + un bloc de
+markup dans `app/templates/agent_panel.html`, sans nouveau fichier JS.
+
+**État ajouté**
+
+```js
+plusOpen: false,          // menu ouvert
+plusSection: 'root',      // 'root' | 'files' | 'skills' | 'connectors' | 'canvases'
+plusFocus: -1,            // index de l'item focalisé
+plusItems: [],            // items de la section courante (fetch si besoin)
+memoryOn: true,           // état du toggle (phase 4)
+```
+
+**Items = données, pas du markup en dur** : un tableau `FD_PLUS_MENU`
+`{key, icon, label, sub, action, phase}` → le rendu et la navigation clavier
+(↑/↓/Entrée/Échap) sont une seule boucle. Les sections `phase > livrée` sont
+`disabled: true`.
+
+**Réemploi** : le conteneur et les styles `.fd-ap-mention-menu` /
+`.fd-mention-item` (`agent_panel.html:171-181`) servent déjà exactement ce
+comportement — on duplique le CSS minimal (`.fd-plus-*`) et on garde la logique de
+focus/scroll (`moveMentionFocus`, `_scrollMentionItem`) comme modèle.
+
+**Entrées existantes préservées** : la touche `@` dans le composer et le mode
+recherche du `＋` continuent de fonctionner à l'identique (régression zéro) ; le `＋`
+devient seulement *l'entrée en menu* au lieu d'ouvrir directement la liste.
+
+## 4. Backend par phase
+
+| Phase | Existant réutilisé | À créer |
+|---|---|---|
+| 1 — menu + fichiers/répertoires | `/api/agent/mentions`, `/api/local-workspace/tree?folder=`, enfants de page (`parent_id`, `local_workspace.py:243`) | Route(s) de parcours adaptée(s) au panneau (shape items compatible mention), jeton `folder:<id>` dans `ContextBuilder` |
+| 2 — compétences | `/api/agent/skills` (GET/POST/DELETE/apply/import/export), `/api/agent/skills/gallery` + install | `PATCH /api/agent/skills/{id}` (édition), 2 modales |
+| 3 — canevas | `/api/page-templates` (GET/POST/use) | Insersion dans l'éditeur ouvert (API d'insertion de blocs de l'éditeur), presets « design system » dans `block_templates.py` |
+| 4 — mémoire | `ContextBuilder`, `PATCH /conversations/{id}` (pattern du toggle) | Table `agent_memory`, `app/services/agent_memory.py`, colonne `conversations.memory_enabled`, config `AGENT_MEMORY_DEFAULT` |
+| 5 — connecteurs (socle) | `_is_public_host` (SSRF), `encrypt_secret` (`sso_provisioning.py:51`), `http_client.shared_client`, `tool_registry` | Table `agent_connectors`, `app/services/connectors/`, 3 adapters natifs (gitea/github/web), catalogue UI |
+| 6 — Google + M365 | `auth/oauth.py` (client OAuth2), `encrypt_secret`, `shared_client` | Flows PKCE Google + Microsoft Graph, table de tokens (motif `calendar_sync.py:38`), écran connecteur |
+| 7 — Discord / Telegram / Teams / MCP | Graph (phase 6), pattern de tools dynamiques du registre | 3 adapters + client MCP (`initialize`, `tools/list`, `tools/call`) |
+| 8 — plugins | — | Table `plugins`, catalogue UI, désactivation réelle (routes + UI) |
+
+## 5. Modèle de données
+
+```sql
+-- Phase 4 — mémoire
+ALTER TABLE conversations ADD COLUMN memory_enabled INTEGER NOT NULL DEFAULT 1;
+CREATE TABLE agent_memory (
+  id INTEGER PRIMARY KEY,
+  workspace_id INTEGER NOT NULL,
+  conversation_id INTEGER,          -- NULL = mémoire d'espace (partagée)
+  kind TEXT NOT NULL DEFAULT 'summary',   -- summary | fact
+  content TEXT NOT NULL,
+  created_at TEXT NOT NULL,
+  updated_at TEXT NOT NULL
+);
+CREATE INDEX idx_agent_memory_ws ON agent_memory(workspace_id, conversation_id);
+
+-- Phase 5 — connecteurs
+CREATE TABLE agent_connectors (
+  id INTEGER PRIMARY KEY,
+  workspace_id INTEGER,
+  kind TEXT NOT NULL,               -- gitea | github | web | google | ms365 | discord | telegram | mcp | custom
+  name TEXT NOT NULL,
+  config_json TEXT NOT NULL DEFAULT '{}',   -- URL, scopes, channels…
+  secret_encrypted TEXT,            -- Fernet (encrypt_secret, sso_provisioning.py:51)
+  enabled INTEGER NOT NULL DEFAULT 1,
+  status TEXT NOT NULL DEFAULT 'unknown',   -- ok | error | unknown
+  last_probe_at TEXT,
+  created_by INTEGER
+);
+
+-- Phase 8 — plugins
+CREATE TABLE plugins (
+  slug TEXT PRIMARY KEY,            -- web-tools | web-clipper | automations | …
+  enabled INTEGER NOT NULL DEFAULT 1,
+  updated_at TEXT NOT NULL
+);
+```
+
+Migrations ajoutées dans `app/migrations.py` (motif `_migration_*` existant,
+transaction par migration — A31).
+
+## 6. Sécurité (non négociable)
+
+- **SSRF** : toute URL de connecteur passée par `_is_public_host`
+  (`app/services/importers/url_fetch.py`), re-vérifiée à chaque saut de redirection.
+- **Secrets** : jamais en clair, jamais renvoyés par l'API (champ retiré des
+  sérialiseurs) — `encrypt_secret()` existant, dérivé de `app_secret_key`.
+- **Auth + CSRF** : session requise sur tout CUD ; `/api/agent` est sur la liste des
+  préfixes CSRF cookie → header `X-CSRF-Token` sur les nouveaux `fetch` (helper
+  `getCsrf()`).
+- **Borne de tokens** : la mémoire et les sources de connecteurs injectées dans le
+  contexte sont tronquées (budget explicite) — sinon la phase 4 fait exploser le
+  coût de chaque run.
+- **Plugins OFF = effet réel** : un simple drapeau affiché serait un menu qui ment
+  (règle du projet).
+
+## 7. Décisions techniques
+
+- **D1 — Un seul menu, deux niveaux** (pas de modale racine) : ouverture instantanée,
+  clavier, et le `+` reste un geste unique. Les modales ne servent qu'aux écrans
+  lourds (Gérer / Parcourir / Connecteurs / Plugins).
+- **D2 — Pas de nouveau fichier JS** : tout dans `agent_panel_2.js` + markup du
+  template, conforme à l'extraction A27 (un fichier par bloc).
+- **D3 — États « Bientôt » visibles** plutôt que sections masquées : le menu sert de
+  spec vivante et évite d'implémenter6 features d'un coup.
+- **D4 — La mémoire est un résumé structuré, pas l'historique brut** : réinvoquer
+  tout l'historique à chaque run coûterait plus cher que la réponse ; un résumé borné
+  (~1–2 k tokens) + les faits saillants suffisent, avec repli déterministe hors-ligne
+  (motif `ai_writing.py`).
+- **D5 — Connecteurs = registry + adapters** (interface `probe/list_sources/fetch`),
+  pas un if par provider : la phase 7 (MCP) ajoute des adapters sans toucher au socle.
+- **D6 — Canevas : « créer » par défaut, « insérer » seulement si un document est
+  ouvert** — l'insertion dans l'éditeur est le point le plus fragile (blocs +
+  sélection), donc livrée en second dans la phase 3.
+- **D7 — Pas de dépendance ajoutée** : OAuth via `httpx` (`shared_client`), chiffrement
+  via `cryptography` déjà présent, MCP en HTTP direct.
+
+## 8. Pièges du repo à respecter
+
+- `ROADMAP.md` / `CHANGELOG.md` sont en **CRLF** : `patch` exige des lignes complètes.
+- **Routes statiques avant les wildcards** (`/skills/gallery` avant `/skills/{id}`),
+  sinon 422 sur un id non numérique.
+- **Events `AgentEngine.run()` plats** (`{"type": …, "content": …}`), pas enveloppés
+  dans `data`.
+- Bumper **`VERSION` + `app/main.py`** à chaque phase, régénérer
+  `docs/openapi-v2.json` (CRLF, sans newline final) si de nouvelles routes sortent.
+- Le panneau agent est rendu sur **toutes les pages** (`base.html:2555`) : le JS doit
+  rester défensif (`window.appState` absent, page non authentifiée).
+
+## 9. Critères d'acceptation par phase
+
+1. **Phase 1** : le `＋` ouvre le menu, « Parcourir… » montre l'arborescence, un
+   dossier épinglé apparaît en chip et son contenu est bien dans le contexte du run.
+2. **Phase 2** : créer/éditer/supprimer un skill depuis la modale, l'installer depuis
+   la galerie, il apparaît dans la palette `/` et le sous-menu.
+3. **Phase 3** : choisir un canevas crée la page (et l'insertion dans le document
+   ouvert fonctionne quand un doc est édité).
+4. **Phase 4** : ON → la mémoire est injectée (test qui le prouve) ; OFF → absente ;
+   l'état survit au rechargement et au changement de conversation.
+5. **Phase 5** : connecteur créé/testé/supprimé, URL privée refusée (SSRF), tool
+   exposé au LLM avec le bon schéma.
+6. **Phase 6** : connexion Google et Microsoft, refresh, déconnexion, aucun appel
+   réseau réel dans les tests.
+7. **Phase 7** : Discord/Telegram branchés, MCP `tools/list` → outils visibles dans le
+   registre.
+8. **Phase 8** : plugin OFF = route refusée + UI disparue (test de non-réintroduction).
+
+Chaque phase se clôt par : `ruff` + suite verte, bump de version, CHANGELOG, ROADMAP
+à jour, tag.
+
+## 10. Hors périmètre
+
+- Écriture dans les sources distantes (Google Docs, Slack…) — lecture seule au départ.
+- Synchronisation d'arborescence locale ↔ connecteur.
+- Marketplace de plugins tiers (le registre est interne à l'instance).
+- Refonte du composer / de la palette `/` (compatibilité maintenue à l'identique).
@@ -2,7 +2,7 @@
  "openapi": "3.1.0",
  "info": {
    "title": "FlowDeck",
-    "version": "7.49.2"
+    "version": "7.52.0"
  },
  "paths": {
    "/auth/register": {
@@ -15906,6 +15906,96 @@
        }
      }
    },
+    "/api/agent/skills/{skill_id}": {
+      "patch": {
+        "tags": [
+          "agent"
+        ],
+        "summary": "Update Skill",
+        "description": "Édition d'un skill enregistré (v7.52.0 — « Gérer les compétences »).\n\nSeuls les champs présents dans ``body`` sont mis à jour ; la liste des\ncolonnes est figée ici (jamais interpolée depuis la requête).",
+        "operationId": "update_skill_api_agent_skills__skill_id__patch",
+        "parameters": [
+          {
+            "name": "skill_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Skill Id"
+            }
+          }
+        ],
+        "requestBody": {
+          "content": {
+            "application/json": {
+              "schema": {
+                "type": "object",
+                "default": {},
+                "title": "Body"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      },
+      "delete": {
+        "tags": [
+          "agent"
+        ],
+        "summary": "Delete Skill",
+        "operationId": "delete_skill_api_agent_skills__skill_id__delete",
+        "parameters": [
+          {
+            "name": "skill_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Skill Id"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
    "/api/agent/skills/{skill_id}/apply": {
      "post": {
        "tags": [
@@ -16099,46 +16189,6 @@
        }
      }
    },
-    "/api/agent/skills/{skill_id}": {
-      "delete": {
-        "tags": [
-          "agent"
-        ],
-        "summary": "Delete Skill",
-        "operationId": "delete_skill_api_agent_skills__skill_id__delete",
-        "parameters": [
-          {
-            "name": "skill_id",
-            "in": "path",
-            "required": true,
-            "schema": {
-              "type": "integer",
-              "title": "Skill Id"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "Successful Response",
-            "content": {
-              "application/json": {
-                "schema": {}
-              }
-            }
-          },
-          "422": {
-            "description": "Validation Error",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "$ref": "#/components/schemas/HTTPValidationError"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
    "/api/agent/mentions": {
      "get": {
        "tags": [
@@ -29889,4 +29939,4 @@
      }
    }
  }
-}
+}
@@ -2246,13 +2246,15 @@ button.breadcrumb-current { max-width: 260px; }

 /* Page de base (premier bloc = embed collection) : le titre et le tableau
   s'alignent sur la marge gauche de la topbar (16px) au lieu d'être centrés
-   dans la colonne 900px — le tableau démarre au ras du sidebar. */
+   dans la colonne 900px — le tableau démarre au ras du sidebar et prend la
+   LARGEUR DU DOCUMENT (les colonnes dictent le scroll horizontal). */
 .page-editor-wrapper.db-first .page-cover-area,
 .page-editor-wrapper.db-first .page-title-block,
 .page-editor-wrapper.db-first .blocks-container {
-  max-width: 1100px;
+  max-width: 100%;
  margin: 0;
  padding-left: var(--space-lg);
+  padding-right: var(--space-lg);
 }

 /* Une base embarquée ne doit jamais déborder de sa colonne de blocs :
@@ -2262,7 +2264,7 @@ button.breadcrumb-current { max-width: 260px; }
 /* Titre des pages de base dédiées (page_editor_collection.html) — même
   liseré gauche que .database-table-container. */
 .database-page-title {
-  max-width: 1100px;
+  max-width: 100%;
  margin: 0;
  padding: 28px var(--space-lg) 0;
  font-size: 30px;
@@ -3899,11 +3901,10 @@ button.breadcrumb-current { max-width: 260px; }
   ═══════════════════════════════════════════════════════════ */

 /* Base = viewport du contenu ; les vues tabulaires larges (bases de
-   données) s'alignent à gauche, au ras de la marge, à la même largeur
-   que Library (1100px). */
+   données) prennent la LARGEUR DU DOCUMENT (les colonnes dictent le scroll
+   horizontal), alignées à gauche au ras de la marge. */
 .database-table-container {
  width: 100%;
-  max-width: 1100px;
  margin: 0;
  /* var(--space-lg) = padding de .topbar : le bord gauche du tableau
     s'aligne sur le titre du fil d'ariane, au ras de la marge. */
@@ -207,6 +207,14 @@
 }
 .mt-card:active { cursor: grabbing; opacity: .7; }
 .mt-card-title { font-weight: 500; }
+/* Bouton « Open » en overlay au survol de la tuile (la carte est une
+   colonne flex : une place en flux déformerait la tuile). */
+.mt-card { position: relative; }
+.mt-card .mt-open-btn {
+  position: absolute; top: 6px; right: 6px; margin-left: 0;
+}
+.mt-card:hover .mt-hover-only,
+.mt-card:focus-within .mt-hover-only { opacity: 1; }
 .mt-card-due,
 .mt-card-src { font-size: 11px; color: var(--text-dim, #999); }
 .mt-card-src { opacity: .8; }
@@ -32,6 +32,30 @@
    {cmd:'/livrable', icon:'📨', desc:'email / compte-rendu / message Slack',
     template:'Rédige un livrable professionnel (email, compte-rendu ou message Slack) sur [sujet / destinataire / contexte].'}
  ];
+  // ── Menu ＋ (v7.51.0) : sections à deux niveaux. `soon` = section pas encore
+  // livrée → affichée mais non cliquable (le menu ne promet rien que le code ne fait).
+  var FD_PLUS_MENU = [
+    {key:'files', icon:'📎', label:'Ajouter des fichiers ou répertoires',
+     sub:'Rechercher ou parcourir le workspace', action:'files', chev:true},
+    {key:'skills', icon:'✨', label:'Compétences-skills',
+     sub:'Deep research, Skill-creator… · Gérer · Parcourir', action:'skills', chev:true},
+    {key:'connectors', icon:'🔌', label:'Connecteurs',
+     sub:'Parcourir / connecteur personnalisé — bientôt (phase 5)', disabled:true},
+    {key:'canvases', icon:'🎨', label:'Design System – Canevas',
+     sub:'Galerie de canevas — bientôt (phase 3)', disabled:true},
+    {key:'plugins', icon:'🧩', label:'Add plugins',
+     sub:'Modules on/off — bientôt (phase 8)', disabled:true},
+    {key:'memory', icon:'🧠', label:'Mémoire (on/off)',
+     sub:'Mémoire persistante — bientôt (phase 4)', disabled:true}
+  ];
+  var FD_PLUS_FILES = [
+    {key:'f-search', icon:'🔍', label:'Rechercher…',
+     sub:'Documents, bases, pages par nom', action:'search', chev:true},
+    {key:'f-browse', icon:'📁', label:'Parcourir…',
+     sub:'Dossiers et fichiers du workspace', action:'browse', chev:true}
+  ];
+  // Libellés affichés des skills builtin (le slug /commande reste inchangé).
+  var FD_SKILL_ALIAS = {'research': 'Deep research', 'create-new-skill': 'Skill-creator'};

  function agentPanel(){
    return {
@@ -45,6 +69,10 @@
      contextChips: [], skills: [], gallery: [],
      mentionOpen: false, mentionItems: [], mentionQuery: '', mentionLoad: false,
      mentionFocus: -1, _mentionFrom: null, _mentionTimer: null, _atNode: null,
+      plusOpen: false, plusSection: 'root', plusFocus: -1, plusLoading: false,
+      plusBrowse: [], plusCrumb: [],
+      skillForm: {id: null, name: '', description: '', prompt_template: ''},
+      galleryFilter: '',
      cmdFocus: -1, slashDismiss: false,
      toastMsg: '', toastErr: false, _toastTimer: null,
      _livePh: null,
@@ -469,7 +497,8 @@
        var pin = {key:'skill-'+id, kind:'skill', icon: icon || '✨',
          label: String(name || '').replace(/^\//, ''), token:'skill:'+id, skillId:id};
        this.contextChips.push(pin);
-        this.clearComposer();
+        // Ne jamais effacer un message déjà tapé (le token s'ajoute à la fin).
+        if(!this.composerText().trim()) this.clearComposer();
        this._insertToken({token:pin.token, label:pin.label, icon:pin.icon, kind:'skill'});
        this.toast('Skill épinglé — décrivez votre demande, il sera appliqué à l\u2019envoi.');
      },
@@ -1070,12 +1099,282 @@
        this._toastTimer = setTimeout(function(){ self.toastMsg = ''; self.toastErr = false; }, 3200);
      },

-      // ── Mentions & contexte épinglé (@ / +) ──
+      // ── Menu ＋ (sections) & mentions (@ / recherche) ──
      toggleAddPicker(){
-        if(this.mentionOpen && this._mentionFrom === '+'){ this.mentionOpen = false; this.mentionQuery = ''; return; }
-        this.openMentionPicker('+');
+        if(this.mentionOpen){
+          this.mentionOpen = false; this.mentionQuery = '';
+          this._mentionFrom = null; this._atNode = null;
+        }
+        if(this.plusOpen){ this.closePlus(); return; }
+        this.plusOpen = true;
+        this.plusSection = 'root';
+        this.plusFocus = 0;
+      },
+      closePlus(){
+        this.plusOpen = false;
+        this.plusSection = 'root';
+        this.plusCrumb = [];
+        this.plusBrowse = [];
+        this.plusFocus = -1;
+      },
+      get plusTitle(){
+        var s = this.plusSection;
+        if(s === 'files') return 'Fichiers & répertoires';
+        if(s === 'browse') return 'Parcourir le workspace';
+        if(s === 'skills') return 'Compétences-skills';
+        if(s === 'skills-manage') return 'Gérer les compétences';
+        if(s === 'skills-gallery') return 'Parcourir les compétences';
+        if(s === 'skills-edit') return this.skillForm.id ? 'Modifier le skill' : 'Nouveau skill';
+        return 'Ajouter au contexte';
+      },
+      get plusItems(){
+        var s = this.plusSection;
+        if(s === 'files') return FD_PLUS_FILES;
+        if(s === 'browse') return this.plusBrowse;
+        if(s === 'skills') return this._skillsItems();
+        if(s === 'skills-manage') return this._manageItems();
+        if(s === 'skills-gallery') return this._galleryItems();
+        if(s === 'skills-edit') return [];   // formulaire, pas de liste
+        return FD_PLUS_MENU;
+      },
+      // Sous-menu Compétences : builtin (alias affiché) + installés, puis les 2 actions.
+      _skillsItems(){
+        var out = [];
+        FD_SKILLS.forEach(function(c){
+          var slug = String(c.cmd).replace(/^\//, '');
+          out.push({key:'bi-'+slug, icon:c.icon, label:FD_SKILL_ALIAS[slug] || c.cmd,
+            sub:c.desc, action:'skill',
+            suggestion:{key:'bi-'+slug, cmd:c.cmd, icon:c.icon, template:c.template, _type:'builtin'}});
+        });
+        (this.skills || []).forEach(function(sk){
+          out.push({key:'db-'+sk.id, icon:'✨', label:sk.name,
+            sub:sk.description || 'Skill enregistré', action:'skill',
+            suggestion:{key:'db-'+sk.id, cmd:'/'+sk.name, icon:'✨', _type:'db', skillId:sk.id}});
+        });
+        out.push({key:'sep-actions', _sep:'Gérer / parcourir'});
+        out.push({key:'a-manage', icon:'🛠️', label:'Gérer les compétences',
+          sub:'Créer, modifier, supprimer, exporter / importer', action:'skills-manage', chev:true});
+        out.push({key:'a-browse', icon:'🗂️', label:'Parcourir les compétences',
+          sub:'Galerie de presets installables en 1 clic', action:'skills-gallery', chev:true});
+        return out;
+      },
+      // Sous-section Gérer : liste des skills + création + import.
+      _manageItems(){
+        var out = [];
+        (this.skills || []).forEach(function(sk){
+          out.push({key:'m-'+sk.id, icon:'✨', label:sk.name,
+            sub:sk.description || 'Cliquer pour modifier', action:'skill-edit', chev:true, skillId:sk.id});
+        });
+        if(!out.length) out.push({key:'m-none', _sep:'Aucun skill enregistré'});
+        out.push({key:'m-new', icon:'＋', label:'Nouveau skill',
+          sub:'Nom, description, prompt', action:'skill-new', chev:true});
+        out.push({key:'m-sep', _sep:'Import'});
+        out.push({key:'m-import', icon:'📥', label:'Importer un skill (JSON)',
+          sub:'Document exporté depuis une autre instance', action:'skill-import'});
+        return out;
+      },
+      // Sous-section Parcourir : presets de la galerie, filtrables.
+      _galleryItems(){
+        var f = String(this.galleryFilter || '').toLowerCase();
+        var out = [];
+        (this.gallery || []).forEach(function(g){
+          var hay = (String(g.name || '') + ' ' + (g.description || '') + ' ' + (g.slug || '')).toLowerCase();
+          if(f && hay.indexOf(f) < 0) return;
+          out.push({key:'g-'+g.slug, icon:g.icon || '📦', label:g.name,
+            sub:g.description || 'Preset de la galerie', action:'skill-install',
+            slug:g.slug, skillName:g.name});
+        });
+        if(!out.length) out.push({key:'g-none', _sep: f ? 'Aucun résultat' : 'Galerie vide'});
+        return out;
+      },
+      _plusSelectable(){
+        var out = [];
+        this.plusItems.forEach(function(it, i){ if(!it.disabled && !it._sep) out.push(i); });
+        return out;
+      },
+      movePlusFocus(delta){
+        var sel = this._plusSelectable();
+        if(!sel.length) return;
+        var idx = sel.indexOf(this.plusFocus);
+        if(idx < 0) idx = delta > 0 ? -1 : 0;
+        this.plusFocus = sel[(idx + delta + sel.length) % sel.length];
+        this._scrollPlusItem();
+      },
+      _scrollPlusItem(){
+        var menu = this.$refs && this.$refs.plusMenu;
+        if(!menu) return;
+        var el = menu.querySelector('.fd-mention-item.focus');
+        if(el && el.scrollIntoView){ menu.scrollTop = el.offsetTop - menu.clientHeight / 2 + el.clientHeight / 2; }
+      },
+      plusAction(it){
+        if(!it || it.disabled || it._sep) return;
+        if(it.action === 'files'){ this.plusSection = 'files'; this.plusFocus = 0; return; }
+        if(it.action === 'search'){ this.closePlus(); this.openMentionPicker('+'); return; }
+        if(it.action === 'browse'){
+          this.plusSection = 'browse'; this.plusCrumb = []; this.plusLoadBrowse(null); return;
+        }
+        // ── Compétences (v7.52.0) ──
+        if(it.action === 'skills'){ this.plusSection = 'skills'; this.plusFocus = 0; return; }
+        if(it.action === 'skill'){ this.closePlus(); this.useSuggestion(it.suggestion); return; }
+        if(it.action === 'skills-manage'){
+          this.plusSection = 'skills-manage'; this.plusFocus = 0; return;
+        }
+        if(it.action === 'skills-gallery'){
+          this.galleryFilter = ''; this.fetchSkills();
+          this.plusSection = 'skills-gallery'; this.plusFocus = 0; return;
+        }
+        if(it.action === 'skill-new'){
+          this.skillForm = {id:null, name:'', description:'', prompt_template:''};
+          this.plusSection = 'skills-edit'; this.plusFocus = -1; return;
+        }
+        if(it.action === 'skill-edit'){
+          var sk = null, wanted = it.skillId;
+          (this.skills || []).forEach(function(x){ if(x.id === wanted) sk = x; });
+          if(!sk) return;
+          this.skillForm = {id: sk.id, name: sk.name, description: sk.description || '',
+            prompt_template: sk.prompt_template || ''};
+          this.plusSection = 'skills-edit'; this.plusFocus = -1; return;
+        }
+        if(it.action === 'skill-install'){
+          this.installGallerySkill(it.slug, it.icon, it.skillName); return;
+        }
+        if(it.action === 'skill-import'){
+          if(this.$refs.skillImport) this.$refs.skillImport.click();
+          return;
+        }
+        if(it._folder){                       // entrer dans un sous-dossier
+          this.plusCrumb.push({id: it._folder, name: it.label});
+          this.plusLoadBrowse(it._folder);
+          return;
+        }
+        if(it.token){ this._mentionFrom = null; this._atNode = null; this.closePlus(); this.pickMention(it); return; }
+        this.closePlus();                     // sections futures (phases 2-8)
+      },
+      plusBack(){
+        var sec = this.plusSection;
+        if(sec === 'browse' && this.plusCrumb.length){
+          this.plusCrumb.pop();
+          this.plusLoadBrowse(this.plusCrumb.length ? this.plusCrumb[this.plusCrumb.length - 1].id : null);
+          return;
+        }
+        if(sec === 'skills-edit'){ this.plusSection = 'skills-manage'; this.plusFocus = 0; return; }
+        if(sec === 'skills-manage' || sec === 'skills-gallery'){
+          this.plusSection = 'skills'; this.plusFocus = 0; return;
+        }
+        this.plusSection = 'root';
+        this.plusFocus = 0;
+      },
+      plusGoto(i){                            // fil d'Ariane : -1 = racine
+        this.plusCrumb = i < 0 ? [] : this.plusCrumb.slice(0, i + 1);
+        this.plusLoadBrowse(i < 0 ? null : this.plusCrumb[this.plusCrumb.length - 1].id);
+      },
+      plusLoadBrowse(parentId){
+        // Un niveau par appel : /api/nav/menu (dossier = icon 'folder').
+        var self = this;
+        this.plusLoading = true;
+        fetch('/api/nav/menu' + (parentId ? ('?parent_id=' + parentId) : ''))
+          .then(function(r){ return r.json(); })
+          .then(function(d){
+            var items = [];
+            // icon de /api/nav/menu = nom SVG ('folder'|'edit'|'image'|'file') → emoji
+            var ICONS = {folder:'📁', edit:'📄', image:'🖼️', file:'📎'};
+            (d.items || []).forEach(function(x){
+              var isFolder = x.icon === 'folder';
+              items.push({
+                key: 'br-' + x.id, icon: ICONS[x.icon] || '📄',
+                label: x.name, sub: isFolder ? 'Dossier — ouvrir' : 'Document — épingler',
+                token: (isFolder ? 'folder:' : 'document:') + x.id,
+                type: isFolder ? 'folder' : 'document', id: x.id,
+                _folder: isFolder ? x.id : null
+              });
+            });
+            if(self.plusCrumb.length){
+              var cur = self.plusCrumb[self.plusCrumb.length - 1];
+              items.unshift({key: 'pin', icon: '📌',
+                label: 'Épingler le dossier « ' + cur.name + ' »',
+                sub: 'Ajoute le dossier entier au contexte',
+                token: 'folder:' + cur.id, type: 'folder', id: cur.id});
+            }
+            self.plusBrowse = items;
+            self.plusLoading = false;
+            self.plusFocus = items.length ? 0 : -1;
+            self.$nextTick(function(){ self._scrollPlusItem(); });
+          })
+          .catch(function(){ self.plusBrowse = []; self.plusLoading = false; self.plusFocus = -1; });
+      },
+      // ── Gérer les compétences : CRUD / export / import (v7.52.0) ──
+      saveSkill(){
+        var self = this, f = this.skillForm;
+        if(!(f.name || '').trim()){ this.toast('Le nom est requis.', true); return; }
+        fetch(f.id ? '/api/agent/skills/' + f.id : '/api/agent/skills', {
+          method: f.id ? 'PATCH' : 'POST',
+          headers: {'X-CSRF-Token': getCsrf(), 'Content-Type': 'application/json'},
+          body: JSON.stringify({name: f.name, description: f.description || '',
+            prompt_template: f.prompt_template || ''})
+        }).then(function(r){
+          return r.json().then(function(d){ return {ok: r.ok, d: d}; });
+        }).then(function(res){
+          if(!res.ok){ self.toast((res.d && res.d.detail) || 'Enregistrement impossible.', true); return; }
+          self.toast('Skill enregistré.');
+          self.fetchSkills();
+          self.plusSection = 'skills-manage'; self.plusFocus = 0;
+        }).catch(function(){ self.toast('Enregistrement impossible (réseau).', true); });
+      },
+      deleteSkill(){
+        var self = this, f = this.skillForm;
+        if(!f.id) return;
+        if(!window.confirm('Supprimer le skill « ' + f.name + ' » ?')) return;
+        fetch('/api/agent/skills/' + f.id, {method: 'DELETE', headers: {'X-CSRF-Token': getCsrf()}})
+          .then(function(r){ return r.json().then(function(d){ return {ok: r.ok, d: d}; }); })
+          .then(function(res){
+            if(!res.ok){ self.toast((res.d && res.d.detail) || 'Suppression impossible.', true); return; }
+            self.toast('Skill supprimé.');
+            // le chip épinglé ne doit pas survivre au skill
+            self.contextChips = self.contextChips.filter(function(ch){
+              return !(ch.kind === 'skill' && ch.skillId === f.id);
+            });
+            self.skillForm = {id: null, name: '', description: '', prompt_template: ''};
+            self.fetchSkills();
+            self.plusSection = 'skills-manage'; self.plusFocus = 0;
+          }).catch(function(){ self.toast('Suppression impossible (réseau).', true); });
+      },
+      exportSkill(){
+        var self = this, f = this.skillForm;
+        if(!f.id) return;
+        fetch('/api/agent/skills/' + f.id + '/export')
+          .then(function(r){ return r.json(); })
+          .then(function(doc){
+            var blob = new Blob([JSON.stringify(doc, null, 2)], {type: 'application/json'});
+            var a = document.createElement('a');
+            a.href = URL.createObjectURL(blob);
+            a.download = String((doc && doc.name) || 'skill').replace(/[^\w.-]+/g, '-') + '.json';
+            document.body.appendChild(a); a.click(); document.body.removeChild(a);
+            setTimeout(function(){ URL.revokeObjectURL(a.href); }, 1000);
+          }).catch(function(){ self.toast('Export impossible.', true); });
+      },
+      importSkillFile(ev){
+        var self = this;
+        var input = ev.target, file = input.files && input.files[0];
+        if(!file) return;
+        file.text().then(function(txt){
+          var payload;
+          try{ payload = JSON.parse(txt); }
+          catch{ self.toast('Fichier JSON invalide.', true); return; }
+          return fetch('/api/agent/skills/import', {
+            method: 'POST', headers: {'X-CSRF-Token': getCsrf(), 'Content-Type': 'application/json'},
+            body: JSON.stringify({payload: payload, overwrite: true})
+          }).then(function(r){ return r.json().then(function(d){ return {ok: r.ok, d: d}; }); })
+            .then(function(res){
+              if(!res.ok){ self.toast((res.d && res.d.detail) || 'Import impossible.', true); return; }
+              self.toast('Skill importé : ' + ((res.d && res.d.name) || '') + ' (pas de doublon).');
+              self.fetchSkills();
+              self.plusSection = 'skills-manage'; self.plusFocus = 0;
+            });
+        }).catch(function(){ self.toast('Lecture du fichier impossible.', true); })
+          .finally(function(){ input.value = ''; });
      },
      openMentionPicker(from){
+        this.plusOpen = false;
        this.mentionOpen = true;
        this._mentionFrom = from || '+';
        this.mentionQuery = '';
@@ -1177,6 +1476,7 @@
      onInput(){
        this.resizeInput();
        this.slashDismiss = false;
+        if(this.plusOpen) this.closePlus();   // tape = on écrit le message, le menu se referme
        var text = this.composerText();
        this.input = text;
        var cmdNow = /^\s*\//.test(text);
@@ -1249,16 +1549,29 @@
          }catch { /* volontaire */ }
        }
        if(key === 'Escape'){
+          if(this.plusOpen){ e.preventDefault(); e.stopPropagation(); this.closePlus(); return; }
          if(this.mentionOpen){ e.preventDefault(); e.stopPropagation(); this.mentionOpen = false; this._mentionFrom = null; this._atNode = null; return; }
          if(this.commandOpen){ e.preventDefault(); e.stopPropagation(); this.slashDismiss = true; this.cmdFocus = -1; return; }
          return; // laisse fermer le panneau
        }
        if(key === 'ArrowDown' || key === 'ArrowUp'){
          var delta = key === 'ArrowDown' ? 1 : -1;
+          if(this.plusOpen){ e.preventDefault(); this.movePlusFocus(delta); return; }
          if(this.mentionOpen && this.mentionItems.length){ e.preventDefault(); this.moveMentionFocus(delta); return; }
          if(this.commandOpen && !this.slashDismiss && this._slashItems().length){ e.preventDefault(); this.moveSlashFocus(delta); return; }
          return;
        }
+        // Entrée / Tab avec le menu ＋ ouvert
+        if(this.plusOpen){
+          if(key === 'Enter' || key === 'Tab'){
+            e.preventDefault();
+            var psel = this._plusSelectable();
+            if(!psel.length) return;
+            var pidx = psel.indexOf(this.plusFocus) >= 0 ? this.plusFocus : psel[0];
+            this.plusAction(this.plusItems[pidx]);
+            return;
+          }
+        }
        // Entrée / Tab avec un menu ouvert (skills / mentions)
        if(this.mentionOpen){
          var mSel = this._selectableMentionItems();
@@ -1283,72 +1283,86 @@ const DB_CONFIG=(()=>{try{const el=document.getElementById('db-config');const v=
    }

    // ── Side peek : panneau latéral des lignes de base (vanilla JS) ──
-    // Le panneau vit dans _database_table.html (page de base ET bases
-    // embarquées inline). Il doit être câblé SUR le document, jamais via
-    // container.__x : le conteneur n'a pas de x-data (les bindings Alpine
-    // du panneau restaient inertes — clic sur une ligne = rien).
-    var peekEl = document.getElementById('db-side-peek');
-    // Sans panneau (collections embarquées inline dans l'éditeur), le clic ne
-    // doit pas lever de ReferenceError : repli discret, comme l'ancien code.
-    if (!peekEl) window.openPageInSidePeek = function() {};
-    if (peekEl) {
+    // Le panneau vit dans _database_table.html (page de base). Une base
+    // EMBARQUÉE dans un document n'a pas ce markup : on le crée à la demande
+    // (comme mt-peek de My Tasks), sinon l'icône Open de fin de ligne était
+    // un no-op silencieux. Il doit être câblé SUR le document, jamais via
+    // container.__x : le conteneur n'a pas de x-data.
+    var PEEK_HTML =
+        '<div class="peek-resize-handle" title="Glisser pour redimensionner — cliquer pour fermer"></div>' +
+        '<div class="db-side-peek-header">' +
+        '<button id="db-side-peek-close" title="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
+        '<div class="db-side-peek-title" id="db-side-peek-title"></div>' +
+        '<button id="db-side-peek-full" title="Open full page"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>' +
+        '</div>' +
+        '<div class="db-side-peek-body">' +
+        '<div class="db-side-peek-loading" id="db-side-peek-loading">Chargement…</div>' +
+        '<iframe id="db-side-peek-iframe" src="about:blank" title="Document" style="width:100%;height:100%;border:none;flex:1;min-height:0;"></iframe>' +
+        '</div>';
+    function ensureDbPeek() {
+        var p = document.getElementById('db-side-peek');
+        if (p) return p;
+        p = document.createElement('div');
+        p.id = 'db-side-peek';
+        p.className = 'db-side-peek';
+        p.innerHTML = PEEK_HTML;
+        document.body.appendChild(p);
+        document.getElementById('db-side-peek-close').addEventListener('click', closeDbPeek);
+        document.getElementById('db-side-peek-full').addEventListener('click', function () {
+            var f = document.getElementById('db-side-peek-iframe');
+            // `dataset.page` et non `iframe.src` : le src porte `?embed=1`,
+            // la pleine page doit garder sa sidebar et sa barre.
+            if (f && f.dataset.page) window.location.href = '/pages/' + f.dataset.page;
+        });
+        if (window.fdWirePeekResize) window.fdWirePeekResize(p, p.querySelector('.peek-resize-handle'), closeDbPeek);
+        return p;
+    }
+    function closeDbPeek() {
+        var p = document.getElementById('db-side-peek');
+        if (!p) return;
+        p.classList.remove('open');
+        document.getElementById('db-side-peek-iframe').src='about:blank';
+        var t = document.getElementById('db-side-peek-title');
+        if (t) t.textContent = '';
+    }
+    window.openPageInSidePeek = function(pageId) {
+        if (!pageId) return;
+        var peekEl = ensureDbPeek();
        var peekFrame = document.getElementById('db-side-peek-iframe');
        var peekTitle = document.getElementById('db-side-peek-title');
        var peekLoading = document.getElementById('db-side-peek-loading');
-        function closeDbPeek() {
-            peekEl.classList.remove('open');
-            document.getElementById('db-side-peek-iframe').src='about:blank';
-            if (peekTitle) { peekTitle.textContent = ''; }
-        }
-        window.openPageInSidePeek = function(pageId) {
-            if (!pageId) return;
-            peekEl.classList.add('open');
-            if (peekLoading) peekLoading.style.display = '';
-            var iframe = document.getElementById('db-side-peek-iframe');
-            if (iframe) iframe.src='about:blank';
-            if (peekTitle) peekTitle.textContent = '';
-            resolveRowContentPage(pageId).then(function(pid){
-                if (!peekEl.classList.contains('open')) return;
-                if (peekTitle) peekTitle.textContent = '';
-                if (peekLoading) peekLoading.style.display = 'none';
-                if (iframe) iframe.src = '/pages/'+pid;
-            })
-            .catch(function(){
-                // L'échec est rendu DANS le panneau (srcdoc) : sous le build
-                // CSP d'Alpine les toasts ne s'affichent pas partout.
-                if (iframe) {
-                    iframe.srcdoc = '<p style="font-family:sans-serif;color:#888;padding:40px;text-align:center">Impossible d’ouvrir le contenu de cette ligne</p>';
-                }
-                peekEl.classList.add('open');
-                toast('Impossible d’ouvrir le contenu de cette ligne', 'error');
-            });
-        };
-        var pc = document.getElementById('db-side-peek-close');
-        if (pc) pc.addEventListener('click', closeDbPeek);
-        var pf = document.getElementById('db-side-peek-full');
-        if (pf) pf.addEventListener('click', function() {
-            if (peekFrame && peekFrame.src && peekFrame.src !== 'about:blank') {
-                window.location.href = peekFrame.src;
-            }
-        });
-        document.addEventListener('keydown', function(e) {
-            if (e.key === 'Escape' && peekEl.classList.contains('open')) closeDbPeek();
-        });
-        document.addEventListener('pointerdown', function(e) {
+        peekEl.classList.add('open');
+        if (peekLoading) peekLoading.style.display = '';
+        if (peekFrame) peekFrame.src = 'about:blank';
+        if (peekTitle) peekTitle.textContent = '';
+        resolveRowContentPage(pageId).then(function(pid){
            if (!peekEl.classList.contains('open')) return;
-            if (peekEl.contains(e.target)) return;
-            if (e.target.closest('#db-table-container, .database-table-container, [id^="inline-db-"]')) return;
-            closeDbPeek();
-        });
-        function wireDbPeekResize() {
-            if (window.fdWirePeekResize) {
-                window.fdWirePeekResize(peekEl, peekEl.querySelector('.peek-resize-handle'), closeDbPeek);
-            } else if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', wireDbPeekResize);
+            if (peekLoading) peekLoading.style.display = 'none';
+            // `?embed=1` : uniquement le document edite, pas l'habillage
+            // (sidebar + barre) — la pleine page reste via le bouton « full ».
+            if (peekFrame) { peekFrame.dataset.page = pid; peekFrame.src = '/pages/'+pid+'?embed=1'; }
+        })
+        .catch(function(){
+            // L'échec est rendu DANS le panneau (srcdoc) : sous le build
+            // CSP d'Alpine les toasts ne s'affichent pas partout.
+            if (peekFrame) {
+                peekFrame.srcdoc = '<p style="font-family:sans-serif;color:#888;padding:40px;text-align:center">Impossible d’ouvrir le contenu de cette ligne</p>';
            }
-        }
-        wireDbPeekResize();
-    }
+            peekEl.classList.add('open');
+            toast('Impossible d’ouvrir le contenu de cette ligne', 'error');
+        });
+    };
+    document.addEventListener('keydown', function(e) {
+        var p = document.getElementById('db-side-peek');
+        if (e.key === 'Escape' && p && p.classList.contains('open')) closeDbPeek();
+    });
+    document.addEventListener('pointerdown', function(e) {
+        var p = document.getElementById('db-side-peek');
+        if (!p || !p.classList.contains('open')) return;
+        if (p.contains(e.target)) return;
+        if (e.target.closest('#db-table-container, .database-table-container, [id^="inline-db-"]')) return;
+        closeDbPeek();
+    });

    function resolveRowContentPage(rowId){
        return fetch('/db/pages/'+rowId+'/open/api')
@@ -979,9 +979,9 @@ _renderIcon(item) {
      if (loading) loading.style.display = '';
      frame.onload = function () { if (loading) loading.style.display = 'none'; };
      frame.src = 'about:blank';
-      // `/pages/{id}` sans `?embed=1` : le peek affiche le MÊME éditeur que la
-      // page pleine (sidebar, barre, actions compris), pas une variante.
-      frame.src = '/pages/' + item.id;
+      // `?embed=1` : le peek affiche SEULEMENT le document en mode édition
+      // (ni sidebar ni barre de navigation) — le cadre du panneau suffit.
+      frame.src = '/pages/' + item.id + '?embed=1';
    },

    closePeek() {
@@ -395,12 +395,12 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
          window.showToast('Failed to copy', 'error');
        });
      };
-      // Load the full-screen editor in the iframe (no `?embed=1`: the peek
-      // shows the same editor as the page itself). `about:blank` first, so
-      // opening another document really reloads the frame instead of keeping
-      // the previous one when the URL happens to be identical.
+      // Load ONLY the editable document in the iframe (`?embed=1`: no
+      // sidebar, no navbar). `about:blank` first, so opening another
+      // document really reloads the frame instead of keeping the previous
+      // one when the URL happens to be identical.
      var iframe = document.getElementById('ws-preview-iframe');
-      if (iframe) { iframe.src = 'about:blank'; iframe.src = '/pages/' + node.id; }
+      if (iframe) { iframe.src = 'about:blank'; iframe.src = '/pages/' + node.id + '?embed=1'; }
      // Show panel
      panel.style.display = 'flex';
      requestAnimationFrame(function() {
@@ -152,9 +152,10 @@ function flowDeckMyTasks() {
            f.style.display = '';
            // `about:blank` d'abord : ouvrir une autre tâche doit REcharger
            // l'éditeur, sinon l'URL identique laisse le document précédent
-            // affiché. `/pages/{id}` sans `?embed=1` = l'éditeur plein écran.
+            // affiché. `?embed=1` = le document en édition seule, sans
+            // sidebar ni barre de navigation (le cadre du panneau suffit).
            f.src = 'about:blank';
-            f.src = '/pages/' + pid;
+            f.src = '/pages/' + pid + '?embed=1';
        }).catch(function (e) {
            if (loading) {
                loading.textContent = 'Impossible d’ouvrir le contenu : ' + e.message;
@@ -389,6 +390,7 @@ function flowDeckMyTasks() {
                h += '<div class="mt-card" draggable="true" data-id="' + t.id + '">' +
                    '<span class="mt-icon">' + esc(rowIcon(t.icon)) + '</span>' +
                    '<span class="mt-card-title">' + esc(t.title) + '</span>' +
+                    openButton(t) +
                    (t.due ? '<span class="mt-card-due mt-due-' + esc(t.due_state) + '">📅 ' +
                        esc(t.due) + '</span>' : '') +
                    '<span class="mt-card-src">' + esc(t.collection_icon) + ' ' +
@@ -878,17 +880,21 @@ function flowDeckMyTasks() {
        var t = e.target;

        if (t.id === 'mt-new-btn') { openNewModal(); return; }
-        if (t.dataset && t.dataset.openRow) {
+        var opener = t.closest ? t.closest('[data-open-row]') : null;
+        if (opener) {
+            // `closest` : dans le calendrier le bouton ne contient que son
+            // SVG — un clic sur l'icone donnait `e.target` = <svg> sans
+            // dataset, et le bouton ne faisait rien.
            e.preventDefault();
            // Le titre vient de l'attribut : il est disponible aussi bien dans
            // le tableau que dans le calendrier ou la vue Jour.
-            var label = t.dataset.openTitle;
+            var label = opener.dataset.openTitle;
            if (!label) {
-                var row = t.closest('.mt-row');
+                var row = opener.closest('.mt-row');
                var cell = row && row.querySelector('.mt-title-text');
                label = cell ? cell.textContent : '';
            }
-            openRowContent(Number(t.dataset.openRow), label);
+            openRowContent(Number(opener.dataset.openRow), label);
            return;
        }
        if (t.dataset && t.dataset.fixSource) {
@@ -1388,13 +1388,35 @@ def test_library_peek_iframe_is_not_inside_the_x_if_template():
    assert at > html.index("</template>"), "l'iframe doit être hors du x-if"


-def test_library_peek_loads_the_full_screen_editor():
-    """Le peek charge `/pages/{id}` SANS `?embed=1` : exactement l'éditeur
-    de la page entière (le mode embed masquait sidebar, barre et actions)."""
+def test_library_peek_loads_the_embed_editor_only():
+    """Le peek charge `/pages/{id}?embed=1` : le document en mode édition
+    SEUL — le cadre du panneau suffit, ni sidebar ni barre de navigation."""
    body = _js_func(_library_js(), "openPeek(item) {")

-    assert "frame.src = '/pages/' + item.id" in body
-    assert "embed=1" not in _strip_js_comments(body)
+    assert "frame.src = '/pages/' + item.id + '?embed=1'" in body
+
+
+def test_library_peek_body_has_no_inset_padding():
+    """Le corps du peek de Library est nu (padding 0, overflow hidden) :
+    l'iframe doit remplir le panneau comme dans local-workspace, sans double
+    scrollbar ni bande grise autour du document."""
+    from pathlib import Path
+
+    html = Path("app/templates/library.html").read_text(encoding="utf-8")
+    rule = html.split(".peek-body{")[1].split("}")[0]
+    assert "padding:0" in rule
+    assert "overflow-y:auto" not in rule
+
+
+def test_every_side_peek_loads_the_embed_editor_only():
+    """Library, My Tasks, bases et workspace local : le peek ne montre QUE le
+    document éditable (`?embed=1`), jamais l'habillage pleine page."""
+    from pathlib import Path
+
+    for name in ("library.js", "my_tasks.js", "database_table.js",
+                 "local_workspace.js"):
+        src = _strip_js_comments((Path("static/js") / name).read_text(encoding="utf-8"))
+        assert "?embed=1" in src, name


 def test_library_peek_reloads_when_switching_documents():
@@ -1419,16 +1441,6 @@ def test_close_peek_unloads_the_editor_iframe():
    assert "frame.onload = null" in body


-def test_every_side_peek_loads_the_plain_page_url():
-    """Library, My Tasks, bases et workspace local : même éditeur partout."""
-    from pathlib import Path
-
-    for name in ("library.js", "my_tasks.js", "database_table.js",
-                 "local_workspace.js"):
-        src = (Path("static/js") / name).read_text(encoding="utf-8")
-        assert "?embed=1" not in _strip_js_comments(src), name
-
-
 def test_calendar_offers_five_views():
    """Mois / Année / Semaine / Jour / Planning."""
    js = _my_tasks_js()
@@ -1451,6 +1463,56 @@ def test_calendar_events_have_a_side_peek_icon():
    assert "data-open-title=" in body


+def test_open_buttons_resolve_with_closest_not_target():
+    """Le gestionnaire de clic lit `data-open-row` via `closest` : les boutons
+    du calendrier et du Kanban ne contiennent que leur SVG — un clic sur
+    l'icone (e.target = <svg>, sans dataset) doit ouvrir le peek aussi."""
+    js = _my_tasks_js()
+    i = js.index("app.addEventListener('click'")
+    block = js[i:i + 900]
+    assert "closest('[data-open-row]')" in block
+
+
+def test_kanban_cards_have_the_open_button():
+    """Les tuiles du Kanban portent le même bouton « Open » que les lignes
+    du tableau (parité avec la page d'origine : même peek latéral)."""
+    body = _js_func(_my_tasks_js(), "function viewBoard(")
+
+    assert "openButton(t)" in body
+    # Le bouton est révélé au survol de la tuile (overlay, la carte est une
+    # colonne flex — pas de place en flux).
+    css = _my_tasks_css()
+    assert ".mt-card:hover .mt-hover-only" in css
+
+
+def test_base_page_collection_renders_the_table_when_embedded():
+    """`/pages/{id}?embed=1` sur une page de base garde le TABLEAU (template
+    collection) — le peek d'une base ouvre le tableau sans sidebar ni barre,
+    pas l'éditeur de blocs vide."""
+    from pathlib import Path
+
+    src = Path("app/routers/dashboard/pages_html.py").read_text(encoding="utf-8")
+    i = src.index('content_format") == "collection"')
+    branch = src[i:i + 220]
+    assert "not embed" not in branch.split("template")[0]
+
+
+def test_embed_editor_can_render_inline_databases():
+    """Le peek (`page_editor_embed.html`) doit charger database_table.js :
+    sans lui, une base embarquée restait bloquée à « Loading database… » et
+    l'icône Open de fin de ligne ne faisait rien. Le panneau #db-side-peek
+    est créé à la demande par database_table.js (markup unique)."""
+    from pathlib import Path
+
+    html = Path("app/templates/page_editor_embed.html").read_text(encoding="utf-8")
+    assert "_database_table_scripts.html" in html
+    js = Path("static/js/database_table.js").read_text(encoding="utf-8")
+    assert "ensureDbPeek" in js
+    # Pas de second markup statique du panneau (source unique).
+    tbl = Path("app/templates/_database_table.html").read_text(encoding="utf-8")
+    assert 'id="db-side-peek"' not in tbl
+
+
 def test_open_button_carries_its_title_as_attribute():
    """Le titre est lu depuis `dataset.openTitle` : disponible aussi dans le
    calendrier et la vue Jour, où il n'y a pas de ligne `.mt-row`."""
@@ -1520,4 +1582,6 @@ def test_db_side_peek_reports_resolution_failure_in_the_panel():

    assert "srcdoc" in block, "erreur rendue dans le panneau"
    assert "Impossible d’ouvrir le contenu" in block
-    assert block.index("srcdoc") < block.index("panel.style.display = 'flex'")
+    # Le panneau (révélé par `classList.add('open')` depuis la réécriture
+    # vanilla JS de v7.49.0) doit s'afficher APRÈS l'injection du message.
+    assert block.index("srcdoc") < block.index("classList.add('open')")
@@ -0,0 +1,127 @@
+"""v7.51.0 — Menu ＋ de l'assistant : sections, parcours fichiers/répertoires,
+jeton ``folder:<id>`` résolu par ContextBuilder."""
+
+from pathlib import Path
+
+from app.db import get_conn
+from app.services.context_builder import ContextBuilder
+
+ROOT = Path(__file__).resolve().parent.parent
+JS_PATH = ROOT / "static" / "js" / "agent_panel_2.js"
+
+
+def _uid() -> int:
+    with get_conn() as conn:
+        row = conn.execute("SELECT id FROM users LIMIT 1").fetchone()
+    return row["id"] if row else 1
+
+
+def _folder_with_children(n_children: int = 2, body: str = "Contenu enfant.") -> int:
+    with get_conn() as conn:
+        cur = conn.execute(
+            "INSERT INTO pages (workspace, title, content, content_format, parent_section) "
+            "VALUES ('ws', 'Dossier Specs', '', 'blocks', 'Workspace')"
+        )
+        fid = cur.lastrowid
+        for i in range(n_children):
+            conn.execute(
+                "INSERT INTO pages (workspace, title, content, content_format, "
+                "parent_section, parent_id) VALUES ('ws', ?, ?, 'markdown', 'Private', ?)",
+                (f"Spec {i}", body * 10 if i else body, fid),
+            )
+        conn.commit()
+    return fid
+
+
+def test_folder_mention_resolves_children(client):
+    """folder:<id> = titre du dossier + contenu de ses documents directs."""
+    fid = _folder_with_children()
+    ctx = ContextBuilder(_uid()).build(mentions=[f"folder:{fid}"])
+    assert "Dossier Specs" in ctx
+    assert "Contenu enfant." in ctx
+
+
+def test_folder_mention_truncates_on_budget(client):
+    """Le contenu d'un dossier est borné (~12k) : un gros dossier n'explose pas le prompt."""
+    fid = _folder_with_children(n_children=12, body="X" * 800)
+    ctx = ContextBuilder(_uid()).build(mentions=[f"folder:{fid}"])
+    assert "tronqué" in ctx
+    assert len(ctx) < 20000
+
+
+def test_folder_mention_unknown_id(client):
+    ctx = ContextBuilder(_uid()).build(mentions=["folder:999999"])
+    assert "introuvable" in ctx
+
+
+def test_browse_contract_nav_menu(client):
+    """Contrat que le parcours du menu ＋ consomme : dossier = icon 'folder',
+    un niveau par appel via parent_id."""
+    with get_conn() as conn:
+        conn.execute("INSERT OR IGNORE INTO users (id, login) VALUES (1, 'tester')")
+        cur = conn.execute("INSERT INTO workspaces (name, owner_id) VALUES ('BrowseWS', 1)")
+        ws_id = cur.lastrowid
+        cur = conn.execute(
+            "INSERT INTO pages (workspace, workspace_id, title, content, content_format, "
+            "parent_section, parent_id) VALUES ('BrowseWS', ?, 'Dossier A', '', 'blocks', "
+            "'Workspace', NULL)",
+            (ws_id,),
+        )
+        folder_id = cur.lastrowid
+        conn.execute(
+            "INSERT INTO pages (workspace, workspace_id, title, content, content_format, "
+            "parent_section, parent_id) VALUES ('BrowseWS', ?, 'Note enfant', '', 'markdown', "
+            "'Private', ?)",
+            (ws_id, folder_id),
+        )
+        conn.commit()
+
+    root = client.get(f"/api/nav/menu?workspace_id={ws_id}").json()["items"]
+    names = {i["name"]: i for i in root}
+    assert names["Dossier A"]["icon"] == "folder"
+
+    kids = client.get(f"/api/nav/menu?workspace_id={ws_id}&parent_id={folder_id}").json()["items"]
+    kid = {i["name"]: i for i in kids}["Note enfant"]
+    assert kid["icon"] != "folder"
+    assert kid["url"] == f"/pages/{kid['id']}"
+
+
+def test_agent_panel_renders_plus_menu(client):
+    """La page rend bien le menu ＋ (markup + bouton)."""
+    resp = client.get("/accounts")
+    assert resp.status_code == 200
+    html = resp.text
+    assert "fd-ap-plus-menu" in html
+    assert "fd-ap-add" in html
+    assert "Menu d'ajout au contexte" in html
+
+
+def test_plus_menu_sections_and_disabled_states():
+    """Les 6 sections du menu ＋ existent ; seules les sections déjà livrées sont
+    actives (le menu ne promet rien que le code ne fait)."""
+    src = JS_PATH.read_text(encoding="utf-8")
+    root = src.split("var FD_PLUS_MENU = [", 1)[1].split("];", 1)[0]
+    for key in ("'files'", "'skills'", "'connectors'", "'canvases'", "'plugins'", "'memory'"):
+        assert f"key:{key}" in root, key
+    assert "action:'files'" in root and "action:'skills'" in root
+    # phases 1 + 2 livrées → il reste 4 sections « bientôt »
+    assert root.count("disabled:true") == 4
+
+    files = src.split("var FD_PLUS_FILES = [", 1)[1].split("];", 1)[0]
+    assert "action:'search'" in files and "action:'browse'" in files
+    assert "folder:" in src and "document:" in src
+
+
+def test_folder_chip_token_reaches_run_payload():
+    """Le jeton folder:<id> épinglé part dans payload.mentions (contrat front→agent)."""
+    src = JS_PATH.read_text(encoding="utf-8")
+    # composerMentions() pioche dans contextChips[].token : le parcours doit
+    # produire des items avec token folder:/document:.
+    assert "token: 'folder:' + cur.id" in src
+    assert "token: (isFolder ? 'folder:' : 'document:') + x.id" in src
+    # ... et le backend sait les résoudre.
+    cb = (ROOT / "app" / "services" / "context_builder.py").read_text(
+        encoding="utf-8"
+    )
+    assert 'm.startswith("folder:")' in cb
+    assert "def _single_folder" in cb
@@ -0,0 +1,114 @@
+"""v7.52.0 — Menu ＋ : Compétences-skills (« Gérer » + « Parcourir »).
+
+Couvre le nouveau ``PATCH /api/agent/skills/{id}``, l'import sans doublon et le
+câblage du sous-menu (sections, alias affichés, formulaire)."""
+
+from pathlib import Path
+
+from conftest import anon_csrf
+
+ROOT = Path(__file__).resolve().parent.parent
+JS_PATH = ROOT / "static" / "js" / "agent_panel_2.js"
+PANEL_HTML = ROOT / "app" / "templates" / "agent_panel.html"
+
+NEW_SKILL = {
+    "name": "synthese-reunion",
+    "description": "Synthèse de réunion",
+    "prompt_template": "Résume cette réunion en décisions et actions.",
+}
+
+
+def _create(client, **overrides):
+    body = {**NEW_SKILL, **overrides}
+    r = client.post("/api/agent/skills", json=body)
+    assert r.status_code == 200, r.text
+    return r.json()["id"]
+
+
+def test_skill_patch_updates_fields(client):
+    sid = _create(client)
+    r = client.patch(f"/api/agent/skills/{sid}", json={
+        "name": "synthese-v2", "description": "Version 2",
+        "prompt_template": "Résume en 5 points.",
+    })
+    assert r.status_code == 200, r.text
+    assert r.json()["status"] == "updated"
+
+    skills = {s["id"]: s for s in client.get("/api/agent/skills").json()["skills"]}
+    assert skills[sid]["name"] == "synthese-v2"
+    assert skills[sid]["description"] == "Version 2"
+    assert skills[sid]["prompt_template"] == "Résume en 5 points."
+
+
+def test_skill_patch_partial_and_validation(client):
+    sid = _create(client)
+    # mise à jour partielle : un seul champ ne touche pas les autres
+    assert client.patch(f"/api/agent/skills/{sid}", json={"description": "Seul champ"}).status_code == 200
+    skills = {s["id"]: s for s in client.get("/api/agent/skills").json()["skills"]}
+    assert skills[sid]["description"] == "Seul champ"
+    assert skills[sid]["prompt_template"] == NEW_SKILL["prompt_template"]
+
+    assert client.patch(f"/api/agent/skills/{sid}", json={}).status_code == 400
+    assert client.patch(f"/api/agent/skills/{sid}", json={"name": "   "}).status_code == 400
+    assert client.patch("/api/agent/skills/999999", json={"name": "ghost"}).status_code == 404
+
+
+def test_skill_patch_requires_session(client):
+    sid = _create(client)
+    anon_csrf(client)  # CSRF valide mais plus de session → on veut le 401 de la route
+    assert client.patch(f"/api/agent/skills/{sid}", json={"name": "pirate"}).status_code == 401
+
+
+def test_import_skill_has_no_duplicate(client):
+    payload = {"name": "skill-importe", "prompt_template": "Fais X.", "description": "import"}
+    first = client.post("/api/agent/skills/import", json={"payload": payload})
+    assert first.status_code == 200 and first.json()["status"] == "imported"
+
+    # même payload, sans overwrite → 409 (pas de doublon silencieux)
+    again = client.post("/api/agent/skills/import", json={"payload": payload})
+    assert again.status_code == 409
+    # avec overwrite → mise à jour de la même ligne
+    over = client.post("/api/agent/skills/import", json={"payload": payload, "overwrite": True})
+    assert over.status_code == 200 and over.json()["status"] == "updated"
+
+    names = [s["name"] for s in client.get("/api/agent/skills").json()["skills"]]
+    assert names.count("skill-importe") == 1
+
+
+def test_export_then_roundtrip_import(client):
+    sid = _create(client)
+    doc = client.get(f"/api/agent/skills/{sid}/export").json()
+    client.delete(f"/api/agent/skills/{sid}")
+    back = client.post("/api/agent/skills/import", json={"payload": doc, "overwrite": True})
+    assert back.status_code == 200, back.text
+    assert back.json()["name"] == NEW_SKILL["name"]
+
+
+def test_skills_menu_sections_enabled(client):
+    """Sous-menu Compétences actif : alias affichés, Gérer + Parcourir, CRUD branché."""
+    src = JS_PATH.read_text(encoding="utf-8")
+    root = src.split("var FD_PLUS_MENU = [", 1)[1].split("];", 1)[0]
+    assert "action:'skills'" in root
+    assert "bientôt (phase 2)" not in root
+
+    alias = src.split("var FD_SKILL_ALIAS = ", 1)[1].split(";", 1)[0]
+    assert "research" in alias and "Deep research" in alias
+    assert "create-new-skill" in alias and "Skill-creator" in alias
+
+    for action in ("'skills-manage'", "'skills-gallery'", "'skill-new'",
+                   "'skill-edit'", "'skill-install'", "'skill-import'"):
+        assert action in src, action
+    for method in ("saveSkill()", "deleteSkill()", "exportSkill()", "importSkillFile"):
+        assert method in src, method
+    # PATCH utilisé pour l'édition (pas de POST qui recréerait la ligne)
+    assert "method: f.id ? 'PATCH' : 'POST'" in src
+
+
+def test_skills_menu_markup_rendered(client):
+    html = PANEL_HTML.read_text(encoding="utf-8")
+    assert "fd-plus-form" in html
+    assert 'x-ref="skillImport"' in html
+    assert "Gérer les compétences" in JS_PATH.read_text(encoding="utf-8")
+    resp = client.get("/accounts")
+    assert resp.status_code == 200
+    assert "fd-plus-form" in resp.text
Author	SHA1	Message	Date
bruno	18a2d45d46	feat: menu ＋ — Compétences-skills « Gérer » + « Parcourir » — phase 2/8 (v7.52.0) FlowDeck CI / lint (push) Successful in 2m11s Details FlowDeck CI / test (push) Failing after 13m54s Details FlowDeck CI / docker (push) Skipped Details - Sous-menu « Compétences-skills » : 11 skills builtin + skills enregistrés, libellés affichés « Deep research » (/research) et « Skill-creator » (/create-new-skill) via FD_SKILL_ALIAS (slugs intacts) ; le clic épingle le skill au contexte, même chemin que la palette /. - « Gérer les compétences » : section du menu + formulaire intégré (nom, description, prompt) — création, édition, suppression (chip épinglé nettoyé), export JSON téléchargé, import fichier avec overwrite (pas de doublon). - « Parcourir les compétences » : section galerie filtrable (nom/description/ slug), installation en 1 clic (installGallerySkill réutilisé). - PATCH /api/agent/skills/{skill_id} créé : édition partielle, whitelist de colonnes, 400/401/404/409. OpenAPI régénéré : 515 chemins, version 7.52.0. - En-tête ← + titre de section dans le menu (navigation à 3 niveaux). - Fix : épingler un skill enregistré n'efface plus le message déjà tapé (_pinDbSkill ne vide le composer que s'il est vide). - Tests : tests/test_v752_skills_menu.py (7) + test_v751 adapté. Suite complète 1280 verts (-n auto), ruff 0, eslint 0 problème.	2026-10-06 21:39:24 -04:00
bruno	f271ac9b7a	feat: menu ＋ de l'assistant en hub de contexte — phase 1/8 (v7.51.0) FlowDeck CI / lint (push) Successful in 2m11s Details FlowDeck CI / test (push) Failing after 3h10m48s Details FlowDeck CI / docker (push) Skipped Details - Bouton ＋ : menu à sections (fichiers/répertoires, compétences-skills, connecteurs, Design System – Canevas, Add plugins, Mémoire on/off). Sections pas encore livrées affichées « bientôt (phase N) » mais désactivées, navigation clavier ↑/↓/Entrée/Échap, focus visible, la frappe referme le menu. - Parcours « Parcourir… » : un niveau par appel via GET /api/nav/menu (contrat : dossier = icon 'folder'), fil d'Ariane cliquable, épingle de dossier via la ligne « 📌 Épingler le dossier ». - Jeton folder:<id> résolu par ContextBuilder._single_folder() : titre du dossier + documents directs, budget ~12k caractères (marqueur « tronqué »), enfants directs seulement. - « Rechercher… » conserve l'ancien sélecteur de mentions (@ inline + recherche par nom) : régression zéro sur le chemin existant. - Tests : tests/test_v751_plus_menu.py (7 tests). Suite complète 1273 verts (-n auto), ruff check app tests propre, eslint static/js 0 erreur. - Docs : CHANGELOG, ROADMAP (phase 1 cochée), docs/V74_Agent_Plus_Menu.md statut.	2026-10-06 20:01:47 -04:00
bruno	f006880394	docs: plan par phases du menu + de l'assistant + design V74 FlowDeck CI / lint (push) Successful in 2m12s Details FlowDeck CI / test (push) Failing after 13m39s Details FlowDeck CI / docker (push) Skipped Details - ROADMAP : section « v7.51.0 → v7.58.0 — Menu + de l'assistant » (8 phases : menu hub/fichiers-répertoires, compétences, canevas, mémoire, connecteurs socle, Google+M365, Discord/Telegram/MCP, plugins), état des lieux lu dans le code, aucun case cochée. - docs/V74_Agent_Plus_Menu.md : maquette, découpage front/back, modèle de données, sécurité (SSRF, secrets Fernet, CSRF), décisions D1-D7, pièges repo, critères d'acceptation par phase.	2026-10-06 19:35:22 -04:00
bruno	81746d9440	fix: peek de Library nu comme local-workspace - iframe pleine (v7.50.2) FlowDeck CI / test (push) Failing after 13m34s Details FlowDeck CI / lint (push) Successful in 2m32s Details FlowDeck CI / docker (push) Skipped Details .peek-body gardait padding:16px 20px + overflow-y:auto (heritage de l'ancien peek a rendu HTML) : l'iframe etait amochee (519x816 mesures contre 559x848 en local-workspace) avec bande grise autour du document + double scrollbar. Corps nu (padding:0, overflow:hidden) : l'editeur remplit le panneau, exactement comme le peek de /local-workspace. Mesure Playwright (cookie de session forge, les 14 boutons Open de Library) : embed OK partout, bases hydratees, aucun jeton « Loading database... ». Test: test_library_peek_body_has_no_inset_padding. Suite 1266/0 (-n auto) + ruff 0. Bump VERSION/main.py 7.50.2, CHANGELOG, WORKLOAD, OpenAPI.	2026-10-06 15:53:04 -04:00
bruno	f53205bc45	fix: peek des bases hydrate FlowDeckDB + Open de ligne, tableau pleine largeur (v7.50.1) FlowDeck CI / test (push) Failing after 14m37s Details FlowDeck CI / lint (push) Successful in 2m11s Details FlowDeck CI / docker (push) Skipped Details - page_editor_embed.html incluait seulement _page_editor_scripts.html : window.FlowDeckDB etait undefined dans l'iframe -> une base ouverte en side peek restait a « Loading database... ». Include _database_table_scripts.html ajoute (meme traitement que page_editor.html). - Le panneau #db-side-peek n'existait que dans _database_table.html : hors page dediee, openPageInSidePeek etait un no-op. Desormais cree a la demande par ensureDbPeek (database_table.js) ; markup unique retire du partial. - .database-table-container : plafond 1100px retire (regle heritee de Library) + max-width 100% pour .db-first et database-page-title : le tableau prend la largeur du document, plus de barre de scroll parasite sous le tableau. - Tests: test_embed_editor_can_render_inline_databases. Suite 1265/0 (-n auto) + ruff 0. Bump VERSION/main.py 7.50.1, CHANGELOG, WORKLOAD, OpenAPI.	2026-10-06 15:15:01 -04:00
bruno	3706689eca	fix: side peek = document seul en edition + bouton Open calendrier/Kanban (v7.50.0) FlowDeck CI / lint (push) Successful in 2m15s Details FlowDeck CI / test (push) Failing after 13m47s Details FlowDeck CI / docker (push) Skipped Details - Les 4 peeks (library.js, local_workspace.js, my_tasks.js, database_table.js) chargent /pages/{id}?embed=1 : le panneau ne montre plus que le document en mode edition, sans sidebar ni barre (regression v7.49.0). Le cadre du panneau (close/full/resize partages fdWirePeekResize) est inchange. - Calendrier My Tasks : le handler testait e.target.dataset.openRow mais les boutons .mt-cal-open ne contiennent que leur <svg> -> clic sur l'icone = e.target = <svg>, rien ne partait. cause racine corrigee par t.closest('[data-open-row]') : un seul chemin tableau/calendrier/Kanban. - Kanban My Tasks : meme bouton Open ajoute sur les tuiles (openButton(t), overlay absolu revele au survol de la carte .mt-card). - Menu contextuel global « Open in side peek » : etait un toast d'erreur ; route maintenant vers le peek de la page courante (_libData.openPeekById / _wsData.openSidePeek), repli nouvel onglet ailleurs. - /pages/{id}?embed=1 sur une page de base (content_format=collection) rendait un editeur de blocs vide : le template collection est garde en embed (body.embed-mode retire sidebar+barre, le tableau reste). Bouton pleine page des peeks de bases : navigue via dataset.page (URL propre) au lieu du src ?embed=1. - Tests : garde de coherence inversee (?embed=1 exige sur les 4 fichiers), +3 nouveaux (closest, tuiles Kanban, collection embed). Fix d'un test pre-existant casse (assertion panel.style.display, reecriture vanilla JS v7.49.0). Suite 1264 passed / 0 failed (-n auto) + ruff 0. - Bump VERSION/main.py 7.50.0, CHANGELOG, WORKLOAD, OpenAPI regenere.	2026-10-06 12:48:48 -04:00
@@ -1 +1 @@
 .49.2
 .52.0