Toolbox 30rem sticky + accordéons collapsibles + renommage libreDecision

- Boîte à outils élargie à 30rem (×1.75) — flottante sticky, zéro scroll visible
- ToolboxSection : nouveau composant accordéon générique (chevron, défaut fermé)
- ToolboxVignette : titre cliquable, bullets/actions cachés par défaut
- 4 pages : ContextMapper/SocioElection/WorkflowMilestones/inertie → ToolboxSection
- Suppression doublon SectionLayout (common/) — conflit de nommage résolu
- Renommage complet Glibredecision → libreDecision dans configs/docker/CI
- README.md + CONTRIBUTING.md ajoutés

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/app/components/common/ToolboxVignette.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 /**
- * ToolboxVignette — Carte compacte, bullet points, bouton Demarrer.
+ * ToolboxVignette — Carte compacte, collapsible, bullet points + actions.
  */
 
 export interface ToolboxAction {
@@ -16,10 +16,12 @@ const props = withDefaults(
     title: string
     bullets?: string[]
     actions?: ToolboxAction[]
+    defaultOpen?: boolean
   }>(),
   {
     bullets: undefined,
     actions: undefined,
+    defaultOpen: false,
   },
 )
 
@@ -27,6 +29,8 @@ const emit = defineEmits<{
   action: [actionEmit: string]
 }>()
 
+const open = ref(props.defaultOpen)
+
 const defaultActions: ToolboxAction[] = [
   { label: 'Tutos', icon: 'i-lucide-graduation-cap', emit: 'tutos' },
   { label: 'Formules', icon: 'i-lucide-calculator', emit: 'formules' },
@@ -46,22 +50,27 @@ function handleAction(action: ToolboxAction) {
 </script>
 
 <template>
-  <div class="vignette">
-    <h4 class="vignette__title">{{ title }}</h4>
-    <ul v-if="bullets && bullets.length > 0" class="vignette__bullets">
-      <li v-for="(b, i) in bullets" :key="i">{{ b }}</li>
-    </ul>
-    <div class="vignette__actions">
-      <button
-        v-for="action in resolvedActions"
-        :key="action.label"
-        class="vignette__btn"
-        :class="{ 'vignette__btn--primary': action.primary }"
-        @click="handleAction(action)"
-      >
-        <UIcon v-if="action.icon" :name="action.icon" />
-        <span>{{ action.label }}</span>
-      </button>
+  <div class="vignette" :class="{ 'vignette--open': open }">
+    <button class="vignette__header" @click="open = !open">
+      <h4 class="vignette__title">{{ title }}</h4>
+      <UIcon name="i-lucide-chevron-down" class="vignette__chevron" />
+    </button>
+    <div v-show="open" class="vignette__content">
+      <ul v-if="bullets && bullets.length > 0" class="vignette__bullets">
+        <li v-for="(b, i) in bullets" :key="i">{{ b }}</li>
+      </ul>
+      <div class="vignette__actions">
+        <button
+          v-for="action in resolvedActions"
+          :key="action.label"
+          class="vignette__btn"
+          :class="{ 'vignette__btn--primary': action.primary }"
+          @click="handleAction(action)"
+        >
+          <UIcon v-if="action.icon" :name="action.icon" />
+          <span>{{ action.label }}</span>
+        </button>
+      </div>
     </div>
   </div>
 </template>
@@ -70,19 +79,53 @@ function handleAction(action: ToolboxAction) {
 .vignette {
   background: var(--mood-accent-soft);
   border-radius: 12px;
-  padding: 0.75rem;
+  overflow: hidden;
+}
+
+.vignette__header {
   display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+  align-items: center;
+  width: 100%;
+  padding: 0.625rem 0.75rem;
+  cursor: pointer;
+  text-align: left;
+  gap: 0.375rem;
+  transition: background 0.12s ease;
+}
+
+.vignette__header:hover {
+  background: color-mix(in srgb, var(--mood-accent) 8%, transparent);
 }
 
 .vignette__title {
+  flex: 1;
   font-size: 0.9375rem;
   font-weight: 700;
   color: var(--mood-text);
   margin: 0;
 }
 
+.vignette__chevron {
+  font-size: 0.875rem;
+  color: var(--mood-text-muted);
+  opacity: 0.5;
+  transition: transform 0.2s ease;
+  flex-shrink: 0;
+}
+
+.vignette--open .vignette__chevron {
+  transform: rotate(180deg);
+  opacity: 1;
+  color: var(--mood-accent);
+}
+
+.vignette__content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 0 0.75rem 0.625rem;
+}
+
 .vignette__bullets {
   margin: 0;
   padding: 0 0 0 1rem;