fix: /local-workspace — chemin du header + clic sur un dossier du sidebar (v7.69.9)

Corrige deux régressions de /local-workspace :

- le chemin du header restait bloqué sur « Home / <workspace> » quel que
  soit le dossier affiché : la route rend désormais breadcrumb_items
  (Home / <workspace> / <dossier> / <sous-dossier>, niveaux cliquables,
  collapse « … » au-delà de 4) et la navigation sans rechargement recalcule
  le chemin via l'event flowdeck:breadcrumb-changed ;
- le clic sur un dossier du sidebar affichait TOUS les composants à la
  fois : Alpine.data('wsInitData') retournait le même objet singleton, le
  2e montage (navigation partielle) levait « Cannot redefine property:
  \ » et initTree abandonnait, laissant tout le contenu au state
  brut. La factory retourne désormais une enveloppe fraîche par montage
  qui délègue à l'état réactif partagé. #lw-config est aussi relu à chaque
  exécution (le 2e montage gardait le folder_id du 1er chargement).

Inclus également le travail en cours de l'arbre : Library (colonnes Last
visited/Source, ordre d'en-tête, favoris à icônes Workspace), Meeting
Notes (bloc, CSS, routes, docs), coloration de code hljs, badges
favori/publié dans l'arbre local-workspace, docs (DATA_MODEL,
architectures) et tests associés.

static/css/app.css

@@ -540,41 +540,42 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
 .sidebar-item.empty-hint:hover { background: none; }
 .sidebar-item.empty-hint .page-name { font-size: 12px; }
 
-/* Shared subgroups (Par moi / Avec moi) */
+/* Shared subgroups (Par moi / Avec moi) — compact */
 .sidebar-subgroup {
-  padding-top: 2px;
+  padding-top: 1px;
 }
 .sidebar-subgroup + .sidebar-subgroup {
-  margin-top: 6px;
-  padding-top: 6px;
+  margin-top: 4px;
+  padding-top: 4px;
   border-top: 1px solid var(--border);
 }
 .sidebar-subgroup-label {
   display: flex;
   align-items: center;
   gap: 6px;
-  padding: 4px 8px;
-  font-size: 11px;
+  padding: 2px 8px;
+  font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   color: var(--text-tertiary);
 }
 
-/* Sections */
+/* Sections — compact (v7.70 : une seule ouverte à la fois, paddings réduits) */
 .sidebar-section {
-  padding: var(--space-xs) var(--space-md);
+  padding: 1px 6px;
 }
 
 .sidebar-section-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 4px 6px;
+  padding: 3px 4px;
   border-radius: var(--radius-sm);
   cursor: pointer;
   transition: background var(--transition);
   user-select: none;
