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>
This commit is contained in:
Yvv
2026-03-17 00:48:20 +01:00
parent 290548703d
commit ed9ed11cd4
24 changed files with 295 additions and 522 deletions

View File

@@ -410,13 +410,9 @@ const n8nWorkflows = [
<!-- Toolbox sidebar -->
<template #toolbox>
<!-- Workflow milestones -->
<div class="toolbox-block">
<div class="toolbox-block__head">
<UIcon name="i-lucide-git-branch" />
<span>Jalons de protocole</span>
</div>
<ToolboxSection title="Jalons de protocole" icon="i-lucide-git-branch">
<WorkflowMilestones />
</div>
</ToolboxSection>
<!-- Simulateur -->
<ToolboxVignette
@@ -428,11 +424,7 @@ const n8nWorkflows = [
/>
<!-- n8n Workflows -->
<div class="n8n-section">
<div class="n8n-section__head">
<UIcon name="i-lucide-workflow" class="text-xs" />
<span>Automatisations</span>
</div>
<ToolboxSection title="Automatisations" icon="i-lucide-workflow">
<div class="n8n-workflows">
<div
v-for="wf in n8nWorkflows"
@@ -456,7 +448,7 @@ const n8nWorkflows = [
</div>
</div>
</div>
</div>
</ToolboxSection>
<!-- Meta-gouvernance -->
<ToolboxVignette
@@ -850,52 +842,6 @@ const n8nWorkflows = [
font-family: inherit !important;
}
/* Toolbox blocks */
.toolbox-block {
background: var(--mood-accent-soft);
border-radius: 14px;
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.toolbox-block__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 800;
color: var(--mood-accent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* --- n8n Section --- */
.n8n-section {
background: var(--mood-accent-soft);
border-radius: 12px;
padding: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.n8n-section__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 700;
color: var(--mood-tertiary, var(--mood-accent));
}
.n8n-section__desc {
font-size: 0.75rem;
color: var(--mood-text-muted);
margin: 0;
}
.n8n-workflows {
display: flex;
flex-direction: column;