Add Document Discrepancy Finder tool
8-step NDJSON-streaming pipeline that compares two Barnevernet documents: classifies each doc, extracts parties and timelines, cross-references both for contradictions/deletions/additions, retrieves corpus legal context, and synthesises a full discrepancy report with tabbed UI. New files: DiscrepancyAgent.php, api/discrepancy.php, discrepancy.php, discrepancy.js. Modified: FreeTier.php (cost=4), i18n.php (all 4 langs), tool-svgs.php (DC icon), tools.css (dc-* component styles). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -6376,6 +6376,534 @@ body.lt-landing {
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Discrepancy Finder (dc-*) ──────────────────────────────────────────── */
|
||||
|
||||
/* Two upload zones side by side */
|
||||
.dc-upload-pair {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.dc-upload-slot {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.dc-slot-hint {
|
||||
font-weight: 400;
|
||||
color: var(--muted);
|
||||
font-size: 0.86em;
|
||||
}
|
||||
|
||||
.dc-zone input[type="file"] {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Progressive doc meta cards */
|
||||
.dc-doc-meta-pair {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 12px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.dc-doc-meta-card {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 10px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.dc-doc-meta-card__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dc-slot-label {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
color: var(--muted);
|
||||
background: #f3f4f6;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 4px;
|
||||
padding: 2px 7px;
|
||||
}
|
||||
|
||||
.dc-slot-label--a { background: #e8f0fe; color: #2d5fa6; border-color: #c3d4f8; }
|
||||
.dc-slot-label--b { background: var(--soft-coral); color: var(--coral); border-color: #f9c6ae; }
|
||||
|
||||
/* Parties preview (stream-time) */
|
||||
.dc-parties-preview {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dc-parties-chips {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.dc-party-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 600;
|
||||
background: var(--soft-teal);
|
||||
color: var(--teal-dark);
|
||||
border: 1px solid #b2dbd6;
|
||||
border-radius: 999px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.dc-party-chip--more {
|
||||
background: #f3f4f6;
|
||||
color: var(--muted);
|
||||
border-color: var(--line);
|
||||
}
|
||||
|
||||
.dc-parties-count {
|
||||
font-size: 0.8rem;
|
||||
color: var(--muted);
|
||||
margin: 4px 0 0;
|
||||
}
|
||||
|
||||
/* Timeline preview (stream-time) */
|
||||
.dc-timeline-preview {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 0.82rem;
|
||||
color: var(--muted);
|
||||
margin-bottom: 6px;
|
||||
padding: 6px 10px;
|
||||
background: #f7f8fb;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.dc-timeline-preview strong {
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
/* ── Tabs ─────────────────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-tabs {
|
||||
display: grid;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.dc-tab-bar {
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
border-bottom: 2px solid var(--line);
|
||||
margin-bottom: 16px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.dc-tab {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 14px;
|
||||
font-size: 0.84rem;
|
||||
font-weight: 600;
|
||||
color: var(--muted);
|
||||
border: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid transparent;
|
||||
margin-bottom: -2px;
|
||||
white-space: nowrap;
|
||||
transition: color 100ms ease, border-color 100ms ease;
|
||||
}
|
||||
|
||||
.dc-tab:hover { color: var(--ink); }
|
||||
|
||||
.dc-tab.is-active {
|
||||
color: var(--teal-dark);
|
||||
border-bottom-color: var(--teal);
|
||||
}
|
||||
|
||||
.dc-tab-count {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
padding: 0 5px;
|
||||
border-radius: 999px;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 800;
|
||||
background: var(--line);
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.dc-tab.is-active .dc-tab-count {
|
||||
background: var(--soft-teal);
|
||||
color: var(--teal-dark);
|
||||
}
|
||||
|
||||
.dc-tab-panel { display: none; }
|
||||
.dc-tab-panel.is-active { display: block; }
|
||||
|
||||
/* ── Headline finding ─────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-headline {
|
||||
border-left: 4px solid var(--coral);
|
||||
background: var(--soft-coral);
|
||||
border-radius: 0 8px 8px 0;
|
||||
padding: 14px 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.dc-headline__label {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
color: var(--coral);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.dc-headline__text {
|
||||
font-size: 1.0rem;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Discrepancy list (Summary tab) ──────────────────────────────────────── */
|
||||
|
||||
.dc-discrepancies {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.dc-discrepancy {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.dc-discrepancy--contradiction { border-left: 3px solid var(--coral); }
|
||||
.dc-discrepancy--deletion { border-left: 3px solid var(--amber); }
|
||||
.dc-discrepancy--addition { border-left: 3px solid var(--teal); }
|
||||
.dc-discrepancy--date_shift { border-left: 3px solid #8b5cf6; }
|
||||
.dc-discrepancy--changed { border-left: 3px solid var(--amber); }
|
||||
|
||||
.dc-discrepancy__head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.dc-cat-tag {
|
||||
display: inline-block;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
padding: 2px 7px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dc-cat-tag--contradiction { background: var(--soft-coral); color: var(--coral); }
|
||||
.dc-cat-tag--deletion { background: #fffbeb; color: var(--amber); }
|
||||
.dc-cat-tag--addition { background: var(--soft-teal); color: var(--teal-dark); }
|
||||
.dc-cat-tag--date_shift { background: #ede9fe; color: #6d28d9; }
|
||||
.dc-cat-tag--changed { background: #fffbeb; color: var(--amber); }
|
||||
|
||||
.dc-severity {
|
||||
display: inline-block;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
border-radius: 999px;
|
||||
padding: 2px 9px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dc-sev--high { background: var(--soft-coral); color: var(--coral); border: 1px solid #f9c6ae; }
|
||||
.dc-sev--medium { background: #fffbeb; color: var(--amber); border: 1px solid #fde68a; }
|
||||
.dc-sev--low { background: #f3f4f6; color: var(--muted); border: 1px solid var(--line); }
|
||||
|
||||
.dc-discrepancy__compare {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
gap: 8px;
|
||||
align-items: start;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dc-compare-col {
|
||||
background: #f7f8fb;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
padding: 10px 12px;
|
||||
font-size: 0.86rem;
|
||||
line-height: 1.55;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.dc-compare-col--a {
|
||||
background: #f0f5ff;
|
||||
border-color: #c3d4f8;
|
||||
}
|
||||
|
||||
.dc-compare-col--b {
|
||||
background: #fff5f0;
|
||||
border-color: #f9c6ae;
|
||||
}
|
||||
|
||||
.dc-compare-col__label {
|
||||
font-size: 0.68rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dc-compare-col--a .dc-compare-col__label { color: #2d5fa6; }
|
||||
.dc-compare-col--b .dc-compare-col__label { color: var(--coral); }
|
||||
|
||||
.dc-compare-divider {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.2rem;
|
||||
color: var(--muted);
|
||||
padding-top: 28px;
|
||||
}
|
||||
|
||||
.dc-discrepancy__legal {
|
||||
font-size: 0.82rem;
|
||||
color: var(--muted);
|
||||
font-style: italic;
|
||||
line-height: 1.5;
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 8px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.dc-sig-badge {
|
||||
display: inline-block;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
border-radius: 999px;
|
||||
padding: 2px 8px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.dc-sig--high { background: var(--soft-coral); color: var(--coral); }
|
||||
.dc-sig--medium { background: #fffbeb; color: var(--amber); }
|
||||
.dc-sig--low { background: #f3f4f6; color: var(--muted); }
|
||||
|
||||
/* ── Parties tab ─────────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-party-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.dc-party-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr auto;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
padding: 10px 12px;
|
||||
border-left: 3px solid var(--line);
|
||||
}
|
||||
|
||||
.dc-party-row--removed { border-left-color: var(--coral); background: #fff5f0; }
|
||||
.dc-party-row--added { border-left-color: var(--teal); background: #f0faf8; }
|
||||
.dc-party-row--changed { border-left-color: var(--amber); background: #fffdf0; }
|
||||
|
||||
.dc-party-row__name {
|
||||
font-weight: 700;
|
||||
font-size: 0.88rem;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.dc-party-row__role {
|
||||
font-size: 0.82rem;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.dc-party-row__sig {
|
||||
font-size: 0.78rem;
|
||||
color: var(--muted);
|
||||
font-style: italic;
|
||||
line-height: 1.4;
|
||||
grid-column: 1 / -1;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid var(--line);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* ── Timeline tab ────────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-timeline-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.dc-tl-item {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
border-left: 3px solid var(--line);
|
||||
}
|
||||
|
||||
.dc-tl-item--conflict { border-left-color: var(--coral); }
|
||||
.dc-tl-item--deleted { border-left-color: var(--amber); }
|
||||
.dc-tl-item--added { border-left-color: var(--teal); }
|
||||
.dc-tl-item--date_shift { border-left-color: #8b5cf6; }
|
||||
|
||||
.dc-tl-item__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.dc-tl-date {
|
||||
font-family: ui-monospace, "Cascadia Code", "Fira Code", monospace;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
color: var(--muted);
|
||||
background: #f3f4f6;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 4px;
|
||||
padding: 2px 7px;
|
||||
}
|
||||
|
||||
.dc-tl-actor {
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
color: var(--teal-dark);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.dc-tl-desc {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.dc-tl-legal {
|
||||
font-size: 0.8rem;
|
||||
color: var(--muted);
|
||||
font-style: italic;
|
||||
line-height: 1.4;
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
/* ── Narrative blocks ─────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-narrative-block {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
border-left: 3px solid var(--line);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.dc-narrative-block--added { border-left-color: var(--teal); background: #f0faf8; }
|
||||
.dc-narrative-block--removed { border-left-color: var(--coral); background: #fff5f0; }
|
||||
|
||||
/* ── Action list ─────────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-action-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dc-action-list li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
font-size: 0.88rem;
|
||||
color: var(--ink);
|
||||
line-height: 1.5;
|
||||
padding: 8px 12px;
|
||||
background: var(--soft-teal);
|
||||
border: 1px solid #b2dbd6;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.dc-action-list li::before {
|
||||
content: '→';
|
||||
color: var(--teal);
|
||||
font-weight: 800;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
/* ── Disclaimer ──────────────────────────────────────────────────────────── */
|
||||
|
||||
.dc-disclaimer {
|
||||
font-size: 0.76rem;
|
||||
color: var(--muted);
|
||||
font-style: italic;
|
||||
line-height: 1.5;
|
||||
padding: 10px 12px;
|
||||
background: #f7f8fb;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* ── Responsive ──────────────────────────────────────────────────────────── */
|
||||
|
||||
@media (max-width: 780px) {
|
||||
.dc-upload-pair { grid-template-columns: 1fr; }
|
||||
.dc-doc-meta-pair { grid-template-columns: 1fr; }
|
||||
.dc-discrepancy__compare { grid-template-columns: 1fr; }
|
||||
.dc-compare-divider { padding-top: 0; }
|
||||
.dc-party-row { grid-template-columns: 1fr 1fr; }
|
||||
.dc-tl-desc { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.dc-tab-bar { gap: 0; }
|
||||
.dc-tab { padding: 8px 10px; font-size: 0.78rem; }
|
||||
.dc-party-row { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* Print styles */
|
||||
@media print {
|
||||
.tool-rail, .reasoning-panel, .topbar, .tool-form,
|
||||
|
||||
Reference in New Issue
Block a user