+  min-height: 24px;
 }
 
 .sidebar-section-header:hover {
@@ -589,8 +590,8 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
 .sidebar-section-title {
   display: flex;
   align-items: center;
-  gap: 3px;
-  font-size: 12px;
+  gap: 2px;
+  font-size: 11px;
   font-weight: 600;
   color: var(--text-dim);
   text-transform: none;
@@ -754,6 +755,10 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
 /* Customize Sidebar Panel */
 .sidebar-customize-panel {
   padding: 8px 12px;
+  /* v7.69.6 : au-dessus de .customize-overlay (z 998) — sinon chaque clic,
+     même sur le panneau, touche l'overlay qui referme le mode customize. */
+  position: relative;
+  z-index: 999;
 }
 
 .scp-header {
@@ -853,14 +858,14 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
   display: flex;
   align-items: center;
   gap: 4px;
-  padding: 2px 4px;
+  padding: 1px 4px;
   padding-left: 4px;
   border-radius: var(--radius-sm);
-  font-size: 13px;
+  font-size: 12.5px;
   color: var(--text-primary);
   cursor: pointer;
   transition: background var(--transition);
-  min-height: 24px;
+  min-height: 22px;
 }
 
 .sidebar-item:hover {
@@ -1037,6 +1042,80 @@ html.fd-sidebar-collapsed .editor-statusbar { left: 0; }
   color: var(--text-secondary);
 }
 
+/* ── Bouton "New" + popover "Create new" (v7.70, style Notion) ──
+   Popover ouvert vers le haut, bouton pilule en bas de la sidebar. */
+.fd-new-wrap {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+.fd-new-btn {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 8px 16px;
+  border-radius: 20px;
+  background: var(--bg-hover);
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 500;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: background 150ms, border-color 150ms;
+}
+.fd-new-btn:hover,
+.fd-new-btn.open {
+  background: var(--bg-active);
+  border-color: var(--border-light);
+}
+.fd-new-popover {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 0;
+  right: 0;
+  background: var(--bg-modal);
+  border: 1px solid var(--border-light);
+  border-radius: 10px;
+  box-shadow: 0 8px 24px rgba(0,0,0,.35);
+  padding: 6px;
+  z-index: 500;
+  animation: fd-new-pop-in 150ms ease-out;
+  transform-origin: bottom center;
+}
+@keyframes fd-new-pop-in {
+  from { opacity: 0; transform: translateY(6px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.fd-new-pop-header {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-dim);
+  padding: 6px 10px 4px;
+}
+.fd-new-pop-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: transparent;
+  border: none;
+  color: var(--text-secondary);
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+  transition: background 120ms, color 120ms;
+}
+.fd-new-pop-item:hover,
+.fd-new-pop-item.active {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+.fd-new-pop-item svg { flex-shrink: 0; }
+
 /* ═══════════════════════════════════════════════════════════
    CONTEXT MENU
    ═══════════════════════════════════════════════════════════ */
@@ -2654,6 +2733,35 @@ button.breadcrumb-current { max-width: 260px; }
   background: var(--bg-tertiary);
   border-bottom: 1px solid var(--border);
 }
+.code-lang-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.code-lang-select {
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-dim);
+  cursor: pointer;
+  padding: 0;
+  max-width: 220px;
+}
+.code-lang-select:hover {
+  color: var(--text-primary);
+}
+.code-lang-select option {
+  background: var(--bg-modal, #1f1f1f);
+  color: var(--text-primary, #eee);
+  font-weight: 400;
+}
+/* highlight.js inside editor code blocks: theme colors the tokens,
+   the block keeps its app surface (transparent hljs background). */
+.block-code code.hljs {
+  background: transparent;
+}
 .block-code pre {
   margin: 0;
   padding: 12px 16px;

static/css/highlight.css

@@ -0,0 +1,23 @@
+/* FlowDeck — highlight.js themes (cdnjs 11.9.0): github (light) + github-dark scoped on html[data-theme="dark"] */
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
+html[data-theme="dark"] pre code.hljs{display:block;overflow-x:auto;padding:1em}html[data-theme="dark"] code.hljs{padding:3px 5px}html[data-theme="dark"] /*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}html[data-theme="dark"] .hljs-doctag, html[data-theme="dark"] .hljs-keyword, html[data-theme="dark"] .hljs-meta .hljs-keyword, html[data-theme="dark"] .hljs-template-tag, html[data-theme="dark"] .hljs-template-variable, html[data-theme="dark"] .hljs-type, html[data-theme="dark"] .hljs-variable.language_{color:#ff7b72}html[data-theme="dark"] .hljs-title, html[data-theme="dark"] .hljs-title.class_, html[data-theme="dark"] .hljs-title.class_.inherited__, html[data-theme="dark"] .hljs-title.function_{color:#d2a8ff}html[data-theme="dark"] .hljs-attr, html[data-theme="dark"] .hljs-attribute, html[data-theme="dark"] .hljs-literal, html[data-theme="dark"] .hljs-meta, html[data-theme="dark"] .hljs-number, html[data-theme="dark"] .hljs-operator, html[data-theme="dark"] .hljs-selector-attr, html[data-theme="dark"] .hljs-selector-class, html[data-theme="dark"] .hljs-selector-id, html[data-theme="dark"] .hljs-variable{color:#79c0ff}html[data-theme="dark"] .hljs-meta .hljs-string, html[data-theme="dark"] .hljs-regexp, html[data-theme="dark"] .hljs-string{color:#a5d6ff}html[data-theme="dark"] .hljs-built_in, html[data-theme="dark"] .hljs-symbol{color:#ffa657}html[data-theme="dark"] .hljs-code, html[data-theme="dark"] .hljs-comment, html[data-theme="dark"] .hljs-formula{color:#8b949e}html[data-theme="dark"] .hljs-name, html[data-theme="dark"] .hljs-quote, html[data-theme="dark"] .hljs-selector-pseudo, html[data-theme="dark"] .hljs-selector-tag{color:#7ee787}html[data-theme="dark"] .hljs-subst{color:#c9d1d9}html[data-theme="dark"] .hljs-section{color:#1f6feb;font-weight:700}html[data-theme="dark"] .hljs-bullet{color:#f2cc60}html[data-theme="dark"] .hljs-emphasis{color:#c9d1d9;font-style:italic}html[data-theme="dark"] .hljs-strong{color:#c9d1d9;font-weight:700}html[data-theme="dark"] .hljs-addition{color:#aff5b4;background-color:#033a16}html[data-theme="dark"] .hljs-deletion{color:#ffdcd7;background-color:#67060c}
+/* FlowDeck tweaks: keep code blocks integrated with app surfaces */
+.hljs{background:transparent;}

static/css/meeting.css

@@ -0,0 +1,180 @@
+/* FlowDeck — AI Meeting Notes, panneau façon Notion (v7.1.1).
+ * Coquille fixe : en-tête / rangée onglets+contrôles / corps / pied (§3B.9).
+ * Tout le contenu du corps est aligné sur la marge gauche des onglets ;
+ * tout ce qui est « action globale » est aligné à droite. */
+
+.fm-tabs { display: flex; gap: 2px; align-items: center; }
+.fm-tab {
+  background: none; border: none; color: var(--text-dim); font-size: 12.5px;
+  cursor: pointer; padding: 6px 12px; border-radius: 99px; font-weight: 500;
+  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
+}
+.fm-tab.active { background: var(--bg-tertiary); color: var(--text-primary); }
+.fm-mic {
+  font-size: 10px; border: 1px solid var(--border); border-radius: 4px;
+  padding: 0 3px; font-style: normal;
+}
+.fm-tab.active .fm-mic { border-color: var(--accent); color: var(--accent); }
+
+.fm-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
+.fm-controls { display: flex; align-items: center; gap: 6px; margin-left: auto; position: relative; }
+.fm-icon {
+  background: none; border: none; color: var(--text-dim); cursor: pointer;
+  font-size: 14px; padding: 5px 7px; border-radius: 6px; line-height: 1;
+}
+.fm-icon:hover { background: var(--bg-hover); color: var(--text-primary); }
+
+/* Bouton de démarrage à menu (split button) */
+.fm-split { display: flex; position: relative; }
+.fm-start { border-radius: 8px 0 0 8px !important; }
+.fm-chevron { border-radius: 0 8px 8px 0 !important; border-left: 1px solid rgba(255,255,255,.35) !important; padding: 7px 9px !important; }
+.fm-menu {
+  position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
+  background: var(--bg-modal); border: 1px solid var(--border);
+  border-radius: 10px; box-shadow: var(--shadow-modal);
+  padding: 8px; min-width: 280px;
+}
+.fm-menu-label { font-size: 11px; color: var(--text-dim); text-transform: uppercase; letter-spacing: .4px; padding: 6px 8px 2px; }
+.fm-menu-item {
+  display: block; width: 100%; text-align: left; background: none; border: none;
+  color: var(--text-primary); font-size: 13px; padding: 7px 8px; border-radius: 6px; cursor: pointer;
+}
+.fm-menu-item:hover { background: var(--bg-hover); }
+.fm-menu-item.sel { color: var(--accent); font-weight: 600; }
+.fm-menu-row { display: flex; gap: 6px; }
+.fm-menu-row .fm-menu-item { width: auto; }
+.fm-menu-check { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--text-secondary); padding: 8px; cursor: pointer; }
+.fm-setup {
+  display: flex; flex-direction: column; gap: 3px;
+  font-size: 12.5px; color: var(--text-secondary);
+  padding: 2px 8px 6px;
+}
+/* Bande de vérification pré-enregistrement (toujours visible à l'état idle) */
+.fm-setupstrip {
+  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
+  font-size: 12px; color: var(--text-secondary);
+  border: 1px dashed var(--border); border-radius: 8px; padding: 6px 10px;
+}
+.fm-dim { color: var(--text-dim); }
+
+/* Enregistrement : onde + chrono + pastilles */
+.fm-wave { height: 30px; width: 140px; }
+.fm-timer { font-family: monospace; font-size: 12px; color: var(--text-secondary); min-width: 44px; text-align: center; }
+.fm-btn-stop { color: #e5484d; }
+.fm-paused-badge {
+  font-size: 11px; padding: 3px 10px; border-radius: 99px;
+  background: #f5a62333; color: #f5a623; white-space: nowrap;
+}
+.fm-thinking {
+  font-size: 11.5px; padding: 4px 12px; border-radius: 99px;
+  background: var(--bg-tertiary); color: var(--text-primary); white-space: nowrap;
+}
+
+/* Panneau réglages */
+.fm-settings {
+  border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px;
+  display: flex; flex-direction: column; gap: 8px; background: var(--bg-tertiary);
+}
+.fm-set-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--text-secondary); }
+.fm-set-row select {
+  background: var(--bg-tertiary); color: var(--text-primary);
+  border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px; font-size: 12.5px;
+}
+.fm-chip {
+  background: var(--bg-tertiary); border: 1px solid var(--border);
+  color: var(--text-secondary); border-radius: 99px; padding: 4px 12px;
+  font-size: 12px; cursor: pointer;
+}
+.fm-chip.active { color: var(--text-primary); border-color: var(--accent); }
+
+/* Corps */
+.fm-body { display: flex; flex-direction: column; gap: 8px; }
+.fm-promise { color: var(--text-dim); font-size: 13px; padding: 2px 0; }
+.fm-hint { color: var(--text-dim); font-size: 12px; }
+.fm-head { display: flex; align-items: center; gap: 6px; }
+.fm-cal { color: var(--text-dim); font-size: 16px; }
+.fm-chev { color: var(--text-dim); font-size: 11px; }
+.fm-rule { height: 1px; background: var(--border); margin: 0 -2px; }
+
+/* Étapes Thinking */
+.fm-steps { display: flex; flex-direction: column; gap: 6px; padding: 4px 0; }
+.fm-step { display: flex; gap: 10px; align-items: baseline; font-size: 13px; color: var(--text-dim); }
+.fm-step.done { color: var(--text-secondary); }
+.fm-step.running { color: var(--text-primary); font-weight: 600; }
+.fm-step.failed { color: #e5484d; }
+.fm-step-ico { width: 18px; text-align: center; }
+
+/* Barre de diffusion */
+.fm-sharebar {
+  border: 1px solid var(--border); border-radius: 8px; padding: 8px 12px;
+  display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;
+  font-size: 13px; font-weight: 600;
+}
+.fm-share-btns { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
+.fm-chipbtn { font-size: 12px; padding: 5px 10px; font-weight: 500; }
+
+/* Résumé structuré */
+.fm-summary { display: flex; flex-direction: column; }
+.fm-sum-sec h4 { font-size: 13.5px; font-weight: 700; margin: 10px 0 4px; color: var(--text-primary); }
+.fm-bullet { display: flex; gap: 8px; padding: 3px 0; font-size: 13px; line-height: 1.5; }
+.fm-bullet > span { flex: 1; }
+.fm-cite {
+  background: none; border: none; color: var(--accent); cursor: pointer;
+  font-size: 11px; vertical-align: super; padding: 0 1px; font-weight: 700;
+}
+.fm-cite:hover { text-decoration: underline; }
+.fm-cite-static { color: var(--accent); font-size: 11px; vertical-align: super; }
+.fm-sum-note { color: var(--text-dim); font-size: 12px; font-style: italic; margin-top: 8px; }
+.fm-class {
+  font-size: 12px; color: #f5a623; background: #f5a62314;
+  border: 1px solid #f5a62344; border-radius: 8px; padding: 6px 10px;
+}
+
+/* Transcript groupé par source + rail temporel */
+.fm-src { color: var(--text-dim); font-size: 12.5px; margin-top: 8px; }
+.fm-seg { display: flex; gap: 8px; padding: 2px 0; font-size: 13px; border-radius: 6px; }
+.fm-seg .fm-ts { color: var(--text-dim); font-family: monospace; font-size: 11px; flex-shrink: 0; width: 34px; padding-top: 3px; }
+.fm-rail { width: 2px; background: var(--border); border-radius: 2px; flex-shrink: 0; }
+.fm-seg-body { flex: 1; min-width: 0; }
+.fm-who {
+  background: none; border: none; color: var(--accent); font-weight: 600;
+  cursor: pointer; font-size: 12.5px; padding: 0 6px 0 0;
+}
+.fm-who:hover { text-decoration: underline; }
+.fm-flash { background: #2383e233; }
+
+/* Pied de bloc + bandeau */
+.fm-foot {
+  display: flex; align-items: center; gap: 10px; font-size: 12px;
+  color: var(--text-dim); flex-wrap: wrap;
+}
+.fm-foot select {
+  background: transparent; color: var(--text-primary);
+  border: 1px solid transparent; border-radius: 6px; font-size: 12px; cursor: pointer;
+}
+.fm-foot select:hover { border-color: var(--border); }
+.fm-sep { opacity: .5; }
+.fm-consent { flex: 1; min-width: 180px; }
+.fm-foot-icons { display: flex; gap: 2px; margin-left: auto; }
+.fm-banner {
+  display: flex; align-items: center; justify-content: space-between; gap: 8px;
+  font-size: 12px; color: var(--text-secondary);
+  border-top: 1px solid var(--border); padding-top: 8px;
+}
+.fm-warn {
+  font-size: 12.5px; color: #f5a623; background: #f5a62314;
+  border: 1px solid #f5a62344; border-radius: 8px; padding: 7px 10px;
+}
+.fm-manual { font-size: 12.5px; color: var(--text-secondary); }
+.fm-manual summary { cursor: pointer; color: var(--text-dim); padding: 4px 0; }
+.fm-manual-row { display: flex; gap: 8px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
+
+/* Hub Meetings : recherche */
+.sb-search-row { padding: 0 8px 6px; }
+.sb-search-input {
+  width: 100%; box-sizing: border-box; background: var(--bg-tertiary);
+  border: 1px solid var(--border); border-radius: 6px; color: var(--text-primary);
+  font-size: 12px; padding: 5px 9px; outline: none;
+}
+.sb-search-input:focus { border-color: var(--accent); }
+.sb-search-input::-webkit-search-cancel-button { cursor: pointer; }