diff --git a/api/ask.php b/api/ask.php index 4b94722..e91df18 100644 --- a/api/ask.php +++ b/api/ask.php @@ -5,6 +5,9 @@ require_once __DIR__ . '/../includes/LegalTools.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('ask'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'ask'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } $input = dbnToolsJsonInput(25000); $language = dbnToolsNormalizeLanguage($input['language'] ?? 'en'); diff --git a/api/barnevernet.php b/api/barnevernet.php index ac1b4e0..632216a 100644 --- a/api/barnevernet.php +++ b/api/barnevernet.php @@ -6,6 +6,8 @@ require_once __DIR__ . '/../includes/BvjAnalyzerAgent.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('barnevernet'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'barnevernet'); @ini_set('output_buffering', '0'); @ini_set('zlib.output_compression', '0'); @@ -16,6 +18,7 @@ ob_implicit_flush(true); header('Content-Type: application/x-ndjson; charset=utf-8'); header('Cache-Control: no-store'); header('X-Accel-Buffering: no'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } $language = 'en'; $startTime = microtime(true); diff --git a/api/deep-research.php b/api/deep-research.php index 55271ab..4347d4b 100644 --- a/api/deep-research.php +++ b/api/deep-research.php @@ -6,6 +6,8 @@ require_once __DIR__ . '/../includes/DeepResearchAgent.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('deep-research'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'deep-research'); // Stream-friendly response — defeat output buffering so the user's browser // receives progress events while the agent runs (can take 60-180s for @@ -19,6 +21,7 @@ ob_implicit_flush(true); header('Content-Type: application/x-ndjson; charset=utf-8'); header('Cache-Control: no-store'); header('X-Accel-Buffering: no'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } $language = 'en'; $startTime = microtime(true); diff --git a/api/extract.php b/api/extract.php index 613ffdc..5ba70d7 100644 --- a/api/extract.php +++ b/api/extract.php @@ -5,6 +5,9 @@ require_once __DIR__ . '/../includes/bootstrap.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('extract'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'extract'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } try { if (empty($_FILES['file']) || !is_array($_FILES['file'])) { diff --git a/api/redact.php b/api/redact.php index 7e995d2..948db7e 100644 --- a/api/redact.php +++ b/api/redact.php @@ -5,6 +5,9 @@ require_once __DIR__ . '/../includes/LegalTools.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('redact'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'redact'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } $input = dbnToolsJsonInput(400000); dbnToolsWithTelemetry('redact', '', function () use ($input): array { diff --git a/api/timeline.php b/api/timeline.php index 7a10cdc..9fc42a6 100644 --- a/api/timeline.php +++ b/api/timeline.php @@ -5,6 +5,9 @@ require_once __DIR__ . '/../includes/LegalTools.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('timeline'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'timeline'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } $input = dbnToolsJsonInput(400000); $language = dbnToolsNormalizeLanguage($input['language'] ?? 'en'); diff --git a/api/transcribe.php b/api/transcribe.php index 0345db9..d9f3664 100644 --- a/api/transcribe.php +++ b/api/transcribe.php @@ -5,6 +5,9 @@ require_once __DIR__ . '/../includes/LegalTools.php'; dbnToolsRequireMethod('POST'); dbnToolsRequireAuth(); +$ftUid = dbnToolsFreeTierCheck('transcribe'); +$ftRemaining = dbnToolsFreeTierDeduct($ftUid, 'transcribe'); +if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); } set_time_limit(0); ignore_user_abort(true); diff --git a/assets/css/tools.css b/assets/css/tools.css index df7d763..547787f 100644 --- a/assets/css/tools.css +++ b/assets/css/tools.css @@ -4313,3 +4313,114 @@ body { .site-footer__inner { grid-template-columns: 1fr; } .site-footer__bottom { flex-direction: column; } } + +/* ── Syttende Mai banner ──────────────────────────────────────────────────── */ +.syttende-mai-banner { + background: #ba0c2f; + color: #fff; + padding: 9px 20px; + display: flex; + align-items: center; + justify-content: center; + gap: 12px; + font-size: 0.875rem; + font-weight: 500; + letter-spacing: 0.01em; + position: sticky; + top: 0; + z-index: 200; +} +.syttende-mai-close { + background: none; + border: none; + color: rgba(255,255,255,0.75); + cursor: pointer; + font-size: 1rem; + line-height: 1; + padding: 0 4px; + margin-left: 8px; +} +.syttende-mai-close:hover { color: #fff; } + +/* ── Free-tier credit badge ──────────────────────────────────────────────── */ +.credit-badge { + display: inline-flex; + align-items: center; + gap: 5px; + padding: 3px 10px; + border-radius: 20px; + font-size: 0.78rem; + font-weight: 600; + background: var(--soft-teal); + color: var(--teal-dark); + border: 1px solid rgba(15, 118, 110, 0.25); + white-space: nowrap; + cursor: default; +} +.credit-badge.is-low { + background: #fff7ed; + color: #92400e; + border-color: rgba(183, 121, 31, 0.3); +} +.credit-badge.is-empty { + background: #fff0e8; + color: #c2410c; + border-color: rgba(194, 65, 12, 0.3); +} + +/* ── Credit-empty modal ───────────────────────────────────────────────────── */ +.credit-modal-overlay { + position: fixed; + inset: 0; + background: rgba(22, 19, 15, 0.55); + display: flex; + align-items: center; + justify-content: center; + z-index: 500; +} +.credit-modal { + background: var(--panel); + border-radius: 12px; + padding: 32px 28px 24px; + max-width: 380px; + width: calc(100% - 40px); + box-shadow: var(--shadow); + text-align: center; +} +.credit-modal__icon { font-size: 2.5rem; margin-bottom: 12px; } +.credit-modal h3 { margin: 0 0 8px; font-size: 1.15rem; color: var(--ink); } +.credit-modal p { color: var(--muted); font-size: 0.9rem; margin: 0 0 20px; line-height: 1.55; } +.credit-modal__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } +.credit-modal__actions a { + padding: 8px 20px; + border-radius: 8px; + font-size: 0.875rem; + font-weight: 600; + text-decoration: none; + display: inline-block; +} +.credit-modal__cta { background: var(--teal); color: #fff; } +.credit-modal__cta:hover { background: var(--teal-dark); } +.credit-modal__dismiss { background: var(--line); color: var(--ink); } +.credit-modal__dismiss:hover { background: #c8cdd8; } + +/* ── Rate-limit toast ────────────────────────────────────────────────────── */ +.credit-toast { + position: fixed; + bottom: 24px; + left: 50%; + transform: translateX(-50%); + background: #1b2330; + color: #fff; + padding: 10px 20px; + border-radius: 8px; + font-size: 0.875rem; + z-index: 500; + white-space: nowrap; + box-shadow: 0 4px 16px rgba(0,0,0,0.25); + animation: toastIn 0.2s ease; +} +@keyframes toastIn { + from { opacity: 0; transform: translateX(-50%) translateY(8px); } + to { opacity: 1; transform: translateX(-50%) translateY(0); } +} diff --git a/assets/js/barnevernet.js b/assets/js/barnevernet.js index 7891744..a5c8c68 100644 --- a/assets/js/barnevernet.js +++ b/assets/js/barnevernet.js @@ -432,10 +432,19 @@ } if (!response.ok || !response.body) { - setStatus(`Request failed (${response.status}).`, 'error'); + if (response.status === 402 || response.status === 429) { + const d = await response.json().catch(() => ({})); + if (typeof window.dbnFreeTierError === 'function') window.dbnFreeTierError(response.status, d); + } else { + setStatus(`Request failed (${response.status}).`, 'error'); + } els.runButton.disabled = false; return; } + const creditsRemaining = response.headers.get('X-Credits-Remaining'); + if (creditsRemaining !== null && typeof window.dbnUpdateCredits === 'function') { + window.dbnUpdateCredits(parseInt(creditsRemaining, 10)); + } const reader = response.body.getReader(); const decoder = new TextDecoder('utf-8'); diff --git a/assets/js/deep-research.js b/assets/js/deep-research.js index 6aa929d..2e9f40d 100644 --- a/assets/js/deep-research.js +++ b/assets/js/deep-research.js @@ -364,10 +364,19 @@ } if (!response.ok || !response.body) { - setStatus(`Request failed (${response.status}).`, 'error'); + if (response.status === 402 || response.status === 429) { + const d = await response.json().catch(() => ({})); + if (typeof window.dbnFreeTierError === 'function') window.dbnFreeTierError(response.status, d); + } else { + setStatus(`Request failed (${response.status}).`, 'error'); + } els.runButton.disabled = false; return; } + const creditsRemaining = response.headers.get('X-Credits-Remaining'); + if (creditsRemaining !== null && typeof window.dbnUpdateCredits === 'function') { + window.dbnUpdateCredits(parseInt(creditsRemaining, 10)); + } // Read the NDJSON stream const reader = response.body.getReader(); diff --git a/assets/js/tools.js b/assets/js/tools.js index 8cc6f7e..d680339 100644 --- a/assets/js/tools.js +++ b/assets/js/tools.js @@ -1202,6 +1202,12 @@ async function postJson(url, payload) { body: JSON.stringify(payload), }); const data = await response.json().catch(() => ({})); + if (response.status === 402 || response.status === 429) { + dbnFreeTierError(response.status, data); + throw new Error(data.error?.message || (response.status === 429 ? 'rate_limit' : 'no_credits')); + } + const remaining = response.headers.get('X-Credits-Remaining'); + if (remaining !== null) { dbnUpdateCredits(parseInt(remaining, 10)); } if (!response.ok) { throw new Error(data.error?.message || `Request failed with HTTP ${response.status}.`); } @@ -1929,3 +1935,66 @@ function escapeHtml(value) { .replaceAll('"', '"') .replaceAll("'", '''); } + +// ── Free-tier credit badge ──────────────────────────────────────────────── + +let _freeTierBalance = (typeof window.DBN_FREE_TIER_BALANCE === 'number') ? window.DBN_FREE_TIER_BALANCE : -1; + +function dbnUpdateCredits(balance) { + if (typeof balance !== 'number' || balance < 0) return; + _freeTierBalance = balance; + const badge = document.getElementById('creditBadge'); + if (!badge) return; + badge.textContent = '🪙 ' + balance + ' credit' + (balance !== 1 ? 's' : ''); + badge.classList.toggle('is-low', balance > 0 && balance <= 2); + badge.classList.toggle('is-empty', balance === 0); +} + +// Exposed so barnevernet.js / deep-research.js can call it +window.dbnUpdateCredits = dbnUpdateCredits; + +function dbnFreeTierError(status, data) { + if (status === 429) { + const toast = document.createElement('div'); + toast.className = 'credit-toast'; + toast.textContent = 'Rate limit reached — you can make up to 10 requests per hour on the free tier.'; + document.body.appendChild(toast); + setTimeout(() => toast.remove(), 5000); + return; + } + // 402 — no credits + const overlay = document.createElement('div'); + overlay.className = 'credit-modal-overlay'; + overlay.innerHTML = ` +
Your 10 free credits for this month have been used.
+ Credits reset on the 1st of next month — or upgrade to CaveauAI for unlimited access.