feat: Ajout auteur, œuvre et hiérarchie dans header section

- Badge auteur (récupéré du premier chunk de la section)
- Badge œuvre (récupéré du premier chunk de la section)
- Hiérarchie complète avec icône 🗂️ (chapterTitle du premier chunk)
  Ex: "Peirce: CP 7.316"
- Fond beige léger pour la hiérarchie
- Affichage au-dessus du titre de section

Structure header de section:
1. Auteur + Œuvre (badges)
2. Titre section avec icône 📂
3. Hiérarchie complète (chapterTitle)
4. Similarité + nombre passages
5. Résumé LLM
6. Concepts
This commit is contained in:
2026-01-01 23:54:44 +01:00
parent 9c63ef84da
commit 6a2ec10d7b

View File

@@ -181,11 +181,33 @@
<div class="section-group" style="margin-bottom: 2.5rem; border: 2px solid rgba(125, 110, 88, 0.3); border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(125, 110, 88, 0.12);">
<!-- Section header (fond beige distinct) -->
<div class="section-header" style="margin: 0; padding: 1.25rem 1.5rem; background: linear-gradient(135deg, rgba(125, 110, 88, 0.12) 0%, rgba(125, 110, 88, 0.06) 100%); border-bottom: 3px solid var(--color-accent);">
<div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap;">
<span style="font-size: 1.3em; color: var(--color-accent);">📂</span>
<h4 style="margin: 0; font-size: 1.2em; font-weight: 600; color: var(--color-text-strong); font-family: var(--font-title);">Section : {{ section.title[:120] }}{% if section.title|length > 120 %}...{% endif %}</h4>
<!-- Auteur et œuvre (récupérés du premier chunk) -->
{% if section.chunks and section.chunks[0].work %}
<div style="display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; flex-wrap: wrap;">
{% if section.chunks[0].work.author %}
<span class="badge badge-author">{{ section.chunks[0].work.author }}</span>
{% endif %}
{% if section.chunks[0].work.title %}
<span class="badge badge-work">{{ section.chunks[0].work.title }}</span>
{% endif %}
</div>
<div style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;">
{% endif %}
<!-- Titre section + icône -->
<div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; flex-wrap: wrap;">
<span style="font-size: 1.3em; color: var(--color-accent);">📂</span>
<h4 style="margin: 0; font-size: 1.2em; font-weight: 600; color: var(--color-text-strong); font-family: var(--font-title);">{{ section.title[:120] }}{% if section.title|length > 120 %}...{% endif %}</h4>
</div>
<!-- Hiérarchie (chapter title du premier chunk) -->
{% if section.chunks and section.chunks[0].chapterTitle %}
<div style="margin-bottom: 0.75rem;">
<span style="font-size: 0.9em; color: var(--color-accent); font-family: monospace; background: rgba(125, 110, 88, 0.08); padding: 0.25rem 0.5rem; border-radius: 4px;">🗂️ {{ section.chunks[0].chapterTitle }}</span>
</div>
{% endif %}
<!-- Badges similarité et nombre passages -->
<div style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.75rem;">
<span class="badge badge-similarity">⚡ {{ section.similarity }}% similaire</span>
<span class="badge" style="background-color: var(--color-accent); color: white; font-weight: 500;">{{ section.chunks_count }} passage{% if section.chunks_count > 1 %}s{% endif %}</span>
</div>