feat(timeline): full form UI with engine selection and advanced settings

Add 4-language switcher (EN/NO/UK/PL), engine choice (Azure mini/full,
GPU/cuttlefish), and expandable Advanced panel (Focus, Confidence filter,
Date types) to timeline.php. Wire new params through api/timeline.php and
LegalTools::timeline() with engine routing, focus-aware prompt injection,
and confidence/date-type post-filters. Add TIMELINE_I18N to tools.js with
improved renderTimeline() confidence colour-coding and new CSS classes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-15 00:59:12 +02:00
parent 30915bcb09
commit 7690ed17ee
5 changed files with 455 additions and 35 deletions
+45 -5
View File
@@ -362,25 +362,65 @@ p {
.timeline-list {
display: grid;
gap: 10px;
padding-left: 20px;
padding-left: 0;
list-style: none;
}
.timeline-list li {
padding-left: 4px;
.timeline-item {
padding: 10px 12px 10px 14px;
border-left: 4px solid var(--line);
border-radius: 0 6px 6px 0;
background: var(--bg-card, #fff);
}
.timeline-list span {
.timeline-item.confidence-high { border-left-color: #16a34a; }
.timeline-item.confidence-medium { border-left-color: #d97706; }
.timeline-item.confidence-low { border-left-color: #9ca3af; opacity: 0.75; font-style: italic; }
.timeline-header {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 4px;
}
.timeline-date {
font-size: 0.95rem;
}
.timeline-actor {
display: block;
color: var(--teal-dark);
font-weight: 700;
font-size: 0.85rem;
margin-bottom: 3px;
}
.timeline-list small {
.timeline-event {
margin: 4px 0;
}
.timeline-excerpt {
display: block;
margin-top: 5px;
color: var(--muted);
font-size: 0.82rem;
}
.confidence-badge {
font-size: 0.7rem;
font-weight: 600;
padding: 1px 6px;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-style: normal;
}
.confidence-badge--high { background: #dcfce7; color: #15803d; }
.confidence-badge--medium { background: #fef3c7; color: #b45309; }
.confidence-badge--low { background: #f3f4f6; color: #6b7280; }
.redacted-output {
max-height: 420px;
overflow: auto;