daveadmin
1f4f01bda3
- index.php: public showcase landing page (hero, how-it-works, capabilities, evidence mock, login form) visible to unauthenticated visitors; full OG/SEO meta; app shell hidden behind auth as before - tools.css: showcase section styles (gradient hero, step cards, capability grid, CTA button, evidence mock, footer) - LegalTools.php: sourceFromChunk() batch-fetches doc_summaries from RAG DB for non-private chunks; excerpt shows doc summary when available, falls back to raw chunk text; chunk_text field always carries the raw excerpt - tools.js: renderEvidenceItem() shows doc summary as card body; adds a collapsible "View chunk" toggle when summary differs from raw chunk text Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
262 lines
14 KiB
PHP
262 lines
14 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
require_once __DIR__ . '/includes/bootstrap.php';
|
|
$authenticated = dbnToolsIsAuthenticated();
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Do Better Norge — AI Legal Research</title>
|
|
<meta name="description" content="AI-powered family law research for Norway. Source-cited answers from curated legal corpora, with a post-generation reviewer pass. Powered by CaveauAI.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://ai.dobetternorge.no/">
|
|
<meta property="og:title" content="Do Better Norge — AI Legal Research">
|
|
<meta property="og:description" content="Source-cited answers from curated Norwegian law corpora. Every claim checked against real sources before it reaches you.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://ai.dobetternorge.no/">
|
|
<meta name="theme-color" content="#f7f8fb">
|
|
<link rel="stylesheet" href="assets/css/tools.css">
|
|
</head>
|
|
<body data-authenticated="<?= $authenticated ? 'true' : 'false' ?>">
|
|
<div id="publicLanding" class="showcase-page<?= $authenticated ? ' is-hidden' : '' ?>">
|
|
|
|
<header class="showcase-header">
|
|
<div class="showcase-header-inner">
|
|
<div class="showcase-brand">
|
|
<p class="eyebrow">Do Better Norge</p>
|
|
<h1 class="showcase-title">AI Legal Research</h1>
|
|
<p class="showcase-tagline">Source-cited answers from curated Norwegian law corpora</p>
|
|
<a href="https://caveauai.bluenotelogic.com/" class="powered-badge" rel="noopener" target="_blank">Powered by CaveauAI</a>
|
|
</div>
|
|
<a href="#access" class="cta-button">Access Legal Tools →</a>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="hiw-section">
|
|
<div class="section-inner">
|
|
<h2 class="section-heading">How it works</h2>
|
|
<p class="section-sub">From question to reviewed, cited answer in three steps</p>
|
|
<div class="hiw-steps">
|
|
<div class="hiw-step">
|
|
<div class="hiw-num">01</div>
|
|
<h3>Curated legal corpus</h3>
|
|
<p>Norwegian family law, ECHR rulings, and Lovdata sources are indexed, chunked, and embedded by CaveauAI’s ingestion pipeline.</p>
|
|
</div>
|
|
<div class="hiw-step">
|
|
<div class="hiw-num">02</div>
|
|
<h3>Hybrid retrieval</h3>
|
|
<p>Your question triggers vector similarity search and keyword retrieval — sources are scored, re-ranked, and presented as a labelled evidence trail.</p>
|
|
</div>
|
|
<div class="hiw-step">
|
|
<div class="hiw-num">03</div>
|
|
<h3>Reviewed, cited answer</h3>
|
|
<p>A post-generation reviewer checks every claim against retrieved sources before the answer reaches you. Citations are attached to real corpus documents.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cap-section">
|
|
<div class="section-inner">
|
|
<h2 class="section-heading">Five tools, one corpus</h2>
|
|
<div class="cap-grid">
|
|
<div class="cap-card">
|
|
<span class="cap-label">Ask</span>
|
|
<h3>Ask</h3>
|
|
<p>Source-grounded legal questions with citations and explicit uncertainty notes.</p>
|
|
</div>
|
|
<div class="cap-card">
|
|
<span class="cap-label">Search</span>
|
|
<h3>Search</h3>
|
|
<p>Retrieve up to seven relevant legal sources with titles, sections, and excerpts.</p>
|
|
</div>
|
|
<div class="cap-card">
|
|
<span class="cap-label">Summarize</span>
|
|
<h3>Summarize</h3>
|
|
<p>Extract facts, dates, parties, and legal references from pasted text.</p>
|
|
</div>
|
|
<div class="cap-card">
|
|
<span class="cap-label">Timeline</span>
|
|
<h3>Timeline</h3>
|
|
<p>Build a chronological event sequence from case notes or documents.</p>
|
|
</div>
|
|
<div class="cap-card">
|
|
<span class="cap-label">Redact</span>
|
|
<h3>Redact</h3>
|
|
<p>Remove sensitive personal data with configurable Nordic / ECHR / Global profiles.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="evidence-section">
|
|
<div class="section-inner evidence-inner">
|
|
<div class="evidence-copy">
|
|
<h2>Every answer shows its work</h2>
|
|
<p>Alongside each answer, the evidence trail shows which sources were retrieved, how they scored, which claims they support, and what remains uncertain. The legal reviewer pass checks all claims against the corpus before the answer is returned.</p>
|
|
<ul class="evidence-list">
|
|
<li>Source document, section, and authority type</li>
|
|
<li>Similarity score per retrieved chunk</li>
|
|
<li>Reviewer decision: approved / revised / insufficient support</li>
|
|
<li>Explicit uncertainty statement when the corpus can’t support a claim</li>
|
|
</ul>
|
|
</div>
|
|
<div class="evidence-mock" aria-hidden="true">
|
|
<p class="mock-label">Evidence Trail</p>
|
|
<div class="mock-step mock-done">
|
|
<span class="mock-dot"></span>
|
|
<div><strong>Query interpreted</strong><p>Barneloven §42 custody arrangements</p></div>
|
|
</div>
|
|
<div class="mock-step mock-done">
|
|
<span class="mock-dot"></span>
|
|
<div><strong>3 sources retrieved</strong><p>Barneloven, ECHR Johansen v. Norway, Ot.prp. nr. 56</p></div>
|
|
</div>
|
|
<div class="mock-step mock-done">
|
|
<span class="mock-dot"></span>
|
|
<div><strong>Reviewer: approved</strong><p>All claims supported by corpus sources</p></div>
|
|
</div>
|
|
<div class="mock-step">
|
|
<span class="mock-dot mock-dot--amber"></span>
|
|
<div><strong>Uncertainty noted</strong><p>Recent amendments after 2024 may not be indexed</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="access" class="access-section" aria-labelledby="accessTitle">
|
|
<div class="gate-panel">
|
|
<p class="eyebrow">Do Better Norge</p>
|
|
<h2 id="accessTitle">Access Legal Tools</h2>
|
|
<p class="gate-copy">Legal information and preparation support, not final legal advice.</p>
|
|
<form id="passcodeForm" class="passcode-form">
|
|
<label for="loginEmail">Email</label>
|
|
<input id="loginEmail" name="email" type="email" autocomplete="username email" required>
|
|
<label for="loginPassword">Password</label>
|
|
<div class="passcode-row">
|
|
<input id="loginPassword" name="password" type="password" autocomplete="current-password" required>
|
|
<button type="submit">Sign in</button>
|
|
</div>
|
|
<p id="gateStatus" class="form-status" role="status" aria-live="polite"></p>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="showcase-footer">
|
|
<p>Do Better Norge · Built with <a href="https://caveauai.bluenotelogic.com/" rel="noopener" target="_blank">CaveauAI</a> by Blue Note Logic</p>
|
|
<p class="footer-disclaimer">Legal information and preparation support, not final legal advice. Not a substitute for professional legal counsel.</p>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<main id="appShell" class="app-shell<?= $authenticated ? '' : ' is-hidden' ?>">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Do Better Norge</p>
|
|
<h1>Legal Tools Hub</h1>
|
|
</div>
|
|
<div class="topbar-actions">
|
|
<span id="healthPill" class="status-pill">Session active</span>
|
|
<button id="healthButton" class="secondary-button" type="button">Health</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="disclaimer" role="note">
|
|
Legal information and preparation support, not final legal advice. Pasted text is processed in memory by default.
|
|
</div>
|
|
|
|
<section class="workspace" aria-label="Legal tools workspace">
|
|
<nav class="tool-rail" aria-label="Tools">
|
|
<button type="button" class="tool-tab is-active" data-tool="ask" aria-pressed="true">
|
|
<span>Ask</span>
|
|
<small>Source-grounded</small>
|
|
</button>
|
|
<button type="button" class="tool-tab" data-tool="search" aria-pressed="false">
|
|
<span>Search</span>
|
|
<small>Legal sources</small>
|
|
</button>
|
|
<button type="button" class="tool-tab" data-tool="summarize" aria-pressed="false">
|
|
<span>Summarize</span>
|
|
<small>Pasted text</small>
|
|
</button>
|
|
<button type="button" class="tool-tab" data-tool="timeline" aria-pressed="false">
|
|
<span>Timeline</span>
|
|
<small>Events</small>
|
|
</button>
|
|
<button type="button" class="tool-tab" data-tool="redact" aria-pressed="false">
|
|
<span>Redact</span>
|
|
<small>Privacy</small>
|
|
</button>
|
|
</nav>
|
|
|
|
<section class="tool-panel" aria-labelledby="toolTitle">
|
|
<div class="tool-heading">
|
|
<div>
|
|
<p id="toolKind" class="eyebrow">Source-grounded Legal Ask</p>
|
|
<h2 id="toolTitle">Ask a legal question</h2>
|
|
</div>
|
|
<span id="toolBadge" class="tool-badge">family-legal</span>
|
|
</div>
|
|
|
|
<form id="toolForm" class="tool-form">
|
|
<div class="control-row" id="languageControl">
|
|
<span class="control-label">Language</span>
|
|
<label><input type="radio" name="language" value="en" checked> English</label>
|
|
<label><input type="radio" name="language" value="no"> Norsk</label>
|
|
</div>
|
|
|
|
<div class="control-row is-hidden" id="redactionControl">
|
|
<span class="control-label">Mode</span>
|
|
<label><input type="radio" name="redactionMode" value="standard" checked> Standard</label>
|
|
<label><input type="radio" name="redactionMode" value="strict"> Strict</label>
|
|
<span class="control-label" style="margin-left:1.25rem">Region</span>
|
|
<label><input type="radio" name="redactionRegion" value="nordic" checked> Nordic</label>
|
|
<label><input type="radio" name="redactionRegion" value="european"> European</label>
|
|
<label><input type="radio" name="redactionRegion" value="echr"> ECHR</label>
|
|
<label><input type="radio" name="redactionRegion" value="global"> Global</label>
|
|
</div>
|
|
|
|
<label class="input-label" for="toolInput" id="inputLabel">Question</label>
|
|
<textarea id="toolInput" name="toolInput" rows="10" required></textarea>
|
|
|
|
<div class="form-footer">
|
|
<p id="toolStatus" class="form-status" role="status" aria-live="polite"></p>
|
|
<button id="runButton" type="submit">Run Tool</button>
|
|
</div>
|
|
</form>
|
|
|
|
<section id="results" class="results" aria-live="polite">
|
|
<div class="empty-state">
|
|
<h3>Ready</h3>
|
|
<p>Choose a tool, run a request, and the answer will show the evidence trail beside it.</p>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
<aside class="reasoning-panel" aria-labelledby="reasoningTitle">
|
|
<div class="reasoning-head">
|
|
<p class="eyebrow">Evidence trail</p>
|
|
<h2 id="reasoningTitle">Reasoning</h2>
|
|
</div>
|
|
<ol id="traceList" class="trace-list">
|
|
<li>
|
|
<span class="trace-status waiting"></span>
|
|
<div>
|
|
<strong>Waiting</strong>
|
|
<p>Run a tool to see interpretation, retrieval, confidence, uncertainty, and next step.</p>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</aside>
|
|
</section>
|
|
</main>
|
|
|
|
<script>
|
|
window.DBN_TOOLS_AUTHENTICATED = <?= $authenticated ? 'true' : 'false' ?>;
|
|
</script>
|
|
<script src="assets/js/tools.js" defer></script>
|
|
</body>
|
|
</html>
|