fix: page de base - titre au-dessus du tableau, tableau au ras du sidebar (v7.49.2)

- .db-first (page_editor_scripts._applyLayout) quand le premier bloc est une
  base embarquee : .blocks-container/.page-title-block passent a margin:0 +
  padding-left:var(--space-lg) au lieu de max-width:900px centre -> le tableau
  demarre a x=256 (marge topbar) au lieu de x=694 sur 1920px (mesure Playwright).
- .block-embed-collection { max-width:100%; overflow:hidden } : l'embed ne
  deborde plus de sa colonne (les popovers fixes restent hors du clipping).
- page_editor_collection.html : h1.database-page-title au-dessus du conteneur
  (les pages collection dediees n'avaient pas de titre).
- Bump VERSION/main.py 7.49.2, CHANGELOG, WORKLOAD, OpenAPI regenere.
- Instance locale flowdeck-final rebuildee flowdeck:v7.49.2 :8081, health OK.

.env.example

@@ -1,6 +1,10 @@
 # ── Gitea ──
 GITEA_URL=https://git.dracodev.net
 GITEA_TOKEN=change-me
+# Laissez VIDES pour activer le login local seul : depuis v7.46.0 les valeurs de
+# substitution (`test-id`, `test-secret`, `change-me`) comptent comme « provider
+# non configuré » — avant, /auth/login redirigeait vers Gitea avec un client_id
+# invalide (authentification OAuth impossible).
 GITEA_OAUTH_CLIENT_ID=
 GITEA_OAUTH_CLIENT_SECRET=
 GITEA_WEBHOOK_SECRET=
@@ -82,3 +86,15 @@ APP_BASE_URL=http://localhost:8080
 # SSO_ATTRIBUTE_MAPPING={"email":"email","full_name":"name","groups":"groups"}
 # SSO_GROUPS_MAPPING=[{"sso_group":"FlowDeck Admins","workspace_role":"admin","workspace_id":1}]
 # SSO_DEFAULT_WORKSPACE_ID=0
+
+# ── Web tools de l'agent (v7.46.0) ──
+# Skills « recherche-marche », « veille-techno », « debug-web ».
+#   web_search  → EXA (recherche sémantique + extraits, ~10 $/mois offerts)
+#   fetch_url   → aucune config : lecture d'une page, garde-fou SSRF actif
+#   search_code → GitHub public (10 req/min sans jeton, 30 avec)
+# Sans EXA_API_KEY, web_search bascule sur DuckDuckGo (repli dégradé, sans
+# compte mais parsé au HTML) : utilisable, moins fiable.
+WEB_SEARCH_PROVIDER=exa
+EXA_API_KEY=
+GITHUB_TOKEN=
+WEB_FETCH_MAX_CHARS=20000

CHANGELOG.md

@@ -1,5 +1,885 @@
 # Changelog - FlowDeck
 
+## v7.49.2 (2026-10-05) — Pages de base : titre au-dessus, tableau à gauche
+
+### Fixed
+
+- **Le tableau d'une page de base commençait au 1/3 de la page** — une base
+  créée depuis un document est un bloc `embed collection` rendu dans la
+  colonne éditeur `.blocks-container` (`max-width: 900px; margin: 0 auto`) :
+  centrée sur un grand écran, donc décalée loin du sidebar (mesuré x=694 sur
+  1920 px). Nouvelle classe `.db-first` sur le wrapper éditeur quand le
+  premier bloc est une base : titre et blocs passent à `margin: 0` +
+  `padding-left: var(--space-lg)` (liseré de la topbar) — tableau au ras du
+  sidebar (x=256 mesuré), titre au-dessus, plus de débordement de l'embed
+  (`max-width: 100%`, le scroll horizontal reste géré par `.db-table-wrapper`).
+- **Les pages de base dédiées (`content_format='collection'`) n'avaient pas
+  de titre** — `page_editor_collection.html` rend le tableau sans en-tête de
+  page. Un `<h1 class="database-page-title">` est ajouté au-dessus du
+  conteneur, avec le même liseré gauche que le tableau.
+
+## v7.49.1 (2026-10-05) — Tableau des bases aligné sur le titre
+
+### Fixed
+
+- **Le tableau d'une page de base était décalé sous le titre** — le conteneur
+  `.database-table-container` avait `padding: 0 24px` tandis que la topbar
+  (fil d'Ariane/titre) est à `var(--space-lg)` = 16 px : deux marges gauches
+  différentes. Le conteneur passe à la même valeur que la topbar, `margin: 0`
+  conservé — le bord gauche du tableau s'aligne désormais au ras du titre et
+  de la marge.
+
+## v7.49.0 (2026-10-05) — Side peek : l'éditeur plein écran, et un calendrier complet
+
+### Added
+
+- **Calendrier My Tasks : cinq vues** — Mois, Année, Semaine, Jour et Planning,
+  avec une navigation propre à chaque granularité (`←` / `→` et « Aujourd'hui »
+  se recalculent : par exemple 5 – 11 octobre → 12 – 18 octobre en semaine, ou
+  un jour en année). L'Année affiche les douze mini-mois de l'année courante et
+  le Planning une ligne par jour avec ses tâches réparties par statut.
+- **Icône d'ouverture sur chaque tâche du calendrier** — même bouton « Open in
+  side peek » que le tableau, révélé au survol. Elle porte le même attribut de
+  ligne (`data-open-row`), donc un seul gestionnaire de clic pour toutes les vues :
+  le titre est transmis par `data-open-title`, disponible là où il n'y a pas de
+  ligne `.mt-row` (vues Jour, Semaine et Année).
+
+### Fixed
+
+- **Impossible d'ajuster la largeur du side peek des bases** — le panneau avait
+  été réécrit en bindings Alpine (`:class="dbPeekOpen"`, `@click.outside`) alors
+  que le conteneur n'a aucun `x-data` : bindings inertes, `openPageInSidePeek`
+  passait par `container.__x.$data` (undefined), le panneau ne s'ouvrait pas et
+  la poignée de redimensionnement ne réagissait pas. Repassé en vanilla JS
+  (câblage direct sur le document, repli discret pour les collections embarquées
+  inline). Au passage : les quatre implémentations dupliquées du drag de
+  largeur (Library, workspace local, My Tasks, bases) sont remplacées par un
+  helper unique `window.fdWirePeekResize` (`app.js`) — pointer capture, borne
+  300 px–90 vw, clic = fermer, largeur persistée (`fd_peek_width`) et commune
+  à tous les peeks, restaurée au chargement. My Tasks ne capturait ni le
+  pointeur ni la largeur : son drag était erratique et non mémorisé.
+- **Largeur des pages standardisée sur celle de Library (1100 px)** — le
+  conteneur des bases (`.database-table-container`) passe à `margin: 0` : le
+  tableau est collé à gauche, au ras de la marge, au lieu d'être centré dans la
+  page. `/trash` utilisait la classe `.lib-container` dont la règle vivait dans
+  le `<style>` de library.html : rendue hors Library elle était pleine largeur —
+  la règle est remontée dans `app.css` (globale). La page `/db` (`.db-index`)
+  était à 1200 px, alignée à 1100 px.
+- **Le side peek de Library n'affichait plus le contenu du document** — deux
+  défauts cumulés. L'`<iframe>` vivait dans un `<template x-if="peekItem">` et
+  portait un binding `:src` : le build CSP d'Alpine n'évalue pas ce type
+  d'expression, si bien que le `src` restait vide et que le panneau affichait un
+  document blanc. L'iframe est désormais un élément permanent, hors du template,
+  dont le `src` est posé en JavaScript impératif — le motif déjà employé par les
+  aperçus du workspace local.
+- **Ouvrir un autre document dans le peek laissait le précédent affiché** —
+  comme l'URL ne changeait pas, le navigateur ne rechargeait pas l'iframe. Le
+  peek passe maintenant par `about:blank` avant de charger le nouveau document,
+  et `closePeek()` décharge l'éditeur : il ne reste plus en mémoire, son autosave
+  ne tourne plus, alors qu'il est invisible.
+- **Le side peek affichait une version allégée de l'éditeur** — il chargeait
+  `/pages/{id}?embed=1`, qui masque sidebar, barre d'outils et actions. Il charge
+  désormais la même page que l'ouverture plein écran, dans les quatre peek du
+  site (Library, My Tasks, bases de données, workspace local).
+- **Le peek des bases pouvait ouvrir un document sans rapport** — quand la
+  résolution de la ligne échouait, `resolveRowContentPage` retombait sur
+  `return rowId` : un id de ligne de base n'est PAS un id de page, la page
+  ouverte portait donc simplement le même identifiant — exactement le piège que
+  le commentaire du fichier décrivait deux lignes plus haut. L'échec est
+  désormais signalé, et le message est rendu **dans le panneau** (et non via
+  `toast()`) : sous le build CSP d'Alpine, aucun composant n'est initialisé et
+  `window.showToast` reste sans effet.
+- **Une iframe `src=""` se résout en l'URL courante** — sur une page de base, le
+  navigateur chargeait une **copie complète de la page** dans l'iframe cachée, et
+  la fermeture du peek (`iframe.src = ''`) rechargeait la page entière dans le
+  panneau. Le gabarit et la fermeture utilisent désormais `about:blank`.
+
+### Known issues (préexistants, hors périmètre)
+
+- Sous le build CSP d'Alpine (`alpine.csp.min.js`, v3.17.4), les expressions
+  `x-data` inline ne sont pas évaluées : `Alpine.$data(el)` ne renvoie aucune
+  clé sur les cinq éléments `[x-data]` d'une page. Conséquence directe : les
+  **toasts ne s'affichent nulle part**, car `window.showToast` (`base.html`) lit
+  `el.__x`, propriété du build de développement. `refreshSidebarFromEvent` et
+  le repli de la sidebar (`app.js`) relèvent du même défaut. Constaté en
+  vérifiant le message d'erreur du peek ; non traité ici.
+
+## v7.48.0 (2026-10-05) — My Tasks aligné sur Library, side peek, navigation SPA fiable, Ctrl+S
+
+### Added
+
+- **Side peek sur My Tasks** — le bouton « Open » de chaque tâche ouvre le
+  document dans le **panneau latéral** de la page Library (`/pages/{id}` dans une
+  iframe), au lieu de quitter le tableau de bord. Panneau redimensionnable,
+  fermeture par `✕` ou `Escape`, bouton « Ouvrir dans une page entière ».
+- **Ctrl/Cmd + S dans l'éditeur** — sauvegarde explicite du document en cours
+  d'édition (même `save()` que l'autosave, donc même file hors-ligne). Sans lui,
+  le navigateur ouvrait sa boîte « Enregistrer la page ». Inactif sur une page
+  verrouillée (`read-only`), et seulement quand l'éditeur est réellement monté :
+  `window.E` survit aux navigations partielles, la touche aurait donc pu
+  sauvegarder un éditeur détaché depuis une autre page.
+
+### Changed
+
+- **My Tasks adopts le gabarit de Library** — conteneur centré 1100 px, en-tête
+  `h1` 700 + compteur à droite, onglets et outils de part et d'autre, lignes en
+  `div` (et non `<table>`), hauteur 38 px, survol `var(--bg-hover)`, et palette
+  entièrement prise sur les tokens du thème.
+
+### Fixed
+
+- **Bouton d'ouverture visible seulement au survol** — il reprend exactement le
+  `.btn-open` / `.hover-only` de Library (même SVG, même libellé « Open », même
+  révélation `opacity`), et reste visible sur écran tactile (`@media (hover: none)`)
+  où il n'y a pas de survol.
+- **My Tasks vide ou a composants blancs au retour de navigation** — trois
+  défauts distincts, tous dans le chemin de navigation partielle :
+  - `fdLoad` **ignorait silencieusement** un clic quand une navigation était déjà
+    en vol (`if (loading) return;`) : ni l'URL ni le contenu ne changeaient. Si la
+    promesse htmx ne se résolvait jamais, `loading` restait à `true` **définitivement**
+    et plus aucune navigation ne repartait — page figée jusqu'au hard refresh. Le clic
+    abandonne maintenant la navigation en vol par un chargement complet, et une
+    sentinelle de 15 s garantit que `loading` ne peut plus se bloquer.
+  - Le compteur de scripts de la zone swappée écoutait `load` **en capture sur
+    `document`**, donc voit tous les `<script>` de la page : le premier script
+    sans rapport suffisait à déclencher le montage Alpine **avant** que les scripts
+    de la page n'aient tourné (composants affichés à l'état brut). Il ne compte
+    plus que les nœuds réellement attendus.
+  - `my_tasks.css` était liée **dans** `.main-wrapper` : un `<link>` dans la zone
+    swappée peut être retiré par htmx, et la page revenait alors sans aucune feuille
+    de style — d'où les `<select>` / `<input type="date">` blancs en thème sombre.
+    La feuille est désormais liée par `base.html` (le shell, jamais swappé) ; les
+    deux injections par page ont été retirées.
+- **My Tasks se remonte s'il est resté vide** — une coquille montée mais vide est
+  le symptôme d'un swap interrompu : le tableau de bord se remonte plutôt que
+  d'afficher du vide. Les délégations d'événements ne sont posées qu'une fois par
+  nœud (`__fdWired`), donc aucun double gestionnaire.
+
+## v7.47.0 (2026-10-04) — My Tasks façon Notion : 3 vues, sources opt-in, mapping explicite
+
+> My Tasks devient un poste de travail **transverse** (comme l'onglet *Home*
+> de Notion) : toutes vos tâches, **tous workspaces confondus**. Une base
+> n'y alimente plus qu'après **conversion explicite** (« Convertir en base de
+> tâches ») avec le mapping de ses trois colonnes requises — et il ne peut y
+> en avoir plus de 10.
+
+### Added
+
+- **Sources opt-in avec mapping explicite** — migration 30 : `collections`
+  porte `task_assignee_prop` / `task_status_prop` / `task_due_prop`. La
+  conversion est explicite (`POST /db/{id}/task-db/api`) : chaque rôle est
+  **lié** à une colonne existante du bon type, ou **créé** avec le type
+  attendu (`person` / `status` / `date`). Une base connectée au mapping
+  incomplet est listée mais **n'émet aucune tâche** — l'UI le signale au lieu
+  de deviner une colonne. Suppression du mapping à la déconnexion (plus de
+  références mortes), et la limite de **10 bases** est refusée côté serveur.
+- **Trois vues** — tableau (colonnes redimensionnables non, mais statut et
+  échéance éditables au clic), **kanban** glisser-déposer (les colonnes sont
+  les options de statut de la base d'origine) et **calendrier** mensuel.
+- **Filtres et tris globaux** — échéance (toutes / aujourd'hui / en retard /
+  cette semaine, borné à J+7), « masquer les terminées », tri par échéance,
+  statut, source ou création.
+- **Étiquette de source** sur chaque tâche (base d'origine + workspace),
+  cliquable vers la base.
+- **Modification en direct** — `PUT /my-tasks/api/task/{id}` écrit le champ
+  demandé (`status`, `due`, `title`, `assignee`) dans **la colonne mappée de
+  la base source**, puis relit et renvoie la tâche normalisée. Désassigner
+  une tâche la fait sortir de My Tasks (`left_mytasks`).
+- **Ajout rapide multi-destinations** — `POST /my-tasks/api/task` crée la
+  tâche dans la base choisie dans la modale, **auto-assignée** (sans colonne
+  « Assigné à » renseignée, elle n'apparaîtrait jamais dans « mes tâches »).
+- **Modale de conversion** dans la barre de la base (bouton `✓`) :
+  `static/js/task_db_link.js` + `static/css/my_tasks.css`.
+
+### Changed
+
+- **Périmètre transverse** — `flowdeck_workspace` ne cadre plus My Tasks
+  (il reste lu par la sidebar). Le payload `/my-tasks/api` expose `tasks`,
+  `sources`, `sources_total`, `max_sources` et `filters` ; **plus de
+  `workspace_id`** (le contract précédent est modifié, pas additionsnel).
+- **`PUT /db/{id}/toggle-task/api`** reste rétrocompatible mais délègue à la
+  conversion complète : il ne pose plus `is_task=1` seul, ce qui créait une
+  source « connectée » incapable d'émettre quoi que ce soit.
+- **Rendu client** — la page HTML porte la configuration (`data-config`) et
+  charge `static/js/my_tasks.js` ; sans aucune source connectée, le serveur
+  rend l'invite à convertir une base et ne charge pas le script.
+
+
+### Fixed
+
+- **`/db` était un dump JSON de debug** — la page renvoyait un `<pre>` hors
+  layout, sans session requise : « Ouvrir mes bases » (bouton de l'état vide
+  My Tasks) menait à un écran vide. `app/routers/collections/index_page.py`
+  la remplace par une vraie page dans le layout de l'app : les bases **du
+  workspace courant**, leur état (« Base de tâches » / « À configurer »), le
+  nombre de lignes, et ce qu'il reste à faire. Les bases à la corbeille n'y
+  sont pas proposées.
+- **Bouton de conversion introuvable** — c'était un `✓` nu, sans libellé.
+  Il porte maintenant le libellé de son état réel : « Convertir en base de
+  tâches », « ⚠ Configurer » ou « ✓ Base de tâches ».
+- **L'invite My Tasks renvoyait vers un bouton « … » qui n'existe pas** — le
+  message indiquait le menu `…` de la page alors que le bouton est dans la
+  barre de la base, à gauche de `New`. Texte corrigé, et un bouton
+  « Configurer » apparaît sur chaque source mal configurée.
+
+- **Kanban et calendrier vidaient la page** — un clic sur l'onglet rendait la
+  vue, puis l'intercepteur de liens de `app.js` (`shouldIntercept`) traitait le
+  **même** clic et relançait un chargement complet : le DOM rendu était
+  remplacé par un `#my-tasks-app` vide et l'écran devenait blanc. Le clic est
+  désormais marqué `data-no-nav` sur les onglets, et `shouldIntercept` ignore
+  tout événement déjà traité (`defaultPrevented`) — plus aucun composant ne
+  peut plus être intercepté par la navigation SPA.
+- **`/db` n'avait aucune feuille de style** — `my_tasks.css` (qui porte les
+  règles `.db-*`) n'était liée que par `_database_table_scripts.html`, jamais
+  par la page `/db` : les cartes, sections et états vides s'affichaient sans
+  aucun style. La feuille est maintenant liée explicitement.
+- **My Tasks ignorait le thème sombre** — le CSS utilisait `--bg-card`, une
+  variable **inexistante** dans `app.css` : le repli `#fff` rendait les cartes,
+  onglets et panneaux blancs en mode sombre. Remplacée par `--bg-primary`, qui
+  suit le thème (mesuré : `rgb(25,25,25)` en sombre, `rgb(255,255,255)` en
+  clair).
+- **États vides non centrés** — l'invite « aucune base connectée » et les états
+  vides de `/db` étaient un bloc de texte serré à gauche, en styles inline.
+  Gabarit centré commun (icône ronde, étapes numérotées, bouton), sans style
+  inline, donc aligné sur le thème ; `/db` recentre son en-tête et sa section
+  « Autres workspaces ».
+- **My Tasks « non connectée » n'avait aucune feuille de style** — `_render_shell`
+  construisait le bloc `<link>` + `<script>` dans le même mini-template, or
+  seul le script était conditionné à `app_js`. C'est précisément le cas
+  « aucune base connectée » : la page perdait `my_tasks.css` et l'invite
+  retombait en texte brut aligné à gauche, sans les états vides centrés. La
+  feuille est désormais liée **toujours**, seul le script reste conditionnel.
+- **« file Tache 1 » / « file Tache 2 » sous la colonne Tâche** — ce n'était
+  pas un libellé mais `collection_pages.icon`, valeur sentinelle historique
+  signifiant « pas d'icône » (le même filtrage existait déjà dans
+  `database_table.js`). `rowIcon()` la remplace désormais par `📄` dans le
+  tableau et le kanban.
+- **Cellule « Tâche » collée au bord gauche** — `.mt-td-title` est un flex
+  et ne recevait pas le `padding` des autres cellules ; le titre commençait à
+  1 px de la bordure du tableau (mesuré : 13 px après correction).
+- **Pas de bouton pour voir le contenu d'une tâche** — chaque ligne du
+  tableau porte désormais un bouton qui résout la page de contenu via
+  `GET /db/pages/{id}/open/api` (un id de ligne n'est pas un id de page, la
+  page est créée à la volée) puis ouvre l'éditeur. Si la résolution échoue,
+  on reste sur le tableau de bord et on remonte l'erreur : un repli vers
+  `/pages/{rowId}` ouvrirait une page **sans rapport** (piège déjà documenté
+  dans `database_table.js`).
+- **My Tasks vide après navigation** — le script se gardait d'un drapeau
+  global (`window.__fdMyTasksLoaded`) : la navigation interne de `app.js`
+  remplace `.main-wrapper` par htmx **sans recharger le document**, le `<script>`
+  est rejoué mais sortait aussitôt du IIFE, et la nouvelle coquille restait
+  vide jusqu'au hard refresh. Le montage est désormais une fonction
+  rejouable, protégée par un drapeau **porté par l'élément**, rejouée sur
+  `htmx:afterSwap` et `popstate` (vérifié : deux aller-retours consécutifs
+  restituent tableau, barre d'outils et onglets).
+- **Test dépendant de l'heure** — `test_today_follows_the_user_timezone`
+  supposait que le jour UTC soit toujours différent du jour en UTC-7, ce qui
+  n'est vrai que de 00h à 10h UTC : il échouait 13 heures sur 24. Le cas est
+  maintenant traité explicitement au lieu d'être supposé faux.
+- **Bases portées par un document invisibles (`workspace_id` NULL)** — une base
+  née d'une page (page convertie en base, base inline, base liée, modèle
+  importé) n'a pas de `collections.workspace_id` : elle n'appartient qu'à travers
+  sa page hôte. Le filtre `c.workspace_id = ?` et le `JOIN workspaces` de
+  `list_task_sources` ne la trouvaient jamais, donc `/db` l'ignorait **et** elle
+  n'alimentait pas My Tasks — la base était visible dans la sidebar mais
+  introuvable et non convertible. Le rattachement passe désormais par le
+  workspace **effectif**, `COALESCE(workspace_id, workspace de la page hôte)`
+  (`collection_lifecycle.effective_workspace_sql`), utilisé par
+  `live_collection_ids`, `list_task_sources` et la page `/db`.
+- **Fuite de bases entre utilisateurs sur `/db`** — la section « Autres
+  workspaces » faisait `JOIN workspaces` **sans filtre de propriétaire** : elle
+  exposait les bases de tous les utilisateurs de l'instance. Le périmètre est
+  maintenant `user_workspace_ids` (propriétaire **ou** membre). Une base sans
+  workspace rattachable n'appartient à personne et n'est plus listée nulle part.
+- **Base à la corbeille qui alimentait encore My Tasks** — le filtre de
+  vivacité (`live_collection_ids`) était appliqué aux lignes mais pas aux
+  bases dans le nouveau service : une base dont la page hôte avait disparu
+  émettait toujours ses tâches (le bug v7.46.1, reintroduit par la réécriture).
+- **`is_done` ne reconnaissait pas « Terminée »** — la liste de libellés
+  exacts ne couvrait ni le féminin, ni les accents, ni la casse. La
+  comparaison est faite sur le **premier mot normalisé** (minuscules, sans
+  accents) : « Terminée », « Complete », « Closed », « Cancelled » sont
+  reconnus ; « Clôture » ne l'est pas (un préfixe « clos » l'aurait fait).
+- **« Cette semaine » n'était pas borné** — le filtre incluait toute tâche
+  datée, y compris dans six mois.
+- **« Aujourd'hui » suivait UTC** — le projet stocke déjà `users.timezone`
+  (utilisé par le calendrier des bases) ; My Tasks l'utilise maintenant aussi
+  (`task_databases.user_today`), sans quoi une tâche du jour bascule dans
+  « demain » dès que l'utilisateur est loin d'UTC.
+- **Colonne « Assigné à » écrasée par un booléen** — l'édition en direct
+  écrivait `bool(value)` au lieu de la liste de personnes, vidant la colonne.
+
+### Tests
+
+- `tests/test_my_tasks_workspace_coherence.py` — **32 tests** : périmètre
+  transverse, opt-in, mapping incomplet, validation des types et du double
+  emploi, limite de 10, assignataires, filtres/tri/états d'échéance, édition
+  en direct (statut, échéance, titre, désassignation), création rapide,
+  rendu des 3 vues, fuseau, et les cascades de suppression (corbeille, purge,
+  Empty Trash, workspace, base).
+- `tests/test_app.py` — les 3 tests My Tasks alignés sur le nouveau contrat.
+
+## v7.46.1 (2026-10-04) — My Tasks : la vue ne montre plus que le contenu vivant du workspace
+
+> Signalé : « dans un workspace dont j'ai supprimé tous les documents, My
+> Tasks affiche encore des tâches ». My Tasks listait **toutes** les
+> `collections` du workspace sans vérifier qu'un document existait encore —
+> or supprimer un document ne supprime pas sa base ni ses lignes.
+
+### Fixed
+
+- **Tâches orphelines** — `_collect_tasks` faisait
+  `SELECT * FROM collections WHERE workspace_id = ?` : une base dont la page
+  hôte avait été supprimée (corbeille ou purge) continuait d'afficher ses
+  lignes, dans un workspace vide côté sidebar. Les bases et les lignes sont
+  désormais filtrées sur la **vivacité de leur document**
+  (`app/services/collection_lifecycle.py` : `live_collection_ids`,
+  `live_row_ids`, `live_document_count`) — une page hôte absente ou à la
+  corbeille exclut la base, une page contenu à la corbeille exclut la ligne.
+- **My Tasks réécrivait le cookie `flowdeck_workspace`** — un 302 +
+  `set_cookie` à chaque visite où le cookie différait : **ouvrir My Tasks
+  changeait le workspace actif de toute l'application** (sidebar, Home, arbre).
+  Le cookie n'est plus touché ; le workspace résolu est simplement celui du
+  contenu affiché.
+- **Divergence de résolution du workspace** — My Tasks réimplémentait son
+  propre `_get_active_workspace_id` et ne comprenait pas le cookie
+  `gitea:owner:repo` écrit par la sidebar : il retombait alors sur
+  `owned[0]` et affichait les tâches d'un **autre** workspace que celui
+  affiché. Résolution mutualisée avec `dashboard._common._get_active_workspace`
+  (+ résolution du miroir Gitea local, comme `_sidebar_data`).
+- **Sidebar désynchronisée du contenu** — le contexte de la sidebar venait du
+  cookie alors que le contenu venait du workspace résolu ; elle est
+  réalignée sur le workspace réellement listé (nom, `local_ws_id`, arbre).
+- **État vide incohérent** — « Crée une collection » était proposé même
+  quand le workspace n'avait plus aucun document. Distinction désormais :
+  *workspace vide* (lien vers le workspace) vs *workspace sans tâche* (lien
+  vers `/db`).
+- **Collections orphelines après suppression** — la suppression définitive
+  d'une page hôte (poubelle purgée, `DELETE /api/trash/{id}`, Empty Trash),
+  d'un workspace ou d'un utilisateur ne supprimait pas les bases : elles
+  restaient listées par `/db` et par My Tasks avec un `workspace_id` ou un
+  `parent_page_id` fantôme. Cascade appliquée sur ces 4 chemins
+  (`trash.purge_expired`, `board/sharing.permanent_delete`,
+  `board/sharing.empty_trash`, `dashboard/workspaces.delete_workspace`,
+  `admin.delete_user`).
+- **`DELETE /db/api/{id}` levait un `IntegrityError`** dès que la base avait
+  une page hôte : `pages.collection_id` et
+  `collection_data_sources.source_collection_id` référencent `collections` en
+  `NO ACTION`. `delete_collections()` détache d'abord ces deux références
+  (la page hôte redevient une page blocs normale), puis supprime ; le reste
+  part en `CASCADE`. Les 5 chemins de suppression de collection en profitent
+  (`/db/api/{id}`, `/api/v2/collections/{id}`, sync, tool agent).
+
+### Tests
+
+- `tests/test_my_tasks_workspace_coherence.py` — **12 tests** : base à la
+  corbeille (tâches masquées **et** restaurables), ligne à la corbeille,
+  message « workspace vide » vs « sans tâche », suppression définitive /
+  purge / Empty Trash / suppression de workspace (base + lignes + pages
+  contenu emportées), détachement de la page hôte à la suppression d'une
+  base, cookie non réécrit, sidebar alignée sur le contenu, isolation entre
+  workspaces.
+
+## v7.46.0 (2026-10-04) — Sidebar : navigation par onglets compressibles (Home / Chat / Meeting / Inbox)
+
+> La rangée d'icônes du sidebar devient un **sélecteur d'onglet** : l'onglet
+> actif s'étend en pilule avec son libellé, les autres se réduisent à leur
+> icône, et chaque sélection **remplace intégralement** le contenu de la barre
+> latérale. Ordre imposé : **Home → Chat → Meeting → Inbox**.
+
+### Added
+
+- **Onglet Meeting** — calendrier de productivité : filtres `Upcoming` /
+  `Today`, actions rapides (*Transcribe a podcast* : création de la page de
+  réunion + `POST /api/v2/meetings/transcribe` ; *New AI meeting note* :
+  commande `/meeting-note` de l'agent), et la liste chronologique des
+  événements.
+- **`GET /api/v2/meetings/upcoming?days=30`** — nouveau endpoint authentifié
+  (session ou Bearer) qui agrège les collections calendaires liées de
+  l'utilisateur (`calendar_links`), extrait la propriété date de chaque ligne
+  et renvoie les événements du jour et des `days` jours suivants, triés, avec
+  `today` / `synced` / `provider` / `url`. Alias publics `date_prop_id` et
+  `row_date` dans `app/services/calendar_sync.py`.
+- **Onglet Chat** — raccourcis circulaires vers les agents
+  (`GET /api/agent`) + historique chronologique des conversations
+  (`GET /api/agent/conversations`) regroupé en *Past 30 days* / *Older*. Un
+  clic ouvre le panneau agent **sur la conversation choisie** via le nouveau
+  `window.fdAgent.openConversation(id)`.
+- **Onglet Inbox** — vrai centre de notifications (`GET /api/notifications`) :
+  bascule *All / Unread*, marquage lu au clic, *Mark all read*, état vide
+  *Inbox Zero — You're all caught up*. Badge non lus sur l'onglet (et compteur
+  dans l'en-tête du panneau quand l'onglet est actif).
+- Persistance de l'onglet actif (`localStorage: fd_sidebar_tab`, valeur
+  validée contre la liste des onglets).
+
+### Changed
+
+- `sidebar-nav-row` : libellés désormais dans des `<span class="nav-tab-label">`
+  masqués sauf sur l'onglet actif (CSS `.nav-tab-btn`), badges de compte,
+  `role="tab"` / `aria-selected`. Les boutons Chat / Meeting / Inbox sont de
+  vrais `<button type="button">` (le bouton Inbox n'avait aucune action).
+- Le contenu Home (arbre du workspace, sections, liens Library / My Tasks /
+  Trash / Help) est encapsulé dans le panneau `sidebarTab === 'home'` ; le
+  footer reste commun.
+
+### Fixed
+
+- **Clic sur Home → texte sur les quatre boutons** — la visibilité des
+  libellés ne dépendait que de `app.css`, or l'URL des assets statiques est
+  versionnée par le fichier `VERSION` (`?v=7.45.6`) : un navigateur conservait
+  donc la feuille de style d'avant la livraison, où les
+  `<span class="nav-tab-label">` n'étaient pas masqués. La décision est
+  désormais prise dans le **HTML** (`style` inline piloté par Alpine) pour les
+  libellés **et** les badges ; la CSS reste le repli sans JavaScript.
+
+### Tests
+
+- `tests/test_sidebar_tabs.py` — **15 tests** : ordre exact des onglets
+  (template **et** HTML rendu), accessibilité, un panneau par onglet, sources de
+  données réelles, persistance validée, pilule active / libellés masqués (CSS),
+  401 anonyme sur `/api/v2/meetings/upcoming`, filtrage *aujourd'hui et
+  futur*, exclusion du passé et de l'horizon, collection sans lien, validation
+  et clamp de `days`, cloisonnement par propriétaire de lien.
+- `e2e/sidebar_tabs.spec.js` — **3 scénarios** : bascule des 4 onglets avec
+  mesure de largeur (pilule > icône) et vérification qu'**après le clic sur
+  Home seul Home garde son libellé**, appel réseau de
+  `/api/v2/meetings/upcoming`, et non-régression avec une CSS périmée servie
+  depuis le cache (le scénario échoue bien sur l'ancienne version déployée).
+- Suite complète : **1182 tests verts**.
+
+## v7.46.0 (2026-10-04) — Audit de fonctionnement : 10 anomalies corrigées
+
+> Second volet de la v7.46.0 (le premier volet, web tools + 11 skills, est
+> détaillé plus bas). Audit réalisé sur l'instance locale : 677 routes, 280
+> endpoints GET sondés anonymement, 64 templates/JS croisés avec les routes,
+> crawl Playwright authentifié, intégrité SQLite. **10 anomalies** trouvées,
+> toutes corrigées et verrouillées par **34 tests** dédiés
+> (`tests/test_anomalies_v746.py`). Suite complète : **1167 tests verts**.
+
+### Security
+
+- **Écritures anonymes closes** — `POST/DELETE /api/workspaces`,
+  `POST /api/workspaces/{id}/select`, `PUT /api/workspaces/{id}` et les
+  endpoints `local-workspace/items` (create/rename/delete/restore/move)
+  répondaient **200 sans aucune session** et écrivaient au nom de
+  l'utilisateur 1 (`uid = user["id"] if user and user.get("id") else 1`).
+  Un visiteur anonyme pouvait donc créer un espace, **renommer** et
+  **supprimer** n'importe quel espace de travail. Ces routes passent par
+  `_require_user_id()` et un nouveau `_require_ws_owner()` (propriétaire ou
+  admin global, sinon 403 ; workspace inexistant → 404).
+- **Fuite de données via `/workspace/*`** — le router legacy
+  `app/routers/workspace.py` (relique v2.0.0) n'avait aucun garde :
+  `GET /workspace/collections/{id}/export/csv` renvoyait **le contenu réel**
+  d'une collection à un visiteur anonyme (titres, tâches, assignations), de
+  même que l'historique de page, les commentaires, les sprints et les
+  templates. Le router porte maintenant une dépendance
+  `Depends(_require_session)` ; **la seule route publique**
+  (`/workspace/public/{collection_id}`, page de partage) est déplacée dans un
+  `public_router` sans dépendance et reste accessible.
+- **`password_hash` exposé** — `GET /auth/user` renvoyait la ligne `users`
+  complète, **sel et hachage PBKDF2 compris**, et le cookie de session
+  (signé mais **non chiffré**) embarquait la même donnée en base64. Nouveau
+  `app.auth.session.public_user()` appliqué dans `create_session`,
+  `refresh_session` et `/auth/user`.
+- **OAuth Gitea cassé** — `gitea_oauth_client_id`/`_secret` valent les
+  placeholders `test-id`/`test-secret` dans `app/config.py`, valeurs non vides
+  donc considérées comme « configurées » : `GET /auth/login` redirigeait vers
+  Gitea avec un `client_id` invalide (échec d'authentification garanti).
+  `app/auth/providers` traite désormais les placeholders comme « provider non
+  configuré » → page « non configuré » avec lien vers le login local.
+- **Synced blocks** — `GET /board/api/synced-blocks` levait
+  `AttributeError: 'NoneType' object has no attribute 'get'` (**HTTP 500**) en
+  accès anonyme ; `PUT`/`DELETE /board/api/synced-blocks/{sid}` n'avaient
+  **aucun contrôle de propriété** (un utilisateur connecté pouvait modifier le
+  bloc d'un autre). Ajout de `_session_user()` (401) et
+  `_assert_can_edit_block()` (auteur ou admin, sinon 403).
+
+### Fixed
+
+- **Bouton « Home » de la sidebar** — il pointait sur
+  `/local-workspace?ws={{ local_workspaces[0].id }}`, c'est-à-dire le **premier
+  espace trié par nom** et non l'espace courant : cliquer Home depuis
+  `NewWS` basculait vers `allo` (et inversement), ce qui donne l'impression que
+  « tout le site s'affiche d'un coup ». Les deux builders de sidebar
+  (`dashboard/_common.py`, `board/_common.py`) exposent désormais
+  `local_ws_id` = **ID de l'espace actif** (le miroir Gitea a été séparé dans
+  `gitea_mirror_ws_id` pour ne plus écraser cette valeur), et `base.html`
+  privilégie `local_ws_id` avant `local_workspaces[0]`.
+- **`GET /api/v2/agents/conversations` → 422** — la route paramétrée
+  `/agents/{agent_id}` était enregistrée **avant** et capturait le segment
+  `conversations`. Les trois routes passent en `{agent_id:int}` : un
+  identifiant d'agent est un entier, le segment statique garde sa route.
+- **Sélecteur de blocs synchronisés → 404** — l'éditeur de page appelait
+  `/api/synced-blocks` alors que les routes sont sous `/board/` :
+  `static/js/page_editor_scripts.js` utilise maintenant
+  `/board/api/synced-blocks`, et le message d'aide ne renvoie plus vers une
+  section « Settings → Synced Blocks » **inexistante**.
+- **`/workspace/favorites` → 500 permanent** — `sqlite3.OperationalError: no
+  such column: f.collection_id` : la migration v2.2.0 (`app/db.py`) avait
+  supprimé `favorites.collection_id` et repointé `page_id` vers `pages(id)`,
+  mais le handler lisait encore l'ancien schéma (jointure `collection_pages`).
+  Requête et insertion alignées, `page_id` désormais obligatoire, suppression
+  restreinte au propriétaire du favori.
+
+### Changed
+
+- **Jinja : plus de silence** (`app/templating.py`) — une variable absente du
+  contexte rendait `""` sans aucune trace, ce qui avait masqué le bug du
+  bouton Home. `StrictUndefined` est inutilisable ici (40+ templates
+  optionnelles, p. ex. `embed_mode`), donc `ENV.undefined` vaut désormais
+  `LoggingUndefined` : **rendu identique, mais un `WARNING` journalise le nom
+  de la variable manquante**.
+- `.env.example` : `GITEA_OAUTH_CLIENT_ID` / `GITEA_OAUTH_CLIENT_SECRET`
+  documentés (laisses vides = provider Gitea considéré comme non configuré).
+
+### Tests
+
+- `tests/test_anomalies_v746.py` — **34 tests** : absence de `password_hash`
+  (endpoint + cookie), placeholders OAuth (non configuré vs configuré), 9
+  écritures anonymes refusées en 401, propriété des espaces (403 + état en
+  base inchangé), 7 lectures `/workspace/*` en 401, partage public toujours
+  accessible, round-trip favorites, ordre de routes agents, URLs synced blocks
+  (fichier), 401 anonyme sur les synced blocks + 403 pour un autre
+  utilisateur, bouton Home (template **et** HTML rendu sur l'espace actif),
+  `LoggingUndefined`.
+
+## v7.46.0 (2026-10-04) — Web tools de l'agent (recherche web, lecture de page, GitHub) & 11 nouveaux skills
+
+### Added
+
+- **3 nouveaux tools agent** — l'agent pouvait chercher dans FlowDeck et dans
+  Gitea, mais **pas sur le web**. `app/services/tool_registry.py` passe de 22 à
+  25 tools :
+  - `web_search` — recherche web, résultats toujours sourcés (titre + URL +
+    extrait) pour que le modèle cite au lieu d'inventer ;
+  - `fetch_url` — télécharge une page et la convertit en Markdown (titres,
+    listes, code, tableaux) ;
+  - `search_code` — GitHub `repositories | code | issues`, fonctionnel sans jeton
+    (10 requêtes/min) et à 30 avec `GITHUB_TOKEN`.
+- **`app/services/web_search.py`** — couche réseau des deux tools de recherche :
+  provider **Exa** (sémantique + extraits) avec repli **DuckDuckGo** sans compte,
+  `shared_client` pour le pool de connexions, **aucune dépendance ajoutée**, URLs
+  du moteur filtrées des résultats, `transport` injectable pour les tests.
+- **11 nouveaux presets de skills** (`app/services/skill_gallery.py`, 6 → 17) :
+  - locaux : `veille-documentaire`, `chasse-decisions`, `onboarding-nouveau`,
+    `audit-base`, `sprint-review` ;
+  - web : `recherche-marche`, `veille-techno`, `debug-web` (obligation de
+    sourcer : `[titre — URL]`, sinon « non vérifié ») ;
+  - pouvoir : `triage-incident`, `nettoyage-base` (aperçu avant toute écriture),
+    `briefing-quotidien`.
+- **Config** — `WEB_SEARCH_PROVIDER` (`exa` | `duckduckgo`), `EXA_API_KEY`,
+  `GITHUB_TOKEN`, `WEB_FETCH_MAX_CHARS` (`app/config.py` + `.env.example`).
+- **Libellés d'action** du journal agent pour les 3 tools (Recherche web
+  effectuée / Page web lue / Recherche GitHub effectuée).
+
+### Security
+
+- **`fetch_url` est protégé par SSRF** : schémas `http(s)` uniquement, résolution
+  DNS puis refus des IP loopback, privées, lien-local, réservées et multicast,
+  et **re-validation à chaque saut de redirection** — une URL publique ne peut
+  pas rediriger vers `169.254.169.254`. Il réutilise les garde-fous déjà éprouvés
+  par `importers/url_fetch` et `og_fetcher` plutôt qu'un contrôle maison.
+- `search_code` ne touche que l'API publique GitHub (lecture seule) ; le
+  message d'erreur 403 renvoie explicitement vers `GITHUB_TOKEN`.
+
+### Tests
+
+- `tests/test_agent_web_tools.py` : **29 tests**, sans aucun accès réseau
+  (`httpx.MockTransport` + résolution DNS neutralisée — les IP littérales
+  passent par la résolution réelle pour que le refus des adresses privées soit
+  testé pour de vrai) — registre et périmètre des schémas, cohérence
+  galerie/registre, cycle export→import des presets web, provider + repli +
+  filtrage anti-bot, extraction Markdown, troncature, **6 vecteurs SSRF refusés**
+  (localhost, 127.0.0.1, metadata cloud, IPv6 loopback, `file:`, `ftp:`),
+  redirection vers metadata cloud refusée, redirection publique suivie, GitHub
+  repos/issues/quota.
+- Non-régression : **suite complète 1126 tests verts** (`pytest -n auto`).
+
+## v7.45.6 (2026-10-03) — Fenêtre de confirmation thématisée pour les suppressions de la poubelle
+
+### Changed
+
+- **Les 3 confirmations destructives de /trash** (suppression définitive
+  unitaire, suppression groupée, **Empty Trash**) remplacent le `confirm()` du
+  navigateur par une **fenêtre thématisée FlowDeck** : classes
+  `flowdeck-modal-overlay` / `.flowdeck-modal` déjà présentes dans `base.html`
+  (variables `--bg-secondary`, `--border`, `--accent`, rayon 12 px), overlay
+  cliquable pour annuler, **Échap** pour annuler, bouton Cancel + bouton de
+  confirmation coloré porteur du libellé exact (`Delete` / `Delete all` /
+  `Empty Trash`), titre + message reprenant le nom de la page ou le nombre de
+  pages concernées, `role="alertdialog"` + `aria-modal`.
+- Aucun `confirm()` natif ne subsiste dans `trash.html` — le composant est
+  monté dans `trashData()` (`askConfirm` / `cancelConfirm` / `acceptConfirm`,
+  mutations de propriétés individuelles pour la réactivité Alpine).
+
+### Tests
+
+- `e2e/trash_ui.spec.js` : la fenêtre est ouverte, son titre et son message
+  vérifiés, **l'annulation est vérifiée** (page toujours présente), puis la
+  confirmation (suppression réelle : plus dans la poubelle + contenu effacé) et
+  enfin la purge via Empty Trash. Le handler `dialog` du test échoue
+  maintenant si un `confirm()`/`alert()` natif revient (`NATIVE_DIALOG`).
+
+## v7.45.5 (2026-10-03) — Poubelle : actions groupées, tri/filtres réels, purge, et 4 bugs
+
+### Added
+
+- **Sélection multiple** sur /trash : case « Select all » (portée au filtre
+  courant), barre d'actions groupées **Restore / Delete / Clear** avec compteur,
+  et compteur de résultats (`N pages` / `N of M pages`).
+- **Empty Trash** : purge totale en un clic (confirm) via le nouveau
+  `POST /board/api/trash/empty` — traitement en masse côté serveur (une seule
+  requête, pas N appels).
+- **Tri** : Recently deleted (défaut) / Oldest first / Page name A → Z — remplace
+  le bouton décoratif « Last edited by ▾ » qui ne faisait rien.
+- **Filtre par emplacement** réel (`In ▾` décoratif remplacé) : liste déroulante
+  construite depuis les workspaces présents dans la poubelle, avec état actif.
+- **Dates par élément** : « Deleted 3 days ago · 27 days left » (rétention
+  30 j alignée sur `app/services/trash.py`), horodatages UTC ou ISO gérés.
+- **États vides distincts** : poubelle vide vs aucun résultat pour les filtres
+  (avec bouton « Clear filters »), et **toasts** sur chaque action (succès et
+  échec) au lieu d'échecs silencieux.
+
+### Fixed
+
+- **Les boutons Restore / Delete ne marchaient JAMAIS** : `getCsrf()` renvoie la
+  CHAÎNE du jeton mais le code faisait `csrf?.[1]` → 2ᵉ caractère → 403 CSRF
+  systématique, avalé par `if (r.ok)`. Corrigé + toasts d'erreur.
+- **« Move to Trash » depuis l'éditeur envoyait une 404** : la route appelée
+  (`/board/api/pages/{id}/trash`) n'existe pas — route réelle
+  `/api/pages/{id}/trash` — et le `.then()` naviguait quand même, donc la page
+  partait à l'accueil SANS être mise à la poubelle. URL corrigée + on ne
+  navigue plus si la réponse n'est pas ok.
+- **Une page restaurée disparaissait de Library / Recents / Private** : la
+  suppression depuis l'éditeur réécrivait `parent_section='Trash'` et la
+  restauration ne le remettait pas, alors que tous les listings filtrent
+  `parent_section != 'Trash'`. `deleted_at` est maintenant la seule source de
+  vérité (écriture retirée) + réparation au boot des lignes déjà cassées
+  (`db.init_db`, idempotente).
+- **Routes trash sans aucune authentification** : `GET /board/api/trash`,
+  `restore`, `delete` et `POST /api/pages/{id}/trash` ne vérifiaient rien (le
+  CSRF ne protège pas : cookie lisible + en-tête forgé par l'attaquant) → 401
+  obligatoire, comme les routes sœurs du même fichier. Vérifié anonyme : 401.
+- Le sidebar de /trash listait `parent_section='Trash'` → aligné sur
+  `deleted_at IS NOT NULL`.
+
+### Tests
+
+- `tests/test_trash_api.py` (5 tests) : auth 401, soft-delete sans marqueur
+  `Trash`, restauration, suppression définitive, purge en masse (ne touche pas
+  aux pages vivantes), réparation au boot.
+- `e2e/trash_ui.spec.js` : rendu, dates, sélection groupée, restauration
+  unitaire (le vrai test du fix CSRF), purge — noms uniques par exécution et
+  garde « on ne vide jamais la poubelle d'autrui ».
+- `test_smoke_uncovered.py` : l'assertion qui codait le bug
+  (`parent_section == 'Trash'`) corrigée.
+
+## v7.45.4 (2026-10-03) — Anti-FOUC au chargement complet + morts nettoyés
+
+### Fixed
+
+- **Flashs au chargement COMPLET** (F5, première visite, navigation servie par
+  le service worker) : le masquage `x-cloak`/`opacity` de v7.45.3 ne couvrait
+  que les swaps partiels fdLoad — un chargement de document peignait la page
+  tant qu'Alpine n'avait pas initialisé `.app-layout`, donc sidebar brute (toutes
+  sections ouvertes, menu utilisateur visible) **et** contenu de la zone dont la
+  bande rouge « You are offline. Changes will sync when connection is
+  restored. » (aucun `x-cloak` sur elle). Fix : `x-cloak` sur le nœud racine
+  Alpine `.app-layout` (base.html) — tout l'app (sidebar + zone + bandeau) reste
+  masqué tant que `appState()` n'est pas monté, puis Alpine retire l'attribut.
+  Vérifié par le probe (3 pages × plein chargement) : 0 frame de contenu brut,
+  `x-cloak` retiré et `display:flex` à la fin (donc pas de page blanche).
+
+### Changed
+
+- **`fd-navigating` supprimée** : classe posée/retirée à chaque `fdLoad` mais
+  sans aucune règle CSS dans le dépôt (grep css/js/html → seulement app.js) —
+  code mort.
+- **`e2e/probe_nav_perf.spec.js` étendu à 4 scénarios avec assertions** :
+  navigations partielles (5 pages), **clic réel sur le bouton Home**, Home avec
+  réseau coupé (SW actif), et plein chargement. Asserte : 0 frame de contenu
+  brut peint, zone révélée (`opacity:1`) et montée (`0 [x-show]` non montés,
+  `x-ignore` absent), `.app-layout` sans `x-cloak` et visible. Capture
+  screenshot automatique si du contenu brut est peint + collecte console.
+
+### Not reproduced
+
+- Le symptôme rapporté (Home → rafale de menus/fenêtres + bande rouge) n'est
+  **pas rejouable** dans un navigateur frais : clic Home en ligne comme hors
+  ligne, nav partielle et plein chargement donnent 0 frame de contenu brut et 0
+  erreur console. Reste à confirmer côté navigateur signalé (recharge dure
+  après deploy, URL/instance testée).
+
+## v7.45.3 (2026-10-03) — Navigation partielle : le contenu brut n'est plus peint
+
+### Fixed
+
+- **Flashs de fenêtres / frames à chaque changement de page ou de section** :
+  pendant la fenêtre `x-ignore` (swap → `Alpine.initTree`), la zone
+  `.main-wrapper` était peinte **non montée** — tous ses `[x-show]` visibles à
+  leur valeur brute (menus, panneaux, états loading/empty/table superposés), puis
+  masqués d'un coup au montage Alpine. Mesure (`e2e/probe_nav_perf.spec.js`,
+  instance locale) : **19 éléments bruts visibles sur 87 ms** en arrivant sur
+  /library (CLS 0.149, sources `lib-loading`/`lib-empty`/`lib-table`), **80
+  éléments sur 732 ms** sur /settings, 7 sur /workspaces, 0 sur /trash. Fix :
+  `opacity: 0` + `pointer-events: none` posés **dans** le handler
+  `htmx:afterSwap` (même task que le swap → aucun paint intermédiaire possible)
+  et retirés **après** `Alpine.initTree` sur les 3 chemins de démontage (scripts
+  chargés, zéro script, filet 4 s). Seul le contenu monté est peint.
+
+### Added
+
+- **`e2e/probe_nav_perf.spec.js`** — probe de fluidité de navigation : marques
+  htmx (`beforeRequest`/`beforeSwap`/`afterSwap`/`afterSettle`), fenêtre
+  `x-ignore`, échantillon par frame du nombre d'`[x-show]` bruts encore
+  visibles et d'`[x-cloak]` masqués, `layout-shift` (CLS) avec sources.
+  `node node_modules/@playwright/test/cli.js test probe_nav_perf` (npx est cassé
+  sur ce poste).
+
+## v7.45.2 (2026-10-03) — Navigation partielle : montage Alpine sans course + scripts idempotents
+
+### Fixed
+
+- **Cascades d'erreurs Alpine en navigation partielle** (« Undefined
+  variable: … » puis « reading 'has' » sur `$store.fdCtx`) : sur un swap
+  fdLoad, les `<script src>` de page s'exécutent APRÈS le microtask
+  MutationObserver d'Alpine → toute la zone `.main-wrapper` s'initialisait
+  avant que composants ET stores (menu contextuel) existent, et le
+  démontage anticipé dès le premier script chargé perdait la course avec
+  les autres. Fix : `x-ignore` sur **toute** la zone swapée au
+  `htmx:afterSwap` (uniquement quand le nœud `.main-wrapper` a été
+  remplacé — swaps sidebar/vues inchangés), démontage **unique** quand
+  **tous** les `<script src>` ont exécuté (load/error + filet 4 s) via
+  `Alpine.initTree` (idempotent grâce au `_x_marker`). Vérifié : 7 pages ×
+  (complet / 1ʳᵉ / 2ᵉ visite partielle) + éditeur (3 phases) = 0 erreur.
+- **`SyntaxError: Identifier 'LW' has already been declared`** : tout
+  script de page ré-exécuté à la 2ᵉ visite partielle plantait entièrement
+  (`const` de haut niveau re-déclaré) → panneaux Alpine non montés.
+  Garde de fichier posé sur `local_workspace.js`, `board.js`,
+  `settings.js`, `database_table.js`, `page_editor_realtime.js` (pattern
+  déjà utilisé par `page_editor_scripts.js`).
+- **Enregistrement Alpine différé** : `if (window.Alpine) Alpine.data(…
+  sinon listener 'alpine:init'` (l'événement ne sera plus jamais émis sur
+  swap) dans 8 scripts de page et 7 templates inline (`accounts`,
+  `card_detail`, `table_view`, `team_load`, `trash`, `welcome`,
+  `workspace`).
+- **Polices Inter orphelines** : `app.css` référençait 7 fichiers
+  inexistants (`inter-400-latin.woff2`…) → 302 → HTML → « Failed to
+  decode downloaded font » sur chaque page. Blocs legacy supprimés (les
+  faces variable Inter 100-900 restent).
+
+### Added
+
+- **Gates E2E** : `e2e/regression_editor_mount.spec.js` (éditeur en 3
+  phases : partielle / complet / 2ᵉ partielle) et
+  `e2e/regression_partial_nav.spec.js` (7 pages × 3 passages + état
+  fdCtx/appState) —0 erreur Alpine attendue.
+
+## v7.45.1 (2026-10-02) — Fix logout « hors ligne » (SW) + drag & drop upload 403
+
+### Fixed
+
+- **Logout → page « Vous êtes hors ligne »** : le fetch event de navigation
+  arrive en `redirect:'manual'` → une 302 du serveur se lisait
+  `opaqueredirect` (status 0) → `bad status` → filet offline. Tout logout
+  (et toute navigation redirigée) affichait la page hors ligne alors que le
+  backend répondait en ~10 ms. `networkFirst` rejoue désormais la requête en
+  `redirect:'follow'` et sert une **302 synthétique vers l'URL finale**
+  (Chromium refuse une response `redirected` servie à une navigation →
+  `net::ERR_FAILED`). Bonus : `timeoutFetch` annule réellement la requête
+  (l'`AbortController` créée dans le `setTimeout` n'était pas branchée sur
+  `fetch`).
+- **Drag & drop de fichiers/dossiers en échec silencieux (403 CSRF)** :
+  `_doUpload()` (POST `/api/local-workspace/upload[-folder]`) et
+  `toggleFavorite()` du local workspace n'envoyaient pas `X-CSRF-Token` —
+  les 2 derniers appels mutants du front oubliés par A19 (exemption CSRF
+  retirée, balayage complet des `fetch` mutants refait).
+- **Gate E2E** : `e2e/regression_logout_dnd.spec.js` enregistre les 2 bugs
+  (logout sous SW → page login, drop de fichier → 200 + création, avec
+  nettoyage).
+
+## v7.45.0 (2026-10-01) — Éditeur visuel d'automations + correction CSP (multi-instructions)
+
+### Added
+
+- **Pipeline visuel (steps) dans Settings → Automations** : cartes
+  ordonnées par étape avec badge + résumé (`📡 Déclencheur · event`,
+  `⚖ Condition · prop op val`, `⏳ Attente · Xs`, `⚡ Action · type → …`),
+  **éditeur typé par kind/type** (événements en datalist, 7 ops de
+  condition, 8 types d'action avec leurs champs réels : url, property/value,
+  collection/title, message, webhook_url/text, to/subject/body,
+  owner/repo/labels, agent_id/message), ajout/édition/suppression/**↑↓** via
+  `POST/PUT/DELETE /workspace/automations[/steps]/…`, conversion legacy
+  **✨ Convertir le JSON en pipeline** (trigger + conditions + actions
+  ordonnés) ; les textareas JSON disparaissent dès qu'un step existe.
+- **Gate E2E** « éditeur visuel de steps » : création → édition → ajout
+  d'étape → carte `Action · webhook` visible (sous CSP réel).
+
+### Fixed (trouvé par le gate)
+
+- **51 expressions Alpine multi-instructions** (`activeSection='x';
+  loadX()` etc.) = **interdites par le parseur CSP** (une seule expression
+  par directive ; `;` = token inattendu) — invisible pour le scan par
+  tokens ! Conversion en **méthodes** : settings nav ×8 (`navTo`), menu de
+  section base ×7 (`closeAndSetCount/…`), parts/éditeur ×13
+  (`setSharePerm`, `more*`, `markAndSave`…), breadcrumb ×5
+  (`hoverEllipsis/goClose`), library/local ×6 (menus), board ×3
+  (`pickStatus/…`), ctx-menu ×2 (`addTagAndClear`), agent/card/gitea/
+  workspaces ×6. Scanner dédié `scan_semi` (inventaire `;` hors chaînes).
+
+### Notes
+
+- 39 templates Jinja parse OK, scan d'expressions = 0 incompatibilité
+  (4 faux positifs en chaînes), E2E **8/8**, suite **1094/1094**.
+
+## v7.44.0 (2026-10-01) — Palette Ctrl+K : onglets Pages / ✨ Réponses IA
+
+### Added
+
+- **Palette `Ctrl+K` = 2 onglets** (markup + CSS + wiring dans l'IIFE) :
+  · **Pages** — comportement inchangé (recherche `/api/search` + actions).
+  · **✨ Réponses IA** — `POST /api/v2/search/ask` (debounce 150 ms,
+    CSRF via `getCsrf()`, gardes staleness onglet+requête) → rendu de
+    `answer_markdown` : **échappement AVANT injection**, `[[fdpage:ID]]` →
+    lien citation (ids = chiffres, type = `[a-z]+` — pas d'injection),
+    `**gras**`, bloc « Sources » avec liens `/pages/{id}` · `/db/{id}`.
+    États : hint / chargement / erreur.
+- **Gate E2E étendu** (`gate A20 palette`) : ouverture → clic onglet IA →
+  réponse non-échaffée affichée (le backend tourne en extractif ou LLM —
+  probe : 200 en 1,6 s, 8 citations).
+- **Reporté (backend absent)** : onglet `Fichiers` — `/api/search` ne
+  renvoie que `pages`/`collections` → endpoint à créer d'abord (ROADMAP).
+
+### Notes
+
+- Un 401 transitoire sur le 1er ask d'un run E2E a été observé (session
+  fraîche) — non reproductible ensuite ; à surveiller si ça revient.
+
+## v7.43.0 (2026-10-01) — 🎉 A20 TERMINÉ : Alpine en build CSP, `unsafe-eval` retiré
+
+### Changed (la bascule A20 phase 3)
+
+- **`static/js/alpine.csp.min.js`** (build officiel `@alpinejs/csp`,
+  0 `eval`/`new Function`, parseur d'expressions maison) servi partout :
+  `base.html`, `import.html`, `welcome.html` + entrée `sw.js` (cache bump
+  v8).
+- **CSP** : `script-src 'self' 'nonce-…'` — **`unsafe-eval` supprimé** (il
+  ne servait plus qu'Alpine standard). htmx : `allowEval: false` déjà posé
+  (v7.37).
+- Assertion test inversée : `assert "'unsafe-eval'" not in script_src`.
+- Scan statique final sur **tous** les templates : 0 expression incompatible
+  (4 résidus = faux positifs dans des chaînes de texte).
+
+### Notes
+
+- 12 surfaces migrées + gateées en amont (lots 1-3a/3b) ; **E2E 7/7 sous
+  CSP réel** (le route-swap du `csp_preview` sert désormais le même
+  fichier — les gates restent utiles contre une régression du build).
+- board/table_view/teamload/card_detail : scan propre mais non gateés
+  (gitea down) → à vérifier au premier usage avec gitea remonté.
+- Risque résiduel assumé : expressions n'ayant jamais tourné en runtime
+  sur ces 4 surfaces (les gates + le filet 0-erreur les attraperont).
+
 ## v7.42.0 (2026-10-01) — 🐛 BUG TOPBAR CORRIGÉ (boutons du header en texte brut)
 
 ### Fixed

ROADMAP.md

@@ -175,6 +175,115 @@ Propriétés custom, AI keywords, sync API, 12 tables DB
 
 ---
 
+## v7.46.0 — Sidebar : onglets compressibles Home / Chat / Meeting / Inbox ✅ (2026-10-04)
+> **Objectif** : remplacer la rangée d'icônes par une navigation par onglets
+> (Home, Chat, Meeting, Inbox dans cet ordre) où l'onglet actif est une pilule
+> étiquetée, les autres sont réduits à leur icône, et chaque sélection remplace
+> le contenu de la barre latérale. **COMPLETED**.
+
+- [x] **Onglets compressibles** — `sidebar-nav-row` : 4 onglets dans l'ordre
+  **Home → Chat → Meeting → Inbox**, libellé visible uniquement sur l'onglet
+  actif (pilule), `role="tab"` + `aria-selected`, onglet mémorisé
+  (`fd_sidebar_tab`, valeur validée)
+- [x] **Panneaux contextuels** — 4 panneaux Alpine (`sidebar-tab-panel`) :
+  Home (arbre + sections + libraries), Chat, Meeting, Inbox ; un seul visible
+  à la fois, footer commun conservé
+- [x] **Onglet Chat branché sur l'historique réel** — raccourcis circulaires
+  d'agents + conversations groupées *Past 30 days* / *Older* ; clic →
+  `window.fdAgent.openConversation(id)` ouvre le panneau agent sur la
+  conversation
+- [x] **Onglet Meeting branché sur le calendrier réel** — nouveau
+  `GET /api/v2/meetings/upcoming` (collections calendaires liées, propriété
+  date, horizon paramétrable et clampé), filtres *Upcoming* / *Today*,
+  actions *Transcribe a podcast* et *New AI meeting note*
+- [x] **Onglet Inbox branché sur les notifications réelles** — All / Unread,
+  marquage lu au clic, *Mark all read*, état *Inbox Zero*, badge non lus- [x] **Verrouillé** — `tests/test_sidebar_tabs.py` (15 tests) +
+  `e2e/sidebar_tabs.spec.js` (3 scénarios, mesure de largeur de la pilule,
+  clic Home n'affiche que le libellé Home, CSS périmée en cache) ;
+  suite complète 1182 tests verts
+
+## v7.46.0 — Audit de fonctionnement : 10 anomalies corrigées ✅ (2026-10-04)
+> **Objectif** : passer l'instance au crible (routes, sécurité, navigation,
+> schémas) et supprimer les anomalies constatées. **COMPLETED**.
+
+- [x] **Audited** : 677 routes, 280 endpoints GET sondés anonymement, 64
+  templates/JS croisés avec les routes enregistrées, crawl Playwright
+  authentifié (12 pages), intégrité SQLite. **10 anomalies**, toutes corrigées.
+- [x] **Écritures anonymes closes** — `POST/DELETE /api/workspaces`,
+  `PUT /api/workspaces/{id}`, `select` et `local-workspace/items` répondaient
+  200 **sans session** (repli `uid = … else 1`) : un anonyme pouvait renommer
+  ou supprimer un espace. → `_require_user_id()` + `_require_ws_owner()`
+- [x] **Router `/workspace` authentifié** — `export/csv`, historique,
+  commentaires, sprints, dashboards et templates servaient des données réelles
+  en anonyme (500 inclus). → `Depends(_require_session)` sur le router, la page
+  de partage public bascule dans un `public_router` sans dépendance
+- [x] **`password_hash` retiré** de `/auth/user` **et du cookie de session**
+  (signé mais non chiffré) → `app.auth.session.public_user()`
+- [x] **OAuth Gitea** — placeholders `test-id`/`test-secret` traités comme
+  « provider non configuré » (avant : redirection Gitea avec un client_id
+  invalide) ; `GITEA_OAUTH_CLIENT_ID/SECRET` documentés dans `.env.example`
+- [x] **Bouton Home** — pointait sur `local_workspaces[0]` (1er espace **trié
+  par nom**) au lieu de l'espace actif : le clic pouvait changer d'espace sans
+  annonce. → `local_ws_id` exposé par les 2 sidebars (`gitea_mirror_ws_id`
+  séparé) et prioritaire dans `base.html`
+- [x] **`/api/v2/agents/conversations`** — 422 car masqué par
+  `/agents/{agent_id}` → `{agent_id:int}`
+- [x] **Sélecteur de blocs synchronisés** — `/api/synced-blocks` (404) →
+  `/board/api/synced-blocks`, message d'aide corrigé
+- [x] **`/workspace/favorites`** — 500 permanent (`no such column:
+  f.collection_id`, dérive de la migration v2.2.0) → schéma actuel + propriété
+  du favori
+- [x] **Synced blocks** — 500 anonyme (`NoneType.get`) + absence de contrôle de
+  propriété sur PUT/DELETE → 401 / 403 (auteur ou admin)
+- [x] **Jinja non silencieux** — `LoggingUndefined` : rendu identique, mais un
+  `WARNING` journalise toute variable absente du contexte (c'est ce silence
+  qui avait masqué le bug du bouton Home)
+- [x] **Tests** — `tests/test_anomalies_v746.py` : **34 tests** (fuites,
+  écriture anonyme, propriété, ordre de routes, schéma, navigation, logs).
+  **Suite complète : 1167 tests verts**, `ruff check app/ tests/` propre
+
+---
+
+## v7.46.0 — Web tools de l'agent & 11 nouveaux skills ✅ (2026-10-04)
+> **Objectif** : doter l'agent d'un accès au web (recherche en ligne, lecture de
+> page, recherche GitHub) et élargir la galerie de skills. **COMPLETED**.
+
+- [x] **3 nouveaux tools agent** — `app/services/tool_registry.py` (25 tools, +3) :
+  - `web_search` — recherche web sourcée (titre + URL + extrait), provider piloté
+    par `WEB_SEARCH_PROVIDER`
+  - `fetch_url` — télécharge une page et la rend en Markdown (titres, listes,
+    code, tableaux) pour que l'IA puisse la citer
+  - `search_code` — GitHub `repositories | code | issues`, sans PAT (10 req/min)
+    ou avec `GITHUB_TOKEN` (30 req/min)
+- [x] **Service réseau** — `app/services/web_search.py` (nouveau) : Exa (recherche
+  sémantique + extraits) avec repli DuckDuckGo sans compte, client partagé A42,
+  **aucune dépendance ajoutée**, couche `transport` injectable pour les tests
+- [x] **Garde-fou SSRF réutilisé** — `fetch_url` s'appuie sur
+  `importers.url_fetch._validate_url` / `_is_public_host` : schémas http(s)
+  uniquement, résolution DNS puis refus des IP loopback / privées / lien-local
+  / réservées, **re-validation à chaque saut de redirection** (une URL publique
+  ne peut pas rediriger vers `169.254.169.254`)
+- [x] **Config** — `WEB_SEARCH_PROVIDER`, `EXA_API_KEY`, `GITHUB_TOKEN`,
+  `WEB_FETCH_MAX_CHARS` (`app/config.py` + `.env.example`)
+- [x] **Galerie : 6 → 17 presets** — `app/services/skill_gallery.py` :
+  - **vague 1 (locaux)** : veille-documentaire, chasse-decisions, onboarding-nouveau,
+    audit-base, sprint-review
+  - **vague 2 (web)** : recherche-marche, veille-techno, debug-web — chaque
+    affirmation doit porter sa source `[titre — URL]`, sinon « non vérifié »
+  - **vague 3 (pouvoir)** : triage-incident, nettoyage-base (aperçu avant toute
+    écriture), briefing-quotidien
+- [x] **UI** — libellés d'action du journal agent pour les 3 tools
+  (`Recherche web effectuée`, `Page web lue`, `Recherche GitHub effectuée`)
+- [x] **Tests** — `tests/test_agent_web_tools.py` : **29 tests**, réseau **et DNS**
+  jamais touchés (`httpx.MockTransport` + résolution neutralisée) : registre +
+  schémas + périmètre, cohérence galerie/registre, export→import des presets
+  web, provider + repli + filtrage des URLs anti-bot, markdown + troncature +
+  **6 vecteurs SSRF refusés** (localhost, 127.0.0.1, metadata cloud, IPv6
+  loopback, `file:`, `ftp:`) + redirection vers metadata cloud + redirection
+  publique suivie, GitHub repos/issues/quota. **Suite complète : 1128 tests verts.**
+
+---
+
 ## 🔜 Prochaines versions
 
 ### v4.0.1 — Onboarding & Polish ✅ (2026-07-18)
@@ -987,7 +1096,7 @@ Détails livrés :
 - [x] **Migrations 25** — `semantic_embeddings`, `semantic_index_state`, colonne `pages.search_excluded`
 - [x] **Tests** — `tests/test_v69_search_ask.py` (**24 tests** : migration, chunk/overlap, déterminisme/norme, cosinus, index idempotent, exclusion, purge, rappel vectoriel partiel, hybride keyword/auth/400/pagination/isolation ACL/exclusion/collections, ask citations/auth/400/cache/ACL/rate-limit, index-status)
 - [x] **Version** — 6.9.0 (`VERSION` + `app/main.py`) · `ruff check` OK
-- [ ] **UI** — palette `Ctrl+K` onglets `Pages / Fichiers / ✨ Réponses IA` (reporté : backend livré, frontend en follow-up)
+- [x] **UI** — palette `Ctrl+K` : **onglets `Pages / ✨ Réponses IA`** livrés (v7.44.0) — onglet IA = `POST /api/v2/search/ask` (CSRF via `getCsrf()`, debounce 150 ms, échappement AVANT injection des liens `[[fdpage:ID]]` → citations cliquables + bloc « Sources ») ; gate E2E étendu (onglet cliqué → réponse non-échappée). **Reporté** : onglet `Fichiers` — aucun backend (`/api/search` ne renvoie que `pages`/`collections`) → à créer d'abord.
 
 ### v7.0.0 — Automations v2 + Workers ✅ (2026-09-28)
 > **Objectif** : automatiser au-delà du if-this-then-that + custom code sandboxé.
@@ -1001,7 +1110,14 @@ Détails livrés :
 - [x] **Migrations 26** — `automation_steps`, `workers`, `worker_runs`, `automations.trigger_mode`, `collection_properties.button_automation_id`
 - [x] **Tests** — `tests/test_v70_automations_workers.py` (**31 tests** : migration, steps CRUD/validation/auth, mode any/all, `form.submitted`, chaînes + interpolation, condition, delay, slack + secret chiffré, email no-SMTP, forge mock + sans-token, agent mock + 404, button press/validation, legacy single-run, workers CRUD/auth/rejet code/run ok/error/timeout/budget/fork/privacy/usage/cron/masquage code)
 - [x] **Version** — 7.0.0 (`VERSION` + `app/main.py`) · `ruff check` OK
-- [ ] **Éditeur visuel** — canvas Settings → Automations (reporté : API steps livrée, UI en follow-up)
+- [x] **Éditeur visuel** — **pipeline steps** dans Settings → Automations (v7.45.0) : cartes ordonnées (trigger/condition/delay/action) avec **config typée par type** (8 actions : webhook/set_property/create_page/notify/slack/email/forge_issue/agent_trigger + ops condition + datalist événements), ajout/édition/suppression/**↑↓** via l'API `/steps` + bouton **✨ Convertir le JSON en pipeline** (legacy → steps ordonnés). **Bonus trouvé par le gate** : **51 expressions multi-instructions** (`a=1; b()` — `;` = SEULE expression par directive interdit sous le parseur CSP, non couvert par le scan `tokens`) → converties en méthodes dans **11 fichiers** (nav settings ×8, menu section base ×7, partages/éditeur ×13, breadcrumb ×5, lib/local ×6, board ×3, ctx/agent/workspaces/card/gitea ×6). Nouveau scanner `scan_semi` ajouté au lot.
+- [x] **Fix SW + CSRF uploads** (v7.45.1) — logout ne sert plus la page « hors ligne » (le fetch event de navigation est en `redirect:'manual'` → 302 lue `opaqueredirect` → rejet ; rejoué en `redirect:'follow'` + **302 synthétique vers l'URL finale**, Chromium refusant les responses `redirected` servies à une navigation) et drag & drop de fichiers/dossiers réparé (`_doUpload` + `toggleFavorite` sans `X-CSRF-Token` = oublis A19, derniers appels mutants du front). `timeoutFetch` annule enfin ses requêtes. Gate `e2e/regression_logout_dnd.spec.js` (2 tests verts).
+- [x] **Navigation partielle Alpine** (v7.45.2) — les swaps fdLoad initialisaient `.main-wrapper` avant l'exécution des scripts de page (courses : « Undefined variable » sur l'éditeur, `reading 'has'` sur `$store.fdCtx`, `SyntaxError: 'LW' already declared` à la 2ᵉ visite). Fix maison dans `app.js` : `x-ignore` sur la zone swapée (nœud remplacé uniquement) → démontage unique à tous `<script src>` chargés via `Alpine.initTree` idempotent ; garde de fichier sur 5 scripts à `const` de haut niveau ; `if (window.Alpine)` sur 8 scripts + 7 templates inline ; polices Inter orphelines purgées d'`app.css`. Gates : `regression_editor_mount` + `regression_partial_nav` (7 pages × complet/partiel/2ᵉ = 0 erreur).
+- [x] **Flashs de navigation** (v7.45.3) — pendant la fenêtre `x-ignore` (swap fdLoad → `Alpine.initTree`), la zone `.main-wrapper` était peinte **non montée** : tous ses `[x-show]` visibles à leur valeur brute (menus/panneaux/états loading+empty+table superposés) puis masqués d'un coup au montage = la rafale de fenêtres qui flashent à chaque changement de page/section. Fix 6 lignes dans `app.js` : `opacity:0` + `pointer-events:none` posés dans `htmx:afterSwap` (même task que le swap → aucun paint intermédiaire), retirés **après** `initTree` sur les 3 chemins de démontage. Mesure avant : 19 éléments bruts/87 ms sur /library (CLS 0.149), 80 éléments/732 ms sur /settings — après : 0 frame de contenu brut. Gate maison `e2e/probe_nav_perf.spec.js` (marques htmx + fenêtre x-ignore + échantillon par frame + layout-shift).
+  - Suivis restants (mesurés, non traités) : CLS résiduel **0.058** sur /library (états `lib-loading`/`lib-empty` → `lib-table` : le remplacement du spinner par les lignes décale le contenu — nécessiterait un squelette de lignes, pas un réglage CSS) · fenêtre `x-ignore` de **~150–300 ms** sur /settings (coût des scripts de page avant `initTree`, pas de gain sans changer l'ordre de montage) · la **topbar est dans `.main-wrapper`** (base.html) → re-swappée et re-montée à chaque navigation (avec le masquage elle disparaît/revient au lieu de flasher — la sortir demanderait de la swapper séparément).
+  - Suite v7.45.4 : `x-cloak` posé sur `.app-layout` (racine Alpine) → les **chargements complets** (F5, SW, hors ligne) ne peignent plus la sidebar brute ni la bande rouge hors ligne — le masquage fdLoad ne couvrait que les swaps partiels. `fd-navigating` (classe sans règle CSS) supprimée. Probe étendu à 4 scénarios (nav / clic Home réel / Home hors ligne / plein chargement) avec assertions. **Symptôme Home non rejouable** en navigateur frais (0 frame brut, 0 erreur console) → à confirmer sur le navigateur signalé.
+- [x] **Poubelle** (v7.45.5) — page /trash alignée sur ce que fait ce type de section : **sélection multiple** (select all porté au filtre courant + barre Restore/Delete/Clear), **Empty Trash** (`POST /board/api/trash/empty`, purge en masse en 1 requête), **tri** (récents/anciens/nom) et **filtre emplacement** réels (les deux boutons décoratifs « Last edited by ▾ » / « In ▾ » qui ne faisaient rien sont remplacés), **date de suppression + jours restants** par élément (rétention 30 j), compteur de résultats, états vides distincts, toasts sur chaque action. 4 bugs trouvés en route : (1) **Restore/Delete ne marchaient jamais** (`getCsrf()` = chaîne mais code lu `csrf?.[1]` → 403 CSRF silencieux), (2) **« Move to Trash » de l'éditeur = 404** (route `/board/api/pages/{id}/trash` inexistante, `.then()` naviguait quand même → la page n'allait jamais à la poubelle), (3) **page restaurée invisible** en Library/Recents/Private (`parent_section='Trash'` réécrit au delete, jamais remis → `deleted_at` = source de vérité unique + réparation au boot), (4) **routes trash sans auth** (401 ajouté, vérifié anonyme). Gates : `tests/test_trash_api.py` (5) + `e2e/trash_ui.spec.js` (1) + suite 1099 passed.
+- [x] **Fenêtre de confirmation thématisée** (v7.45.6) — les 3 confirmations destructives de /trash (suppression unitaire, groupée, **Empty Trash**) ne passent plus par le `confirm()` du navigateur : fenêtre FlowDeck réutilisant les classes `flowdeck-modal*` déjà présentes dans `base.html` (variables du thème, overlay cliquable + Échap pour annuler, Cancel + bouton de confirmation coloré porteur du libellé exact, titre/message avec le nom de la page ou le nombre de pages, `role="alertdialog"`). Composant dans `trashData()` : `askConfirm` / `cancelConfirm` / `acceptConfirm` (mutations de propriétés individuelles, pitfall réactivité Alpine). Gate e2e : ouverture + titre + message + **annulation (page toujours là)** + confirmation (contenu réellement effacé) + purge, et le test échoue si un dialog natif revient (`NATIVE_DIALOG`).
 
 ### v7.1.0 — Calendar sync + Meeting Notes ✅ (2026-09-28)
 > **Objectif** : calendrier bidirectionnel + transcription → agents (cf. Notion 07/2026 : Meeting Notes trigger Custom Agents).
@@ -1137,12 +1253,12 @@ Quality      DB views,      Agent IA     Palette →       Realtime +          E
 - [x] **A17 — Router legacy `/api` qui mute sans auth** : `move_card` (`api.py:98`), `set_col_mapping` (177), `delete_col_mapping` (207), `create_issue`/`update_issue` (281/322), `delete_checklist[_item]` (522/531), `PUT /users/me` (558) → seul garde = `_check_rate_limit`. *Fix : un `dependencies=[Depends(...)]` au niveau du router (session **ou** Bearer). Effort : **S**.*
 - [x] **A18 — Collection publiée quelconque + stocké XSS** : `GET /workspace/public/{collection_id}` (`workspace.py:699-719`) « no auth required », **ignore les flags `restricted/private`**, et interpole `coll['name']`/`p['title']` dans un `HTMLResponse(f"""…""")` sans `html.escape`. *Fix : respecter les flags de partage + `html.escape`. Effort : **S**.*
 - [x] **A19 — Liste CSRF trop large (34 préfixes) — TERMINÉ 2026-09-30 : 17 préfixes retirés, aucun préfixe cookie-auth n'est plus exempté** (12 en v7.3.5 après scan + 5 en v7.3.6 après équipement des 46 call sites) (`/db/`, `/workspace`, `/workspace/automations`, `/board/api/favorites`, `/api/pages`, `/api/recents`, `/api/notifications`, `/api/comments`, `/api/automations`, `/api/github`, `/api/admin`, `/api/onboarding`) puis les 5 derniers en v7.3.6 (46 call sites équipés de `X-CSRF-Token` dans agent_panel, settings, local_workspace, library, gitea_workspace, workspace, workspaces, welcome) — il ne reste que du Bearer/callback/public/infra : `csrf.py:21,25` couvre `/api/v2`, `/api/admin`, `/db/`, `/workspace`, `/api/user`, `/api/settings`, `/board/api/pages`, `/api/local-workspace`, `/api/comments`, `/api/agent`, `/api/automations`, `/auth/2fa` — tous **cookie-auth**. Seul `/scim/v2` est justifié par le commentaire de la ligne 19-20. Bonus : `/api/workspace` exempt aussi `/api/workspaces/*`. Filet restant = `SameSite=Lax` par défaut (jamais déclaré explicitement dans `main.py:150`). *Fix : garder un petit ensemble SAFE (webhooks, `/api/v1`, `/api/v2` Bearer, `/scim/v2`, callbacks OAuth/SSO) + ancrer les préfixes ; ajouter le header sur les 49 `fetch()` concernés (helper `csrfFetch` existe déjà : `base.html:892`). Effort : **M**.*
-- [x] **A20 — CSP sans filet — PARTIEL : `script-src 'unsafe-inline' 'unsafe-eval'`** (`security.py:67`) → aucun nonce/hash ; combiné à A10, chaque sink XSS ci-dessus tourne sans violation CSP. *Fix : externaliser le JS inline (A27), passer à `'nonce-…'`, retirer `'unsafe-eval'`, resserrer `img-src`/`connect-src`.* — **fait 2026-10-01 (nonce)** : `script-src 'self' 'unsafe-eval' 'nonce-<per-request>'` — `unsafe-inline` retiré de script-src (fin des XSS injectés en JS) ; ContextVar `CSP_NONCE` posée par le middleware avant `call_next`, lue par `{{ csp_nonce() }}` (38 tags inline dans les templates + `_with_nonce()` pour la constante `LOCAL_LOGIN_HTML` + 3 scripts Python dans collections.py) ; htmx re-çoit le nonce via `<meta name="htmx-config">` (réponses boostées) ; les 74 handlers `onclick=` restent couverts par `script-src-attr 'unsafe-inline'` ; chart.js/leaflet (CDN, déjà utilisés par les vues chart/map et BLOQUÉS par CSP depuis toujours) ajoutés à `script-src`/`style-src` avec commentaire `ponytail:` (upgrade : vendoriser). **Phase 2 faite 2026-10-01** : **CDN vendorisé + connect-src fermé**. chart.js 4.5.1, leaflet 1.9 (js/css + 5 png) téléchargés vers `static/js/vendor/` (déjà ignoré par eslint) ; les 3 URL de `collections.py` pointent en local ; **`script-src` n'a plus aucun hôte tiers** (jsdelivr/unpkg retirés), idem `style-src` ; **`connect-src` = `'self' ws://{host} wss://{host}`** (Host de la requête, caractères filtrés — uvicorn rejette déjà les Host invalides) : le `https:` universel (canal d'exfil) et les `ws:`/`wss:` tout-hôtes disparaissent ; grep négatif = **0 fetch cross-origin côté front** ; Google Fonts étaient **morts** dans la CSP (0 ref) → retirés ; `img-src https:` **gardé volontairement** (unfurls YouTube/Vimeo… + tuiles OSM inénumérables, `ponytail:` commenté dans le code). Test `test_csp_no_cdn_and_vendor` (CSP sans CDN, connect-src exact, 4 assets vendor 200, source collections.py) + `test_view_chart_renders` mis à jour (vendor path) → 1090/1090. **Reste A20 → phase 3 scopée par probes (2026-10-01)** : htmx = **FINI** (`allowEval:false` dans le meta htmx-config — 0 `hx-on`/`hx-vars`/`hx-vals` grep) ; **`unsafe-eval` reste uniquement pour Alpine standard**. Le build `@alpinejs/csp` a été téléchargé et **testé** (0 `eval`/`new Function`, parseur maison, tourne sous CSP strict) mais est **bloqué** sur FlowDeck : (a) **13 expressions non parsables** par la grammaire restreinte (arrows ×2, `typeof` ×1, `new Date` ×4, optional-chaining ×6 — base, library, local_workspace, settings, gitea_workspace), (b) **24 `x-html` réactifs** (icônes SVG `getSvgIcon`/`_fileIcon`, markdown agent, preview) = **interdits** par le build CSP (innerHTML), (c) le scope des expressions CSP = **données du composant uniquement** (0 variable globale ni `document` — probe : `Undefined variable: fmtDate`) → chaque site devient une méthode enregistrée via `Alpine.data`. **Plan** : migration composant par composant avec gate E2E dédiée par surface, puis retrait `unsafe-eval`.
+- [x] **A20 — CSP sans filet — ✅ TERMINÉ 2026-10-01 (v7.43.0)** : `script-src = 'self' 'nonce-…'` (**plus aucun `unsafe-eval`**) (`security.py:67`) → aucun nonce/hash ; combiné à A10, chaque sink XSS ci-dessus tourne sans violation CSP. *Fix : externaliser le JS inline (A27), passer à `'nonce-…'`, retirer `'unsafe-eval'`, resserrer `img-src`/`connect-src`.* — **fait 2026-10-01 (nonce)** : `script-src 'self' 'unsafe-eval' 'nonce-<per-request>'` — `unsafe-inline` retiré de script-src (fin des XSS injectés en JS) ; ContextVar `CSP_NONCE` posée par le middleware avant `call_next`, lue par `{{ csp_nonce() }}` (38 tags inline dans les templates + `_with_nonce()` pour la constante `LOCAL_LOGIN_HTML` + 3 scripts Python dans collections.py) ; htmx re-çoit le nonce via `<meta name="htmx-config">` (réponses boostées) ; les 74 handlers `onclick=` restent couverts par `script-src-attr 'unsafe-inline'` ; chart.js/leaflet (CDN, déjà utilisés par les vues chart/map et BLOQUÉS par CSP depuis toujours) ajoutés à `script-src`/`style-src` avec commentaire `ponytail:` (upgrade : vendoriser). **Phase 2 faite 2026-10-01** : **CDN vendorisé + connect-src fermé**. chart.js 4.5.1, leaflet 1.9 (js/css + 5 png) téléchargés vers `static/js/vendor/` (déjà ignoré par eslint) ; les 3 URL de `collections.py` pointent en local ; **`script-src` n'a plus aucun hôte tiers** (jsdelivr/unpkg retirés), idem `style-src` ; **`connect-src` = `'self' ws://{host} wss://{host}`** (Host de la requête, caractères filtrés — uvicorn rejette déjà les Host invalides) : le `https:` universel (canal d'exfil) et les `ws:`/`wss:` tout-hôtes disparaissent ; grep négatif = **0 fetch cross-origin côté front** ; Google Fonts étaient **morts** dans la CSP (0 ref) → retirés ; `img-src https:` **gardé volontairement** (unfurls YouTube/Vimeo… + tuiles OSM inénumérables, `ponytail:` commenté dans le code). Test `test_csp_no_cdn_and_vendor` (CSP sans CDN, connect-src exact, 4 assets vendor 200, source collections.py) + `test_view_chart_renders` mis à jour (vendor path) → 1090/1090. **Reste A20 → phase 3 scopée par probes (2026-10-01)** : htmx = **FINI** (`allowEval:false` dans le meta htmx-config — 0 `hx-on`/`hx-vars`/`hx-vals` grep) ; **`unsafe-eval` reste uniquement pour Alpine standard**. Le build `@alpinejs/csp` a été téléchargé et **testé** (0 `eval`/`new Function`, parseur maison, tourne sous CSP strict) mais est **bloqué** sur FlowDeck : (a) **13 expressions non parsables** par la grammaire restreinte (arrows ×2, `typeof` ×1, `new Date` ×4, optional-chaining ×6 — base, library, local_workspace, settings, gitea_workspace), (b) **24 `x-html` réactifs** (icônes SVG `getSvgIcon`/`_fileIcon`, markdown agent, preview) = **interdits** par le build CSP (innerHTML), (c) le scope des expressions CSP = **données du composant uniquement** (0 variable globale ni `document` — probe : `Undefined variable: fmtDate`) → chaque site devient une méthode enregistrée via `Alpine.data`. **Plan** : migration composant par composant avec gate E2E dédiée par surface, puis retrait `unsafe-eval`.
 **LOT 1 fait 2026-10-01 (v7.38.0)** : (1) **harnais `e2e/csp_preview.spec.js`** — sert le build CSP à la place de `alpine.min.js` par interception Playwright (0 déploiement, tout parse-error = pageerror) ; (2) **les 16 composants `x-data="fn()"` non enregistrés → `Alpine.data`** (registre = seule résolution du build CSP) ; (3) **shell base.html migré** : x-effect document → `syncSidebarClass()`, $nextTick arrow → `initSidebarSort()`, `window.FlowDeck.*` → méthodes, Object/Math/window dans x-for/:style → `sidebarSections()`/`sectionMenuPos()` ; (4) **x-html du shell migrés** → `x-init`+`Alpine.effect` (agent, carte projet, library ×3) + recherche library (`toggleSearch`) ; (5) **eslint 0/0 restauré** (globals `getCsrf` A38 + `;;` résiduels) ; **gate library VERT** (0 pageerror, icônes + recherche vérifiées) → 1093/1093.
 **LOT 2 fait 2026-10-01 (v7.39.0)** : **settings + local_workspace VERTS** en csp_preview (3/5 surfaces) — voir CHANGELOG pour les 2 pièges structurels résolus (snapshot `ji` = objet `window` pré-boot banni → const lexicale partagée ; bloc preview hors racine → composant `wsPreview` déléguant, wrapper unique à cause des magics) + `RATE_LIMIT_REQUESTS=600` en `.env` local (rafales E2E vs 60/min).
 **LOT 3a fait 2026-10-01 (v7.40.0)** : gate « surfaces simples » = **welcome, trash, accounts, workspace, import VERTS** (4 sans aucune modification — scan propre + registres lot 1) + **fix bug pré-existant `/import`** (x-text `report.relations` non garde → pageerror sous les 2 builds). **8 surfaces couvertes** au total.
 **LOT 3b fait 2026-10-01 (v7.41.0)** : **gitea_workspace + agent_panel + page_editor VERTS** (éditeur = 15 sites : 12 `window.E` → délégués `edCall`/`edTimeAgo`/`edCommentCount`/`edShared`/`bindStar` dans appState + 3 dans `_page_editor_content` → `openBacklink`/`fmtImportSize`/`bindIconHtml` ; piège Jinja : quotes `\'` dans le `set`). **12 surfaces vertes** au total (7 gates).
-**Reste ph3** : board/table_view/teamload/card_detail (scan propre, gates liés au contexte Gitea — gitea actuellement down) → csp_preview vert partout, puis bascule réelle (retrait unsafe-eval).
+**BASCULE RÉELLE 2026-10-01 (v7.43.0)** : `alpine.csp.min.js` servi partout (base/import/welcome + sw), `unsafe-eval` retiré de la CSP (assert test inversée), scan statique final = **0** (4 faux positifs dans des chaînes), E2E 7/7 **sous CSP réel** + suite 1094/1094. board/table_view/teamload/card_detail : scan propre, non gateés (gitea down) — à vérifier au premier usage avec gitea remonté.
 **🐛 BUG TOPBAR — CORRIGÉ 2026-10-01 (v7.42.0)** : cause racine = `'literal' ~ fd_icon(…)` — `fd_icon` = macro → `Markup`, et `Markup.__radd__/__add__` **échappe les segments `str` littéraux** → boutons en entities partout ; `|safe` no-op sur Markup déjà échappé. Fix : **block-set** `{% set right_actions %}…{{ fd_icon() }}…{% endset %}` dans les 5 templates (gitea, page_editor ×2, workspace, workspaces) + **test permanent** `tests/test_topbar_right_actions.py` + assertion `.star-btn` rétablie dans le gate éditeur. Probable régression depuis A10 (autoescape). `img-src` : si un proxy d'images local arrive. Effort : **L** (reste : L, plan ci-dessus).
 - [x] **A21 — `sqlite3` synchrone sur l'event loop — PARTIEL 2026-09-30 → phase 1 le 2026-10-01 : `PRAGMA busy_timeout=5000` ajouté au point d'entrée unique `get_conn()` (db.py)** ; reste le wrapper async `anyio.to_thread` + la migration des 510 call sites : `get_conn()` (`db.py:833-843`) est synchrone et **510 des 689 `async def` de routes** l'appellent (805 occurrences au total ; 0 `run_in_threadpool`, 1 seul `asyncio.to_thread` dans tout le dépôt : `semantic_search.py:262`) ; connexion neuve par requête (`connect` + 2 PRAGMA), **aucun `busy_timeout`**. Chaque requête bloque la boucle. *Fix : wrapper async (`anyio.to_thread.run_sync`) partagé, migrer d'abord `api_v2`/`dashboard`/`collections`/`board` + `PRAGMA busy_timeout=5000`.* — **phase 1 faite 2026-10-01** : **352 routes `async def` SANS aucun `await`** converties en `def` (scan corps par corps : ni `await`/`async with`/`async for`, ni `asyncio`) → FastAPI les exécute dans son threadpool, donc tout leur travail SQLite quitte l'event loop, sans changer une ligne de logique (api_v2 : 60, dashboard : 40, collections : 25, board : 23, + main.py : 6 ; aucune occurrence `asyncio`/`run_coroutine` dans les corps convertis). **Phase 2a faite 2026-10-01 (api_v2)** : les routes dont le SEUL await était `body = await request.json()` (36) → paramètre FastAPI `body: dict = Body(default={})` (parsing fait par FastAPI avant l'appel, équivalences vérifiées : corps absent → `{}` comme le try/except d'avant, JSON invalide → 422 au lieu d'un silencieux `{}`) + conversion en `def` → **api_v2 passe à 96/115 routes hors loop**. **Phase 2b faite 2026-10-01 (api_v2 bouclé)** : helper `run_event_sync(coro)` (automations.py) — `asyncio.run` sur une boucle dédiée dans le worker threadpool : l'événement est EXÉCUTÉ ET ATTENDU avant la réponse (déterministe comme l'await) mais ne bloque jamais la boucle ; les 15 routes dont les seuls awaits étaient `json`/`_fire_event`/`fire_published`/`fire_unpublished` passent en `def`. **api_v2 : 111/115 routes hors loop**, les 4 restantes ont de vrais awaits réseau (`import_csv_v2` multipart, `project_tree_v2` (gitea), `test_webhook_v2`, `retry_webhook_deliveries`). **Phase 2c faite 2026-10-01 (repo-wide)** : **283 → 93 routes async** (**86 % des 667 routes hors loop**, avant 61 %) en 4 passes — (A) racine auth : `get_current_user` (session.py) + ses clones async (`agent._current_user_id/_workspace_id/_current_admin`, `sso._require_admin`) étaient `async` **sans aucun await** → `def`, **47 `await` supprimés** dont 3 via l'alias `gcu` (piège : grep littéral aveugle, rattrapé par la suite) ; (B) re-scan → 19 routes flipées ; (C/D) **155 routes** `request.json`/événements → `Body(default={})` (3 formes : try/except `body = {}` intact, try/except `raise HTTPException(400)` → `Body(...)` requis (422 FastAPI, **0 test sur le 400**), forme conditionnelle content-type ×54 → défaut `{}`) + `run_event_sync` → `def`. **Reste async (93, justifié)** : form/upload/file (22), gitea/llm/oidc réseau (~25), `_json_body` 9, 2 JSON inline en argument, 1 fallback logique, 1 lecture conditionnelle web_clipper, + mixtes json+réseau. **A21 : fait** (sauf l'idée initiale d'`anyio.to_thread` par bloc DB — **inutile** : les routes sont DÉJÀ hors loop, le SQLite synchrone n'est plus sur la boucle). Effort : **L** (fait).
 - [x] **A22 — Validateur d'upload = code mort** : `validate_upload()` + `ALLOWED_EXTENSIONS` + `MAX_UPLOAD_SIZE` (`security.py:33-40`) n'ont **aucun appelant** ; `upload_local_workspace_file` (`dashboard.py:1507-1574`) fait `file_path.write_bytes(content)` après seulement `Path(filename).name` — ni taille, ni extension, ni auth, et `/api/local-workspace` est exclu du CSRF. Chemin aussi codé en dur `Path(f"/data/uploads/...")` au lieu de `FLOWDECK_DATA_DIR`. *Fix : appeler `validate_upload()` avant `read()` + session. Effort : **S**.*

VERSION

@@ -1 +1 @@
-7.42.0
+7.49.2

WORKLOAD.md

@@ -1,6 +1,6 @@
 # WORKLOAD — FlowDeck Notion Clone
 
-> **Début**: 2026-07-08 | **Version**: v7.42.0 (BUG TOPBAR CORRIGÉ : « 'literal' ~ fd_icon » échappait les boutons → block-set ×5 + test permanent) | **Statut**: EN COURS 🔄
+> **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 🔄
 > **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

app/auth/providers/__init__.py

@@ -11,6 +11,17 @@ from app.services.http_client import shared_client
 
 logger = logging.getLogger(__name__)
 
+# Valeurs de substitution livrées dans app/config.py : elles sont NON VIDES,
+# donc un simple `bool(client_id and client_secret)` les considérait comme
+# configurées et /auth/login redirigeait vers Gitea avec client_id=test-id
+# (échec d'authentification garanti). Un placeholder == provider non configuré.
+_PLACEHOLDER_CREDS = {"test-id", "test-secret", "change-me", "changeme", "your-client-id"}
+
+
+def _real(value: str | None) -> bool:
+    """True when ``value`` is a real credential (not empty, not a placeholder)."""
+    return bool(value) and value.strip().lower() not in _PLACEHOLDER_CREDS
+
 
 class OAuthProvider(ABC):
     """Abstract OAuth2 provider interface."""
@@ -52,7 +63,7 @@ class GiteaProvider(OAuthProvider):
         self.redirect_uri = redirect_uri
 
     def is_enabled(self) -> bool:
-        return bool(self.client_id and self.client_secret)
+        return _real(self.client_id) and _real(self.client_secret)
 
     def get_authorize_url(self, state: str, redirect_uri: str | None = None, force_login: bool = False) -> str:
         params = {
@@ -144,7 +155,7 @@ class GitHubProvider(OAuthProvider):
         self.api_url = "https://api.github.com"
 
     def is_enabled(self) -> bool:
-        return bool(self.client_id and self.client_secret)
+        return _real(self.client_id) and _real(self.client_secret)
 
     def get_authorize_url(self, state: str, redirect_uri: str | None = None, force_login: bool = False) -> str:
         return (

app/auth/session.py

@@ -13,6 +13,19 @@ logger = logging.getLogger(__name__)
 
 _serializer = URLSafeTimedSerializer(settings.app_secret_key)
 
+# Colonnes de la table ``users`` qui ne doivent JAMAIS quitter le serveur :
+# le cookie de session est signé (HMAC) mais pas chiffré — son payload est
+# lisible en base64 par quiconque détient le cookie, et ``/auth/user`` le
+# renvoyait tel quel au client.
+_SECRET_USER_FIELDS = ("password_hash",)
+
+
+def public_user(user_data: dict | None) -> dict | None:
+    """Return a copy of ``user_data`` stripped of credential material."""
+    if user_data is None:
+        return None
+    return {k: v for k, v in user_data.items() if k not in _SECRET_USER_FIELDS}
+
 
 class SessionManager:
     """Manages user sessions via signed cookies (v5.2.0: revocable).
@@ -30,7 +43,7 @@ class SessionManager:
         ``user_sessions`` table (ip + user agent) and becomes revocable.
         """
         payload = {
-            "user": user_data,
+            "user": public_user(user_data),
             "created_at": datetime.now(UTC).replace(tzinfo=None).isoformat(),
         }
         user_id = user_data.get("id")
@@ -93,7 +106,7 @@ class SessionManager:
         """Re-sign a cookie keeping its session id (used after profile edits)."""
         sid = SessionManager.session_id(cookie) if cookie else None
         payload = {
-            "user": user_data,
+            "user": public_user(user_data),
             "created_at": datetime.now(UTC).replace(tzinfo=None).isoformat(),
         }
         user_id = user_data.get("id")

app/config.py

@@ -126,6 +126,14 @@ class Settings(BaseSettings):
     agent_max_tokens_budget: int = 500000
     agent_run_timeout_seconds: int = 300
 
+    # ── Web tools de l'agent (web_search / fetch_url / search_code) ──
+    # `web_search_provider` : « exa » (recherche sémantique + snippets, clé
+    # requise) ou « duckduckgo » (repli sans compte, parsing HTML — dégradé).
+    web_search_provider: str = "exa"
+    exa_api_key: str = ""
+    github_token: str = ""             # PAT GitHub : 30 req/min au lieu de 10
+    web_fetch_max_chars: int = 20000   # texte renvoyé par fetch_url
+
     @property
     def db_path(self) -> Path:
         if self.database_url == "sqlite:///:memory:":

app/db.py

@@ -348,6 +348,16 @@ def init_db():
             conn.execute("ALTER TABLE pages ADD COLUMN deleted_at TEXT")
         except sqlite3.OperationalError:
             pass
+        # v7.45.5 : réparation des pages restaurées marquées 'Trash' — l'ancien
+        # soft-delete (éditeur) réécrivait parent_section='Trash' et la
+        # restauration ne le remettait pas → page invisible en Library/Recents/
+        # Private. Idempotent (WHERE restrictif), rejoué à chaque boot.
+        # ponytail: un dossier restauré repasse en 'Private' (l'état d'origine
+        # n'est pas stocké) → icône/dossier à remettre à 'Workspace' si besoin.
+        conn.execute(
+            "UPDATE pages SET parent_section='Private' "
+            "WHERE parent_section='Trash' AND deleted_at IS NULL"
+        )
         try:
             conn.execute("ALTER TABLE pages ADD COLUMN share_mode TEXT DEFAULT 'private'")
         except sqlite3.OperationalError:

app/main.py

@@ -185,7 +185,7 @@ async def lifespan(_app: FastAPI):
 
 app = FastAPI(
     title="FlowDeck",
-    version="7.42.0",
+    version="7.49.2",
     docs_url="/docs",
     redoc_url="/redoc",
     lifespan=lifespan,
@@ -224,6 +224,8 @@ app.include_router(webhooks.router)
 app.include_router(collections.router)
 app.include_router(my_tasks.router)
 app.include_router(workspace.router)
+# Partage public :-exempt de la dépendance d'authentification du router.
+app.include_router(workspace.public_router)
 app.include_router(library.router)
 app.include_router(admin.router)
 app.include_router(gitea_router)

app/middleware/security.py

@@ -71,17 +71,15 @@ class ContentSecurityPolicyMiddleware(BaseHTTPMiddleware):
     # requête — un XSS injecté dans une page ne tourne plus). Les 74 handlers
     # inline `onclick=` restent couverts par `script-src-attr`, explicitement
     # détaché de script-src (sinon le nonce les désactiverait aussi).
-    # `unsafe-eval` : Alpine STANDARD (x-data) en a besoin. htmx n'y touche
-    # plus (`allowEval: false` dans le meta htmx-config — 0 hx-on/hx-vars).
-    # Retrait = A20 phase 3 : build `@alpinejs/csp` (testé : 0 eval, OK sur
-    # probe) mais bloqué par 13 expressions non parsables (arrows/typeof/new/
-    # ?.) + 24 `x-html` réactifs (icônes SVG) → refonte des composants en
-    # Alpine.data — voir ROADMAP.
+    # A20 TERMINÉ : `unsafe-eval` retiré — Alpine tourne en build CSP
+    # (static/js/alpine.csp.min.js, 0 eval) ; htmx allowEval=false.
+    # 15 surfaces en csp_preview vert + scan statique 0 (board/gitea/cards
+    # = props propres, gitea down empêche un gate dédié).
     CSP_VALUE = (
         "default-src 'self'; "
         # A20 phase 2 : chart.js/leaflet vendorisés dans /static/js/vendor
         # (test_csp_no_cdn_and_vendor), plus aucun hôte CDN tiers.
-        "script-src 'self' 'unsafe-eval' 'nonce-{nonce}'; "
+        "script-src 'self' 'nonce-{nonce}'; "
         "script-src-attr 'unsafe-inline'; "
         # ponytail: aucun @font-face Google (grep négatif) → les deux
         # hôtes fonts étaient morts, supprimés.

app/migrations.py

@@ -1553,3 +1553,34 @@ def _migration_sso_enterprise_auth(conn: sqlite3.Connection) -> None:
     conn.execute(
         "CREATE INDEX IF NOT EXISTS idx_sso_requests_created ON sso_requests(created_at)"
     )
+
+
+@register(30, "v7.47.0: My Tasks — mapping des propriétés de base de tâches")
+def _migration_my_tasks_mapping(conn: sqlite3.Connection) -> None:
+    """My Tasks façon Notion : une base ne diffuse ses tâches qu'après
+    conversion explicite, et les trois propriétés requises sont **nommées**
+    (pas devinées d'après leur type).
+
+    ``collections.is_task`` existait déjà mais ne mémorisait rien : My Tasks
+    devait deviner « la colonne personne = Assigné à » et n'avait aucun moyen
+    de distinguer deux bases connectées. Trois colonnes nullable REFERENCES
+    fixent le mapping ; suppression de la propriété → `SET NULL`, et la base
+    redevient « non configurée » au lieu de pointer sur du vide.
+    """
+    cols = columns(conn, "collections")
+    for name, target in (
+        ("task_assignee_prop", "collection_properties"),
+        ("task_status_prop", "collection_properties"),
+        ("task_due_prop", "collection_properties"),
+    ):
+        if name in cols:
+            continue
+        conn.execute(
+            f"ALTER TABLE collections ADD COLUMN {name} INTEGER "
+            f"REFERENCES {target}(id) ON DELETE SET NULL"
+        )
+    # Index de lecture : « les bases de tâches de cet utilisateur ».
+    conn.execute(
+        "CREATE INDEX IF NOT EXISTS idx_collections_task "
+        "ON collections(is_task, workspace_id)"
+    )

app/routers/admin.py

@@ -104,6 +104,10 @@ def update_user(user_id: int, request: Request, _admin=Depends(admin_required),
 def delete_user(user_id: int, _admin=Depends(admin_required)):
     """Delete a user and cascade their data."""
     from app.db import get_conn
+    from app.services.collection_lifecycle import (
+        delete_collections,
+        workspace_collection_ids,
+    )
     with get_conn() as conn:
         user = conn.execute("SELECT id FROM users WHERE id=?", (user_id,)).fetchone()
         if not user:
@@ -121,6 +125,9 @@ def delete_user(user_id: int, _admin=Depends(admin_required)):
         # Delete workspaces owned by this user
         ws_rows = conn.execute("SELECT id FROM workspaces WHERE owner_id=?", (user_id,)).fetchall()
         for ws in ws_rows:
+            # Les bases du workspace tombent avec lui (sinon : collections
+            # orphelines listées par /db et My Tasks).
+            delete_collections(conn, workspace_collection_ids(conn, ws["id"]))
             conn.execute("DELETE FROM pages WHERE workspace_id=?", (ws["id"],))
             conn.execute("DELETE FROM workspace_members WHERE workspace_id=?", (ws["id"],))
         conn.execute("DELETE FROM workspaces WHERE owner_id=?", (user_id,))

app/routers/api_v2/collections.py

@@ -27,6 +27,7 @@ from app.services.api_v2_helpers import (  # noqa: F401 — require_scope est ut
 )
 from app.services.automations import fire_event as _fire_event
 from app.services.automations import run_event_sync
+from app.services.collection_lifecycle import delete_collections
 
 from ._common import _v2_rate_check
 
@@ -152,7 +153,7 @@ def delete_collection_v2(collection_id: int, request: Request, authorization: st
         row = conn.execute("SELECT * FROM collections WHERE id=?", (collection_id,)).fetchone()
         if not row:
             raise HTTPException(404, "Collection not found")
-        conn.execute("DELETE FROM collections WHERE id=?", (collection_id,))
+        delete_collections(conn, [collection_id])
         conn.commit()
     audit_log(user, "collection.delete", "collection", collection_id, "", request)
     return {"id": collection_id, "status": "deleted"}

app/routers/api_v2_agent.py

@@ -156,7 +156,10 @@ async def create_agent_v2(request: Request, authorization: str | None = Header(d
     return JSONResponse(content=data, status_code=201)
 
 
-@router.get("/agents/{agent_id}")
+# v7.46.0 : `{agent_id:int}` — sans le contrainte de type, la routeparametrée
+# enregistree AVANT `/agents/conversations` capturait le segment « conversations »
+# et renvoyait 422 (int_parsing) au lieu de la liste des conversations.
+@router.get("/agents/{agent_id:int}")
 def get_agent_v2(agent_id: int, request: Request, authorization: str | None = Header(default=None)):
     _guard(request, authorization)
     with get_conn() as conn:
@@ -166,7 +169,7 @@ def get_agent_v2(agent_id: int, request: Request, authorization: str | None = He
     return row_to_dict(row)
 
 
-@router.put("/agents/{agent_id}")
+@router.put("/agents/{agent_id:int}")
 async def update_agent_v2(agent_id: int, request: Request, authorization: str | None = Header(default=None)):
     user = _guard(request, authorization, write=True)
     body = await _json_body(request)
@@ -194,7 +197,7 @@ async def update_agent_v2(agent_id: int, request: Request, authorization: str |
     return {"id": agent_id, "status": "updated"}
 
 
-@router.delete("/agents/{agent_id}")
+@router.delete("/agents/{agent_id:int}")
 def delete_agent_v2(agent_id: int, request: Request, authorization: str | None = Header(default=None)):
     user = _guard(request, authorization, write=True)
     with get_conn() as conn:

app/routers/auth.py

@@ -475,10 +475,11 @@ def logout(request: Request):
 def current_user(request: Request):
     """Return current user info as JSON."""
     from app.auth.session import get_current_user as gcu
+    from app.auth.session import public_user
     user = gcu(request)
     if not user:
         return {"authenticated": False}
-    return {"authenticated": True, "user": user}
+    return {"authenticated": True, "user": public_user(user)}
 
 
 # ── v7.2.0 — TOTP 2FA ─────────────────────────────────────────────────────

app/routers/board/_common.py

@@ -485,6 +485,10 @@ def _sidebar_data(request: Request, owner: str = "", repo: str = "") -> dict:
                     active_ws_name = row["name"]
                     workspace_pages = _load_workspace_pages(ws_cookie)
                     has_active_workspace = True
+                    # v7.46.0 : comme pour le sidebar dashboard, exposer l'ID de
+                    # l'espace ACTIF (le bouton Home de base.html pointait sinon
+                    # sur ``local_workspaces[0]``, premier espace trie par nom).
+                    local_ws_id = wsi
         except (ValueError, Exception):
             pass
     recent = []

app/routers/board/sharing.py

@@ -12,6 +12,11 @@ from fastapi.responses import HTMLResponse
 from app.auth.session import SessionManager
 from app.db import get_conn
 from app.services.automations import fire_event, run_event_sync
+from app.services.collection_lifecycle import (
+    collections_hosted_by_page,
+    collections_hosted_by_pages,
+    delete_collections,
+)
 from app.services.publish import fire_published, fire_unpublished, publish, unpublish
 
 from ._common import _sidebar_data
@@ -125,21 +130,41 @@ def unpublish_page(request: Request, page_id: int):
 # ═══════════ Trash (must be before /{owner}/{repo} catch-all) ═══════════
 
 
+def _trash_session(request: Request):
+    """Trash : session obligatoire (les 3 routes mutaient/ lisaient toutes les
+    pages sans aucune vérification — le CSRF seul ne protège pas, le cookie est
+    lisible par JS et un attaquant fixe cookie ET en-tête)."""
+    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    if not user:
+        raise HTTPException(401, "Authentication required")
+    return user
 
 
-# ═══════════ Trash (must be before /{owner}/{repo} catch-all) ═══════════
-
 @router.get("/api/trash")
 def list_trash(request: Request):
+    _trash_session(request)
     with get_conn() as conn:
-        rows = conn.execute("SELECT id, title, workspace, parent_id, deleted_at FROM pages WHERE deleted_at IS NOT NULL ORDER BY deleted_at DESC").fetchall()
-    return [{"id": r["id"], "name": r["title"] or "Untitled", "icon": "📄", "path": r["workspace"] or "Private", "deleted_at": r["deleted_at"]} for r in rows]
+        rows = conn.execute(
+            "SELECT id, title, workspace, parent_section, deleted_at FROM pages "
+            "WHERE deleted_at IS NOT NULL ORDER BY deleted_at DESC"
+        ).fetchall()
+    return [
+        {
+            "id": r["id"],
+            "name": r["title"] or "Untitled",
+            "icon": "📁" if r["parent_section"] == "Workspace" else "📄",
+            "path": r["workspace"] or "Private",
+            "deleted_at": r["deleted_at"],
+        }
+        for r in rows
+    ]
 
 
 
 
 @router.post("/api/trash/{page_id}/restore")
 def restore_page(request: Request, page_id: int):
+    _trash_session(request)
     with get_conn() as conn:
         conn.execute("UPDATE pages SET deleted_at=NULL WHERE id=?", (page_id,))
         conn.commit()
@@ -154,11 +179,47 @@ def restore_page(request: Request, page_id: int):
 
 @router.delete("/api/trash/{page_id}")
 def permanent_delete(request: Request, page_id: int):
+    _trash_session(request)
     with get_conn() as conn:
+        # La page hôte d'une base disparaît définitivement → sa base et ses
+        # lignes aussi, sinon My Tasks (et /db) continuaient de lister des
+        # tâches sans document.
+        collections = collections_hosted_by_page(conn, page_id)
         conn.execute("UPDATE pages SET parent_id=NULL WHERE parent_id=?", (page_id,))
         conn.execute("DELETE FROM pages WHERE id=? AND deleted_at IS NOT NULL", (page_id,))
+        delete_collections(conn, collections)
         conn.commit()
-    return {"status": "ok", "deleted": page_id}
+    return {"status": "ok", "deleted": page_id, "collections": len(collections)}
+
+
+
+
+@router.post("/api/trash/empty")
+def empty_trash(request: Request):
+    """Empty Trash : purge en masse (les enfants des pages supprimées passent
+    en racine, comme permanent_delete — comportement historique conservé)."""
+    _trash_session(request)
+    with get_conn() as conn:
+        n = conn.execute(
+            "SELECT COUNT(*) FROM pages WHERE deleted_at IS NOT NULL"
+        ).fetchone()[0]
+        # Bases portées par les pages purgées (les pages contenu de ligne
+        # n'hébergent aucune base et ne remontent rien).
+        trashed = [
+            r["id"]
+            for r in conn.execute(
+                "SELECT id FROM pages WHERE deleted_at IS NOT NULL"
+            ).fetchall()
+        ]
+        collections = collections_hosted_by_pages(conn, trashed)
+        conn.execute(
+            "UPDATE pages SET parent_id=NULL WHERE parent_id IN "
+            "(SELECT id FROM pages WHERE deleted_at IS NOT NULL)"
+        )
+        conn.execute("DELETE FROM pages WHERE deleted_at IS NOT NULL")
+        delete_collections(conn, collections)
+        conn.commit()
+    return {"status": "ok", "deleted": n, "collections": len(collections)}
 
 
 

app/routers/board/synced.py

@@ -16,23 +16,41 @@ router = APIRouter(tags=["board"], prefix="/board")
 
 
 
-# ═══════════════ v5.14.0: Synced Blocks ─═══════════════════
-# These routes MUST be registered before the catch-all /{owner}/{repo} below.
+# ═══════════════ v5.14.0: Synced Blocks ─═══════════════════# These routes MUST be registered before the catch-all /{owner}/{repo} below.
+
+def _session_user(request: Request) -> dict:
+    """Session obligatoire — sans garde, un appel anonyme levait
+    ``AttributeError: 'NoneType' object has no attribute 'get'`` (HTTP 500)
+    au lieu d'un 401."""
+    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    if not user or not user.get("id"):
+        raise HTTPException(401, "Authentication required")
+    return user
+
+
+def _assert_can_edit_block(request: Request, sb: dict) -> None:
+    """Seul l'auteur du bloc (ou un admin global) peut le modifier/supprimer."""
+    user = _session_user(request)
+    if sb.get("created_by") in (None, user.get("id")):
+        return
+    if user.get("is_admin"):
+        return
+    raise HTTPException(403, "Not the author of this synced block")
+
 
 @router.get("/api/synced-blocks")
 def list_synced_blocks_api(request: Request, workspace: str = Query(default="")):
     """List synced blocks for a workspace."""
-    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    user = _session_user(request)
     from app.services.synced_blocks import list_synced_blocks
     return {"synced_blocks": list_synced_blocks(workspace or user.get("login", ""))}
 
 
 
-
 @router.post("/api/synced-blocks")
 def create_synced_block_api(request: Request, body: dict = Body(...)):
     """Create a new synced block."""
-    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    user = _session_user(request)
     from app.services.synced_blocks import create_synced_block
     sid = create_synced_block(
         workspace=body.get("workspace", ""),
@@ -61,6 +79,7 @@ async def update_synced_block_api(request: Request, sid: int):
     sb = get_synced_block(sid)
     if not sb:
         raise HTTPException(404, "Synced block not found")
+    _assert_can_edit_block(request, sb)
     update_synced_block(sid, body.get("title", sb["title"]), body.get("content", []))
     # v6.5.0: rewrite every referencing page's stored content first (DB row
     # content pages included), THEN push the realtime update so open rooms
@@ -86,6 +105,7 @@ async def delete_synced_block_api(request: Request, sid: int):
     sb = get_synced_block(sid)
     if not sb:
         raise HTTPException(404, "Synced block not found")
+    _assert_can_edit_block(request, sb)
     # v6.5.0: collect referencing pages BEFORE the FK cascade wipes the
     # refs, rewrite their stored content (deleted state), then broadcast.
     pids = page_ids_for_synced(sid)
@@ -99,8 +119,9 @@ async def delete_synced_block_api(request: Request, sid: int):
 
 
 @router.get("/api/synced-blocks/{sid}")
-def get_synced_block_api(sid: int):
+def get_synced_block_api(request: Request, sid: int):
     """Get a synced block by id."""
+    _session_user(request)
     from app.services.synced_blocks import get_synced_block
     sb = get_synced_block(sid)
     if not sb:

app/routers/collections/__init__.py

@@ -17,11 +17,13 @@ from . import (  # ordre = ordre d'enregistrement d'origine
     crud,
     dashboard_views,
     data_api,
+    index_page,
     linked,
     meta,
     pages,
     properties,
     structure,
+    task_db,
     views,
 )
 from ._common import _validate_page_properties  # noqa: F401
@@ -34,7 +36,14 @@ from ._renderers import (  # noqa: F401 — ré-exports tests
 
 logger = logging.getLogger(__name__)
 router = APIRouter()
+# `task_db` est enregistré **en premier** : sa route statique
+# `GET /db/task-dbs/api` serait sinon capturée par `data_api`'s
+# `GET /db/{collection_id}/api` (`collection_id="task-dbs"` → 422).
+# `index_page` (la page HTML `/db`) vient ensuite, avant tout module
+# déclarant `/db/{collection_id}` — sinon la racine serait capturée en 422.
 for _mod in (
+    task_db,
+    index_page,
     crud,
     pages,
     boards,

app/routers/collections/crud.py

@@ -8,10 +8,11 @@ import json
 import logging
 
 from fastapi import APIRouter, Body, HTTPException, Request
-from fastapi.responses import HTMLResponse
 
 from app.db import get_conn
+from app.routers.dashboard._common import _get_active_workspace
 from app.services.automations import fire_event, run_event_sync
+from app.services.collection_lifecycle import delete_collections
 from app.services.db_templates import materialize_properties
 from app.services.permission_manager import PermissionManager
 
@@ -24,22 +25,10 @@ router = APIRouter(tags=["collections"], prefix="/db")
 
 
 # ── API: List & Create (no path params) ──
-
-
-@router.get("", response_class=HTMLResponse)
-def list_collections(request: Request):
-    """Page listing all collections in the workspace."""
-    with get_conn() as conn:
-        rows = conn.execute(
-            "SELECT * FROM collections ORDER BY name"
-        ).fetchall()
-        collections = [dict(r) for r in rows]
-    return HTMLResponse(
-        f"<div class='collections-list'>"
-        f"<h2>Collections ({len(collections)})</h2>"
-        f"<pre>{json.dumps(collections, indent=2, default=str)}</pre>"
-        f"</div>"
-    )
+#
+# `GET /db` (la page HTML) vit dans `index_page.py` : elle était auparavant
+# un dump JSON de debug, sans layout — alors qu'elle sert de destination au
+# bouton « Ouvrir mes bases » de My Tasks.
 
 
 
@@ -71,6 +60,24 @@ def create_collection_api(request: Request, body: dict = Body(default={})):
     schema = body.get("schema", [])
     is_locked = body.get("is_locked", False)
 
+    # Workspace d'appartenance : celui du body si fourni et autorisé, sinon le
+    # workspace actif de l'utilisateur. Sans cela la collection reste orpheline
+    # et n'apparaît dans aucune vue scopée (ex. /my-tasks).
+    user = _session_user(request)
+    workspace_id = body.get("workspace_id")
+    if workspace_id is not None:
+        try:
+            workspace_id = int(workspace_id)
+        except (TypeError, ValueError):
+            raise HTTPException(status_code=400, detail="workspace_id must be an integer") from None
+        with get_conn() as conn:
+            exists = conn.execute("SELECT 1 FROM workspaces WHERE id=?", (workspace_id,)).fetchone()
+        if not exists:
+            raise HTTPException(status_code=400, detail="workspace_id does not exist")
+    else:
+        active = _get_active_workspace(request, (user or {}).get("id"))
+        workspace_id = active["id"] if active else None
+
     with get_conn() as conn:
         # Apply a template if requested (provides schema + icon).
         tpl = _apply_template(conn, body.get("template"))
@@ -88,9 +95,11 @@ def create_collection_api(request: Request, body: dict = Body(default={})):
 
         cur = conn.execute(
             """INSERT INTO collections
-               (name, description, icon, schema_json, gitea_owner, gitea_repo, is_locked)
-               VALUES (?, ?, ?, ?, ?, ?, ?)""",
-            (name, description, icon, schema_json, gitea_owner, gitea_repo, int(is_locked)),
+               (name, description, icon, schema_json, gitea_owner, gitea_repo, is_locked,
+                workspace_id)
+               VALUES (?, ?, ?, ?, ?, ?, ?, ?)""",
+            (name, description, icon, schema_json, gitea_owner, gitea_repo, int(is_locked),
+             workspace_id),
         )
         collection_id = cur.lastrowid
 
@@ -171,7 +180,11 @@ def delete_collection_api(request: Request, collection_id: int):
         if not existing:
             raise HTTPException(status_code=404, detail="Collection not found")
 
-        conn.execute("DELETE FROM collections WHERE id=?", (collection_id,))
+        # `delete_collections` détache la page hôte et les vues liées avant la
+        # suppression : `pages.collection_id` et
+        # `collection_data_sources.source_collection_id` sont en NO ACTION, la
+        # suppression brute levait un IntegrityError.
+        delete_collections(conn, [collection_id])
         conn.commit()
 
     run_event_sync(fire_event("collection.deleted", {"collection_id": collection_id,

app/routers/collections/index_page.py

@@ -0,0 +1,259 @@
+"""FlowDeck — Collections : la page « /db » (liste des bases).
+
+`GET /db` était un **dump JSON de debug** (le HTML renvoyé était un
+`<pre>` dans le vide, sans layout) : c'est pourtant la destination du bouton
+« Ouvrir mes bases » de My Tasks, et le point d'entrée pour convertir une base
+en base de tâches. On le remplace par une vraie page :
+
+* bases **du workspace courant** d'abord (ce que voit l'utilisateur dans la
+  sidebar), puis celles de ses **autres workspaces** dans une section séparée :
+  sans cela, un utilisateur dont le workspace actif ne contient aucune base
+  tombe sur une page vide alors qu'il en possède ailleurs ;
+* indicateur « Base de tâches » / « À configurer » par base ;
+* accès direct à la page de la base, où se trouve le bouton de conversion.
+
+**Rattachement d'une base à un workspace.** `collections.workspace_id` n'est
+renseigné que pour les bases créées via `/db/api`. Une base née d'un document
+(page convertie en base, base inline) a `workspace_id` **NULL** et n'appartient
+qu'à travers sa page hôte : la résout par `COALESCE(workspace_id, page hôte)`
+(`app/services.collection_lifecycle.effective_workspace_sql`). Filtrer sur
+`workspace_id`, ou faire un `JOIN workspaces`, faisait disparaître ces bases de
+la page alors qu'elles sont listées dans la sidebar du workspace — l'utilisateur
+les voyait sans pouvoir les ouvrir.
+
+Le filtre de vivacité (`live_collection_ids`) est appliqué : une base dont la
+page hôte est à la corbeille n'est pas proposée, puisqu'elle est inaccessible.
+"""
+from __future__ import annotations
+
+import logging
+
+from fastapi import APIRouter, Request
+from fastapi.responses import HTMLResponse
+
+from app.db import get_conn
+from app.routers.dashboard._common import _get_active_workspace
+from app.services.collection_lifecycle import (
+    effective_workspace_sql,
+    live_collection_ids,
+    user_workspace_ids,
+)
+from app.templating import ENV
+
+from ._common import _session_user
+
+logger = logging.getLogger(__name__)
+router = APIRouter(tags=["collections"], prefix="/db")
+
+#: Colonnes communes aux deux listes (carte de base). `c.` qualification
+#: obligatoire : le nom de la collection d'icônes homonyme rendrait `rows` et
+#: `id` ambigus.
+_CARD_COLUMNS = """
+    c.id, c.name, c.icon, c.parent_page_id, c.workspace_id, c.is_task,
+    c.task_assignee_prop, c.task_status_prop, c.task_due_prop,
+    (SELECT COUNT(*) FROM collection_pages cp
+      WHERE cp.collection_id = c.id AND cp.parent_id IS NULL) AS rows
+"""
+
+
+def _esc(value) -> str:
+    return (
+        str(value if value is not None else "")
+        .replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+        .replace('"', "&quot;").replace("'", "&#39;")
+    )
+
+
+def _card(r: dict) -> str:
+    """Une carte de base : état My Tasks + ce qu'il reste à faire."""
+    target = (f"/pages/{r['parent_page_id']}" if r["parent_page_id"]
+              else f"/db/{r['id']}")
+    labels = {"assignee": "Assigné à", "status": "Statut", "due": "Échéance"}
+    missing = [role for role in ("assignee", "status", "due")
+               if not r.get(f"task_{role}_prop")]
+
+    if r["is_task"] and not missing:
+        badge = '<span class="db-card-badge ok">Base de tâches</span>'
+        hint = "Alimente My Tasks."
+    elif r["is_task"]:
+        badge = '<span class="db-card-badge warn">À configurer</span>'
+        hint = ("Il manque : " + ", ".join(labels[m] for m in missing)
+                + ". Ouvrez la base puis « Configurer » dans sa barre.")
+    else:
+        badge = ""
+        hint = "Ouvrez-la puis cliquez sur « Convertir en base de tâches »."
+
+    # `workspace_id` est NULL pour une base portée par une page : on affiche le
+    # nom du workspace effectif plutôt que celui de la colonne brute.
+    ws_label = r.get("ws_label") or ""
+    meta = f'{r["rows"]} ligne(s)'
+    if ws_label:
+        meta += f" · {ws_label}"
+
+    return f"""<a class="db-card" href="{_esc(target)}">
+<div class="db-card-head">
+<span class="db-card-icon">{_esc(r["icon"] or "📋")}</span>
+<span class="db-card-name">{_esc(r["name"])}</span>
+{badge}
+</div>
+<div class="db-card-meta">{_esc(meta)}</div>
+<div class="db-card-hint">{_esc(hint)}</div>
+</a>"""
+
+
+@router.get("", response_class=HTMLResponse)
+def list_collections(request: Request):
+    """Liste des bases du workspace, dans le layout de l'application."""
+    user = _session_user(request)
+
+    if not user:
+        from fastapi.responses import RedirectResponse
+
+        return RedirectResponse("/auth/login?provider=local", status_code=302)
+
+    with get_conn() as conn:
+        workspace = _get_active_workspace(request, user.get("id")) or {}
+        ws_id = workspace.get("id")
+        ws_name = workspace.get("name") or "Workspace"
+
+        rows = _collections_of(conn, ws_id) if ws_id else []
+        # Bases des autres workspaces : la page ne doit jamais laisser
+        # l'utilisateur sans piste s'il en possède ailleurs.
+        current_ids = {r["id"] for r in rows}
+        others = [r for r in _all_collections(conn, user.get("id"), ws_id)
+                  if r["id"] not in current_ids]
+
+        connected = sum(1 for r in rows if r["is_task"])
+
+    return HTMLResponse(_render(request, ws_name, rows, connected, bool(ws_id),
+                                others))
+
+
+def _collections_of(conn, ws_id) -> list[dict]:
+    """Bases d'un workspace, vivantes seulement.
+
+    `live_collection_ids` écarte les bases dont la page hôte a disparu (corbeille
+    ou suppression) : elles sont inaccessibles, les proposer serait trompeur.
+
+    Le rattachement passe par le workspace **effectif** : une base créée depuis
+    un document a `workspace_id` NULL et n'est repérée que via sa page hôte.
+    """
+    live = set(live_collection_ids(conn, ws_id))
+    rows = conn.execute(
+        f"""SELECT {_CARD_COLUMNS}
+              FROM collections c
+             WHERE {effective_workspace_sql("c")} = ?
+             ORDER BY c.name""",
+        (ws_id,),
+    ).fetchall()
+    return [dict(r) for r in rows if r["id"] in live]
+
+
+def _all_collections(conn, user_id, current_ws_id=None) -> list[dict]:
+    """Toutes les bases accessibles à l'utilisateur, tous workspaces confondus.
+
+    Sert à la section « Autres workspaces » : l'utilisateur doit pouvoir
+    retrouver une base même si elle n'est pas dans le workspace actif (My Tasks
+    étant transverse, ces bases l'alimentent aussi).
+
+    Le périmètre est celui de `user_workspace_ids` (propriétaire **ou** membre) :
+    sans ce filtre, la page exposait les bases de tous les utilisateurs de
+    l'instance. Les bases sans workspace rattachable sont exclues — elles
+    n'appartiennent à personne.
+    """
+    ws_ids = user_workspace_ids(conn, user_id)
+    if not ws_ids:
+        return []
+    qs = ",".join("?" * len(ws_ids))
+    names = {
+        r["id"]: r["name"]
+        for r in conn.execute(
+            f"SELECT id, name FROM workspaces WHERE id IN ({qs})", ws_ids
+        ).fetchall()
+    }
+    rows = conn.execute(
+        f"""SELECT {_CARD_COLUMNS},
+                   {effective_workspace_sql("c")} AS ws_effective
+              FROM collections c
+             WHERE {effective_workspace_sql("c")} IN ({qs})
+             ORDER BY c.name""",
+        ws_ids,
+    ).fetchall()
+
+    live: dict[int, set[int]] = {}
+    out = []
+    for r in rows:
+        d = dict(r)
+        ws = d["ws_effective"]
+        if ws not in live:
+            live[ws] = set(live_collection_ids(conn, ws))
+        if d["id"] not in live[ws]:
+            continue
+        # Le workspace courant est déjà indiqué dans l'en-tête de la page.
+        d["ws_label"] = "" if ws == current_ws_id else names.get(ws, "")
+        out.append(d)
+    return out
+
+
+def _render(request: Request, ws_name: str, rows: list[dict], connected: int,
+            has_ws: bool, others: list[dict] | None = None) -> str:
+    """Rendu de la page, dans le layout commun (sidebar + base.html)."""
+    from app.routers.dashboard import _sidebar_data
+
+    others = others or []
+    blocks = [_card(r) for r in rows]
+    other_blocks = [_card(r) for r in others]
+
+    if rows or others:
+        total = len(rows) + len(others)
+        summary = (f"{connected} base(s) de tâches connectée(s) sur {total}"
+                   if connected else
+                   f"Aucune base de tâches connectée sur {total}")
+        sections = f"""<div class="db-grid">{''.join(blocks)}</div>"""
+        if other_blocks:
+            sections += ('<h2 class="db-section-title">Autres workspaces</h2>'
+                         '<p class="db-section-sub">Ces bases appartiennent à '
+                         "d'autres workspaces — elles alimentent tout de même "
+                         f'My Tasks.</p><div class="db-grid">'
+                         f"{''.join(other_blocks)}</div>")
+        body = f"""<div class="db-index">
+<div class="db-index-head">
+<h1>📋 Bases de données</h1>
+<span class="db-index-ws">{_esc(ws_name)}</span>
+</div>
+<p class="db-index-sub">{summary} — les bases de tâches alimentent
+<a href="/my-tasks">My Tasks</a>.</p>
+{sections}
+</div>"""
+    elif has_ws:
+        body = """<div class="db-empty">
+<div class="db-empty-icon">📋</div>
+<h1>Aucune base dans ce workspace</h1>
+<p>Créez une page, puis convertissez-la en base de données — ou partez
+d'un modèle depuis le menu d'ajout.</p>
+<p class="db-empty-hint">Une base reliée à My Tasks apparaît ici avec son
+état de configuration.</p>
+</div>"""
+    else:
+        body = """<div class="db-empty">
+<div class="db-empty-icon">📋</div>
+<h1>Aucun workspace sélectionné</h1>
+<p>Créez ou ouvrez d'abord un workspace : vos bases y seront rattachées.</p>
+</div>"""
+
+    # `my_tasks.css` porte les styles `.db-*` de cette page (cartes, sections,
+    # états vides) **et** ceux de My Tasks. Elle est liée par `base.html`
+    # (le shell, jamais swappé) : la lier ici exposait la page à un <link>
+    # retiré par htmx lors d'une navigation partielle.
+    block_tpl = ENV.from_string(
+        '{% extends "base.html" %}'
+        "{% block content %}{{ content_html|safe }}{% endblock %}"
+    )
+    return block_tpl.render(
+        **_sidebar_data(request, []),
+        request=request,
+        content_html=body,
+        page_title="Bases de données",
+        title_prefix="Bases de données",
+        page_icon="grid",
+    )

app/routers/collections/linked.py

@@ -211,14 +211,25 @@ def create_inline_database(request: Request, body: dict = Body(default={})):
 
 @router.put("/{collection_id}/toggle-task/api")
 def toggle_task(request: Request, collection_id: int):
-    """API: toggle is_task flag on a collection (Turn into Tasks)."""
+    """API: toggle is_task flag on a collection (Turn into Tasks).
+
+    Rétrocompatible : l'activation passe désormais par la même conversion que
+    ``POST /db/{id}/task-db/api``, donc les trois colonnes requises sont liées
+    (créées si besoin). Sans cela, cette route laissait une base « connectée »
+    mais muette — elle n'émettait aucune tâche faute de mapping.
+    """
+    from .task_db import disable_task_db_in_conn, enable_task_db_in_conn
+
     with get_conn() as conn:
         coll = conn.execute("SELECT id, is_task FROM collections WHERE id=?", (collection_id,)).fetchone()
         if not coll:
             raise HTTPException(status_code=404, detail="Collection not found")
-        new_val = 0 if coll["is_task"] else 1
-        conn.execute("UPDATE collections SET is_task=?, updated_at=CURRENT_TIMESTAMP WHERE id=?", (new_val, collection_id))
-        conn.commit()
+        if coll["is_task"]:
+            disable_task_db_in_conn(conn, collection_id)
+            new_val = 0
+        else:
+            enable_task_db_in_conn(conn, collection_id)
+            new_val = 1
     return {"collection_id": collection_id, "is_task": bool(new_val), "mode": "tasks" if new_val else "standard"}
 
 

app/routers/collections/task_db.py

@@ -0,0 +1,270 @@
+"""FlowDeck — Collections : « base de tâches » (My Tasks façon Notion).
+
+Unlike Notion — where any base can be added to the dashboard widget from
+scratch — a base doit **explicitement** alimenter My Tasks :
+``POST /db/{id}/task-db`` bascule ``collections.is_task`` et enregistre le
+mapping des trois propriétés requises (Assigné à / Statut / Échéance).
+Tant que le mapping est incomplet, la base est connectée mais **n'émet
+aucune tâche** (`task_databases.collect_tasks` la saute) — l'UI le signale
+plutôt que de deviner une colonne.
+
+Limite : 10 bases connectées au tableau de bord (`MAX_TASK_SOURCES`).
+"""
+from __future__ import annotations
+
+import logging
+
+from fastapi import APIRouter, Body, HTTPException, Request
+
+from app.db import get_conn
+from app.services.task_databases import (
+    MAX_TASK_SOURCES,
+    ROLE_LABELS,
+    ROLE_TYPES,
+    TASK_ROLES,
+    list_task_sources,
+    source_state,
+)
+
+from ._common import _require_edit, _session_user
+
+logger = logging.getLogger(__name__)
+router = APIRouter(tags=["collections"], prefix="/db")
+
+#: Trio de statuts amorcé quand une colonne Statut est créée à la conversion.
+DEFAULT_STATUS_OPTIONS = [
+    {"name": "À faire", "color": "gray"},
+    {"name": "En cours", "color": "blue"},
+    {"name": "Terminée", "color": "green"},
+]
+
+
+def _user_id(request: Request) -> int:
+    """ID de l'appelant — session obligatoire.
+
+    `_current_user` retombe sur l'admin (id 1) en cas d'absence de session :
+   wrong pour une route qui liste *les bases de l'utilisateur* (un anonyme
+    verrait le tableau de bord de l'admin). On passe donc par `_session_user`.
+    """
+    user = _session_user(request)
+    if not user or not user.get("id"):
+        raise HTTPException(status_code=401, detail="Authentication required")
+    return user["id"]
+
+
+@router.get("/task-dbs/api")
+def list_connected_task_databases(request: Request):
+    """Bases de tâches connectées au tableau de bord My Tasks."""
+    uid = _user_id(request)
+    with get_conn() as conn:
+        sources = list_task_sources(conn, uid)
+    return {
+        "sources": [
+            {k: s[k] for k in (
+                "id", "name", "icon", "workspace_id", "workspace_name",
+                "configured", "missing_roles", "status_options",
+            )}
+            for s in sources
+        ],
+        "total": len(sources),
+        "max_sources": MAX_TASK_SOURCES,
+        "limit_reached": len(sources) >= MAX_TASK_SOURCES,
+    }
+
+
+@router.get("/{collection_id}/task-db/api")
+def get_task_db_state(request: Request, collection_id: int):
+    """État de conversion + colonnes candidates pour la modale."""
+    _require_edit(collection_id, _session_user(request))
+    with get_conn() as conn:
+        state = source_state(conn, collection_id)
+    if not state["exists"]:
+        raise HTTPException(status_code=404, detail="Collection not found")
+    return state
+
+
+@router.post("/{collection_id}/task-db/api")
+def enable_task_db(request: Request, collection_id: int, body: dict = Body(default={})):
+    """Convertit la base en base de tâches (mapping explicite des 3 rôles).
+
+    ``mapping`` : ``{"assignee": <prop_id>, "status": …, "due": …}``.
+    ``create_missing`` : ``{"status": {"name": "Statut", "options": [...]}}``
+    pour qu'une colonne absente soit créée dans la transaction.
+    """
+    _require_edit(collection_id, _session_user(request))
+
+    with get_conn() as conn:
+        state = enable_task_db_in_conn(
+            conn,
+            collection_id,
+            mapping=body.get("mapping") or {},
+            create_missing=body.get("create_missing") or {},
+        )
+
+    return {"status": "enabled", "collection_id": collection_id,
+            "mapping": state["mapping"], "configured": state["configured"]}
+
+
+def enable_task_db_in_conn(conn, collection_id: int, *, mapping: dict | None = None,
+                           create_missing: dict | None = None) -> dict:
+    """Active ``is_task`` et enregistre le mapping — dans la transaction
+    appelante.
+
+    Point d'entrée unique de la conversion : la route `/task-db/api` comme
+    l'ancien `PUT /db/{id}/toggle-task/api` (qui aurait sinon laissé une base
+    « connectée » sans aucune colonne liée, donc muette).
+    """
+    state = source_state(conn, collection_id)
+    if not state["exists"]:
+        raise HTTPException(status_code=404, detail="Collection not found")
+
+    # ── Limite de sources (on recompte : la base elle-même peut déjà être
+    #    connectée, auquel cas on ne la compte pas deux fois).
+    if not state["is_task"] and state["sources_count"] >= MAX_TASK_SOURCES:
+        raise HTTPException(
+            status_code=409,
+            detail=(
+                f"Limite de {MAX_TASK_SOURCES} bases de tâches atteinte. "
+                "Déconnectez une base avant d'en ajouter une autre."
+            ),
+        )
+
+    # ── Création des colonnes manquantes ──
+    create_missing = create_missing or {}
+    mapping = dict(mapping or {})
+    by_name = {p["name"]: p for p in state["all_properties"]}
+    for role in TASK_ROLES:
+        if mapping.get(role):
+            continue
+        spec = create_missing.get(role) or {}
+        name = (spec.get("name") or ROLE_LABELS[role]).strip()
+        prop_type = spec.get("prop_type") or ROLE_TYPES[role][0]
+        if prop_type not in ROLE_TYPES[role]:
+            raise HTTPException(
+                status_code=400,
+                detail=f"Type '{prop_type}' incompatible avec le rôle '{role}'",
+            )
+        if name in by_name:
+            # La colonne existe déjà (nom saisi) → on la lie.
+            mapping[role] = by_name[name]["id"]
+            continue
+        created = _create_property(conn, collection_id, name, prop_type,
+                                   spec.get("options"))
+        mapping[role] = created["id"]
+
+    # ── Validation : les 3 rôles pointent une colonne de la bonne base ──
+    props = {
+        p["id"]: p
+        for p in conn.execute(
+            "SELECT id, name, prop_type FROM collection_properties WHERE collection_id=?",
+            (collection_id,),
+        ).fetchall()
+    }
+    seen: dict[int, str] = {}
+    for role in TASK_ROLES:
+        prop_id = mapping.get(role)
+        if not prop_id:
+            raise HTTPException(
+                status_code=400,
+                detail=f"Colonne « {ROLE_LABELS[role]} » manquante",
+            )
+        try:
+            prop_id = int(prop_id)
+        except (TypeError, ValueError):
+            raise HTTPException(status_code=400,
+                                detail="Identifiant de propriété invalide") from None
+        prop = props.get(prop_id)
+        if prop is None:
+            raise HTTPException(
+                status_code=400,
+                detail=f"« {ROLE_LABELS[role]} » n'appartient pas à cette base",
+            )
+        if prop["prop_type"] not in ROLE_TYPES[role]:
+            raise HTTPException(
+                status_code=400,
+                detail=(
+                    f"« {prop['name']} » est de type {prop['prop_type']}, "
+                    f"incompatible avec « {ROLE_LABELS[role]} »"
+                ),
+            )
+        if prop_id in seen:
+            raise HTTPException(
+                status_code=400,
+                detail=f"« {prop['name']} » est déjà utilisé pour « {seen[prop_id]} »",
+            )
+        seen[prop_id] = ROLE_LABELS[role]
+        mapping[role] = prop_id
+
+    conn.execute(
+        """UPDATE collections
+              SET is_task = 1,
+                  task_assignee_prop = ?, task_status_prop = ?, task_due_prop = ?,
+                  updated_at = CURRENT_TIMESTAMP
+            WHERE id = ?""",
+        (mapping["assignee"], mapping["status"], mapping["due"], collection_id),
+    )
+    conn.commit()
+    return source_state(conn, collection_id)
+
+
+@router.delete("/{collection_id}/task-db/api")
+def disable_task_db(request: Request, collection_id: int):
+    """Déconnecte la base du tableau de bord (les tâches sont conservées)."""
+    _require_edit(collection_id, _session_user(request))
+    with get_conn() as conn:
+        disable_task_db_in_conn(conn, collection_id)
+    return {"status": "disabled", "collection_id": collection_id}
+
+
+def disable_task_db_in_conn(conn, collection_id: int) -> None:
+    """Déconnexion dans la transaction appelante : efface aussi le mapping,
+    pour ne pas laisser des identifiants de colonnes mortes."""
+    row = conn.execute("SELECT id FROM collections WHERE id=?", (collection_id,)).fetchone()
+    if row is None:
+        raise HTTPException(status_code=404, detail="Collection not found")
+    conn.execute(
+        """UPDATE collections
+              SET is_task = 0, task_assignee_prop = NULL, task_status_prop = NULL,
+                  task_due_prop = NULL, updated_at = CURRENT_TIMESTAMP
+            WHERE id = ?""",
+        (collection_id,),
+    )
+    conn.commit()
+
+
+def _create_property(conn, collection_id: int, name: str, prop_type: str,
+                     options=None) -> dict:
+    """Crée une propriété (à la position suivante) et la renvoie.
+
+    Une colonne Statut amorcée sans options reçoit le trio classique
+    « À faire / En cours / Terminée » : sans options, le Kanban n'aurait
+    aucune colonne à afficher.
+    """
+    import json
+
+    row = conn.execute(
+        "SELECT COALESCE(MAX(position), -1) + 1 FROM collection_properties "
+        "WHERE collection_id = ?",
+        (collection_id,),
+    ).fetchone()
+    position = row[0] if row else 0
+
+    opts = []
+    for opt in options or []:
+        if isinstance(opt, str):
+            opts.append({"name": opt, "color": "gray"})
+        elif isinstance(opt, dict) and opt.get("name"):
+            opts.append({"name": opt["name"], "color": opt.get("color") or "gray"})
+    if not opts and prop_type in ("status", "select"):
+        opts = list(DEFAULT_STATUS_OPTIONS)
+
+    cur = conn.execute(
+        """INSERT INTO collection_properties
+           (collection_id, name, prop_type, options_json, position, required,
+            visible_in_views)
+           VALUES (?, ?, ?, ?, ?, 0, 1)""",
+        (collection_id, name, prop_type, json.dumps(opts), position),
+    )
+    prop_id = cur.lastrowid
+    conn.commit()
+    return {"id": prop_id, "name": name, "prop_type": prop_type}

app/routers/dashboard/_common.py

@@ -174,6 +174,11 @@ def _sidebar_data(request: Request, repos: list[dict], include_workspace: bool =
                     active_ws_name = row["name"]
                     workspace_pages = _load_workspace_pages(ws_cookie)
                     has_active_workspace = True
+                    # v7.46.0 : exposer l'ID de l'espace ACTIF. Avant, le sidebar
+                    # ne fournissait que son nom et le bouton Home de la sidebar
+                    # retombait sur ``local_workspaces[0]`` (premier espace TRIE
+                    # PAR NOM) → clic sur Home = changement d'espace surprise.
+                    local_ws_id = wsi
                 # else: stale cookie from another user — ignore
         except (ValueError, Exception):
             pass
@@ -199,8 +204,9 @@ def _sidebar_data(request: Request, repos: list[dict], include_workspace: bool =
         except Exception:
             logger.exception("_sidebar_data")
 
-    # Get local workspace ID for Gitea workspace mirror
-    local_ws_id = 0
+    # Get local workspace ID for Gitea workspace mirror (le miroir Gitea est un
+    # espace DISTINCT : on ne doit pas écraser ``local_ws_id`` (espace actif).
+    gitea_mirror_ws_id = 0
     if gitea_workspace and gitea_owner and gitea_repo:
         try:
             with get_conn() as conn:
@@ -209,18 +215,18 @@ def _sidebar_data(request: Request, repos: list[dict], include_workspace: bool =
                     (user["id"], f"{gitea_owner}/{gitea_repo}", "%gitea_repo%")
                 ).fetchone()
                 if row:
-                    local_ws_id = row["id"]
+                    gitea_mirror_ws_id = row["id"]
         except Exception:
             logger.exception("_sidebar_data")
 
     # Private pages for mirror workspace (when Gitea remote active)
     private_pages = []
-    if gitea_workspace and local_ws_id:
+    if gitea_workspace and gitea_mirror_ws_id:
         try:
             with get_conn() as conn:
                 pp_rows = conn.execute(
                     "SELECT id, title FROM pages WHERE parent_section='Private' AND workspace_id=? AND deleted_at IS NULL ORDER BY updated_at DESC LIMIT 20",
-                    (local_ws_id,)
+                    (gitea_mirror_ws_id,)
                 ).fetchall()
                 private_pages = [{"id": r[0], "title": r[1] or "Untitled"} for r in pp_rows]
         except Exception:

app/routers/dashboard/local_workspace.py

@@ -15,6 +15,7 @@ from app.config import settings
 from app.db import get_conn
 
 from ._common import (
+    WORKSPACE_COOKIE,
     _build_breadcrumb,
     _build_tree_children,
     _file_page_disk_path,
@@ -34,10 +35,16 @@ router = APIRouter(tags=["dashboard"])
 # ═══════════ Local Workspace (file/folder CRUD) ═══════════
 
 @router.get("/local-workspace", response_class=HTMLResponse)
-def local_workspace_page(request: Request, folder: int = None):
+def local_workspace_page(request: Request, folder: int = None, ws: int = None):
     """Local workspace page with file/folder tree.
 
     If ?folder=ID is provided, shows that folder's contents with breadcrumb.
+    If ?ws=ID is provided, shows that workspace — c'est ce que fait le bouton
+    « Home » de la sidebar (``/local-workspace?ws=<id>``). Le paramètre était
+    produit par le sidebar mais **ignoré** par la route : le contenu affiché
+    restait celui du workspace *actif* (cookie), donc Home pouvait montrer un
+    autre workspace que celui annoncé dans l'URL. Un ``ws`` qui n'appartient
+    pas à l'utilisateur est ignoré (et le workspace actif conservé).
     """
     from app.templating import ENV
     env = ENV
@@ -46,13 +53,46 @@ def local_workspace_page(request: Request, folder: int = None):
     if not user:
         return RedirectResponse("/auth/login?provider=local", status_code=302)
 
-    ws = _get_active_workspace(request, user_id=user["id"])
-    ws_id = ws["id"] if ws else None
+    ws_row = _get_active_workspace(request, user_id=user["id"])
+    if ws is not None:
+        # Workspace demandé par l'URL : on ne l'accepte que s'il appartient à
+        # l'utilisateur (même règle de propriété que _get_active_workspace).
+        with get_conn() as conn:
+            requested = conn.execute(
+                "SELECT id, name FROM workspaces WHERE id=? AND owner_id=?",
+                (ws, user["id"]),
+            ).fetchone()
+        if requested is not None:
+            ws_row = dict(requested)
+            # L'URL fait foi : on aligne le cookie pour que le reste de
+            # l'application (sidebar, API tree, breadcrumbs) suive le même
+            # workspace que celui affiché.
+            response = _render_local_workspace(env, sidebar, user, ws_row, folder)
+            response.set_cookie(WORKSPACE_COOKIE, str(ws_row["id"]),
+                                max_age=86400 * 30, httponly=True, path="/")
+            return response
+
+    ws_id = ws_row["id"] if ws_row else None
 
     # If no workspace exists for this user, redirect to workspaces page
     if not ws_id:
         return RedirectResponse("/workspaces", status_code=302)
 
+    return _render_local_workspace(env, sidebar, user, ws_row, folder)
+
+
+def _render_local_workspace(env, sidebar: dict, user: dict, ws_row: dict,
+                             folder: int | None) -> HTMLResponse:
+    """Render the local-workspace page for ``ws_row`` (shared by both paths).
+
+    ``sidebar`` a été calculé **avant** le éventuel changement de workspace
+    (``?ws=``) : on force donc le nom affiché et la sidebar sur ``ws_row``,
+    sinon la page afficherait le contenu d'un workspace sous le titre d'un
+    autre.
+    """
+    ws_id = ws_row["id"]
+    ws_name = (ws_row.get("name") or sidebar.get("active_ws_name") or "My Workspace")
+
     # Build breadcrumb if navigating into a folder
     breadcrumb = []
     current_folder_id = folder
@@ -63,7 +103,9 @@ def local_workspace_page(request: Request, folder: int = None):
     ctx = {
         **sidebar,
         "user": user,
-        "workspace_name": sidebar.get("active_ws_name", "My Workspace"),
+        "workspace_name": ws_name,
+        "active_ws_name": ws_name,
+        "active_workspace_id": ws_id,
         "current_folder_id": current_folder_id or 0,
         "workspace_id": ws_id or 0,
         "nav_workspace_id": ws_id or 0,
@@ -255,6 +297,7 @@ def nav_menu(request: Request, workspace_id: int = None, parent_id: int = None):
 @router.post("/api/local-workspace/items")
 def create_local_workspace_item(request: Request, body: dict = Body(default={})):
     """Create a new file in the active workspace."""
+    _require_user_id(request)  # A3/A4 : pas de creation de page anonyme
     name = (body.get("name") or "").strip() or "Untitled"
     item_type = body.get("type", "page")
     parent_id = body.get("parent_id")
@@ -279,6 +322,7 @@ def create_local_workspace_item(request: Request, body: dict = Body(default={}))
 @router.put("/api/local-workspace/items/{item_id:int}")
 def rename_local_workspace_item(request: Request, item_id: int, body: dict = Body(default={})):
     """Rename a file."""
+    _require_user_id(request)
     name = body.get("name", "Untitled").strip()
     with get_conn() as conn:
         conn.execute("UPDATE pages SET title=? WHERE id=?", (name, item_id))
@@ -291,6 +335,7 @@ def rename_local_workspace_item(request: Request, item_id: int, body: dict = Bod
 @router.delete("/api/local-workspace/items/{item_id:int}")
 def delete_local_workspace_item(request: Request, item_id: int):
     """Soft-delete a file/folder (sets deleted_at)."""
+    _require_user_id(request)
     from datetime import datetime
     with get_conn() as conn:
         conn.execute(
@@ -306,6 +351,7 @@ def delete_local_workspace_item(request: Request, item_id: int):
 @router.post("/api/local-workspace/items/{item_id:int}/restore")
 def restore_local_workspace_item(request: Request, item_id: int):
     """Restore a soft-deleted file/folder."""
+    _require_user_id(request)
     with get_conn() as conn:
         conn.execute(
             "UPDATE pages SET deleted_at=NULL WHERE id=?",
@@ -342,6 +388,7 @@ def serve_uploaded_file(ws_id: int, filename: str):
 @router.put("/api/local-workspace/items/{item_id:int}/move")
 def move_local_workspace_item(request: Request, item_id: int, body: dict = Body(default={})):
     """Move an item to a new parent (drag & drop)."""
+    _require_user_id(request)
     new_parent_id = body.get("parent_id")  # None = move to root
     with get_conn() as conn:
         conn.execute(

app/routers/dashboard/pages_api.py

@@ -6,7 +6,7 @@ from __future__ import annotations
 
 import logging
 
-from fastapi import APIRouter, Body, Request
+from fastapi import APIRouter, Body, HTTPException, Request
 from fastapi.responses import JSONResponse
 
 from app.auth.session import SessionManager
@@ -62,11 +62,20 @@ def api_rename_page(page_id: int, request: Request, body: dict = Body(default={}
 
 
 @router.post("/api/pages/{page_id:int}/trash")
-def api_trash_page(page_id: int):
-    """Soft-delete a page (move to trash)."""
+def api_trash_page(page_id: int, request: Request):
+    """Soft-delete a page (move to trash).
+
+    v7.45.5 : ``parent_section`` n'est plus réécrit en 'Trash' — ``deleted_at``
+    est la seule source de vérité. L'ancienne écriture marquait définitivement
+    la page : à la restauration elle restait 'Trash' et disparaissait des
+    listings Library / Recents / Private (``parent_section != 'Trash'``).
+    """
+    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    if not user:
+        raise HTTPException(401, "Authentication required")
     with get_conn() as conn:
         conn.execute(
-            "UPDATE pages SET parent_section='Trash', deleted_at=CURRENT_TIMESTAMP WHERE id=?",
+            "UPDATE pages SET deleted_at=CURRENT_TIMESTAMP WHERE id=?",
             (page_id,),
         )
         conn.commit()

app/routers/dashboard/pages_html.py

@@ -29,15 +29,16 @@ def trash_page(request: Request, owner: str = Query(default=""), repo: str = Que
     sidebar = board_sidebar(request, owner, repo)
     with get_conn() as conn:
         ws_key = f"{owner}/{repo}" if owner and repo else ""
-        # Pages are soft-deleted via parent_section='Trash'
+        # Pages are soft-deleted via deleted_at (parent_section n'est plus
+        # touché par le trash → source de vérité unique, v7.45.5)
         if ws_key:
             rows = conn.execute(
-                "SELECT id, title, workspace FROM pages WHERE parent_section='Trash' AND workspace=? ORDER BY updated_at DESC",
+                "SELECT id, title, workspace FROM pages WHERE deleted_at IS NOT NULL AND workspace=? ORDER BY updated_at DESC",
                 (ws_key,),
             ).fetchall()
         else:
             rows = conn.execute(
-                "SELECT id, title, workspace FROM pages WHERE parent_section='Trash' ORDER BY updated_at DESC",
+                "SELECT id, title, workspace FROM pages WHERE deleted_at IS NOT NULL ORDER BY updated_at DESC",
             ).fetchall()
     sidebar["trash_items"] = [{"id": r["id"], "name": r["title"] or "Untitled", "workspace": r["workspace"]} for r in rows]
     # Pass active workspace for breadcrumb nav menu

app/routers/dashboard/workspaces.py

@@ -6,18 +6,47 @@ from __future__ import annotations
 
 import logging
 
-from fastapi import APIRouter, Body, Request
+from fastapi import APIRouter, Body, HTTPException, Request
 from fastapi.responses import HTMLResponse, JSONResponse, RedirectResponse
 
 from app.auth.session import SessionManager
 from app.db import get_conn
+from app.services.collection_lifecycle import (
+    delete_collections,
+    workspace_collection_ids,
+)
 
-from ._common import WORKSPACE_COOKIE, _get_active_workspace, _get_user_id, _sidebar_data
+from ._common import (
+    WORKSPACE_COOKIE,
+    _get_active_workspace,
+    _get_user_id,
+    _require_user_id,
+    _sidebar_data,
+)
 
 logger = logging.getLogger(__name__)
 router = APIRouter(tags=["dashboard"])
 
 
+def _require_ws_owner(request: Request, ws_id: int) -> int:
+    """A3/A4 — session obligatoire + l'appelant doit posseder l'espace
+    (ou être admin global). Sans ce garde, un POST/DELETE anonyme créait ou
+    supprimait des espaces au nom de l'utilisateur 1."""
+    uid = _require_user_id(request)
+    with get_conn() as conn:
+        row = conn.execute(
+            "SELECT owner_id FROM workspaces WHERE id=?", (ws_id,)
+        ).fetchone()
+        if not row:
+            raise HTTPException(404, "Workspace not found")
+        is_admin = conn.execute(
+            "SELECT is_admin FROM users WHERE id=?", (uid,)
+        ).fetchone()
+    if row["owner_id"] != uid and not (is_admin and is_admin["is_admin"]):
+        raise HTTPException(403, "Not your workspace")
+    return uid
+
+
 
 
 @router.get("/workspaces", response_class=HTMLResponse)
@@ -42,8 +71,7 @@ def workspaces_page(request: Request):
 @router.get("/api/workspaces")
 def list_workspaces(request: Request):
     """List all workspaces for the current user."""
-    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
-    uid = user["id"] if user and user.get("id") else 1
+    uid = _require_user_id(request)
     with get_conn() as conn:
         rows = conn.execute(
             "SELECT w.*, (SELECT COUNT(*) FROM pages WHERE workspace_id=w.id AND collection_row_id IS NULL) as page_count "
@@ -67,7 +95,7 @@ def create_workspace(request: Request, body: dict = Body(default={})):
     if not name:
         return {"error": "Name required"}
     user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
-    uid = user["id"] if user and user.get("id") else 1
+    uid = _require_user_id(request)
     with get_conn() as conn:
         # Ensure user exists (FK constraint)
         uid_ok = conn.execute("SELECT id FROM users WHERE id=?", (uid,)).fetchone()
@@ -99,6 +127,7 @@ def rename_workspace(request: Request, ws_id: int, body: dict = Body(default={})
     name = body.get("name", "").strip()
     if not name:
         return {"error": "Name required"}
+    _require_ws_owner(request, ws_id)
     with get_conn() as conn:
         conn.execute("UPDATE workspaces SET name=? WHERE id=?", (name, ws_id))
         conn.commit()
@@ -109,13 +138,19 @@ def rename_workspace(request: Request, ws_id: int, body: dict = Body(default={})
 
 @router.delete("/api/workspaces/{ws_id:int}")
 def delete_workspace(request: Request, ws_id: int):
-    """Delete a workspace and all its pages."""
+    """Delete a workspace, its pages and its databases."""
+    _require_ws_owner(request, ws_id)
     with get_conn() as conn:
+        # Les bases du workspace partaient avec ses pages : les laisser créait
+        # des collections orphelines (workspace_id pointant sur rien) que
+        # /db et My Tasks continuaient de lister.
+        collections = workspace_collection_ids(conn, ws_id)
+        delete_collections(conn, collections)
         conn.execute("DELETE FROM pages WHERE workspace_id=?", (ws_id,))
         conn.execute("DELETE FROM workspace_members WHERE workspace_id=?", (ws_id,))
         conn.execute("DELETE FROM workspaces WHERE id=?", (ws_id,))
         conn.commit()
-    return {"status": "ok"}
+    return {"status": "ok", "collections": len(collections)}
 
 
 
@@ -123,6 +158,7 @@ def delete_workspace(request: Request, ws_id: int):
 @router.post("/api/workspaces/{ws_id:int}/select")
 def select_workspace(request: Request, ws_id: int):
     """Set the active workspace via cookie."""
+    _require_ws_owner(request, ws_id)
     response = JSONResponse({"status": "ok", "workspace_id": ws_id})
     response.set_cookie(WORKSPACE_COOKIE, str(ws_id), max_age=86400 * 30, httponly=True, path="/")
     return response

app/routers/meetings.py

@@ -9,7 +9,9 @@ See ``docs/V71_Calendar_Meetings.md``.
 """
 from __future__ import annotations
 
+import json
 import secrets
+from datetime import UTC, date, datetime, timedelta
 
 from fastapi import APIRouter, Body, HTTPException, Request
 from fastapi.responses import JSONResponse
@@ -115,6 +117,72 @@ def freebusy(collection_id: int, request: Request):
     return out
 
 
+# ── upcoming (sidebar "Meeting" tab) ────────────────────────────────────────
+
+@router.get("/api/v2/meetings/upcoming")
+def upcoming_meetings(request: Request, days: int = 30):
+    """Upcoming calendar events for the sidebar Meeting tab.
+
+    Reads every calendar collection linked to the current user, extracts the
+    date property of each linked row and returns the ones falling in the next
+    ``days`` days (today included), sorted chronologically. Rows imported from
+    Google/CalDAV carry an ``external_event_id`` and are flagged ``synced``.
+    """
+    user = _auth_user(request)
+    horizon = max(1, min(days, 365))
+    today = datetime.now(UTC).date()
+    end = today + timedelta(days=horizon)
+    events: list[dict] = []
+    with get_conn() as conn:
+        links = conn.execute(
+            "SELECT id, collection_id, date_property, calendar_id, provider "
+            "FROM calendar_links WHERE user_id=? ORDER BY id",
+            (user["id"],),
+        ).fetchall()
+        for link in links:
+            collection_id = link["collection_id"]
+            if not collection_id:
+                continue
+            date_prop = cal.date_prop_id(conn, collection_id,
+                                         link["date_property"] or "")
+            if not date_prop:
+                continue
+            prop_id, prop_name = date_prop
+            rows = conn.execute(
+                "SELECT id, title, property_values_json, external_event_id "
+                "FROM collection_pages WHERE collection_id=?",
+                (collection_id,),
+            ).fetchall()
+            for row in rows:
+                try:
+                    values = json.loads(row["property_values_json"] or "{}")
+                except (TypeError, ValueError):
+                    continue
+                raw = cal.row_date(values, prop_id, prop_name)[:10]
+                if len(raw) != 10:
+                    continue
+                try:
+                    day = date.fromisoformat(raw)
+                except ValueError:
+                    continue
+                if not (today <= day <= end):
+                    continue
+                events.append({
+                    "id": row["id"],
+                    "title": row["title"] or "Untitled",
+                    "date": raw,
+                    "today": day == today,
+                    "collection_id": collection_id,
+                    "calendar_id": link["calendar_id"] or "primary",
+                    "provider": link["provider"],
+                    "synced": bool(row["external_event_id"]),
+                    "url": f"/db/{collection_id}",
+                })
+    events.sort(key=lambda e: (e["date"], e["title"].lower()))
+    return {"today": today.isoformat(), "days": horizon,
+            "events": events[:200], "count": len(events)}
+
+
 # ── meetings ───────────────────────────────────────────────────────────────
 
 @router.post("/api/v2/meetings/transcribe")

app/routers/my_tasks.py

@@ -1,147 +1,423 @@
-"""FlowDeck — My Tasks router (v1.9.0)."""
+"""FlowDeck — My Tasks (tableau de bord de tâches façon Notion).
+
+Contrairement à Notion, où *My Tasks* vit dans l'onglet **Home** sans être
+rattaché à une page, cette page est un **tableau de bord transverse** : elle
+réunit toutes les tâches qui vous sont assignées, **tous workspaces
+confondus**. Le cookie `flowdeck_workspace` ne cadre donc plus cette vue (il
+reste utilisé par la sidebar).
+
+Les sources sont opt-in : une base n'alimente My Tasks qu'après conversion
+explicite (`collections.is_task` + mapping des trois propriétés requises —
+`app/services/task_databases.py`).
+
+Trois vues (tableau / kanban / calendrier), filtres globaux (échéance
+aujourd'hui, masquer les terminées), tri (échéance, statut, source), édition
+en direct du statut et de l'échéance, et création rapide dans n'importe
+quelle base connectée.
+"""
 from __future__ import annotations
 
+import html
 import json
 import logging
 
-from fastapi import APIRouter, Request
-from fastapi.responses import HTMLResponse
+from fastapi import APIRouter, Body, HTTPException, Request
+from fastapi.responses import HTMLResponse, RedirectResponse
 
 from app.auth.session import SessionManager
 from app.db import get_conn
+from app.services.property_types import apply_auto_properties
+from app.services.task_databases import (
+    MAX_TASK_SOURCES,
+    collect_tasks,
+    filter_and_sort,
+    list_task_sources,
+    user_today,
+)
 from app.templating import ENV
 
 logger = logging.getLogger(__name__)
+
 router = APIRouter(tags=["my-tasks"], prefix="/my-tasks")
 
+VIEWS = ("table", "board", "calendar")
+DUE_FILTERS = ("all", "today", "overdue", "week")
+SORTS = ("due", "status", "source", "created")
+
+
+# ── Session ──────────────────────────────────────────────────────────────
 
 def _get_current_user(request: Request) -> dict | None:
     session = request.cookies.get("flowdeck_session", "")
     return SessionManager.decode_session(session)
 
 
-@router.get("", response_class=HTMLResponse)
-def my_tasks_dashboard(request: Request, view: str = "all", days: int = 7):
-    """My Tasks — aggregates all pages assigned to the current user across all collections."""
+def _require_user(request: Request) -> dict:
+    """Session obligatoire, sans repli « admin » (id 1) : ce tableau de bord
+    est strictement celui de l'appelant."""
     user = _get_current_user(request)
-    user_login = user.get("login", "admin") if user else "admin"
+    if not user or not user.get("id"):
+        raise HTTPException(status_code=401, detail="Authentication required")
+    return user
 
-    with get_conn() as conn:
-        collections = conn.execute("SELECT * FROM collections ORDER BY name").fetchall()
-        grouped: dict[str, list[dict]] = {}
 
-        for col in collections:
-            col_id = col["id"]
-            pages = conn.execute(
-                "SELECT * FROM collection_pages WHERE collection_id=? AND parent_id IS NULL ORDER BY position",
-                (col_id,),
-            ).fetchall()
+# ── Données ──────────────────────────────────────────────────────────────
 
-            collection_tasks = []
-            for p in pages:
-                props = {}
-                try:
-                    props = json.loads(p["property_values_json"] or "{}")
-                except (json.JSONDecodeError, TypeError):
-                    pass
-                due_date = props.get("due_date", "")
-                status = props.get("status", "—")
-                assignee = props.get("assignee", "")
-                if view != "all" and assignee and assignee != user_login:
-                    continue
-                collection_tasks.append({
-                    "id": p["id"],
-                    "title": p["title"] or "Untitled",
-                    "icon": p["icon"] or "📋",
-                    "status": status,
-                    "due_date": due_date,
-                })
-            if collection_tasks:
-                grouped[col["name"]] = collection_tasks
+def _workspace_names(conn, user_id: int) -> dict[int, str]:
+    rows = conn.execute(
+        "SELECT id, name FROM workspaces WHERE owner_id = ?", (user_id,)
+    ).fetchall()
+    return {r["id"]: r["name"] for r in rows}
 
-    total = sum(len(t) for t in grouped.values())
 
-    # Build content HTML
-    sections = ""
-    for col_name, tasks in grouped.items():
-        items = ""
-        for t in tasks:
-            due_badge = f"<span class='mt-due'>{t['due_date']}</span>" if t.get("due_date") else ""
-            status_cls = t['status'].lower().replace(' ', '-') if t.get('status') else 'none'
-            status_badge = f"<span class='mt-status mt-{status_cls}'>{t.get('status', '—')}</span>"
-            items += f"<div class='mt-item'><span class='mt-icon'>{t['icon']}</span><span class='mt-title'>{t['title']}</span>{status_badge}{due_badge}</div>"
+def _validated(view: str, due: str, sort: str) -> tuple[str, str, str]:
+    """Paramètres d'URL bornés aux valeurs réellement implémentées."""
+    return (
+        view if view in VIEWS else "table",
+        due if due in DUE_FILTERS else "all",
+        sort if sort in SORTS else "due",
+    )
 
-        sections += f"<div class='mt-section'><div class='mt-section-header'>{col_name} <span class='mt-count'>{len(tasks)}</span></div>{items}</div>"
 
-    content_html = f"""<div style="max-width:800px;margin:0 auto;padding:40px 24px;">
-<h1 style="font-size:24px;margin:0 0 8px;">📋 My Tasks</h1>
-<p style="color:var(--text-dim);font-size:14px;margin-bottom:24px;">{total} tasks across {len(grouped)} collections</p>
-<div class="view-tabs" style="display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px;">
-<a class="tab{' active' if view=='all' else ''}" href="/my-tasks?view=all" style="padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--text-dim);font-size:13px;text-decoration:none;">All</a>
-<a class="tab{' active' if view=='today' else ''}" href="/my-tasks?view=today" style="padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--text-dim);font-size:13px;text-decoration:none;">Today</a>
-<a class="tab{' active' if view=='overdue' else ''}" href="/my-tasks?view=overdue" style="padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--text-dim);font-size:13px;text-decoration:none;">Overdue</a>
-<a class="tab{' active' if view=='upcoming' else ''}" href="/my-tasks?view=upcoming&days=7" style="padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--text-dim);font-size:13px;text-decoration:none;">Next 7 days</a>
-</div>
-<style>
-.tab.active{{background:var(--accent);color:#fff!important;}}
-.tab:hover{{background:var(--bg-hover);color:var(--text);}}
-.mt-section{{margin-bottom:24px;}}
-.mt-section-header{{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;}}
-.mt-count{{color:var(--text-dim);font-weight:400;opacity:.5;}}
-.mt-item{{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border-radius:8px;margin-bottom:3px;border:1px solid var(--border);}}
-.mt-item:hover{{border-color:var(--accent);}}
-.mt-icon{{font-size:16px;}}
-.mt-title{{flex:1;font-size:14px;}}
-.mt-status{{font-size:11px;padding:2px 8px;border-radius:4px;}}
-.mt-due{{font-size:11px;color:var(--text-dim);}}
-.mt-todo,.mt-none{{background:rgba(255,255,255,.05);color:var(--text-dim);}}
-.mt-in-progress{{background:rgba(35,131,226,.15);color:#2C8CEB;}}
-.mt-done,.mt-completed,.mt-complete{{background:rgba(0,200,100,.15);color:#00CC66;}}
-</style>
-{sections}
-</div>"""
+def _public_source(s: dict) -> dict:
+    return {
+        "id": s["id"],
+        "name": s["name"],
+        "icon": s["icon"],
+        "workspace_id": s["workspace_id"],
+        "workspace_name": s.get("workspace_name") or "",
+        "configured": s["configured"],
+        "missing_roles": s["missing_roles"],
+        "status_options": s["status_options"],
+    }
 
+
+def _payload(conn, request: Request, user_id: int, *, due: str, sort: str,
+             hide_done: bool) -> dict:
+    """Charge et normalise tout ce dont les trois vues ont besoin."""
+    user = _get_current_user(request) or {}
+    tasks = collect_tasks(conn, user_id, mine_only=True,
+                          login=user.get("login", ""))
+    # Même jour de référence que `due_state` (fuseau de l'utilisateur).
+    tasks = filter_and_sort(tasks, due=due, hide_done=hide_done, sort=sort,
+                            today=user_today(conn, user_id))
+    sources = list_task_sources(conn, user_id)
+    return {
+        "tasks": tasks,
+        "total": len(tasks),
+        "sources": [_public_source(s) for s in sources],
+        "sources_total": len(sources),
+        "sources_configured": sum(1 for s in sources if s["configured"]),
+        "max_sources": MAX_TASK_SOURCES,
+        "filters": {"due": due, "sort": sort, "hide_done": hide_done},
+    }
+
+
+# ── Rendu HTML ───────────────────────────────────────────────────────────
+
+def _render_shell(request: Request, content_html: str, *, app_js: bool = True):
+    """Enveloppe le contenu dans le layout commun (sidebar + base.html).
+
+    `static/css/my_tasks.css` est lié par `base.html` (le shell, jamais swappé)
+    : un `<link>` placé dans la zone swappée pouvait être retiré par htmx lors
+    d'une navigation partielle, et la page revenait sans aucun style. Seul
+    `static/js/my_tasks.js` reste conditionné à ``app_js`` : sans base
+    connectée, il n'y a rien à monter côté client.
+    """
     from app.routers.dashboard import _sidebar_data
-    env = ENV
+
     sidebar = _sidebar_data(request, [])
-    block_tpl = env.from_string(
-        '{% extends "base.html" %}{% block content %}{{ content_html|safe }}{% endblock %}'
+    # `assets` est rendu par un mini-template : `asset_version` (cache-busting)
+    # n'est pas substitutionné si on le concatène à la main.
+    assets = ENV.from_string(
+        "{% if app_js %}"
+        '<script src="/static/js/my_tasks.js?v={{ asset_version }}" defer></script>'
+        "{% endif %}"
+    ).render(app_js=app_js)
+
+    block_tpl = ENV.from_string(
+        '{% extends "base.html" %}'
+        "{% block content %}{{ assets|safe }}{{ content_html|safe }}{% endblock %}"
     )
     return block_tpl.render(
         **sidebar,
         request=request,
         content_html=content_html,
+        assets=assets,
         page_title="My Tasks",
         title_prefix="My Tasks",
         page_icon="📋",
     )
 
 
-@router.get("/api")
-def my_tasks_api(request: Request, view: str = "all", days: int = 7):
-    """API: return my tasks as JSON."""
+def _json_attr(obj) -> str:
+    """JSON échappé pour un attribut HTML."""
+    return html.escape(json.dumps(obj, ensure_ascii=False), quote=True)
+
+
+def _render_app(data: dict, view: str) -> str:
+    """Coquille du tableau de bord : barre d'outils, filtres et zone de vue
+    sont rendus côté client à partir de la configuration ci-dessous."""
+    config = {
+        "view": view,
+        "filters": data["filters"],
+        "sources": data["sources"],
+        "maxSources": data["max_sources"],
+        "views": list(VIEWS),
+    }
+    return ('<div id="my-tasks-app" class="my-tasks-app" '
+            f'data-config="{_json_attr(config)}"></div>')
+
+
+def _render_empty(data: dict) -> str:
+    """État vide « aucune source » : explique la conversion en base de tâches.
+
+    Gabarit centré (`my_tasks-empty*` dans `static/css/my_tasks.css`), sans
+    style inline : la mise en page suit le thème clair/sombre et reste
+    modifiable en un seul endroit. Les autres états vides (filtres actifs,
+    rien à faire) sont rendus par le client, qui connaît l'état des filtres.
+    """
+    return f"""<div class="my-tasks-empty">
+<div class="my-tasks-empty-icon">📋</div>
+<h2>My Tasks</h2>
+<p>Aucune base n'alimente encore ce tableau de bord. Pour en ajouter une :</p>
+<ol class="my-tasks-empty-steps">
+<li><span class="n">1</span><span>Ouvrez une base de données depuis
+<a href="/db">la liste de vos bases</a>.</span></li>
+<li><span class="n">2</span><span>Dans la barre de la base, cliquez sur
+<b>« Convertir en base de tâches »</b> — il se trouve à gauche du bouton
+<b>New</b>.</span></li>
+<li><span class="n">3</span><span>Reliez les colonnes <b>Assigné à</b>,
+<b>Statut</b> et <b>Échéance</b>, puis validez.</span></li>
+</ol>
+<p class="my-tasks-empty-hint">Jusqu'à {data["max_sources"]} bases
+peuvent alimenter ce tableau de bord.</p>
+<a href="/db" class="my-tasks-empty-btn">Ouvrir mes bases</a>
+</div>"""
+
+
+def _render_no_workspace() -> str:
+    return """<div class="my-tasks-empty">
+<div class="my-tasks-empty-icon">📋</div>
+<h2>My Tasks</h2>
+<p>Aucun workspace. Créez un workspace, puis une base de tâches : elle
+alimentera ce tableau de bord.</p>
+<a href="/workspaces" class="my-tasks-empty-btn">Créer un workspace</a>
+</div>"""
+
+
+
+# ── Routes ───────────────────────────────────────────────────────────────
+
+@router.get("", response_class=HTMLResponse)
+def my_tasks_dashboard(request: Request, view: str = "table", due: str = "all",
+                       sort: str = "due", hide_done: bool = False):
+    """My Tasks — toutes vos tâches, tous workspaces confondus."""
     user = _get_current_user(request)
-    user.get("login", "admin") if user else "admin"
+    if not user or not user.get("id"):
+        return RedirectResponse("/auth/login?provider=local", status_code=302)
+
+    view, due, sort = _validated(view, due, sort)
+    with get_conn() as conn:
+        if not _workspace_names(conn, user["id"]):
+            return _render_shell(request, _render_no_workspace(), app_js=False)
+        data = _payload(conn, request, user["id"], due=due, sort=sort,
+                        hide_done=hide_done)
+
+    # Dès qu'au moins une base alimente le tableau de bord, le rendu est pris
+    # en charge par le client (3 vues + états vides contextualisés). Sans
+    # aucune source, le serveur affiche l'invite à convertir une base — le
+    # fichier JS n'est alors pas chargé.
+    if data["total"] or data["sources_total"]:
+        return _render_shell(request, _render_app(data, view))
+    return _render_shell(request, _render_empty(data), app_js=False)
+
+
+@router.get("/api")
+def my_tasks_api(request: Request, view: str = "table", due: str = "all",
+                 sort: str = "due", hide_done: bool = False):
+    """API: tâches normalisées + sources connectées (alimente les 3 vues)."""
+    user = _require_user(request)
+    view, due, sort = _validated(view, due, sort)
+    with get_conn() as conn:
+        return _payload(conn, request, user["id"], due=due, sort=sort,
+                        hide_done=hide_done)
+
+
+@router.post("/api/task")
+def my_tasks_create(request: Request, body: dict = Body(default={})):
+    """Création rapide multi-destinations : la tâche part dans la base choisie.
+
+    Elle est **auto-assignée** : sans colonne « Assigné à » renseignée, une
+    tâche nouvelle n'apparaîtrait pas dans « mes tâches », ce qui serait
+    illisible pour l'utilisateur qui vient de la créer.
+    """
+    user = _require_user(request)
+    collection_id = body.get("collection_id")
+    title = str(body.get("title") or "").strip()
+    if not collection_id:
+        raise HTTPException(status_code=400, detail="collection_id is required")
+    if not title:
+        raise HTTPException(status_code=400, detail="title is required")
 
     with get_conn() as conn:
-        collections = conn.execute("SELECT * FROM collections ORDER BY name").fetchall()
-        result = {}
+        coll = conn.execute(
+            "SELECT id, task_assignee_prop, task_due_prop FROM collections "
+            "WHERE id=? AND is_task=1",
+            (collection_id,),
+        ).fetchone()
+        if coll is None:
+            raise HTTPException(status_code=400,
+                                detail="This database does not feed My Tasks")
 
-        for col in collections:
-            pages = conn.execute(
-                "SELECT * FROM collection_pages WHERE collection_id=? AND parent_id IS NULL ORDER BY position",
-                (col["id"],),
+        props_meta = [
+            dict(p) for p in conn.execute(
+                "SELECT id, name, prop_type FROM collection_properties "
+                "WHERE collection_id=?",
+                (collection_id,),
             ).fetchall()
+        ]
 
-            tasks = []
-            for p in pages:
-                props = json.loads(p["property_values_json"])
-                tasks.append({
-                    "id": p["id"], "title": p["title"], "icon": p["icon"],
-                    "properties": props,
-                })
+        properties: dict = {}
+        title_prop = next((p for p in props_meta if p["prop_type"] == "title"), None)
+        if title_prop:
+            properties[str(title_prop["id"])] = title
 
-            if tasks:
-                result[col["name"]] = tasks
+        if body.get("due") and coll["task_due_prop"]:
+            properties[str(coll["task_due_prop"])] = str(body["due"])[:10]
 
-    return {"tasks": result, "total": sum(len(t) for t in result.values())}
+        if coll["task_assignee_prop"]:
+            member = conn.execute(
+                "SELECT id, login, full_name, avatar_url, avatar_color "
+                "FROM users WHERE id=?",
+                (user["id"],),
+            ).fetchone()
+            if member:
+                properties[str(coll["task_assignee_prop"])] = [{
+                    "id": member["id"],
+                    "login": member["login"],
+                    "full_name": member["full_name"],
+                    "avatar_url": member["avatar_url"] or "",
+                    "avatar_color": member["avatar_color"] or "",
+                }]
+
+        apply_auto_properties(props_meta, properties, user, is_create=True)
+
+        nxt = conn.execute(
+            "SELECT COALESCE(MAX(position), -1) + 1 FROM collection_pages "
+            "WHERE collection_id=?",
+            (collection_id,),
+        ).fetchone()[0]
+        cur = conn.execute(
+            """INSERT INTO collection_pages
+               (collection_id, title, icon, position, property_values_json)
+               VALUES (?, ?, '📄', ?, ?)""",
+            (collection_id, title, nxt, json.dumps(properties)),
+        )
+        page_id = cur.lastrowid
+        conn.commit()
+
+        if title_prop:
+            from app.services.row_pages import sync_row_title_to_page
+
+            sync_row_title_to_page(conn, page_id)
+            conn.commit()
+
+    logger.info("my-tasks: task %s created in collection %s", page_id, collection_id)
+    return {"status": "created", "id": page_id, "collection_id": collection_id,
+            "title": title}
+
+
+@router.put("/api/task/{page_id}")
+def my_tasks_update(request: Request, page_id: int, body: dict = Body(default={})):
+    """Édition en direct du statut / de l'échéance / du titre.
+
+    L'écriture passe par le **mapping enregistré de la base source** (et non
+    par une devinette « première colonne de type X »), puis la tâche est relue
+    et renvoyée normalisée : le front n'a rien à recalculer.
+    """
+    user = _require_user(request)
+    field = body.get("field")
+    if field not in ("status", "due", "title", "assignee"):
+        raise HTTPException(status_code=400, detail="Unsupported field")
+
+    with get_conn() as conn:
+        row = conn.execute(
+            "SELECT id, collection_id, title, property_values_json "
+            "FROM collection_pages WHERE id=?",
+            (page_id,),
+        ).fetchone()
+        if row is None:
+            raise HTTPException(status_code=404, detail="Task not found")
+
+        coll = conn.execute(
+            "SELECT id, is_task, task_assignee_prop, task_status_prop, task_due_prop "
+            "FROM collections WHERE id=?",
+            (row["collection_id"],),
+        ).fetchone()
+        if coll is None:
+            raise HTTPException(status_code=404, detail="Source not found")
+        if not coll["is_task"]:
+            raise HTTPException(status_code=400,
+                                detail="This database no longer feeds My Tasks")
+
+        column = {"status": coll["task_status_prop"],
+                  "due": coll["task_due_prop"],
+                  "assignee": coll["task_assignee_prop"]}.get(field)
+        if field != "title" and not column:
+            raise HTTPException(status_code=400,
+                                detail=f"This database has no {field} column")
+
+        try:
+            pv = json.loads(row["property_values_json"] or "{}")
+        except (json.JSONDecodeError, TypeError):
+            pv = {}
+        if not isinstance(pv, dict):
+            pv = {}
+
+        new_title = None
+        if field == "title":
+            new_title = str(body.get("value") or "").strip()
+            title_prop = conn.execute(
+                "SELECT id FROM collection_properties "
+                "WHERE collection_id=? AND prop_type='title' ORDER BY position LIMIT 1",
+                (coll["id"],),
+            ).fetchone()
+            if title_prop:
+                pv[str(title_prop["id"])] = new_title
+        elif field == "assignee":
+            # La valeur est une liste de personnes : elle est écrite telle
+            # quelle (booleenner écraserait la colonne).
+            pv[str(column)] = body.get("value") or []
+        elif field == "due":
+            pv[str(column)] = str(body.get("value") or "")[:10]
+        else:
+            pv[str(column)] = str(body.get("value") or "")
+
+        if new_title is not None:
+            conn.execute(
+                "UPDATE collection_pages SET title=?, property_values_json=?, "
+                "updated_at=CURRENT_TIMESTAMP WHERE id=?",
+                (new_title, json.dumps(pv), page_id),
+            )
+            from app.services.row_pages import sync_row_title_to_page
+
+            sync_row_title_to_page(conn, page_id)
+        else:
+            conn.execute(
+                "UPDATE collection_pages SET property_values_json=?, "
+                "updated_at=CURRENT_TIMESTAMP WHERE id=?",
+                (json.dumps(pv), page_id),
+            )
+        conn.commit()
+
+        tasks = collect_tasks(conn, user["id"], mine_only=True,
+                              login=user.get("login", ""))
+        updated = next((t for t in tasks if t["id"] == page_id), None)
+
+    if updated is None:
+        # La tâche vient de cesser d'être « mienne » (désassignée) : le front
+        # doit la retirer, pas la re-rendre à l'identique.
+        return {"status": "updated", "task": None, "left_mytasks": True}
+
+    return {"status": "updated", "task": updated, "left_mytasks": False}

app/routers/workspace.py

@@ -8,7 +8,7 @@ import json
 import logging
 import sqlite3
 
-from fastapi import APIRouter, Body, HTTPException, Request
+from fastapi import APIRouter, Body, Depends, HTTPException, Request
 from fastapi.responses import HTMLResponse, StreamingResponse
 
 from app.auth.session import SessionManager
@@ -16,14 +16,32 @@ from app.db import get_conn
 from app.services.automations import fire_event, run_event_sync
 
 logger = logging.getLogger(__name__)
-router = APIRouter(tags=["workspace"], prefix="/workspace")
-
 ROLES = ["admin", "editor", "commenter", "viewer"]
 
 
+def _require_session(request: Request) -> dict:
+    """A3/A4 — session obligatoire sur TOUT le router `/workspace`.
+
+    Avant, ces routes s'exécutaient sans session : `GET /workspace/collections/
+    {id}/export/csv` renvoyait le contenu réel d'une collection à un visiteur
+    anonyme, et les POST créaient des données au nom de l'utilisateur 1.
+    La seule route publique (`/workspace/public/...`) vit désormais dans
+    ``public_router``, sans dépendance.
+    """
+    user = SessionManager.decode_session(request.cookies.get("flowdeck_session", ""))
+    if not user or not user.get("id"):
+        raise HTTPException(401, "Authentication required")
+    return user
+
+
+router = APIRouter(tags=["workspace"], prefix="/workspace", dependencies=[Depends(_require_session)])
+# Route de partage public : AUCUNE dépendance d'authentification.
+public_router = APIRouter(tags=["workspace-public"], prefix="/workspace")
+
+
 def _current_user(request: Request) -> dict:
-    s = request.cookies.get("flowdeck_session", "")
-    return SessionManager.decode_session(s) or {"login": "admin", "id": 1}
+    """Session obligatoire — plus de repli « admin implicite » (A3/A4)."""
+    return _require_session(request)
 
 
 def _require_admin(request: Request) -> dict:
@@ -209,45 +227,58 @@ def record_history(request: Request, page_id: int, body: dict = Body(default={})
 
 @router.get("/favorites")
 def list_favorites(request: Request):
-    user = _current_user(request)
-    uid = user.get("id", 1)
+    """List the caller's favorites.
+
+    v7.46.0 — aligne sur le schéma v2.2.0 (``app/db.py``) : la table
+    ``favorites`` n'a plus de colonne ``collection_id`` et ``page_id``
+    référence ``pages(id)``. L'ancienne requête (jointure ``collection_pages``)
+    levait ``sqlite3.OperationalError: no such column: f.collection_id`` → 500.
+    """
+    user = _require_session(request)
+    uid = user["id"]
     with get_conn() as conn:
         rows = conn.execute(
-            """SELECT f.*, cp.title as page_title, c.name as collection_name
+            """SELECT f.*, p.title AS page_title
                FROM favorites f
-               LEFT JOIN collection_pages cp ON f.page_id=cp.id
-               LEFT JOIN collections c ON f.collection_id=c.id
+               LEFT JOIN pages p ON f.page_id=p.id
                WHERE f.user_id=? ORDER BY f.position""",
             (uid,),
         ).fetchall()
     return {"favorites": [dict(r) for r in rows]}
 
 
+
 @router.post("/favorites")
 def add_favorite(request: Request, body: dict = Body(default={})):
-    user = _current_user(request)
-    uid = user.get("id", 1)
+    user = _require_session(request)
+    uid = user["id"]
     page_id = body.get("page_id")
-    collection_id = body.get("collection_id")
+    if not page_id:
+        raise HTTPException(400, "page_id required")
     with get_conn() as conn:
-        conn.execute("INSERT OR IGNORE INTO users (id, login, is_admin) VALUES (?,?,1)", (uid, user.get("login", "admin")))
         conn.execute(
-            "INSERT OR IGNORE INTO favorites (user_id, page_id, collection_id) VALUES (?,?,?)",
-            (uid, page_id, collection_id),
+            "INSERT OR IGNORE INTO favorites (user_id, page_id) VALUES (?,?)",
+            (uid, page_id),
         )
         conn.commit()
     try:
-        run_event_sync(fire_event("favorite.added", {"page_id": page_id, "collection_id": collection_id, "user_id": uid}))
+        run_event_sync(fire_event("favorite.added", {"page_id": page_id, "user_id": uid}))
     except Exception:
         logger.exception("add_favorite")
     return {"status": "favorited"}
 
 
+
 @router.delete("/favorites/{fav_id}")
 def remove_favorite(request: Request, fav_id: int):
+    user = _require_session(request)
     with get_conn() as conn:
-        conn.execute("DELETE FROM favorites WHERE id=?", (fav_id,))
+        cur = conn.execute(
+            "DELETE FROM favorites WHERE id=? AND user_id=?", (fav_id, user["id"])
+        )
         conn.commit()
+        if cur.rowcount == 0:
+            raise HTTPException(404, "Favorite not found")
     return {"status": "removed"}
 
 
@@ -714,7 +745,7 @@ def delete_webhook(request: Request, wh_id: int):
 
 # ── Public Sharing ──
 
-@router.get("/public/{collection_id}")
+@public_router.get("/public/{collection_id}")
 def public_view(request: Request, collection_id: int):
     """Simple public read-only view — no auth required.
 

app/services/calendar_sync.py

@@ -278,6 +278,12 @@ def _row_date(values: dict, prop_id: str, prop_name: str) -> str:
     return str(raw or "")
 
 
+# Public aliases — read-only helpers reused by the router layer (sidebar
+# "Meeting" tab needs the date property + value of a collection row).
+date_prop_id = _date_prop_id
+row_date = _row_date
+
+
 def _to_epoch(value: str | None) -> float:
     if not value:
         return 0.0

app/services/collection_lifecycle.py

@@ -0,0 +1,222 @@
+"""FlowDeck — cohérence collections ↔ workspace.
+
+Une database (`collections`) peut être :
+
+* **de workspace** — créée via `/db/api`, rattachée par `workspace_id` seul ;
+* **de page** — page convertie en base (`collections.parent_page_id` +
+  `pages.collection_id`) ou base inline insérée dans une page.
+
+Ce module centralise les deux sens de la relation :
+
+* **lecture** — quelles collections sont encore *vivantes* dans un workspace
+  (leur page hôte n'est pas à la corbeille / n'a pas été supprimée) et
+  quelles lignes sont encore vivantes (leur page contenu n'est pas à la
+  corbeille). Sans ce filtre, ``/my-tasks`` continue d'afficher les tâches
+  d'un workspace dont tous les documents ont été supprimés ;
+* **écriture** — la suppression en cascade d'une collection. L'ordre des
+  écritures est dicté par le schéma SQLite :
+
+  - ``pages.collection_id`` référence ``collections(id)`` en ``NO ACTION`` :
+    la page hôte doit être détachée **avant** la suppression ;
+  - ``collection_data_sources.source_collection_id`` référence également en
+    ``NO ACTION`` : les vues liées qui pointent vers la collection doivent
+    être détachées ;
+  - ``collection_pages`` (lignes), ``collection_properties``,
+    ``collection_views``, ``collection_permissions`` et les pages contenu
+    (``pages.collection_row_id``) partent en ``CASCADE``.
+
+  Sans ce détachement, ``DELETE FROM collections`` lève un ``IntegrityError``
+  dès qu'une page hôte (ou une vue liée) existe encore.
+"""
+from __future__ import annotations
+
+import logging
+
+logger = logging.getLogger(__name__)
+
+
+# ── Lecture ──────────────────────────────────────────────────────────────
+
+#: SQL du workspace **effectif** d'une collection.
+#:
+#: ``collections.workspace_id`` est renseigné pour les databases créées via
+#: ``/db/api``, mais reste **NULL** pour une base portée par une page (page
+#: convertie en base, base inline insérée dans un document) : son workspace
+#: est alors celui de la page hôte. Sans ce repli, la requête ``c.workspace_id
+#: = ?`` de `live_collection_ids` ne trouve jamais ces bases — et un JOIN
+#: ``workspaces`` les exclut définitivement.
+EFFECTIVE_WORKSPACE_SQL = (
+    "COALESCE({a}.workspace_id,"
+    " (SELECT p.workspace_id FROM pages p WHERE p.id = {a}.parent_page_id))"
+)
+
+
+def effective_workspace_sql(alias: str = "c") -> str:
+    """Workspace effectif d'une collection (colonne ou ``NULL`` si orpheline)."""
+    return EFFECTIVE_WORKSPACE_SQL.format(a=alias)
+
+
+def user_workspace_ids(conn, user_id: int) -> list[int]:
+    """IDs des workspaces accessibles à l'utilisateur.
+
+    Propriétaire **ou** membre : c'est le même périmètre que la recherche
+    globale (`app/services/search._scope_where`), à la différence près qu'on
+    n'inclut pas les éléments sans workspace — une base non rattachable
+    n'appartient à personne et ne doit donc apparaître chez personne.
+    """
+    rows = conn.execute(
+        "SELECT id FROM workspaces WHERE owner_id = ?"
+        " UNION SELECT workspace_id FROM workspace_members WHERE user_id = ?",
+        (user_id, user_id),
+    ).fetchall()
+    return [r[0] for r in rows]
+
+
+def live_collection_ids(conn, workspace_id: int) -> list[int]:
+    """IDs des collections rattachées au workspace qui sont encore vivantes.
+
+    Une collection est exclue dès que sa page hôte a disparu :
+
+    * ``parent_page_id`` renseigné mais page absente ou à la corbeille ;
+    * une page ``content_format='collection'`` qui pointe encore vers elle
+      mais est à la corbeille.
+
+    Les collections sans page hôte (databases de workspace créées via
+    ``/db/api``) restent toujours visibles.
+
+    Le rattachement passe par le workspace **effectif** : une base créée depuis
+    un document a ``workspace_id`` NULL et n'est repérée que via sa page hôte.
+    """
+    rows = conn.execute(
+        f"""
+        SELECT c.id
+          FROM collections c
+         WHERE {effective_workspace_sql("c")} = ?
+           AND (c.parent_page_id IS NULL
+                OR EXISTS (SELECT 1 FROM pages p
+                            WHERE p.id = c.parent_page_id AND p.deleted_at IS NULL))
+           AND NOT EXISTS (SELECT 1 FROM pages p
+                            WHERE p.collection_id = c.id AND p.deleted_at IS NOT NULL)
+         ORDER BY c.name
+        """,
+        (workspace_id,),
+    ).fetchall()
+    return [r["id"] for r in rows]
+
+
+def live_row_ids(conn, collection_id: int) -> list[int]:
+    """IDs des lignes racines d'une collection dont la page contenu vit.
+
+    La page contenu d'une ligne est créée paresseusement (``ensure_row_page``)
+    : son absence ne dit rien, mais son passage à la corbeille signifie que
+    l'utilisateur a supprimé le document → la ligne sort de My Tasks.
+    """
+    rows = conn.execute(
+        """
+        SELECT cp.id
+          FROM collection_pages cp
+         WHERE cp.collection_id = ?
+           AND cp.parent_id IS NULL
+           AND NOT EXISTS (SELECT 1 FROM pages p
+                            WHERE p.collection_row_id = cp.id AND p.deleted_at IS NOT NULL)
+         ORDER BY cp.position
+        """,
+        (collection_id,),
+    ).fetchall()
+    return [r["id"] for r in rows]
+
+
+def live_document_count(conn, workspace_id: int) -> int:
+    """Nombre de documents visibles du workspace (mêmes règles que l'arbre
+    de la sidebar : racines, non supprimés, hors pages contenu de ligne)."""
+    return conn.execute(
+        "SELECT COUNT(*) FROM pages "
+        "WHERE workspace_id = ? AND parent_id IS NULL "
+        "AND deleted_at IS NULL AND collection_row_id IS NULL",
+        (workspace_id,),
+    ).fetchone()[0]
+
+
+def collections_hosted_by_pages(conn, page_ids) -> list[int]:
+    """IDs des collections dont l'une de ces pages est la page hôte.
+
+    Les deux relations sont couvertes : ``collections.parent_page_id`` (page
+    convertie en base, base inline) et ``pages.collection_id`` (page hôte).
+    Les pages contenu de ligne (``collection_row_id`` renseigné) n'hébergent
+    aucune collection et ne remontent donc rien.
+
+    À appeler **avant** de supprimer les pages si l'on veut aussi capturer la
+    relation ``pages.collection_id``.
+    """
+    ids = [int(p) for p in page_ids if p is not None]
+    if not ids:
+        return []
+    qs = ",".join("?" * len(ids))
+    rows = conn.execute(
+        f"""
+        SELECT id FROM collections WHERE parent_page_id IN ({qs})
+        UNION
+        SELECT collection_id FROM pages
+         WHERE id IN ({qs}) AND collection_id IS NOT NULL
+        """,
+        [*ids, *ids],
+    ).fetchall()
+    return [r["id"] for r in rows]
+
+
+def collections_hosted_by_page(conn, page_id: int) -> list[int]:
+    """``collections_hosted_by_pages`` pour une seule page."""
+    return collections_hosted_by_pages(conn, [page_id])
+
+
+def workspace_collection_ids(conn, workspace_id: int) -> list[int]:
+    """IDs de **toutes** les collections du workspace (sans filtre de
+    vivacité) — utilisé lors de la suppression du workspace."""
+    rows = conn.execute(
+        "SELECT id FROM collections WHERE workspace_id = ?", (workspace_id,)
+    ).fetchall()
+    return [r["id"] for r in rows]
+
+
+# ── Écriture ─────────────────────────────────────────────────────────────
+
+def delete_collections(conn, collection_ids) -> int:
+    """Supprime définitivement des collections et tout ce qu'elles portent.
+
+    Détache d'abord les références ``NO ACTION`` (pages hôtes, sources des
+    vues liées) puis supprime : le reste part en ``CASCADE``.
+
+    Ne fait **pas** de ``commit`` — l'appelant garde la main sur la
+    transaction. Retourne le nombre de collections supprimées.
+    """
+    ids = [int(i) for i in collection_ids if i is not None]
+    if not ids:
+        return 0
+    qs = ",".join("?" * len(ids))
+
+    # 1. Pages hôtes : `pages.collection_id` est en NO ACTION. Une page dont le
+    #    contenu EST la base redevient une page blocs normale.
+    conn.execute(
+        f"""UPDATE pages
+               SET collection_id = NULL,
+                   content_format = CASE WHEN content_format = 'collection'
+                                         THEN 'blocks' ELSE content_format END
+             WHERE collection_id IN ({qs})""",
+        ids,
+    )
+    # 2. Vues liées : `source_collection_id` est en NO ACTION également. La vue
+    #    liée perd sa source (elle n'a plus rien à afficher) mais survit.
+    conn.execute(
+        f"DELETE FROM collection_data_sources WHERE source_collection_id IN ({qs})",
+        ids,
+    )
+    # 3. Suppression : lignes, propriétés, vues, permissions et pages contenu
+    #    suivent en CASCADE.
+    cur = conn.execute(f"DELETE FROM collections WHERE id IN ({qs})", ids)
+    return cur.rowcount or 0
+
+
+def delete_collections_hosted_by_pages(conn, page_ids) -> int:
+    """Supprime les databases portées par des pages définitivement supprimées
+    (corbeille purgée, suppression définitive, workspace effacé)."""
+    return delete_collections(conn, collections_hosted_by_pages(conn, page_ids))

app/services/skill_gallery.py

@@ -109,6 +109,201 @@ GALLERY: dict[str, dict] = {
         ),
         "allowed_tools": ["search_workspace", "read_document", "create_document", "write_blocks"],
     },
+
+    # ── Vague 1 : skills 100 % locaux (aucun nouveau tool requis) ──────────
+
+    "veille-documentaire": {
+        "name": "Veille documentaire",
+        "icon": "🔎",
+        "description": "Repère les pages du workspace sans mise à jour récente et génère un digest d'entrée.",
+        "prompt_template": (
+            "Fais une veille documentaire du workspace :\n"
+            "1. Repère les documents dont le titre évoque une décision, un chantier ou un arbitrage "
+            "(search_workspace : « décision », « ADR », « roadmap », « spec », « bilan »).\n"
+            "2. Lis les plus pertinents (read_document) et note pour chacun : date de mise à jour, "
+            "statut (vivant / obsolète / contradictoire), propriétaire mentionné quand il existe.\n"
+            "3. Crée un document « Veille — <date> » (create_document) en 3 sections : "
+            "À valider (décisions non actées), À mettre à jour (docs dépassés par d'autres), "
+            "Cohérences (points de vue contradictoires entre documents).\n"
+            "4. Ne modifie aucun document : tu proposes, l'humain décide."
+        ),
+        "allowed_tools": ["search_workspace", "read_document", "create_document", "write_blocks"],
+    },
+    "chasse-decisions": {
+        "name": "Chasse aux décisions",
+        "icon": "⚖️",
+        "description": " Rassemble en une page toutes les décisions prises dans le workspace, avec leur statut.",
+        "prompt_template": (
+            "Construis le registre des décisions du workspace :\n"
+            "1. Cherche les documents de décision (search_workspace : « décision », « arbitrage », "
+            "« choix de », « remplacement de »).\n"
+            "2. Lis-les (read_document) et extrais pour chacune : la décision, la date, la motivation, "
+            "les options écartées.\n"
+            "3. Crée un document « Registre des décisions » (create_document) en tableau : "
+            "Décision · Date · Motivation · Statut (actif / révoqué / jamais tranché).\n"
+            "4. Signale explicitement les sujets récurrents où aucune décision n'a été actée, "
+            "plutôt que de combler les trous."
+        ),
+        "allowed_tools": ["search_workspace", "read_document", "create_document", "write_blocks"],
+    },
+    "onboarding-nouveau": {
+        "name": "Onboarding nouveau",
+        "icon": "🧭",
+        "description": "Génère un parcours de lecture ordonné pour une personne qui rejoint l'équipe.",
+        "prompt_template": (
+            "Prépare l'onboarding d'une nouvelle personne :\n"
+            "1. Repère les documents d'entrée : onboarding existant, README, architecture, process, "
+            "glossaire (search_workspace).\n"
+            "2. Lis-les (read_document) et classe-les par jour d'arrivée : Jour 1, Semaine 1, "
+            "Puis plus tard.\n"
+            "3. Crée un document « Onboarding — <prénom> » (create_document) : pour chaque étape, "
+            "le document à lire, ce qu'on doit en retenir, et 2 questions pour vérifier la compréhension.\n"
+            "4. Termine par les 5 questions qu'une personne doit savoir répondre à la fin de la semaine 1."
+        ),
+        "allowed_tools": ["search_workspace", "read_document", "create_document", "write_blocks"],
+    },
+    "audit-base": {
+        "name": "Audit de base",
+        "icon": "🧹",
+        "description": "Audite une collection : colonnes vides, doublons, lignes sans propriétaire, propriétés inutilisées.",
+        "prompt_template": (
+            "Audite la collection demandée :\n"
+            "1. Lis son schéma et ses lignes (read_collection).\n"
+            "2. Détecte : propriétés jamais remplies, lignes sans propriétaire, doublons de titre, "
+            "valeurs incohérentes dans une même colonne, colonnes ajoutées puis abandonnées.\n"
+            "3. Crée un document « Audit — <collection> » (create_document) avec, par anomalie : "
+            "l'ampleur (nombre de lignes), des exemples concrets, et la correction proposée.\n"
+            "4. N'applique AUCUNE correction : liste d'abord, l'humain valide ensuite."
+        ),
+        "allowed_tools": ["search_workspace", "read_collection", "read_page", "create_document", "write_blocks"],
+    },
+    "sprint-review": {
+        "name": "Revue de sprint",
+        "icon": "🏁",
+        "description": "Construit une revue de sprint depuis les issues Gitea : accompli, en retard, risques.",
+        "prompt_template": (
+            "Prépare la revue de sprint à partir des issues Gitea :\n"
+            "1. Lis les issues du dépôt (read_gitea_issues, state=all) et resynchronise si nécessaire (sync_gitea).\n"
+            "2. Classe-les : accompli (fermées), en retard (ouvertes et dépassées), à trier (sans label).\n"
+        "3. Croise avec les documents du workspace (search_workspace) pour voir si des décisions "
+            "changent la priorisation.\n"
+            "4. Crée un document « Revue de sprint — <période> » (create_document) : Accompli · En retard · "
+            "Risques · Prochaines priorités, avec le numéro d'issue pour chaque affirmation.\n"
+            "5. Ne ferme ni ne modifie aucune issue."
+        ),
+        "allowed_tools": ["read_gitea_issues", "sync_gitea", "search_workspace",
+                          "create_document", "write_blocks"],
+    },
+
+    # ── Vague 2 : skills web (web_search / fetch_url / search_code) ────────
+
+    "recherche-marche": {
+        "name": "Recherche marché",
+        "icon": "🌍",
+        "description": "Étudie un sujet de marché sur le web et produit une note sourcée avec alternatives.",
+        "prompt_template": (
+            "Produis une étude de marché sourcée sur « <sujet> » :\n"
+            "1. Cherche 3 requêtes distinctes (web_search) : le sujet lui-même, « <sujet> alternatives », "
+            "« <sujet> prix tarifs 2026 ».\n"
+            "2. Approfondis les 3 pages les plus prometteuses (fetch_url).\n"
+            "3. Crée un document « Marché — <sujet> » (create_document) : acteurs et positionnement, "
+            "grille tarifaire, forces/faiblesses, et 3 recommandations.\n"
+            "4. OBLIGATION : chaque affirmation porte sa source au format [titre — URL]. "
+            "Si une information n'est pas sourcée, écris « non vérifié » plutôt que d'inventer.\n"
+            "5. Indique la date de la recherche : ces données périment vite."
+        ),
+        "allowed_tools": ["web_search", "fetch_url", "create_document", "write_blocks"],
+    },
+    "veille-techno": {
+        "name": "Veille technologique",
+        "icon": "🛰️",
+        "description": "Surveille l'actualité d'une techno : versions, ruptures, dépendances et advisories.",
+        "prompt_template": (
+            "Fais une veille technologique sur « <techno> » :\n"
+            "1. Web : dernières annonces et sorties de version (web_search).\n"
+            "2. GitHub : dépôts de référence et issues récentes résolues (search_code, kind=issues).\n"
+            "3. Approfondis les annonces importantes (fetch_url).\n"
+            "4. Crée un document « Veille — <techno> — <date> » (create_document) : "
+            "Nouveautés depuis le dernier point · Risques de rupture · Actions recommandées (mettre à jour / "
+            "surveiller / ignorer).\n"
+            "5. Une ligne par fait, avec [titre — URL]. Ne présente jamais une rumeur comme une release."
+        ),
+        "allowed_tools": ["web_search", "fetch_url", "search_code",
+                          "create_document", "write_blocks"],
+    },
+    "debug-web": {
+        "name": "Debug web",
+        "icon": "🐛",
+        "description": "Diagnostique un bug technique en croisant les docs, le code GitHub et les discussions.",
+        "prompt_template": (
+            "Diagnostique le problème suivant : <erreur / symptôme>.\n"
+            "1. Reformule le symptôme en une recherche web précise (web_search) : message d'erreur exact "
+            "+ bibliothèque + version.\n"
+            "2. Cherche si c'est un bug connu (search_code, kind=issues) et lis les discussions pertinentes (fetch_url).\n"
+            "3. Crée un document « Debug — <symptôme> » (create_document) : Cause probable (classée par "
+            "probabilité) · Vérifications à faire dans cet ordre · Correctif proposé.\n"
+            "4. Distingue clairement ce qui est vérifié par une source de ce qui est ton hypothèse."
+        ),
+        "allowed_tools": ["web_search", "search_code", "fetch_url",
+                          "create_document", "write_blocks"],
+    },
+
+    # ── Vague 3 : skills « pouvoir » ──────────────────────────────────────
+
+    "triage-incident": {
+        "name": "Triage d'incident",
+        "icon": "🚨",
+        "description": "Prend un incident décrit, ouvre un runbook pré-rempli et pose les premières questions de qualification.",
+        "prompt_template": (
+            "Traite l'incident suivant : <description>.\n"
+            "1. Qualifie avant de chercher : quel service, depuis quand, quel périmètre d'impact, "
+            "erreur observable. Les inconnues deviennent des questions, pas des suppositions.\n"
+            "2. Cherche les incidents similaires déjà résolus dans le workspace (search_workspace) "
+            "et les runbooks existants.\n"
+            "3. Crée un document « Incident — <titre court> » (create_document) : Symptôme · Impact · "
+            "Cause probable · Hypothèses classées · Étapes de résolution · Questions à poser à l'utilisateur.\n"
+            "4. Ne modifie aucun code ni aucune configuration : tu produis un runbook, pas un correctif.\n"
+            "5. Termine par les 3 informations qui feraient le plus progresser le diagnostic."
+        ),
+        "allowed_tools": ["search_workspace", "read_document", "web_search",
+                          "create_document", "write_blocks"],
+    },
+    "nettoyage-base": {
+        "name": "Nettoyage de base",
+        "icon": "🧽",
+        "description": "Prépare un plan de nettoyage d'une collection (doublons, valeurs vides) avec aperçu avant écriture.",
+        "prompt_template": (
+            "Prépare le nettoyage de la collection « <collection> » :\n"
+            "1. Lis son schéma et ses lignes (read_collection).\n"
+            "2. Identifie les corrections : lignes vides à supprimer, doublons à fusionner, "
+            "valeurs parasites à normaliser, propriétés obsolètes.\n"
+            "3. PRODUIRE UN APERÇU D'AVANT : pour chaque catégorie de correction, le nombre de lignes "
+            "concernées et 3 exemples concrets.\n"
+            "4. Règle absolue : n'applique AUCUNE modification avant validation explicite de l'utilisateur. "
+            "Le plan est le livrable.\n"
+            "5. Crée le document « Plan de nettoyage — <collection> » (create_document) avec le plan, "
+            "puis demande la validation."
+        ),
+        "allowed_tools": ["search_workspace", "read_collection", "read_page",
+                          "create_document", "write_blocks"],
+    },
+    "briefing-quotidien": {
+        "name": "Briefing quotidien",
+        "icon": "🌅",
+        "description": "Prépare le point du matin : activités de la veille, décisions en attente, blocages.",
+        "prompt_template": (
+            "Prépare le briefing du jour :\n"
+            "1. Activités : ce qui a bougé dans le workspace et le dépôt (read_gitea_issues, "
+            "search_workspace) — uniquement des faits datés.\n"
+            "2. Décisions en attente : documents de décision sans statut clair.\n"
+            "3. Blocages : tickets ouverts sans mouvement, sujets qui reviennent dans plusieurs documents.\n"
+            "4. Crée un document « Briefing — <date> » (create_document) en moins d'une page : "
+            "Hier en bref · À trancher aujourd'hui · Bloquants · Une chose à surveiller.\n"
+            "5. Si une section n'a aucun élément, écris « rien à signaler » plutôt que d'inventer."
+        ),
+        "allowed_tools": ["search_workspace", "read_document", "read_gitea_issues",
+                          "create_document", "write_blocks"],
+    },
 }
 
 

app/services/sync_engine.py

@@ -22,6 +22,7 @@ import logging
 import time
 
 from app.db import get_conn
+from app.services.collection_lifecycle import delete_collections
 
 logger = logging.getLogger(__name__)
 
@@ -381,7 +382,7 @@ class SyncEngine:
     def _mut_collection_delete(self, user_id: int, payload: dict) -> dict:
         cid = payload.get("collection_id")
         with get_conn() as conn:
-            conn.execute("DELETE FROM collections WHERE id=?", (cid,))
+            delete_collections(conn, [cid])
             conn.commit()
             return {"collection_id": cid, "server_version": None}
 

app/services/task_databases.py

@@ -0,0 +1,438 @@
+"""FlowDeck — My Tasks : sources de tâches et normalisation.
+
+Une base ne diffuse ses tâches dans My Tasks qu'après **conversion
+explicite** (``collections.is_task``) et le mapping explicite de ses trois
+propriétés requises :
+
+===========================  ==========================================
+Rôle                        Colonne sur ``collections``
+===========================  ==========================================
+``assignee`` (Assigné à)    ``task_assignee_prop``
+``status``   (Statut)       ``task_status_prop``
+``due``      (Échéance)     ``task_due_prop``
+===========================  ==========================================
+
+Ce module est la lecture unique de ce mapping : My Tasks, les filtres, les
+vues Kanban/calendrier et l'ajout rapide s'appuient tous sur
+``collect_tasks`` — donc une même tâche ne peut pas être rendue
+différemment selon l'appelant.
+
+Périmètre : **tous les workspaces de l'utilisateur** (mode Notion *Home*),
+pas seulement le workspace actif — le tableau de bord est un poste de
+travail transverse.
+"""
+from __future__ import annotations
+
+import json
+import logging
+import unicodedata
+from datetime import UTC, date, datetime, timedelta
+
+from app.services.collection_lifecycle import (
+    effective_workspace_sql,
+    live_collection_ids,
+    live_row_ids,
+    user_workspace_ids,
+)
+
+logger = logging.getLogger(__name__)
+
+#: Notion refuse au-delà de 10 bases connectées au widget My Tasks.
+MAX_TASK_SOURCES = 10
+
+#: Rôles requis, dans l'ordre d'affichage de la modale de conversion.
+TASK_ROLES = ("assignee", "status", "due")
+
+#: Types acceptés pour chaque rôle (une base « bien formée » est refusée
+#: sinon : une colonne Date n'a pas de sens comme Assigné à).
+ROLE_TYPES = {
+    "assignee": ("person",),
+    "status": ("status", "select"),
+    "due": ("date",),
+}
+
+ROLE_LABELS = {
+    "assignee": "Assigné à",
+    "status": "Statut",
+    "due": "Date d'échéance",
+}
+
+#: Premier mot d'un statut valant « terminé », une fois normalisé (minuscules,
+#: sans accents). On compare des formes normalisées et non des libellés exacts :
+#: « Terminée », « Terminé », « Complete » ou « Closed » doivent tous être
+#: reconnus, quelle que soit la casse et l'accentuation.
+#:
+#: On matche le **premier mot** et non un simple préfixe : « Clôture »
+#: commence comme « clos » mais n'est pas un statut terminé.
+DONE_WORDS = frozenset({
+    # anglais
+    "done", "complete", "completed", "closed", "closed?", "terminated", "finished",
+    # français (masculin / féminin, singulier / pluriel)
+    "clos", "close", "termine", "terminee", "termines", "terminees",
+    "annule", "annulee", "annules", "annulees", "cancelled", "canceled",
+    "resolu", "resolue", "resolus", "resolues", "acheve", "achevee",
+})
+
+
+def _normalize(value) -> str:
+    """Minuscules, accents retirés, espaces compactés."""
+    text = unicodedata.normalize("NFKD", str(value or ""))
+    text = "".join(c for c in text if not unicodedata.combining(c))
+    return " ".join(text.lower().split())
+
+
+def is_done(status: str) -> bool:
+    """Le statut vaut-il « terminé » ?
+
+    Le premier mot suffit : « Terminée », « terminated », « Complete! » et
+    « done (closed) » sont reconnus ; « Clôture » ne l'est pas.
+    """
+    norm = _normalize(status)
+    if not norm:
+        return False
+    first = norm.split()[0] if norm.split() else ""
+    return first.strip("!?.,:;()") in DONE_WORDS
+
+
+def user_today(conn, user_id: int) -> date:
+    """« Aujourd'hui » dans le fuseau de l'utilisateur.
+
+    Le projet stocke déjà ce fuseau (`users.timezone`, cf. migration v5.8.0) et
+    l'utilise déjà pour le calendrier des bases. My Tasks s'en sert aussi :
+    sans cela, une tâche due « aujourd'hui » bascule dans « demain » (ou
+    l'inverse) dès que l'utilisateur est loin d'UTC.
+    """
+    row = conn.execute(
+        "SELECT timezone FROM users WHERE id=?", (user_id,)
+    ).fetchone()
+    tz_name = (row["timezone"] if row and "timezone" in row.keys() else "") or ""
+    if tz_name:
+        try:
+            from zoneinfo import ZoneInfo
+
+            return datetime.now(ZoneInfo(tz_name)).date()
+        except Exception:  # fuseau inconnu / base tz absente → UTC
+            logger.debug("timezone « %s » illisible, repli sur UTC", tz_name)
+    return datetime.now(UTC).date()
+
+
+def task_source_columns() -> str:
+    """Colonnes de ``collections`` lues par les requêtes de sources.
+
+    Les 3 colonnes de mapping n'existent que depuis la migration 30 : sur une
+    base antérieure elles vaudront NULL de toute façon.
+
+    Préfixées par ``c.`` car `list_task_sources` joint ``pages`` : sans
+    qualification, ``id`` est ambigu.
+    """
+    return ("c.id, c.name, c.icon, c.workspace_id, c.is_task, "
+            "c.task_assignee_prop, c.task_status_prop, c.task_due_prop")
+
+
+def list_task_sources(conn, user_id: int) -> list[dict]:
+    """Bases de tâches configurées par l'utilisateur, tous workspaces
+    confondus. Renvoie aussi ``configured`` (les 3 rôles mappés) et
+    ``missing_roles`` pour piloter l'invite de conversion.
+
+    Deux exclusions :
+
+    * une base dont la page hôte est à la corbeille (ou supprimée) est
+      **retirée** : sans ce filtre, une base portée par un document supprimé
+      continuerait d'alimenter My Tasks — le bug d'origine ;
+    * une base dont le workspace n'est pas accessible à l'utilisateur n'est
+      pas listée (une base sans workspace rattachable n'appartient à personne).
+
+    Le workspace retenu est l'**effectif** (`collections.workspace_id`, sinon
+    celui de la page hôte) : une base créée depuis un document a
+    ``workspace_id`` NULL, et un ``JOIN workspaces`` la faisait disparaître de
+    My Tasks alors qu'elle venait d'être convertie.
+    """
+    ws_ids = user_workspace_ids(conn, user_id)
+    if not ws_ids:
+        return []
+    qs = ",".join("?" * len(ws_ids))
+    ws_sql = effective_workspace_sql("c")
+    rows = conn.execute(
+        f"""SELECT {task_source_columns()}, {ws_sql} AS ws_effective,
+                   (SELECT w.name FROM workspaces w WHERE w.id = {ws_sql})
+                       AS workspace_name
+              FROM collections c
+             WHERE c.is_task = 1 AND {ws_sql} IN ({qs})
+             ORDER BY c.name""",
+        [*ws_ids],
+    ).fetchall()
+
+    # Un workspace peut apparaître plusieurs fois : on ne recalcule le
+    # jeu de bases vivantes qu'une fois par workspace.
+    live_by_ws: dict[int, set[int]] = {}
+    sources = []
+    for r in rows:
+        d = dict(r)
+        ws = d.get("ws_effective")
+        if ws not in live_by_ws:
+            live_by_ws[ws] = set(live_collection_ids(conn, ws))
+        if d["id"] not in live_by_ws[ws]:
+            logger.debug("base %s exclue : sa page hôte n'est plus vivante", d["id"])
+            continue
+
+        missing = [role for role in TASK_ROLES if not d.get(f"task_{role}_prop")]
+        d["configured"] = not missing
+        d["missing_roles"] = missing
+        d["status_options"] = _status_options(conn, d.get("task_status_prop"))
+        sources.append(d)
+    return sources
+
+
+def _status_options(conn, prop_id) -> list[str]:
+    """Libellés du statut de la base source (colonnes du Kanban)."""
+    if not prop_id:
+        return []
+    row = conn.execute(
+        "SELECT options_json FROM collection_properties WHERE id=?", (prop_id,)
+    ).fetchone()
+    if not row:
+        return []
+    try:
+        opts = json.loads(row["options_json"] or "[]")
+    except (json.JSONDecodeError, TypeError):
+        return []
+    return [o if isinstance(o, str) else (o or {}).get("name", "") for o in opts
+            if isinstance(o, str) or isinstance(o, dict)]
+
+
+def source_state(conn, collection_id: int) -> dict:
+    """État de conversion d'une base pour la modale « convertir en base de
+    tâches » : mapping courant + colonnes candidates pour chaque rôle."""
+    coll = conn.execute(
+        f"SELECT {task_source_columns()} FROM collections c WHERE c.id=?",
+        (collection_id,),
+    ).fetchone()
+    if coll is None:
+        return {"exists": False}
+
+    d = dict(coll)
+    props = conn.execute(
+        "SELECT id, name, prop_type, options_json, position FROM collection_properties "
+        "WHERE collection_id=? ORDER BY position, id",
+        (collection_id,),
+    ).fetchall()
+
+    missing = [role for role in TASK_ROLES if not d.get(f"task_{role}_prop")]
+    used = {d.get(f"task_{role}_prop") for role in TASK_ROLES if d.get(f"task_{role}_prop")}
+
+    return {
+        "exists": True,
+        "collection_id": collection_id,
+        "name": d.get("name"),
+        "is_task": bool(d.get("is_task")),
+        "mapping": {role: d.get(f"task_{role}_prop") for role in TASK_ROLES},
+        "missing_roles": missing,
+        "configured": not missing,
+        # Par rôle : les colonnes compatibles (une colonne déjà affectée à un
+        # autre rôle est exclue — Notion n'autorise pas le double emploi).
+        "candidates": {
+            role: [
+                {"id": p["id"], "name": p["name"], "prop_type": p["prop_type"]}
+                for p in props
+                if p["prop_type"] in ROLE_TYPES[role] and p["id"] not in used
+            ]
+            for role in TASK_ROLES
+        },
+        "all_properties": [
+            {"id": p["id"], "name": p["name"], "prop_type": p["prop_type"]}
+            for p in props
+        ],
+        "suggested_names": {role: ROLE_LABELS[role] for role in TASK_ROLES},
+        "max_sources": MAX_TASK_SOURCES,
+        "sources_count": _sources_count(conn, d.get("workspace_id"), collection_id),
+    }
+
+
+def _sources_count(conn, workspace_id, exclude_id=None) -> int:
+    """Nombre de bases déjà connectées (pour la limite de 10)."""
+    row = conn.execute(
+        "SELECT COUNT(*) FROM collections WHERE is_task = 1 AND workspace_id = ?",
+        (workspace_id,),
+    ).fetchone()
+    n = row[0] if row else 0
+    if exclude_id is not None:
+        row = conn.execute(
+            "SELECT is_task FROM collections WHERE id=?", (exclude_id,)
+        ).fetchone()
+        if row and row[0]:
+            n -= 1
+    return max(n, 0)
+
+
+def _row_value(raw: dict, prop_id):
+    """Valeur d'une propriété de ligne, indexée par ID (ou par nom, pour les
+    lignes historicisées écrites avant le passage aux clés indexées)."""
+    if prop_id is None:
+        return None
+    if prop_id in raw:
+        return raw[prop_id]
+    return raw.get(str(prop_id))
+
+
+def _person_values(value) -> list:
+    """Aplatit une valeur `person` en liste d'éléments (dicts `person` ou
+    chaînes), sans perdre l'id — c'est lui qui identifie l'assigné."""
+    if value is None:
+        return []
+    if isinstance(value, dict):
+        return [value]
+    if isinstance(value, list):
+        out: list = []
+        for v in value:
+            out.extend(_person_values(v))
+        return out
+    if isinstance(value, str) and value.strip():
+        return [value]
+    return []
+
+
+def _person_label(v) -> str:
+    if isinstance(v, dict):
+        return str(v.get("login") or v.get("full_name") or "")
+    return str(v)
+
+
+def _assigned_to_me(values: list, user_id: int, login: str) -> bool:
+    """L'assigné est-il l'utilisateur courant ?
+
+    Une valeur `person` porte `{id, login, full_name}` : on compare l'id en
+    priorité (stable), puis le login en repli pour les lignes historicisées
+    qui ne stockent qu'un nom.
+    """
+    if not login:
+        return False
+    for v in values:
+        if isinstance(v, dict):
+            if v.get("id") is not None and str(v["id"]) == str(user_id):
+                return True
+        if _person_label(v).strip().lower() == login.strip().lower():
+            return True
+    return False
+
+
+def collect_tasks(conn, user_id: int, *, mine_only: bool = True,
+                  login: str = "") -> list[dict]:
+    """Tâches normalisées de toutes les bases connectées.
+
+    Chaque entrée porte sa source (``collection_id``/``collection_name``) et
+    les identifiants des propriétés à écrire pour une édition en direct
+    (``status_prop``/``due_prop``/``assignee_prop``) : le front n'a plus à
+    deviner quoi écrire.
+    """
+    tasks: list[dict] = []
+    today = user_today(conn, user_id)
+
+    for src in list_task_sources(conn, user_id):
+        if not src["configured"]:
+            # Base connectée mais mapping incomplet : elle n'alimente pas
+            # My Tasks (l'UI le signale), plutôt que d'inventer des colonnes.
+            continue
+        status_prop = src["task_status_prop"]
+        due_prop = src["task_due_prop"]
+        assignee_prop = src["task_assignee_prop"]
+
+        for row_id in live_row_ids(conn, src["id"]):
+            row = conn.execute(
+                "SELECT id, title, icon, created_at, property_values_json "
+                "FROM collection_pages WHERE id=?",
+                (row_id,),
+            ).fetchone()
+            if row is None:
+                continue
+            try:
+                raw = json.loads(row["property_values_json"] or "{}")
+            except (json.JSONDecodeError, TypeError):
+                raw = {}
+            if not isinstance(raw, dict):
+                raw = {}
+
+            persons = _person_values(_row_value(raw, assignee_prop))
+            assignees = [_person_label(p) for p in persons if _person_label(p)]
+            if mine_only and persons and not _assigned_to_me(persons, user_id, login):
+                continue
+
+            status = _row_value(raw, status_prop)
+            if isinstance(status, list):
+                status = status[0] if status else ""
+            status = str(status or "")
+
+            due_raw = _row_value(raw, due_prop)
+            due = str(due_raw or "")[:10]
+
+            due_state = ""
+            if due:
+                try:
+                    d = date.fromisoformat(due)
+                except ValueError:
+                    d = None
+                if d:
+                    due_state = ("overdue" if d < today
+                                 else "today" if d == today
+                                 else "upcoming")
+
+            tasks.append({
+                "id": row["id"],
+                "title": row["title"] or "Untitled",
+                "icon": row["icon"] or "📄",
+                "created_at": row["created_at"],
+                "collection_id": src["id"],
+                "collection_name": src["name"],
+                "collection_icon": src["icon"] or "📋",
+                "workspace_id": src["workspace_id"],
+                "workspace_name": src["workspace_name"],
+                "assignees": assignees,
+                "status": status,
+                "status_options": src["status_options"],
+                "done": is_done(status),
+                "due": due,
+                "due_state": due_state,
+                "status_prop": status_prop,
+                "due_prop": due_prop,
+                "assignee_prop": assignee_prop,
+            })
+
+    return tasks
+
+
+def filter_and_sort(tasks: list[dict], *, due: str = "all", hide_done: bool = False,
+                    sort: str = "due", today: date | None = None) -> list[dict]:
+    """Filtres et tri globaux de My Tasks (portés par l'URL).
+
+    ``today`` est le jour de référence de l'utilisateur (fuseau compris) : il
+    doit être celui utilisé par `collect_tasks`, sinon « aujourd'hui » et
+    « cette semaine » ne cibleront pas le même jour que `due_state`.
+    """
+    out = tasks
+    if hide_done:
+        out = [t for t in out if not t["done"]]
+    if due and due != "all":
+        if due == "today":
+            out = [t for t in out if t["due_state"] == "today"]
+        elif due == "overdue":
+            out = [t for t in out if t["due_state"] in ("today", "overdue")]
+        elif due == "week":
+            # « Cette semaine » est **borné** à J+7 : sans borne, une tâche
+            # datée dans six mois apparaîtrait sous « Cette semaine ».
+            ref = today or datetime.now(UTC).date()
+            limit = (ref + timedelta(days=7)).isoformat()
+            out = [t for t in out
+                   if t["due"] and (t["due_state"] in ("today", "overdue")
+                                    or t["due"] <= limit)]
+
+    if sort == "status":
+        return sorted(out, key=lambda t: (t["done"], t["status"].lower(),
+                                          (t["due"] or "9999")))
+    if sort == "source":
+        return sorted(out, key=lambda t: (t["collection_name"].lower(),
+                                          (t["due"] or "9999"), t["title"].lower()))
+    if sort == "created":
+        return sorted(out, key=lambda t: str(t.get("created_at") or ""))
+    # "due" : les tâches datées d'abord (les plus urgentes en tête), puis
+    # les tâches sans date — comme une liste de rappels.
+    return sorted(out, key=lambda t: ((t["due"] or "9999-12-31"),
+                                      t["done"], t["title"].lower()))

app/services/tool_registry.py

@@ -15,12 +15,14 @@ from __future__ import annotations
 
 import json
 import logging
+import re
 import sqlite3
 from dataclasses import dataclass, field
 from datetime import UTC
 from typing import Any
 
 from app.db import get_conn
+from app.services.collection_lifecycle import delete_collections
 
 logger = logging.getLogger(__name__)
 
@@ -785,7 +787,7 @@ class DeleteCollection(Tool):
             coll = conn.execute("SELECT * FROM collections WHERE id=?", (cid,)).fetchone()
             if not coll:
                 return ToolResult(status="error", tool=self.name, message=f"Collection #{cid} introuvable")
-            conn.execute("DELETE FROM collections WHERE id=?", (cid,))
+            delete_collections(conn, [cid])
             conn.commit()
         return ToolResult(
             status="success", tool=self.name, target_type="collection", target_id=cid,
@@ -877,6 +879,197 @@ class CreateGiteaIssue(Tool):
         )
 
 
+# ══════════════════════════ Web tools ══════════════════════════
+# Outils réseau : recherche web, lecture d'une page, recherche GitHub.
+# Ils réutilisent les garde-fous SSRF déjà éprouvés par l'importeur URL
+# (``importers.url_fetch`` / ``og_fetcher``) — aucune adresse privée,
+# re-vérifiée à chaque saut de redirection.
+
+
+class WebSearch(Tool):
+    name = "web_search"
+    description = (
+        "Recherche sur le web (actualités, docs, libs, comparatifs) et "
+        "renvoie titre + URL + extrait pour chaque résultat. Utilise-la AVANT de "
+        "répondre sur un fait récent ou technique, puis CITE les URL obtenues."
+    )
+    parameters = {
+        "type": "object",
+        "properties": {
+            "query": {"type": "string", "description": "requête de recherche"},
+            "num_results": {"type": "integer",
+                            "description": "nombre de résultats (1-10, défaut 5)"},
+        },
+        "required": ["query"],
+    }
+
+    async def execute(self, args, *, user_id=None) -> ToolResult:
+        from app.services.web_search import available_providers, search_web
+
+        query = str(args.get("query") or "").strip()
+        if not query:
+            return ToolResult(status="error", tool=self.name, message="query vide")
+        try:
+            num = max(1, min(int(args.get("num_results") or 5), 10))
+        except (TypeError, ValueError):
+            num = 5
+        try:
+            results, provider = await search_web(query, num)
+        except Exception as exc:  # noqa: BLE001
+            return ToolResult(status="error", tool=self.name,
+                              message=f"Recherche web indisponible: {exc}")
+        if not results:
+            hint = ""
+            if not available_providers().get(provider, True):
+                hint = " — configurez EXA_API_KEY dans les réglages FlowDeck"
+            return ToolResult(status="error", tool=self.name,
+                              message=f"Aucun résultat pour « {query} » (provider: {provider}){hint}")
+        return ToolResult(
+            status="success", tool=self.name, target_type="web_search",
+            data={"query": query, "provider": provider, "results": results,
+                  "count": len(results)},
+            message=f"{len(results)} résultat(s) via {provider}",
+        )
+
+
+class FetchUrl(Tool):
+    name = "fetch_url"
+    description = (
+        "Télécharge une page web et la convertit en Markdown (titres, listes, "
+        "code, tableaux) pour pouvoir la lire et la citer. Utilise-la après "
+        "web_search pour approfondir un résultat. Les URLs internes / privées "
+        "sont refusées."
+    )
+    parameters = {
+        "type": "object",
+        "properties": {
+            "url": {"type": "string", "description": "URL http(s) de la page"},
+            "max_chars": {"type": "integer",
+                          "description": "longueur max du markdown renvoyé (défaut 20000)"},
+        },
+        "required": ["url"],
+    }
+
+    async def execute(self, args, *, user_id=None) -> ToolResult:
+        from app.config import settings
+        from app.services.http_client import shared_client
+        from app.services.importers.html_notes import _html_to_markdown
+        from app.services.importers.url_fetch import _validate_url
+        from app.services.og_fetcher import parse_og
+
+        raw = str(args.get("url") or "").strip()
+        if not raw:
+            return ToolResult(status="error", tool=self.name, message="url vide")
+        # « example.com/page » → https://example.com/page, mais un schéma
+        # explicite (file:, ftp:, …) est conservé pour être REJETÉ par le
+        # garde-fou, au lieu d'être transformé en requête réseau hasardeuse.
+        if not re.match(r"^[a-zA-Z][a-zA-Z0-9+.\-]*://", raw):
+            raw = "https://" + raw
+        try:
+            url = _validate_url(raw)
+        except ValueError as exc:
+            return ToolResult(status="error", tool=self.name, message=str(exc))
+
+        try:
+            max_chars = max(500, min(int(args.get("max_chars")
+                                           or settings.web_fetch_max_chars), 60000))
+        except (TypeError, ValueError):
+            max_chars = int(settings.web_fetch_max_chars or 20000)
+
+        current = url
+        resp = None
+        try:
+            async with shared_client(timeout=15.0, follow_redirects=False,
+                                     headers={"User-Agent": "FlowDeck-Agent/1.0 (fetch_url)"}) as client:
+                for _ in range(6):
+                    resp = await client.get(current)
+                    if resp.status_code in (301, 302, 303, 307, 308):
+                        loc = resp.headers.get("location")
+                        if not loc:
+                            raise ValueError("redirection sans cible")
+                        from urllib.parse import urljoin
+
+                        current = urljoin(current, loc)
+                        # re-validation : une URL publique peut rediriger vers 169.254.x
+                        current = _validate_url(current)
+                        continue
+                    resp.raise_for_status()
+                    break
+                else:
+                    raise ValueError("trop de redirections")
+        except ValueError as exc:
+            return ToolResult(status="error", tool=self.name, message=str(exc))
+        except Exception as exc:  # noqa: BLE001
+            return ToolResult(status="error", tool=self.name,
+                              message=f"Page injoignable: {exc}")
+        if resp is None:
+            return ToolResult(status="error", tool=self.name, message="Aucune réponse")
+
+        ctype = (resp.headers.get("content-type") or "").lower()
+        body = resp.text
+        if "html" not in ctype and "xhtml" not in ctype:
+            # JSON / texte brut : on le renvoie tel quel, c'est souvent une API.
+            markdown = body
+            meta: dict = {}
+        else:
+            meta = parse_og(body, current)
+            markdown = _html_to_markdown(body)
+
+        truncated = len(markdown) > max_chars
+        if truncated:
+            markdown = markdown[:max_chars] + "\n\n[contenu tronqué]"
+
+        title = (meta.get("title") or "").strip() or current
+        return ToolResult(
+            status="success", tool=self.name, target_type="web_page", target_id=current,
+            data={"url": current, "title": title[:200], "markdown": markdown,
+                  "truncated": truncated, "chars": len(markdown)},
+            message=f"Page lue : {title[:80]} ({len(markdown)} car.)",
+        )
+
+
+class SearchCode(Tool):
+    name = "search_code"
+    description = (
+        "Recherche GitHub : dépôts, code source ou issues (uniquement GitHub "
+        "public, sans clé possible mais limitée à 10 requêtes/min). Sert à "
+        "trouver une implémentation de référence, une lib ou l'historique d'un bug."
+    )
+    parameters = {
+        "type": "object",
+        "properties": {
+            "query": {"type": "string", "description": "termes GitHub (lang:python, repo:, etc.)"},
+            "kind": {"type": "string",
+                     "description": "repositories | code | issues (défaut repositories)"},
+            "limit": {"type": "integer", "description": "nombre de résultats (1-10, défaut 5)"},
+        },
+        "required": ["query"],
+    }
+
+    async def execute(self, args, *, user_id=None) -> ToolResult:
+        from app.services.web_search import search_github
+
+        query = str(args.get("query") or "").strip()
+        if not query:
+            return ToolResult(status="error", tool=self.name, message="query vide")
+        kind = str(args.get("kind") or "repositories")
+        try:
+            limit = max(1, min(int(args.get("limit") or 5), 10))
+        except (TypeError, ValueError):
+            limit = 5
+        try:
+            results = await search_github(query, kind, limit)
+        except Exception as exc:  # noqa: BLE001
+            return ToolResult(status="error", tool=self.name,
+                              message=f"Recherche GitHub impossible: {exc}")
+        return ToolResult(
+            status="success", tool=self.name, target_type="github",
+            target_id=f"{kind}:{query}",
+            data={"query": query, "kind": kind, "results": results, "count": len(results)},
+            message=f"{len(results)} résultat(s) GitHub ({kind})",
+        )
+
+
 # ══════════════════════════ Registry ══════════════════════════
 
 TOOL_CLASSES = [
@@ -887,6 +1080,7 @@ TOOL_CLASSES = [
     DeletePage, DeleteCollection,
     ReadGiteaIssues, SyncGitea, CreateGiteaIssue,
     DeleteDocument,
+    WebSearch, FetchUrl, SearchCode,
 ]
 
 

app/services/trash.py

@@ -13,6 +13,10 @@ import re
 from datetime import UTC, datetime, timedelta
 
 from app.db import get_conn
+from app.services.collection_lifecycle import (
+    collections_hosted_by_page,
+    delete_collections,
+)
 
 logger = logging.getLogger(__name__)
 
@@ -57,6 +61,9 @@ def purge_expired(days: int = 30) -> dict:
             if dt is None or dt >= cutoff:
                 continue
             page_id = row["id"]
+            # A purged host page takes its database with it, otherwise the
+            # workspace kept advertising tasks whose document is gone.
+            collections = collections_hosted_by_page(conn, page_id)
             # Promote direct children to the deleted page's parent so no live
             # sub-tree is orphaned (matches the permanent-delete semantics).
             conn.execute(
@@ -65,6 +72,7 @@ def purge_expired(days: int = 30) -> dict:
                 (page_id, page_id),
             )
             conn.execute("DELETE FROM pages WHERE id=?", (page_id,))
+            delete_collections(conn, collections)
             purged.append(page_id)
         conn.commit()
     if purged:

app/services/web_search.py

@@ -0,0 +1,295 @@
+"""FlowDeck — Web search + GitHub search pour les tools agent (v7.46.0).
+
+Alimente les deux tools réseau qui manquaient au registre : la recherche
+**en ligne** (`web_search`) et la recherche **GitHub** (`search_code`).
+
+Choix de conception :
+
+* **Provider configurable** (``settings.web_search_provider``) : Exa
+  (recherche sémantique + snippets, clé requise) en priorité, DuckDuckGo en
+  repli sans compte. Le repli parse du HTML — c'est volontairement *dégradé* :
+  il n'est jamais utilisé si une clé Exa est configurée, et sert surtout à
+  garder le skill utilisable sur une instance sans compte externe.
+* **Aucune dépendance ajoutée** : httpx déjà présent, ``shared_client`` pour le
+  pool de connexions (A42), et les garde-fous SSRF déjà éprouvés par
+  ``app.services.importers.url_fetch`` / ``og_fetcher``.
+* **Toujours des sources** : chaque résultat porte titre + URL + extrait, pour
+  que l'IA puisse citer au lieu d'inventer.
+
+La couche réseau est injectable (``transport``) pour que les tests n'aient
+jamais besoin du réseau.
+"""
+from __future__ import annotations
+
+import html as htmlmod
+import logging
+import re
+from typing import Any
+from urllib.parse import parse_qs, urlparse
+
+from app.config import settings
+from app.services.http_client import shared_client
+
+logger = logging.getLogger(__name__)
+
+USER_AGENT = "FlowDeck-Agent/1.0 (+web_search)"
+
+#: Domaines de repli interdits : réponses « sous conditions » / anti-bot qui
+#: pollueraient les résultats (DuckDuckGo sert parfois une page de challenge).
+_BLOCKED_RESULT_HOSTS = frozenset({
+    "duckduckgo.com", "lite.duckduckgo.com", "duckduckgo.com.yahoo.net",
+})
+
+EXA_ENDPOINT = "https://api.exa.ai/search"
+DDG_ENDPOINT = "https://lite.duckduckgo.com/lite/"
+GITHUB_API = "https://api.github.com"
+
+MAX_RESULTS = 10
+_SNIPPET_CHARS = 300
+
+
+def _clean(text: str | None) -> str:
+    return re.sub(r"\s+", " ", (text or "")).strip()
+
+
+def _clip(text: str, limit: int = _SNIPPET_CHARS) -> str:
+    text = _clean(text)
+    return text if len(text) <= limit else text[: limit - 1].rstrip() + "…"
+
+
+def _is_resultable(url: str) -> bool:
+    """Ignore les redirections vers le moteur lui-même et les URLs non http."""
+    parsed = urlparse(url or "")
+    if parsed.scheme not in ("http", "https") or not parsed.hostname:
+        return False
+    return parsed.hostname.lower() not in _BLOCKED_RESULT_HOSTS
+
+
+# ══════════════════════ Exa ══════════════════════
+
+
+async def _search_exa(query: str, num_results: int, transport=None) -> list[dict]:
+    key = (settings.exa_api_key or "").strip()
+    if not key:
+        return []
+    payload = {
+        "query": query,
+        "numResults": max(1, min(num_results, MAX_RESULTS)),
+        "contents": {"text": {"maxCharacters": 1200}},
+    }
+    kwargs: dict[str, Any] = {"timeout": 15.0}
+    if transport is not None:
+        kwargs["transport"] = transport
+    async with shared_client(**kwargs) as client:
+        resp = await client.post(
+            EXA_ENDPOINT,
+            json=payload,
+            headers={"x-api-key": key, "Content-Type": "application/json",
+                     "User-Agent": USER_AGENT},
+        )
+    if resp.status_code != 200:
+        raise RuntimeError(f"Exa HTTP {resp.status_code}")
+    results = []
+    for item in (resp.json() or {}).get("results", []):
+        url = item.get("url") or ""
+        if not _is_resultable(url):
+            continue
+        results.append({
+            "title": _clip(item.get("title") or url, 160),
+            "url": url,
+            "snippet": _clip(item.get("text") or item.get("summary") or ""),
+            "published": (item.get("publishedDate") or "")[:10],
+            "source": "exa",
+        })
+    return results[:MAX_RESULTS]
+
+
+# ══════════════════════ DuckDuckGo (repli sans compte) ══════════════════════
+
+_DDG_ROW_RE = re.compile(
+    r"<a[^>]+class=\"[^\"]*result-link[^\"]*\"[^>]+href=\"(?P<href>[^\"]+)\"[^>]*>(?P<title>.*?)</a>",
+    re.I | re.S,
+)
+_DDG_SNIPPET_RE = re.compile(
+    r"class=\"[^\"]*result-snippet[^\"]*\"[^>]*>(?P<snippet>.*?)</td>", re.I | re.S
+)
+_TAG_RE = re.compile(r"<[^>]+>")
+
+
+def _unwrap_ddg(href: str) -> str:
+    """DuckDuckGo emballe les résultats dans ``/l/?uddg=<url encodé>``."""
+    if not href:
+        return ""
+    parsed = urlparse(htmlmod.unescape(href))
+    if "uddg" in (parsed.query or ""):
+        values = parse_qs(parsed.query).get("uddg")
+        if values:
+            return values[0]
+    return href
+
+
+async def _search_duckduckgo(query: str, num_results: int, transport=None) -> list[dict]:
+    kwargs: dict[str, Any] = {"timeout": 12.0}
+    if transport is not None:
+        kwargs["transport"] = transport
+    async with shared_client(**kwargs) as client:
+        resp = await client.post(
+            DDG_ENDPOINT,
+            data={"q": query, "kl": "wt-wt"},
+            headers={"User-Agent": USER_AGENT,
+                     "Content-Type": "application/x-www-form-urlencoded"},
+        )
+    if resp.status_code != 200:
+        raise RuntimeError(f"DuckDuckGo HTTP {resp.status_code}")
+    body = resp.text
+    links = list(_DDG_ROW_RE.finditer(body))
+    snippets = [_clean(_TAG_RE.sub("", m.group("snippet"))) for m in _DDG_SNIPPET_RE.finditer(body)]
+    results = []
+    for idx, match in enumerate(links):
+        url = _unwrap_ddg(match.group("href"))
+        if not _is_resultable(url):
+            continue
+        results.append({
+            "title": _clean(_TAG_RE.sub("", match.group("title"))),
+            "url": url,
+            "snippet": _clip(snippets[idx]) if idx < len(snippets) else "",
+            "published": "",
+            "source": "duckduckgo",
+        })
+        if len(results) >= min(num_results, MAX_RESULTS):
+            break
+    return results
+
+
+# ══════════════════════ API publique ══════════════════════
+
+
+async def search_web(query: str, num_results: int = 5,
+                     transport=None) -> tuple[list[dict], str]:
+    """Recherche web → ``(results, provider)``.
+
+    Essaie le provider configuré puis l'autre ; si aucun ne répond, renvoie
+    une liste vide — c'est au tool de traduire ça en message actionnable pour
+    le modèle (« configurez EXA_API_KEY ») plutôt qu'en erreur réseau opaque.
+    """
+    q = (query or "").strip()
+    if not q:
+        return [], ""
+
+    provider = (settings.web_search_provider or "exa").strip().lower()
+    order = ("exa", "duckduckgo") if provider == "exa" else ("duckduckgo", "exa")
+
+    errors: list[str] = []
+    for name in order:
+        try:
+            if name == "exa":
+                results = await _search_exa(q, num_results, transport)
+            else:
+                results = await _search_duckduckgo(q, num_results, transport)
+        except Exception as exc:  # noqa: BLE001 — un provider qui tombe ne doit pas tuer l'autre
+            logger.info("web_search provider %s failed: %s", name, exc)
+            errors.append(f"{name}: {exc}")
+            continue
+        if results:
+            return results, name
+
+    if errors:
+        logger.warning("web_search sans résultat — %s", "; ".join(errors))
+        return [], order[0]
+    return [], order[0]
+
+
+def available_providers() -> dict[str, bool]:
+    """Quel provider est réellement utilisable (affiché dans les settings)."""
+    return {
+        "exa": bool((settings.exa_api_key or "").strip()),
+        "duckduckgo": True,
+        "github": True,   # sans PAT : 10 req/min suffisent pour un usage agent
+    }
+
+
+# ══════════════════════ GitHub ══════════════════════
+
+_GH_KINDS = {
+    "repositories": "repos",
+    "repos": "repos",
+    "code": "code",
+    "issues": "issues",
+}
+
+
+def _gh_headers() -> dict[str, str]:
+    headers = {"Accept": "application/vnd.github+json",
+               "User-Agent": USER_AGENT,
+               "X-GitHub-Api-Version": "2022-11-28"}
+    token = (settings.github_token or "").strip()
+    if token:
+        headers["Authorization"] = f"Bearer {token}"
+    return headers
+
+
+def _gh_item_name(item: dict, kind: str) -> str:
+    if kind == "repos":
+        return item.get("full_name") or item.get("name") or ""
+    if kind == "code":
+        return item.get("path") or ""
+    return item.get("title") or f"#{item.get('number')}"
+
+
+def _gh_item_url(item: dict, kind: str) -> str:
+    if kind == "code":
+        # L'API code search ne renvoie pas d'URL exploitable : on reconstruit.
+        repo = (item.get("repository") or {}).get("full_name", "")
+        return f"https://github.com/{repo}/blob/HEAD/{item.get('path', '')}" if repo else ""
+    return item.get("html_url") or ""
+
+
+def _gh_item_snippet(item: dict, kind: str) -> str:
+    if kind == "code":
+        return ""
+    if kind == "repos":
+        return _clip(item.get("description") or "")
+    body = _clean(item.get("body") or "")
+    return _clip(body) if body else _clip(item.get("title") or "")
+
+
+async def search_github(query: str, kind: str = "repositories", limit: int = 5,
+                        transport=None) -> list[dict]:
+    """Recherche GitHub (repos | code | issues) → liste de résultats sourcés.
+
+    Fonctionne sans PAT (limite 10 req/min) ; avec ``GITHUB_TOKEN``, 30 req/min.
+    """
+    q = (query or "").strip()
+    if not q:
+        return []
+    k = _GH_KINDS.get((kind or "").strip().lower(), "repos")
+    per_page = max(1, min(int(limit or 5), MAX_RESULTS))
+
+    kwargs: dict[str, Any] = {"timeout": 15.0}
+    if transport is not None:
+        kwargs["transport"] = transport
+    async with shared_client(**kwargs) as client:
+        resp = await client.get(
+            f"{GITHUB_API}/search/{k}",
+            params={"q": q, "per_page": per_page},
+            headers=_gh_headers(),
+        )
+    if resp.status_code == 403:
+        raise RuntimeError("GitHub: quota dépassé (403) — configurez GITHUB_TOKEN")
+    if resp.status_code == 422:
+        raise RuntimeError("GitHub: requête de recherche invalide (422)")
+    if resp.status_code != 200:
+        raise RuntimeError(f"GitHub HTTP {resp.status_code}")
+
+    items = (resp.json() or {}).get("items", [])
+    results = []
+    for item in items[:per_page]:
+        results.append({
+            "title": _gh_item_name(item, k),
+            "url": _gh_item_url(item, k),
+            "snippet": _gh_item_snippet(item, k),
+            "stars": item.get("stargazers_count") if k == "repos" else None,
+            "state": item.get("state") if k == "issues" else "",
+            "source": f"github/{k}",
+        })
+    return results

app/templates/_ctx_menu.html

@@ -163,9 +163,9 @@
       </div>
       <div style="display:flex;gap:4px;padding:0 4px;">
         <input class="ctx-input" x-ref="ctxTagInput" placeholder="Tag name…" @click.stop
-               @keydown.enter.prevent="$store.fdCtx.addNewTag($event.target.value, $store.fdCtx.newTagColor); $event.target.value = ''"
+               @keydown.enter.prevent="$store.fdCtx.addTagAndClear($event.target.value, $store.fdCtx.newTagColor, $event.target)"
                @keydown.escape.stop="$store.fdCtx.tagAdding = false">
-        <button type="button" class="ctx-btn" @click.stop="$store.fdCtx.addNewTag($refs.ctxTagInput.value, $store.fdCtx.newTagColor); $refs.ctxTagInput.value = ''">Add</button>
+        <button type="button" class="ctx-btn" @click.stop="$store.fdCtx.addTagAndClear($refs.ctxTagInput.value, $store.fdCtx.newTagColor, $refs.ctxTagInput)">Add</button>
       </div>
     </div>
   </div>

app/templates/_database_table.html

@@ -125,13 +125,21 @@
         <div class="db-col-menu-item" id="db-col-insert-right"><span>→┤ Insert right</span></div>
     </div>
 
-    <!-- Side Peek Panel for Database Pages -->
-    <div id="db-side-peek" class="db-side-peek" style="display:none">
-        <div class="db-side-peek-resize" id="db-side-peek-resize"></div>
-        <div class="db-side-peek-header">
-            <button id="db-side-peek-close" class="db-side-peek-close">×</button>
-            <button id="db-side-peek-full" class="db-side-peek-full" title="Open full page">↗</button>
-        </div>
-        <iframe id="db-side-peek-iframe" src="" style="width:100%;height:100%;border:none"></iframe>
+    <!-- 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>
 </div>

app/templates/_database_table_scripts.html

@@ -107,4 +107,6 @@
 .db-list-cell{color:var(--text-secondary);font-size:12px;min-width:110px}
 </style>
 <script type="application/json" id="db-config" nonce="{{ csp_nonce() }}">{{ ({"collection": collection_data.collection, "properties": collection_data.properties, "pages": collection_data.pages, "views": collection_data.views if collection_data.views is defined else []} if collection_data else none) | tojson }}</script>
+<link rel="stylesheet" href="/static/css/my_tasks.css?v={{ asset_version }}">
 <script data-cfasync="false" src="/static/js/database_table.js?v={{ asset_version }}"></script>
+<script data-cfasync="false" src="/static/js/task_db_link.js?v={{ asset_version }}" defer></script>

app/templates/_header.html

@@ -60,14 +60,14 @@
         {# ── Collapsed "…" segment ── #}
         <template x-if="crumb.ellipsis">
           <span class="crumb-anchor"
-                @mouseenter="cancelCloseTimer(); ellipsisOpen = true"
+                @mouseenter="hoverEllipsis()"
                 @mouseleave="dragCloseTimer()">
             <button type="button" class="breadcrumb-link crumb-ellipsis">&hellip;</button>
             <div class="fd-nav-menu" x-show="ellipsisOpen" x-cloak x-transition.opacity
                  @mouseenter="cancelCloseTimer()"
                  @mouseleave="dragCloseTimer()">
               <template x-for="h in crumb.hidden" :key="h.id">
-                <div class="fd-nav-item" @click.stop="go(h.url); closeAll()">
+                <div class="fd-nav-item" @click.stop="goClose(h.url)">
                   <span class="fd-nav-ico" :title="h.icon || 'file'"></span>
                   <span class="fd-nav-label" x-text="h.label"></span>
                 </div>
@@ -91,7 +91,7 @@
         {# ── Interactive crumb with navigation dropdown (Notion-style hover) ── #}
         <template x-if="!crumb.ellipsis && crumb.menu">
           <span class="crumb-anchor"
-                @mouseenter="cancelCloseTimer(); openMenu(crumb.origIndex)"
+                @mouseenter="hoverMenu(crumb.origIndex)"
                 @mouseleave="dragCloseTimer()">
             <button type="button" class="breadcrumb-link"
                     :class="{ 'breadcrumb-current': crumb.origIndex === crumbs.length - 1 }"
@@ -110,7 +110,7 @@
               <template x-for="item in activeItems" :key="item.id">
                 <div class="fd-nav-item"
                      @mouseenter="openSub(item)"
-                     @click.stop="go(item.url); closeAll()">
+                     @click.stop="goClose(item.url)">
                   <span class="fd-nav-ico" :title="item.icon || 'file'"></span>
                   <span class="fd-nav-label" x-text="item.name"></span>
                   <span class="fd-nav-arrow" x-show="item.has_children">&rsaquo;</span>
@@ -118,7 +118,7 @@
                        @mouseenter="cancelCloseTimer()"
                        @mouseleave="dragCloseTimer()">
                     <template x-for="s in subItems" :key="s.id">
-                      <div class="fd-nav-item" @click.stop="go(s.url); closeAll()">
+                      <div class="fd-nav-item" @click.stop="goClose(s.url)">
                         <span class="fd-nav-ico" :title="s.icon || 'file'"></span>
                         <span class="fd-nav-label" x-text="s.name"></span>
                         <span class="fd-nav-arrow" x-show="s.has_children">&rsaquo;</span>
@@ -152,6 +152,9 @@ document.addEventListener('alpine:init', function () {
       wsId: 0,
       openIdx: null,
       ellipsisOpen: false,
+      hoverEllipsis(){ this.cancelCloseTimer(); this.ellipsisOpen = true; },
+      hoverMenu(i){ this.cancelCloseTimer(); this.openMenu(i); },
+      goClose(u){ this.go(u); this.closeAll(); },
       loading: false,
       cache: {},
       activeItems: [],

app/templates/_page_editor_content.html

@@ -50,7 +50,7 @@
                                 @keydown.enter.prevent="inviteEnter()"
                                 @keydown.down.prevent="inviteMove(1)"
                                 @keydown.up.prevent="inviteMove(-1)"
-                                @keydown.escape="inviteSuggestOpen = false; inviteUsers = []"
+                                @keydown.escape="closeInviteSuggest()"
                                 autocomplete="off"
                             />
                             <button class="sd-btn-primary" @click="shareInvite()">
@@ -169,7 +169,7 @@
                                     <div
                                         class="sd-perm-option"
                                         :class="{ active: a.permission === 'edit' }"
-                                        @click="updateShare(a.id, 'edit'); a.permOpen=false"
+                                        @click="setSharePerm(a, 'edit')"
                                     >
                                         <span>Can edit</span>
                                         <span class="sd-perm-desc"
@@ -179,7 +179,7 @@
                                     <div
                                         class="sd-perm-option"
                                         :class="{ active: a.permission === 'comment' }"
-                                        @click="updateShare(a.id, 'comment'); a.permOpen=false"
+                                        @click="setSharePerm(a, 'comment')"
                                     >
                                         <span>Can comment</span>
                                         <span class="sd-perm-desc"
@@ -189,7 +189,7 @@
                                     <div
                                         class="sd-perm-option"
                                         :class="{ active: a.permission === 'view' }"
-                                        @click="updateShare(a.id, 'view'); a.permOpen=false"
+                                        @click="setSharePerm(a, 'view')"
                                     >
                                         <span>Can view</span>
                                         <span class="sd-perm-desc"
@@ -199,7 +199,7 @@
                                     <div class="sd-perm-sep"></div>
                                     <div
                                         class="sd-perm-option danger"
-                                        @click="removeShare(a.id); a.permOpen=false"
+                                        @click="removeShareAndClose(a)"
                                     >
                                         Remove
                                     </div>
@@ -233,7 +233,7 @@
                                 <div
                                     class="sd-perm-option"
                                     :class="{ active: generalAccess === 'invited' }"
-                                    @click="generalAccess='invited'; accessMenuOpen=false"
+                                    @click="pickGeneralAccess('invited')"
                                 >
                                     <span>{{ fd_icon('lock',14) }} Only people invited</span>
                                     <span class="sd-perm-desc"
@@ -243,7 +243,7 @@
                                 <div
                                     class="sd-perm-option"
                                     :class="{ active: generalAccess === 'anyone' }"
-                                    @click="generalAccess='anyone'; accessMenuOpen=false"
+                                    @click="pickGeneralAccess('anyone')"
                                 >
                                     <span>{{ fd_icon('globe',14) }} Anyone with the link</span>
                                     <span class="sd-perm-desc"
@@ -312,7 +312,7 @@
                                 <template x-for="(ic, ici) in ['📄','📝','📋','📊','🗂️','📁','📂','🗒️','🗓️','📌','🔖','⭐','🚀','💡','🎯','🔑','📚','🧪','🌍','💰','📝','🧩','🎨','🔧','⚙️','🗃️','📦','🏷️','📍','🏠','👤']" :key="ici">
                                     <button type="button" class="sd-icon-btn" @click="setIcon(ic)" :class="{ active: iconValue === ic }" style="width:36px;height:36px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;" x-text="ic"></button>
                                 </template>
-                                <input type="text" class="sd-input" x-model="iconValue" placeholder="Custom emoji" style="max-width:80px;" @keydown.enter.prevent="setIcon(iconValue);iconOpen=false;">
+                                <input type="text" class="sd-input" x-model="iconValue" placeholder="Custom emoji" style="max-width:80px;" @keydown.enter.prevent="applyIcon()">
                             </div>
                         </div>
                     </div>
@@ -498,16 +498,16 @@
                 </div>
                 <div class="more-menu-item" @click="movePage">↗ Move to</div>
                 <div class="more-menu-sep"></div>
-                <div class="more-menu-item" @click="moreOpen=false; toggleLock()">
+                <div class="more-menu-item" @click="moreToggleLock()">
                     <span x-text="isLocked ? '🔓 Unlock page' : '🔒 Lock page'"></span>
                 </div>
-                <div class="more-menu-item" @click="moreOpen=false; setPageOption('full_width', !fullWidth)">
+                <div class="more-menu-item" @click="moreFullWidth()">
                     ↔ Full width <span x-show="fullWidth" style="margin-left:auto;font-size:11px">✓</span>
                 </div>
-                <div class="more-menu-item" @click="moreOpen=false; setPageOption('font_small', !fontSmall)">
+                <div class="more-menu-item" @click="moreFontSmall()">
                     Aa Small text <span x-show="fontSmall" style="margin-left:auto;font-size:11px">✓</span>
                 </div>
-                <div class="more-menu-item" @click="moreOpen=false; saveAsTemplate()">
+                <div class="more-menu-item" @click="moreSaveTemplate()">
                     📑 Save as template
                 </div>
                 <div class="more-menu-sep"></div>
@@ -552,7 +552,7 @@
             contenteditable="true"
             id="_titleEl"
             data-placeholder="New Page"
-            @input="dirty=true;save()"
+            @input="markAndSave()"
             @keydown.enter.prevent="focusBlock()"
             @paste.prevent="pastePlain($event)"
             spellcheck="false"

app/templates/accounts.html

@@ -109,7 +109,8 @@
 
   // globales window — probe « Undefined variable: accountsData »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('accountsData', accountsData); });
+  if (window.Alpine) { Alpine.data('accountsData', accountsData); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('accountsData', accountsData); });
   function accountsData() {
     return {
       profile: { full_name: '', email: '' },

app/templates/agent_panel.html

@@ -2,12 +2,19 @@
 <style>
 #fd-agent-fab{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:var(--text-primary,#37352F);color:var(--bg-primary,#fff);border:none;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1700;transition:transform .15s,box-shadow .15s}
 #fd-agent-fab:hover{transform:scale(1.06);box-shadow:0 12px 34px rgba(0,0,0,.45)}
-#fd-agent-panel{position:fixed;top:0;right:0;bottom:0;width:470px;max-width:100vw;background:var(--bg-primary,#191919);border-left:1px solid var(--border,rgba(255,255,255,.1));z-index:1850;display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(0,0,0,.55);transform:translateX(102%);transition:transform .24s cubic-bezier(.16,1,.3,1)}
+#fd-agent-panel{position:fixed;top:0;right:0;bottom:0;width:var(--fd-agent-width,470px);max-width:100vw;background:var(--bg-primary,#191919);border-left:1px solid var(--border,rgba(255,255,255,.1));z-index:1850;display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(0,0,0,.55);transform:translateX(102%);transition:transform .24s cubic-bezier(.16,1,.3,1)}
 #fd-agent-panel.open{transform:translateX(0)}
 #fd-agent-panel ::-webkit-scrollbar{width:8px;height:8px}
 #fd-agent-panel ::-webkit-scrollbar-thumb{background:rgba(128,128,128,.35);border-radius:4px}
 #fd-agent-panel ::-webkit-scrollbar-track{background:transparent}
 
+/* Resize handle (left edge) */
+.fd-ap-resize{position:absolute;top:0;bottom:0;left:0;width:6px;cursor:col-resize;z-index:5}
+.fd-ap-resize::before{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:transparent;border-radius:2px;transition:background .12s ease}
+.fd-ap-resize:hover::before,body.fd-ap-resizing .fd-ap-resize::before{background:var(--accent,#2383E2)}
+body.fd-ap-resizing{cursor:col-resize!important;user-select:none}
+body.fd-ap-resizing *{cursor:col-resize!important}
+
 /* Header */
 .fd-ap-head{display:flex;align-items:center;gap:12px;padding:16px 18px 12px}
 .fd-ap-logo{width:36px;height:36px;border-radius:50%;background:var(--text-primary,#37352F);color:var(--bg-primary,#fff);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.25)}
@@ -189,7 +196,7 @@
 .fd-agent-msg-markdown ul,.fd-agent-msg-markdown ol{margin:0 0 8px;padding-left:20px}
 .fd-agent-msg-markdown li{margin:2px 0}
 .fd-agent-msg-markdown code{background:rgba(127,127,127,.18);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
-.fd-agent-msg-markdown pre{background:var(--bg-code,#111);border:1px solid var(--border,#333);border-radius:8px;padding:12px;overflow-x:auto;margin:8px 0}
+.fd-agent-msg-markdown pre{background:var(--bg-code,var(--bg-tertiary,#1f1f1f));border:1px solid var(--border,rgba(255,255,255,.12));border-radius:8px;padding:12px;overflow-x:auto;margin:8px 0;color:var(--text,#ececec)}
 .fd-agent-msg-markdown pre code{background:none;padding:0;font-size:12px;line-height:1.5}
 .fd-md-table-wrap{overflow-x:auto;margin:8px 0}
 .fd-md-table{border-collapse:collapse;width:100%;font-size:13px}
@@ -211,6 +218,7 @@
 
 {# ── Panel ── #}
 <div id="fd-agent-panel" class="fd-ap" :class="{open: open}" x-data="agentPanel()" @keydown.escape.window="close()" role="dialog" aria-label="Agent FlowDeck">
+  <div class="fd-ap-resize" x-ref="resizeHandle" role="separator" aria-orientation="vertical" aria-label="Redimensionner le panneau" tabindex="0" title="Glisser pour redimensionner — double-clic pour réinitialiser"></div>
   <div class="fd-ap-head">
     <span class="fd-ap-logo"><svg viewBox="0 0 24 24" width="19" height="19" fill="currentColor" aria-hidden="true"><path d="M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3L12 3Z"/></svg></span>
     <div class="fd-ap-head-main">
@@ -231,7 +239,7 @@
 
   <div class="fd-ap-tabs">
     <button class="fd-ap-tab" :class="{active: tab==='chat'}" @click="tab='chat'">Conversation</button>
-    <button class="fd-ap-tab" :class="{active: tab==='history'}" @click="tab='history'; loadConversations()">Historique</button>
+    <button class="fd-ap-tab" :class="{active: tab==='history'}" @click="showHistory()">Historique</button>
   </div>
 
   <div class="fd-agent-body">

app/templates/base.html

@@ -13,6 +13,11 @@
   <link rel="stylesheet" href="/static/css/app.css?v={{ asset_version }}">
   <link rel="stylesheet" href="/static/css/design-tokens.css?v={{ asset_version }}">
   <link rel="stylesheet" href="/static/css/components.css?v={{ asset_version }}">
+  <!-- My Tasks + page « /db » : lies dans le SHELL et non dans la zone
+       swappée. Un <link> à l'intérieur de `.main-wrapper` peut être retiré par
+       htmx lors d'une navigation partielle : la page revenait alors sans
+       aucune feuille de style (composants blancs en thème sombre). -->
+  <link rel="stylesheet" href="/static/css/my_tasks.css?v={{ asset_version }}">
   <link rel="stylesheet" href="/static/css/katex.min.css?v=0.16.11">
   <style>
     /* ── Mobile responsive (v4.0.2) ── */
@@ -126,11 +131,11 @@
     };
   </script>
   <script src="/static/js/htmx.min.js" data-cfasync="false"></script>
-  <script src="/static/js/alpine.min.js" defer data-cfasync="false"></script>
+  <script src="/static/js/alpine.csp.min.js" defer data-cfasync="false"></script>
   <script src="/static/js/sortable.min.js" defer data-cfasync="false"></script>
 </head>
 <body hx-headers='{"X-CSRF-Token":{{ csrf_token() | tojson }}}'{% if embed_mode %} class="embed-mode"{% endif %}>
-<div class="app-layout" x-data="appState()">
+<div class="app-layout" x-data="appState()" x-cloak>
 
   <!-- ═══════════ MOBILE SIDEBAR OVERLAY ═══════════ -->
   <div class="sidebar-overlay"
@@ -241,24 +246,38 @@
     </div>
     </div>
 
-    <!-- Navigation icons row -->
-    <div class="sidebar-nav-row">
-      <a href="{% if local_workspaces and local_workspaces|length > 0 %}/local-workspace?ws={{ local_workspaces[0].id }}{% else %}/workspaces{% endif %}" class="nav-icon-btn home-btn" :class="{ active: currentView === 'home' }" title="Home">
+    <!-- Navigation tabs row — collapsible pills: the active tab expands with
+         its label, the others collapse to their icon. Selecting a tab replaces
+         the whole sidebar content (Home tree / Chat history / Meetings / Inbox). -->
+    <div class="sidebar-nav-row" role="tablist" aria-label="Sidebar sections">
+      <a href="{% if local_ws_id %}/local-workspace?ws={{ local_ws_id }}{% elif local_workspaces and local_workspaces|length > 0 %}/local-workspace?ws={{ local_workspaces[0].id }}{% else %}/workspaces{% endif %}" class="nav-icon-btn home-btn nav-tab-btn" data-tab="home" :class="{ active: sidebarTab === 'home' }" @click="setSidebarTab('home')" :aria-selected="sidebarTab === 'home'" role="tab" title="Home">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/></svg>
-        Home
+        <span class="nav-tab-label" :style="sidebarTab === 'home' ? 'display:inline-block' : 'display:none'">Home</span>
       </a>
-      <button class="nav-icon-btn" title="Chat (Ctrl+J)" onclick="window.fdAgent&&window.fdAgent.open()">
+      <button type="button" class="nav-icon-btn nav-tab-btn" data-tab="chat" :class="{ active: sidebarTab === 'chat' }" @click="setSidebarTab('chat')" :aria-selected="sidebarTab === 'chat'" role="tab" title="Chat (Ctrl+J)">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>
+        <span class="nav-tab-label" :style="sidebarTab === 'chat' ? 'display:inline-block' : 'display:none'">Chat</span>
+        <span class="nav-tab-badge" x-show="chatHistory.length" x-cloak x-text="chatHistory.length" :style="sidebarTab === 'chat' ? 'display:none' : ''"></span>
       </button>
-      <button class="nav-icon-btn" title="Inbox">
+      <button type="button" class="nav-icon-btn nav-tab-btn" data-tab="meetings" :class="{ active: sidebarTab === 'meetings' }" @click="setSidebarTab('meetings')" :aria-selected="sidebarTab === 'meetings'" role="tab" title="Meetings">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+        <span class="nav-tab-label" :style="sidebarTab === 'meetings' ? 'display:inline-block' : 'display:none'">Meeting</span>
+        <span class="nav-tab-badge" x-show="meetingToday.length" x-cloak x-text="meetingToday.length" :style="sidebarTab === 'meetings' ? 'display:none' : ''"></span>
+      </button>
+      <button type="button" class="nav-icon-btn nav-tab-btn" data-tab="inbox" :class="{ active: sidebarTab === 'inbox' }" @click="setSidebarTab('inbox')" :aria-selected="sidebarTab === 'inbox'" role="tab" title="Inbox">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/><path d="M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z"/></svg>
+        <span class="nav-tab-label" :style="sidebarTab === 'inbox' ? 'display:inline-block' : 'display:none'">Inbox</span>
+        <span class="nav-tab-badge nav-tab-badge-accent" x-show="inboxUnread > 0" x-cloak x-text="inboxUnread > 99 ? '99+' : inboxUnread" :style="sidebarTab === 'inbox' ? 'display:none' : ''"></span>
       </button>
-      <button class="nav-icon-btn" @click="openQuickFind" title="Search" style="margin-left:auto;">
+      <button type="button" class="nav-icon-btn" @click="openQuickFind" title="Search" style="margin-left:auto;">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
       </button>
     </div>
 
     <div class="sidebar-scroll">
+
+    <!-- ── TAB: Home (workspace tree, recents, favorites, libraries…) ── -->
+    <div class="sidebar-tab-panel" x-show="sidebarTab === 'home'" x-cloak>
     <!-- Workspace / Private -->
     <div class="sidebar-section" x-show="isSectionVisible('workspace')" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100">
       <div class="sidebar-section-header" @click="toggleSection('workspace')" @contextmenu.prevent="openSectionMenu($event, 'workspace')">
@@ -571,6 +590,123 @@
       </a>
     </div>
 
+    </div><!-- /sidebar-tab-panel home -->
+
+    <!-- ── TAB: Chat (agent shortcuts + conversation history) ── -->
+    <div class="sidebar-tab-panel" x-show="sidebarTab === 'chat'" x-cloak>
+      <div class="sb-panel-header">
+        <span class="sb-panel-title">Chat</span>
+        <button type="button" class="sb-panel-action" @click="chatNewConversation()" title="New conversation">{{ fd_icon("plus",14) }}</button>
+      </div>
+
+      <!-- Circular agent shortcuts -->
+      <div class="sb-agent-row" x-show="agentList.length">
+        <template x-for="a in agentList.slice(0, 8)" :key="a.id">
+          <button type="button" class="sb-agent-avatar" :title="a.name" @click="agentOpen(a.id)">
+            <span x-text="a.icon || '\u{1F916}'"></span>
+          </button>
+        </template>
+      </div>
+
+      <div class="sidebar-subgroup">
+        <div class="sidebar-subgroup-label">Past 30 days</div>
+        <ul class="sidebar-items">
+          <template x-for="c in chatRecent" :key="c.id">
+            <li class="sidebar-item" @click="chatOpenConversation(c.id)">
+              <span class="page-icon page-icon-svg">{{ fd_icon("message-square",14) }}</span>
+              <span class="page-name" x-text="c.title || 'New conversation'"></span>
+            </li>
+          </template>
+          <li class="sidebar-item empty-hint" x-show="!chatLoading && !chatRecent.length">
+            <span class="page-name text-dim">No recent conversations</span>
+          </li>
+        </ul>
+      </div>
+
+      <div class="sidebar-subgroup" x-show="chatOlder.length">
+        <div class="sidebar-subgroup-label">Older</div>
+        <ul class="sidebar-items">
+          <template x-for="c in chatOlder" :key="c.id">
+            <li class="sidebar-item" @click="chatOpenConversation(c.id)">
+              <span class="page-icon page-icon-svg">{{ fd_icon("message-square",14) }}</span>
+              <span class="page-name" x-text="c.title || 'New conversation'"></span>
+            </li>
+          </template>
+        </ul>
+      </div>
+
+      <div class="sidebar-item empty-hint" x-show="chatLoading" style="padding:8px;">
+        <span class="page-name text-dim">Loading…</span>
+      </div>
+    </div>
+
+    <!-- ── TAB: Meeting (upcoming events + quick actions) ── -->
+    <div class="sidebar-tab-panel" x-show="sidebarTab === 'meetings'" x-cloak>
+      <div class="sb-panel-header">
+        <span class="sb-panel-title">Meeting</span>
+        <button type="button" class="sb-panel-action" @click="loadMeetings(true)" title="Refresh">{{ fd_icon("refresh",14) }}</button>
+      </div>
+
+      <div class="sb-filter-row">
+        <button type="button" class="sb-filter-chip" :class="{ active: meetingFilter === 'upcoming' }" @click="meetingFilter = 'upcoming'">Upcoming</button>
+        <button type="button" class="sb-filter-chip" :class="{ active: meetingFilter === 'today' }" @click="meetingFilter = 'today'">Today</button>
+      </div>
+
+      <div class="sb-quick-actions">
+        <button type="button" class="sb-quick-btn" @click="meetingTranscribe()">{{ fd_icon("upload",14) }} Transcribe a podcast</button>
+        <button type="button" class="sb-quick-btn" @click="meetingNote()">{{ fd_icon("sparkles",14) }} New AI meeting note</button>
+        <input type="file" x-ref="meetingAudio" accept="audio/*" class="sb-hidden-input" @change="meetingUpload($event)">
+      </div>
+
+      <ul class="sidebar-items">
+        <template x-for="ev in meetingVisible" :key="ev.collection_id + '-' + ev.id">
+          <li class="sidebar-item" @click="meetingOpen(ev)">
+            <span class="page-icon page-icon-svg">{{ fd_icon("calendar",14) }}</span>
+            <span class="page-name" x-text="ev.title"></span>
+            <span class="sb-item-meta" x-text="ev.today ? 'Today' : ev.date"></span>
+          </li>
+        </template>
+        <li class="sidebar-item empty-hint" x-show="!meetingsLoading && !meetingVisible.length">
+          <span class="page-name text-dim" x-text="meetingFilter === 'today' ? 'Nothing scheduled today' : 'No upcoming meetings'"></span>
+        </li>
+        <li class="sidebar-item empty-hint" x-show="meetingsLoading">
+          <span class="page-name text-dim">Loading…</span>
+        </li>
+      </ul>
+    </div>
+
+    <!-- ── TAB: Inbox (notifications) ── -->
+    <div class="sidebar-tab-panel" x-show="sidebarTab === 'inbox'" x-cloak>
+      <div class="sb-panel-header">
+        <span class="sb-panel-title">Inbox <span class="sb-panel-count" x-show="inboxUnread > 0" x-text="inboxUnread"></span></span>
+        <div style="display:flex;gap:4px;">
+          <button type="button" class="sb-panel-action" x-show="inboxUnread > 0" @click="inboxMarkAllRead()" title="Mark all read">{{ fd_icon("check-square",14) }}</button>
+          <button type="button" class="sb-panel-action" @click="inboxFilter = (inboxFilter === 'all' ? 'unread' : 'all')"
+                  :title="inboxFilter === 'all' ? 'Show unread only' : 'Show all'" x-text="inboxFilter === 'all' ? 'All' : 'Unread'"></button>
+          <button type="button" class="sb-panel-action" @click="loadInbox()" title="Refresh">{{ fd_icon("refresh",14) }}</button>
+        </div>
+      </div>
+
+      <ul class="sidebar-items">
+        <template x-for="n in inboxVisible" :key="n.id">
+          <li class="sidebar-item" :class="{ 'sb-item-unread': !n.is_read }" @click="inboxOpen(n)">
+            <span class="page-icon page-icon-svg">{{ fd_icon("bell",14) }}</span>
+            <span style="flex:1;min-width:0;">
+              <span class="page-name" style="display:block;" x-text="n.title"></span>
+              <span class="sb-item-sub" x-text="n.message"></span>
+            </span>
+          </li>
+        </template>
+        <li class="sidebar-item empty-hint" x-show="!inboxLoading && !inboxVisible.length" style="flex-direction:column;align-items:center;gap:4px;padding:22px 8px;">
+          <span style="font-size:13px;font-weight:600;color:var(--text-secondary);">Inbox Zero</span>
+          <span class="page-name text-dim">You&rsquo;re all caught up</span>
+        </li>
+        <li class="sidebar-item empty-hint" x-show="inboxLoading">
+          <span class="page-name text-dim">Loading…</span>
+        </li>
+      </ul>
+    </div>
+
     <!-- Footer -->
     <div class="sidebar-footer">
       <div style="display:flex; gap:6px;">
@@ -592,38 +728,38 @@
     <div class="section-menu" x-show="sectionMenu.visible" x-cloak
          :style="sectionMenuPos()"
          @click.outside="closeSectionMenu()">
-      <div class="section-menu-item" @click="closeSectionMenu(); setShowCount(sectionMenu.section, 5)">
+      <div class="section-menu-item" @click="closeAndSetCount(5)">
         <span class="smi-label">Show 5 items</span>
         <span class="smi-check" x-show="sidebarConfig[sectionMenu.section] && sidebarConfig[sectionMenu.section].show_count === 5">✓</span>
       </div>
-      <div class="section-menu-item" @click="closeSectionMenu(); setShowCount(sectionMenu.section, 10)">
+      <div class="section-menu-item" @click="closeAndSetCount(10)">
         <span class="smi-label">Show 10 items</span>
         <span class="smi-check" x-show="!sidebarConfig[sectionMenu.section] || sidebarConfig[sectionMenu.section].show_count === 10 || sidebarConfig[sectionMenu.section].show_count == null">✓</span>
       </div>
-      <div class="section-menu-item" @click="closeSectionMenu(); setShowCount(sectionMenu.section, 15)">
+      <div class="section-menu-item" @click="closeAndSetCount(15)">
         <span class="smi-label">Show 15 items</span>
         <span class="smi-check" x-show="sidebarConfig[sectionMenu.section] && sidebarConfig[sectionMenu.section].show_count === 15">✓</span>
       </div>
-      <div class="section-menu-item" @click="closeSectionMenu(); setShowCount(sectionMenu.section, 20)">
+      <div class="section-menu-item" @click="closeAndSetCount(20)">
         <span class="smi-label">Show 20 items</span>
         <span class="smi-check" x-show="sidebarConfig[sectionMenu.section] && sidebarConfig[sectionMenu.section].show_count === 20">✓</span>
       </div>
       <div class="section-menu-sep"></div>
-      <div class="section-menu-item" @click="closeSectionMenu(); moveSection(sectionMenu.section, 'up')">
+      <div class="section-menu-item" @click="closeAndMove('up')">
         <span class="smi-icon">↑</span>
         <span class="smi-label">Move up</span>
       </div>
-      <div class="section-menu-item" @click="closeSectionMenu(); moveSection(sectionMenu.section, 'down')">
+      <div class="section-menu-item" @click="closeAndMove('down')">
         <span class="smi-icon">↓</span>
         <span class="smi-label">Move down</span>
       </div>
       <div class="section-menu-sep"></div>
-      <div class="section-menu-item" @click="closeSectionMenu(); toggleSectionVisibility(sectionMenu.section)">
+      <div class="section-menu-item" @click="closeAndToggleVisibility()">
         <span class="smi-icon">👁</span>
         <span class="smi-label" x-text="isSectionVisible(sectionMenu.section) ? 'Hide section' : 'Show section'"></span>
       </div>
       <div class="section-menu-sep"></div>
-      <div class="section-menu-item section-menu-customize" @click="closeSectionMenu(); toggleCustomize()">
+      <div class="section-menu-item section-menu-customize" @click="menuCustomize()">
         <span class="smi-icon">⚙️</span>
         <span class="smi-label">Customize sidebar</span>
       </div>
@@ -1128,6 +1264,15 @@
     Alpine.data('appState', appState);
   });
 
+  /** Parse a SQL/ISO timestamp ("2026-10-04 12:00:00") into a ms epoch.
+      Shared by the sidebar Chat tab (grouping by recency). */
+  window.fdTime = function(value) {
+    if (!value) return 0;
+    var t = new Date(String(value).replace(' ', 'T'));
+    if (isNaN(t.getTime())) t = new Date(value);
+    return isNaN(t.getTime()) ? 0 : t.getTime();
+  };
+
   function appState() {
     return {
       init() {
@@ -1135,6 +1280,8 @@
         this.loadSidebarConfig();
         this.loadAgents();
         this.loadTeamspaces();
+        // Badge counts on the collapsed tabs (lazy fetch, no blocking).
+        this.loadInbox();
         this.initSidebarWidth();
         document.addEventListener('fd-toggle-sidebar', () => this.toggleSidebar());
         this.startClipAutoRefresh();
@@ -1240,6 +1387,176 @@
       giteaRepo: '{{ gitea_repo|default("") }}',
       giteaTree: [],  // loaded client-side for sidebar
       currentView: 'home',
+
+      // ── Collapsible sidebar tabs (Home / Chat / Meeting / Inbox) ──
+      // The active tab renders as a pill with its label, the others collapse
+      // to an icon; selecting one replaces the whole sidebar content.
+      sidebarTab: (function() {
+        try {
+          var saved = localStorage.getItem('fd_sidebar_tab');
+          return ['home', 'chat', 'meetings', 'inbox'].indexOf(saved) >= 0 ? saved : 'home';
+        } catch (e) { return 'home'; }
+      })(),
+      setSidebarTab(tab) {
+        this.sidebarTab = tab;
+        this.currentView = tab;
+        try { localStorage.setItem('fd_sidebar_tab', tab); } catch (e) {}
+        if (tab === 'chat') this.loadChatHistory();
+        else if (tab === 'meetings') this.loadMeetings();
+        else if (tab === 'inbox') this.loadInbox();
+      },
+
+      // ── Chat tab ──
+      chatHistory: [],
+      chatLoading: false,
+      get chatRecent() {
+        var cut = Date.now() - 30 * 86400000;
+        return this.chatHistory.filter(function(c) { return fdTime(c.updated_at) >= cut; });
+      },
+      get chatOlder() {
+        var cut = Date.now() - 30 * 86400000;
+        return this.chatHistory.filter(function(c) { return fdTime(c.updated_at) < cut; });
+      },
+      loadChatHistory() {
+        var self = this;
+        this.chatLoading = true;
+        return fetch('/api/agent/conversations', { credentials: 'same-origin' })
+          .then(function(r) { return r.json(); })
+          .then(function(d) {
+            self.chatHistory = (d && d.conversations) || [];
+            self.chatLoading = false;
+          })
+          .catch(function() { self.chatLoading = false; });
+      },
+      chatOpenConversation(id) {
+        if (window.fdAgent && window.fdAgent.openConversation) window.fdAgent.openConversation(id);
+        else this.agentOpen();
+      },
+      chatNewConversation() {
+        if (window.fdAgent && window.fdAgent.open) window.fdAgent.open();
+        else this.agentNew();
+      },
+
+      // ── Meeting tab ──
+      meetings: [],
+      meetingsLoading: false,
+      meetingFilter: 'upcoming',
+      get meetingVisible() {
+        if (this.meetingFilter === 'today') {
+          return this.meetings.filter(function(e) { return e.today; });
+        }
+        return this.meetings.filter(function(e) { return !e.today; });
+      },
+      get meetingToday() { return this.meetings.filter(function(e) { return e.today; }); },
+      loadMeetings(force) {
+        var self = this;
+        if (!force && this.meetings.length) return Promise.resolve();
+        this.meetingsLoading = true;
+        return fetch('/api/v2/meetings/upcoming?days=30', { credentials: 'same-origin' })
+          .then(function(r) { return r.ok ? r.json() : { events: [] }; })
+          .then(function(d) {
+            self.meetings = (d && d.events) || [];
+            self.meetingsLoading = false;
+          })
+          .catch(function() { self.meetings = []; self.meetingsLoading = false; });
+      },
+      meetingOpen(ev) {
+        var target = ev.url || ('/db/' + ev.collection_id);
+        if (window.fdNavigate) window.fdNavigate(target);
+        else window.location.href = target;
+      },
+      meetingTranscribe() {
+        var input = this.$refs && this.$refs.meetingAudio;
+        if (input) input.click();
+      },
+      meetingNote() {
+        if (window.fdAgent && window.fdAgent.ask) {
+          window.fdAgent.ask('/meeting-note');
+        } else if (window.fdAgent && window.fdAgent.open) {
+          window.fdAgent.open();
+        }
+      },
+      meetingUpload(ev) {
+        var self = this;
+        var input = ev.target;
+        var file = input && input.files && input.files[0];
+        if (!file) return;
+        var title = 'Podcast ' + new Date().toISOString().slice(0, 10);
+        // A transcript row is attached to a page: create the meeting page first,
+        // then upload the audio against it.
+        fetch('/api/local-workspace/items', {
+          method: 'POST',
+          credentials: 'same-origin',
+          headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': this.getCsrfToken() },
+          body: JSON.stringify({ name: title, type: 'page' })
+        })
+          .then(function(r) { if (!r.ok) throw new Error('page'); return r.json(); })
+          .then(function(page) {
+            var fd = new FormData();
+            fd.append('audio', file);
+            fd.append('page_id', String(page.id));
+            return fetch('/api/v2/meetings/transcribe', {
+              method: 'POST',
+              credentials: 'same-origin',
+              headers: { 'X-CSRF-Token': self.getCsrfToken() },
+              body: fd
+            }).then(function(r) {
+              if (!r.ok) throw new Error('transcribe');
+              return r.json();
+            }).then(function() { return page; });
+          })
+          .then(function(page) {
+            self.toast('Audio uploaded — transcription attached to "' + title + '"', 'success');
+            window.location.href = '/pages/' + page.id;
+          })
+          .catch(function() { self.toast('Upload failed', 'error'); })
+          .then(function() { if (input) input.value = ''; });
+      },
+
+      // ── Inbox tab ──
+      inboxItems: [],
+      inboxUnread: 0,
+      inboxLoading: false,
+      inboxFilter: 'all',
+      get inboxVisible() {
+        if (this.inboxFilter === 'unread') {
+          return this.inboxItems.filter(function(n) { return !n.is_read; });
+        }
+        return this.inboxItems;
+      },
+      loadInbox() {
+        var self = this;
+        this.inboxLoading = true;
+        return fetch('/api/notifications?limit=50', { credentials: 'same-origin' })
+          .then(function(r) { return r.ok ? r.json() : { notifications: [], unread: 0 }; })
+          .then(function(d) {
+            self.inboxItems = (d && d.notifications) || [];
+            self.inboxUnread = (d && d.unread) || 0;
+            self.inboxLoading = false;
+          })
+          .catch(function() { self.inboxLoading = false; });
+      },
+      inboxOpen(n) {
+        if (!n.is_read) {
+          var self = this;
+          fetch('/api/notifications/read', {
+            method: 'POST',
+            credentials: 'same-origin',
+            headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': this.getCsrfToken() },
+            body: JSON.stringify({ id: n.id })
+          }).then(function() { return self.loadInbox(); });
+        }
+        if (n.url) window.location.href = n.url;
+      },
+      inboxMarkAllRead() {
+        var self = this;
+        fetch('/api/notifications/read', {
+          method: 'POST',
+          credentials: 'same-origin',
+          headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': this.getCsrfToken() },
+          body: JSON.stringify({})
+        }).then(function() { return self.loadInbox(); });
+      },
       contextMenu: { visible: false, x: 0, y: 0, pageId: null, pageName: '' },
       contextActions: {},
       showNewPageMenu: false,
@@ -1463,6 +1780,10 @@
         this.sectionMenu = { section: section, visible: true, x: ev.clientX, y: ev.clientY };
       },
 
+      menuCustomize() { this.closeSectionMenu(); this.toggleCustomize(); },
+      closeAndSetCount(n) { this.closeSectionMenu(); this.setShowCount(this.sectionMenu.section, n); },
+      closeAndMove(dir) { this.closeSectionMenu(); this.moveSection(this.sectionMenu.section, dir); },
+      closeAndToggleVisibility() { this.closeSectionMenu(); this.toggleSectionVisibility(this.sectionMenu.section); },
       closeSectionMenu() {
         this.sectionMenu.visible = false;
       },
@@ -2234,6 +2555,14 @@
 .cmd-palette-overlay.open .cmd-palette{transform:translateY(0)}
 .cmd-palette-input{width:100%;box-sizing:border-box;padding:16px 18px;background:transparent;border:none;outline:none;color:var(--text,#fff);font-size:16px}
 .cmd-palette-input::placeholder{color:var(--text-dim,rgba(255,255,255,.4))}
+.cmd-palette-tabs{display:flex;gap:6px;padding:10px 16px 0}
+.cp-tab{background:none;border:1px solid var(--border,rgba(255,255,255,.12));color:var(--text-dim,rgba(255,255,255,.55));border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}
+.cp-tab.active{background:var(--bg-hover,#2a2a2a);color:var(--text,#eee);border-color:var(--accent,#2383e2)}
+.cmd-palette-ai{padding:14px 18px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;color:var(--text,#eee)}
+.cmd-palette-ai .cp-cites{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;white-space:normal}
+a.cp-cite{color:var(--accent,#529ffa);text-decoration:none}
+a.cp-cite:hover{text-decoration:underline}
+.cp-loading{color:var(--text-dim,rgba(255,255,255,.5))}
 .cmd-palette-list{overflow-y:auto;border-top:1px solid var(--border,rgba(255,255,255,.06))}
 .cmd-palette-group{display:flex;align-items:center;gap:8px;padding:10px 18px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim,rgba(255,255,255,.4))}
 .cmd-palette-item{display:flex;align-items:center;gap:10px;padding:9px 18px;cursor:pointer;font-size:14px;color:var(--text,#fff)}
@@ -2255,6 +2584,10 @@
     <input id="fd-cp-input" class="cmd-palette-input" type="text"
            placeholder="Search pages, databases, or type a command…"
            autocomplete="off" spellcheck="false">
+    <div class="cmd-palette-tabs" id="fd-cp-tabs" role="tablist">
+      <button type="button" class="cp-tab active" data-tab="pages">Pages</button>
+      <button type="button" class="cp-tab" data-tab="ai">✨ Réponses IA</button>
+    </div>
     <div id="fd-cp-list" class="cmd-palette-list"></div>
     <div class="cmd-palette-footer">
       <span class="cpf-kbd"><b>↑</b> / <b>↓</b> navigate</span>
@@ -2275,7 +2608,7 @@
   ];
 
   var overlay, input, list;
-  var state = { open:false, items:[], index:0, query:'', timer:null, actions:false };
+  var state = { open:false, items:[], index:0, query:'', timer:null, actions:false, tab:'pages', ai:null };
 
   function esc(s){ return String(s==null?'':s).replace(/[&<>"']/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]; }); }
   function highlight(text, q){
@@ -2299,6 +2632,7 @@
   }
 
   function render(){
+    if(state.tab==='ai'){ renderAi(); return; }
     if(!state.open) return;
     if(!state.items.length){
       list.innerHTML = '<div class="cmd-palette-empty">No results for “'+esc(state.query)+'”</div>';
@@ -2335,6 +2669,7 @@
   }
 
   function runSearch(){
+    if(state.tab==='ai'){ runAi(); return; }
     var q = input.value.trim();
     state.query = q;
     state.index = 0;
@@ -2359,6 +2694,50 @@
       .catch(function(){ state.items=[]; render(); });
   }
 
+  function runAi(){
+    var q = input.value.trim();
+    state.ai = null;
+    if(!q){ state.ai = {hint:1}; renderAi(); return; }
+    state.ai = {loading:1}; renderAi();
+    fetch('/api/v2/search/ask', {
+      method:'POST',
+      headers: {'Content-Type':'application/json', 'X-CSRF-Token': getCsrf()},
+      body: JSON.stringify({question: q})
+    }).then(function(r){ if(!r.ok) throw 0; return r.json(); })
+      .then(function(d){
+        if(state.tab!=='ai' || input.value.trim()!==q) return;
+        state.ai = d; renderAi();
+      })
+      .catch(function(){
+        if(state.tab!=='ai') return;
+        state.ai = {error:1}; renderAi();
+      });
+  }
+  function renderAi(){
+    var a = state.ai;
+    if(!a){ list.innerHTML=''; return; }
+    if(a.loading){ list.innerHTML='<div class="cmd-palette-ai"><span class="cp-loading">Recherche de la réponse…</span></div>'; return; }
+    if(a.error){ list.innerHTML='<div class="cmd-palette-ai">Demande impossible — réessayez.</div>'; return; }
+    if(a.hint){ list.innerHTML='<div class="cmd-palette-ai">Posez une question sur votre espace : la réponse cite vos pages.</div>'; return; }
+    var cits = a.citations || [], byId = {};
+    cits.forEach(function(c){ byId[String(c.id)] = c; });
+    // échappement AVANT injection des liens (ids = chiffres, type = [a-z]+)
+    var md = esc(a.answer_markdown || '')
+      .replace(/\[\[([a-z]+):(\d+)\]\]/g, function(m, type, id){
+        var c = byId[id];
+        var label = esc((c && (c.title || c.name)) || (type + ' #' + id));
+        var href = type === 'collection' ? '/db/' + id : '/pages/' + id;
+        return '<a class="cp-cite" href="' + href + '">' + label + '</a>';
+      })
+      .replace(/\*\*([^*]+)\*\*/g, '<b>$1</b>');
+    var cites = cits.map(function(c){
+      var href = c.type === 'collection' ? '/db/' + c.id : '/pages/' + c.id;
+      return '<a class="cp-cite" href="' + href + '">' + esc(c.title || c.name || 'page #' + c.id) + '</a>';
+    }).join('');
+    list.innerHTML = '<div class="cmd-palette-ai">' + md +
+      (cites ? '<div class="cp-cites"><b>Sources</b> ' + cites + '</div>' : '') + '</div>';
+  }
+
   function open(){
     if(state.open) return;
     state.open=true; overlay.classList.add('open');
@@ -2413,6 +2792,16 @@
     list = document.getElementById('fd-cp-list');
     if(!overlay) return;
     input.addEventListener('input', function(){ clearTimeout(state.timer); state.timer=setTimeout(runSearch, 150); });
+    var tabs = document.getElementById('fd-cp-tabs');
+    if(tabs) tabs.addEventListener('click', function(e){
+      var b = e.target && e.target.closest ? e.target.closest('.cp-tab') : null;
+      if(!b) return;
+      state.tab = b.getAttribute('data-tab');
+      var all = tabs.querySelectorAll('.cp-tab');
+      for(var i=0;i<all.length;i++) all[i].classList.toggle('active', all[i]===b);
+      state.index = 0;
+      runSearch();
+    });
     document.addEventListener('keydown', onKey);
   });
 })();

app/templates/board.html

@@ -74,7 +74,7 @@
   <template x-for="(f, i) in activeFilters" :key="i">
     <div class="filter-pill">
       <span x-text="f.property + ': ' + f.value"></span>
-      <button class="remove-filter" @click="removeFilter(i); refreshView()">✕</button>
+      <button class="remove-filter" @click="removeFilterAndRefresh(i)">✕</button>
     </div>
   </template>
   <div class="filter-pill" style="cursor:pointer; position:relative;" @click="showStatusMenu = !showStatusMenu">
@@ -84,7 +84,7 @@
     <div class="dropdown-panel" :class="{ visible: showStatusMenu }" style="top:100%; left:0;"
          @click.stop>
       <template x-for="s in statusOptions" :key="s.value">
-        <div class="dropdown-option" @click="toggleStatus(s.value); showStatusMenu = false; refreshView()">
+        <div class="dropdown-option" @click="pickStatus(s.value)">
           <span class="option-checkbox" :class="{ selected: statusFilters.includes(s.value) }">
             <span x-show="statusFilters.includes(s.value)">✓</span>
           </span>
@@ -95,7 +95,7 @@
     </div>
   </div>
   <button class="filter-add-btn" @click="addFilter()">+ Filter</button>
-  <button class="filter-reset-btn" @click="resetFilters(); refreshView()" x-show="activeFilters.length > 0">Reset</button>
+  <button class="filter-reset-btn" @click="resetFiltersAndRefresh()" x-show="activeFilters.length > 0">Reset</button>
 
   <div class="view-toolbar-spacer"></div>
 

app/templates/card_detail.html

@@ -95,7 +95,7 @@
               style="width:100%; min-height:60px; background:var(--bg-secondary); border:1px solid var(--border);
                      border-radius:6px; padding:8px; color:var(--text-primary); font-family:inherit; font-size:13px;
                      resize:vertical; margin-top:8px;"
-              @keydown.ctrl.enter="addComment($event.target.value); $event.target.value=''"></textarea>
+              @keydown.ctrl.enter="addCommentAndClear($event.target)"></textarea>
   </div>
 </div>
 
@@ -104,7 +104,8 @@
 
   // globales window — probe « Undefined variable: cardDetail »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('cardDetail', cardDetail); });
+  if (window.Alpine) { Alpine.data('cardDetail', cardDetail); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('cardDetail', cardDetail); });
   function cardDetail() {
     return {
       updateField(field, value) {
@@ -138,6 +139,7 @@
         })
           .then(() => htmx.ajax('GET', `/api/issues/${owner}/${repo}/${issue_id}?format=html`, { target: '#card-modal-content', swap: 'innerHTML' }));
       },
+      addCommentAndClear(el) { this.addComment(el.value); el.value = ''; },
       addComment(body) {
         if (!body.trim()) return;
         console.log('Add comment:', body);

app/templates/gitea_workspace.html

@@ -180,7 +180,7 @@
         <strong>Editing: <span x-text="editingPrivateTitle || 'Untitled'"></span></strong>
         <span style="flex:1;"></span>
         <button class="btn" @click="savePrivate()">{{ fd_icon("save",14) }} Save</button>
-        <button class="btn" @click="editingPrivate=null;editingPrivateTitle='';editingPrivateContent='';">Cancel</button>
+        <button class="btn" @click="closePrivateEdit()">Cancel</button>
       </div>
       <div class="gw-content">
         <input x-model="editingPrivateTitle" placeholder="Page title" style="width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;margin-bottom:12px;outline:none;">

app/templates/import.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Importer — FlowDeck</title>
 <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
-<script src="/static/js/alpine.min.js" defer data-cfasync="false"></script>
+<script src="/static/js/alpine.csp.min.js" defer data-cfasync="false"></script>
 <style>
 :root{--bg:#191919;--bg2:#1F1F1F;--bg3:#2D2D2D;--border:#333;--text:#fff;--dim:#9B9A97;--accent:#2383E2;--accent-h:#1a6bc0;--success:#0F7B6C;--danger:#E03E3E;--warn:#D9730D;}
 *{margin:0;padding:0;box-sizing:border-box;}

app/templates/library.html

@@ -18,7 +18,7 @@
 
 <style>
 /* ── Library layout ── */
-.lib-container{max-width:1100px;margin:0 auto;padding:20px 24px;}
+/* .lib-container est défini dans app.css (largeur standard des pages) */
 .lib-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
 .lib-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;}
 .lib-header-actions{display:flex;align-items:center;gap:8px;}
@@ -233,7 +233,7 @@
     </div>
     <div class="lib-toolbar">
       <div class="lib-toolbar-wrap" x-show="tab !== 'repository'">
-        <button class="lib-icon-btn" :class="{active: filterOpen}" title="Filter" @click.stop="filterOpen=!filterOpen; sortOpen=false; viewOpen=false">
+        <button class="lib-icon-btn" :class="{active: filterOpen}" title="Filter" @click.stop="toggleFilterMenu()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
         </button>
         <div class="lib-dropdown" x-show="filterOpen" @click.outside="filterOpen=false" x-transition>
@@ -245,7 +245,7 @@
         </div>
       </div>
       <div class="lib-toolbar-wrap">
-        <button class="lib-icon-btn" :class="{active: sortOpen}" title="Sort" @click.stop="sortOpen=!sortOpen; filterOpen=false; viewOpen=false">
+        <button class="lib-icon-btn" :class="{active: sortOpen}" title="Sort" @click.stop="toggleSortMenu()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="9" x2="14" y2="9"/><line x1="4" y1="15" x2="10" y2="15"/><polyline points="17 5 17 19"/><polyline points="13 16 17 20 21 16"/></svg>
         </button>
         <div class="lib-dropdown" x-show="sortOpen" @click.outside="sortOpen=false" x-transition>
@@ -259,7 +259,7 @@
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
       </button>
       <div class="lib-toolbar-wrap">
-        <button class="lib-icon-btn" :class="{active: viewOpen}" title="View options" @click.stop="viewOpen=!viewOpen; filterOpen=false; sortOpen=false">
+        <button class="lib-icon-btn" :class="{active: viewOpen}" title="View options" @click.stop="toggleViewMenu()">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/><circle cx="9" cy="6" r="1.5" fill="currentColor" stroke="none"/><circle cx="15" cy="12" r="1.5" fill="currentColor" stroke="none"/><circle cx="9" cy="18" r="1.5" fill="currentColor" stroke="none"/></svg>
         </button>
         <div class="lib-dropdown" x-show="viewOpen" @click.outside="viewOpen=false" x-transition>
@@ -408,7 +408,7 @@
 <div class="peek-overlay" :class="{ open: peekItem !== null }" @click.outside="closePeek()">
   <div id="lib-peek-resize-handle" style="position:absolute;left:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:501;" title="Drag to resize — click to close"></div>
   <template x-if="peekItem">
-    <div style="display:flex;flex-direction:column;height:100%;">
+    <div style="flex-shrink:0;">
       <div class="peek-header">
         <button @click="closePeek()" 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>
@@ -445,11 +445,17 @@
           </div>
         </div>
       </div>
-      <div class="peek-body" style="flex:1;display:flex;flex-direction:column;">
-        <iframe id="lib-peek-iframe" :src="peekItem ? '/pages/' + peekItem.id + '?embed=1' : ''" style="width:100%;height:100%;border:none;flex:1;"></iframe>
-      </div>
     </div>
   </template>
+  <!-- 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. -->
+  <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>
+  </div>
 </div>
 
 </div><!-- /x-data -->

app/templates/local_workspace.html

@@ -553,7 +553,7 @@
     <div class="ws-toolbar" style="margin-left:auto;">
       <!-- View dropdown -->
       <div class="lib-toolbar-wrap" style="position:relative;">
-        <button class="ws-icon-btn" :class="{active: viewMenuOpen}" title="View" @click.stop="viewMenuOpen=!viewMenuOpen; sortOpen=false; searchOpen=false">
+        <button class="ws-icon-btn" :class="{active: viewMenuOpen}" title="View" @click.stop="toggleViewMenu()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
         </button>
         <div class="ws-dropdown" x-show="viewMenuOpen" @click.outside="viewMenuOpen=false" x-transition style="right:0;">
@@ -567,7 +567,7 @@
       </div>
       <!-- Sort -->
       <div class="lib-toolbar-wrap" style="position:relative;">
-        <button class="ws-icon-btn" :class="{active: sortOpen}" title="Sort" @click.stop="sortOpen=!sortOpen; viewMenuOpen=false">
+        <button class="ws-icon-btn" :class="{active: sortOpen}" title="Sort" @click.stop="toggleSortMenu()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="9" x2="14" y2="9"/><line x1="4" y1="15" x2="10" y2="15"/><polyline points="17 5 17 19"/><polyline points="13 16 17 20 21 16"/></svg>
         </button>
         <div class="ws-dropdown" x-show="sortOpen" @click.outside="sortOpen=false" x-transition style="right:0;">
@@ -581,7 +581,7 @@
       </div>
       <!-- Filter -->
       <div class="lib-toolbar-wrap" style="position:relative;">
-        <button class="ws-icon-btn" :class="{active: filterOpen || filterType}" title="Filter" @click.stop="filterOpen=!filterOpen; viewMenuOpen=false; sortOpen=false">
+        <button class="ws-icon-btn" :class="{active: filterOpen || filterType}" title="Filter" @click.stop="toggleFilterMenu()">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
         </button>
         <div class="ws-dropdown" x-show="filterOpen" @click.outside="filterOpen=false" x-transition style="right:0;">

app/templates/page_editor_collection.html

@@ -5,6 +5,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
 {% set right_actions %}<span class="topbar-edited" style="cursor:pointer;" @click="edCall('toggleActivityOpen')">Edited <span x-text="edTimeAgo()"></span> ▾</span><button class="topbar-btn share-btn" @click="edCall('toggleShareOpen')"><span x-show="!edShared()">{{ fd_icon("lock",14) }} Share ▾</span><span x-show="edShared()" title="This page is shared">👥 Shared ▾</span></button><button class="topbar-btn" @click="edCall('copyPageLink')" title="Copy link">{{ fd_icon("link",14) }}</button><button class="topbar-btn star-btn" @click="edCall('toggleFavorite')" x-init="bindStar($el)"></button><button class="topbar-btn relative" @click="edCall('toggleMoreOpen')">⋯</button>{% endset %}
 {% include '_header.html' %}
 {% endblock %} {% block content %}
+<h1 class="database-page-title">{{ page.title }}</h1>
 {% include "_database_table.html" %}
 {% endblock %} {% block scripts %}
 <script data-cfasync="false" nonce="{{ csp_nonce() }}">

app/templates/settings.html

@@ -136,24 +136,24 @@
       <div class="settings-nav-header">Account</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='account' }" @click="activeSection='account'"><span class="nav-icon-inline">{{ fd_icon("user",14) }}</span> My account</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='notifications' }" @click="activeSection='notifications'"><span class="nav-icon-inline">{{ fd_icon("bell",14) }}</span> Notifications</div>
-      <div class="settings-nav-item" :class="{ active: activeSection==='api-tokens' }" @click="activeSection='api-tokens'; loadApiTokens()"><span class="nav-icon-inline">{{ fd_icon("key",14) }}</span> API tokens</div>
-      <div class="settings-nav-item" :class="{ active: activeSection==='sessions' }" @click="activeSection='sessions'; loadSessions()"><span class="nav-icon-inline">{{ fd_icon("users",14) }}</span> Sessions</div>
-      <div class="settings-nav-item" :class="{ active: activeSection==='extensions' }" @click="activeSection='extensions'; loadClipperDevices()"><span class="nav-icon-inline">{{ fd_icon("zap",14) }}</span> Extensions</div>
+      <div class="settings-nav-item" :class="{ active: activeSection==='api-tokens' }" @click="navTo('api-tokens')"><span class="nav-icon-inline">{{ fd_icon("key",14) }}</span> API tokens</div>
+      <div class="settings-nav-item" :class="{ active: activeSection==='sessions' }" @click="navTo('sessions')"><span class="nav-icon-inline">{{ fd_icon("users",14) }}</span> Sessions</div>
+      <div class="settings-nav-item" :class="{ active: activeSection==='extensions' }" @click="navTo('extensions')"><span class="nav-icon-inline">{{ fd_icon("zap",14) }}</span> Extensions</div>
       <div class="settings-nav-header">Workspace</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='workspace' }" @click="activeSection='workspace'">{{ fd_icon("file",14) }} General</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='tags' }" @click="activeSection='tags'">{{ fd_icon("tag",14) }} Tags</div>
       <div class="settings-nav-header">Features</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='features' }" @click="activeSection='features'">{{ fd_icon("link",14) }} Integrations</div>
-      <div class="settings-nav-item" :class="{ active: activeSection==='automations' }" @click="activeSection='automations'; loadAutomations()">{{ fd_icon("zap",14) }} Automations</div>
+      <div class="settings-nav-item" :class="{ active: activeSection==='automations' }" @click="navTo('automations')">{{ fd_icon("zap",14) }} Automations</div>
       <div class="settings-nav-item" :class="{ active: activeSection==='llm' }" @click="activeSection='llm'">{{ fd_icon("bot",14) }} Agent &amp; IA</div>
       <!-- Admin nav: only visible to admins -->
       <template x-if="userIsAdmin">
         <div>
           <div class="settings-nav-header">Admin</div>
-          <div class="settings-nav-item" :class="{ active: activeSection==='admin-users' }" @click="activeSection='admin-users'; loadAdminUsers()">{{ fd_icon("users",14) }} Users &amp; Roles</div>
-          <div class="settings-nav-item" :class="{ active: activeSection==='admin-audit' }" @click="activeSection='admin-audit'; loadAdminAudit()">{{ fd_icon("file-text",14) }} Audit Log</div>
-          <div class="settings-nav-item" :class="{ active: activeSection==='admin-backups' }" @click="activeSection='admin-backups'; loadBackups()">{{ fd_icon("download",14) }} Backups</div>
-          <div class="settings-nav-item" :class="{ active: activeSection==='admin-sso' }" @click="activeSection='admin-sso'; loadSsoConfig()">{{ fd_icon("lock",14) }} SSO / Enterprise</div>
+          <div class="settings-nav-item" :class="{ active: activeSection==='admin-users' }" @click="navTo('admin-users')">{{ fd_icon("users",14) }} Users &amp; Roles</div>
+          <div class="settings-nav-item" :class="{ active: activeSection==='admin-audit' }" @click="navTo('admin-audit')">{{ fd_icon("file-text",14) }} Audit Log</div>
+          <div class="settings-nav-item" :class="{ active: activeSection==='admin-backups' }" @click="navTo('admin-backups')">{{ fd_icon("download",14) }} Backups</div>
+          <div class="settings-nav-item" :class="{ active: activeSection==='admin-sso' }" @click="navTo('admin-sso')">{{ fd_icon("lock",14) }} SSO / Enterprise</div>
         </div>
       </template>
     </div>
@@ -635,16 +635,142 @@
               </div>
             </div>
           </div>
-          <div class="setting-row" style="flex-direction:column;align-items:stretch;gap:6px;">
+          <div class="setting-row" x-show="!editSteps.length" style="flex-direction:column;align-items:stretch;gap:6px;">
             <div class="setting-label">Conditions (JSON — toutes AND)</div>
             <textarea class="settings-input" style="width:100%;min-height:60px;font-family:monospace;font-size:12px;" x-model="af.condition_json" placeholder='[{"property":"Status","op":"eq","value":"Done"}]'></textarea>
             <div class="setting-desc">Ops : eq, neq, contains, not_contains, is_empty, is_not_empty, changed</div>
           </div>
-          <div class="setting-row" style="flex-direction:column;align-items:stretch;gap:6px;">
+          <div class="setting-row" x-show="!editSteps.length" style="flex-direction:column;align-items:stretch;gap:6px;">
             <div class="setting-label">Actions (JSON)</div>
             <textarea class="settings-input" style="width:100%;min-height:80px;font-family:monospace;font-size:12px;" x-model="af.actions_json" placeholder='[{"type":"webhook","url":"https://..."}, {"type":"set_property","property":"Status","value":"Done"}, {"type":"create_page","collection_id":1,"title":"New task"}, {"type":"notify","message":"Automation fired"}]'></textarea>
             <div class="setting-desc">Types : webhook, set_property, create_page, notify</div>
           </div>
+
+          <!-- Pipeline visuel (steps API v7.0) -->
+          <div class="setting-row" x-show="editAutomationId" style="flex-direction:column;align-items:stretch;gap:6px;">
+            <div class="setting-label">Pipeline visuel (steps)</div>
+            <div class="setting-desc" x-show="!editSteps.length">Aucun step : automation en mode legacy (JSON ci-dessus). Ajoutez une étape (ou convertissez le JSON) pour basculer en pipeline.</div>
+            <template x-for="(s, i) in editSteps" :key="s.id">
+              <div style="border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:6px;">
+                <div style="display:flex;gap:8px;align-items:center;">
+                  <span class="setting-label" style="font-weight:500;" x-text="(i+1) + '. ' + stepSummary(s)"></span>
+                  <span style="flex:1"></span>
+                  <button class="btn-sm" title="Monter" @click="moveStep(i, -1)">↑</button>
+                  <button class="btn-sm" title="Descendre" @click="moveStep(i, 1)">↓</button>
+                  <button class="btn-sm" @click="stepEdit = stepEdit===i ? -1 : i" x-text="stepEdit===i ? 'Fermer' : 'Modifier'"></button>
+                  <button class="btn-sm" style="color:#e5534b;" title="Supprimer" @click="delStep(i)">✕</button>
+                </div>
+                <div x-show="stepEdit===i" style="margin-top:8px;display:flex;flex-direction:column;gap:6px;">
+                  <template x-if="s.kind==='trigger'">
+                    <div>
+                      <div class="setting-label">Événement</div>
+                      <input class="settings-input" style="width:100%;" x-model="s.config.event" list="auto-events">
+                      <datalist id="auto-events">
+                        <option value="page.created"></option><option value="page.updated"></option><option value="page.deleted"></option>
+                        <option value="collection.created"></option><option value="collection.updated"></option><option value="collection.deleted"></option>
+                        <option value="form.submitted"></option><option value="meeting.summarized"></option><option value="site.viewed"></option>
+                      </datalist>
+                    </div>
+                  </template>
+                  <template x-if="s.kind==='condition'">
+                    <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                      <input class="settings-input" placeholder="Propriété" x-model="s.config.property">
+                      <select class="settings-input" x-model="s.config.op">
+                        <option value="eq">=</option><option value="neq">≠</option>
+                        <option value="contains">contient</option><option value="not_contains">ne contient pas</option>
+                        <option value="is_empty">vide</option><option value="is_not_empty">non vide</option>
+                        <option value="changed">changé</option>
+                      </select>
+                      <input class="settings-input" placeholder="Valeur" x-model="s.config.value">
+                    </div>
+                  </template>
+                  <template x-if="s.kind==='delay'">
+                    <div>
+                      <div class="setting-label">Secondes (0-86400 · exécution plafonnée à 300 s)</div>
+                      <input class="settings-input" type="number" min="0" max="86400" x-model.number="s.config.seconds">
+                    </div>
+                  </template>
+                  <template x-if="s.kind==='action'">
+                    <div style="display:flex;flex-direction:column;gap:6px;">
+                      <select class="settings-input" x-model="s.config.type">
+                        <option value="webhook">Webhook</option>
+                        <option value="set_property">Définir une propriété</option>
+                        <option value="create_page">Créer une page</option>
+                        <option value="notify">Notification</option>
+                        <option value="slack">Slack</option>
+                        <option value="email">Email</option>
+                        <option value="forge_issue">Issue Gitea/GitHub</option>
+                        <option value="agent_trigger">Déclencher un agent</option>
+                      </select>
+                      <template x-if="s.config.type==='webhook'">
+                        <input class="settings-input" placeholder="https://…" x-model="s.config.url">
+                      </template>
+                      <template x-if="s.config.type==='set_property'">
+                        <div style="display:flex;gap:8px;">
+                          <input class="settings-input" placeholder="Propriété" x-model="s.config.property">
+                          <input class="settings-input" placeholder="Valeur" x-model="s.config.value">
+                        </div>
+                      </template>
+                      <template x-if="s.config.type==='create_page'">
+                        <div style="display:flex;gap:8px;">
+                          <select class="settings-input" x-model="s.config.collection_id">
+                            <option value="">Base (optionnel)</option>
+                            <template x-for="c in globalCollections" :key="c.id">
+                              <option x-bind:value="c.id" x-text="c.icon + ' ' + c.name"></option>
+                            </template>
+                          </select>
+                          <input class="settings-input" placeholder="Titre" x-model="s.config.title">
+                        </div>
+                      </template>
+                      <template x-if="s.config.type==='notify'">
+                        <input class="settings-input" placeholder="Message" x-model="s.config.message">
+                      </template>
+                      <template x-if="s.config.type==='slack'">
+                        <div style="display:flex;gap:8px;">
+                          <input class="settings-input" placeholder="Webhook URL (chiffrée)" x-model="s.config.webhook_url">
+                          <input class="settings-input" placeholder="Texte" x-model="s.config.text">
+                        </div>
+                      </template>
+                      <template x-if="s.config.type==='email'">
+                        <div style="display:flex;gap:8px;flex-direction:column;">
+                          <input class="settings-input" placeholder="À (to)" x-model="s.config.to">
+                          <input class="settings-input" placeholder="Sujet" x-model="s.config.subject">
+                          <textarea class="settings-input" style="min-height:56px;" placeholder="Corps" x-model="s.config.body"></textarea>
+                        </div>
+                      </template>
+                      <template x-if="s.config.type==='forge_issue'">
+                        <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                          <input class="settings-input" placeholder="owner" x-model="s.config.owner">
+                          <input class="settings-input" placeholder="repo" x-model="s.config.repo">
+                          <input class="settings-input" placeholder="Titre" x-model="s.config.title">
+                          <input class="settings-input" placeholder="Labels (virgules)" x-model="s.config.labels">
+                        </div>
+                      </template>
+                      <template x-if="s.config.type==='agent_trigger'">
+                        <div style="display:flex;gap:8px;">
+                          <input class="settings-input" type="number" placeholder="Agent ID" x-model.number="s.config.agent_id">
+                          <input class="settings-input" placeholder="Message" x-model="s.config.message">
+                        </div>
+                      </template>
+                    </div>
+                  </template>
+                  <div><button class="btn-sm" @click="saveStep(s)">Enregistrer l'étape</button></div>
+                </div>
+              </div>
+            </template>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
+              <select class="settings-input" style="min-width:150px;" x-model="stepNewKind">
+                <option value="trigger">Déclencheur</option>
+                <option value="condition">Condition</option>
+                <option value="delay">Attente</option>
+                <option value="action">Action</option>
+              </select>
+              <button class="btn-sm" @click="addStep()">+ Ajouter l'étape</button>
+              <button class="btn-sm" style="color:var(--accent,#2383e2);" x-show="!editSteps.length && editAutomationId"
+                      @click="convertToSteps()">✨ Convertir le JSON en pipeline</button>
+            </div>
+          </div>
+
           <div style="display:flex;gap:8px;margin-top:8px;">
             <button class="btn-sm" @click="saveAutomation()" x-text="editAutomationId ? 'Enregistrer' : 'Créer'"></button>
             <button class="btn-sm" style="color:var(--text-secondary);" x-show="editAutomationId" @click="cancelEditAutomation()">Annuler</button>
@@ -774,7 +900,7 @@
                   </td>
                   <td>
                     <div style="display:flex;gap:4px;">
-                      <button class="btn-sm" @click="editingUser=u; editUserForm={login:u.login,name:u.full_name,email:u.email,is_admin:u.is_admin,is_active:u.is_active}" title="Edit">{{ fd_icon("edit",14) }}</button>
+                      <button class="btn-sm" @click="editUserRow(u)" title="Edit">{{ fd_icon("edit",14) }}</button>
                       <button class="btn-sm btn-sm-danger" @click="adminDeleteUser(u.id)" title="Delete" x-show="adminUsers.length > 1">{{ fd_icon("trash",14) }}</button>
                     </div>
                   </td>
@@ -813,7 +939,7 @@
         <p class="section-desc">Actions API, changements de permissions et connexions SSO (unifiés).</p>
         <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center;">
           <template x-for="s in ['all','api','permissions','sso']" :key="s">
-            <button class="btn" :class="{ 'btn-primary': auditSource===s }" style="font-size:12px;" @click="auditSource=s; loadAuditLogs()" x-text="s"></button>
+            <button class="btn" :class="{ 'btn-primary': auditSource===s }" style="font-size:12px;" @click="setAuditSource(s)" x-text="s"></button>
           </template>
           <input type="text" placeholder="actor (user id)" x-model="auditActor" style="font-size:12px;padding:6px 8px;" @keyup.enter="loadAuditLogs()">
           <input type="text" placeholder="action (LIKE)" x-model="auditAction" style="font-size:12px;padding:6px 8px;" @keyup.enter="loadAuditLogs()">
@@ -853,7 +979,7 @@
           </table>
         </div>
         <div style="display:flex;justify-content:center;margin-top:12px;">
-          <button class="btn" style="font-size:12px;" x-show="auditHasMore" @click="auditOffset+=auditPageSize; loadAuditLogs(false)">Load more</button>
+          <button class="btn" style="font-size:12px;" x-show="auditHasMore" @click="auditNext()">Load more</button>
         </div>
         <style>
           .audit-src{display:inline-block;padding:1px 7px;border-radius:8px;font-weight:600;}

app/templates/table_view.html

@@ -104,7 +104,8 @@
 
   // globales window — probe « Undefined variable: tableView »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('tableView', tableView); });
+  if (window.Alpine) { Alpine.data('tableView', tableView); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('tableView', tableView); });
   function tableView() {
     return {
       sortField: '',

app/templates/team_load.html

@@ -48,7 +48,8 @@
 
   // globales window — probe « Undefined variable: teamLoad »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('teamLoad', teamLoad); });
+  if (window.Alpine) { Alpine.data('teamLoad', teamLoad); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('teamLoad', teamLoad); });
   function teamLoad() {
     return {};
   }

app/templates/trash.html

@@ -11,46 +11,94 @@
   </div>
 </div>
 
-<div x-data="trashData()" style="padding: 0 24px; max-width: 800px;">
-  <!-- Search -->
-  <div style="position:relative; margin-bottom:12px;">
-    <span style="position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--text-dim);">{{ fd_icon("search",14) }}</span>
-    <input type="text" placeholder="Search pages in Trash" x-model="search"
-           style="width:100%; padding:8px 12px 8px 36px; background:var(--bg-tertiary); border:1px solid var(--border); border-radius:6px; color:var(--text-primary); font-size:14px; outline:none; box-sizing:border-box;">
+<div x-data="trashData()" class="lib-container">
+  <!-- Toolbar : recherche + tri + emplacement + purge -->
+  <div style="display:flex; align-items:center; gap:8px; margin-bottom:12px;">
+    <div style="position:relative; flex:1;">
+      <span style="position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--text-dim);">{{ fd_icon("search",14) }}</span>
+      <input type="text" placeholder="Search pages in Trash" x-model="search"
+             style="width:100%; padding:8px 12px 8px 36px; background:var(--bg-tertiary); border:1px solid var(--border); border-radius:6px; color:var(--text-primary); font-size:14px; outline:none; box-sizing:border-box;">
+    </div>
+
+    <!-- Tri -->
+    <div class="lib-toolbar-wrap">
+      <button class="lib-icon-btn" :class="{active: sortOpen}" title="Sort" @click.stop="toggleSort()">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg>
+      </button>
+      <div class="lib-dropdown" x-show="sortOpen" @click.outside="sortOpen=false" x-transition>
+        <div class="dd-label">Sort by</div>
+        <div class="dd-item" :class="{active: sort==='recent'}" @click="setSort('recent')"><span class="check" x-text="sort==='recent' ? '✓' : ''"></span> Recently deleted</div>
+        <div class="dd-item" :class="{active: sort==='oldest'}" @click="setSort('oldest')"><span class="check" x-text="sort==='oldest' ? '✓' : ''"></span> Oldest first</div>
+        <div class="dd-item" :class="{active: sort==='name'}" @click="setSort('name')"><span class="check" x-text="sort==='name' ? '✓' : ''"></span> Page name A → Z</div>
+      </div>
+    </div>
+
+    <!-- Emplacement -->
+    <div class="lib-toolbar-wrap" x-show="locations.length > 1">
+      <button class="lib-icon-btn" :class="{active: locOpen || locFilter !== 'all'}" title="Filter by location" @click.stop="toggleLoc()">
+        {{ fd_icon("folder",16) }}
+      </button>
+      <div class="lib-dropdown" x-show="locOpen" @click.outside="locOpen=false" x-transition>
+        <div class="dd-label">Location</div>
+        <div class="dd-item" :class="{active: locFilter==='all'}" @click="setLoc('all')"><span class="check" x-text="locFilter==='all' ? '✓' : ''"></span> All locations</div>
+        <template x-for="l in locations" :key="l">
+          <div class="dd-item" :class="{active: locFilter===l}" @click="setLoc(l)"><span class="check" x-text="locFilter===l ? '✓' : ''"></span> <span x-text="l"></span></div>
+        </template>
+      </div>
+    </div>
+
+    <!-- Purge totale -->
+    <button class="btn-sm btn-sm-danger" x-show="items.length" @click="emptyTrash()">Empty Trash</button>
   </div>
 
-  <!-- Filters -->
-  <div style="display:flex; gap:8px; margin-bottom:16px;">
-    <button class="trash-filter active">
-      <span style="color:var(--accent);">{{ fd_icon("user",14) }}</span> Last edited by ▾
-    </button>
-    <button class="trash-filter">
-      <span>{{ fd_icon("folder",14) }}</span> In ▾
-    </button>
+  <!-- Sélection + compteur + actions groupées -->
+  <div style="display:flex; align-items:center; gap:14px; margin-bottom:8px; font-size:13px; color:var(--text-dim);" x-show="items.length">
+    <label style="display:flex; align-items:center; gap:6px; cursor:pointer;">
+      <input type="checkbox" style="accent-color:var(--accent); cursor:pointer;" :checked="allSelected" @change="toggleAll()">
+      <span x-text="selected.length ? selected.length + ' selected' : 'Select all'"></span>
+    </label>
+    <span x-text="countLabel"></span>
+    <div style="margin-left:auto; display:flex; gap:6px;" x-show="selected.length">
+      <button class="btn-sm" @click="restoreSelected()">Restore</button>
+      <button class="btn-sm btn-sm-danger" @click="deleteSelected()">Delete</button>
+      <button class="btn-sm" @click="clearSel()">Clear</button>
+    </div>
   </div>
 
   <!-- Items -->
   <div style="min-height:200px;">
     <template x-for="item in filteredItems" :key="item.id">
       <div class="trash-item">
+        <input type="checkbox" style="accent-color:var(--accent); cursor:pointer; flex-shrink:0;"
+               :checked="selected.includes(item.id)" @change="toggle(item.id)">
         <span class="trash-item-icon" x-text="item.icon"></span>
         <div class="trash-item-info">
           <span class="trash-item-name" x-text="item.name"></span>
-          <span class="trash-item-path" x-text="item.path"></span>
+          <span class="trash-item-path">
+            <span x-text="item.path"></span> · <span x-text="ago(item.deleted_at)"></span><span x-text="leftLabel(item.deleted_at)"></span>
+          </span>
         </div>
-        <button class="trash-item-btn" title="Restore" @click="restore(item.id)">
-          ↩️
-        </button>
+        <button class="trash-item-btn" title="Restore" @click="restore(item.id)">↩️</button>
         <button class="trash-item-btn" title="Delete permanently" @click="deleteForever(item.id)">
           {{ fd_icon("trash",14) }}
         </button>
       </div>
     </template>
-    <div x-show="filteredItems.length === 0" class="lib-empty">
-      <div style="font-size:48px;margin-bottom:16px;">{{ fd_icon("trash",14) }}</div>
+
+    <!-- État vide : aucun contenu -->
+    <div x-show="items.length === 0" class="lib-empty">
+      <div style="font-size:48px;margin-bottom:16px;">{{ fd_icon("trash",24) }}</div>
       <h3>Trash is empty</h3>
       <p>Deleted pages will appear here for 30 days.</p>
     </div>
+
+    <!-- État vide : filtres sans résultat -->
+    <div x-show="items.length > 0 && filteredItems.length === 0" class="lib-empty">
+      <div style="font-size:48px;margin-bottom:16px;">{{ fd_icon("search",24) }}</div>
+      <h3>No pages match</h3>
+      <p x-text="items.length + ' page(s) in Trash — none matches the current search/location filter.'"></p>
+      <button class="btn-sm" style="margin-top:12px;" @click="clearFilters()">Clear filters</button>
+    </div>
   </div>
 
   <!-- Info -->
@@ -58,42 +106,229 @@
     <span>Once a page has been in Trash for 30 days, it will be automatically deleted</span>
     <span style="font-size:16px;">ⓘ</span>
   </div>
+
+  <!-- Confirmation thématique (remplace confirm() du navigateur) — classes
+       flowdeck-modal définies dans base.html, thème variables du site -->
+  <div id="fd-trash-confirm" class="flowdeck-modal-overlay" x-show="confirm.show" x-transition.opacity
+       @click.self="cancelConfirm()" @keydown.escape.window="cancelConfirm()" style="display:none;">
+    <div class="flowdeck-modal" x-transition role="alertdialog" aria-modal="true" aria-labelledby="fd-trash-confirm-title">
+      <div class="flowdeck-modal-header">
+        <h3 id="fd-trash-confirm-title" x-text="confirm.title"></h3>
+        <button class="flowdeck-modal-close" @click="cancelConfirm()" aria-label="Close">&times;</button>
+      </div>
+      <div class="flowdeck-modal-body">
+        <p x-text="confirm.message"></p>
+      </div>
+      <div class="flowdeck-modal-footer">
+        <button class="flowdeck-modal-btn cancel" @click="cancelConfirm()">Cancel</button>
+        <button class="flowdeck-modal-btn confirm" @click="acceptConfirm()" x-text="confirm.okText"></button>
+      </div>
+    </div>
+  </div>
 </div>
 {% endblock %}
 
 {% block scripts %}
 <script data-cfasync="false" nonce="{{ csp_nonce() }}">
   // A20 phase 3 : registre Alpine.data (le build CSP ne résout pas les
-
   // globales window — probe « Undefined variable: trashData »).
+  if (window.Alpine) { Alpine.data('trashData', trashData); }
+  else document.addEventListener('alpine:init', function () { Alpine.data('trashData', trashData); });
 
-  document.addEventListener('alpine:init', function () { Alpine.data('trashData', trashData); });
   function trashData() {
+    // Rétention alignée sur app/services/trash.py (purge auto quotidienne).
+    var RETENTION_DAYS = 30;
     return {
       search: '',
+      sort: 'recent',
+      locFilter: 'all',
+      sortOpen: false,
+      locOpen: false,
+      selected: [],
       items: [],
+      // Confirmation thématique (remplace confirm() du navigateur)
+      confirm: { show: false, title: '', message: '', okText: 'Delete', action: null },
+
       async init() {
-        const csrf = getCsrf();;
-        const token = csrf;
         try {
-          const r = await fetch('/board/api/trash', { headers: { 'X-CSRF-Token': token } });
+          const r = await fetch('/board/api/trash', { headers: { 'X-CSRF-Token': getCsrf() } });
+          if (!r.ok) throw new Error('HTTP ' + r.status);
           this.items = await r.json();
-        } catch(e) { this.items = []; }
+        } catch (e) {
+          this.items = [];
+          window.showToast('Could not load the Trash: ' + e.message, 'error');
+        }
       },
+
+      get locations() {
+        const set = {};
+        this.items.forEach(function (i) { set[i.path || 'Private'] = true; });
+        return Object.keys(set).sort();
+      },
+
       get filteredItems() {
         const q = this.search.toLowerCase();
-        return this.items.filter(i => !q || i.name.toLowerCase().includes(q) || (i.path||'').toLowerCase().includes(q));
+        const loc = this.locFilter;
+        const out = this.items.filter(function (i) {
+          const hitQ = !q || i.name.toLowerCase().includes(q) || (i.path || '').toLowerCase().includes(q);
+          return hitQ && (loc === 'all' || (i.path || 'Private') === loc);
+        });
+        const key = function (i) { return i.deleted_at || ''; };
+        if (this.sort === 'recent') out.sort(function (a, b) { return key(b).localeCompare(key(a)); });
+        else if (this.sort === 'oldest') out.sort(function (a, b) { return key(a).localeCompare(key(b)); });
+        else out.sort(function (a, b) { return a.name.localeCompare(b.name); });
+        return out;
       },
+
+      get countLabel() {
+        const n = this.filteredItems.length, t = this.items.length;
+        return n === t ? t + ' page' + (t === 1 ? '' : 's') : n + ' of ' + t + ' pages';
+      },
+
+      get allSelected() {
+        const list = this.filteredItems;
+        const self = this;
+        return list.length > 0 && list.every(function (i) { return self.selected.includes(i.id); });
+      },
+
+      toggle(id) {
+        const i = this.selected.indexOf(id);
+        if (i >= 0) this.selected.splice(i, 1); else this.selected.push(id);
+      },
+      toggleAll() {
+        this.selected = this.allSelected ? [] : this.filteredItems.map(function (i) { return i.id; });
+      },
+      clearSel() { this.selected = []; },
+      clearFilters() { this.search = ''; this.locFilter = 'all'; },
+      toggleSort() { this.sortOpen = !this.sortOpen; },
+      toggleLoc() { this.locOpen = !this.locOpen; },
+      setSort(v) { this.sort = v; this.sortOpen = false; },
+      setLoc(v) { this.locFilter = v; this.locOpen = false; },
+
+      // ── Confirmation (modal thème FlowDeck, classes flowdeck-modal de base) ──
+      // Mutations de propriétés individuelles (remplacer l'objet entier tue la
+      // réactivité Alpine — pitfall connu).
+      askConfirm(title, message, okText, action) {
+        this.confirm.title = title;
+        this.confirm.message = message;
+        this.confirm.okText = okText || 'Delete';
+        this.confirm.action = action;
+        this.confirm.show = true;
+      },
+      cancelConfirm() {
+        this.confirm.show = false;
+        this.confirm.action = null;
+      },
+      acceptConfirm() {
+        const action = this.confirm.action;
+        this.confirm.show = false;
+        this.confirm.action = null;
+        if (action) action();
+      },
+
+      // ── API ──────────────────────────────────────────────────────────
+      // getCsrf() renvoie la CHAÎNE du jeton (base.html) : l'ancien code faisait
+      // csrf?.[1] → 2e caractère → 403 CSRF sur restore/delete, silencieux.
+      _headers() { return { 'X-CSRF-Token': getCsrf() }; },
+      _drop(ids) {
+        this.items = this.items.filter(function (i) { return !ids.includes(i.id); });
+        this.selected = this.selected.filter(function (id) { return !ids.includes(id); });
+      },
+
+      async _restore(id) {
+        const r = await fetch('/board/api/trash/' + id + '/restore', { method: 'POST', headers: this._headers() });
+        if (r.ok) this._drop([id]);
+        return r.ok;
+      },
+      async _delete(id) {
+        const r = await fetch('/board/api/trash/' + id, { method: 'DELETE', headers: this._headers() });
+        if (r.ok) this._drop([id]);
+        return r.ok;
+      },
+
       async restore(id) {
-        const csrf = getCsrf();;
-        const r = await fetch(`/board/api/trash/${id}/restore`, { method: 'POST', headers: { 'X-CSRF-Token': csrf?.[1] || '' } });
-        if (r.ok) { this.items = this.items.filter(i => i.id !== id); }
+        try {
+          if (await this._restore(id)) window.showToast('Page restored', 'success');
+          else window.showToast('Restore failed', 'error');
+        } catch (e) { window.showToast('Restore failed: ' + e.message, 'error'); }
       },
-      async deleteForever(id) {
-        if (!confirm('Permanently delete this page? This cannot be undone.')) return;
-        const csrf = getCsrf();;
-        const r = await fetch(`/board/api/trash/${id}`, { method: 'DELETE', headers: { 'X-CSRF-Token': csrf?.[1] || '' } });
-        if (r.ok) { this.items = this.items.filter(i => i.id !== id); }
+      async restoreSelected() {
+        const ids = this.selected.slice();
+        let ok = 0;
+        for (const id of ids) {
+          try { if (await this._restore(id)) ok++; } catch (e) { /* compté en échec */ }
+        }
+        window.showToast(ok + ' of ' + ids.length + ' page(s) restored', ok === ids.length ? 'success' : 'error');
+      },
+      async _deleteAndToast(ids) {
+        let ok = 0;
+        for (const id of ids) {
+          try { if (await this._delete(id)) ok++; } catch (e) { /* compté en échec */ }
+        }
+        const msg = ids.length === 1
+          ? (ok ? 'Page permanently deleted' : 'Delete failed')
+          : ok + ' of ' + ids.length + ' page(s) deleted';
+        window.showToast(msg, ok === ids.length ? 'success' : 'error');
+      },
+      deleteForever(id) {
+        const self = this;
+        const item = this.items.find(function (i) { return i.id === id; });
+        const name = item ? item.name : 'this page';
+        this.askConfirm('Delete permanently',
+          '“' + name + '” will be deleted for good. This cannot be undone.',
+          'Delete',
+          function () { self._deleteAndToast([id]); });
+      },
+      deleteSelected() {
+        const self = this;
+        const ids = this.selected.slice();
+        this.askConfirm('Delete ' + ids.length + ' page(s) for good?',
+          'These pages will be permanently deleted. This cannot be undone.',
+          'Delete all',
+          function () { self._deleteAndToast(ids); });
+      },
+      async emptyTrash() {
+        const self = this;
+        const n = this.items.length;
+        this.askConfirm('Empty Trash?',
+          'All ' + n + ' page(s) in the Trash will be permanently deleted. This cannot be undone.',
+          'Empty Trash',
+          function () { self._emptyAndToast(n); });
+      },
+      async _emptyAndToast(n) {
+        try {
+          const r = await fetch('/board/api/trash/empty', { method: 'POST', headers: this._headers() });
+          if (!r.ok) throw new Error('HTTP ' + r.status);
+          this.items = [];
+          this.selected = [];
+          window.showToast(n + ' page(s) purged', 'success');
+        } catch (e) { window.showToast('Empty Trash failed: ' + e.message, 'error'); }
+      },
+
+      // ── Dates (deleted_at : CURRENT_TIMESTAMP UTC ou ISO sans fuseau) ──
+      _ts(s) {
+        if (!s) return null;
+        let t = String(s).replace(' ', 'T');
+        if (!/[zZ]|[+-]\d{2}:?\d{2}$/.test(t)) t += 'Z';
+        const d = new Date(t);
+        return isNaN(d.getTime()) ? null : d;
+      },
+      ago(s) {
+        const d = this._ts(s);
+        if (!d) return 'Deleted';
+        const sec = (Date.now() - d.getTime()) / 1000;
+        if (sec < 60) return 'Deleted just now';
+        if (sec < 3600) return 'Deleted ' + Math.floor(sec / 60) + ' min ago';
+        if (sec < 86400) return 'Deleted ' + Math.floor(sec / 3600) + ' h ago';
+        const days = Math.floor(sec / 86400);
+        return 'Deleted ' + days + ' day' + (days === 1 ? '' : 's') + ' ago';
+      },
+      leftLabel(s) {
+        const d = this._ts(s);
+        if (!d) return '';
+        const left = RETENTION_DAYS - Math.floor((Date.now() - d.getTime()) / 86400000);
+        if (left <= 0) return ' · auto-delete soon';
+        return ' · ' + left + ' day' + (left === 1 ? '' : 's') + ' left';
       }
     };
   }

app/templates/welcome.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Bienvenue sur FlowDeck</title>
 <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
-<script src="/static/js/alpine.min.js" defer data-cfasync="false"></script>
+<script src="/static/js/alpine.csp.min.js" defer data-cfasync="false"></script>
 <style>
 :root{--bg:#191919;--bg2:#1F1F1F;--bg3:#2D2D2D;--border:#333;--text:#fff;--dim:#9B9A97;--accent:#2383E2;--accent-h:#1a6bc0;--success:#0F7B6C;--danger:#E03E3E;}
 *{margin:0;padding:0;box-sizing:border-box;}
@@ -138,7 +138,8 @@ h1{font-size:22px;font-weight:700;margin-bottom:6px;}
 
 // globales window — probe « Undefined variable: onboarding »).
 
-document.addEventListener('alpine:init', function () { Alpine.data('onboarding', onboarding); });
+if (window.Alpine) { Alpine.data('onboarding', onboarding); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('onboarding', onboarding); });
 function onboarding() {
   return {
     steps: ['Bienvenue', 'Espace de travail', 'Connecter une forge', 'Premier projet'],

app/templates/workspace.html

@@ -145,7 +145,8 @@
 
 // globales window — probe « Undefined variable: workspacePage »).
 
-document.addEventListener('alpine:init', function () { Alpine.data('workspacePage', workspacePage); });
+if (window.Alpine) { Alpine.data('workspacePage', workspacePage); }
+        else document.addEventListener('alpine:init', function () { Alpine.data('workspacePage', workspacePage); });
 function workspacePage() {
   return {
     builtinProjects: [],

app/templates/workspaces.html

@@ -159,12 +159,12 @@
   </div>
 
   <!-- Create/Rename dialog -->
-  <div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="showCreate=false;showRename=false">
+  <div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="closeCreateRename()">
     <div class="dialog-box">
       <h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
       <input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">
       <div class="dialog-actions">
-        <button class="btn btn-secondary" @click="showCreate=false;showRename=false">Cancel</button>
+        <button class="btn btn-secondary" @click="closeCreateRename()">Cancel</button>
         <button class="btn btn-primary" @click="showRename?doRename():doCreate()" x-text="showRename?'Rename':'Create'"></button>
       </div>
     </div>

app/templating.py

@@ -6,10 +6,46 @@ les `|safe` du codebase étaient des no-op.
 """
 from __future__ import annotations
 
+import logging
 import pathlib
 from contextvars import ContextVar
 
-from jinja2 import Environment, FileSystemLoader, select_autoescape
+from jinja2 import Environment, FileSystemLoader, Undefined, select_autoescape
+
+logger = logging.getLogger(__name__)
+
+
+class LoggingUndefined(Undefined):
+    """Undefined qui se rend comme une chaîne vide mais **journalise**.
+
+    v7.46.0 : avec l'`Undefined` par défaut, une variable mal orthographiée
+    (ou absente du contexte de la route) rendait `""` sans aucune trace — c'est
+    exactement ce qui a rendu le bug du bouton Home invisible (``local_workspaces``
+    absent ⇒ `/workspaces`` en silence). ``StrictUndefined`` est inutilisable ici
+    (40+ templates optionnelles, ex. ``embed_mode``), donc on garde le rendu et
+    on rend le silence visible dans les logs.
+    """
+
+    __slots__ = ()
+
+    def _warn(self) -> None:
+        logger.warning("Jinja: variable non définie utilisée dans un template: %r", self._undefined_name)
+
+    def __str__(self) -> str:
+        self._warn()
+        return ""
+
+    def __bool__(self) -> bool:
+        self._warn()
+        return False
+
+    def __iter__(self):
+        self._warn()
+        return iter(())
+
+    def __len__(self) -> int:
+        self._warn()
+        return 0
 
 # A20 : nonce de script par requête, posé par le middleware CSP, lu par les
 # templates via `{{ csp_nonce() }}` (vide hors requête — pas de header CSP
@@ -25,6 +61,7 @@ CSRF_TOKEN: ContextVar[str] = ContextVar("csrf_token", default="")
 ENV = Environment(
     loader=FileSystemLoader("app/templates"),
     autoescape=select_autoescape(["html"]),
+    undefined=LoggingUndefined,
 )
 
 

docs/openapi-v2.json

@@ -2,7 +2,7 @@
   "openapi": "3.1.0",
   "info": {
     "title": "FlowDeck",
-    "version": "7.42.0"
+    "version": "7.49.2"
   },
   "paths": {
     "/auth/register": {
@@ -1675,7 +1675,7 @@
           "dashboard"
         ],
         "summary": "Local Workspace Page",
-        "description": "Local workspace page with file/folder tree.\n\nIf ?folder=ID is provided, shows that folder's contents with breadcrumb.",
+        "description": "Local workspace page with file/folder tree.\n\nIf ?folder=ID is provided, shows that folder's contents with breadcrumb.\nIf ?ws=ID is provided, shows that workspace — c'est ce que fait le bouton\n« Home » de la sidebar (``/local-workspace?ws=<id>``). Le paramètre était\nproduit par le sidebar mais **ignoré** par la route : le contenu affiché\nrestait celui du workspace *actif* (cookie), donc Home pouvait montrer un\nautre workspace que celui annoncé dans l'URL. Un ``ws`` qui n'appartient\npas à l'utilisateur est ignoré (et le workspace actif conservé).",
         "operationId": "local_workspace_page_local_workspace_get",
         "parameters": [
           {
@@ -1686,6 +1686,15 @@
               "type": "integer",
               "title": "Folder"
             }
+          },
+          {
+            "name": "ws",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "integer",
+              "title": "Ws"
+            }
           }
         ],
         "responses": {
@@ -2419,7 +2428,7 @@
           "dashboard"
         ],
         "summary": "Delete Workspace",
-        "description": "Delete a workspace and all its pages.",
+        "description": "Delete a workspace, its pages and its databases.",
         "operationId": "delete_workspace_api_workspaces__ws_id__delete",
         "parameters": [
           {
@@ -3218,7 +3227,7 @@
           "dashboard"
         ],
         "summary": "Api Trash Page",
-        "description": "Soft-delete a page (move to trash).",
+        "description": "Soft-delete a page (move to trash).\n\nv7.45.5 : ``parent_section`` n'est plus réécrit en 'Trash' — ``deleted_at``\nest la seule source de vérité. L'ancienne écriture marquait définitivement\nla page : à la restauration elle restait 'Trash' et disparaissait des\nlistings Library / Recents / Private (``parent_section != 'Trash'``).",
         "operationId": "api_trash_page_api_pages__page_id__trash_post",
         "parameters": [
           {
@@ -4082,6 +4091,26 @@
         }
       }
     },
+    "/board/api/trash/empty": {
+      "post": {
+        "tags": [
+          "board"
+        ],
+        "summary": "Empty Trash",
+        "description": "Empty Trash : purge en masse (les enfants des pages supprimées passent\nen racine, comme permanent_delete — comportement historique conservé).",
+        "operationId": "empty_trash_board_api_trash_empty_post",
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          }
+        }
+      }
+    },
     "/board/trash": {
       "get": {
         "tags": [
@@ -7375,13 +7404,163 @@
         }
       }
     },
+    "/db/task-dbs/api": {
+      "get": {
+        "tags": [
+          "collections"
+        ],
+        "summary": "List Connected Task Databases",
+        "description": "Bases de tâches connectées au tableau de bord My Tasks.",
+        "operationId": "list_connected_task_databases_db_task_dbs_api_get",
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          }
+        }
+      }
+    },
+    "/db/{collection_id}/task-db/api": {
+      "get": {
+        "tags": [
+          "collections"
+        ],
+        "summary": "Get Task Db State",
+        "description": "État de conversion + colonnes candidates pour la modale.",
+        "operationId": "get_task_db_state_db__collection_id__task_db_api_get",
+        "parameters": [
+          {
+            "name": "collection_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Collection Id"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      },
+      "post": {
+        "tags": [
+          "collections"
+        ],
+        "summary": "Enable Task Db",
+        "description": "Convertit la base en base de tâches (mapping explicite des 3 rôles).\n\n``mapping`` : ``{\"assignee\": <prop_id>, \"status\": …, \"due\": …}``.\n``create_missing`` : ``{\"status\": {\"name\": \"Statut\", \"options\": [...]}}``\npour qu'une colonne absente soit créée dans la transaction.",
+        "operationId": "enable_task_db_db__collection_id__task_db_api_post",
+        "parameters": [
+          {
+            "name": "collection_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Collection 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": [
+          "collections"
+        ],
+        "summary": "Disable Task Db",
+        "description": "Déconnecte la base du tableau de bord (les tâches sont conservées).",
+        "operationId": "disable_task_db_db__collection_id__task_db_api_delete",
+        "parameters": [
+          {
+            "name": "collection_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Collection Id"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     "/db": {
       "get": {
         "tags": [
           "collections"
         ],
         "summary": "List Collections",
-        "description": "Page listing all collections in the workspace.",
+        "description": "Liste des bases du workspace, dans le layout de l'application.",
         "operationId": "list_collections_db_get",
         "responses": {
           "200": {
@@ -9290,7 +9469,7 @@
           "collections"
         ],
         "summary": "Toggle Task",
-        "description": "API: toggle is_task flag on a collection (Turn into Tasks).",
+        "description": "API: toggle is_task flag on a collection (Turn into Tasks).\n\nRétrocompatible : l'activation passe désormais par la même conversion que\n``POST /db/{id}/task-db/api``, donc les trois colonnes requises sont liées\n(créées si besoin). Sans cela, cette route laissait une base « connectée »\nmais muette — elle n'émettait aucune tâche faute de mapping.",
         "operationId": "toggle_task_db__collection_id__toggle_task_api_put",
         "parameters": [
           {
@@ -9810,7 +9989,7 @@
           "my-tasks"
         ],
         "summary": "My Tasks Dashboard",
-        "description": "My Tasks — aggregates all pages assigned to the current user across all collections.",
+        "description": "My Tasks — toutes vos tâches, tous workspaces confondus.",
         "operationId": "my_tasks_dashboard_my_tasks_get",
         "parameters": [
           {
@@ -9819,18 +9998,38 @@
             "required": false,
             "schema": {
               "type": "string",
-              "default": "all",
+              "default": "table",
               "title": "View"
             }
           },
           {
-            "name": "days",
+            "name": "due",
             "in": "query",
             "required": false,
             "schema": {
-              "type": "integer",
-              "default": 7,
-              "title": "Days"
+              "type": "string",
+              "default": "all",
+              "title": "Due"
+            }
+          },
+          {
+            "name": "sort",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "string",
+              "default": "due",
+              "title": "Sort"
+            }
+          },
+          {
+            "name": "hide_done",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "boolean",
+              "default": false,
+              "title": "Hide Done"
             }
           }
         ],
@@ -9864,7 +10063,7 @@
           "my-tasks"
         ],
         "summary": "My Tasks Api",
-        "description": "API: return my tasks as JSON.",
+        "description": "API: tâches normalisées + sources connectées (alimente les 3 vues).",
         "operationId": "my_tasks_api_my_tasks_api_get",
         "parameters": [
           {
@@ -9873,18 +10072,38 @@
             "required": false,
             "schema": {
               "type": "string",
-              "default": "all",
+              "default": "table",
               "title": "View"
             }
           },
           {
-            "name": "days",
+            "name": "due",
             "in": "query",
             "required": false,
             "schema": {
-              "type": "integer",
-              "default": 7,
-              "title": "Days"
+              "type": "string",
+              "default": "all",
+              "title": "Due"
+            }
+          },
+          {
+            "name": "sort",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "string",
+              "default": "due",
+              "title": "Sort"
+            }
+          },
+          {
+            "name": "hide_done",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "boolean",
+              "default": false,
+              "title": "Hide Done"
             }
           }
         ],
@@ -9910,6 +10129,99 @@
         }
       }
     },
+    "/my-tasks/api/task": {
+      "post": {
+        "tags": [
+          "my-tasks"
+        ],
+        "summary": "My Tasks Create",
+        "description": "Création rapide multi-destinations : la tâche part dans la base choisie.\n\nElle est **auto-assignée** : sans colonne « Assigné à » renseignée, une\ntâche nouvelle n'apparaîtrait pas dans « mes tâches », ce qui serait\nillisible pour l'utilisateur qui vient de la créer.",
+        "operationId": "my_tasks_create_my_tasks_api_task_post",
+        "requestBody": {
+          "content": {
+            "application/json": {
+              "schema": {
+                "type": "object",
+                "title": "Body",
+                "default": {}
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/my-tasks/api/task/{page_id}": {
+      "put": {
+        "tags": [
+          "my-tasks"
+        ],
+        "summary": "My Tasks Update",
+        "description": "Édition en direct du statut / de l'échéance / du titre.\n\nL'écriture passe par le **mapping enregistré de la base source** (et non\npar une devinette « première colonne de type X »), puis la tâche est relue\net renvoyée normalisée : le front n'a rien à recalculer.",
+        "operationId": "my_tasks_update_my_tasks_api_task__page_id__put",
+        "parameters": [
+          {
+            "name": "page_id",
+            "in": "path",
+            "required": true,
+            "schema": {
+              "type": "integer",
+              "title": "Page 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"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     "/workspace/{ws_id}/members": {
       "get": {
         "tags": [
@@ -10341,6 +10653,7 @@
           "workspace"
         ],
         "summary": "List Favorites",
+        "description": "List the caller's favorites.\n\nv7.46.0 — aligne sur le schéma v2.2.0 (``app/db.py``) : la table\n``favorites`` n'a plus de colonne ``collection_id`` et ``page_id``\nréférence ``pages(id)``. L'ancienne requête (jointure ``collection_pages``)\nlevait ``sqlite3.OperationalError: no such column: f.collection_id`` → 500.",
         "operationId": "list_favorites_workspace_favorites_get",
         "responses": {
           "200": {
@@ -11559,7 +11872,7 @@
     "/workspace/public/{collection_id}": {
       "get": {
         "tags": [
-          "workspace"
+          "workspace-public"
         ],
         "summary": "Public View",
         "description": "Simple public read-only view — no auth required.\n\nA18 : les bases ``restricted``/``private`` (``permission_type``) restent\nmasquées (404) et toute interpolation part dans ``html.escape`` (XSS stocké\nsur le titre de la base ou d'une ligne).",
@@ -27580,6 +27893,48 @@
         }
       }
     },
+    "/api/v2/meetings/upcoming": {
+      "get": {
+        "tags": [
+          "calendar-meetings"
+        ],
+        "summary": "Upcoming Meetings",
+        "description": "Upcoming calendar events for the sidebar Meeting tab.\n\nReads every calendar collection linked to the current user, extracts the\ndate property of each linked row and returns the ones falling in the next\n``days`` days (today included), sorted chronologically. Rows imported from\nGoogle/CalDAV carry an ``external_event_id`` and are flagged ``synced``.",
+        "operationId": "upcoming_meetings_api_v2_meetings_upcoming_get",
+        "parameters": [
+          {
+            "name": "days",
+            "in": "query",
+            "required": false,
+            "schema": {
+              "type": "integer",
+              "default": 30,
+              "title": "Days"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/HTTPValidationError"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     "/api/v2/meetings/transcribe": {
       "post": {
         "tags": [

e2e/csp_preview.spec.js

@@ -145,6 +145,41 @@ test('A20-ph3 : éditeur de page (right_actions) sous build CSP', async ({ page
   }
 });
 
+test('UI : éditeur visuel de steps automations (API v7.0)', async ({ page }) => {
+  // crée une automation, ouvre l'édition, ajoute une étape (POST /steps),
+  // vérifie la carte résumée — sous CSP réel (expressions du nouveau bloc)
+  await login(page);
+  await page.goto(`${FD_BASE}/settings`, { waitUntil: 'domcontentloaded' });
+  await page.waitForTimeout(500);
+  await page.click('.settings-nav-item:has-text("Automations")');
+  const name = 'e2e-steps-' + Date.now();
+  await page.fill('input[placeholder*="Notifier le statut"]', name);
+  await page.click('button:has-text("Créer")');
+  await page.waitForTimeout(700);
+  const row = page.locator('.setting-row', { hasText: name }).last();
+  await row.locator('button:has-text("✎")').click();
+  await page.waitForTimeout(700);
+  await expect(page.locator('text=Pipeline visuel (steps)')).toBeVisible();
+  await page.click('button:has-text("Ajouter l\'étape")');
+  await page.waitForFunction(
+    () => Array.from(document.querySelectorAll('.setting-label'))
+      .some((e) => (e.textContent || '').includes('Action · webhook')),
+    null,
+    { timeout: 8000 }
+  );
+  // nettoyage API
+  await page.evaluate(async (n) => {
+    const d = await (await fetch('/workspace/automations')).json();
+    const a = (d.automations || []).find((x) => x.name === n);
+    if (a) {
+      const csrf = (document.cookie.match(/csrf_token=([^;]+)/) || [])[1] || '';
+      await fetch('/workspace/automations/' + a.id,
+        { method: 'DELETE', headers: { 'X-CSRF-Token': csrf } });
+      await fetch('/workspace/automations/' + a.id + '/steps', { method: 'DELETE' }).catch(() => {});
+    }
+  }, name);
+});
+
 test('A20-ph3 : settings sous build Alpine CSP', async ({ page }) => {
   await login(page);
   await page.goto(`${FD_BASE}/settings`, { waitUntil: 'domcontentloaded' });

e2e/probe_nav_perf.spec.js

@@ -0,0 +1,322 @@
+/**
+ * Probe de fluidité de navigation partielle (fdLoad) — mesure brute, pas un test gate.
+ *
+ * Pour chaque navigation il enregistre :
+ *   - les marques htmx (beforeRequest / beforeSwap / afterSwap / afterSettle)
+ *   - la fenêtre x-ignore (zone non montée Alpine)
+ *   - un échantillon par frame : nb d'éléments [x-show] ENCORE VISIBLES non montés
+ *     (= le contenu « brut » qui se voit avant qu'Alpine ne le masque → les flashes
+ *     de fenêtres) et nb d'éléments [x-cloak] encore masqués (= contenu qui pop)
+ *   - les layout-shift (CLS) et leur source
+ *
+ * Lancement : npx playwright test probe_nav_perf --reporter=list
+ */
+const { test } = require('@playwright/test');
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  const ok = await page.waitForURL('**/workspaces', { timeout: 8000 }).then(() => true).catch(() => false);
+  if (!ok) {
+    await page.request.post(`${FD_BASE}/auth/register`, { data: { email: USER, password: PASS, name: 'E2E' } });
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+}
+
+// Instrumentation posée UNE fois dans la page (avant le clic).
+const INSTALL = () => {
+  const P = (window.__probe = { t0: performance.now(), marks: [], frames: [], shifts: [], rawMax: 0, rawFrames: 0 });
+  const mark = (n) => P.marks.push([n, Math.round(performance.now() - P.t0)]);
+
+  ['htmx:beforeRequest', 'htmx:beforeSwap', 'htmx:afterSwap', 'htmx:afterSettle'].forEach((ev) =>
+    document.addEventListener(ev, () => mark(ev))
+  );
+
+  // Fenêtre x-ignore sur .main-wrapper (le nœud change à chaque swap → on observe tout le doc)
+  new MutationObserver((muts) => {
+    for (const m of muts) {
+      if (m.type !== 'attributes' || m.attributeName !== 'x-ignore') continue;
+      const t = m.target;
+      if (!(t instanceof Element) || !t.classList.contains('main-wrapper')) continue;
+      mark(t.hasAttribute('x-ignore') ? 'x-ignore ON' : 'x-ignore OFF');
+    }
+  }).observe(document.documentElement, { attributes: true, attributeFilter: ['x-ignore'], subtree: true });
+
+  new PerformanceObserver((list) => {
+    for (const e of list.getEntries()) {
+      P.shifts.push({
+        v: +e.value.toFixed(4),
+        t: Math.round(e.startTime - P.t0),
+        sources: (e.sources || []).map((s) => {
+          const n = s.node;
+          return n ? `${n.nodeName}.${(n.className || '').toString().split(' ')[0]}` : '?';
+        }),
+      });
+    }
+  }).observe({ type: 'layout-shift', buffered: false });
+
+  // Échantillonnage par frame. « visible » = peint à l'écran : la zone peut
+  // porter opacity:0 (fix v7.45.3) → rects toujours là, mais rien n'est peint.
+  const zonePainted = (z) => z && parseFloat(getComputedStyle(z).opacity || '1') > 0;
+  const tick = () => {
+    let raw = 0, rawVisible = 0, cloak = 0;
+    const zone = document.querySelector('.main-wrapper');
+    const painted = zonePainted(zone);
+    if (zone) {
+      for (const el of zone.querySelectorAll('[x-show]')) {
+        if (el._x_marker) continue;                 // monté par Alpine
+        raw++;
+        if (painted && el.getClientRects().length) rawVisible++; // peint ET en flow
+      }
+      cloak = zone.querySelectorAll('[x-cloak]').length;
+    }
+    P.rawMax = Math.max(P.rawMax, rawVisible);
+    if (rawVisible) P.rawFrames++;
+    P.frames.push([Math.round(performance.now() - P.t0), raw, rawVisible, cloak, painted ? 1 : 0]);
+    if (performance.now() - P.t0 < 3000) requestAnimationFrame(tick);
+  };
+  requestAnimationFrame(tick);
+  return true;
+};
+
+test('probe fluidité nav', async ({ page }) => {
+  test.setTimeout(120000);
+  await login(page);
+
+  const NAVS = ['/library', '/settings', '/workspaces', '/trash', '/local-workspace'];
+  const results = [];
+  const SHOTS = require('path').join(__dirname, 'shots');
+  require('fs').mkdirSync(SHOTS, { recursive: true });
+
+  for (const dest of NAVS) {
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'load' });
+    await page.waitForTimeout(1200);
+    await page.evaluate(INSTALL);
+    await page.evaluate((p) => {
+      const a = document.createElement('a');
+      a.href = p;
+      a.textContent = 'probe';
+      document.body.appendChild(a);
+      a.click();
+    }, dest);
+    // Filet : si du contenu brut est peint, on capture pour voir CE qui flash
+    let shot = null;
+    const tEnd = Date.now() + 3200;
+    while (Date.now() < tEnd && !shot) {
+      const last = await page.evaluate(() => {
+        const f = window.__probe.frames;
+        return f.length ? f[f.length - 1] : null;
+      });
+      if (last && last[2] > 0) {
+        shot = `navflash_${dest.replace(/\W+/g, '')}.png`;
+        await page.screenshot({ path: require('path').join(SHOTS, shot) });
+        break;
+      }
+      await page.waitForTimeout(25);
+    }
+    const P = await page.evaluate(() => window.__probe);
+    // État final : la zone doit être révélée (opacity>0) ET montée Alpine,
+    // et .app-layout (x-cloak anti-FOUC) doit être retiré → pas de page blanche
+    const final = await page.evaluate(() => {
+      const z = document.querySelector('.main-wrapper');
+      const a = document.querySelector('.app-layout');
+      if (!z) return { opacity: 'NO-ZONE', unmounted: -1, xIgnore: null };
+      return {
+        opacity: getComputedStyle(z).opacity,
+        pointerEvents: getComputedStyle(z).pointerEvents,
+        unmounted: Array.from(z.querySelectorAll('[x-show]')).filter((e) => !e._x_marker).length,
+        xIgnore: z.hasAttribute('x-ignore'),
+        layout: a ? { cloak: a.hasAttribute('x-cloak'), display: getComputedStyle(a).display } : 'ABSENT',
+      };
+    });
+
+    // Résumé : première et dernière frame où du contenu brut visible subsiste
+    const rawFrames = P.frames.filter((f) => f[2] > 0);
+    const results_summary = {
+      dest,
+      marks: Object.fromEntries(P.marks),
+      rawVisibleFrames: rawFrames.length,
+      rawFirst: rawFrames.length ? rawFrames[0] : null,
+      rawLast: rawFrames.length ? rawFrames[rawFrames.length - 1] : null,
+      rawMaxElements: P.rawMax,
+      hiddenFrames: P.frames.filter((f) => f[4] === 0).length,
+      cloakMax: Math.max(0, ...P.frames.map((f) => f[3])),
+      shifts: P.shifts,
+      final,
+      frameCount: P.frames.length,
+    };
+    results.push(results_summary);
+    console.log('NAV ' + dest + ' => ' + JSON.stringify(results_summary));
+  }
+
+  // GATE : aucun contenu brut peint + zone révélée et montée à la fin
+  const paintedRaw = results.filter((r) => r.rawVisibleFrames > 0);
+  const notRevealed = results.filter((r) => parseFloat(r.final.opacity) !== 1 || r.final.unmounted !== 0 || r.final.xIgnore
+    || !r.final.layout || r.final.layout.cloak === true || r.final.layout.display === 'none');
+  console.log('SOMMAIRE ' + JSON.stringify(results.map((r) => ({ d: r.dest, raw: r.rawVisibleFrames, hidden: r.hiddenFrames, op: r.final.opacity, un: r.final.unmounted, shift: r.shifts.length }))));
+  if (paintedRaw.length) throw new Error('contenu brut peint: ' + paintedRaw.map((r) => `${r.dest} (${r.rawVisibleFrames} frames, max ${r.rawMaxElements})`).join(' ; '));
+  if (notRevealed.length) throw new Error('zone non révélée/montée: ' + JSON.stringify(notRevealed.map((r) => [r.dest, r.final])));
+  console.log('GATE OK — 0 frame de contenu brut, zone révélée et montée sur ' + results.length + ' navigations');
+});
+
+// Le geste réel du rapport : clic sur le bouton Home de la sidebar (et non un
+// ancre synthétique) — on mesure ce qui peint et on garde une capture si flash.
+test('probe bouton Home', async ({ page }) => {
+  test.setTimeout(120000);
+  const SHOTS = require('path').join(__dirname, 'shots');
+  require('fs').mkdirSync(SHOTS, { recursive: true });
+  await login(page);
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'load' });
+  await page.waitForTimeout(1200);
+  await page.evaluate(INSTALL);
+
+  const console_ = [];
+  page.on('console', (m) => { if (m.type() !== 'log') console_.push(m.type() + ' | ' + m.text().slice(0, 180).replace(/\s+/g, ' ')); });
+  page.on('pageerror', (e) => console_.push('PAGEERROR | ' + String(e).slice(0, 180)));
+
+  const before = await page.evaluate(() => ({ onLine: navigator.onLine, home: !!document.querySelector('.home-btn'), href: (document.querySelector('.home-btn') || {}).href }));
+  console.log('HOME avant clic ' + JSON.stringify(before));
+
+  await page.click('.home-btn');
+  let shot = null;
+  const tEnd = Date.now() + 4000;
+  while (Date.now() < tEnd && !shot) {
+    const last = await page.evaluate(() => {
+      const f = window.__probe.frames;
+      return f.length ? f[f.length - 1] : null;
+    });
+    if (last && last[2] > 0) {
+      shot = 'home_flash.png';
+      await page.screenshot({ path: require('path').join(SHOTS, shot) });
+      break;
+    }
+    await page.waitForTimeout(25);
+  }
+  await page.waitForTimeout(2000);
+  const P = await page.evaluate(() => window.__probe);
+  const rawFrames = P.frames.filter((f) => f[2] > 0);
+  const after = await page.evaluate(() => {
+    const b = document.querySelector('.offline-banner');
+    const z = document.querySelector('.main-wrapper');
+    return {
+      url: location.pathname + location.search,
+      onLine: navigator.onLine,
+      banner: b ? { cloak: b.hasAttribute('x-cloak'), display: getComputedStyle(b).display, mounted: !!b._x_marker } : 'absente',
+      zone: z ? { op: getComputedStyle(z).opacity, un: Array.from(z.querySelectorAll('[x-show]')).filter((e) => !e._x_marker).length, xIgnore: z.hasAttribute('x-ignore') } : null,
+      mounts: typeof window.__fdLocalWorkspaceScriptsLoaded !== 'undefined' ? window.__fdLocalWorkspaceScriptsLoaded : 'n/a',
+    };
+  });
+  const res = { marks: Object.fromEntries(P.marks), rawVisibleFrames: rawFrames.length, rawFirst: rawFrames[0] || null, rawMax: P.rawMax, shot, shifts: P.shifts, console: console_, after };
+  console.log('HOME résultat => ' + JSON.stringify(res));
+  if (res.rawVisibleFrames > 0) throw new Error(`contenu brut peint au clic Home: ${res.rawVisibleFrames} frames (max ${res.rawMax})`);
+  console.log('GATE HOME OK — 0 frame de contenu brut');
+});
+
+// Scénario du rapport : la bande rouge dit « hors ligne » → on rejoue le clic
+// Home AVEC le réseau coupé (SW actif) pour voir ce qui peint.
+test('probe bouton Home hors ligne', async ({ page, context }) => {
+  test.setTimeout(120000);
+  const SHOTS = require('path').join(__dirname, 'shots');
+  require('fs').mkdirSync(SHOTS, { recursive: true });
+  await login(page);
+  await page.addInitScript(INSTALL);
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'load' });
+  await page.waitForTimeout(1500); // laisse le SW s'installer et cacher les pages
+  await page.evaluate(() => { window.__probe = null; window.__probe = undefined; });
+  await page.evaluate(INSTALL);
+
+  await context.setOffline(true);
+  await page.waitForTimeout(200);
+  const onLine = await page.evaluate(() => navigator.onLine);
+
+  await page.click('.home-btn');
+  const shots = [];
+  for (const [delay, name] of [[700, 't700'], [2500, 't2500']]) {
+    await page.waitForTimeout(delay === 700 ? 700 : 1800);
+    const p = `home_offline_${name}.png`;
+    await page.screenshot({ path: require('path').join(SHOTS, p) }).catch(() => {});
+    shots.push(p);
+  }
+  const P = await page.evaluate(() => window.__probe || null).catch(() => null);
+  const after = await page.evaluate(() => {
+    const b = document.querySelector('.offline-banner');
+    const z = document.querySelector('.main-wrapper');
+    const visible = (sel) => Array.from(document.querySelectorAll(sel)).filter((e) => e.getClientRects().length && getComputedStyle(e).display !== 'none').map((e) => (e.className || '').toString().split(' ')[0]).slice(0, 12);
+    return {
+      url: location.pathname + location.search,
+      onLine: navigator.onLine,
+      banner: b ? { display: getComputedStyle(b).display, mounted: !!b._x_marker } : 'absente',
+      zone: z ? { op: getComputedStyle(z).opacity, un: Array.from(z.querySelectorAll('[x-show]')).filter((e) => !e._x_marker).length, xIgnore: z.hasAttribute('x-ignore') } : null,
+      overlays: visible('.modal-overlay, .ctx-menu, .context-menu, .user-menu-dropdown, .dropdown-menu, .popover'),
+    };
+  }).catch((e) => ({ err: String(e) }));
+  const rawFrames = P ? P.frames.filter((f) => f[2] > 0) : [];
+  const res = { onLineBefore: onLine, marks: P ? Object.fromEntries(P.marks) : null, rawVisibleFrames: rawFrames.length, rawFirst: rawFrames[0] || null, rawMax: P ? P.rawMax : null, shots, shifts: P ? P.shifts : null, after };
+  console.log('HOME OFFLINE => ' + JSON.stringify(res));
+});
+
+// Charge COMPLÈTE (F5 / premier visit / SW) : le masquage fdLoad ne s'applique
+// pas là, seul x-cloak protège — on mesure ce qui peint avant Alpine.start().
+test('probe fluidité plein chargement', async ({ page }) => {
+  test.setTimeout(120000);
+  const SHOTS = require('path').join(__dirname, 'shots');
+  require('fs').mkdirSync(SHOTS, { recursive: true });
+  await login(page);
+  await page.addInitScript(INSTALL);
+
+  const OUT = [];
+  for (const dest of ['/local-workspace', '/library', '/workspaces']) {
+    await page.goto(FD_BASE + dest, { waitUntil: 'commit' });
+    let shot = null;
+    const tEnd = Date.now() + 4000;
+    while (Date.now() < tEnd && !shot) {
+      const last = await page.evaluate(() => {
+        const f = window.__probe && window.__probe.frames;
+        return f && f.length ? f[f.length - 1] : null;
+      }).catch(() => null);
+      if (last && last[2] > 0) {
+        shot = `fullflash_${dest.replace(/\W+/g, '')}.png`;
+        await page.screenshot({ path: require('path').join(SHOTS, shot) });
+        break;
+      }
+      await page.waitForTimeout(25);
+    }
+    await page.waitForTimeout(1500);
+    const P = await page.evaluate(() => window.__probe);
+    const rawFrames = P.frames.filter((f) => f[2] > 0);
+    const res = {
+      dest,
+      rawVisibleFrames: rawFrames.length,
+      rawFirst: rawFrames[0] || null,
+      rawLast: rawFrames[rawFrames.length - 1] || null,
+      rawMax: P.rawMax,
+      shot,
+      shifts: P.shifts,
+      final: await page.evaluate(() => {
+        const z = document.querySelector('.main-wrapper');
+        const a = document.querySelector('.app-layout');
+        return z ? {
+          op: getComputedStyle(z).opacity,
+          un: Array.from(z.querySelectorAll('[x-show]')).filter((e) => !e._x_marker).length,
+          layout: a ? { cloak: a.hasAttribute('x-cloak'), display: getComputedStyle(a).display } : 'ABSENT',
+        } : null;
+      }),
+    };
+    OUT.push(res);
+    console.log('FULL ' + dest + ' => ' + JSON.stringify(res));
+  }
+  console.log('SOMMAIRE_FULL ' + JSON.stringify(OUT.map((r) => [r.dest, r.rawVisibleFrames, r.rawMax, r.shot])));
+  const notRevealed = OUT.filter((r) => !r.final || parseFloat(r.final.op) !== 1 || r.final.un !== 0
+    || !r.final.layout || r.final.layout.cloak === true || r.final.layout.display === 'none');
+  if (notRevealed.length) throw new Error('page blanche/non montée au chargement: ' + JSON.stringify(notRevealed.map((r) => [r.dest, r.final])));
+  if (OUT.some((r) => r.rawVisibleFrames > 0)) {
+    throw new Error('contenu brut peint au plein chargement: ' + OUT.filter((r) => r.rawVisibleFrames > 0).map((r) => `${r.dest} (${r.rawVisibleFrames} frames, max ${r.rawMax})`).join(' ; '));
+  }
+  console.log('GATE FULL OK — 0 frame de contenu brut au chargement complet');
+});

e2e/regression_editor_mount.spec.js

@@ -0,0 +1,97 @@
+/** Diag temporaire : navigation partielle vers l'éditeur, erreurs par phase */
+const { test } = require('@playwright/test');
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  const ok = await page.waitForURL('**/workspaces', { timeout: 8000 }).then(() => true).catch(() => false);
+  if (!ok) {
+    await page.request.post(`${FD_BASE}/auth/register`, { data: { email: USER, password: PASS, name: 'E2E' } });
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+}
+
+function alpineErrs(msgs) {
+  return msgs.filter((m) => m.includes('Alpine Expression Error') || m.includes('PAGEERROR'));
+}
+
+async function partialClick(page, pid) {
+  await page.evaluate((id) => {
+    const a = document.createElement('a');
+    a.href = '/pages/' + id;
+    a.textContent = 'x';
+    document.body.appendChild(a);
+    a.click();
+  }, pid);
+}
+
+test('diag phases', async ({ page }) => {
+  test.setTimeout(90000);
+  const msgs = [];
+  page.on('console', (m) => msgs.push(m.type() + ' | ' + m.text().slice(0, 160).replace(/\s+/g, ' ')));
+  page.on('pageerror', (e) => msgs.push('PAGEERROR | ' + String(e).slice(0, 200)));
+
+  await login(page);
+  const pid = await page.evaluate(async () => {
+    const csrf = (document.cookie.match(/csrf_token=([^;]+)/) || [])[1] || '';
+    const r = await fetch('/api/local-workspace/items', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': csrf },
+      body: JSON.stringify({ name: 'Diag2', type: 'page' }),
+    });
+    const d = await r.json();
+    return d.id || (d.item && d.item.id);
+  });
+
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+  await page.waitForTimeout(800);
+  msgs.length = 0;
+
+  // PHASE A : navigation partielle (clic intercepte par fdLoad)
+  await partialClick(page, pid);
+  await page.waitForTimeout(4000);
+  const stackA = await page.evaluate(() => {
+    const el = document.querySelector('[x-data="editorState()"]');
+    const st = el && el._x_dataStack;
+    return { stack: st ? st.map((o) => (o ? Object.keys(o).length : -1)) : 'none', refreshed: !!(el && el.__fdRefreshed) };
+  });
+  const trace = await page.evaluate(() => window.__fdTrace || []);
+  stackA.trace = trace;
+  console.log('PHASE A (partielle): alpineErrs=', alpineErrs(msgs).length, 'total=', msgs.length, JSON.stringify(stackA));
+  console.log('TRACE:', JSON.stringify(trace));
+  alpineErrs(msgs).slice(0, 6).forEach((m) => console.log('  A>', m));
+  msgs.filter((m) => !m.includes('Alpine Expression')).slice(0, 5).forEach((m) => console.log('  A-other>', m));
+
+  // A2 : les erreurs s'arretent-elles apres le montage (fenetre transitoire) ?
+  const a1 = alpineErrs(msgs).length;
+  await page.waitForTimeout(3000);
+  const a2 = alpineErrs(msgs).length;
+  const ui = await page.evaluate(() => ({
+    title: !!document.getElementById('_titleEl'),
+    blocks: document.querySelectorAll('[data-bid]').length,
+    editorVisible: !!document.querySelector('.page-editor-wrapper, .editor-wrap, [x-data^="editorState"]'),
+  }));
+  console.log('PHASE A2: erreurs a t0=', a1, '-> apres +3s=', a2, 'UI=', JSON.stringify(ui));
+
+  // PHASE B : rechargement complet de la meme page
+  msgs.length = 0;
+  await page.goto(`${FD_BASE}/pages/${pid}`, { waitUntil: 'domcontentloaded' });
+  await page.waitForTimeout(3000);
+  console.log('PHASE B (complet): alpineErrs=', alpineErrs(msgs).length, 'total=', msgs.length);
+  alpineErrs(msgs).slice(0, 6).forEach((m) => console.log('  B>', m));
+
+  // PHASE C : deuxieme navigation partielle vers la meme page
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+  await page.waitForTimeout(600);
+  msgs.length = 0;
+  await partialClick(page, pid);
+  await page.waitForTimeout(3500);
+  console.log('PHASE C (2e partielle): alpineErrs=', alpineErrs(msgs).length, 'total=', msgs.length);
+  alpineErrs(msgs).slice(0, 6).forEach((m) => console.log('  C>', m));
+});

e2e/regression_logout_dnd.spec.js

@@ -0,0 +1,108 @@
+/**
+ * Régression — 2 bugs rapportés (post v7.45.0) :
+ * 1. Logout : le SW servait sa page « hors ligne » sur TOUTE navigation
+ *    redirigée (fetch event en redirect:'manual' → opaqueredirect → rejet).
+ * 2. Drag & drop de fichiers : POST /api/local-workspace/upload sans
+ *    X-CSRF-Token → 403 (A19 a retiré l'exemption sans équiper l'appel).
+ *
+ * Instance attendue sur FD_BASE_URL (défaut 8080), compte e2e documenté.
+ */
+const { test, expect } = require('@playwright/test');
+
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  const ok = await page
+    .waitForURL('**/workspaces', { timeout: 8000 })
+    .then(() => true)
+    .catch(() => false);
+  if (!ok) {
+    const resp = await page.request.post(`${FD_BASE}/auth/register`, {
+      data: { email: USER, password: PASS, name: 'E2E' },
+    });
+    if (!resp.ok() && resp.status() !== 409) {
+      throw new Error(`register ${resp.status()}: ${await resp.text()}`);
+    }
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+  // workspace actif requis par /api/local-workspace/upload (A22)
+  const ws = await page.evaluate(async () => (await fetch('/api/workspaces')).json());
+  if (!ws.workspaces || ws.workspaces.length === 0) {
+    await page.evaluate(async () => {
+      const csrf = (document.cookie.match(/csrf_token=([^;]+)/) || [])[1] || '';
+      const r = await fetch('/api/workspaces', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': csrf },
+        body: JSON.stringify({ name: 'E2E workspace' }),
+      });
+      const w = await r.json();
+      await fetch(`/api/workspaces/${w.id}/select`, {
+        method: 'POST',
+        headers: { 'X-CSRF-Token': csrf },
+      });
+    });
+  }
+}
+
+test('logout avec SW : atterrit sur la page login, pas hors ligne', async ({ page }) => {
+  await login(page);
+  await page.evaluate(async () => {
+    if ('serviceWorker' in navigator) await navigator.serviceWorker.ready;
+  });
+  await page.waitForTimeout(1000);
+  expect(await page.evaluate(() => !!navigator.serviceWorker.controller)).toBe(true);
+
+  await page.goto(`${FD_BASE}/auth/logout`, { waitUntil: 'domcontentloaded' });
+  await page.waitForURL(/\/auth\/login/, { timeout: 10000 });
+  const body = await page.evaluate(() => document.body.innerText);
+  expect(body).not.toContain('hors ligne');
+  expect(page.url()).toContain('/auth/login');
+});
+
+test('drop de fichier : upload accepté (CSRF), 200 et item créé', async ({ page }) => {
+  test.setTimeout(60000);
+  await login(page);
+  await page.goto(`${FD_BASE}/local-workspace`, { waitUntil: 'domcontentloaded' });
+  await page.waitForTimeout(1000);
+
+  const uploadResp = [];
+  page.on('response', (r) => {
+    if (r.url().includes('/api/local-workspace/upload')) {
+      uploadResp.push(
+        r.text().then((body) => ({ status: r.status(), body })).catch(() => ({ status: r.status(), body: '' }))
+      );
+    }
+  });
+
+  await page.evaluate(() => {
+    const zone = document.querySelector('[x-data*="wsInitData"]') || document.body;
+    const dt = new DataTransfer();
+    dt.items.add(new File(['hello world'], 'e2e-drop.txt', { type: 'text/plain' }));
+    zone.dispatchEvent(new DragEvent('dragover', { dataTransfer: dt, bubbles: true, cancelable: true }));
+    zone.dispatchEvent(new DragEvent('drop', { dataTransfer: dt, bubbles: true, cancelable: true }));
+  });
+
+  await expect.poll(() => uploadResp.length, { timeout: 15000 }).toBeGreaterThan(0);
+  const resp = await uploadResp[0];
+  expect(resp.status, resp.body).toBe(200);
+
+  // Nettoyage : l'upload crée une page fichier → on la supprime.
+  const parsed = JSON.parse(resp.body || '{}');
+  for (const item of parsed.items || []) {
+    if (!item.id) continue;
+    await page.evaluate(async (pid) => {
+      const csrf = (document.cookie.match(/csrf_token=([^;]+)/) || [])[1] || '';
+      await fetch('/api/local-workspace/items/' + pid, {
+        method: 'DELETE',
+        headers: { 'X-CSRF-Token': csrf },
+      });
+    }, item.id);
+  }
+});

e2e/regression_partial_nav.spec.js

@@ -0,0 +1,90 @@
+/** Sweep diag : nav partielle vs complet sur N pages — erreurs + état fdCtx/appState */
+const { test } = require('@playwright/test');
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  const ok = await page.waitForURL('**/workspaces', { timeout: 8000 }).then(() => true).catch(() => false);
+  if (!ok) {
+    await page.request.post(`${FD_BASE}/auth/register`, { data: { email: USER, password: PASS, name: 'E2E' } });
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+}
+
+const PAGES = ['/workspaces', '/library', '/local-workspace', '/settings', '/trash', '/accounts', '/import'];
+
+test('sweep', async ({ page }) => {
+  test.setTimeout(180000);
+  const msgs = [];
+  page.on('console', (m) => msgs.push(m.type() + ' | ' + m.text().slice(0, 200).replace(/\s+/g, ' ')));
+  page.on('pageerror', (e) => msgs.push('PAGEERROR | ' + String(e).slice(0, 160)));
+
+  await login(page);
+
+  for (const path of PAGES) {
+    // baseline : chargement complet
+    msgs.length = 0;
+    await page.goto(FD_BASE + path, { waitUntil: 'domcontentloaded' });
+    await page.waitForTimeout(2200);
+    const fullErrs = msgs.filter((m) => m.includes('PAGEERROR') || m.includes('Alpine Expression Error') || m.includes('Uncaught'));
+    const stFull = await page.evaluate(() => ({
+      fdCtx: (() => { try { return typeof Alpine.store('fdCtx'); } catch (e) { return 'ERR'; } })(),
+      fdCtxHas: (() => { try { var s = Alpine.store('fdCtx'); return s ? typeof s.has + '/' + typeof s.avail : 'no store'; } catch (e) { return 'ERR'; } })(),
+      appState: typeof window.appState,
+    }));
+
+    // nav partielle : depuis /workspaces
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForTimeout(700);
+    msgs.length = 0;
+    await page.evaluate((p) => {
+      const a = document.createElement('a');
+      a.href = p;
+      a.textContent = 'x';
+      document.body.appendChild(a);
+      a.click();
+    }, path);
+    await page.waitForTimeout(2500);
+    const partErrs = msgs.filter((m) => m.includes('PAGEERROR') || m.includes('Alpine Expression Error') || m.includes('Uncaught'));
+    // 2e visite partielle dans LE MEME document (declencheur du SyntaxError
+    // « Identifier ... has already been declared » sur script sans garde)
+    await page.evaluate(() => {
+      const a = document.createElement('a');
+      a.href = '/workspaces';
+      a.textContent = 'x';
+      document.body.appendChild(a);
+      a.click();
+    });
+    await page.waitForTimeout(900);
+    msgs.length = 0;
+    await page.evaluate((p) => {
+      const a = document.createElement('a');
+      a.href = p;
+      a.textContent = 'x';
+      document.body.appendChild(a);
+      a.click();
+    }, path);
+    await page.waitForTimeout(2500);
+    const part2Errs = msgs.filter((m) => m.includes('PAGEERROR') || m.includes('Alpine Expression Error') || m.includes('Uncaught') || m.includes('already been declared'));
+    const stPart = await page.evaluate(() => ({
+      fdCtx: (() => { try { return typeof Alpine.store('fdCtx'); } catch (e) { return 'ERR'; } })(),
+      fdCtxHas: (() => { try { var s = Alpine.store('fdCtx'); return s ? typeof s.has + '/' + typeof s.avail : 'no store'; } catch (e) { return 'ERR'; } })(),
+      appState: typeof window.appState,
+      lwGuard: !!window.__fdLocalWorkspaceScriptsLoaded,
+    }));
+
+    console.log(`PAGE ${path}`);
+    console.log(`  complet : errs=${fullErrs.length} ${JSON.stringify(stFull)}`);
+    fullErrs.slice(0, 2).forEach((m) => console.log('    F>', m));
+    console.log(`  1ere partiel : errs=${partErrs.length} ${JSON.stringify(stPart)}`);
+    partErrs.slice(0, 3).forEach((m) => console.log('    P>', m));
+    console.log(`  2e partiel   : errs=${part2Errs.length}`);
+    part2Errs.slice(0, 3).forEach((m) => console.log('    P2>', m));
+  }
+});

e2e/sidebar_tabs.spec.js

@@ -0,0 +1,182 @@
+const { test, expect } = require('@playwright/test');
+
+/**
+ * Sidebar — navigation par onglets compressibles (Home / Chat / Meeting / Inbox).
+ *
+ * - ordre exact des onglets ;
+ * - l'onglet actif est une pilule avec son libellé, les autres sont réduits à
+ *   l'icône (largeur mesurée) ;
+ * - chaque sélection remplace le contenu de la barre latérale ;
+ * - les panneaux Chat / Meeting / Inbox interrogent leurs vraies API.
+ */
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+test.use({ serviceWorkers: 'block' });
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  try {
+    await page.waitForURL('**/workspaces', { timeout: 8000 });
+  } catch (e) {
+    // Compte absent de l'instance (harnais de test documenté du repo, comme
+    // smoke.spec.js) : on le crée puis on rejoue la connexion.
+    const resp = await page.request.post(`${FD_BASE}/auth/register`, {
+      data: { email: USER, password: PASS, name: 'E2E' },
+    });
+    if (!resp.ok()) throw new Error(`register ${resp.status()}: ${await resp.text()}`);
+    await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+    await page.fill('#email', USER);
+    await page.fill('#password', PASS);
+    await page.click('.btn-primary');
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+}
+
+const panelText = (page, tab) =>
+  page.evaluate(
+    (t) => {
+      const el = document.querySelector(`.sidebar-tab-panel[x-show*="'${t}'"]`);
+      if (!el) return null;
+      const hidden = el.offsetParent === null;
+      return { hidden, text: (el.innerText || '').trim().slice(0, 200) };
+    },
+    tab
+  );
+
+test('les quatre onglets se succèdent et le contenu bascule', async ({ page }) => {
+  await login(page);
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+  await page.waitForSelector('.sidebar-nav-row');
+
+  // ordre des onglets
+  const order = await page.$$eval('.sidebar-nav-row [data-tab]', (els) =>
+    els.map((e) => e.getAttribute('data-tab'))
+  );
+  expect(order).toEqual(['home', 'chat', 'meetings', 'inbox']);
+
+  // Home actif par défaut : pilule (libellé visible), les autres réduite à l'icône
+  let labels = await page.$$eval('.sidebar-nav-row [data-tab]', (els) =>
+    els.map((e) => ({
+      tab: e.getAttribute('data-tab'),
+      active: e.classList.contains('active'),
+      labelVisible: e.querySelector('.nav-tab-label').offsetParent !== null,
+      width: Math.round(e.getBoundingClientRect().width),
+    }))
+  );
+  expect(labels.find((l) => l.tab === 'home').labelVisible).toBe(true);
+  labels.filter((l) => l.tab !== 'home').forEach((l) => {
+    expect(l.active).toBe(false);
+    expect(l.labelVisible).toBe(false);
+  });
+  const homeWidth = labels.find((l) => l.tab === 'home').width;
+  const chatWidth = labels.find((l) => l.tab === 'chat').width;
+  expect(homeWidth).toBeGreaterThan(chatWidth + 15);
+
+  // Chat : le panneau Home disparaît, celui de Chat est visible
+  await page.click('.sidebar-nav-row [data-tab="chat"]');
+  await page.waitForTimeout(400);
+  expect((await panelText(page, 'home')).hidden).toBe(true);
+  const chat = await panelText(page, 'chat');
+  expect(chat.hidden).toBe(false);
+  expect(chat.text).toMatch(/CHAT/i);
+
+  labels = await page.$$eval('.sidebar-nav-row [data-tab]', (els) =>
+    els.map((e) => ({
+      tab: e.getAttribute('data-tab'),
+      active: e.classList.contains('active'),
+      labelVisible: e.querySelector('.nav-tab-label').offsetParent !== null,
+    }))
+  );
+  expect(labels.find((l) => l.tab === 'chat')).toEqual({
+    tab: 'chat',
+    active: true,
+    labelVisible: true,
+  });
+
+  // Meeting
+  await page.click('.sidebar-nav-row [data-tab="meetings"]');
+  await page.waitForTimeout(400);
+  const meetings = await panelText(page, 'meetings');
+  expect(meetings.hidden).toBe(false);
+  expect(meetings.text).toMatch(/MEETING/i);
+  expect(await page.locator('.sb-quick-btn').count()).toBe(2);
+
+  // Inbox
+  await page.click('.sidebar-nav-row [data-tab="inbox"]');
+  await page.waitForTimeout(400);
+  const inbox = await panelText(page, 'inbox');
+  expect(inbox.hidden).toBe(false);
+  expect(inbox.text).toMatch(/INBOX/i);
+
+  // retour Home : l'arbre du workspace est de nouveau là, et UNIQUEMENT Home
+  // porte son libellé (régression : clic Home → texte sur tous les boutons)
+  await page.click('.sidebar-nav-row [data-tab="home"]');
+  await page.waitForTimeout(300);
+  expect((await panelText(page, 'home')).hidden).toBe(false);
+  await expect(page.locator('#sidebar-workspace-items, .sidebar-static-links').first()).toBeVisible();
+  labels = await page.$$eval('.sidebar-nav-row [data-tab]', (els) =>
+    els.map((e) => ({
+      tab: e.getAttribute('data-tab'),
+      labelVisible: e.querySelector('.nav-tab-label').offsetParent !== null,
+    }))
+  );
+  expect(labels.find((l) => l.tab === 'home').labelVisible).toBe(true);
+  labels.filter((l) => l.tab !== 'home').forEach((l) => {
+    expect(l.labelVisible).toBe(false);
+  });
+});
+
+test('le libellé suit l’onglet actif même avec une CSS périmée (cache)', async ({ page }) => {
+  // ?v={{ asset_version }} = fichier VERSION : une feuille de style peut donc
+  // être servie depuis le cache du navigateur. On rejoue ce cas en neutralisant
+  // les règles .nav-tab-label de la feuille courante.
+  await page.route('**/static/css/app.css*', async (route) => {
+    const res = await route.fetch();
+    let body = await res.text();
+    body = body.replace(/\.nav-tab-btn \.nav-tab-label \{[^}]*\}/g, '');
+    body = body.replace(/\.nav-tab-btn\.active \.nav-tab-label \{[^}]*\}/g, '');
+    body = body.replace(/\.nav-tab-btn\.active \.nav-tab-badge \{[^}]*\}/g, '');
+    await route.fulfill({ response: res, body });
+  });
+
+  await login(page);
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+  await page.waitForSelector('.sidebar-nav-row');
+  const visible = async () =>
+    page.$$eval('.sidebar-nav-row [data-tab]', (els) =>
+      els.map((e) => ({
+        tab: e.getAttribute('data-tab'),
+        labelVisible: e.querySelector('.nav-tab-label').offsetParent !== null,
+      }))
+    );
+
+  // CSS sans les règles de libellé → seul l'onglet actif garde son texte
+  for (const active of ['home', 'chat', 'meetings', 'inbox']) {
+    await page.click(`.sidebar-nav-row [data-tab="${active}"]`);
+    await page.waitForTimeout(250);
+    const state = await visible();
+    expect(state.filter((s) => s.labelVisible).map((s) => s.tab)).toEqual([active]);
+  }
+});
+
+test('le panneau Meeting appelle /api/v2/meetings/upcoming', async ({ page }) => {
+  const calls = [];
+  page.on('request', (r) => {
+    if (r.url().includes('/api/v2/meetings/upcoming')) calls.push(r.url());
+  });
+  await login(page);
+  await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+  await page.click('.sidebar-nav-row [data-tab="meetings"]');
+  await page.waitForResponse((r) => r.url().includes('/api/v2/meetings/upcoming'), { timeout: 10000 });
+  expect(calls.length).toBeGreaterThan(0);
+  const status = await page.evaluate(async () => {
+    const r = await fetch('/api/v2/meetings/upcoming?days=30', { credentials: 'same-origin' });
+    return r.status;
+  });
+  expect(status).toBe(200);
+});

e2e/smoke.spec.js

@@ -164,4 +164,23 @@ test('gate A20 : palette Ctrl+K (Alpine + recherche GET)', async ({ page }) => {
     return !ov || !ov.classList.contains('open');
   });
   expect(closed).toBe(true);
+
+  // onglet ✨ Réponses IA : POST /api/v2/search/ask (extractif hors-LM)
+  await page.keyboard.press('Control+k');
+  await page.waitForTimeout(300);
+  await page.click('.cp-tab[data-tab="ai"]');
+  await page.waitForSelector('.cmd-palette-ai', { timeout: 10000 });
+  await page.waitForFunction(
+    () => {
+      const el = document.querySelector('.cmd-palette-ai');
+      return el && !el.querySelector('.cp-loading');
+    },
+    null,
+    { timeout: 15000 }
+  );
+  const ai = await page.evaluate(() => {
+    const el = document.querySelector('.cmd-palette-ai');
+    return { text: ((el && el.textContent) || '').trim() };
+  });
+  expect(ai.text.length).toBeGreaterThan(5);
 });

e2e/trash_ui.spec.js

@@ -0,0 +1,177 @@
+/**
+ * Page /trash (v7.45.5) : rendu, dates, sélection groupée, restauration, purge.
+ *
+ * Couvre aussi le fix CSRF du front : l'ancien code faisait `csrf?.[1]` alors
+ * que getCsrf() renvoie une CHAÎNE → 403 silencieux, les boutons ne marchaient
+ * pas. Ici on clique pour de vrai et on vérifie l'état via l'API.
+ */
+const { test, expect } = require('@playwright/test');
+const FD_BASE = process.env.FD_BASE_URL || 'http://localhost:8080';
+const USER = process.env.FD_USER || '[email protected]';
+const PASS = process.env.FD_PASS || 'e2e-secret-123';
+
+async function login(page) {
+  await page.goto(`${FD_BASE}/auth/login?provider=local`, { waitUntil: 'domcontentloaded' });
+  await page.fill('#email', USER);
+  await page.fill('#password', PASS);
+  await page.click('.btn-primary');
+  const ok = await page.waitForURL('**/workspaces', { timeout: 8000 }).then(() => true).catch(() => false);
+  if (!ok) {
+    await page.request.post(`${FD_BASE}/auth/register`, { data: { email: USER, password: PASS, name: 'E2E' } });
+    await page.goto(`${FD_BASE}/workspaces`, { waitUntil: 'domcontentloaded' });
+    await page.waitForURL('**/workspaces', { timeout: 15000 });
+  }
+}
+
+// Appel API depuis la page (cookies + jeton CSRF du document).
+async function api(page, method, url) {
+  return page.evaluate(async ([m, u]) => {
+    const csrf = (document.cookie.match(/csrf_token=([^;]+)/) || [])[1] || '';
+    const r = await fetch(u, { method: m, headers: { 'X-CSRF-Token': csrf } });
+    return { ok: r.ok, status: r.status, body: await r.json().catch(() => null) };
+  }, [method, url]);
+}
+
+async function mkTrashed(page, name) {
+  const c = await api(page, 'POST', '/board/api/pages?title=' + encodeURIComponent(name));
+  expect(c.ok, 'create page').toBeTruthy();
+  const t = await api(page, 'POST', '/api/pages/' + c.body.id + '/trash');
+  expect(t.ok, 'soft delete').toBeTruthy();
+  return c.body.id;
+}
+
+const trashIds = async (page) => {
+  const r = await api(page, 'GET', '/board/api/trash');
+  expect(r.ok).toBeTruthy();
+  return (r.body || []).map((i) => i.id);
+};
+
+test('trash : rendu, dates, sélection groupée, restauration, purge', async ({ page }) => {
+  test.setTimeout(90000);
+  const errs = [];
+  page.on('pageerror', (e) => errs.push('PAGEERROR ' + String(e).slice(0, 160)));
+  page.on('console', (m) => { if (m.type() === 'error') errs.push('CONSOLE ' + m.text().slice(0, 160)); });
+  // Aucun dialog système acceptable : on échoue si le navigateur ouvre un
+  // confirm()/alert() natif (c'est tout l'objet du changement).
+  page.on('dialog', (d) => { errs.push('NATIVE_DIALOG ' + d.message()); d.dismiss().catch(() => {}); });
+
+  await login(page);
+
+  // DB persistante : nommage unique par exécution, on ne dépend jamais des
+  // restes des runs précédents.
+  const TAG = 'E2E Trash ' + Date.now().toString(36).toUpperCase();
+  const nameA = TAG + ' A', nameB = TAG + ' B', nameC = TAG + ' C', nameD = TAG + ' D', nameE = TAG + ' E';
+
+  const idA = await mkTrashed(page, nameA);
+  const idB = await mkTrashed(page, nameB);
+
+  await page.goto(`${FD_BASE}/trash`, { waitUntil: 'load' });
+  await page.waitForTimeout(1000);
+
+  // On ne travaille QUE sur nos pages : la poubelle partagée avec l'instance
+  // de test peut contenir d'autres éléments (jamais on ne touche aux leurs).
+  await page.fill('input[placeholder="Search pages in Trash"]', TAG);
+  await page.waitForTimeout(400);
+
+  const rowA = page.locator('.trash-item', { hasText: nameA });
+  const rowB = page.locator('.trash-item', { hasText: nameB });
+  await expect(rowA).toHaveCount(1);
+  await expect(rowB).toHaveCount(1);
+
+  // Date de suppression + jours restants affichés (standard « trash »)
+  await expect(rowA.first()).toContainText('Deleted');
+  await expect(rowA.first()).toContainText('left');
+  // Compteur + purge totale présents
+  await expect(page.locator('label input[type=checkbox]')).toHaveCount(1);
+  await expect(page.getByRole('button', { name: 'Empty Trash' })).toBeVisible();
+
+  // Sélection groupée (portée au filtre courant) → restauration
+  const rowCount = await page.locator('.trash-item').count();
+  expect(rowCount).toBeGreaterThanOrEqual(2);
+  await page.locator('label input[type=checkbox]').check();
+  await expect(page.locator('span', { hasText: rowCount + ' selected' })).toHaveCount(1);
+  await page.locator('button.btn-sm', { hasText: 'Restore' }).click();
+  await page.waitForTimeout(900);
+
+  await expect(page.locator('.trash-item', { hasText: nameA })).toHaveCount(0);
+  await expect(page.locator('.trash-item', { hasText: nameB })).toHaveCount(0);
+  let ids = await trashIds(page);
+  expect(ids).not.toContain(idA);
+  expect(ids).not.toContain(idB);
+
+  // Restauration unitaire (le vrai test du fix CSRF : avant = 403 silencieux)
+  const idC = await mkTrashed(page, nameC);
+  await page.reload({ waitUntil: 'load' });
+  await page.waitForTimeout(900);
+  const rowC = page.locator('.trash-item', { hasText: nameC });
+  await expect(rowC).toHaveCount(1);
+  await rowC.first().locator('button[title="Restore"]').click();
+  await page.waitForTimeout(900);
+  await expect(rowC).toHaveCount(0);
+  ids = await trashIds(page);
+  expect(ids).not.toContain(idC);
+
+  // Suppression définitive unitaire → fenêtre de confirmation THÉMATIQUE
+  // (plus de confirm() du navigateur)
+  const idE = await mkTrashed(page, nameE);
+  await page.reload({ waitUntil: 'load' });
+  await page.waitForTimeout(900);
+  const rowE = page.locator('.trash-item', { hasText: nameE });
+  await expect(rowE).toHaveCount(1);
+  await rowE.first().locator('button[title="Delete permanently"]').click();
+
+  const modal = page.locator('#fd-trash-confirm'); // id sinon 2e match #fd-global-folder-modal
+  await expect(modal).toBeVisible();
+  await expect(modal.locator('h3')).toHaveText('Delete permanently');
+  await expect(modal.locator('.flowdeck-modal-body p')).toContainText(nameE);
+
+  // Annulation → la page est toujours là
+  await modal.locator('button.cancel').click();
+  await expect(modal).toBeHidden();
+  await expect(rowE).toHaveCount(1);
+
+  // Confirmation → suppression réelle (plus dans la poubelle, contenu effacé)
+  await rowE.first().locator('button[title="Delete permanently"]').click();
+  await expect(modal).toBeVisible();
+  await modal.locator('button.confirm').click();
+  await page.waitForTimeout(900);
+  await expect(rowE).toHaveCount(0);
+  expect(await trashIds(page)).not.toContain(idE);
+  // Le SW transforme les réponses API non-ok (404 ici) en erreur réseau →
+  // `api()` peut rejeter ; dans les deux cas la page n'est plus servable.
+  const content = await api(page, 'GET', '/api/pages/' + idE + '/content').catch(() => ({ ok: false, status: 0 }));
+  expect(content.ok).toBeFalsy();
+
+  // Purge totale — seulement si la poubelle ne contient QUE des pages E2E
+  // (l'instance de test est partagée : on ne vide jamais la poubelle d'autrui).
+  await mkTrashed(page, nameD);
+  await page.reload({ waitUntil: 'load' });
+  await page.waitForTimeout(900);
+  await expect(page.locator('.trash-item', { hasText: nameD })).toHaveCount(1);
+  const all = (await api(page, 'GET', '/board/api/trash')).body || [];
+  // Fenêtre Empty Trash : ouverture + titre + annulation — testée quel que soit
+  // le contenu (l'instance est partagée, on n'a pas le droit de tout vider).
+  await page.locator('button.btn-sm', { hasText: 'Empty Trash' }).click();
+  await expect(modal).toBeVisible();
+  await expect(modal.locator('h3')).toHaveText('Empty Trash?');
+  await expect(modal.locator('.flowdeck-modal-body p')).toContainText(String(all.length));
+  await modal.locator('button.cancel').click();
+  await expect(modal).toBeHidden();
+  await expect(page.locator('.trash-item', { hasText: nameD })).toHaveCount(1);
+
+  if (all.every((i) => i.name.startsWith('E2E Trash'))) {
+    await page.locator('button.btn-sm', { hasText: 'Empty Trash' }).click();
+    await expect(modal).toBeVisible();
+    await modal.locator('button.confirm').click();
+    await page.waitForTimeout(900);
+    expect(await trashIds(page)).toHaveLength(0);
+    await expect(page.locator('.lib-empty', { hasText: 'Trash is empty' })).toBeVisible();
+  } else {
+    console.log('SKIP purge : la poubelle contient des pages non-E2E ' +
+      JSON.stringify(all.filter((i) => !i.name.startsWith('E2E Trash')).map((i) => i.name)));
+  }
+
+  const fatal = errs.filter((e) =>
+    e.startsWith('PAGEERROR') || e.includes('Alpine Expression Error') || e.startsWith('NATIVE_DIALOG'));
+  expect(fatal, fatal.join('\n')).toHaveLength(0);
+});

static/css/app.css

@@ -23,68 +23,7 @@
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/static/fonts/inter-400-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
 
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('/static/fonts/inter-500-latin-ext.woff2') format('woff2');
-  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('/static/fonts/inter-500-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('/static/fonts/inter-600-latin-ext.woff2') format('woff2');
-  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('/static/fonts/inter-600-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/static/fonts/inter-700-latin-ext.woff2') format('woff2');
-  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/static/fonts/inter-700-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
 
 
 /* ===== LIGHT THEME (default) ===== */
@@ -494,9 +433,12 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
   padding: 6px 6px; margin: 0 2px;
 }
 .nav-icon-btn {
+  position: relative;
   display: flex; align-items: center; gap: 8px;
   padding: 6px; border-radius: 6px;
   color: var(--text-secondary); transition: background 0.15s, color 0.15s;
+  border: none; background: none; cursor: pointer; font-family: inherit;
+  text-decoration: none;
 }
 .nav-icon-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
 .nav-icon-btn.active { background: var(--bg-active); color: var(--text-primary); }
@@ -508,6 +450,91 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
 /* Collapse button on the right */
 .nav-icon-btn.collapse-btn { margin-left: auto; }
 
+/* ── Collapsible tabs (Home / Chat / Meeting / Inbox) ──
+   The active tab expands into a pill showing icon + label, the inactive ones
+   collapse to the bare icon so the row stays compact. */
+.nav-tab-btn {
+  gap: 0;
+  padding: 6px;
+  min-width: 30px;
+  justify-content: center;
+  border-radius: 15px;
+  font-size: 13px;
+  font-weight: 500;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.nav-tab-btn .nav-tab-label {
+  display: none;
+  max-width: 110px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.nav-tab-btn.active {
+  background: var(--bg-active);
+  color: var(--text-primary);
+  gap: 7px;
+  padding: 6px 12px 6px 10px;
+}
+.nav-tab-btn.active .nav-tab-label { display: inline-block; }
+.nav-tab-badge {
+  position: absolute;
+  top: -1px; right: -1px;
+  min-width: 15px; height: 15px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: var(--text-dim);
+  color: var(--bg-primary);
+  font-size: 10px; font-weight: 700; line-height: 15px;
+  text-align: center;
+}
+.nav-tab-badge-accent { background: #E03E3E; color: #fff; }
+.nav-tab-btn.active .nav-tab-badge { display: none; }
+
+/* Tab panels — one replaces the whole sidebar content at a time */
+.sidebar-tab-panel { display: flex; flex-direction: column; gap: 2px; }
+.sb-panel-header {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 6px 10px 4px;
+}
+.sb-panel-title { font-size: 12px; font-weight: 700; color: var(--text-dim); text-transform: uppercase; letter-spacing: .04em; }
+.sb-panel-count { color: var(--text-secondary); font-weight: 600; }
+.sb-panel-action {
+  display: inline-flex; align-items: center; justify-content: center;
+  min-width: 22px; height: 22px; padding: 0 5px;
+  border: none; border-radius: 5px; background: none;
+  color: var(--text-secondary); font-size: 11px; cursor: pointer;
+}
+.sb-panel-action:hover { background: var(--bg-hover); color: var(--text-primary); }
+.sb-filter-row { display: flex; gap: 4px; padding: 2px 8px 6px; }
+.sb-filter-chip {
+  padding: 3px 10px; border: 1px solid var(--border); border-radius: 12px;
+  background: none; color: var(--text-secondary);
+  font-size: 11px; cursor: pointer;
+}
+.sb-filter-chip.active { background: var(--bg-active); color: var(--text-primary); border-color: transparent; }
+.sb-quick-actions { display: flex; flex-direction: column; gap: 2px; padding: 2px 6px 8px; }
+.sb-quick-btn {
+  display: flex; align-items: center; gap: 8px;
+  padding: 5px 8px; border: none; border-radius: 6px; background: none;
+  color: var(--text-secondary); font-size: 12px; text-align: left; cursor: pointer;
+}
+.sb-quick-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
+.sb-hidden-input { display: none; }
+.sb-agent-row { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 10px 10px; }
+.sb-agent-avatar {
+  width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border);
+  background: var(--bg-hover); cursor: pointer; font-size: 15px; line-height: 1;
+  display: flex; align-items: center; justify-content: center;
+}
+.sb-agent-avatar:hover { border-color: var(--accent); }
+.sb-item-meta { margin-left: auto; font-size: 11px; color: var(--text-dim); flex-shrink: 0; }
+.sb-item-sub {
+  display: block; font-size: 11px; color: var(--text-dim);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.sb-item-unread { background: rgba(35, 131, 226, .10); }
+
 /* Empty hint */
 .sidebar-item.empty-hint { color: var(--text-dim); font-size: 12px; cursor: default; }
 .sidebar-item.empty-hint:hover { background: none; }
@@ -1103,6 +1130,11 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
   min-width: 0;
 }
 
+/* Conteneur standard des pages listes (Library, Trash, …) — largeur unique
+   1100px, centrée. Défini ici (global) et non dans le <style> de
+   library.html, sinon /trash rendait la classe sans style = pleine largeur. */
+.lib-container{max-width:1100px;margin:0 auto;padding:20px 24px;}
+
 /* Topbar */
 .topbar {
   display: flex;
@@ -2212,6 +2244,32 @@ button.breadcrumb-current { max-width: 260px; }
   min-height: 300px;
 }
 
+/* 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. */
+.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;
+  margin: 0;
+  padding-left: var(--space-lg);
+}
+
+/* Une base embarquée ne doit jamais déborder de sa colonne de blocs :
+   .db-table-wrapper interne gère déjà le scroll horizontal. */
+.block-embed-collection { max-width: 100%; overflow: hidden; }
+
+/* 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;
+  margin: 0;
+  padding: 28px var(--space-lg) 0;
+  font-size: 30px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
 .blocks-empty {
   padding: 40px 0;
   text-align: center;
@@ -3840,11 +3898,16 @@ button.breadcrumb-current { max-width: 260px; }
    Database Table View (Notion-style)
    ═══════════════════════════════════════════════════════════ */
 
+/* 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). */
 .database-table-container {
   width: 100%;
-  max-width: 100%;
-  padding: 0 96px;
-  margin-top: 24px;
+  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. */
+  padding: 0 var(--space-lg);
   box-sizing: border-box;
 }
 
@@ -4358,6 +4421,7 @@ button.breadcrumb-current { max-width: 260px; }
 /* ── Responsive ── */
 @media (max-width: 768px) {
   .database-table-container { padding: 0 16px; }
+  .db-side-peek { width: 100vw; max-width: 100vw; }
   .db-th-property { min-width: 120px; }
   .db-td-cell { min-width: 120px; }
 }
@@ -4365,22 +4429,27 @@ button.breadcrumb-current { max-width: 260px; }
 /* ── Database Side Peek Panel ── */
 .db-side-peek {
   position: fixed; top: 0; right: 0;
-  width: 560px; height: 100vh;
-  background: var(--bg-primary);
-  box-shadow: -4px 0 20px rgba(0,0,0,0.12);
-  z-index: 900;
+  width: 560px; max-width: 90vw; height: 100vh;
+  background: var(--bg-modal);
+  border-left: 1px solid var(--border);
+  box-shadow: -8px 0 32px rgba(0,0,0,0.25);
+  z-index: 500;
   display: flex; flex-direction: column;
+  transform: translateX(100%);
+  transition: transform 0.2s cubic-bezier(0.16,1,0.3,1);
 }
-.db-side-peek-resize {
-  position: absolute; top: 0; left: 0;
-  width: 6px; height: 100%;
-  cursor: col-resize;
-  z-index: 2;
+.db-side-peek.open { transform: translateX(0); }
+/* Poignée partagée des side peeks (bases) — les autres peeks portent la
+   même géométrie en style en ligne. */
+.peek-resize-handle {
+  position: absolute; left: -4px; top: 0;
+  width: 8px; height: 100%; cursor: col-resize;
+  z-index: 501;
 }
-.db-side-peek-resize:hover { background: var(--accent, #2383E2); }
+.peek-resize-handle:hover { background: var(--accent, #2383E2); }
 .db-side-peek-header {
   display: flex; align-items: center; justify-content: space-between;
-  padding: 8px 12px; border-bottom: 1px solid var(--border);
+  padding: 12px 16px; border-bottom: 1px solid var(--border);
   flex-shrink: 0;
 }
 .db-side-peek-close, .db-side-peek-full {
@@ -4390,7 +4459,13 @@ button.breadcrumb-current { max-width: 260px; }
   font-size: 18px; color: var(--text-dim);
 }
 .db-side-peek-close:hover, .db-side-peek-full:hover { background: var(--bg-hover); }
-.db-side-peek iframe { flex: 1; }
+.db-side-peek-body { flex: 1; display: flex; flex-direction: column; min-height: 0; }
+.db-side-peek-loading { text-align: center; padding: 40px; color: var(--text-dim); }
+.db-side-peek iframe { flex: 1; min-height: 0; }
+
+@media (max-width: 768px) {
+  .db-side-peek { width: 100vw; max-width: 100vw; }
+}
 
 /* ─── Simple Table block (v4.8.0) ─── */
 .ftable-editor { flex: 1; min-width: 0; min-height: 0; padding: 4px 2px; }

static/css/my_tasks.css

@@ -0,0 +1,646 @@
+/* ══════════════════════════════════════════════════════════════════════
+ * FlowDeck — My Tasks (tableau de bord transverse façon Notion)
+ * Préfixe `mt-`, conteneur `#my-tasks-app` (rendu par app/routers/my_tasks.py,
+ * comportement par static/js/my_tasks.js).
+ * ══════════════════════════════════════════════════════════════════════ */
+
+.my-tasks-app { max-width: 1100px; margin: 0 auto; padding: 20px 24px 64px; }
+
+/* ── En-tête ──────────────────────────────────────────────────────────── */
+.mt-head {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: 12px; margin-bottom: 16px;
+}
+.mt-head h1 {
+  margin: 0; font-size: 24px; font-weight: 700; color: var(--text-primary);
+}
+.mt-count-total { font-size: 13px; color: var(--text-secondary); }
+
+/* ── Barre d'outils ─────────────────────────────────────────────────── */
+.mt-toolbar {
+  display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
+  justify-content: space-between; margin-bottom: 10px;
+}
+.mt-toolbar-left,
+.mt-toolbar-right {
+  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
+}
+.mt-view-tabs { display: flex; gap: 2px; align-items: center; }
+.mt-view-tab {
+  display: flex; align-items: center; gap: 6px;
+  padding: 6px 12px; font-size: 13px; font-weight: 500;
+  color: var(--text-secondary); background: transparent;
+  border: none; border-radius: 6px; cursor: pointer;
+  text-decoration: none; white-space: nowrap; transition: all .12s;
+}
+.mt-view-tab:hover { color: var(--text-primary); background: var(--bg-hover); }
+.mt-view-tab.active { color: var(--text-primary); background: var(--bg-active); }
+.mt-select {
+  font: inherit; font-size: 13px; padding: 5px 8px; border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--bg-primary); color: var(--text-primary);
+}
+.mt-toggle {
+  font-size: 13px; color: var(--text-secondary);
+  display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
+}
+.mt-new-btn,
+.mt-empty-btn {
+  font: inherit; font-size: 13px; font-weight: 600;
+  padding: 6px 14px; border-radius: 6px; border: none; cursor: pointer;
+  text-decoration: none; display: inline-block;
+  background: var(--accent, #2383e2); color: #fff;
+}
+.mt-new-btn:hover,
+.mt-empty-btn:hover { filter: brightness(1.08); }
+
+/* ── Sources connectées ─────────────────────────────────────────────── */
+.mt-sources {
+  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
+  padding: 8px 0 14px; margin-bottom: 16px;
+  border-bottom: 1px solid var(--border, #eee);
+}
+.mt-sources-label { font-size: 12px; color: var(--text-dim, #999); margin-right: 4px; }
+.mt-source-chip {
+  font-size: 12px; padding: 3px 9px; border-radius: 20px; text-decoration: none;
+  border: 1px solid var(--border, #e3e3e0);
+  color: var(--text, #333); background: var(--bg-primary, #fff);
+}
+.mt-source-chip.pending { border-style: dashed; color: var(--text-dim, #999); }
+.mt-source-chip:hover { border-color: var(--accent, #2383e2); }
+.mt-sources-warn { font-size: 12px; color: #c9820a; }
+
+/* ── Vue tableau ──────────────────────────────────────────────────────────
+ * Lignes en `div` (et non `<table>`) : meme choix que Library, qui le permet
+ * d'afficher les actions de ligne UNIQUEMENT au survol (`.hover-only`).
+ */
+.mt-table { width: 100%; }
+.mt-thead {
+  display: flex; align-items: center; border-bottom: 1px solid var(--border);
+}
+.mt-th {
+  display: flex; align-items: center; padding: 6px 8px;
+  font-size: 12px; font-weight: 500; color: var(--text-dim);
+  white-space: nowrap; user-select: none;
+}
+.mt-row {
+  display: flex; align-items: center; height: 38px;
+  border-bottom: 1px solid var(--border); transition: background .1s;
+}
+.mt-row:last-child { border-bottom: none; }
+.mt-row:hover { background: var(--bg-hover); }
+.mt-cell {
+  display: flex; align-items: center; padding: 0 8px;
+  height: 100%; overflow: hidden;
+}
+.mt-cell-name { flex: 1; min-width: 0; gap: 6px; }
+.mt-cell-status,
+.mt-cell-due { width: 165px; flex-shrink: 0; }
+.mt-cell-src { width: 210px; flex-shrink: 0; }
+.mt-icon {
+  font-size: 15px; flex-shrink: 0; width: 20px; text-align: center;
+  display: inline-flex; align-items: center; justify-content: center;
+}
+.mt-title-text {
+  font-size: 13px; color: var(--text-primary); cursor: text;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  min-width: 0; flex: 1 1 auto;
+}
+.mt-title-text:hover { text-decoration: underline; }
+.mt-title-input {
+  font: inherit; width: 100%; padding: 3px 6px; border-radius: 4px;
+  border: 1px solid var(--accent);
+  background: var(--bg-primary); color: var(--text-primary);
+}
+.mt-status-select,
+.mt-due-input {
+  font: inherit; font-size: 13px; padding: 4px 6px; border-radius: 5px;
+  border: 1px solid var(--border);
+  background: var(--bg-primary); color: var(--text-primary);
+  max-width: 100%; width: 100%;
+}
+.mt-due-overdue { border-color: #e05252; color: #e05252; }
+.mt-due-today { border-color: #c9820a; color: #c9820a; font-weight: 600; }
+.mt-chip {
+  font-size: 12px; padding: 3px 8px; border-radius: 5px; text-decoration: none;
+  background: var(--bg-hover); color: var(--text-secondary);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.mt-chip:hover { color: var(--accent); }
+.mt-static { font-size: 13px; color: var(--text-secondary); }
+
+/* ── Bouton « Open » + actions visibles au survol ──────────────────────────
+ * Mêmes valeurs que `.btn-open` / `.hover-only` de Library
+ * (`app/templates/library.html`) : même aspect, même révélation au survol.
+ */
+.mt-hover-only { opacity: 0; transition: opacity .12s; flex-shrink: 0; }
+.mt-row:hover .mt-hover-only,
+.mt-row:focus-within .mt-hover-only { opacity: 1; }
+.mt-open-btn {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 3px 8px; border: 1px solid var(--border); border-radius: 4px;
+  font-size: 11px; font-weight: 500; color: var(--text-primary);
+  background: var(--bg-tertiary); cursor: pointer; white-space: nowrap;
+  transition: all .1s; flex-shrink: 0; text-decoration: none; margin-left: auto;
+}
+.mt-open-btn:hover { background: var(--bg-active); }
+.mt-open-btn svg { width: 12px; height: 12px; }
+@media (hover: none) {
+  /* Écrans tactiles : pas de survol, l'action doit rester visible. */
+  .mt-hover-only { opacity: 1; }
+}
+
+/* ── Side peek (panneau latéral, sur le modèle de Library) ───────────────
+ * `?embed=1` charge l'éditeur du document dans l'iframe, comme le peek de
+ * Library : on lit la tâche sans quitter le tableau de bord.
+ */
+.mt-peek {
+  position: fixed; top: 0; right: 0; width: 560px; max-width: 90vw;
+  height: 100vh; z-index: 500; display: flex; flex-direction: column;
+  background: var(--bg-modal); border-left: 1px solid var(--border);
+  box-shadow: -8px 0 32px rgba(0, 0, 0, .25);
+  transform: translateX(100%); transition: transform .2s cubic-bezier(.16, 1, .3, 1);
+}
+.mt-peek.open { transform: translateX(0); }
+.mt-peek-handle {
+  position: absolute; left: -4px; top: 0; width: 8px; height: 100%;
+  cursor: col-resize; z-index: 501;
+}
+.mt-peek-head {
+  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
+  padding: 12px 16px; border-bottom: 1px solid var(--border);
+}
+.mt-peek-title {
+  flex: 1; min-width: 0; font-size: 15px; font-weight: 600;
+  color: var(--text-primary); display: flex; align-items: center; gap: 8px;
+  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+}
+.mt-peek-btn {
+  background: transparent; border: none; color: var(--text-secondary);
+  cursor: pointer; padding: 6px; border-radius: 4px;
+  display: inline-flex; align-items: center;
+}
+.mt-peek-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
+.mt-peek-btn svg { width: 15px; height: 15px; }
+.mt-peek-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }
+.mt-peek-body iframe { flex: 1; width: 100%; border: none; min-height: 0; }
+.mt-peek-loading {
+  padding: 40px; text-align: center; color: var(--text-dim); font-size: 13px;
+}
+@media (max-width: 768px) {
+  .mt-peek { width: 100vw; max-width: 100vw; }
+}
+
+/* ── Vue kanban ─────────────────────────────────────────────────────── */
+.mt-board { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 12px; }
+.mt-col {
+  min-width: 240px; flex: 1 0 240px; padding: 10px; border-radius: 10px;
+  background: var(--bg-secondary, #f7f7f5);
+}
+.mt-col-head { font-size: 12px; font-weight: 600; color: var(--text-dim, #777); margin-bottom: 8px; }
+.mt-count { opacity: .6; font-weight: 400; }
+.mt-col-body { display: flex; flex-direction: column; gap: 6px; min-height: 60px; }
+.mt-card {
+  display: flex; flex-direction: column; gap: 4px; padding: 9px 10px;
+  border: 1px solid var(--border, #e3e3e0); border-radius: 7px;
+  background: var(--bg-primary, #fff); font-size: 13px; cursor: grab;
+}
+.mt-card:active { cursor: grabbing; opacity: .7; }
+.mt-card-title { font-weight: 500; }
+.mt-card-due,
+.mt-card-src { font-size: 11px; color: var(--text-dim, #999); }
+.mt-card-src { opacity: .8; }
+
+/* ── Vue calendrier ─────────────────────────────────────────────────── */
+.mt-cal {
+  border: 1px solid var(--border, #eee); border-radius: 10px; overflow: hidden;
+}
+.mt-cal-head {
+  display: flex; align-items: center; justify-content: center; gap: 12px;
+  padding: 10px; border-bottom: 1px solid var(--border, #eee);
+}
+.mt-cal-title { font-size: 14px; font-weight: 600; text-transform: capitalize; }
+.mt-cal-nav {
+  padding: 2px 9px; border: 1px solid var(--border, #e3e3e0); border-radius: 5px;
+  background: var(--bg-primary, #fff); color: var(--text, #333);
+  font-size: 15px; cursor: pointer;
+}
+.mt-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
+.mt-cal-dow {
+  padding: 6px 0; text-align: center; font-size: 11px;
+  color: var(--text-dim, #999); border-bottom: 1px solid var(--border, #eee);
+}
+.mt-cal-cell {
+  min-height: 92px; padding: 5px 6px; font-size: 12px;
+  border-right: 1px solid var(--border, #f0f0f0);
+  border-bottom: 1px solid var(--border, #f0f0f0);
+}
+.mt-cal-cell.out { opacity: .4; }
+.mt-cal-cell.today { background: var(--bg-hover, rgba(35, 131, 226, .07)); }
+.mt-cal-day { margin-bottom: 4px; font-size: 11px; color: var(--text-dim, #999); }
+.mt-cal-ev:hover { background: var(--bg-hover); }
+.mt-cal-ev:hover .mt-cal-open { opacity: 1; }
+
+/* ── Calendrier : sélecteur de vue + 4 vues supplémentaires ───────────── */
+.mt-cal-body { padding: 8px; }
+.mt-cal-tabs {
+  display: flex; gap: 2px; padding: 6px 8px 0;
+  border-bottom: 1px solid var(--border);
+}
+.mt-cal-tab {
+  padding: 5px 11px; font-size: 12.5px; font-weight: 500;
+  color: var(--text-secondary); background: transparent;
+  border: none; border-bottom: 2px solid transparent;
+  cursor: pointer; transition: all .12s;
+}
+.mt-cal-tab:hover { color: var(--text-primary); }
+.mt-cal-tab.active { color: var(--text-primary); border-bottom-color: var(--accent); }
+
+/* Événement : titre + bouton d'ouverture révélé au survol. */
+.mt-cal-ev {
+  display: flex; align-items: center; gap: 4px;
+  margin-bottom: 3px; padding: 2px 5px; border-radius: 4px;
+  background: var(--bg-hover); font-size: 12px; min-width: 0;
+}
+.mt-cal-ev.drag { cursor: grab; }
+.mt-cal-ev-text {
+  flex: 1; min-width: 0; overflow: hidden;
+  text-overflow: ellipsis; white-space: nowrap;
+}
+.mt-cal-open {
+  flex-shrink: 0; display: inline-flex; align-items: center;
+  padding: 1px; border: none; border-radius: 3px; cursor: pointer;
+  background: transparent; color: var(--text-secondary);
+}
+.mt-cal-open svg { width: 11px; height: 11px; display: block; }
+.mt-cal-open:hover { background: var(--bg-active); color: var(--text-primary); }
+
+/* Vue année : 12 mini-mois. */
+.mt-cal-year {
+  display: grid; grid-template-columns: repeat(4, 1fr);
+  gap: 14px; padding: 10px;
+}
+.mt-cal-mini-title {
+  font-size: 12px; font-weight: 600; color: var(--text-secondary);
+  text-transform: capitalize; margin-bottom: 5px;
+}
+.mt-cal-mini-grid {
+  display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px;
+}
+.mt-cal-mini-dow {
+  font-size: 9px; color: var(--text-dim); text-align: center; padding: 1px 0;
+}
+.mt-cal-mini-day {
+  font: inherit; font-size: 10.5px; padding: 3px 0; border: none;
+  border-radius: 4px; cursor: pointer; position: relative;
+  background: transparent; color: var(--text-primary);
+}
+.mt-cal-mini-day:hover { background: var(--bg-hover); }
+.mt-cal-mini-day.out { visibility: hidden; }
+.mt-cal-mini-day.today { background: var(--accent); color: #fff; }
+.mt-cal-mini-day.busy::after {
+  content: ''; position: absolute; left: 50%; bottom: 1px;
+  width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%;
+  background: var(--accent);
+}
+.mt-cal-mini-day.today.busy::after { background: #fff; }
+
+/* Vue semaine : 7 colonnes. */
+.mt-cal-week {
+  display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px;
+  background: var(--border); min-height: 180px;
+}
+.mt-cal-wcol { background: var(--bg-primary); padding: 6px; min-width: 0; }
+.mt-cal-wcol.today { background: var(--bg-hover); }
+.mt-cal-wcol-head {
+  font-size: 11px; font-weight: 600; color: var(--text-secondary);
+  margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid var(--border);
+}
+.mt-cal-wcol-body { display: flex; flex-direction: column; gap: 3px; }
+.mt-cal-wempty { font-size: 12px; color: var(--text-dim); text-align: center; }
+
+/* Vue jour : liste détaillée. */
+.mt-cal-dayview { padding: 10px 12px 14px; }
+.mt-cal-dayview-head {
+  font-size: 12px; color: var(--text-secondary); margin-bottom: 10px;
+}
+.mt-cal-dayview-empty {
+  font-size: 13px; color: var(--text-dim); padding: 26px 0; text-align: center;
+}
+.mt-cal-task {
+  display: flex; align-items: center; gap: 10px;
+  padding: 7px 8px; border-bottom: 1px solid var(--border);
+}
+.mt-cal-task:hover { background: var(--bg-hover); }
+.mt-cal-task-title {
+  flex: 1; min-width: 0; font-size: 13px; color: var(--text-primary);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.mt-cal-task-src, .mt-cal-task-status { font-size: 12px; color: var(--text-dim); }
+.mt-cal-task-status { width: 130px; flex-shrink: 0; }
+
+/* Vue planning : colonnes = statuts, lignes = jours. */
+.mt-cal-plan { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
+.mt-cal-plan-row { display: flex; align-items: stretch; min-width: 520px; }
+.mt-cal-plan-row.head { position: sticky; top: 0; z-index: 2; background: var(--bg-primary); }
+.mt-cal-plan-gutter {
+  width: 44px; flex-shrink: 0; padding: 4px 6px;
+  font-size: 11px; color: var(--text-dim); text-align: right;
+  border-bottom: 1px solid var(--border);
+}
+.mt-cal-plan-col-title {
+  flex: 1; min-width: 0; padding: 4px 8px;
+  font-size: 11px; font-weight: 600; color: var(--text-secondary);
+  border-bottom: 1px solid var(--border);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.mt-cal-plan-cell {
+  flex: 1; min-width: 0; padding: 3px 5px;
+  border-bottom: 1px solid var(--border);
+  border-left: 1px solid var(--border);
+}
+.mt-cal-plan-row.today .mt-cal-plan-gutter {
+  color: var(--accent); font-weight: 700;
+}
+@media (max-width: 768px) {
+  .mt-cal-year { grid-template-columns: repeat(2, 1fr); }
+}
+
+/* ── États vides ──────────────────────────────────────────────────────────
+ * Bloc centré dans la surface disponible : invite de conversion
+ * (`.my-tasks-empty`, rendu serveur) comme états vides du tableau de bord
+ * (`.mt-empty`, rendu client). Même gabarit pour que les deux se ressemblent.
+ */
+.my-tasks-empty,
+.mt-empty {
+  display: flex; flex-direction: column; align-items: center;
+  text-align: center; padding: 72px 24px 80px;
+  max-width: 620px; margin: 0 auto;
+}
+.my-tasks-empty-icon,
+.mt-empty-icon {
+  display: flex; align-items: center; justify-content: center;
+  width: 64px; height: 64px; margin-bottom: 20px; font-size: 30px;
+  border-radius: 50%;
+  background: var(--bg-hover, rgba(0, 0, 0, .04));
+  border: 1px solid var(--border, #e3e3e0);
+}
+.my-tasks-empty h2,
+.mt-empty h2 {
+  margin: 0 0 10px; font-size: 19px; font-weight: 600; color: var(--text-primary, #333);
+}
+.my-tasks-empty p,
+.mt-empty p {
+  margin: 0 0 8px; font-size: 14px; line-height: 1.6;
+  color: var(--text-secondary, #666);
+}
+.my-tasks-empty-hint,
+.mt-empty-hint {
+  font-size: 13px; color: var(--text-dim, #888);
+}
+.my-tasks-empty-steps,
+.mt-empty-steps {
+  margin: 20px 0 0; padding: 14px 18px; list-style: none;
+  display: inline-flex; flex-direction: column; gap: 8px; text-align: left;
+  border: 1px solid var(--border, #e3e3e0);
+  border-radius: 10px; background: var(--bg-secondary, #fafafa);
+  font-size: 13px; color: var(--text-secondary, #666);
+}
+.my-tasks-empty-steps li,
+.mt-empty-steps li { display: flex; align-items: flex-start; gap: 9px; }
+.my-tasks-empty-steps .n,
+.mt-empty-steps .n {
+  flex-shrink: 0; width: 20px; height: 20px; margin-top: -1px;
+  display: flex; align-items: center; justify-content: center;
+  border-radius: 50%; background: var(--bg-primary, #fff);
+  border: 1px solid var(--border-strong, #d3d3d0);
+  font-size: 11px; font-weight: 700; color: var(--text-dim, #999);
+}
+.my-tasks-empty-btn,
+.mt-empty-btn {
+  display: inline-block; margin-top: 22px; padding: 9px 20px; border-radius: 8px;
+  background: var(--accent, #2383e2); color: #fff;
+  font-size: 14px; font-weight: 600; text-decoration: none; border: none;
+  cursor: pointer; font-family: inherit;
+}
+.my-tasks-empty-btn:hover,
+.mt-empty-btn:hover { background: var(--accent-hover, #1a6bc0); filter: none; }
+
+/* ── Modale « nouvelle tâche » (multi-destinations) ─────────────────── */
+.mt-modal-overlay {
+  position: fixed; inset: 0; z-index: 1000; padding-top: 12vh;
+  display: flex; align-items: flex-start; justify-content: center;
+  background: rgba(0, 0, 0, .4);
+}
+.mt-modal {
+  width: 460px; max-width: 92vw; overflow: hidden; border-radius: 12px;
+  background: var(--bg-primary, #fff); box-shadow: 0 18px 60px rgba(0, 0, 0, .25);
+}
+.mt-modal-head {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 14px 16px; font-size: 14px; font-weight: 600;
+  border-bottom: 1px solid var(--border, #eee);
+}
+.mt-modal-close {
+  border: none; background: none; color: var(--text-dim, #888);
+  font-size: 14px; cursor: pointer;
+}
+.mt-modal-body {
+  display: flex; flex-direction: column; gap: 12px;
+  max-height: 55vh; overflow-y: auto; padding: 16px;
+}
+.mt-field {
+  display: flex; flex-direction: column; gap: 4px;
+  font-size: 12px; color: var(--text-dim, #888);
+}
+.mt-field input {
+  font: inherit; font-size: 14px; padding: 7px 9px; border-radius: 6px;
+  border: 1px solid var(--border, #e3e3e0);
+  background: var(--bg-primary, #fff); color: var(--text, #333);
+}
+.mt-modal-group {
+  margin-top: 4px; font-size: 11px; text-transform: uppercase;
+  letter-spacing: .5px; color: var(--text-dim, #999);
+}
+.mt-dest {
+  display: flex; align-items: center; gap: 8px; padding: 6px 8px;
+  border-radius: 6px; font-size: 13px; cursor: pointer;
+}
+.mt-dest:hover { background: var(--bg-hover, rgba(0, 0, 0, .04)); }
+.mt-modal-foot {
+  display: flex; justify-content: flex-end; gap: 8px;
+  padding: 12px 16px; border-top: 1px solid var(--border, #eee);
+}
+.mt-btn-cancel,
+.mt-btn-primary {
+  font: inherit; font-size: 13px; padding: 7px 16px; border-radius: 6px;
+  border: 1px solid var(--border, #e3e3e0); background: transparent;
+  color: var(--text, #333); cursor: pointer;
+}
+.mt-btn-primary {
+  border-color: transparent; background: var(--accent, #2383e2);
+  color: #fff; font-weight: 600;
+}
+
+/* ── Modale « Convertir en base de tâches » (task_db_link.js) ─────────── */
+.tdb-overlay {
+  position: fixed; inset: 0; z-index: 1000; padding-top: 10vh;
+  display: flex; align-items: flex-start; justify-content: center;
+  background: rgba(0, 0, 0, .4);
+}
+.tdb-modal {
+  width: 520px; max-width: 94vw; overflow: hidden; border-radius: 12px;
+  background: var(--bg-modal, var(--bg-primary, #fff));
+  box-shadow: 0 18px 60px rgba(0, 0, 0, .25); color: var(--text-primary, #333);
+}
+.tdb-head {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 14px 16px; font-size: 14px; font-weight: 600;
+  border-bottom: 1px solid var(--border, #eee);
+}
+.tdb-close {
+  border: none; background: none; color: var(--text-dim, #888);
+  font-size: 14px; cursor: pointer;
+}
+.tdb-intro {
+  padding: 12px 16px 0; font-size: 12.5px; line-height: 1.5;
+  color: var(--text-secondary, #666);
+}
+.tdb-intro a { color: var(--accent, #2383e2); }
+.tdb-body { display: flex; flex-direction: column; gap: 14px; padding: 14px 16px; }
+.tdb-role-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 5px; }
+.tdb-role-head label { font-size: 13px; font-weight: 600; }
+.tdb-role-hint { font-size: 11.5px; color: var(--text-dim, #999); }
+.tdb-role-body { display: flex; gap: 8px; }
+.tdb-select,
+.tdb-new-name {
+  font: inherit; font-size: 13px; padding: 6px 8px; border-radius: 6px;
+  border: 1px solid var(--border, #e3e3e0);
+  background: var(--bg-primary, #fff); color: var(--text-primary, #333);
+}
+.tdb-select { flex: 1 1 auto; min-width: 0; }
+.tdb-new-name { flex: 1 1 auto; min-width: 0; }
+.tdb-warn {
+  margin: 0 16px 4px; padding: 8px 10px; border-radius: 6px; font-size: 12px;
+  background: rgba(201, 130, 10, .12); color: #c9820a;
+}
+.tdb-foot {
+  display: flex; align-items: center; gap: 8px;
+  padding: 12px 16px; border-top: 1px solid var(--border, #eee);
+}
+.tdb-spacer { flex: 1; }
+.tdb-btn,
+.tdb-btn-primary,
+.tdb-btn-danger {
+  font: inherit; font-size: 13px; padding: 7px 16px; border-radius: 6px;
+  border: 1px solid var(--border, #e3e3e0); background: transparent;
+  color: var(--text-primary, #333); cursor: pointer;
+}
+.tdb-btn-primary {
+  border-color: transparent; background: var(--accent, #2383e2);
+  color: #fff; font-weight: 600;
+}
+.tdb-btn-primary:disabled { opacity: .5; cursor: not-allowed; }
+.tdb-btn-danger { color: #e5484d; border-color: rgba(229, 72, 77, .4); }
+
+/* ── Page « /db » : liste des bases du workspace ─────────────────────────
+ * En-tête recentré (page de destination du bouton « Ouvrir mes bases »),
+ * grille de cartes à gauche pour rester lisible sur les longues listes.
+ */
+.db-index { padding: 40px 24px 64px; max-width: 1100px; margin: 0 auto; }
+.db-index-head {
+  display: flex; align-items: center; justify-content: center;
+  flex-wrap: wrap; gap: 10px; margin-bottom: 6px; text-align: center;
+}
+.db-index-head h1 { margin: 0; font-size: 24px; }
+.db-index-ws {
+  font-size: 12px; color: var(--text-dim, #999);
+  padding: 2px 9px; border-radius: 20px;
+  border: 1px solid var(--border, #e3e3e0);
+}
+.db-index-sub {
+  max-width: 640px; margin: 0 auto 26px; text-align: center;
+  font-size: 13.5px; line-height: 1.6; color: var(--text-secondary, #666);
+}
+.db-index-sub a { color: var(--accent, #2383e2); }
+.db-grid {
+  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px;
+}
+.db-card {
+  display: flex; flex-direction: column; gap: 6px;
+  padding: 16px 16px; border-radius: 12px; text-decoration: none;
+  border: 1px solid var(--border, #e3e3e0);
+  background: var(--bg-primary, #fff); color: var(--text, #333);
+  transition: border-color .12s, box-shadow .12s, transform .12s;
+}
+.db-card:hover {
+  border-color: var(--accent, #2383e2);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, .09);
+  transform: translateY(-1px);
+}
+.db-card-head { display: flex; align-items: center; gap: 8px; }
+.db-card-icon { font-size: 19px; }
+.db-card-name {
+  flex: 1; min-width: 0; font-size: 14px; font-weight: 600;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.db-card-badge {
+  flex-shrink: 0; font-size: 11px; font-weight: 600;
+  padding: 2px 8px; border-radius: 20px;
+}
+.db-card-badge.ok { background: rgba(0, 200, 100, .14); color: #00a35a; }
+.db-card-badge.warn { background: rgba(201, 130, 10, .14); color: #c9820a; }
+.db-card-meta { font-size: 11.5px; color: var(--text-dim, #999); }
+.db-card-hint { font-size: 12px; line-height: 1.45; color: var(--text-secondary, #666); }
+
+/* État vide de `/db` : bloc centré dans la surface disponible. */
+.db-empty {
+  display: flex; flex-direction: column; align-items: center;
+  text-align: center; padding: 72px 24px 80px;
+  max-width: 620px; margin: 0 auto;
+}
+.db-empty-icon {
+  display: flex; align-items: center; justify-content: center;
+  width: 64px; height: 64px; margin-bottom: 20px; font-size: 30px;
+  border-radius: 50%;
+  background: var(--bg-hover, rgba(0, 0, 0, .04));
+  border: 1px solid var(--border, #e3e3e0);
+}
+.db-empty h1 { margin: 0 0 10px; font-size: 19px; font-weight: 600; }
+.db-empty p {
+  margin: 0 0 8px; font-size: 14px; line-height: 1.6;
+  color: var(--text-secondary, #666);
+}
+.db-empty-hint { max-width: 520px; font-size: 13px; }
+.db-empty-hint code {
+  padding: 1px 5px; border-radius: 4px; font-size: 12px;
+  background: var(--bg-hover, rgba(0, 0, 0, .05));
+}
+
+/* ── Bouton « Convertir en base de tâches » (barre de la base) ────────── */
+.db-task-db-btn {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 5px 11px; border-radius: 6px;
+  border: 1px solid var(--border, #e3e3e0);
+  background: transparent; color: var(--text-secondary, #555);
+  font-size: 12.5px; font-weight: 500; cursor: pointer; white-space: nowrap;
+}
+.db-task-db-btn:hover {
+  border-color: var(--accent, #2383e2);
+  color: var(--accent, #2383e2);
+  background: var(--bg-hover, rgba(35, 131, 226, .07));
+}
+.mt-source-fix {
+  font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 20px;
+  border: 1px solid rgba(201, 130, 10, .45); background: transparent;
+  color: #c9820a; cursor: pointer;
+}
+.mt-source-fix:hover { background: rgba(201, 130, 10, .12); }
+.db-section-title {
+  margin: 38px 0 4px; font-size: 15px; font-weight: 600; color: var(--text, #333);
+  text-align: center;
+}
+.db-section-sub {
+  max-width: 640px; margin: 0 auto 14px; text-align: center;
+  font-size: 12.5px; line-height: 1.55; color: var(--text-dim, #888);
+}

static/js/_ctx_menu.js

@@ -21,6 +21,10 @@
     window.Alpine.__fdCtxStore = true;
 
     Alpine.store('fdCtx', {
+      addTagAndClear(value, color, el){
+        this.addNewTag(value, color);
+        if (el) el.value = '';
+      },
       open: false, x: 0, y: 0, node: null, page: null,
       maxH: 0, _cx: 0, _cy: 0, _ro: null,
       handlers: {},

static/js/agent_panel_2.js

@@ -71,6 +71,7 @@
         });
 
         this._applyState = applyState;
+        this._initResize();
         this.fetchProviders();
         this.fetchAgents();
         this.fetchSkills();
@@ -86,6 +87,11 @@
           self.setComposerText(t);
           setTimeout(function(){ self.send(); }, 60);
         };
+        // Open the panel on a given conversation (sidebar Chat history).
+        window.fdAgent.openConversation = function(id){
+          self.openAgent();
+          self.loadConversation(id);
+        };
         // Headless text generation (no tools) via /agent/generate — the clean
         // path used by "Ask AI" / "AI meeting note" / summarization. Sending a
         // plain write request through the tool-enabled conversation engine sends
@@ -108,6 +114,79 @@
         };
       },
 
+      // ── Resizable panel width (drag handle on the left edge, persisted) ──
+      _apMinWidth(){ return Math.min(360, window.innerWidth); },
+      _apMaxWidth(){ return Math.max(this._apMinWidth(), Math.min(Math.round(window.innerWidth * 0.9), 1200)); },
+      _apClampWidth(w){
+        return Math.round(Math.max(this._apMinWidth(), Math.min(this._apMaxWidth(), w || 0)));
+      },
+      _apApplyWidth(w){
+        var panel = document.getElementById('fd-agent-panel');
+        if(!panel) return;
+        var width = this._apClampWidth(w);
+        panel.style.setProperty('--fd-agent-width', width + 'px');
+        return width;
+      },
+      _initResize(){
+        var self = this;
+        var panel = document.getElementById('fd-agent-panel');
+        var handle = panel && panel.querySelector('.fd-ap-resize');
+        if(!panel || !handle) return;
+
+        // Restore the user width (clamped to the current viewport).
+        try {
+          var saved = parseInt(localStorage.getItem('fd_agent_width') || '', 10);
+          if(saved) this._apApplyWidth(saved);
+        } catch{ /* stockage indisponible */ }
+
+        var startX = 0, startWidth = 0, dragging = false;
+        var persist = function(){
+          try { localStorage.setItem('fd_agent_width', panel.style.getPropertyValue('--fd-agent-width')); } catch{ /* ignoré */ }
+        };
+
+        handle.addEventListener('pointerdown', function(e){
+          if(e.button !== 0) return;
+          e.preventDefault();
+          try { handle.setPointerCapture(e.pointerId); } catch{ /* ignoré */ }
+          startX = e.clientX;
+          startWidth = panel.offsetWidth;
+          dragging = true;
+          document.body.classList.add('fd-ap-resizing');
+        });
+        handle.addEventListener('pointermove', function(e){
+          if(!dragging) return;
+          // The panel is anchored to the right edge → dragging left widens it.
+          self._apApplyWidth(startWidth - (e.clientX - startX));
+        });
+        var endDrag = function(e){
+          if(!dragging) return;
+          dragging = false;
+          document.body.classList.remove('fd-ap-resizing');
+          persist();
+          try { handle.releasePointerCapture(e.pointerId); } catch{ /* ignoré */ }
+        };
+        handle.addEventListener('pointerup', endDrag);
+        handle.addEventListener('pointercancel', endDrag);
+        handle.addEventListener('dblclick', function(){
+          self._apApplyWidth(470);
+          persist();
+        });
+        // Keyboard a11y: ← / → adjust by 20px, Home resets to the default.
+        handle.addEventListener('keydown', function(e){
+          var step = e.shiftKey ? 60 : 20, cur = panel.offsetWidth;
+          if(e.key === 'ArrowLeft'){ self._apApplyWidth(cur + step); }
+          else if(e.key === 'ArrowRight'){ self._apApplyWidth(cur - step); }
+          else if(e.key === 'Home'){ self._apApplyWidth(470); }
+          else { return; }
+          e.preventDefault();
+          persist();
+        });
+        // Keep the width usable when the window shrinks / grows.
+        window.addEventListener('resize', function(){
+          self._apApplyWidth(panel.offsetWidth);
+        });
+      },
+
       // ── Open / close (robust) ──
       openAgent(){
         if(this.open) { this.refreshContext(); return; }
@@ -394,6 +473,7 @@
         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.');
       },
+      showHistory(){ this.tab = 'history'; this.loadConversations(); },
       loadConversations(){
         var self = this;
         fetch('/api/agent/conversations').then(function(r){return r.json()}).then(function(d){
@@ -1587,7 +1667,9 @@
     delete_page:'Page supprimée', delete_collection:'Collection supprimée',
     apply_template:'Template appliqué', create_sub_item:'Sous-élément créé',
     add_dependency:'Dépendance ajoutée', read_gitea_issues:'Issues Gitea lues',
-    create_gitea_issue:'Issue Gitea créée', sync_gitea:'Issues Gitea synchronisées'
+    create_gitea_issue:'Issue Gitea créée', sync_gitea:'Issues Gitea synchronisées',
+    web_search:'Recherche web effectuée', fetch_url:'Page web lue',
+    search_code:'Recherche GitHub effectuée'
   };
   // Build an action step object from an SSE event or a persisted action row.
   agentPanel._actionStep = function(ev){

static/js/app.js

@@ -252,6 +252,12 @@
   // managed by Alpine or HTMX keep their default behaviour.
   function shouldIntercept(a, evt) {
     if (!a || !a.getAttribute || !isPlainLeftClick(evt)) return false;
+    // Un handler plus profond a déjà traité le clic et appelé preventDefault
+    // (onglets de vue, lien interne…). Sans ce test, le navigateur AND ce
+    // navigateur SPA traitent le même clic : le composant rend son état, puis
+    // `fdLoad` remplace la zone `.main-wrapper` par la réponse serveur — le
+    // composant perd son DOM et la page finit vide.
+    if (evt.defaultPrevented) return false;
     if (a.hasAttribute('data-no-nav')) return false;
     var target = (a.getAttribute('target') || '').toLowerCase();
     if (target && target !== '_self') return false;
@@ -278,16 +284,30 @@
   }
 
   var loading = false;
+  var LOAD_WATCHDOG_MS = 15000;
 
   function fdLoad(url, push) {
     if (!window.htmx) { window.location.href = url; return; }
-    if (loading) return;
+    // Une navigation est déjà en vol : on l'ABANDONNE au profit d'un chargement
+    // complet. Avant, ce clic etait simplement ignore (aucune URL, aucun
+    // changement) — et si la promesse htmx ne se resolvait jamais, `loading`
+    // restait a `true` indefiniment : plus aucune navigation ne repartait, la
+    // page restait figee (ou a moitie peinte) jusqu'au hard refresh.
+    if (loading) { window.location.href = url; return; }
     loading = true;
-    document.documentElement.classList.add('fd-navigating');
+    var settled = false;
     function done() {
+      if (settled) return;
+      settled = true;
       loading = false;
-      document.documentElement.classList.remove('fd-navigating');
+      clearTimeout(watchdog);
     }
+    // Filet de securite : `loading` ne doit jamais pouvoir rester bloque.
+    var watchdog = setTimeout(function () {
+      if (settled) return;
+      done();
+      window.location.href = url;
+    }, LOAD_WATCHDOG_MS);
     var p;
     try {
       p = window.htmx.ajax('GET', url, {
@@ -326,6 +346,89 @@
     fdLoad(window.location.href, false);
   });
 
+  // ── Swap partiel : monter proprement la zone swapée sous Alpine ──
+  // Lors d'une navigation partielle (fdLoad), les <script src> de la page
+  // s'exécutent APRÈS le microtask MutationObserver d'Alpine : toute la zone
+  // .main-wrapper serait initialisée avant que composants ET stores (menu
+  // contextuel $store.fdCtx, …) existent → « Undefined variable: … » puis
+  // « reading 'has' » sur les stores. On pose x-ignore sur TOUTE la zone
+  // pendant le chargement des scripts, puis on démarle quand tous les
+  // <script src> ont exécuté (load/error) — filet de sécurité 4 s.
+  // (initTree est idempotent : le _x_marker posé au premier passage évite
+  // tout double montage.)
+  var fdLastMw = document.querySelector('.main-wrapper'); // nœud du chargement complet
+  window.fdRefreshXData = function (name) {
+    document.querySelectorAll('[x-data="' + name + '()"]').forEach(function (el) {
+      if (el.__fdRefreshed) return;
+      var st = el._x_dataStack;
+      if (!st) return;                                  // sous x-ignore → done() montera
+      if (st[0] && Object.keys(st[0]).length) return;   // déjà monté correctement
+      el.__fdRefreshed = true;                          // monté cassé (hors watcher) → on remonte
+      var fresh = el.cloneNode(true);
+      el.parentNode.replaceChild(fresh, el);
+      if (window.htmx) { try { htmx.process(fresh); } catch { /* volontaire */ } }
+    });
+  };
+
+  document.addEventListener('htmx:afterSwap', function () {
+    var mw = document.querySelector('.main-wrapper');
+    // nœud inchangé = swap hors navigation (sidebar, vues) : rien à faire
+    if (!mw || mw === fdLastMw || mw.__fdSwapWatch) return;
+    fdLastMw = mw;
+    mw.__fdSwapWatch = true;
+    // Avant tout paint (même task que le swap) : la zone est x-ignore, donc non
+    // montée Alpine — tous ses [x-show] seraient peints à leur valeur brute
+    // (rafale de menus/panneaux/états visibles une fraction de seconde). On ne
+    // la peint qu'une fois initTree passé.
+    mw.style.opacity = '0';
+    mw.style.pointerEvents = 'none';
+    mw.setAttribute('x-ignore', '');
+    var scripts = Array.prototype.slice.call(mw.querySelectorAll('script[src]'));
+    var pending = scripts.length;
+    var reveal = function () {
+      if (!mw.isConnected) return;
+      mw.style.opacity = '';
+      mw.style.pointerEvents = '';
+    };
+    var done = function () {
+      reveal(); // idempotent : appelé même si la branche suivante retourne
+      if (!mw.__fdSwapWatch) return;
+      mw.__fdSwapWatch = false;
+      document.removeEventListener('load', onScript, true);
+      document.removeEventListener('error', onScript, true);
+      if (!mw.isConnected || !mw.hasAttribute('x-ignore')) return;
+      mw.removeAttribute('x-ignore');
+      mw._x_ignore = false; // propriété posée par Alpine au checkpoint
+      try { Alpine.initTree(mw); } catch (e) { console.warn('[FlowDeck] mount', e); }
+      reveal();
+    };
+    var onScript = function (e) {
+      var node = e.target;
+      // `load`/`error` en capture sur `document` voit TOUS les <script> de la
+      // page, pas seulement ceux de la zone swappée : compter les uns et les
+      // autres décomptait trop vite et montait l'arbre Alpine avant que les
+      // scripts de la page n'aient tourné (page à moitié montée, composants
+      // affiché à l'état brut). On ne compte donc que les noeuds attendus.
+      if (!node || node.tagName !== 'SCRIPT') return;
+      if (scripts.indexOf(node) === -1) return;
+      if (--pending <= 0) done();
+    };
+    if (!pending) {
+      // Avant le microtask MutationObserver d'Alpine : retirer x-ignore suffit,
+      // le MO initialisera au checkpoint (initTree de sécurité = no-op).
+      mw.removeAttribute('x-ignore');
+      mw.__fdSwapWatch = false;
+      setTimeout(function () {
+        if (mw.isConnected) { try { Alpine.initTree(mw); } catch (e) { console.warn('[FlowDeck] mount', e); } }
+        reveal(); // après initTree : un paint max de blanc, jamais de contenu brut
+      }, 0);
+      return;
+    }
+    document.addEventListener('load', onScript, true);
+    document.addEventListener('error', onScript, true);
+    setTimeout(done, 4000);
+  });
+
   // Ctrl/Cmd + \ : toggle the sidebar (Notion-style).
   document.addEventListener('keydown', function(e) {
     if ((e.ctrlKey || e.metaKey) && (e.key === '\\' || e.code === 'Backslash')) {
@@ -408,3 +511,41 @@ function openCardDetail(id) {
   document.getElementById('card-modal-title').textContent = 'Issue #' + id;
 }
 
+
+// ── Side peek : poignée de redimensionnement partagée (v7.49.1) ──
+// Une seule implémentation pour les peeks de Library, du workspace local,
+// de My Tasks et des bases de données (le code copié trois fois dérivait :
+// celui de My Tasks ne capturait pas le pointeur et ne persistait rien).
+// La largeur choisie est commune à tous les peeks (localStorage fd_peek_width),
+// comme l'utilisateur ne voit qu'un seul panneau à la fois.
+window.fdWirePeekResize = function(panel, handle, onClose) {
+  if (!panel || !handle) return;
+  var startX, startWidth, dragging = false;
+  handle.addEventListener('pointerdown', function(e) {
+    e.preventDefault();
+    try { handle.setPointerCapture(e.pointerId); } catch { /* pointeur fantôme */ }
+    startX = e.clientX;
+    startWidth = panel.offsetWidth;
+    dragging = true;
+    document.body.style.userSelect = 'none';
+  });
+  handle.addEventListener('pointermove', function(e) {
+    if (!dragging) return;
+    var w = Math.max(300, Math.min(window.innerWidth * 0.9, startWidth + (startX - e.clientX)));
+    panel.style.width = w + 'px';
+  });
+  function stop(e) {
+    if (!dragging) return;
+    dragging = false;
+    document.body.style.userSelect = '';
+    try { handle.releasePointerCapture(e.pointerId); } catch { /* déjà relâché */ }
+    if (e && Math.abs(e.clientX - startX) < 3 && typeof onClose === 'function') onClose();
+    try { localStorage.setItem('fd_peek_width', panel.style.width); } catch { /* navigation privée */ }
+  }
+  handle.addEventListener('pointerup', stop);
+  handle.addEventListener('pointercancel', function() { dragging = false; document.body.style.userSelect = ''; });
+  try {
+    var saved = localStorage.getItem('fd_peek_width');
+    if (saved) panel.style.width = saved;
+  } catch { /* navigation privée */ }
+};

static/js/board.js

@@ -1,3 +1,5 @@
+if (!window.__fdBoardScriptsLoaded) {
+window.__fdBoardScriptsLoaded = true;
 /* exported setActiveTab, kanbanBoard, filterSystem, sortSystem, newIssueForm, showNewIssue -- appeles depuis les attributs HTML des templates */
 const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.parse(el.textContent):{}}catch{return {}}})();
 
@@ -22,7 +24,7 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
 
   // globales window — probe « Undefined variable: kanbanBoard »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('kanbanBoard', kanbanBoard); });
+  if (window.Alpine) { Alpine.data('kanbanBoard', kanbanBoard); fdRefreshXData('kanbanBoard'); } else document.addEventListener('alpine:init', function () { Alpine.data('kanbanBoard', kanbanBoard); });
   function kanbanBoard() {
     return {
       collapsedGroups: [],
@@ -42,7 +44,7 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
 
   // globales window — probe « Undefined variable: filterSystem »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('filterSystem', filterSystem); });
+  if (window.Alpine) { Alpine.data('filterSystem', filterSystem); fdRefreshXData('filterSystem'); } else document.addEventListener('alpine:init', function () { Alpine.data('filterSystem', filterSystem); });
   function filterSystem() {
     return {
       activeFilters: [],
@@ -70,6 +72,9 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
       },
       removeFilter(i) { this.activeFilters.splice(i, 1); },
       resetFilters() { this.activeFilters = []; this.statusFilters = []; },
+      removeFilterAndRefresh(i) { this.removeFilter(i); this.refreshView(); },
+      resetFiltersAndRefresh() { this.resetFilters(); this.refreshView(); },
+      pickStatus(v) { this.toggleStatus(v); this.showStatusMenu = false; this.refreshView(); },
       refreshView() {
         const activeTab = document.querySelector('.view-tab.active');
         if (activeTab) activeTab.click();
@@ -81,7 +86,7 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
 
   // globales window — probe « Undefined variable: sortSystem »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('sortSystem', sortSystem); });
+  if (window.Alpine) { Alpine.data('sortSystem', sortSystem); fdRefreshXData('sortSystem'); } else document.addEventListener('alpine:init', function () { Alpine.data('sortSystem', sortSystem); });
   function sortSystem() {
     return {
       sorts: [],
@@ -108,7 +113,7 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
 
   // globales window — probe « Undefined variable: newIssueForm »).
 
-  document.addEventListener('alpine:init', function () { Alpine.data('newIssueForm', newIssueForm); });
+  if (window.Alpine) { Alpine.data('newIssueForm', newIssueForm); fdRefreshXData('newIssueForm'); } else document.addEventListener('alpine:init', function () { Alpine.data('newIssueForm', newIssueForm); });
   function newIssueForm() {
     return {
       title: '', status: 'todo',
@@ -166,3 +171,4 @@ const BD=(()=>{try{const el=document.getElementById('bd-config');return el?JSON.
       });
     }
   });
+}

static/js/database_table.js

@@ -1,3 +1,5 @@
+if (!window.__fdDbTableScriptsLoaded) {
+window.__fdDbTableScriptsLoaded = true;
 const DB_CONFIG=(()=>{try{const el=document.getElementById('db-config');const v=el?JSON.parse(el.textContent):null;return v===undefined?null:v}catch{return null}})();
 
 (function() {
@@ -236,6 +238,23 @@ const DB_CONFIG=(()=>{try{const el=document.getElementById('db-config');const v=
             return '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'+(VIEW_ICONS[t]||VIEW_ICONS.table)+'</svg>';
         }
 
+        function taskDbButton(collection) {
+            // Le libellé suit l'état réel de la base : convertie, à
+            // configurer, ou pas encore convertie. Un simple ✓ était
+            // introuvable pour l'utilisateur.
+            var isTask = !!(collection && collection.is_task);
+            var mapped = !!(collection && collection.task_assignee_prop &&
+                            collection.task_status_prop && collection.task_due_prop);
+            var label = isTask ? (mapped ? '✓ Base de tâches' : '⚠ Configurer')
+                               : 'Convertir en base de tâches';
+            var title = isTask
+                ? (mapped ? 'Cette base alimente My Tasks'
+                          : 'Base connectée mais mapping incomplet — reenregistrer')
+                : 'Relier Assigné à / Statut / Échéance pour alimenter My Tasks';
+            return '<button class="db-task-db-btn" data-task-db="' + collectionId +
+                   '" title="' + escHtml(title) + '">' + label + '</button>';
+        }
+
         function renderViewBar() {
             var h = '<div class="db-view-bar" style="padding:4px 0 8px"><div class="db-view-tabs">';
             if (!state.views.length) {
@@ -249,7 +268,8 @@ const DB_CONFIG=(()=>{try{const el=document.getElementById('db-config');const v=
             });
             h += '<button class="db-view-add" data-view-add="1" title="Add a view">+</button>';
             h += '</div>';
-            h += '<div class="db-view-actions"><button class="db-btn-new db-add-page-btn">+ New</button></div>';
+            h += '<div class="db-view-actions">' + taskDbButton(state.collection) +
+                 '<button class="db-btn-new db-add-page-btn">+ New</button></div>';
             h += '</div>';
             return h;
         }
@@ -1262,50 +1282,84 @@ const DB_CONFIG=(()=>{try{const el=document.getElementById('db-config');const v=
         }
     }
 
-    // ── Global Side Peek for Database Pages (auto-creates panel) ──
-    function openPageInSidePeek(pageId) {
-        var panel = document.getElementById('db-side-peek');
-        if (!panel) {
-            panel = document.createElement('div');
-            panel.id = 'db-side-peek';
-            panel.style.cssText = 'position:fixed;top:0;right:0;width:560px;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 20px rgba(0,0,0,0.12);z-index:900;display:flex;flex-direction:column';
-            panel.innerHTML = '<div id="db-side-peek-resize" style="position:absolute;top:0;left:0;width:6px;height:100%;cursor:col-resize;z-index:2"></div>'+
-              '<div style="display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0">'+
-              '<button id="db-side-peek-close" style="display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--text-dim)">×</button>'+
-              '<button id="db-side-peek-full" style="display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--text-dim)" title="Open full page">↗</button>'+
-              '</div>'+
-              '<iframe id="db-side-peek-iframe" src="" style="width:100%;height:100%;border:none;flex:1"></iframe>';
-            document.body.appendChild(panel);
-            document.getElementById('db-side-peek-close').onclick = function(){ panel.style.display='none'; document.getElementById('db-side-peek-iframe').src=''; };
-            document.getElementById('db-side-peek-full').onclick = function(){
-                var ifr = document.getElementById('db-side-peek-iframe');
-                if (ifr && ifr.src) window.open(ifr.src.replace('?embed=1',''),'_blank');
-            };
-            var rh = document.getElementById('db-side-peek-resize');
-            rh.onpointerdown = function(e) {
-                e.preventDefault(); e.stopPropagation();
-                var sx = e.clientX, sw = panel.offsetWidth;
-                function mv(ev) { var w = Math.max(300, Math.min(window.innerWidth*0.9, sw-(ev.clientX-sx))); panel.style.width = w+'px'; }
-                function up() { document.removeEventListener('pointermove',mv); document.removeEventListener('pointerup',up); document.body.style.cursor=''; }
-                document.body.style.cursor='col-resize';
-                document.addEventListener('pointermove',mv); document.addEventListener('pointerup',up);
-            };
+    // ── 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) {
+        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 = ''; }
         }
-        var iframe = document.getElementById('db-side-peek-iframe');
-        // v6.5.0: a database row id is NOT a pages id (raw /pages/{rowId}
-        // opened an unrelated page with the same id) — resolve the row's
-        // content page first (lazy-created), then load the real editor.
-        resolveRowContentPage(pageId).then(function(pid){
-            var fr = document.getElementById('db-side-peek-iframe');
-            if (fr) { fr.src = '/pages/'+pid+'?embed=1'; panel.style.display = 'flex'; }
+        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;
+            }
         });
-        if (iframe) panel.style.display = 'flex';
+        document.addEventListener('keydown', function(e) {
+            if (e.key === 'Escape' && peekEl.classList.contains('open')) closeDbPeek();
+        });
+        document.addEventListener('pointerdown', function(e) {
+            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);
+            }
+        }
+        wireDbPeekResize();
     }
 
     function resolveRowContentPage(rowId){
         return fetch('/db/pages/'+rowId+'/open/api')
-            .then(function(r){ return r.ok ? r.json() : null; })
-            .then(function(d){ return (d && d.page_id) ? d.page_id : rowId; })
-            .catch(function(){ return rowId; });
+            .then(function(r){
+                if (!r.ok) throw new Error('HTTP ' + r.status);
+                return r.json();
+            })
+            .then(function(d){
+                if (!d || !d.page_id) throw new Error('page de contenu introuvable');
+                return d.page_id;
+            });
     }
 })();
+}

static/js/gitea_workspace.js

@@ -1,5 +1,5 @@
 
-document.addEventListener('alpine:init', () => {
+var _regGiteaWs = () => {
   Alpine.data('giteaWorkspace', () => {
   const params = new URLSearchParams(window.location.search);
   const owner = params.get('owner') || '';
@@ -368,6 +368,11 @@ document.addEventListener('alpine:init', () => {
     },
 
     // ── A20 ph3 : new Date / x-html interdits sous build CSP ──
+    closePrivateEdit() {
+      this.editingPrivate = null;
+      this.editingPrivateTitle = '';
+      this.editingPrivateContent = '';
+    },
     fmtGwDate(pp) {
       return pp.updated_at ? new Date(pp.updated_at + 'Z').toLocaleString() : '';
     },
@@ -632,4 +637,10 @@ document.addEventListener('alpine:init', () => {
     },
   };
   });
-});
+};
+if (window.Alpine) {
+  _regGiteaWs();
+  fdRefreshXData('giteaWorkspace');
+} else {
+  document.addEventListener('alpine:init', _regGiteaWs);
+}

static/js/import.js

@@ -4,7 +4,7 @@
 
 // globales window — probe « Undefined variable: importWizard »).
 
-document.addEventListener('alpine:init', function () { Alpine.data('importWizard', importWizard); });
+if (window.Alpine) { Alpine.data('importWizard', importWizard); fdRefreshXData('importWizard'); } else document.addEventListener('alpine:init', function () { Alpine.data('importWizard', importWizard); });
 function importWizard() {
   return {
     sources: [],

static/js/library.js

@@ -2,9 +2,8 @@
 
 // A20 phase 3 : enregistrement Alpine.data — le build CSP ne résout que le
 // registre (probe : globale window → « Undefined variable: libraryPage »).
-document.addEventListener('alpine:init', function () {
-  Alpine.data('libraryPage', libraryPage);
-});
+if (window.Alpine) { Alpine.data('libraryPage', libraryPage); fdRefreshXData('libraryPage'); }
+else document.addEventListener('alpine:init', function () { Alpine.data('libraryPage', libraryPage); });
 
 function libraryPage() {
   return {
@@ -173,6 +172,21 @@ function libraryPage() {
 // $nextTick / x-html ne passent pas par l'évaluateur maison du build CSP
 // (arrow inline = parse error ; x-html = interdit) → méthodes JS réelles,
 // réactivité via Alpine.effect — valable sous les deux builds.
+toggleFilterMenu() {
+  this.filterOpen = !this.filterOpen;
+  this.sortOpen = false;
+  this.viewOpen = false;
+},
+toggleSortMenu() {
+  this.sortOpen = !this.sortOpen;
+  this.filterOpen = false;
+  this.viewOpen = false;
+},
+toggleViewMenu() {
+  this.viewOpen = !this.viewOpen;
+  this.filterOpen = false;
+  this.sortOpen = false;
+},
 toggleSearch() {
   this.searchOpen = !this.searchOpen;
   if (this.searchOpen) Alpine.nextTick(() => {
@@ -951,13 +965,33 @@ _renderIcon(item) {
     newPage() { this.addNewPage(); },
 
     // ── Side peek ──
-    async openPeek(item) {
+    // L'iframe est pilotée en JS : le build CSP d'Alpine n'évalue pas le
+    // binding `:src` (l'iframe restait vide et aucun document n'apparaissait).
+    // `about:blank` ferme explicitement le document précédent avant de charger
+    // le nouveau : sans cela, même URL = pas de rechargement et l'ancien
+    // document restait affiché.
+    openPeek(item) {
       this.peekItem = item;
       this.peekFavorited = item.favorited || false;
+      var frame = document.getElementById('lib-peek-iframe');
+      var loading = document.getElementById('lib-peek-loading');
+      if (!frame) return;
+      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;
     },
 
     closePeek() {
       this.peekItem = null;
+      var frame = document.getElementById('lib-peek-iframe');
+      // On décharge l'éditeur : il resterait en mémoire (et son autosave
+      // tournerait) alors qu'il n'est plus visible.
+      if (frame) { frame.onload = null; frame.src = 'about:blank'; }
+      var loading = document.getElementById('lib-peek-loading');
+      if (loading) { loading.style.display = ''; loading.textContent = 'Chargement…'; }
     },
 
     async toggleFavoritePeek() {
@@ -1026,40 +1060,16 @@ _renderIcon(item) {
     }
   };
 }
-// Init peek resize handle
+// Init peek resize handle — helper partagé fdWirePeekResize (app.js, defer :
+// câblage différé jusqu'à sa disponibilité, ou immédiat si on est déjà prêt).
 (function() {
-  var panel = document.querySelector('.peek-overlay');
-  var handle = document.getElementById('lib-peek-resize-handle');
-  if (!panel || !handle) return;
-  var startX, startWidth, dragging = false;
-  handle.addEventListener('pointerdown', function(e) {
-    e.preventDefault();
-    handle.setPointerCapture(e.pointerId);
-    startX = e.clientX;
-    startWidth = panel.offsetWidth;
-    dragging = true;
-    document.body.style.userSelect = 'none';
-  });
-  handle.addEventListener('pointermove', function(e) {
-    if (!dragging) return;
-    var deltaX = startX - e.clientX;
-    var newWidth = Math.max(300, Math.min(window.innerWidth * 0.9, startWidth + deltaX));
-    panel.style.width = newWidth + 'px';
-  });
-  handle.addEventListener('pointerup', function(e) {
-    if (!dragging) return;
-    document.body.style.userSelect = '';
-    var moved = Math.abs(e.clientX - startX);
-    if (moved < 3) {
-      var el = document.querySelector('.peek-overlay');
-      if (el && el.__x) { el.__x.$data.peekItem = null; }
-    }
-    dragging = false;
-    try { localStorage.setItem('fd_peek_width', panel.style.width); } catch { /* volontaire */ }
-    handle.releasePointerCapture(e.pointerId);
-  });
-  try {
-    var saved = localStorage.getItem('fd_peek_width');
-    if (saved) panel.style.width = saved;
-  } catch { /* volontaire */ }
+  function wire() {
+    var panel = document.querySelector('.peek-overlay');
+    if (!panel || !window.fdWirePeekResize) return;
+    window.fdWirePeekResize(panel, panel.querySelector('#lib-peek-resize-handle'), function() {
+      if (panel.__x) panel.__x.$data.peekItem = null;
+    });
+  }
+  if (window.fdWirePeekResize || document.readyState !== 'loading') wire();
+  else document.addEventListener('DOMContentLoaded', wire);
 })();

static/js/local_workspace.js

@@ -1,3 +1,5 @@
+if (!window.__fdLocalWorkspaceScriptsLoaded) {
+window.__fdLocalWorkspaceScriptsLoaded = true;
 const LW=(()=>{try{const el=document.getElementById('lw-config');return el?JSON.parse(el.textContent):{}}catch{return {}}})();
 
 console.log('FLOWDECK v2.4.6 — IIFE running, about to set _wsInitData');
@@ -198,39 +200,11 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
     },
 
     _initResizeHandle() {
-      var panel = document.getElementById('ws-preview-panel');
-      var handle = document.getElementById('ws-preview-resize-handle');
-      if (!panel || !handle) return;
-      var startX, startWidth, dragging = false;
-      handle.addEventListener('pointerdown', function(e) {
-        e.preventDefault();
-        handle.setPointerCapture(e.pointerId);
-        startX = e.clientX;
-        startWidth = panel.offsetWidth;
-        dragging = true;
-        document.body.style.userSelect = 'none';
-      });
-      handle.addEventListener('pointermove', function(e) {
-        if (!dragging) return;
-        var deltaX = startX - e.clientX;
-        var newWidth = Math.max(300, Math.min(window.innerWidth * 0.9, startWidth + deltaX));
-        panel.style.width = newWidth + 'px';
-      });
-      handle.addEventListener('pointerup', function(e) {
-        if (!dragging) return;
-        document.body.style.userSelect = '';
-        var moved = Math.abs(e.clientX - startX);
-        if (moved < 3) {
-          window._wsData.closePreviewPanel();
-        }
-        dragging = false;
-        try { localStorage.setItem('fd_peek_width', panel.style.width); } catch { /* volontaire */ }
-        handle.releasePointerCapture(e.pointerId);
-      });
-      try {
-        var saved = localStorage.getItem('fd_peek_width');
-        if (saved) panel.style.width = saved;
-      } catch { /* volontaire */ }
+      // Helper partagé (app.js) — pointer capture, persistance fd_peek_width.
+      window.fdWirePeekResize(
+        document.getElementById('ws-preview-panel'),
+        document.getElementById('ws-preview-resize-handle'),
+        function () { window._wsData.closePreviewPanel(); });
     },
 
     _recompute() {
@@ -401,7 +375,7 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
       return null;
     },
 
-    // ── Preview panel (loads editor in iframe via /pages/{id}?embed=1) ──
+    // ── Preview panel (loads the full-screen editor in an iframe) ──
     selectForPreview(node) {
       var panel = document.getElementById('ws-preview-panel');
       if (!panel) return;
@@ -421,9 +395,12 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
           window.showToast('Failed to copy', 'error');
         });
       };
-      // Load editor in iframe
+      // 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.
       var iframe = document.getElementById('ws-preview-iframe');
-      if (iframe) iframe.src = '/pages/' + node.id + '?embed=1';
+      if (iframe) { iframe.src = 'about:blank'; iframe.src = '/pages/' + node.id; }
       // Show panel
       panel.style.display = 'flex';
       requestAnimationFrame(function() {
@@ -628,7 +605,7 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
       if (!node) return;
       try {
         var method = node.favorited ? 'DELETE' : 'POST';
-        var r = await fetch('/board/api/favorites/' + node.id, { method: method });
+        var r = await fetch('/board/api/favorites/' + node.id, { method: method, headers: {'X-CSRF-Token': getCsrf()} });
         if (r.ok) {
           node.favorited = !node.favorited;
           if (window.appState && window.appState.refreshFavorites) window.appState.refreshFavorites();
@@ -1763,7 +1740,7 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
       var url = folderHandled ? '/api/local-workspace/upload-folder' : '/api/local-workspace/upload';
 
       try {
-        var r = await fetch(url, { method: 'POST', body: formData });
+        var r = await fetch(url, { method: 'POST', headers: {'X-CSRF-Token': getCsrf()}, body: formData });
         this.uploadProgress = 80;
         var d = await r.json();
         if (r.ok) {
@@ -2012,6 +1989,20 @@ const _wsInitData = (function() {  // lexical : NON propriété globalThis →
 
   // ── A20 ph3 : x-html interdit par le build CSP → x-init + Alpine.effect
   // (réactivité conservée : lecture des données réactives dans l'effect) ──
+  toggleViewMenu() {
+    this.viewMenuOpen = !this.viewMenuOpen;
+    this.sortOpen = false;
+    this.searchOpen = false;
+  },
+  toggleSortMenu() {
+    this.sortOpen = !this.sortOpen;
+    this.viewMenuOpen = false;
+  },
+  toggleFilterMenu() {
+    this.filterOpen = !this.filterOpen;
+    this.viewMenuOpen = false;
+    this.sortOpen = false;
+  },
   toggleSearch() {
     this.searchOpen = !this.searchOpen;
     if (this.searchOpen) Alpine.nextTick(() => {
@@ -2051,7 +2042,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(_wsI
 
 // A20 ph3 : registre Alpine.data (le build CSP ne résout que le registre ;
 // x-data="wsInitData()" au lieu de l'identifiant global _wsInitData).
-document.addEventListener('alpine:init', function () {
+var _regWs = function () {
   // objet partagé JS↔Alpine via closure LEXICALE (const hors window →
   // non snapshoté par ji ; probe4 : factory retournant l'objet = accepté).
   Alpine.data('wsInitData', function () { return _wsInitData; });
@@ -2075,4 +2066,12 @@ document.addEventListener('alpine:init', function () {
     };
     return t;
   });
-});
+};
+if (window.Alpine) {
+  _regWs();
+  fdRefreshXData('wsInitData');
+  fdRefreshXData('wsPreview');
+} else {
+  document.addEventListener('alpine:init', _regWs);
+}
+}

static/js/my_tasks.js

@@ -0,0 +1,970 @@
+/* ════════════════════════════════════════════════════════════════════════
+ * FlowDeck — My Tasks (tableau de bord façon Notion)
+ *
+ * Trois vues sur les mêmes tâches normalisées par `/my-tasks/api` :
+ *   • tableau  — liste dense, statut / échéance éditables au clic ;
+ *   • kanban   — colonnes = options de statut de la base d'origine, glisser
+ *                d'une colonne à l'autre écrit le statut ;
+ *   • calendrier — mois courant, tâches placées sur leur date d'échéance.
+ *
+ * Tout passe par le mapping enregistré côté serveur
+ * (`collections.task_*_prop`) : le front envoie un champ (`status`, `due`,
+ * `title`), jamais un identifiant de colonne.
+ * ══════════════════════════════════════════════════════════════════════ */
+/* Le tableau de bord est monté par `flowDeckMyTasks()` pour **chaque** noeud
+ * `#my-tasks-app` : la navigation interne de `app.js` (htmx) remplace
+ * `.main-wrapper` sans recharger le document — le <script> est bien rejoué,
+ * mais son garde global faisait sortir le IIFE et la nouvelle coquille restait
+ * vide jusqu'au hard refresh. Le drapeau est désormais porté par l'élément
+ * (`__fdMounted`), pas par `window`.
+ *
+ * Filet supplémentaire : une coquille montée mais **restée vide** est le
+ * symptôme d'un swap interrompu. Plutôt que d'afficher du vide, on remonte
+ * (les delegations d'événements, elles, ne sont posées qu'une fois par
+ * noeud grâce à `__fdWired`). */
+function flowDeckMyTasks() {
+    'use strict';
+
+    var app = document.getElementById('my-tasks-app');
+    if (!app) return;
+    if (app.__fdMounted && app.innerHTML.trim()) return;
+    app.__fdMounted = true;
+    var wire = !app.__fdWired;   // écoutes posées une seule fois par noeud
+    app.__fdWired = true;
+
+    var cfg = {};
+    try { cfg = JSON.parse(app.getAttribute('data-config') || '{}'); } catch (e) { cfg = {}; }
+
+    var state = {
+        view: cfg.view || 'table',
+        due: (cfg.filters && cfg.filters.due) || 'all',
+        sort: (cfg.filters && cfg.filters.sort) || 'due',
+        hide_done: !!(cfg.filters && cfg.filters.hide_done),
+        sources: cfg.sources || [],
+        maxSources: cfg.maxSources || 10,
+        tasks: [],
+        month: null,
+        calView: 'month',
+        calDay: null
+    };
+
+    var MONTHS = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet',
+        'août', 'septembre', 'octobre', 'novembre', 'décembre'];
+    var DAYS = ['lu', 'ma', 'me', 'je', 've', 'sa', 'di'];
+
+    function csrf() {
+        return (typeof window.getCsrf === 'function') ? window.getCsrf() : '';
+    }
+
+    function esc(s) {
+        return String(s == null ? '' : s)
+            .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+    }
+
+    // `collection_pages.icon` vaut la chaine sentinelle "file" pour une ligne
+    // sans icône (héritage de l'import, cf. `database_table.js`). L'afficher
+    // telle quel collait le mot "file" devant chaque titre.
+    function rowIcon(icon) {
+        return (!icon || icon === 'file') ? '📄' : icon;
+    }
+
+    // Un identifiant de ligne de base n'est PAS un identifiant de page :
+    // /db/pages/{id}/open/api renvoie la page de contenu (créée à la volée)
+    // qui porte les blocs de la tâche. On ne navigue JAMAIS vers
+    // /pages/{rowId} : cet id désigne une page sans rapport (cf.
+    // database_table.js) — d'où le panneau latéral, comme dans Library.
+    var PEEK_SVG_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>';
+    var PEEK_SVG_FULL = '<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>';
+
+    // Le panneau vit HORS de `#my-tasks-app` : `render()` remplace le contenu
+    // de l'app à chaque filtre, le panneau doit survivre.
+    function ensurePeek() {
+        var p = document.getElementById('mt-peek');
+        if (p) return p;
+        p = document.createElement('div');
+        p.className = 'mt-peek';
+        p.id = 'mt-peek';
+        p.setAttribute('aria-hidden', 'true');
+        p.innerHTML = '<div class="mt-peek-handle" id="mt-peek-handle"></div>' +
+            '<div class="mt-peek-head">' +
+            '<button class="mt-peek-btn" id="mt-peek-close" title="Close" ' +
+            'aria-label="Fermer">' + PEEK_SVG_CLOSE + '</button>' +
+            '<div class="mt-peek-title" id="mt-peek-title"></div>' +
+            '<button class="mt-peek-btn" id="mt-peek-full" title="Open full page" ' +
+            'aria-label="Ouvrir dans une page entière">' + PEEK_SVG_FULL + '</button>' +
+            '</div>' +
+            '<div class="mt-peek-body" id="mt-peek-body">' +
+            '<div class="mt-peek-loading" id="mt-peek-loading">Chargement…</div>' +
+            '<iframe id="mt-peek-iframe" title="Contenu de la tâche" ' +
+            'style="display:none"></iframe></div>';
+        document.body.appendChild(p);
+
+        document.getElementById('mt-peek-close').addEventListener('click', closePeek);
+        document.getElementById('mt-peek-full').addEventListener('click', function () {
+            var f = document.getElementById('mt-peek-iframe');
+            if (f && f.dataset.page) window.location.href = '/pages/' + f.dataset.page;
+        });
+        wirePeekResize(p);
+        return p;
+    }
+
+    function closePeek() {
+        var p = document.getElementById('mt-peek');
+        if (!p) return;
+        p.classList.remove('open');
+        p.setAttribute('aria-hidden', 'true');
+        var f = document.getElementById('mt-peek-iframe');
+        // On décharge l'iframe : elle garde sinon en mémoire tout l'éditeur
+        // d'un document que l'on vient de quitter.
+        if (f) { f.src = ''; delete f.dataset.page; f.style.display = 'none'; }
+        var l = document.getElementById('mt-peek-loading');
+        if (l) l.style.display = '';
+    }
+
+    function wirePeekResize(panel) {
+        // Helper partagé (app.js) : pointer capture, borne 300–90vw, clic =
+        // fermer, largeur persistée (localStorage fd_peek_width) — comme Library.
+        window.fdWirePeekResize(panel, document.getElementById('mt-peek-handle'), closePeek);
+    }
+
+    function openRowContent(rowId, title) {
+        var panel = ensurePeek();
+        document.getElementById('mt-peek-title').textContent = title || '';
+        var loading = document.getElementById('mt-peek-loading');
+        var frame = document.getElementById('mt-peek-iframe');
+        if (loading) loading.style.display = '';
+        if (frame) { frame.style.display = 'none'; frame.src = ''; delete frame.dataset.page; }
+        panel.classList.add('open');
+        panel.setAttribute('aria-hidden', 'false');
+
+        api('/db/pages/' + rowId + '/open/api').then(function (d) {
+            var pid = d && d.page_id;
+            if (!pid) throw new Error('page de contenu introuvable');
+            var f = document.getElementById('mt-peek-iframe');
+            if (!f || !document.getElementById('mt-peek').classList.contains('open')) return;
+            if (loading) loading.style.display = 'none';
+            f.dataset.page = pid;
+            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.
+            f.src = 'about:blank';
+            f.src = '/pages/' + pid;
+        }).catch(function (e) {
+            if (loading) {
+                loading.textContent = 'Impossible d’ouvrir le contenu : ' + e.message;
+                loading.style.display = '';
+            }
+        });
+    }
+
+    function syncUrl() {
+        // `replaceState` peut être refusé (iframe sandbox, `file://`,
+        // navigation cross-origin) : l'URL n'est qu'un confort, jamais
+        // l'interface — on ne laisse jamais une exception casser l'action.
+        try {
+            history.replaceState(null, '', '/my-tasks?' + qs());
+        } catch (e) { /* ignoré */ }
+    }
+
+    function qs() {
+        var p = new URLSearchParams();
+        p.set('view', state.view);
+        p.set('due', state.due);
+        p.set('sort', state.sort);
+        if (state.hide_done) p.set('hide_done', 'true');
+        return p.toString();
+    }
+
+    function api(path, opts) {
+        opts = opts || {};
+        var headers = { 'X-CSRF-Token': csrf() };
+        if (opts.body) headers['Content-Type'] = 'application/json';
+        return fetch(path, {
+            method: opts.method || 'GET',
+            credentials: 'same-origin',
+            headers: headers,
+            body: opts.body ? JSON.stringify(opts.body) : undefined
+        }).then(function (r) {
+            return r.json().catch(function () { return {}; }).then(function (d) {
+                if (!r.ok) throw new Error(d.detail || ('Erreur ' + r.status));
+                return d;
+            });
+        });
+    }
+
+    /* ── Données ───────────────────────────────────────────────────── */
+
+    function load() {
+        return api('/my-tasks/api?' + qs()).then(function (d) {
+            state.tasks = d.tasks || [];
+            state.sources = d.sources || [];
+            render();
+        }).catch(function (e) {
+            app.innerHTML = '<div class="my-tasks-error">' + esc(e.message) + '</div>';
+        });
+    }
+
+    function configuredSources() {
+        return state.sources.filter(function (s) { return s.configured; });
+    }
+
+    /* ── Barre d'outils ────────────────────────────────────────────── */
+
+    function toolbar() {
+        var h = '<div class="mt-toolbar">';
+        h += '<div class="mt-toolbar-left">';
+        h += viewTabs();
+        h += '</div><div class="mt-toolbar-right">';
+        h += select('mt-due-filter', 'due', [
+            ['all', 'Toutes les échéances'],
+            ['today', 'Échéance aujourd\'hui'],
+            ['overdue', 'En retard + aujourd\'hui'],
+            ['week', 'Cette semaine']
+        ]);
+        h += select('mt-sort', 'sort', [
+            ['due', 'Tri : échéance'],
+            ['status', 'Tri : statut'],
+            ['source', 'Tri : source'],
+            ['created', 'Tri : création']
+        ]);
+        h += '<label class="mt-toggle"><input type="checkbox" id="mt-hide-done"' +
+            (state.hide_done ? ' checked' : '') + '> Masquer terminées</label>';
+        h += '<button class="mt-new-btn" id="mt-new-btn">+ Nouvelle tâche</button>';
+        h += '</div></div>';
+        h += sourcesBar();
+        return h;
+    }
+
+    function viewTabs() {
+        var labels = { table: 'Tableau', board: 'Kanban', calendar: 'Calendrier' };
+        var h = '<div class="mt-view-tabs">';
+        Object.keys(labels).forEach(function (k) {
+            // `data-no-nav` : le changement de vue est traité ici, en JS.
+            // Sans lui, l'intercepteur de liens de `app.js` rejoue un
+            // chargement complet de la page et remplace le DOM rendu.
+            // Le `href` reste présent : le lien reste partageable et
+            // ouvrable dans un onglet.
+            h += '<a class="mt-view-tab' + (state.view === k ? ' active' : '') +
+                '" data-no-nav href="/my-tasks?' + withView(k) + '">' +
+                labels[k] + '</a>';
+        });
+        return h + '</div>';
+    }
+
+    function withView(v) {
+        var p = new URLSearchParams();
+        p.set('view', v);
+        p.set('due', state.due);
+        p.set('sort', state.sort);
+        if (state.hide_done) p.set('hide_done', 'true');
+        return p.toString();
+    }
+
+    function select(cls, key, opts) {
+        var s = '<select class="mt-select ' + cls + '" data-key="' + key + '">';
+        opts.forEach(function (o) {
+            s += '<option value="' + esc(o[0]) + '"' +
+                (state[key] === o[0] ? ' selected' : '') + '>' + esc(o[1]) + '</option>';
+        });
+        return s + '</select>';
+    }
+
+    function sourcesBar() {
+        var n = state.sources.length;
+        var ok = configuredSources().length;
+        var pend = state.sources.filter(function (s) { return !s.configured; });
+        var h = '<div class="mt-sources">';
+        h += '<span class="mt-sources-label">Sources : <b>' + ok + '/' + state.maxSources +
+            '</b> base(s) connectée(s)</span>';
+        state.sources.forEach(function (s) {
+            h += '<a class="mt-source-chip' + (s.configured ? '' : ' pending') +
+                '" href="/db/' + s.id + '" title="' + esc(s.workspace_name) + '">' +
+                esc(s.icon || '📋') + ' ' + esc(s.name) + '</a>';
+            // Une base connectée au mapping incomplet se corrige d'ici.
+            if (!s.configured) {
+                h += '<button class="mt-source-fix" data-fix-source="' + s.id +
+                    '" title="Relier les colonnes manquantes : ' +
+                    esc((s.missing_roles || []).join(', ')) + '">Configurer</button>';
+            }
+        });
+        if (pend.length) {
+            h += '<span class="mt-sources-warn" title="Ces bases n’émettent pas de tâche ' +
+                'tant que les 3 colonnes ne sont pas liées">⚠ ' + pend.length +
+                ' base(s) à configurer</span>';
+        }
+        if (n >= state.maxSources) {
+            h += '<span class="mt-sources-warn">Limite de ' + state.maxSources +
+                ' bases atteinte</span>';
+        }
+        return h + '</div>';
+    }
+
+    /* ── Vue tableau ──────────────────────────────────────────────────────
+     * Lignes en `div`, comme Library : c'est ce qui permet de n'afficher le
+     * bouton « Open » qu'au survol de la ligne (`.mt-hover-only`).
+     */
+
+    // Bouton « Open » : SVG et libellé identiques à `.btn-open` de Library,
+    // pour que les deux listes se ressemblent exactement.
+    function openButton(t) {
+        return '<button class="mt-open-btn mt-hover-only" data-open-row="' + t.id +
+            '" data-open-title="' + esc(t.title) + '" ' +
+            'title="Open in side peek" aria-label="Ouvrir dans le panneau latéral">' +
+            '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">' +
+            '<rect x="3" y="3" width="18" height="18" rx="2"/>' +
+            '<line x1="15" y1="3" x2="15" y2="21"/></svg> Open</button>';
+    }
+
+    function viewTable() {
+        if (!state.tasks.length) return emptyState();
+        var h = '<div class="mt-table">' +
+            '<div class="mt-thead">' +
+            '<div class="mt-th mt-cell-name">Tâche</div>' +
+            '<div class="mt-th mt-cell-status">Statut</div>' +
+            '<div class="mt-th mt-cell-due">Échéance</div>' +
+            '<div class="mt-th mt-cell-src">Source</div>' +
+            '</div>';
+        state.tasks.forEach(function (t) {
+            h += '<div class="mt-row" data-id="' + t.id + '">';
+            h += '<div class="mt-cell mt-cell-name">' +
+                '<span class="mt-icon">' + esc(rowIcon(t.icon)) + '</span>' +
+                '<span class="mt-title-text" data-edit="title" title="Cliquer pour renommer">' +
+                esc(t.title) + '</span>' + openButton(t) + '</div>';
+            h += '<div class="mt-cell mt-cell-status">' + statusCell(t) + '</div>';
+            h += '<div class="mt-cell mt-cell-due">' + dueCell(t) + '</div>';
+            h += '<div class="mt-cell mt-cell-src"><a class="mt-chip" href="/db/' +
+                t.collection_id + '" title="' + esc(t.workspace_name) +
+                ' · ouvrir la base">' + esc(t.collection_icon) + ' ' +
+                esc(t.collection_name) + '</a></div>';
+            h += '</div>';
+        });
+        return h + '</div>';
+    }
+
+    function statusCell(t) {
+        if (!t.status_options || !t.status_options.length) {
+            return '<span class="mt-static">' + esc(t.status || '—') + '</span>';
+        }
+        return '<select class="mt-status-select" data-id="' + t.id +
+            '" data-field="status">' + t.status_options.map(function (o) {
+                return '<option value="' + esc(o) + '"' +
+                    (o === t.status ? ' selected' : '') + '>' + esc(o) + '</option>';
+            }).join('') + '</select>';
+    }
+
+    function dueCell(t) {
+        var cls = t.due_state ? ' mt-due-' + t.due_state : '';
+        return '<input type="date" class="mt-due-input' + cls + '" data-id="' + t.id +
+            '" data-field="due" value="' + esc(t.due || '') + '">';
+    }
+
+    /* ── Vue kanban ────────────────────────────────────────────────── */
+
+    function viewBoard() {
+        var cols = [], seen = {};
+        state.tasks.forEach(function (t) {
+            (t.status_options || []).forEach(function (o) {
+                if (!seen[o]) { seen[o] = 1; cols.push(o); }
+            });
+            if (!t.status || seen[t.status] === undefined) {
+                if (t.status && !seen[t.status]) { seen[t.status] = 1; cols.push(t.status); }
+            }
+        });
+        if (!cols.length) cols = ['À faire'];
+
+        var h = '<div class="mt-board">';
+        cols.forEach(function (col) {
+            var items = state.tasks.filter(function (t) { return (t.status || '') === col; });
+            h += '<div class="mt-col" data-status="' + esc(col) + '">';
+            h += '<div class="mt-col-head">' + esc(col) + ' <span class="mt-count">' +
+                items.length + '</span></div>';
+            h += '<div class="mt-col-body">';
+            items.forEach(function (t) {
+                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>' +
+                    (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) + ' ' +
+                    esc(t.collection_name) + '</span></div>';
+            });
+            h += '</div></div>';
+        });
+        return h + '</div>';
+    }
+
+    /* ── Vue calendrier (5 vues) ─────────────────────────────────────── */
+
+    var CAL_VIEWS = [
+        ['month', 'Mois'], ['year', 'Année'], ['week', 'Semaine'],
+        ['day', 'Jour'], ['planning', 'Planning']
+    ];
+    var OPEN_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
+        'stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/>' +
+        '<line x1="15" y1="3" x2="15" y2="21"/></svg>';
+
+    function calEnsure() {
+        if (!state.month) {
+            var n = new Date();
+            state.month = { y: n.getFullYear(), m: n.getMonth() };
+        }
+        if (!state.calDay) {
+            var t = new Date();
+            state.calDay = t.getFullYear() + '-' +
+                ('0' + (t.getMonth() + 1)).slice(-2) + '-' +
+                ('0' + t.getDate()).slice(-2);
+        }
+    }
+
+    function isoDate(d) {
+        return d.getFullYear() + '-' +
+            ('0' + (d.getMonth() + 1)).slice(-2) + '-' +
+            ('0' + d.getDate()).slice(-2);
+    }
+
+    function calDate(iso) {
+        var p = String(iso || '').split('-');
+        return new Date(Number(p[0]), Number(p[1]) - 1, Number(p[2]));
+    }
+
+    // Tâches groupées par jour d'échéance (celles sans échéance sont ignorées).
+    function tasksByDay() {
+        var byDay = {};
+        state.tasks.forEach(function (t) {
+            if (!t.due) return;
+            (byDay[t.due] = byDay[t.due] || []).push(t);
+        });
+        return byDay;
+    }
+
+    // Décalage du calendrier, la granularité dépendant de la vue courante.
+    function calShift(delta) {
+        calEnsure();
+        var v = state.calView;
+        if (v === 'year') {
+            state.month = { y: state.month.y + delta, m: state.month.m };
+        } else if (v === 'week') {
+            var w = calDate(state.calDay);
+            w.setDate(w.getDate() + delta * 7);
+            state.calDay = isoDate(w);
+        } else if (v === 'day') {
+            var d = calDate(state.calDay);
+            d.setDate(d.getDate() + delta);
+            state.calDay = isoDate(d);
+            state.month = { y: d.getFullYear(), m: d.getMonth() };
+        } else {
+            var m = state.month.m + delta;
+            state.month = {
+                m: ((m % 12) + 12) % 12,
+                y: state.month.y + Math.floor(m / 12)
+            };
+        }
+        render();
+    }
+
+    function calTitle() {
+        calEnsure();
+        var y = state.month.y, m = state.month.m;
+        if (state.calView === 'year') return String(y);
+        if (state.calView === 'planning') return 'Planning — ' + MONTHS[m] + ' ' + y;
+        if (state.calView === 'day') {
+            var d = calDate(state.calDay);
+            return DAYS[(d.getDay() + 6) % 7] + ' ' + d.getDate() + ' ' +
+                MONTHS[d.getMonth()] + ' ' + d.getFullYear();
+        }
+        if (state.calView === 'week') {
+            var s = calDate(state.calDay);
+            var lead = (s.getDay() + 6) % 7;          // lundi = 0
+            s.setDate(s.getDate() - lead);
+            var e = new Date(s.getFullYear(), s.getMonth(), s.getDate() + 6);
+            return s.getDate() + ' – ' + e.getDate() + ' ' + MONTHS[e.getMonth()] +
+                ' ' + e.getFullYear();
+        }
+        return MONTHS[m] + ' ' + y;
+    }
+
+    function calTabs() {
+        var h = '<div class="mt-cal-tabs">';
+        CAL_VIEWS.forEach(function (v) {
+            h += '<button class="mt-cal-tab' + (state.calView === v[0] ? ' active' : '') +
+                '" data-cal-view="' + v[0] + '">' + v[1] + '</button>';
+        });
+        return h + '</div>';
+    }
+
+    // Événement de calendrier : titre + bouton d'ouverture au survol.
+    function calEvHtml(t, draggable) {
+        return '<div class="mt-cal-ev' + (draggable ? ' drag' : '') + '"' +
+            (draggable ? ' draggable="true" data-id="' + t.id + '"' : '') +
+            ' title="' + esc(t.collection_name) + ' · ' + esc(t.status || '') +
+            ' · ' + esc(t.due || '') + '">' +
+            '<span class="mt-cal-ev-text">' + esc(t.title) + '</span>' +
+            '<button class="mt-cal-open mt-hover-only" data-open-row="' + t.id +
+            '" data-open-title="' + esc(t.title) + '" title="Open in side peek" ' +
+            'aria-label="Ouvrir dans le panneau latéral">' + OPEN_SVG + '</button>' +
+            '</div>';
+    }
+
+    function viewCalendar() {
+        calEnsure();
+        var h = '<div class="mt-cal">' +
+            '<div class="mt-cal-head">' +
+            '<button class="mt-cal-nav" data-nav="-1" aria-label="Précédent">‹</button>' +
+            '<span class="mt-cal-title">' + esc(calTitle()) + '</span>' +
+            '<button class="mt-cal-nav" data-nav="1" aria-label="Suivant">›</button>' +
+            '</div>' + calTabs() + '<div class="mt-cal-body">';
+        if (state.calView === 'year') h += calYear();
+        else if (state.calView === 'week') h += calWeek();
+        else if (state.calView === 'day') h += calDay();
+        else if (state.calView === 'planning') h += calPlanning();
+        else h += calMonth();
+        return h + '</div></div>';
+    }
+
+    /* Mois : grille 7 × 6, glisser-déposer pour changer l'échéance. */
+    function calMonth() {
+        calEnsure();
+        var y = state.month.y, m = state.month.m;
+        var byDay = tasksByDay();
+        var first = new Date(y, m, 1);
+        var lead = (first.getDay() + 6) % 7;           // lundi = 0
+        var start = new Date(y, m, 1 - lead);
+        var todayIso = isoDate(new Date());
+
+        var h = '<div class="mt-cal-grid">';
+        DAYS.forEach(function (d) { h += '<div class="mt-cal-dow">' + d + '</div>'; });
+        for (var i = 0; i < 42; i++) {
+            var d = new Date(start.getFullYear(), start.getMonth(), start.getDate() + i);
+            var key = isoDate(d);
+            var evs = byDay[key] || [];
+            h += '<div class="mt-cal-cell' + (d.getMonth() !== m ? ' out' : '') +
+                (key === todayIso ? ' today' : '') + '" data-day="' + key + '">';
+            h += '<div class="mt-cal-day">' + d.getDate() + '</div>';
+            evs.forEach(function (t) { h += calEvHtml(t, true); });
+            h += '</div>';
+        }
+        return h + '</div>';
+    }
+
+    /* Année : 12 mini-mois ; un point signale un jour chargé. */
+    function calYear() {
+        calEnsure();
+        var byDay = tasksByDay();
+        var todayIso = isoDate(new Date());
+        var h = '<div class="mt-cal-year">';
+        for (var mo = 0; mo < 12; mo++) {
+            var y = state.month.y;
+            var first = new Date(y, mo, 1);
+            var lead = (first.getDay() + 6) % 7;
+            var start = new Date(y, mo, 1 - lead);
+            var dim = new Date(y, mo + 1, 0).getDate();
+            h += '<div class="mt-cal-mini">';
+            h += '<div class="mt-cal-mini-title">' + MONTHS[mo] + '</div>';
+            h += '<div class="mt-cal-mini-grid">';
+            DAYS.forEach(function (d) {
+                h += '<span class="mt-cal-mini-dow">' + d.charAt(0) + '</span>';
+            });
+            for (var i = 0; i < lead; i++) h += '<span class="mt-cal-mini-day out"></span>';
+            for (var dd = 1; dd <= dim; dd++) {
+                var key = y + '-' + ('0' + (mo + 1)).slice(-2) + '-' +
+                    ('0' + dd).slice(-2);
+                var n = (byDay[key] || []).length;
+                h += '<button class="mt-cal-mini-day' + (key === todayIso ? ' today' : '') +
+                    (n ? ' busy' : '') + '" data-cal-day="' + key + '" ' +
+                    'title="' + dd + ' ' + MONTHS[mo] + (n ? ' — ' + n + ' tâche(s)' : '') + '">' +
+                    dd + '</button>';
+            }
+            h += '</div></div>';
+        }
+        return h + '</div>';
+    }
+
+    /* Semaine : 7 colonnes, une par jour. */
+    function calWeek() {
+        calEnsure();
+        var byDay = tasksByDay();
+        var s = calDate(state.calDay);
+        var lead = (s.getDay() + 6) % 7;              // lundi = 0
+        s.setDate(s.getDate() - lead);
+        var todayIso = isoDate(new Date());
+        var h = '<div class="mt-cal-week">';
+        for (var i = 0; i < 7; i++) {
+            var d = new Date(s.getFullYear(), s.getMonth(), s.getDate() + i);
+            var key = isoDate(d);
+            var evs = byDay[key] || [];
+            h += '<div class="mt-cal-wcol' + (key === todayIso ? ' today' : '') + '">';
+            h += '<div class="mt-cal-wcol-head">' + DAYS[i] + ' ' + d.getDate() + '</div>';
+            h += '<div class="mt-cal-wcol-body">';
+            if (!evs.length) h += '<div class="mt-cal-wempty">—</div>';
+            evs.forEach(function (t) { h += calEvHtml(t, false); });
+            h += '</div></div>';
+        }
+        return h + '</div>';
+    }
+
+    /* Jour : la liste complète des tâches du jour sélectionné. */
+    function calDay() {
+        calEnsure();
+        var byDay = tasksByDay();
+        var key = state.calDay;
+        var evs = byDay[key] || [];
+        var h = '<div class="mt-cal-dayview">';
+        h += '<div class="mt-cal-dayview-head">' + esc(calTitle()) +
+            ' · <b>' + evs.length + '</b> tâche(s)</div>';
+        if (!evs.length) {
+            h += '<div class="mt-cal-dayview-empty">Aucune tâche pour ce jour.</div>';
+            return h + '</div>';
+        }
+        h += '<div class="mt-cal-dayview-list">';
+        evs.forEach(function (t) {
+            h += '<div class="mt-cal-task" data-id="' + t.id + '">' +
+                '<span class="mt-icon">' + esc(rowIcon(t.icon)) + '</span>' +
+                '<span class="mt-cal-task-title">' + esc(t.title) + '</span>' +
+                '<span class="mt-cal-task-src">' + esc(t.collection_icon) + ' ' +
+                esc(t.collection_name) + '</span>' +
+                '<span class="mt-cal-task-status">' + esc(t.status || '—') + '</span>' +
+                '<button class="mt-open-btn" data-open-row="' + t.id +
+                '" data-open-title="' + esc(t.title) + '" title="Open in side peek" ' +
+                'aria-label="Ouvrir dans le panneau latéral">' + OPEN_SVG + ' Open</button>' +
+                '</div>';
+        });
+        return h + '</div></div>';
+    }
+
+    /* Planning : colonnes = statuts, lignes = jours du mois (tâches placées
+       à leur date d'échéance). C'est la vue « planning » de Notion. */
+    function calPlanning() {
+        calEnsure();
+        var byDay = tasksByDay();
+        var y = state.month.y, m = state.month.m;
+        var statuses = [], seen = {};
+        state.tasks.forEach(function (t) {
+            if (!t.due) return;
+            var s = t.status || 'Sans statut';
+            if (!seen[s]) { seen[s] = 1; statuses.push(s); }
+        });
+        if (!statuses.length) statuses = ['Sans statut'];
+        var dim = new Date(y, m + 1, 0).getDate();
+        var todayIso = isoDate(new Date());
+
+        var h = '<div class="mt-cal-plan">';
+        h += '<div class="mt-cal-plan-row head"><div class="mt-cal-plan-gutter"></div>';
+        statuses.forEach(function (s) {
+            h += '<div class="mt-cal-plan-col-title">' + esc(s) + '</div>';
+        });
+        h += '</div>';
+        for (var d = 1; d <= dim; d++) {
+            var key = y + '-' + ('0' + (m + 1)).slice(-2) + '-' + ('0' + d).slice(-2);
+            var evs = byDay[key] || [];
+            h += '<div class="mt-cal-plan-row' + (key === todayIso ? ' today' : '') + '">' +
+                '<div class="mt-cal-plan-gutter">' + d + '</div>';
+            statuses.forEach(function (s) {
+                h += '<div class="mt-cal-plan-cell">';
+                evs.filter(function (t) {
+                    return (t.status || 'Sans statut') === s;
+                }).forEach(function (t) { h += calEvHtml(t, false); });
+                h += '</div>';
+            });
+            h += '</div>';
+        }
+        return h + '</div>';
+    }
+
+    /* ── États vides ───────────────────────────────────────────────── */
+
+    function emptyState() {
+        var title, msg, hint, act;
+        var connected = configuredSources().length;
+        if (!state.sources.length) {
+            title = 'Aucune base connectée';
+            msg = "Aucune base de tâches n'alimente ce tableau de bord.";
+            hint = 'Ouvrez une base, puis cliquez sur « Convertir en base de tâches » ' +
+                'dans sa barre (à gauche du bouton New) et reliez les colonnes ' +
+                'Assigné à, Statut et Échéance.';
+            act = '<a class="mt-empty-btn" href="/db">Ouvrir mes bases</a>';
+        } else if (!connected) {
+            title = 'Mapping incomplet';
+            msg = 'Bases connectées mais aucune configurée.';
+            hint = 'Il manque le mapping Assigné à / Statut / Échéance. Ouvrez la ' +
+                'base et cliquez sur « Configurer » dans sa barre.';
+            act = '<a class="mt-empty-btn" href="/db">Ouvrir mes bases</a>';
+        } else if (state.due !== 'all' || state.hide_done || state.sort !== 'due') {
+            title = 'Aucun résultat';
+            msg = 'Aucune tâche ne correspond aux filtres actifs.';
+            hint = '';
+            act = '<a class="mt-empty-btn" href="/my-tasks">Réinitialiser les filtres</a>';
+        } else {
+            title = 'Rien à faire';
+            msg = "Aucune tâche ne vous est assignée pour le moment.";
+            hint = 'Ajoutez-en une, ou branchesz une autre base pour voir plus large.';
+            act = '<button class="mt-empty-btn" id="mt-new-btn">Créer une tâche</button>';
+        }
+        // Même gabarit centré que l'état vide rendu par le serveur
+        // (`_render_empty`), pour que les deux se ressemblent.
+        return '<div class="mt-empty"><div class="mt-empty-icon">📋</div>' +
+            '<h2>' + esc(title) + '</h2><p>' + esc(msg) + '</p>' +
+            (hint ? '<p class="mt-empty-hint">' + esc(hint) + '</p>' : '') +
+            act + '</div>';
+    }
+
+    /* ── Modale « nouvelle tâche » (multi-destinations) ────────────── */
+
+    // Ouvre la modale de conversion pour une base donnée (les bases
+    // connectées mais mal configurées ne peuvent pas recevoir de tâche).
+    function openConvertModal(collectionId) {
+        if (collectionId && window.FlowDeckTaskDb) {
+            window.FlowDeckTaskDb.open(Number(collectionId));
+        }
+    }
+
+    function openNewModal() {
+        var srcs = configuredSources();
+        if (!srcs.length) {
+            alert("Aucune base de tâches connectée.\n\nConvertissez d'abord une base : " +
+                "ouvrez-la, puis cliquez sur « Convertir en base de tâches » " +
+                "dans la barre de la base, à gauche du bouton New.");
+            return;
+        }
+        var groups = {};
+        srcs.forEach(function (s) {
+            (groups[s.workspace_name || 'Autres'] = groups[s.workspace_name || 'Autres'] || [])
+                .push(s);
+        });
+        var h = '<div class="mt-modal-overlay" id="mt-modal-overlay"><div class="mt-modal">';
+        h += '<div class="mt-modal-head"><span>Nouvelle tâche</span>' +
+            '<button class="mt-modal-close" id="mt-modal-close">✕</button></div>';
+        h += '<div class="mt-modal-body">';
+        h += '<label class="mt-field">Titre<input id="mt-new-title" type="text" ' +
+            'placeholder="Ex. Envoyer la maquette"></label>';
+        h += '<label class="mt-field">Échéance<input id="mt-new-due" type="date"></label>';
+        Object.keys(groups).forEach(function (ws) {
+            h += '<div class="mt-modal-group">' + esc(ws) + '</div>';
+            groups[ws].forEach(function (s) {
+                h += '<label class="mt-dest"><input type="radio" name="mt-dest" value="' +
+                    s.id + '"><span class="mt-icon">' + esc(s.icon || '📋') + '</span>' +
+                    esc(s.name) + '</label>';
+            });
+        });
+        h += '</div><div class="mt-modal-foot">' +
+            '<button class="mt-btn-cancel" id="mt-new-cancel">Annuler</button>' +
+            '<button class="mt-btn-primary" id="mt-new-create">Créer</button></div>';
+        h += '</div></div>';
+        document.body.insertAdjacentHTML('beforeend', h);
+
+        var first = document.querySelector('input[name="mt-dest"]');
+        if (first) first.checked = true;
+        document.getElementById('mt-new-title').focus();
+
+        var close = function () {
+            var ov = document.getElementById('mt-modal-overlay');
+            if (ov) ov.remove();
+        };
+        // `Escape` ferme aussi la modale.
+        document.addEventListener('keydown', function onEsc(e) {
+            if (e.key !== 'Escape') return;
+            document.removeEventListener('keydown', onEsc);
+            close();
+        });
+        document.getElementById('mt-modal-close').onclick = close;
+        document.getElementById('mt-new-cancel').onclick = close;
+        document.getElementById('mt-modal-overlay').onclick = function (e) {
+            if (e.target === this) close();
+        };
+        document.getElementById('mt-new-create').onclick = function () {
+            var title = document.getElementById('mt-new-title').value.trim();
+            var due = document.getElementById('mt-new-due').value;
+            var dest = document.querySelector('input[name="mt-dest"]:checked');
+            if (!title) { alert('Donnez un titre à la tâche.'); return; }
+            if (!dest) { alert('Choisissez une base de destination.'); return; }
+            api('/my-tasks/api/task', {
+                method: 'POST',
+                body: { collection_id: Number(dest.value), title: title, due: due || null }
+            }).then(function () { close(); load(); })
+                .catch(function (e) { close(); alert(e.message); });
+        };
+    }
+
+    /* ── Écriture en direct ────────────────────────────────────────── */
+
+    function patch(id, field, value) {
+        return api('/my-tasks/api/task/' + id, { method: 'PUT', body: { field: field, value: value } })
+            .then(function (d) {
+                if (d.left_mytasks) {
+                    state.tasks = state.tasks.filter(function (t) { return t.id !== id; });
+                    render();
+                } else if (d.task) {
+                    state.tasks = state.tasks.map(function (t) {
+                        return t.id === d.task.id ? d.task : t;
+                    });
+                    render();
+                }
+            })
+            .catch(function (e) { alert(e.message); load(); });
+    }
+
+    function startTitleEdit(span) {
+        if (span.querySelector('input')) return;
+        var tr = span.closest('.mt-row');
+        var id = Number(tr.dataset.id);
+        var old = span.textContent;
+        var input = document.createElement('input');
+        input.type = 'text';
+        input.className = 'mt-title-input';
+        input.value = old;
+        span.textContent = '';
+        span.appendChild(input);
+        input.focus();
+        input.select();
+        var done = false;
+        var commit = function () {
+            if (done) return;
+            done = true;
+            var v = input.value.trim();
+            if (v && v !== old) patch(id, 'title', v); else render();
+        };
+        input.onblur = commit;
+        input.onkeydown = function (e) {
+            if (e.key === 'Enter') { e.preventDefault(); commit(); }
+            if (e.key === 'Escape') { done = true; render(); }
+        };
+    }
+
+    /* ── Rendu + délégation d'événements ───────────────────────────── */
+
+    function render() {
+        var body = state.view === 'board' ? viewBoard()
+            : state.view === 'calendar' ? viewCalendar()
+                : viewTable();
+        app.innerHTML = '<div class="mt-head"><h1>📋 My Tasks</h1>' +
+            '<span class="mt-count-total">' + state.tasks.length + ' tâche(s)</span></div>' +
+            toolbar() + body;
+        wireDnD();
+    }
+
+    function wireDnD() {
+        var cards = app.querySelectorAll('[draggable="true"]');
+        cards.forEach(function (c) {
+            c.addEventListener('dragstart', function (e) {
+                e.dataTransfer.setData('text/plain', c.dataset.id);
+                e.dataTransfer.effectAllowed = 'move';
+            });
+        });
+        app.querySelectorAll('.mt-col').forEach(function (col) {
+            col.addEventListener('dragover', function (e) { e.preventDefault(); });
+            col.addEventListener('drop', function (e) {
+                e.preventDefault();
+                var id = Number(e.dataTransfer.getData('text/plain'));
+                if (id && col.dataset.status) patch(id, 'status', col.dataset.status);
+            });
+        });
+        // Calendrier : glisser une tâche sur un jour change son échéance.
+        app.querySelectorAll('.mt-cal-cell').forEach(function (cell) {
+            cell.addEventListener('dragover', function (e) { e.preventDefault(); });
+            cell.addEventListener('drop', function (e) {
+                e.preventDefault();
+                var id = Number(e.dataTransfer.getData('text/plain'));
+                if (id && cell.dataset.day) patch(id, 'due', cell.dataset.day);
+            });
+        });
+    }
+
+    if (wire) app.addEventListener('click', function (e) {
+        var t = e.target;
+
+        if (t.id === 'mt-new-btn') { openNewModal(); return; }
+        if (t.dataset && t.dataset.openRow) {
+            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;
+            if (!label) {
+                var row = t.closest('.mt-row');
+                var cell = row && row.querySelector('.mt-title-text');
+                label = cell ? cell.textContent : '';
+            }
+            openRowContent(Number(t.dataset.openRow), label);
+            return;
+        }
+        if (t.dataset && t.dataset.fixSource) {
+            e.preventDefault();
+            openConvertModal(t.dataset.fixSource);
+            return;
+        }
+        if (t.classList.contains('mt-cal-nav')) {
+            calShift(Number(t.dataset.nav));
+            return;
+        }
+        if (t.dataset && t.dataset.calView) {
+            state.calView = t.dataset.calView;
+            render();
+            return;
+        }
+        if (t.dataset && t.dataset.calDay) {
+            // Un jour de la vue Année ouvre la vue Jour dessus.
+            state.calDay = t.dataset.calDay;
+            var cd = calDate(state.calDay);
+            state.month = { y: cd.getFullYear(), m: cd.getMonth() };
+            state.calView = 'day';
+            render();
+            return;
+        }
+        if (t.dataset && t.dataset.edit === 'title') { startTitleEdit(t); return; }
+
+        var link = t.closest ? t.closest('a.mt-view-tab') : null;
+        if (link) {
+            e.preventDefault();
+            var p = new URLSearchParams(link.getAttribute('href').split('?')[1] || '');
+            state.view = p.get('view') || 'table';
+            syncUrl();
+            render();
+        }
+    });
+
+    if (wire) app.addEventListener('change', function (e) {
+        var t = e.target;
+        if (t.classList.contains('mt-select')) {
+            state[t.dataset.key] = t.value;
+            syncUrl();
+            load();
+        } else if (t.id === 'mt-hide-done') {
+            state.hide_done = t.checked;
+            syncUrl();
+            load();
+        } else if (t.classList.contains('mt-status-select')) {
+            patch(Number(t.dataset.id), 'status', t.value);
+        } else if (t.classList.contains('mt-due-input')) {
+            patch(Number(t.dataset.id), 'due', t.value);
+        }
+    });
+
+    load();
+
+    /* Une modale ou un panneau restés ouverts pendant une navigation
+     * masqueraient la page suivante : on referme au remontage. */
+    if (wire) {
+        var staleModal = document.getElementById('mt-modal-overlay');
+        if (staleModal) staleModal.remove();
+        closePeek();
+        document.addEventListener('keydown', function (e) {
+            // `Escape` ferme le panneau latéral, comme dans Library.
+            if (e.key === 'Escape') closePeek();
+        });
+    }
+}
+
+// htmx ré-exécute les <script> de la zone swappée : on remonte à chaque
+// navigation interne. `popstate` couvre le bouton « retour », où le <script>
+// n'est pas forcément rejoué.
+document.addEventListener('htmx:afterSwap', flowDeckMyTasks);
+window.addEventListener('popstate', flowDeckMyTasks);
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', flowDeckMyTasks);
+} else {
+    flowDeckMyTasks();
+}

static/js/page_editor_realtime.js

@@ -1,3 +1,5 @@
+if (!window.__fdRtScriptsLoaded) {
+window.__fdRtScriptsLoaded = true;
 const RT=(()=>{try{const el=document.getElementById('rt-config');return el?JSON.parse(el.textContent):{}}catch{return {}}})();
 
 /* eslint-disable */
@@ -530,3 +532,4 @@ window.__fdRT = (function () {
 
   return { start, syncNow };
 })();
+}

static/js/page_editor_scripts.js

@@ -1124,7 +1124,21 @@ const PD=(()=>{try{const el=document.getElementById('page-data');return el?JSON.
           if(!wrap)return;
           wrap.classList.toggle('full-width',!!this.fullWidth);
           wrap.classList.toggle('small-text',!!this.fontSmall);
+          // Page dont le premier bloc est une base : layout « page de base »
+          // Notion — titre et tableau calés à gauche, pas centrés.
+          const b0=this.blocks&&this.blocks[0];
+          wrap.classList.toggle('db-first',!!(b0&&b0.type==='embed'&&b0.embed_type==='collection'));
         },
+        closeInviteSuggest(){ this.inviteSuggestOpen = false; this.inviteUsers = []; },
+        setSharePerm(a, perm){ this.updateShare(a.id, perm); a.permOpen = false; },
+        removeShareAndClose(a){ this.removeShare(a.id); a.permOpen = false; },
+        pickGeneralAccess(v){ this.generalAccess = v; this.accessMenuOpen = false; },
+        applyIcon(){ this.setIcon(this.iconValue); this.iconOpen = false; },
+        moreToggleLock(){ this.moreOpen = false; this.toggleLock(); },
+        moreFullWidth(){ this.moreOpen = false; this.setPageOption('full_width', !this.fullWidth); },
+        moreFontSmall(){ this.moreOpen = false; this.setPageOption('font_small', !this.fontSmall); },
+        moreSaveTemplate(){ this.moreOpen = false; this.saveAsTemplate(); },
+        markAndSave(){ this.dirty = true; this.save(); },
         async toggleLock(){
           if(!this.canEdit){this.showToast&&this.showToast('Only the person who locked this page (or an admin) can unlock it','error');return;}
           const next=!this.isLocked;
@@ -1855,7 +1869,11 @@ applyAIBlocks(text){
             })
             .catch(function(){ self.showToast('Move failed'); });
         },
-        deletePage(){this.moreOpen=false;if(!confirm('Move to Trash?'))return;const csrf = getCsrf();;fetch(`/board/api/pages/${this.pid}/trash`,{method:'POST',headers:{'X-CSRF-Token':csrf}}).then(()=>{window.location.href='/';}).catch(()=>{window.showToast('Failed','error');});},
+        // Le route était /board/api/pages/{id}/trash → 404 permanent (le .then
+        // naviguait quand même : la page n'allait JAMAIS à la poubelle depuis
+        // l'éditeur). Route réelle : /api/pages/{id}/trash, et on ne navigue
+        // plus si la réponse n'est pas ok.
+        deletePage(){this.moreOpen=false;if(!confirm('Move to Trash?'))return;const csrf = getCsrf();fetch(`/api/pages/${this.pid}/trash`,{method:'POST',headers:{'X-CSRF-Token':csrf}}).then(r=>{if(!r.ok)throw new Error('HTTP '+r.status);window.location.href='/';}).catch(()=>{window.showToast('Move to Trash failed','error');});},
         downloadFile(){this.moreOpen=false;if(!this.fileUrl)return;var a=document.createElement('a');a.href=this.fileUrl;a.download='';document.body.appendChild(a);a.click();document.body.removeChild(a);this.showToast('Download started','success');},
         async copyFileContent(){this.moreOpen=false;if(!this.fileUrl)return;try{var r=await fetch('/api/pages/'+this.pid+'/file-content');var d=await r.json();if(d.ok&&d.content!==undefined){await navigator.clipboard.writeText(d.content);this.showToast('Content copied to clipboard','success');}else{this.showToast('Not a text file','error');}}catch(e){this.showToast('Copy failed','error');}},
 
@@ -2090,9 +2108,9 @@ applyAIBlocks(text){
          async _pickSyncedBlock(idx){
            const block=this.blocks[idx];if(!block)return;
            try{
-             const r=await fetch('/api/synced-blocks');const d=await r.json();
+             const r=await fetch('/board/api/synced-blocks');const d=await r.json();
              const items=d.synced_blocks||[];
-             if(!items.length){this.showToast('No synced blocks yet. Create one first in Settings → Synced Blocks.');return;}
+             if(!items.length){this.showToast('No synced blocks yet — create one from a Board page first.');return;}
              const names=items.map(function(s){return (s.title||'Untitled')+' (id:'+s.id+')';});
              const choice=window.prompt('Choose a synced block:\n\n'+names.join('\n'));
              if(!choice)return;
@@ -2100,7 +2118,7 @@ applyAIBlocks(text){
              if(!match)return;
              const sid=parseInt(match[1]);
              if(!sid){this.showToast('Invalid synced block','error');return;}
-             const sr=await fetch('/api/synced-blocks/'+sid);const sd=await sr.json();
+             const sr=await fetch('/board/api/synced-blocks/'+sid);const sd=await sr.json();
              if(!sd||!sd.content){this.showToast('Synced block not found','error');return;}
              block.synced_id=sid;
              block._synced_content=sd.content||[];
@@ -2525,6 +2543,40 @@ applyAIBlocks(text){
 
     // globales window — probe « Undefined variable: editorState »).
 
-    document.addEventListener('alpine:init', function () { Alpine.data('editorState', editorState); });
+    // Navigation partielle (fdLoad) : Alpine démarre déjà → 'alpine:init'
+    // ne sera plus émis, on enregistre tout de suite (pattern _ctx_menu.js)
+    // et on remonte la racine montée avant l'enregistrement.
+    if (window.Alpine) { Alpine.data('editorState', editorState); fdRefreshXData('editorState'); }
+    else document.addEventListener('alpine:init', function () { Alpine.data('editorState', editorState); });
     window.editorState = editorState;
+
+    // ── Ctrl/Cmd + S : sauvegarder le document ────────────────────────
+    // L'autosave (1,5 s) suffit pour la frappe au quotidien, mais on ne peut
+    // pas fermer l'onglet « au bout d'un moment » en etant sur que tout est
+    // parti. Le raccourci est attendu par tout le monde : il appelle le même
+    // `save()` que l'autosave (meme endpoint, meme file hors-ligne) et rend
+    // la main explicitement.
+    // `window.E` survit aux navigations partielles : on exige donc que
+    // l'editeur soit reellement monte (`#_blocksCt`) avant d'agir, sinon
+    // Ctrl+S sauvegarderait un editeur detache depuis une autre page.
+    document.addEventListener('keydown', function (e) {
+      if (!(e.ctrlKey || e.metaKey) || e.altKey || e.shiftKey) return;
+      if (String(e.key).toLowerCase() !== 's') return;
+      var E = window.E;
+      if (!E || !document.getElementById('_blocksCt') || typeof E.save !== 'function') return;
+      e.preventDefault();          // sinon le navigateur ouvre « Enregistrer la page »
+      if (E.canEdit === false) {
+        if (E.showToast) E.showToast('This page is locked (read-only)', 'error');
+        return;
+      }
+      if (E.saving) { if (E.showToast) E.showToast('Saving…'); return; }
+      E.dirty = true;
+      var notify = function () {
+        if (E.showToast) E.showToast('Saved', 'success');
+        else if (window.showToast) window.showToast('Saved', 'success');
+      };
+      try { E.save(notify); } catch (err) {
+        if (E.showToast) E.showToast('Save failed', 'error');
+      }
+    });
 }

static/js/settings.js

@@ -1,3 +1,5 @@
+if (!window.__fdSettingsScriptsLoaded) {
+window.__fdSettingsScriptsLoaded = true;
 /* exported settingsInit -- appeles depuis les attributs HTML des templates */
 const ST=(()=>{try{const el=document.getElementById('st-config');return el?JSON.parse(el.textContent):{}}catch{return {}}})();
 
@@ -5,7 +7,7 @@ const ST=(()=>{try{const el=document.getElementById('st-config');return el?JSON.
 
 // globales window — probe « Undefined variable: settingsInit »).
 
-document.addEventListener('alpine:init', function () { Alpine.data('settingsInit', settingsInit); });
+if (window.Alpine) { Alpine.data('settingsInit', settingsInit); fdRefreshXData('settingsInit'); } else document.addEventListener('alpine:init', function () { Alpine.data('settingsInit', settingsInit); });
 function settingsInit() {
   return {
     // ── A20 ph3 : expressions hostiles au parseur CSP (window/Date) ──
@@ -75,6 +77,9 @@ function settingsInit() {
       automations: [],
       autoRuns: [],
       editAutomationId: null,
+      editSteps: [],
+      stepEdit: -1,
+      stepNewKind: 'action',
       globalCollections: [],
       af: { name:'', trigger_type:'event', event:'page.created', cron_expression:'*/15 * * * *', collection_id:'', condition_json:'[]', actions_json:'[]' },
 
@@ -773,6 +778,128 @@ function settingsInit() {
           if (r.ok) { this.githubLinked = false; }
         } catch { /* volontaire */ }
       },
+      // ── Éditeur visuel de steps (API v7.0 : /steps CRUD) ──
+      async loadSteps() {
+        if (!this.editAutomationId) { this.editSteps = []; return; }
+        try {
+          var r = await fetch('/workspace/automations/' + this.editAutomationId + '/steps',
+                              {credentials:'same-origin'});
+          var d = await r.json();
+          this.editSteps = Array.isArray(d) ? d : (d.steps || []);
+        } catch { this.editSteps = []; }
+      },
+      stepSummary(s) {
+        var c = s.config || {};
+        if (s.kind === 'trigger') return '\ud83d\udce1 D\u00e9clencheur \u00b7 ' + (c.event || '?');
+        if (s.kind === 'condition') return '\u2696 Condition \u00b7 ' + (c.property || '?') + ' ' + (c.op || 'eq') + ' ' + (c.value || '');
+        if (s.kind === 'delay') return '\u23f3 Attente \u00b7 ' + (c.seconds || 0) + ' s';
+        var extra = c.url || c.message || c.text || c.to || (c.owner ? c.owner + '/' + c.repo : '') || c.title || '';
+        return '\u26a1 Action \u00b7 ' + (c.type || '?') + (extra ? ' \u2192 ' + String(extra).slice(0, 60) : '');
+      },
+      defaultStepConfig(kind) {
+        if (kind === 'trigger') return { event: 'page.created' };
+        if (kind === 'condition') return { property: '', op: 'eq', value: '' };
+        if (kind === 'delay') return { seconds: 60 };
+        return { type: 'webhook', url: '' };
+      },
+      async addStep() {
+        if (!this.editAutomationId) return;
+        try {
+          var r = await fetch('/workspace/automations/' + this.editAutomationId + '/steps', {
+            method: 'POST', credentials:'same-origin',
+            headers: {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken()},
+            body: JSON.stringify({ kind: this.stepNewKind, config: this.defaultStepConfig(this.stepNewKind) })
+          });
+          var d = await r.json();
+          if (!r.ok) { window.showToast && window.showToast(d.detail || '\u00c9chec', 'error'); return; }
+          await this.loadSteps();
+          this.stepEdit = this.editSteps.length - 1;
+        } catch { /* volontaire */ }
+      },
+      async saveStep(s) {
+        var cfg = s.config || {};
+        // forge_issue : labels en cha\u00eene s\u00e9par\u00e9e par virgules → liste
+        if (cfg.type === 'forge_issue' && typeof cfg.labels === 'string') {
+          cfg.labels = cfg.labels.split(',').map(function(x){ return x.trim(); }).filter(Boolean);
+        }
+        try {
+          var r = await fetch('/workspace/automations/steps/' + s.id, {
+            method:'PUT', credentials:'same-origin',
+            headers: {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken()},
+            body: JSON.stringify({ kind: s.kind, config: cfg })
+          });
+          var d = await r.json();
+          if (!r.ok) { window.showToast && window.showToast(d.detail || '\u00c9chec', 'error'); return; }
+          window.showToast && window.showToast('\u00c9tape enregistr\u00e9e');
+          await this.loadSteps();
+        } catch { /* volontaire */ }
+      },
+      async delStep(i) {
+        var s = this.editSteps[i]; if (!s) return;
+        try {
+          await fetch('/workspace/automations/steps/' + s.id, {
+            method:'DELETE', credentials:'same-origin',
+            headers:{'X-CSRF-Token': this.getCsrfToken()} });
+          this.stepEdit = -1;
+          await this.loadSteps();
+        } catch { /* volontaire */ }
+      },
+      async moveStep(i, dir) {
+        var j = i + dir;
+        if (j < 0 || j >= this.editSteps.length) return;
+        var a = this.editSteps[i], b = this.editSteps[j];
+        var h = {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken()};
+        try {
+          await fetch('/workspace/automations/steps/' + a.id, {method:'PUT', headers:h,
+            credentials:'same-origin', body: JSON.stringify({position: b.position})});
+          await fetch('/workspace/automations/steps/' + b.id, {method:'PUT', headers:h,
+            credentials:'same-origin', body: JSON.stringify({position: a.position})});
+          await this.loadSteps();
+        } catch { /* volontaire */ }
+      },
+      async convertToSteps() {
+        // JSON legacy → pipeline ordonn\u00e9 (trigger, conditions, actions)
+        if (!this.editAutomationId) return;
+        var h = {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken()};
+        var base = '/workspace/automations/' + this.editAutomationId + '/steps';
+        var order = [];
+        if (this.af.trigger_type !== 'cron') {
+          var tcfg = {event: this.af.event || 'page.created'};
+          if (this.af.collection_id) tcfg.collection_id = parseInt(this.af.collection_id, 10);
+          order.push({kind:'trigger', config: tcfg});
+        }
+        try {
+          JSON.parse(this.af.condition_json || '[]').forEach(function(c){ order.push({kind:'condition', config:c}); });
+        } catch { /* volontaire */ }
+        try {
+          JSON.parse(this.af.actions_json || '[]').forEach(function(a){ order.push({kind:'action', config:a}); });
+        } catch { /* volontaire */ }
+        for (var i = 0; i < order.length; i++) {
+          var r = await fetch(base, {method:'POST', headers:h, credentials:'same-origin',
+                                     body: JSON.stringify(order[i])});
+          if (!r.ok) {
+            var d = await r.json().catch(function(){ return {}; });
+            window.showToast && window.showToast(d.detail || 'Conversion \u00e9chou\u00e9e', 'error');
+            break;
+          }
+        }
+        await this.loadSteps();
+      },
+      navTo(sec) {
+        this.activeSection = sec;
+        var loaders = {'api-tokens':'loadApiTokens', 'sessions':'loadSessions',
+          'extensions':'loadClipperDevices', 'automations':'loadAutomations',
+          'admin-users':'loadAdminUsers', 'admin-audit':'loadAdminAudit',
+          'admin-backups':'loadBackups', 'admin-sso':'loadSsoConfig'};
+        if (loaders[sec] && this[loaders[sec]]) this[loaders[sec]]();
+      },
+      setAuditSource(s) { this.auditSource = s; this.loadAuditLogs(); },
+      auditNext() { this.auditOffset += this.auditPageSize; this.loadAuditLogs(false); },
+      editUserRow(u) {
+        this.editingUser = u;
+        this.editUserForm = { login: u.login, name: u.full_name, email: u.email,
+                              is_admin: u.is_admin, is_active: u.is_active };
+      },
       async loadAutomations() {
         try { await this.loadCollectionsForForm(); } catch { /* volontaire */ }
         try {
@@ -826,9 +953,13 @@ function settingsInit() {
           condition_json: a.condition_json || '[]',
           actions_json: a.actions_json || '[]'
         };
+        this.stepEdit = -1;
+        this.loadSteps();
       },
       cancelEditAutomation() {
         this.editAutomationId = null;
+        this.editSteps = [];
+        this.stepEdit = -1;
         this.af = { name:'', trigger_type:'event', event:'page.created', cron_expression:'*/15 * * * *', collection_id:'', condition_json:'[]', actions_json:'[]' };
       },
       async toggleAutomation(id, currentlyEnabled) {
@@ -1104,3 +1235,4 @@ function settingsInit() {
       },
   };
 }
+}

static/js/task_db_link.js

@@ -0,0 +1,205 @@
+/* ════════════════════════════════════════════════════════════════════════
+ * FlowDeck — « Convertir en base de tâches »
+ *
+ * Modale de linkage : pour les trois rôles requis (Assigné à / Statut /
+ * Échéance) on choisit soit une colonne existante compatible, soit on en
+ * crée une nouvelle avec le bon type. Le serveur fait foi
+ * (`POST /db/{id}/task-db/api`) : il valide les types, refuse le double
+ * emploi d'une colonne et applique la limite de 10 bases connectées.
+ * ══════════════════════════════════════════════════════════════════════ */
+(function () {
+    'use strict';
+    if (window.__fdTaskDbLinkLoaded) return;
+    window.__fdTaskDbLinkLoaded = true;
+
+    var ROLE_LABELS = { assignee: 'Assigné à', status: 'Statut', due: "Date d'échéance" };
+    var ROLE_HINTS = {
+        assignee: 'Colonne « personne » utilisée pour filtrer vos tâches.',
+        status: 'Colonne statut ou sélection (À faire / En cours / Terminée).',
+        due: 'Colonne de type date, utilisée par les vues et le calendrier.'
+    };
+    var DEFAULT_NAMES = { assignee: 'Assigné à', status: 'Statut', due: "Échéance" };
+    var TYPE_LABELS = {
+        person: 'personne', status: 'statut', select: 'sélection', date: 'date',
+        text: 'texte', number: 'nombre', checkbox: 'case à cocher'
+    };
+
+    function esc(s) {
+        return String(s == null ? '' : s)
+            .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+    }
+
+    function csrf() {
+        return (typeof window.getCsrf === 'function') ? window.getCsrf() : '';
+    }
+
+    function api(path, opts) {
+        opts = opts || {};
+        var headers = { 'X-CSRF-Token': csrf() };
+        if (opts.body) headers['Content-Type'] = 'application/json';
+        return fetch(path, {
+            method: opts.method || 'GET',
+            credentials: 'same-origin',
+            headers: headers,
+            body: opts.body ? JSON.stringify(opts.body) : undefined
+        }).then(function (r) {
+            return r.json().catch(function () { return {}; }).then(function (d) {
+                if (!r.ok) throw new Error(d.detail || ('Erreur ' + r.status));
+                return d;
+            });
+        });
+    }
+
+    /* ── Modale ─────────────────────────────────────────────────────── */
+
+    function roleRow(state, role) {
+        var selected = state.mapping[role];
+        var current = state.candidates[role] || [];
+        // La colonne déjà mappée doit rester sélectionnable même si elle est
+        // de type compatible mais exclue des candidats (déjà affectée).
+        var all = state.all_properties || [];
+        if (selected && !current.some(function (p) { return p.id === selected; })) {
+            var kept = all.filter(function (p) { return p.id === selected; })[0];
+            if (kept) current = [kept].concat(current);
+        }
+
+        var h = '<div class="tdb-role" data-role="' + role + '">';
+        h += '<div class="tdb-role-head"><label>' + esc(ROLE_LABELS[role]) + '</label>';
+        h += '<span class="tdb-role-hint">' + esc(ROLE_HINTS[role]) + '</span></div>';
+        h += '<div class="tdb-role-body">';
+        h += '<select class="tdb-select" data-tdb-role="' + role + '">';
+        h += '<option value="">— créer une nouvelle colonne —</option>';
+        current.forEach(function (p) {
+            h += '<option value="' + p.id + '"' +
+                (String(selected) === String(p.id) ? ' selected' : '') + '>' +
+                esc(p.name) + ' (' + esc(TYPE_LABELS[p.prop_type] || p.prop_type) +
+                ')</option>';
+        });
+        h += '</select>';
+        h += '<input class="tdb-new-name" data-tdb-new="' + role + '" type="text" ' +
+            'placeholder="' + esc(DEFAULT_NAMES[role]) + '" ' +
+            (selected ? 'style="display:none"' : '') + '>';
+        h += '</div></div>';
+        return h;
+    }
+
+    function openModal(collectionId) {
+        closeModal();
+        api('/db/' + collectionId + '/task-db/api').then(function (state) {
+            if (!state.exists) return;
+
+            var roles = ['assignee', 'status', 'due'];
+            var h = '<div class="tdb-overlay" id="tdb-overlay"><div class="tdb-modal">';
+            h += '<div class="tdb-head"><span>' +
+                (state.is_task ? 'Base de tâches' : 'Convertir en base de tâches') +
+                '</span><button class="tdb-close" id="tdb-close">✕</button></div>';
+            h += '<div class="tdb-intro">Pour alimenter <a href="/my-tasks">My Tasks</a>, ' +
+                'reliez les trois colonnes ci-dessous. Une colonne absente sera créée ' +
+                'avec le bon type.</div>';
+            h += '<div class="tdb-body">';
+            roles.forEach(function (r) { h += roleRow(state, r); });
+            h += '</div>';
+            if (state.sources_count >= state.max_sources) {
+                h += '<div class="tdb-warn">⚠ Limite de ' + state.max_sources +
+                    ' bases connectées atteinte : déconnectez-en une avant.</div>';
+            }
+            h += '<div class="tdb-foot">';
+            if (state.is_task) {
+                h += '<button class="tdb-btn-danger" id="tdb-disable">' +
+                    'Disconnecter</button>';
+            }
+            h += '<span class="tdb-spacer"></span>';
+            h += '<button class="tdb-btn" id="tdb-cancel">Annuler</button>';
+            h += '<button class="tdb-btn-primary" id="tdb-save"' +
+                (state.sources_count >= state.max_sources && !state.is_task
+                    ? ' disabled' : '') + '>' +
+                (state.is_task ? 'Mettre à jour' : 'Convertir') + '</button>';
+            h += '</div></div></div>';
+            document.body.insertAdjacentHTML('beforeend', h);
+            wire(state, collectionId);
+        }).catch(function (e) { alert(e.message); });
+    }
+
+    function closeModal() {
+        var ov = document.getElementById('tdb-overlay');
+        if (ov) ov.remove();
+    }
+
+    function wire(state, collectionId) {
+        var overlay = document.getElementById('tdb-overlay');
+        overlay.addEventListener('click', function (e) {
+            if (e.target === overlay) closeModal();
+        });
+        document.getElementById('tdb-close').onclick = closeModal;
+        document.getElementById('tdb-cancel').onclick = closeModal;
+
+        // Choisir une colonne masque le champ « nouvelle colonne ».
+        overlay.addEventListener('change', function (e) {
+            var role = e.target.dataset.tdbRole;
+            if (!role) return;
+            var input = overlay.querySelector('[data-tdb-new="' + role + '"]');
+            if (input) input.style.display = e.target.value ? 'none' : '';
+        });
+
+        var disable = document.getElementById('tdb-disable');
+        if (disable) {
+            disable.onclick = function () {
+                if (!confirm('Disconnecter cette base de My Tasks ?\n\n' +
+                    'Les tâches restent dans la base.')) return;
+                api('/db/' + collectionId + '/task-db/api', { method: 'DELETE' })
+                    .then(function () { closeModal(); toast('Base déconnectée de My Tasks'); })
+                    .catch(function (e) { alert(e.message); });
+            };
+        }
+
+        document.getElementById('tdb-save').onclick = function () {
+            var mapping = {}, create_missing = {};
+            ['assignee', 'status', 'due'].forEach(function (role) {
+                var sel = overlay.querySelector('[data-tdb-role="' + role + '"]');
+                var val = sel ? sel.value : '';
+                if (val) {
+                    mapping[role] = Number(val);
+                } else {
+                    var input = overlay.querySelector('[data-tdb-new="' + role + '"]');
+                    create_missing[role] = {
+                        name: (input && input.value.trim()) || DEFAULT_NAMES[role]
+                    };
+                }
+            });
+            api('/db/' + collectionId + '/task-db/api',
+                { method: 'POST', body: { mapping: mapping, create_missing: create_missing } })
+                .then(function (d) {
+                    closeModal();
+                    toast(d.configured
+                        ? '✅ Base connectée à My Tasks'
+                        : '⚠ Mapping incomplet — des colonnes manquent');
+                })
+                .catch(function (e) { alert(e.message); });
+        };
+    }
+
+    function toast(msg) {
+        var t = document.createElement('div');
+        t.textContent = msg;
+        t.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);' +
+            'z-index:1200;background:var(--bg-modal,#fff);color:var(--text-primary,#333);' +
+            'border:1px solid var(--border,#e3e3e0);border-radius:8px;padding:9px 16px;' +
+            'font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.16)';
+        document.body.appendChild(t);
+        setTimeout(function () { t.remove(); }, 3200);
+    }
+
+    /* ── Point d'entrée depuis la barre de la base ──────────────────── */
+
+    window.FlowDeckTaskDb = { open: openModal, close: closeModal };
+
+    document.addEventListener('click', function (e) {
+        var trigger = e.target.closest ? e.target.closest('[data-task-db]') : null;
+        if (!trigger) return;
+        e.preventDefault();
+        e.stopPropagation();
+        var id = trigger.dataset.taskDb;
+        if (id) openModal(Number(id));
+    });
+})();

static/js/workspaces.js

@@ -4,13 +4,14 @@
 
 // globales window — probe « Undefined variable: workspacesPage »).
 
-document.addEventListener('alpine:init', function () { Alpine.data('workspacesPage', workspacesPage); });
+if (window.Alpine) { Alpine.data('workspacesPage', workspacesPage); fdRefreshXData('workspacesPage'); } else document.addEventListener('alpine:init', function () { Alpine.data('workspacesPage', workspacesPage); });
 function workspacesPage() {
   return {
     workspaces: [],
     activeId: null,
     showCreate: false,
     showRename: false,
+    closeCreateRename() { this.showCreate = false; this.showRename = false; },
     wsName: '',
     renameTarget: null,
 

static/sw.js

@@ -8,7 +8,7 @@
    ═══════════════════════════════════════════════════════════ */
 'use strict';
 
-const CACHE_NAME = 'flowdeck-v7';  // v7 : A20 (htmx allowEval off, Inter auto-hébergé)
+const CACHE_NAME = 'flowdeck-v8';  // v8 : Alpine CSP build (A20 fini)
 const DATA_CACHE = 'flowdeck-data-v7';
 
 // App shell (assets versionnés comme référencés dans les templates).
@@ -23,7 +23,7 @@ const PRECACHE_URLS = [
   '/static/css/prism.css',
   // JS
   '/static/js/htmx.min.js',
-  '/static/js/alpine.min.js',
+  '/static/js/alpine.csp.min.js',
   '/static/js/sortable.min.js',
   '/static/js/app.js?v=2.4.8',
   '/static/js/offline.js?v=6.0.0',
@@ -156,9 +156,22 @@ async function cacheFirst(request, { cacheName = CACHE_NAME } = {}) {
 async function networkFirst(request, { cacheName = CACHE_NAME, fallbackToShell = false, timeoutMs = 4000 } = {}) {
   const cache = await caches.open(cacheName);
   try {
-    const res = await timeoutFetch(request, timeoutMs);
+    let res = await timeoutFetch(request, timeoutMs);
+    // Les navigations interceptées arrivent en redirect:'manual' : une 302 du
+    // serveur se lit opaqueredirect (status 0) → on rejoue la requête avec suivi
+    // explicite. Sans ça, tout logout / redirection rendait la page hors ligne.
+    if (res.type === 'opaqueredirect') {
+      // Navigation en redirect:'manual' : on suit la redirection à la main.
+      res = await timeoutFetch(new Request(request, { redirect: 'follow' }), timeoutMs);
+      if (res && res.ok && res.redirected) {
+        // Chromium refuse une response 'redirected' servie à une navigation
+        // (ERR_FAILED) → on émet une vraie redirection vers l'URL finale.
+        return new Response(null, { status: 302, headers: { Location: res.url } });
+      }
+    }
     if (res && res.ok) {
-      cache.put(request, res.clone());
+      // Ne pas mettre en cache une réponse de redirection sous l'URL d'origine.
+      if (!res.redirected) cache.put(request, res.clone());
       return res;
     }
     throw new Error('bad status');
@@ -176,12 +189,12 @@ async function networkFirst(request, { cacheName = CACHE_NAME, fallbackToShell =
 
 function timeoutFetch(request, ms) {
   return new Promise((resolve, reject) => {
+    const ctrl = new AbortController();
     const timer = setTimeout(() => {
-      const controller = new AbortController();
-      controller.abort();
+      ctrl.abort();
       reject(new Error('timeout'));
     }, ms);
-    fetch(request).then(
+    fetch(request, { signal: ctrl.signal }).then(
       (res) => { clearTimeout(timer); resolve(res); },
       (err) => { clearTimeout(timer); reject(err); }
     );

tests/test_agent_web_tools.py

@@ -0,0 +1,430 @@
+"""FlowDeck — v7.46.0 : web tools de l'agent (web_search / fetch_url / search_code).
+
+Ces tests ne touchent JAMAIS le réseau : la couche httpx est injectée via le
+paramètre ``transport`` des services, et les tools sont exercés à travers le
+registre (``ToolRegistry.execute``) comme le ferait ``AgentEngine``.
+
+Points critiques couverts :
+* le registre expose bien les 3 tools et leurs schémas ;
+* chaque preset de la galerie ne référence que des tools existants ;
+* ``web_search`` : provider Exa, repli DuckDuckGo, et filtrage des URLs
+  anti-bot du moteur ;
+* ``fetch_url`` : markdown extrait, troncature, et **refus SSRF** (localhost,
+  IP privée, schémas `file:`/`ftp:`, lien vers metadata cloud à travers une
+  redirection) ;
+* ``search_code`` : repos / code / issues, et message clair sur quota.
+
+Convention du projet : les tests async passent par ``asyncio.run`` (idem
+``tests/test_agent.py``), pas de marqueur pytest-asyncio.
+"""
+from __future__ import annotations
+
+import asyncio
+import contextlib
+import ipaddress
+import json
+import socket
+
+import httpx
+import pytest
+
+from app.config import settings
+from app.services import http_client
+from app.services import tool_registry as tr
+from app.services import web_search as ws
+from app.services.skill_gallery import GALLERY, export_skill, parse_payload
+from app.services.tool_registry import ToolRegistry
+
+WEB_TOOLS = ("web_search", "fetch_url", "search_code")
+
+#: IP publique factice : les tests ne doivent dépendre ni du réseau HTTP ni du DNS.
+PUBLIC_IP = "93.184.216.34"
+
+
+@pytest.fixture(autouse=True)
+def stub_dns(monkeypatch):
+    """Neutralise le DNS pour les noms d'hôtes publics.
+
+    Le garde-fou SSRF (`_is_public_host`) résout l'hôte pour décider si l'IP
+    est publique : sans ce stub, chaque test `fetch_url` sur `example.com`
+    ferait une vraie résolution DNS — lente, et susceptible d'échouer sous
+    `pytest -n auto`, ce qui rendrait ces tests dépendants de l'environnement.
+    Les IP littérales (`127.0.0.1`, `169.254.169.254`, `::1`) gardent la
+    résolution réelle : le refus des adresses privées reste donc testé pour de
+    vrai, y compris sur les redirections.
+    """
+    real = socket.getaddrinfo
+
+    def fake_getaddrinfo(host, *args, **kwargs):
+        try:
+            ipaddress.ip_address(host)
+        except ValueError:
+            return [(socket.AF_INET, socket.SOCK_STREAM, 6, "", (PUBLIC_IP, 0))]
+        return real(host, *args, **kwargs)
+
+    monkeypatch.setattr(socket, "getaddrinfo", fake_getaddrinfo)
+
+
+@pytest.fixture
+def registry() -> ToolRegistry:
+    return ToolRegistry()
+
+
+@contextlib.contextmanager
+def mock_http(handler):
+    """Injecte un transport httpx dans le client partagé des services.
+
+    ``web_search`` importe ``shared_client`` au niveau module, l'outillage
+    ``fetch_url`` fait un import local : on patche les deux références pour
+    qu'aucun test n'atteigne jamais le réseau, même sans ``transport=``.
+    """
+    original = http_client.shared_client
+
+    def build(**kwargs):
+        kwargs.pop("transport", None)
+        kwargs["transport"] = httpx.MockTransport(handler)
+        return original(**kwargs)
+
+    targets = (http_client, ws, tr)
+    for module in targets:
+        monkey = getattr(module, "shared_client", None)
+        if monkey is not None:
+            module.shared_client = build
+    try:
+        yield
+    finally:
+        for module in targets:
+            if getattr(module, "shared_client", None) is build:
+                module.shared_client = original
+
+
+def run(coro):
+    return asyncio.run(coro)
+
+
+# ── Registre ───────────────────────────────────────────────────────────────
+
+def test_registry_exposes_web_tools(registry):
+    for name in WEB_TOOLS:
+        assert name in registry.tools, name
+        assert registry.tools[name].description
+
+
+def test_registry_schema_includes_web_tools(registry):
+    names = [t["name"] for t in registry.schema()]
+    for name in WEB_TOOLS:
+        assert name in names
+    # Un tool hors périmètre ne doit jamais fuiter dans le schéma.
+    scoped = [t["name"] for t in registry.schema({"tools": ["search_workspace"]})]
+    assert scoped == ["search_workspace"]
+
+
+def test_registry_rejects_unknown_tool(registry):
+    res = run(registry.execute("web_search_does_not_exist", {}))
+    assert res.status == "error"
+
+
+# ── Cohérence galerie / registre ───────────────────────────────────────────
+
+def test_gallery_allowed_tools_all_exist():
+    tools = set(ToolRegistry().tools)
+    for slug, preset in GALLERY.items():
+        unknown = [t for t in preset["allowed_tools"] if t not in tools]
+        assert not unknown, f"{slug} référence des tools inexistants : {unknown}"
+
+
+def test_gallery_presets_are_complete():
+    for slug, preset in GALLERY.items():
+        assert preset["name"].strip(), slug
+        assert preset["description"].strip(), slug
+        assert preset["prompt_template"].strip(), slug
+        assert preset["allowed_tools"], slug
+
+
+def test_web_presets_survive_export_import():
+    """Chaque nouveau preset doit survivre au cycle export → import."""
+    for slug in ("recherche-marche", "veille-techno", "debug-web"):
+        preset = GALLERY[slug]
+        payload = export_skill({
+            "name": preset["name"],
+            "description": preset["description"],
+            "prompt_template": preset["prompt_template"],
+            "allowed_tools_json": json.dumps(preset["allowed_tools"]),
+        })
+        fields = parse_payload(payload)
+        assert fields["name"] == preset["name"]
+        assert sorted(fields["allowed_tools"]) == sorted(preset["allowed_tools"])
+
+
+# ── web_search ─────────────────────────────────────────────────────────────
+
+EXA_BODY = {
+    "results": [
+        {"title": "FastAPI docs", "url": "https://fastapi.tiangolo.com/",
+         "text": "FastAPI framework", "publishedDate": "2026-01-02T00:00:00Z"},
+        {"title": "Spam", "url": "https://duckduckgo.com/y.js", "text": "à filtrer"},
+    ],
+}
+
+DDG_HTML = """
+<table><tr>
+<td><a class="result-link" href="/l/?uddg=https%3A%2F%2Fexample.com%2Fa&amp;rut=1">Résultat A</a></td>
+<td class="result-snippet">Extrait du <b>résultat</b> A</td>
+</tr><tr>
+<td><a class="result-link" href="https://example.org/b">Résultat B</a></td>
+<td class="result-snippet">Extrait B</td>
+</tr></table>
+"""
+
+
+def test_web_search_exa(monkeypatch):
+    monkeypatch.setattr(settings, "web_search_provider", "exa")
+    monkeypatch.setattr(settings, "exa_api_key", "test-key")
+
+    def handler(request: httpx.Request) -> httpx.Response:
+        assert request.headers["x-api-key"] == "test-key"
+        return httpx.Response(200, json=EXA_BODY)
+
+    with mock_http(handler):
+        results, provider = run(ws.search_web("fastapi", transport=httpx.MockTransport(handler)))
+
+    assert provider == "exa"
+    assert [r["url"] for r in results] == ["https://fastapi.tiangolo.com/"]
+    assert results[0]["source"] == "exa"
+    assert results[0]["title"] == "FastAPI docs"
+    assert results[0]["published"] == "2026-01-02"
+
+
+def test_web_search_filters_search_engine_urls(monkeypatch):
+    """Une URL du moteur lui-même ne doit jamais être renvoyée à l'IA."""
+    monkeypatch.setattr(settings, "web_search_provider", "exa")
+    monkeypatch.setattr(settings, "exa_api_key", "k")
+    handler = lambda r: httpx.Response(200, json=EXA_BODY)  # noqa: E731
+    with mock_http(handler):
+        results, _ = run(ws.search_web("x", transport=httpx.MockTransport(handler)))
+    assert all("duckduckgo.com" not in r["url"] for r in results)
+
+
+def test_web_search_falls_back_to_duckduckgo(monkeypatch):
+    """Sans clé Exa, le tool bascule sur le repli sans compte."""
+    monkeypatch.setattr(settings, "web_search_provider", "exa")
+    monkeypatch.setattr(settings, "exa_api_key", "")
+
+    def handler(request: httpx.Request) -> httpx.Response:
+        assert "duckduckgo" in str(request.url)
+        return httpx.Response(200, text=DDG_HTML,
+                              headers={"content-type": "text/html"})
+
+    with mock_http(handler):
+        results, provider = run(ws.search_web("test", transport=httpx.MockTransport(handler)))
+
+    assert provider == "duckduckgo"
+    assert [r["url"] for r in results] == ["https://example.com/a", "https://example.org/b"]
+    assert results[0]["title"] == "Résultat A"
+    assert results[0]["snippet"] == "Extrait du résultat A"
+
+
+def test_web_search_empty_query_returns_nothing(monkeypatch):
+    monkeypatch.setattr(settings, "exa_api_key", "k")
+    results, provider = run(ws.search_web("   "))
+    assert results == []
+    assert provider == ""
+
+
+def test_available_providers_reflects_config(monkeypatch):
+    monkeypatch.setattr(settings, "exa_api_key", "")
+    assert ws.available_providers()["exa"] is False
+    monkeypatch.setattr(settings, "exa_api_key", "k")
+    assert ws.available_providers()["exa"] is True
+
+
+def test_web_search_tool_returns_actionable_error(registry, monkeypatch):
+    """Aucun provider ne répond → le tool dit comment corriger."""
+    monkeypatch.setattr(settings, "exa_api_key", "")
+    handler = lambda r: httpx.Response(503, text="")  # noqa: E731
+    with mock_http(handler):
+        res = run(registry.execute("web_search", {"query": "test"}))
+    assert res.status == "error"
+    assert "EXA_API_KEY" in res.message
+
+
+def test_web_search_tool_success(registry, monkeypatch):
+    monkeypatch.setattr(settings, "web_search_provider", "exa")
+    monkeypatch.setattr(settings, "exa_api_key", "k")
+    handler = lambda r: httpx.Response(200, json=EXA_BODY)  # noqa: E731
+    with mock_http(handler):
+        res = run(registry.execute("web_search", {"query": "fastapi", "num_results": 3}))
+    assert res.status == "success"
+    assert res.data["count"] == 1
+    assert res.data["provider"] == "exa"
+
+
+# ── fetch_url ──────────────────────────────────────────────────────────────
+
+HTML_PAGE = """
+<html><head><title>Titre de la page</title>
+<meta property="og:description" content="Description courte"></head>
+<body><article>
+<h1>Titre de la page</h1>
+<p>Premier paragraphe avec du <b>gras</b>.</p>
+<pre><code>print("hello")</code></pre>
+<ul><li>un</li><li>deux</li></ul>
+</article></body></html>
+"""
+
+
+def test_fetch_url_returns_markdown(registry):
+    def handler(request: httpx.Request) -> httpx.Response:
+        assert str(request.url) == "https://example.com/page"
+        return httpx.Response(200, text=HTML_PAGE,
+                              headers={"content-type": "text/html; charset=utf-8"})
+
+    with mock_http(handler):
+        res = run(registry.execute("fetch_url", {"url": "https://example.com/page"}))
+
+    assert res.status == "success", res.message
+    assert "Premier paragraphe" in res.data["markdown"]
+    assert "print" in res.data["markdown"]
+    assert res.data["title"] == "Titre de la page"
+    assert res.data["truncated"] is False
+
+
+@pytest.mark.parametrize("url", [
+    "http://localhost:8080/api/health",
+    "http://127.0.0.1/admin",
+    "http://169.254.169.254/latest/meta-data/",
+    "http://[::1]/",
+    "file:///etc/passwd",
+    "ftp://example.com/x",
+])
+def test_fetch_url_blocks_ssrf_targets(registry, url):
+    res = run(registry.execute("fetch_url", {"url": url}))
+    assert res.status == "error", f"{url} aurait dû être refusé"
+
+
+def test_fetch_url_revalidates_redirect_target(registry):
+    """Une URL publique redirigeant vers le metadata cloud doit être refusée."""
+    def handler(request: httpx.Request) -> httpx.Response:
+        return httpx.Response(302, headers={"location": "http://169.254.169.254/latest/"})
+
+    with mock_http(handler):
+        res = run(registry.execute("fetch_url", {"url": "https://example.com/"}))
+
+    assert res.status == "error"
+    assert "non autorisé" in res.message
+
+
+def test_fetch_url_follows_public_redirect(registry):
+    def handler(request: httpx.Request) -> httpx.Response:
+        if request.url.path == "/old":
+            return httpx.Response(301, headers={"location": "https://example.com/new"})
+        return httpx.Response(200, text=HTML_PAGE,
+                              headers={"content-type": "text/html"})
+
+    with mock_http(handler):
+        res = run(registry.execute("fetch_url", {"url": "https://example.com/old"}))
+
+    assert res.status == "success", res.message
+    assert res.data["url"] == "https://example.com/new"
+
+
+def test_fetch_url_truncates(registry):
+    long_html = "<html><body><p>" + ("a" * 50000) + "</p></body></html>"
+
+    def handler(request: httpx.Request) -> httpx.Response:
+        return httpx.Response(200, text=long_html,
+                              headers={"content-type": "text/html"})
+
+    with mock_http(handler):
+        res = run(registry.execute(
+            "fetch_url", {"url": "https://example.com/long", "max_chars": 1000}))
+
+    assert res.status == "success"
+    assert res.data["truncated"] is True
+    assert len(res.data["markdown"]) < 1200
+
+
+def test_fetch_url_empty_url(registry):
+    assert run(registry.execute("fetch_url", {"url": "  "})).status == "error"
+
+
+# ── search_code ────────────────────────────────────────────────────────────
+
+GH_REPOS = {
+    "total_count": 2,
+    "items": [
+        {"full_name": "tiangolo/fastapi", "html_url": "https://github.com/tiangolo/fastapi",
+         "description": "FastAPI framework", "stargazers_count": 80000},
+        {"full_name": "someone/fastapi-clone", "html_url": "https://github.com/someone/fastapi-clone",
+         "description": "A clone", "stargazers_count": 3},
+    ],
+}
+
+GH_ISSUES = {
+    "total_count": 1,
+    "items": [
+        {"number": 42, "title": "Crash on startup", "state": "closed",
+         "html_url": "https://github.com/o/r/issues/42", "body": "It crashes"},
+    ],
+}
+
+
+def test_search_code_repos(monkeypatch):
+    monkeypatch.setattr(settings, "github_token", "")
+    handler = lambda r: httpx.Response(200, json=GH_REPOS)  # noqa: E731
+    results = run(ws.search_github("fastapi", "repositories", 5,
+                                   transport=httpx.MockTransport(handler)))
+    assert [r["title"] for r in results] == ["tiangolo/fastapi", "someone/fastapi-clone"]
+    assert results[0]["stars"] == 80000
+    assert results[0]["source"] == "github/repos"
+
+
+def test_search_code_issues_sends_token(monkeypatch):
+    monkeypatch.setattr(settings, "github_token", "ghp_test")
+
+    def handler(request: httpx.Request) -> httpx.Response:
+        assert request.headers["Authorization"] == "Bearer ghp_test"
+        assert request.url.path.endswith("/search/issues")
+        return httpx.Response(200, json=GH_ISSUES)
+
+    results = run(ws.search_github("crash", "issues", 5,
+                                   transport=httpx.MockTransport(handler)))
+    assert results[0]["title"] == "Crash on startup"
+    assert results[0]["state"] == "closed"
+    assert results[0]["url"].endswith("/issues/42")
+
+
+def test_search_code_quota_message(monkeypatch):
+    monkeypatch.setattr(settings, "github_token", "")
+    handler = lambda r: httpx.Response(403, json={})  # noqa: E731
+    with pytest.raises(RuntimeError) as err:
+        run(ws.search_github("x", "repos", 5, transport=httpx.MockTransport(handler)))
+    assert "GITHUB_TOKEN" in str(err.value)
+
+
+def test_search_code_tool_wraps_errors(registry, monkeypatch):
+    """Le tool doit transformer une erreur GitHub en message lisible, sans réseau."""
+    async def _boom(*a, **kw):
+        raise RuntimeError("GitHub: requête de recherche invalide (422)")
+
+    # L'outillage importe ``search_github`` au moment de l'appel : c'est
+    # l'attribut du module qu'il faut patcher, pas celui du registre.
+    monkeypatch.setattr(ws, "search_github", _boom)
+    res = run(registry.execute("search_code", {"query": "!!!"}))
+    assert res.status == "error"
+    assert "GitHub" in res.message
+
+
+def test_search_code_tool_success(registry, monkeypatch):
+    monkeypatch.setattr(settings, "github_token", "")
+    handler = lambda r: httpx.Response(200, json=GH_REPOS)  # noqa: E731
+    real_search = ws.search_github
+
+    async def _fake(query, kind="repositories", limit=5, transport=None):
+        return await real_search(query, kind, limit, transport=httpx.MockTransport(handler))
+
+    monkeypatch.setattr(ws, "search_github", _fake)
+    res = run(registry.execute("search_code", {"query": "fastapi", "kind": "repositories"}))
+    assert res.status == "success"
+    assert res.data["count"] == 2
+    assert res.data["results"][0]["title"] == "tiangolo/fastapi"

tests/test_anomalies_v746.py

@@ -0,0 +1,376 @@
+"""FlowDeck — correctifs d'anomalies v7.46.0 (audit de fonctionnement).
+
+Chaque test verrouille une anomalie réellement constatée sur l'instance :
+
+* **P0-3** ``/auth/user`` renvoyait le ``password_hash`` (et le cookie de
+  session, signé mais non chiffré, l'embarquait) ;
+* **P0-4** ``gitea_oauth_client_id`` vaut le placeholder ``test-id`` →
+  ``/auth/login`` redirigeait vers Gitea avec un client_id invalide ;
+* **P0-1** écritures anonymes sur ``/api/workspaces*`` et
+  ``/api/local-workspace/items`` (``uid = ... else 1``) ;
+* **P0-2** ``/workspace/*`` sans session : export CSV, historique, commentaires ;
+* **P1-5** bouton Home : ``local_workspaces[0]`` (ordre alphabétique) au lieu
+  de l'espace actif ;
+* **P1-6** ``/workspace/favorites`` : 500 permanent (colonne ``collection_id``
+  supprimée par la migration v2.2.0) ;
+* **P1-7** ``/api/v2/agents/conversations`` masqué par ``/agents/{agent_id}`` ;
+* **P1-8** l'éditeur de page appelait ``/api/synced-blocks`` (404) au lieu de
+  ``/board/api/synced-blocks`` ;
+* **P1-9** ``/board/api/synced-blocks`` : 500 anonyme + absence de contrôle de
+  propriété sur PUT/DELETE.
+"""
+from __future__ import annotations
+
+import re
+
+import pytest
+from conftest import anon_csrf, login_test_client
+
+
+@pytest.fixture
+def client():
+    """Same isolated temp DB contract as tests/conftest.py::client."""
+    import os
+    import tempfile
+
+    db_file = tempfile.NamedTemporaryFile(suffix=".db", delete=False)
+    db_path = db_file.name
+    db_file.close()
+    backup_dir = tempfile.mkdtemp(prefix="fd_backups_")
+    data_dir = tempfile.mkdtemp(prefix="fd_data_")
+
+    os.environ["DATABASE_URL"] = f"sqlite:///{db_path}"
+    os.environ["APP_SECRET_KEY"] = "test-secret-for-tests"
+    os.environ["RATE_LIMIT_ENABLED"] = "false"
+    os.environ["LLM_PROVIDER"] = "offline"
+    os.environ["FLOWDECK_DATA_DIR"] = data_dir
+
+    import app.config
+
+    s = app.config.settings
+    s.database_url = f"sqlite:///{db_path}"
+    s.app_secret_key = "test-secret-for-tests"
+    s.rate_limit_enabled = False
+    s.backup_enabled = False
+    s.backup_dir = backup_dir
+    s.project_sync_enabled = False
+
+    from app.db import init_db
+    from app.main import app
+
+    init_db()
+
+    from fastapi.testclient import TestClient
+
+    c = login_test_client(TestClient(app))
+    try:
+        yield c
+    finally:
+        try:
+            os.unlink(db_path)
+        except FileNotFoundError:
+            pass
+
+
+def _mk_ws(client, name: str, owner: int = 1) -> int:
+    r = client.post("/api/workspaces", json={"name": name})
+    assert r.status_code == 200, r.text
+    return r.json()["id"]
+
+
+# ══════════════════════ P0-3 — password_hash ══════════════════════
+
+def test_auth_user_never_exposes_password_hash(client):
+    r = client.get("/auth/user")
+    assert r.status_code == 200
+    assert "password_hash" not in r.text
+
+
+def test_session_cookie_does_not_embed_password_hash(client):
+    from app.auth.session import SessionManager, public_user
+
+    sanitized = public_user({"id": 1, "login": "a", "password_hash": "deadbeef"})
+    assert "password_hash" not in sanitized
+
+    raw = SessionManager.create_session(
+        {"id": 1, "login": "a", "password_hash": "deadbeef", "is_admin": 1}
+    )
+    assert "deadbeef" not in raw
+    # Le payload décodé ne contient plus le champ sensible (décodé par la même
+    # instance de serializer que le serveur, independamment de `settings`).
+    decoded = SessionManager.decode_session(raw)
+    assert decoded is not None
+    assert "password_hash" not in decoded
+    assert decoded["login"] == "a"
+
+
+# ══════════════════════ P0-4 — OAuth placeholder ══════════════════════
+
+def test_placeholder_gitea_credentials_are_not_enabled(client):
+    import app.auth.providers as providers
+
+    gitea = providers.GiteaProvider(
+        base_url="https://git.example.net",
+        client_id="test-id",
+        client_secret="test-secret",
+        redirect_uri="",
+    )
+    assert gitea.is_enabled() is False
+
+
+def test_login_does_not_redirect_to_placeholder_client(client):
+    r = client.get("/auth/login", follow_redirects=False)
+    assert r.status_code == 200
+    assert "client_id=test-id" not in r.text
+    assert "not configured" in r.text.lower()
+
+
+def test_login_redirects_when_credentials_are_real(client):
+    from app.config import settings
+
+    old_id, old_secret = settings.gitea_oauth_client_id, settings.gitea_oauth_client_secret
+    settings.gitea_oauth_client_id = "real-id"
+    settings.gitea_oauth_client_secret = "real-secret"
+    try:
+        r = client.get("/auth/login", follow_redirects=False)
+        assert r.status_code == 302
+        assert "client_id=real-id" in r.headers["location"]
+    finally:
+        settings.gitea_oauth_client_id = old_id
+        settings.gitea_oauth_client_secret = old_secret
+
+
+# ══════════════════════ P0-1 — écritures anonymes ══════════════════════
+
+@pytest.mark.parametrize(
+    "method,path,body",
+    [
+        ("post", "/api/workspaces", {"name": "ANON"}),
+        ("put", "/api/workspaces/1", {"name": "ANON"}),
+        ("delete", "/api/workspaces/1", None),
+        ("post", "/api/workspaces/1/select", {}),
+        ("post", "/api/local-workspace/items", {"name": "ANON"}),
+        ("put", "/api/local-workspace/items/1", {"name": "ANON"}),
+        ("delete", "/api/local-workspace/items/1", None),
+        ("post", "/api/local-workspace/items/1/restore", {}),
+        ("put", "/api/local-workspace/items/1/move", {"parent_id": None}),
+    ],
+)
+def test_anonymous_write_is_rejected(client, method, path, body):
+    c = anon_csrf(client)
+    fn = getattr(c, method)
+    r = fn(path, json=body) if body is not None else fn(path)
+    assert r.status_code == 401, f"{method.upper()} {path} -> {r.status_code} {r.text[:200]}"
+
+
+def test_anonymous_workspace_write_creates_nothing(client):
+    ws_id = _mk_ws(client, "Real WS")
+    c = anon_csrf(client)
+    assert c.post("/api/workspaces", json={"name": "Ghost"}).status_code == 401
+    assert c.delete(f"/api/workspaces/{ws_id}").status_code == 401
+
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        names = [r[0] for r in conn.execute("SELECT name FROM workspaces")]
+    assert "Ghost" not in names
+    assert "Real WS" in names
+
+
+def test_workspace_rename_delete_require_ownership(client):
+    ws_id = _mk_ws(client, "WS of admin")
+    other = login_test_client(client, user_id=2, login="intruder", is_admin=0)
+    assert other.put(f"/api/workspaces/{ws_id}", json={"name": "hijacked"}).status_code == 403
+    assert other.delete(f"/api/workspaces/{ws_id}").status_code == 403
+    assert other.post(f"/api/workspaces/{ws_id}/select").status_code == 403
+
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        assert conn.execute(
+            "SELECT name FROM workspaces WHERE id=?", (ws_id,)
+        ).fetchone()[0] == "WS of admin"
+
+
+# ══════════════════════ P0-2 — /workspace authentifié ══════════════════════
+
+@pytest.mark.parametrize(
+    "path",
+    [
+        "/workspace/favorites",
+        "/workspace/pages/1/comments",
+        "/workspace/pages/1/history",
+        "/workspace/templates/database",
+        "/workspace/collections/1/export/csv",
+        "/workspace/collections/1/sprints",
+        "/workspace/collections/1/dashboards",
+    ],
+)
+def test_workspace_router_requires_session(client, path):
+    c = anon_csrf(client)
+    r = c.get(path)
+    assert r.status_code == 401, f"{path} -> {r.status_code} {r.text[:160]}"
+
+
+def test_public_sharing_route_stays_public(client):
+    """La seule route publique du router `/workspace` reste accessible."""
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        conn.execute("INSERT INTO collections (name) VALUES ('Public')")
+        conn.commit()
+        cid = conn.execute("SELECT MAX(id) FROM collections").fetchone()[0]
+        conn.execute(
+            "INSERT INTO collection_pages (collection_id, title) VALUES (?, ?)",
+            (cid, "Page publique"),
+        )
+        conn.commit()
+
+    r = anon_csrf(client).get(f"/workspace/public/{cid}")
+    assert r.status_code == 200, r.text[:200]
+    assert "Page publique" in r.text
+
+    # Une collection absente ne doit surtout pas exiger une session (401).
+    r2 = anon_csrf(client).get("/workspace/public/424242")
+    assert r2.status_code != 401
+
+
+# ══════════════════════ P1-6 — favorites ══════════════════════
+
+def test_favorites_roundtrip_uses_current_schema(client):
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        conn.execute(
+            "INSERT INTO pages (workspace, title, content, content_format) "
+            "VALUES ('WS','Fav page','','blocks')"
+        )
+        conn.commit()
+        page_id = conn.execute("SELECT MAX(id) FROM pages").fetchone()[0]
+
+    r = client.get("/workspace/favorites")
+    assert r.status_code == 200, r.text
+    assert r.json()["favorites"] == []
+
+    r = client.post("/workspace/favorites", json={"page_id": page_id})
+    assert r.status_code == 200, r.text
+
+    r = client.get("/workspace/favorites")
+    assert r.status_code == 200, r.text
+    favs = r.json()["favorites"]
+    assert len(favs) == 1
+    assert favs[0]["page_id"] == page_id
+    assert favs[0]["page_title"] == "Fav page"
+
+    assert client.delete(f"/workspace/favorites/{favs[0]['id']}").status_code == 200
+    assert client.get("/workspace/favorites").json()["favorites"] == []
+
+
+def test_favorites_add_requires_page_id(client):
+    assert client.post("/workspace/favorites", json={}).status_code == 400
+
+
+# ══════════════════════ P1-7 — ordre de routes agents ══════════════════════
+
+def test_agents_conversations_route_is_not_shadowed(client):
+    r = client.get("/api/v2/agents/conversations")
+    # 401 « API token required » = la route a bien été atteinte (avant : 422
+    # int_parsing sur /agents/{agent_id}).
+    assert r.status_code == 401, r.text
+    assert "int_parsing" not in r.text
+
+
+# ══════════════════════ P1-8 / P1-9 — synced blocks ══════════════════════
+
+def test_page_editor_uses_board_prefix_for_synced_blocks():
+    from pathlib import Path
+
+    src = Path("static/js/page_editor_scripts.js").read_text(encoding="utf-8")
+    assert "'/api/synced-blocks'" not in src
+    assert src.count("'/board/api/synced-blocks'") == 1
+    assert "'/board/api/synced-blocks/'" in src
+    assert "Settings → Synced Blocks" not in src
+
+
+def test_synced_blocks_anonymous_is_401_not_500(client):
+    c = anon_csrf(client)
+    assert c.get("/board/api/synced-blocks").status_code == 401
+    assert c.get("/board/api/synced-blocks/1").status_code == 401
+    assert c.post("/board/api/synced-blocks", json={"title": "x"}).status_code == 401
+
+
+def test_synced_block_cannot_be_edited_by_another_user(client):
+
+    r = client.post("/board/api/synced-blocks", json={"title": "Bloc", "content": []})
+    assert r.status_code == 200, r.text
+    sid = r.json()["synced_block_id"]
+
+    intruder = login_test_client(client, user_id=2, login="intruder", is_admin=0)
+    assert intruder.put(f"/board/api/synced-blocks/{sid}", json={"title": "pwn"}).status_code == 403
+    assert intruder.delete(f"/board/api/synced-blocks/{sid}").status_code == 403
+
+    from app.services.synced_blocks import get_synced_block
+
+    assert get_synced_block(sid)["title"] == "Bloc"
+
+    owner = login_test_client(client, user_id=1, login="tester", is_admin=1)
+    assert owner.put(f"/board/api/synced-blocks/{sid}", json={"title": "ok"}).status_code == 200
+    assert get_synced_block(sid)["title"] == "ok"
+
+
+def test_synced_blocks_list_with_session(client):
+    r = client.get("/board/api/synced-blocks")
+    assert r.status_code == 200, r.text
+    assert "synced_blocks" in r.json()
+
+
+# ══════════════════════ P1-5 — bouton Home ══════════════════════
+
+def test_undefined_template_variable_is_logged_not_silent(caplog):
+    """P1-10 : une variable absente du contexte rend ``""`` (contrattenu par
+    40+ templates optionnelles) mais ne doit plus être totally silencieuse."""
+    import logging
+
+    from app.templating import ENV
+
+    with caplog.at_level(logging.WARNING, logger="app.templating"):
+        out = ENV.from_string("{{ totally_unknown_variable }}").render()
+    assert out == ""
+    assert any(
+        "totally_unknown_variable" in r.getMessage() for r in caplog.records
+    ), [r.getMessage() for r in caplog.records]
+
+
+def test_home_button_targets_the_active_workspace(client):
+    """``local_workspaces[0]`` = premier workspace TRIÉ PAR NOM ; le Home doit
+    cibler l'espace actif (``local_ws_id``)."""
+    from pathlib import Path
+
+    tpl = Path("app/templates/base.html").read_text(encoding="utf-8")
+    m = re.search(r'<a href="([^"]*)" class="nav-icon-btn home-btn[^"]*"', tpl)
+    assert m, "lien Home introuvable dans base.html"
+    href = m.group(1)
+    assert "local_ws_id" in href, href
+    assert href.index("local_ws_id") < href.index("local_workspaces")
+
+
+def test_home_button_renders_active_workspace_id(client):
+    from app.db import get_conn
+
+    a = _mk_ws(client, "AAA first alphabetically")
+    b = _mk_ws(client, "ZZZ active")
+    client.post(f"/api/workspaces/{b}/select")
+    r = client.post("/api/local-workspace/items", json={"name": "HomeProbe", "workspace_id": b})
+    assert r.status_code == 200, r.text
+    pid = r.json()["id"]
+
+    r = client.get(f"/pages/{pid}")
+    assert r.status_code == 200, r.status_code
+    m = re.search(r'<a href="([^"]*)" class="nav-icon-btn home-btn[^"]*"', r.text)
+    assert m, "lien Home absent du HTML rendu"
+    assert m.group(1) == f"/local-workspace?ws={b}"
+    assert f"/local-workspace?ws={a}" != m.group(1)
+
+    with get_conn() as conn:
+        names = {r[0] for r in conn.execute("SELECT name FROM workspaces")}
+    assert {"AAA first alphabetically", "ZZZ active"} <= names

tests/test_app.py

@@ -840,28 +840,73 @@ def test_my_tasks_page(client):
 
 
 def test_my_tasks_cross_db(client):
-    """My Tasks API returns JSON."""
-    r = client.post("/db/api", json={"name": "My Project"})
+    """My Tasks API returns JSON from every *connected* database.
+
+    Depuis v7.47.0, une base n'alimente My Tasks qu'après conversion
+    explicite (``POST /db/{id}/task-db/api``, mapping des 3 colonnes) : la
+    page n'est plus scopée par ``flowdeck_workspace``.
+    """
+    import time
+
+    from app.db import get_conn
+    col_name = f"My Project {int(time.time() * 1000)}"
+    with get_conn() as conn:
+        ws_row = conn.execute(
+            "SELECT id FROM workspaces WHERE owner_id=(SELECT id FROM users WHERE login='tester') LIMIT 1"
+        ).fetchone()
+        ws_id = ws_row["id"] if ws_row else conn.execute(
+            "INSERT INTO workspaces (name, owner_id) VALUES (?, "
+            "(SELECT id FROM users WHERE login='tester'))", ("My Tasks Cross DB WS",)
+        ).lastrowid
+        conn.commit()
+
+    r = client.post("/db/api", json={"name": col_name, "workspace_id": ws_id})
     cid = r.json()["id"]
-    client.post(f"/db/{cid}/pages/api", json={"title": "Task 1", "properties": {"Status": "Todo"}})
-    client.post(f"/db/{cid}/pages/api", json={"title": "Task 2", "properties": {"Status": "In Progress"}})
+
+    # Sans conversion : la base n'émet rien.
+    resp = client.get("/my-tasks/api")
+    assert resp.status_code == 200
+    assert cid not in [t["collection_id"] for t in resp.json()["tasks"]]
+
+    conv = client.post(f"/db/{cid}/task-db/api", json={})
+    assert conv.status_code == 200, conv.text
+    assert conv.json()["configured"] is True
+
+    for title in ("Task 1", "Task 2"):
+        client.post(f"/db/{cid}/pages/api", json={"title": title})
 
     resp = client.get("/my-tasks/api")
     assert resp.status_code == 200
     data = resp.json()
-    assert "tasks" in data
-    assert data["total"] >= 2
+    titles = [t["title"] for t in data["tasks"]]
+    assert "Task 1" in titles and "Task 2" in titles
+    assert col_name in [s["name"] for s in data["sources"]]
+    # Le périmètre est transverse : pas de workspace_id dans le payload.
+    assert "workspace_id" not in data
+
     client.delete(f"/db/api/{cid}")
 
 
-def test_my_tasks_view_today(client):
-    resp = client.get("/my-tasks?view=today")
+@pytest.mark.parametrize("view", ["table", "board", "calendar"])
+def test_my_tasks_views(client, view):
+    """Les trois vues (tableau / kanban / calendrier) sont acceptées.
+
+    Sans base connectée, le serveur rend son état vide (le conteneur client
+    n'est chargé que lorsqu'il y a des tâches à afficher) : on vérifie donc le
+    code HTTP ici, et le contenu via l'API.
+    """
+    resp = client.get("/my-tasks", params={"view": view})
     assert resp.status_code == 200
+    assert "My Tasks" in resp.text
+    assert client.get("/my-tasks/api",
+                      params={"view": view}).status_code == 200
 
 
-def test_my_tasks_view_overdue(client):
-    resp = client.get("/my-tasks?view=overdue")
+@pytest.mark.parametrize("due", ["all", "today", "overdue", "week"])
+def test_my_tasks_due_filters(client, due):
+    resp = client.get("/my-tasks/api", params={"due": due})
     assert resp.status_code == 200
+    assert resp.json()["filters"]["due"] == due
 
 
 # ── v2.1.0: Workspace, Comments, Favorites, CSV ──
@@ -1716,18 +1761,33 @@ def test_oauth_login_local_page(client):
     assert "Login" in resp.text or "login" in resp.text.lower()
 
 
-def test_oauth_login_gitea_redirect(client):
-    """GET /auth/login?provider=gitea — redirects to Gitea OAuth (configured in test env)."""
+def test_oauth_login_gitea_redirect(client, monkeypatch):
+    """GET /auth/login?provider=gitea — redirects to Gitea OAuth when configured.
+
+    v7.46.0 : les valeurs de substitution livrées dans app/config.py
+    (``test-id`` / ``test-secret``) ne comptent plus comme « configuré » — sinon
+    /auth/login redirigeait vers Gitea avec un client_id invalide. Le test
+    configure donc de VRAIS identifiants.
+    """
+    from app.config import settings
+
+    monkeypatch.setattr(settings, "gitea_oauth_client_id", "gitea-real-id")
+    monkeypatch.setattr(settings, "gitea_oauth_client_secret", "gitea-real-secret")
     resp = client.get("/auth/login?provider=gitea", follow_redirects=False)
-    # Gitea OAuth IS configured in test env → redirect to Gitea
+    # Gitea OAuth configuré → redirect to Gitea
     assert resp.status_code == 302
     assert "login/oauth" in resp.headers.get("location", "").lower()
+    assert "client_id=gitea-real-id" in resp.headers["location"]
 
 
-def test_oauth_login_with_link_mode(client):
+def test_oauth_login_with_link_mode(client, monkeypatch):
     """GET /auth/login?provider=gitea&mode=link — link mode redirects to Gitea OAuth."""
+    from app.config import settings
+
+    monkeypatch.setattr(settings, "gitea_oauth_client_id", "gitea-real-id")
+    monkeypatch.setattr(settings, "gitea_oauth_client_secret", "gitea-real-secret")
     resp = client.get("/auth/login?provider=gitea&mode=link", follow_redirects=False)
-    # Gitea OAuth IS configured → redirect to Gitea with link mode set in session
+    # Gitea OAuth configuré → redirect to Gitea with link mode set in session
     assert resp.status_code == 302
     assert "login/oauth" in resp.headers.get("location", "").lower()
 
@@ -1786,8 +1846,12 @@ def test_get_redirect_uri_env_override_wins(monkeypatch):
     monkeypatch.undo()
 
 
-def test_oauth_login_redirect_uri_dynamic(client):
+def test_oauth_login_redirect_uri_dynamic(client, monkeypatch):
     """The authorize URL carries the request-derived redirect_uri (encoded)."""
+    from app.config import settings
+
+    monkeypatch.setattr(settings, "gitea_oauth_client_id", "gitea-real-id")
+    monkeypatch.setattr(settings, "gitea_oauth_client_secret", "gitea-real-secret")
     resp = client.get(
         "/auth/login?provider=gitea",
         headers={"X-Forwarded-Proto": "https", "X-Forwarded-Host": "flowdeck.dracodev.net"},
@@ -2802,28 +2866,47 @@ def test_sprint_burndown(client):
 
 
 def test_my_tasks_page_render(client):
-    """My Tasks page renders cross-database aggregation."""
-    # Create a task collection
-    resp = client.post("/db/api", json={"name": "My Tasks DB"})
-    coll_id = resp.json()["id"]
+    """My Tasks page renders the three views and its sources.
 
-    # Toggle to task mode
-    client.put(f"/db/{coll_id}/toggle-task/api")
+    Le tableau de bord est rendu côté client depuis ``/my-tasks/api`` : le HTML
+    transporte la configuration (``data-config``), pas les tâches.
+    """
+    import time
 
-    # Add pages
-    client.post(f"/db/{coll_id}/pages/api", json={
-        "title": "Urgent fix",
-        "properties": {"Status": "Todo"},
-    })
-    client.post(f"/db/{coll_id}/pages/api", json={
-        "title": "Deploy",
-        "properties": {"Status": "Done"},
-    })
+    from app.db import get_conn
+    name = f"My Tasks DB {int(time.time() * 1000)}"
+    with get_conn() as conn:
+        ws_row = conn.execute(
+            "SELECT id FROM workspaces WHERE owner_id=(SELECT id FROM users WHERE login='tester') LIMIT 1"
+        ).fetchone()
+        ws_id = ws_row["id"] if ws_row else conn.execute(
+            "INSERT INTO workspaces (name, owner_id) VALUES (?, "
+            "(SELECT id FROM users WHERE login='tester'))", ("Test Workspace",)
+        ).lastrowid
+        conn.commit()
 
-    resp = client.get("/my-tasks?view=all")
+    coll_id = client.post("/db/api",
+                          json={"name": name, "workspace_id": ws_id}).json()["id"]
+
+    # `toggle-task` reste rétrocompatible : il réalise la conversion complète.
+    resp = client.put(f"/db/{coll_id}/toggle-task/api")
     assert resp.status_code == 200
-    assert "Urgent fix" in resp.text
-    assert "My Tasks DB" in resp.text
+    assert resp.json()["is_task"] is True
+
+    client.post(f"/db/{coll_id}/pages/api", json={"title": "Urgent fix"})
+    client.post(f"/db/{coll_id}/pages/api", json={"title": "Deploy"})
+
+    resp = client.get("/my-tasks")
+    assert resp.status_code == 200
+    assert 'id="my-tasks-app"' in resp.text
+    assert "/static/js/my_tasks.js" in resp.text
+
+    # Les titres sont bien exposés par l'API alimentée par la page.
+    titles = [t["title"] for t in client.get("/my-tasks/api").json()["tasks"]]
+    assert "Urgent fix" in titles
+    assert name in [s["name"] for s in client.get("/my-tasks/api").json()["sources"]]
+
+    client.delete(f"/db/api/{coll_id}")
 
 
 # ── v4.6.0: Content Blocks Enriched ──

tests/test_audit_p0_fixes.py

@@ -226,8 +226,8 @@ def _assert_nonce(csp: str, html: str) -> str:
     assert nm, script_src
     nonce = nm.group(1)
     assert "'unsafe-inline'" not in script_src, script_src
-    assert "'unsafe-eval'" in script_src  # reste A20 phase 3 (Alpine standard,
-    # build CSP bloqué : 13 exprs non parsables + 24 x-html réactifs → ROADMAP)
+    # A20 TERMINÉ : Alpine en build CSP (alpine.csp.min.js) + htmx allowEval=false
+    assert "'unsafe-eval'" not in script_src
     assert "script-src-attr 'unsafe-inline'" in csp
     tags = [
         mm.group(0)

tests/test_home_workspace_param.py

@@ -0,0 +1,168 @@
+"""FlowDeck — bouton « Home » de la sidebar : le paramètre ``?ws=`` est respecté.
+
+Le sidebar construit ``/local-workspace?ws=<id>`` (premier workspace possédé,
+trié par nom). La route déclarait seulement ``folder`` : ``ws`` était ignoré et
+la page affichait le workspace **actif** (cookie), donc Home pouvait montrer un
+workspace différent de celui annoncé dans l'URL.
+
+Ces tests verrouillent le contrat :
+* ``?ws=`` affiche bien le workspace demandé (et aligne le cookie) ;
+* un ``?ws=`` appartenant à quelqu'un d'autre est ignoré — aucune fuite ;
+* sans ``?ws=``, le comportement précédent (workspace actif) est inchangé.
+"""
+from __future__ import annotations
+
+import pytest
+from conftest import login_test_client
+
+
+@pytest.fixture
+def client():
+    import os
+    import tempfile
+
+    db_file = tempfile.NamedTemporaryFile(suffix=".db", delete=False)
+    db_path = db_file.name
+    db_file.close()
+
+    os.environ["DATABASE_URL"] = f"sqlite:///{db_path}"
+    os.environ["APP_SECRET_KEY"] = "test-secret-for-tests"
+    os.environ["RATE_LIMIT_ENABLED"] = "false"
+    os.environ["LLM_PROVIDER"] = "offline"
+
+    from app.config import settings
+    from app.db import init_db
+    from app.main import app
+
+    settings.database_url = f"sqlite:///{db_path}"
+    settings.llm_provider = "offline"
+    init_db()
+
+    from fastapi.testclient import TestClient
+
+    client = login_test_client(TestClient(app))
+    try:
+        yield client
+    finally:
+        try:
+            os.unlink(db_path)
+        except FileNotFoundError:
+            pass
+
+
+def _make_workspace(client, name: str) -> dict:
+    r = client.post("/api/workspaces", json={"name": name})
+    assert r.status_code == 200, r.text
+    return r.json()
+
+
+def _workspace_id_in(client, workspace_id: int) -> int | None:
+    """Lit le workspace_id embarqué dans le HTML rendu (lw-config)."""
+    r = client.get(f"/local-workspace?ws={workspace_id}")
+    assert r.status_code == 200, r.text
+    body = r.text
+    marker = '"workspace_id":'
+    idx = body.find(marker)
+    assert idx != -1, "lw-config absent de la page"
+    rest = body[idx + len(marker):].lstrip()
+    digits = ""
+    for ch in rest:
+        if ch.isdigit():
+            digits += ch
+        else:
+            break
+    return int(digits) if digits else None
+
+
+def test_home_ws_param_is_honoured(client):
+    """Home doit afficher le workspace qu'il annonce, pas celui du cookie."""
+    client.post("/auth/register", json={
+        "email": "[email protected]", "password": "secret123", "name": "Home1"})
+    zeta = _make_workspace(client, "Zeta Project")     # id plus élevé
+    alpha = _make_workspace(client, "Alpha Project")   # premier par nom
+
+    # Le cookie « workspace actif » pointe sur Zeta…
+    client.post(f"/api/workspaces/{zeta['id']}/select")
+
+    # …mais Home annonce le premier par nom (Alpha).
+    assert _workspace_id_in(client, alpha["id"]) == alpha["id"]
+    assert _workspace_id_in(client, zeta["id"]) == zeta["id"]
+
+
+def test_home_ws_param_title_matches_content(client):
+    """Le titre affiché doit être celui du workspace demandé, pas celui du cookie.
+
+    Régression : la sidebar est calculée avant le changement de workspace, donc
+    `active_ws_name` désignait l'ancien workspace — le contenu aurait été celui
+    de Zeta sous le titre « Alpha Project ».
+    """
+    client.post("/auth/register", json={
+        "email": "[email protected]", "password": "secret123", "name": "Home5"})
+    zeta = _make_workspace(client, "Zeta Project")
+    alpha = _make_workspace(client, "Alpha Project")
+    client.post(f"/api/workspaces/{zeta['id']}/select")
+
+    r = client.get(f"/local-workspace?ws={alpha['id']}")
+    assert r.status_code == 200
+    # La sidebar liste légitimement tous les workspaces : on cible le <title>,
+    # qui reflète le workspace dont le contenu est rendu.
+    import re
+
+    title = re.search(r"<title>(.*?)</title>", r.text, re.S).group(1)
+    assert "Alpha Project" in title
+    assert "Zeta Project" not in title
+
+
+def test_home_ws_param_aligns_cookie(client):
+    """Après un Home vers ?ws=, le cookie doit suivre le workspace affiché."""
+    client.post("/auth/register", json={
+        "email": "[email protected]", "password": "secret123", "name": "Home2"})
+    a = _make_workspace(client, "AAA")
+    b = _make_workspace(client, "BBB")
+    client.post(f"/api/workspaces/{a['id']}/select")
+
+    r = client.get(f"/local-workspace?ws={b['id']}")
+    assert r.status_code == 200
+    assert client.cookies.get("flowdeck_workspace") == str(b["id"])
+
+
+def test_foreign_ws_param_is_ignored(client):
+    """Un ?ws= appartenant à un autre utilisateur ne doit rien divulguer."""
+    client.post("/auth/register", json={
+        "email": "[email protected]", "password": "secret123", "name": "Home3"})
+    mine = _make_workspace(client, "Mine")
+
+    # Workspace appartenant à un AUTRE utilisateur (FK users respectée)
+    from app.db import get_conn
+    from app.password_utils import hash_password
+
+    with get_conn() as conn:
+        conn.execute(
+            "INSERT INTO users (login, email, full_name, password_hash, is_active) "
+            "VALUES ('ghost', '[email protected]', 'Ghost', ?, 1)",
+            (hash_password("secret123"),))
+        conn.commit()
+        ghost_id = conn.execute("SELECT id FROM users WHERE login='ghost'").fetchone()["id"]
+        conn.execute("INSERT INTO workspaces (name, owner_id) VALUES (?, ?)",
+                     ("Secret Corp", ghost_id))
+        conn.commit()
+        foreign = conn.execute(
+            "SELECT id FROM workspaces WHERE name='Secret Corp'").fetchone()["id"]
+
+    r = client.get(f"/local-workspace?ws={foreign}")
+    assert r.status_code == 200
+    # Le workspace demandé n'est pas rendu : on retombe sur celui du visiteur.
+    assert _workspace_id_in(client, foreign) == mine["id"]
+    assert client.cookies.get("flowdeck_workspace") != str(foreign)
+    assert "Secret Corp" not in r.text
+
+
+def test_without_ws_param_active_workspace_is_used(client):
+    """Sans ?ws=, le comportement historique est inchangé."""
+    client.post("/auth/register", json={
+        "email": "[email protected]", "password": "secret123", "name": "Home4"})
+    _make_workspace(client, "Active")
+    b = _make_workspace(client, "Other")
+    client.post(f"/api/workspaces/{b['id']}/select")
+
+    assert _workspace_id_in(client, b["id"]) == b["id"]

tests/test_sidebar_tabs.py

@@ -0,0 +1,264 @@
+"""FlowDeck — onglets compressibles du sidebar (Home / Chat / Meeting / Inbox).
+
+La barre latérale gauche devient un sélecteur d'onglet : le bouton actif
+s'étend en pilule avec son libellé, les autres se réduisent à leur icône, et
+chaque sélection remplace intégralement le contenu de la barre latérale.
+
+* ordre exact des onglets : Home → Chat → Meeting → Inbox ;
+* quatre panneaux Alpine dédiés (``sidebarTab === …``) ;
+* contenu branché sur des données réelles : historique des conversations
+  agent (``/api/agent/conversations``), événements à venir
+  (``GET /api/v2/meetings/upcoming``, nouveau) et notifications
+  (``/api/notifications``).
+"""
+from __future__ import annotations
+
+import json
+import re
+from datetime import UTC, datetime, timedelta
+from pathlib import Path
+
+import pytest
+from conftest import login_test_client
+
+TPL = Path("app/templates/base.html")
+CSS = Path("static/css/app.css")
+
+
+@pytest.fixture
+def client():
+    """Same isolated temp DB contract as tests/conftest.py::client."""
+    import os
+    import tempfile
+
+    db_file = tempfile.NamedTemporaryFile(suffix=".db", delete=False)
+    db_path = db_file.name
+    db_file.close()
+    backup_dir = tempfile.mkdtemp(prefix="fd_backups_")
+    data_dir = tempfile.mkdtemp(prefix="fd_data_")
+
+    os.environ["DATABASE_URL"] = f"sqlite:///{db_path}"
+    os.environ["APP_SECRET_KEY"] = "test-secret-for-tests"
+    os.environ["RATE_LIMIT_ENABLED"] = "false"
+    os.environ["LLM_PROVIDER"] = "offline"
+    os.environ["FLOWDECK_DATA_DIR"] = data_dir
+
+    import app.config
+
+    s = app.config.settings
+    s.database_url = f"sqlite:///{db_path}"
+    s.app_secret_key = "test-secret-for-tests"
+    s.rate_limit_enabled = False
+    s.backup_enabled = False
+    s.backup_dir = backup_dir
+    s.project_sync_enabled = False
+
+    from app.db import init_db
+    from app.main import app
+
+    init_db()
+
+    from fastapi.testclient import TestClient
+
+    c = login_test_client(TestClient(app))
+    try:
+        yield c
+    finally:
+        try:
+            os.unlink(db_path)
+        except FileNotFoundError:
+            pass
+
+
+def _render(client) -> str:
+    r = client.post("/api/local-workspace/items", json={"name": "TabsProbe"})
+    assert r.status_code == 200, r.text
+    page = client.get(f"/pages/{r.json()['id']}")
+    assert page.status_code == 200
+    return page.text
+
+
+# ══════════════════ ordre et libellés des onglets ══════════════════
+
+def test_tab_order_is_home_chat_meeting_inbox(client):
+    tpl = TPL.read_text(encoding="utf-8")
+    row = re.search(r'<div class="sidebar-nav-row".*?</div>', tpl, re.S)
+    assert row, "sidebar-nav-row introuvable"
+    tabs = re.findall(r'data-tab="([a-z]+)"', row.group(0))
+    assert tabs == ["home", "chat", "meetings", "inbox"], tabs
+
+
+def test_rendered_sidebar_shows_the_four_tabs_in_order(client):
+    html = _render(client)
+    row = re.search(r'<div class="sidebar-nav-row".*?</div>\s*</div>', html, re.S)
+    assert row, "barre d'onglets absente du HTML rendu"
+    tabs = re.findall(r'data-tab="([a-z]+)"', row.group(0))
+    assert tabs == ["home", "chat", "meetings", "inbox"], tabs
+    for label in ("Home", "Chat", "Meeting", "Inbox"):
+        assert f">{label}</span>" in row.group(0), label
+
+
+def test_tabs_are_accessible_tabs(client):
+    html = _render(client)
+    row = re.search(r'<div class="sidebar-nav-row".*?</div>\s*</div>', html, re.S).group(0)
+    assert row.count('role="tab"') == 4
+    assert ":aria-selected=\"sidebarTab === 'meetings'\"" in row
+
+
+# ══════════════════ panneaux contextuels ══════════════════
+
+def test_each_tab_has_its_own_panel(client):
+    tpl = TPL.read_text(encoding="utf-8")
+    for tab in ("home", "chat", "meetings", "inbox"):
+        assert f'x-show="sidebarTab === \'{tab}\'"' in tpl, tab
+    # Le contenu Home historique reste dans le panneau home.
+    assert tpl.index('sidebarTab === \'home\'') < tpl.index('sidebar-section" x-show="isSectionVisible(\'workspace\')')
+
+
+def test_panels_use_real_data_sources(client):
+    tpl = TPL.read_text(encoding="utf-8")
+    assert "/api/agent/conversations" in tpl
+    assert "/api/v2/meetings/upcoming" in tpl
+    assert "/api/notifications?limit=50" in tpl
+    assert "/api/v2/meetings/transcribe" in tpl
+
+
+def test_tab_state_is_persisted_and_validated(client):
+    tpl = TPL.read_text(encoding="utf-8")
+    assert "localStorage.setItem('fd_sidebar_tab', tab)" in tpl
+    assert "['home', 'chat', 'meetings', 'inbox'].indexOf(saved) >= 0" in tpl
+
+
+def test_active_tab_is_a_pill_and_inactive_tabs_hide_their_label():
+    css = CSS.read_text(encoding="utf-8")
+    assert ".nav-tab-btn .nav-tab-label {" in css
+    assert "display: none;" in css.split(".nav-tab-btn .nav-tab-label {")[1].split("}")[0]
+    assert ".nav-tab-btn.active .nav-tab-label { display: inline-block; }" in css
+    assert "border-radius: 15px;" in css
+
+
+def test_label_visibility_is_driven_by_the_template_not_only_by_css(client):
+    """Régression : ``?v={{ asset_version }}`` vaut le contenu de ``VERSION``, donc
+    un navigateur garde l'ancien ``app.css`` en cache après une livraison. Si
+    l'affichage des libellés ne dépendait que du CSS, le clic sur Home
+    affichait le texte sur les quatre boutons. La décision est donc prise dans
+    le HTML (style inline Alpine), la CSS n'étant qu'un repli sans JS."""
+    tpl = TPL.read_text(encoding="utf-8")
+    for tab in ("home", "chat", "meetings", "inbox"):
+        needle = (f'<span class="nav-tab-label" :style="sidebarTab === \'{tab}\' '
+                  f'? \'display:inline-block\' : \'display:none\'">')
+        assert needle in tpl, tab
+    # Idem pour les badges de compte (masqués sur l'onglet actif).
+    for tab in ("chat", "meetings", "inbox"):
+        assert (f':style="sidebarTab === \'{tab}\' ? \'display:none\' : \'\'"'
+                in tpl), tab
+
+
+# ══════════════════ endpoint « Meeting » ══════════════════
+
+def test_upcoming_requires_authentication():
+    from fastapi.testclient import TestClient
+
+    from app.main import app
+
+    r = TestClient(app).get("/api/v2/meetings/upcoming")
+    assert r.status_code == 401, r.text
+
+
+def _seed_calendar_collection(client, days_ahead: int, title: str = "Sync weekly"):
+    """Calendar link + dated rows (what the Google/CalDAV sync produces)."""
+    from app.db import get_conn
+
+    day = (datetime.now(UTC).date() + timedelta(days=days_ahead)).isoformat()
+    with get_conn() as conn:
+        cid = conn.execute(
+            "INSERT INTO collections (name) VALUES ('Agenda')"
+        ).lastrowid
+        prop = conn.execute(
+            "INSERT INTO collection_properties (collection_id, name, prop_type) "
+            "VALUES (?, 'Date', 'date')",
+            (cid,),
+        ).lastrowid
+        past = conn.execute(
+            "INSERT INTO collection_pages (collection_id, title, external_event_id) "
+            "VALUES (?, 'Last week sync', 'ext-old')",
+            (cid,),
+        ).lastrowid
+        conn.execute(
+            "INSERT INTO collection_pages (collection_id, title, external_event_id) "
+            "VALUES (?, ?, 'ext-new')",
+            (cid, title),
+        )
+        conn.execute(
+            "UPDATE collection_pages SET property_values_json=? WHERE collection_id=?",
+            (json.dumps({str(prop): day}), cid),
+        )
+        conn.execute(
+            "UPDATE collection_pages SET property_values_json=? WHERE id=?",
+            (json.dumps({str(prop): "2000-01-01"}), past),
+        )
+        conn.execute(
+            "INSERT INTO calendar_links (user_id, provider, tokens_enc, calendar_id, "
+            "collection_id, date_property) VALUES (1, 'google', '{}', 'primary', ?, ?)",
+            (cid, str(prop)),
+        )
+        conn.commit()
+    return cid
+
+
+def test_upcoming_lists_only_current_and_future_events(client):
+    _seed_calendar_collection(client, 3, "Roadmap review")
+    r = client.get("/api/v2/meetings/upcoming?days=30")
+    assert r.status_code == 200, r.text
+    data = r.json()
+    titles = [e["title"] for e in data["events"]]
+    assert titles == ["Roadmap review"], titles
+    ev = data["events"][0]
+    assert ev["provider"] == "google"
+    assert ev["synced"] is True
+    assert ev["today"] is False
+    assert ev["url"] == f"/db/{ev['collection_id']}"
+    assert data["today"] == datetime.now(UTC).date().isoformat()
+
+
+def test_upcoming_today_filter_flag(client):
+    _seed_calendar_collection(client, 0, "Standup")
+    events = client.get("/api/v2/meetings/upcoming").json()["events"]
+    assert [e["title"] for e in events] == ["Standup"]
+    assert events[0]["today"] is True
+
+
+def test_upcoming_ignores_events_beyond_the_horizon(client):
+    _seed_calendar_collection(client, 200, "Far future")
+    r = client.get("/api/v2/meetings/upcoming?days=7")
+    assert r.json()["events"] == []
+    assert client.get("/api/v2/meetings/upcoming?days=365").json()["events"]
+
+
+def test_upcoming_is_empty_without_a_calendar_link(client):
+    r = client.get("/api/v2/meetings/upcoming")
+    assert r.status_code == 200
+    assert r.json() == {"today": datetime.now(UTC).date().isoformat(),
+                        "days": 30, "events": [], "count": 0}
+
+
+def test_upcoming_validates_and_clamps_the_horizon(client):
+    r = client.get("/api/v2/meetings/upcoming?days=abc")
+    assert r.status_code == 422, r.text  # FastAPI refuse un horizon non entier
+    assert client.get("/api/v2/meetings/upcoming?days=0").json()["days"] == 1
+    assert client.get("/api/v2/meetings/upcoming?days=9999").json()["days"] == 365
+
+
+def test_upcoming_is_scoped_to_the_owner_of_the_link(client):
+    """Un autre utilisateur ne voit pas les événements d'un lien qui n'est pas
+    le sien (le WHERE user_id= filtre sur calendar_links)."""
+    from app.db import get_conn
+
+    _seed_calendar_collection(client, 1, "Private sync")
+    with get_conn() as conn:
+        other = conn.execute(
+            "INSERT INTO users (login, password_hash) VALUES ('someone-else', 'x')"
+        ).lastrowid
+        conn.execute("UPDATE calendar_links SET user_id=?", (other,))
+        conn.commit()
+    assert client.get("/api/v2/meetings/upcoming").json()["events"] == []

tests/test_smoke_uncovered.py

@@ -453,7 +453,10 @@ def test_dashboard_page_content_rename_trash(client):
                 "SELECT title, parent_section, deleted_at FROM pages WHERE id=?", (pid,)
             ).fetchone()
         assert row["title"] == "Renommée A32"
-        assert row["parent_section"] == "Trash" and row["deleted_at"] is not None
+        # v7.45.5 : parent_section n'est PLUS réécrit en 'Trash' (deleted_at est
+        # la source de vérité) — l'ancienne assertion codait le bug : la page
+        # restaurée restait 'Trash' et disparaissait de Library/Recents/Private.
+        assert row["parent_section"] != "Trash" and row["deleted_at"] is not None
     finally:
         with get_conn() as conn:
             conn.execute("DELETE FROM pages WHERE id=?", (pid,))
@@ -1120,11 +1123,15 @@ def test_dashboard_collection_table_data_and_row_create(client):
 
 
 def test_dashboard_workspace_select_and_breadcrumb(client):
-    # select : cookie positionné + shape
-    r = client.post("/api/workspaces/1/select")
+    # v7.46.0 : le select exige la session ET un workspace existant
+    # (avant : 200 + cookie sur un id inexistant, et 200 en anonyme).
+    ws_id = client.post("/api/workspaces", json={"name": "Smoke WS"}).json()["id"]
+    r = client.post(f"/api/workspaces/{ws_id}/select")
     assert r.status_code == 200
-    assert r.json() == {"status": "ok", "workspace_id": 1}
+    assert r.json() == {"status": "ok", "workspace_id": ws_id}
     assert "flowdeck_workspace" in r.headers.get("set-cookie", "")
+    # un workspace inexistant est refusé (404), pas de cookie fantôme
+    assert client.post("/api/workspaces/999999/select").status_code == 404
     # breadcrumb d'un dossier inexistant → liste (shape)
     b = client.get("/api/local-workspace/breadcrumb", params={"folder": 999999})
     assert b.status_code == 200

tests/test_trash_api.py

@@ -0,0 +1,123 @@
+"""Trash — v7.45.5.
+
+Trois régressions couvertes :
+1. les routes trash n'avaient AUCUNE vérification de session (le CSRF seul ne
+   protège pas : cookie lisible + en-tête forgé) ;
+2. la suppression depuis l'éditeur réécrivait ``parent_section='Trash'`` et la
+   restauration ne le remettait pas → page invisible en Library/Recents/Private ;
+3. ``POST /board/api/trash/empty`` (purge totale) n'existait pas.
+"""
+from tests.conftest import anon_csrf, login_test_client
+
+
+def _mk_page(title="To trash", workspace="bruno/flowdeck", section="Private", parent_id=None):
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        cur = conn.execute(
+            "INSERT INTO pages (workspace, title, content, content_format, parent_section, parent_id) "
+            "VALUES (?, ?, '', 'blocks', ?, ?)",
+            (workspace, title, section, parent_id),
+        )
+        conn.commit()
+        return cur.lastrowid
+
+
+def _row(page_id):
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        return conn.execute(
+            "SELECT parent_section, deleted_at FROM pages WHERE id=?", (page_id,)
+        ).fetchone()
+
+
+def test_trash_requires_session(client):
+    pid = _mk_page()
+    anon_csrf(client)  # anonyme mais CSRF valide → on veut le 401, pas le 403
+
+    assert client.get("/board/api/trash").status_code == 401
+    assert client.post(f"/api/pages/{pid}/trash").status_code == 401
+    assert client.post(f"/board/api/trash/{pid}/restore").status_code == 401
+    assert client.delete(f"/board/api/trash/{pid}").status_code == 401
+    assert client.post("/board/api/trash/empty").status_code == 401
+    # rien n'a été touché
+    row = _row(pid)
+    assert row["deleted_at"] is None
+
+
+def test_soft_delete_then_restore_keeps_section(client):
+    login_test_client(client)
+    pid = _mk_page(title="Restore me")
+
+    r = client.post(f"/api/pages/{pid}/trash")
+    assert r.status_code == 200
+    row = _row(pid)
+    assert row["deleted_at"], "la page doit être marquée supprimée"
+    assert row["parent_section"] != "Trash", "parent_section ne doit plus être réécrit"
+
+    items = client.get("/board/api/trash").json()
+    hit = next((i for i in items if i["id"] == pid), None)
+    assert hit, "la page doit apparaître dans la poubelle"
+    assert hit["deleted_at"] and hit["path"] and hit["icon"]
+
+    r = client.post(f"/board/api/trash/{pid}/restore")
+    assert r.status_code == 200
+    row = _row(pid)
+    assert row["deleted_at"] is None
+    assert row["parent_section"] != "Trash"
+    assert not any(i["id"] == pid for i in client.get("/board/api/trash").json())
+
+
+def test_permanent_delete(client):
+    login_test_client(client)
+    pid = _mk_page(title="Gone for good")
+    client.post(f"/api/pages/{pid}/trash")
+
+    assert client.delete(f"/board/api/trash/{pid}").status_code == 200
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        assert conn.execute("SELECT COUNT(*) FROM pages WHERE id=?", (pid,)).fetchone()[0] == 0
+
+
+def test_empty_trash_purges_only_trashed(client):
+    login_test_client(client)
+    ids = [_mk_page(title=f"purge-{i}") for i in range(3)]
+    keep = _mk_page(title="keep-me")
+    for pid in ids:
+        client.post(f"/api/pages/{pid}/trash")
+
+    r = client.post("/board/api/trash/empty")
+    assert r.status_code == 200
+    assert r.json()["deleted"] == 3
+
+    from app.db import get_conn
+
+    with get_conn() as conn:
+        placeholders = ",".join("?" * len(ids))
+        assert conn.execute(
+            f"SELECT COUNT(*) FROM pages WHERE id IN ({placeholders})", ids
+        ).fetchone()[0] == 0
+        assert conn.execute("SELECT COUNT(*) FROM pages WHERE id=?", (keep,)).fetchone()[0] == 1
+
+
+def test_boot_repairs_restored_rows_marked_trash(client):
+    """Le correctif de db.init_db() remet en 'Private' les pages restaurées que
+    l'ancien soft-delete laissait marquées 'Trash' (donc invisibles partout)."""
+    login_test_client(client)
+    from app.db import get_conn, init_db
+
+    with get_conn() as conn:
+        cur = conn.execute(
+            "INSERT INTO pages (workspace, title, content, content_format, parent_section) "
+            "VALUES ('', 'ghost', '', 'blocks', 'Trash')"
+        )
+        conn.commit()
+        pid = cur.lastrowid
+
+    init_db()
+
+    with get_conn() as conn:
+        row = conn.execute("SELECT parent_section FROM pages WHERE id=?", (pid,)).fetchone()
+    assert row["parent_section"] == "Private"