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;