feat: document & audio corpus picker for all tools

- Add "Select from My Docs" button to all text tool forms; free-tier users see an upgrade modal, paid (CaveauAI) users get a searchable multi-select modal backed by /api/dashboard/documents.php - Add "Select from My Audio" picker on Transcribe with single-select and a "Save to My Audio" button for persisting uploaded clips - New PHP helpers in bootstrap.php: dbnToolsFetchDocChunks, dbnToolsClientIdFromSession, dbnToolsInjectDocContent - timeline, ask, redact APIs prepend selected document content (fetched from client_chunks SQL) before the textarea text - api/dashboard/audio-upload.php stores audio files on server and creates a client_documents row with source_type='audio' - api/transcribe.php falls back to stored audio via audio_doc_id POST field when no file is uploaded - api/dashboard/documents.php supports ?source_type= filter - tools.js: doc_ids added to JSON payload; stored-audio transcribe path - New assets/css/doc-picker.css, assets/js/doc-picker.js - SQL migration: scripts/sql/audio_docs_column.sql Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-23 21:38:04 +02:00
parent 58e1d1dae1
commit f383ad5b74
14 changed files with 857 additions and 15 deletions
@@ -12,6 +12,6 @@ $input = dbnToolsJsonInput(25000);
 $language = dbnToolsNormalizeLanguage($input['language'] ?? 'en');

 dbnToolsWithTelemetry('ask', $language, function () use ($input, $language): array {
-    $question = dbnToolsString($input, 'question', 4000);
+    $question = dbnToolsInjectDocContent($input, dbnToolsString($input, 'question', 4000));
    return (new DbnLegalToolsService())->ask($question, $language);
 });
@@ -0,0 +1,85 @@
+<?php
+/**
+ * POST /api/dashboard/audio-upload.php
+ *
+ * Stores an uploaded audio file on the server and creates a client_documents
+ * row with source_type='audio' so it appears in the Audio picker on Transcribe.
+ *
+ * Request: multipart/form-data, field name "audio"
+ * Response: { ok: true, document: { id, title, file_size_bytes, audio_storage_path } }
+ */
+declare(strict_types=1);
+
+require_once dirname(__DIR__, 2) . '/includes/bootstrap.php';
+
+dbnToolsRequireAuth();
+dbnToolsRequireMethod('POST');
+
+try {
+    $tenant = dbnToolsEnsureDashboardTenant();
+} catch (DbnToolsHttpException $e) {
+    dbnToolsError($e->getMessage(), $e->status, $e->errorCode);
+}
+$clientId = (int)$tenant['client_id'];
+
+if (empty($_FILES['audio']) || $_FILES['audio']['error'] !== UPLOAD_ERR_OK) {
+    $code = $_FILES['audio']['error'] ?? -1;
+    $msgs = [
+        UPLOAD_ERR_INI_SIZE  => 'File exceeds server upload limit.',
+        UPLOAD_ERR_FORM_SIZE => 'File exceeds form size limit.',
+        UPLOAD_ERR_PARTIAL   => 'File was only partially uploaded.',
+        UPLOAD_ERR_NO_FILE   => 'No audio file received.',
+    ];
+    dbnToolsError($msgs[$code] ?? "Upload error (code {$code}).", 400, 'upload_error');
+}
+
+$file     = $_FILES['audio'];
+$maxBytes = 200 * 1024 * 1024;
+
+if ($file['size'] > $maxBytes) {
+    dbnToolsError('File too large. Maximum 200 MB.', 413, 'file_too_large');
+}
+
+$allowedExts = ['mp3', 'wav', 'ogg', 'oga', 'm4a', 'mp4', 'flac', 'webm', 'aac'];
+$ext = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
+if (!in_array($ext, $allowedExts, true)) {
+    dbnToolsError("Unsupported format: .{$ext}. Use MP3, WAV, OGG, M4A, FLAC, or WebM.", 415, 'unsupported_format');
+}
+
+// Resolve storage directory
+$storageRoot = dbnToolsEnv('AUDIO_STORAGE_ROOT', '/home/dobetternorge/audio-uploads');
+$clientDir   = rtrim($storageRoot, '/') . '/' . $clientId;
+if (!is_dir($clientDir) && !mkdir($clientDir, 0750, true)) {
+    dbnToolsError('Could not create storage directory.', 500, 'storage_error');
+}
+
+$uniqueId    = bin2hex(random_bytes(12));
+$storagePath = $clientDir . '/' . $uniqueId . '.' . $ext;
+
+if (!move_uploaded_file($file['tmp_name'], $storagePath)) {
+    dbnToolsError('Failed to store uploaded file.', 500, 'move_error');
+}
+
+$title = pathinfo($file['name'], PATHINFO_FILENAME);
+$title = preg_replace('/[_\-]+/', ' ', $title);
+$title = mb_substr(trim($title), 0, 200) ?: 'Audio ' . date('Y-m-d');
+
+$db = dbnToolsDb();
+$db->prepare(
+    'INSERT INTO client_documents
+     (client_id, title, source_type, audio_storage_path, status, file_size_bytes, created_at, updated_at)
+     VALUES (?, ?, ?, ?, ?, ?, NOW(), NOW())'
+)->execute([$clientId, $title, 'audio', $storagePath, 'ready', (int)$file['size']]);
+
+$docId = (int)$db->lastInsertId();
+
+dbnToolsRespond([
+    'ok'       => true,
+    'document' => [
+        'id'                  => $docId,
+        'title'               => $title,
+        'file_size_bytes'     => (int)$file['size'],
+        'audio_storage_path'  => $storagePath,
+        'source_type'         => 'audio',
+    ],
+]);
@@ -79,6 +79,12 @@ function respondList(PDO $db, int $clientId): void
        $where[]  = 'category = ?';
        $params[] = $category;
    }
+    $sourceType = trim((string)($_GET['source_type'] ?? ''));
+    $allowedSourceTypes = ['text', 'audio', 'url', 'tool-output', 'upload'];
+    if ($sourceType !== '' && in_array($sourceType, $allowedSourceTypes, true)) {
+        $where[]  = 'source_type = ?';
+        $params[] = $sourceType;
+    }

    $whereSql = 'WHERE ' . implode(' AND ', $where);

@@ -11,7 +11,7 @@ if ($ftRemaining >= 0) { header('X-Credits-Remaining: ' . $ftRemaining); }
 $input = dbnToolsJsonInput(400000);

 dbnToolsWithTelemetry('redact', '', function () use ($input): array {
-    $text     = dbnToolsString($input, 'text', 128000);
+    $text     = dbnToolsInjectDocContent($input, dbnToolsString($input, 'text', 128000));
    $mode     = (string)($input['mode']     ?? 'standard');
    $region   = dbnToolsNormalizeRegion($input['region']   ?? 'nordic');
    $language = dbnToolsNormalizeLanguage($input['language'] ?? 'en');
@@ -14,7 +14,7 @@ $input = dbnToolsJsonInput(400000);
 $language = dbnToolsNormalizeLanguage($input['language'] ?? 'en');

 dbnToolsWithTelemetry('timeline', $language, function () use ($input, $language, $ftUid): array {
-    $text = dbnToolsString($input, 'text', 128000);
+    $text = dbnToolsInjectDocContent($input, dbnToolsString($input, 'text', 128000));

    $validEngines = ['azure_mini', 'azure_full', 'gpu'];
    $engine = in_array((string)($input['engine'] ?? ''), $validEngines, true)
@@ -32,17 +32,47 @@ $postModel = in_array($_POST['post_model'] ?? '', $allowedPostModels, true)
    ? (string)($_POST['post_model'] ?? '')
    : '';

-// ── Validate upload ───────────────────────────────────────────────────────────
+// ── Validate upload (or load from stored audio corpus) ────────────────────────
+
+$storedAudioTmp = null;

 if (empty($_FILES['audio']) || $_FILES['audio']['error'] !== UPLOAD_ERR_OK) {
-    $code = $_FILES['audio']['error'] ?? -1;
-    $map  = [
-        UPLOAD_ERR_INI_SIZE  => 'File exceeds server upload limit.',
-        UPLOAD_ERR_FORM_SIZE => 'File exceeds form size limit.',
-        UPLOAD_ERR_PARTIAL   => 'File was only partially uploaded.',
-        UPLOAD_ERR_NO_FILE   => 'No audio file received.',
-    ];
-    dbnToolsError($map[$code] ?? "Upload error (code {$code}).", 400, 'upload_error');
+    // Check if the user picked a previously saved audio document
+    $audioDocId = (int)($_POST['audio_doc_id'] ?? 0);
+    if ($audioDocId > 0) {
+        $clientId = dbnToolsClientIdFromSession();
+        if ($clientId <= 0) {
+            dbnToolsError('No audio file received and no valid session for stored audio.', 400, 'upload_error');
+        }
+        $db  = dbnToolsDb();
+        $row = $db->prepare(
+            'SELECT audio_storage_path, title FROM client_documents
+             WHERE id = ? AND client_id = ? AND source_type = ? AND status = ? LIMIT 1'
+        );
+        $row->execute([$audioDocId, $clientId, 'audio', 'ready']);
+        $audioRow = $row->fetch(PDO::FETCH_ASSOC);
+        if (!$audioRow || empty($audioRow['audio_storage_path']) || !is_readable((string)$audioRow['audio_storage_path'])) {
+            dbnToolsError('Stored audio file not found or not readable.', 404, 'audio_not_found');
+        }
+        // Synthesise a $_FILES-compatible entry pointing at the stored file
+        $storedAudioTmp = $audioRow['audio_storage_path'];
+        $_FILES['audio'] = [
+            'name'     => basename($storedAudioTmp),
+            'tmp_name' => $storedAudioTmp,
+            'error'    => UPLOAD_ERR_OK,
+            'size'     => (int)filesize($storedAudioTmp),
+            'type'     => mime_content_type($storedAudioTmp) ?: 'application/octet-stream',
+        ];
+    } else {
+        $code = $_FILES['audio']['error'] ?? -1;
+        $map  = [
+            UPLOAD_ERR_INI_SIZE  => 'File exceeds server upload limit.',
+            UPLOAD_ERR_FORM_SIZE => 'File exceeds form size limit.',
+            UPLOAD_ERR_PARTIAL   => 'File was only partially uploaded.',
+            UPLOAD_ERR_NO_FILE   => 'No audio file received.',
+        ];
+        dbnToolsError($map[$code] ?? "Upload error (code {$code}).", 400, 'upload_error');
+    }
 }

 $file     = $_FILES['audio'];
@@ -0,0 +1,272 @@
+/* ── Doc / Audio Picker ──────────────────────────────────────────────────── */
+
+.doc-picker-section {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.75rem;
+}
+
+.doc-picker-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    padding: 0.42rem 0.9rem;
+    border: 1.5px solid var(--dbn-line, #d0cfc8);
+    border-radius: 6px;
+    background: transparent;
+    color: var(--dbn-text, #16130f);
+    font-size: 0.84rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: border-color 0.15s, background 0.15s;
+    white-space: nowrap;
+}
+.doc-picker-btn:hover {
+    border-color: var(--dbn-accent, #00205B);
+    background: color-mix(in srgb, var(--dbn-accent, #00205B) 5%, transparent);
+}
+.doc-picker-btn:focus-visible {
+    outline: 2px solid var(--dbn-accent, #00205B);
+    outline-offset: 2px;
+}
+.doc-picker-btn__icon { flex-shrink: 0; }
+
+/* selected doc chips */
+.doc-picker-chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.35rem;
+    flex: 1;
+    min-width: 0;
+}
+.doc-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    padding: 0.22rem 0.6rem;
+    background: color-mix(in srgb, var(--dbn-accent, #00205B) 10%, transparent);
+    border: 1px solid color-mix(in srgb, var(--dbn-accent, #00205B) 30%, transparent);
+    border-radius: 4px;
+    font-size: 0.79rem;
+    color: var(--dbn-text, #16130f);
+    max-width: 22ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.doc-chip__remove {
+    flex-shrink: 0;
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: inherit;
+    opacity: 0.55;
+    padding: 0;
+    line-height: 1;
+    font-size: 1rem;
+}
+.doc-chip__remove:hover { opacity: 1; }
+
+/* ── Modal overlay ───────────────────────────────────────────────────────── */
+
+.doc-picker-backdrop {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 9000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.doc-picker-backdrop[hidden] { display: none; }
+
+.doc-picker-dialog {
+    background: #fff;
+    border-radius: 12px;
+    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
+    width: min(640px, 94vw);
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.doc-picker-dialog__head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1.1rem 1.25rem 0.75rem;
+    border-bottom: 1px solid var(--dbn-line, #d0cfc8);
+    flex-shrink: 0;
+}
+.doc-picker-dialog__head h3 {
+    margin: 0;
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--dbn-text, #16130f);
+}
+.doc-picker-dialog__close {
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-size: 1.4rem;
+    line-height: 1;
+    color: rgba(22, 19, 15, 0.5);
+    padding: 0 0.2rem;
+}
+.doc-picker-dialog__close:hover { color: var(--dbn-text, #16130f); }
+
+.doc-picker-dialog__search {
+    margin: 0.75rem 1.25rem 0;
+    padding: 0.5rem 0.75rem;
+    border: 1.5px solid var(--dbn-line, #d0cfc8);
+    border-radius: 6px;
+    font-size: 0.88rem;
+    width: calc(100% - 2.5rem);
+    box-sizing: border-box;
+}
+.doc-picker-dialog__search:focus { outline: none; border-color: var(--dbn-accent, #00205B); }
+
+.doc-picker-list {
+    overflow-y: auto;
+    flex: 1;
+    padding: 0.5rem 1.25rem 0.75rem;
+    margin-top: 0.5rem;
+}
+.doc-picker-list__empty {
+    text-align: center;
+    color: rgba(22, 19, 15, 0.45);
+    font-size: 0.88rem;
+    padding: 2rem 0;
+}
+.doc-picker-list__loading {
+    text-align: center;
+    color: rgba(22, 19, 15, 0.45);
+    font-size: 0.88rem;
+    padding: 1.5rem 0;
+}
+
+.doc-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.65rem;
+    padding: 0.55rem 0.5rem;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background 0.1s;
+}
+.doc-item:hover, .doc-item.is-selected { background: color-mix(in srgb, var(--dbn-accent, #00205B) 7%, transparent); }
+.doc-item input[type="checkbox"] { margin-top: 0.1rem; flex-shrink: 0; accent-color: var(--dbn-accent, #00205B); }
+.doc-item__title {
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: var(--dbn-text, #16130f);
+    line-height: 1.4;
+}
+.doc-item__meta {
+    font-size: 0.76rem;
+    color: rgba(22, 19, 15, 0.5);
+    margin-top: 0.1rem;
+}
+
+.doc-picker-dialog__foot {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.75rem 1.25rem;
+    border-top: 1px solid var(--dbn-line, #d0cfc8);
+    flex-shrink: 0;
+}
+.doc-picker-dialog__count { font-size: 0.84rem; color: rgba(22, 19, 15, 0.55); }
+.doc-picker-dialog__confirm {
+    padding: 0.48rem 1.1rem;
+    background: var(--dbn-accent, #00205B);
+    color: #fff;
+    border: none;
+    border-radius: 6px;
+    font-size: 0.88rem;
+    font-weight: 600;
+    cursor: pointer;
+}
+.doc-picker-dialog__confirm:disabled { opacity: 0.45; cursor: not-allowed; }
+.doc-picker-dialog__confirm:not(:disabled):hover { background: color-mix(in srgb, var(--dbn-accent, #00205B) 80%, #000); }
+
+/* ── Upgrade modal ───────────────────────────────────────────────────────── */
+
+.doc-picker-upgrade-backdrop {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 9000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.doc-picker-upgrade-backdrop[hidden] { display: none; }
+
+.doc-picker-upgrade-card {
+    background: #fff;
+    border-radius: 12px;
+    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
+    width: min(400px, 92vw);
+    padding: 2rem 1.75rem;
+    text-align: center;
+}
+.doc-picker-upgrade-card__icon {
+    font-size: 2.2rem;
+    margin-bottom: 0.75rem;
+    display: block;
+}
+.doc-picker-upgrade-card h3 {
+    margin: 0 0 0.5rem;
+    font-size: 1.1rem;
+    color: var(--dbn-text, #16130f);
+}
+.doc-picker-upgrade-card p {
+    margin: 0 0 1.25rem;
+    font-size: 0.9rem;
+    color: rgba(22, 19, 15, 0.65);
+    line-height: 1.6;
+}
+.doc-picker-upgrade-card__actions { display: flex; gap: 0.65rem; justify-content: center; }
+.doc-picker-upgrade-card__cta {
+    padding: 0.55rem 1.25rem;
+    background: var(--dbn-accent, #00205B);
+    color: #fff;
+    border: none;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    font-weight: 600;
+    text-decoration: none;
+    cursor: pointer;
+}
+.doc-picker-upgrade-card__cta:hover { background: color-mix(in srgb, var(--dbn-accent, #00205B) 80%, #000); }
+.doc-picker-upgrade-card__dismiss {
+    padding: 0.55rem 1rem;
+    background: none;
+    border: 1.5px solid var(--dbn-line, #d0cfc8);
+    border-radius: 6px;
+    font-size: 0.9rem;
+    cursor: pointer;
+    color: rgba(22, 19, 15, 0.7);
+}
+.doc-picker-upgrade-card__dismiss:hover { border-color: rgba(22, 19, 15, 0.4); }
+
+/* ── Audio upload zone inside transcribe picker section ──────────────────── */
+
+.audio-corpus-upload {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    padding: 0.42rem 0.9rem;
+    border: 1.5px dashed var(--dbn-line, #d0cfc8);
+    border-radius: 6px;
+    background: transparent;
+    color: rgba(22, 19, 15, 0.55);
+    font-size: 0.84rem;
+    cursor: pointer;
+    transition: border-color 0.15s, color 0.15s;
+}
+.audio-corpus-upload:hover { border-color: var(--dbn-accent, #00205B); color: var(--dbn-accent, #00205B); }
@@ -0,0 +1,285 @@
+/**
+ * doc-picker.js — Document / Audio corpus picker for tool pages.
+ *
+ * Wires the "Select from My Docs" and "Select from My Audio" buttons.
+ * Free-tier (SSO) users see an upgrade modal instead of the picker.
+ * Paid (CaveauAI) users get a searchable multi-select modal backed by
+ * /api/dashboard/documents.php?action=list.
+ */
+(function () {
+    'use strict';
+
+    // ── Tier detection ────────────────────────────────────────────────────────
+    // DBN_FREE_TIER_BALANCE is set only for SSO (free) users.
+    // Paid CaveauAI sessions have it undefined.
+    function isPaidUser() {
+        return window.DBN_TOOLS_AUTHENTICATED === true
+            && typeof window.DBN_FREE_TIER_BALANCE === 'undefined';
+    }
+
+    // ── Upgrade modal ─────────────────────────────────────────────────────────
+    var upgradeBackdrop = document.getElementById('docPickerUpgradeBackdrop');
+
+    function showUpgradeModal() {
+        if (upgradeBackdrop) upgradeBackdrop.hidden = false;
+    }
+
+    if (upgradeBackdrop) {
+        var upgradeClose = upgradeBackdrop.querySelector('.doc-picker-upgrade-card__dismiss');
+        if (upgradeClose) {
+            upgradeClose.addEventListener('click', function () {
+                upgradeBackdrop.hidden = true;
+            });
+        }
+        upgradeBackdrop.addEventListener('click', function (e) {
+            if (e.target === upgradeBackdrop) upgradeBackdrop.hidden = true;
+        });
+    }
+
+    // ── Shared picker state ───────────────────────────────────────────────────
+    var backdrop = document.getElementById('docPickerBackdrop');
+    var searchEl = backdrop ? backdrop.querySelector('.doc-picker-dialog__search') : null;
+    var listEl   = backdrop ? backdrop.querySelector('.doc-picker-list') : null;
+    var countEl  = backdrop ? backdrop.querySelector('.doc-picker-dialog__count') : null;
+    var confirmBtn = backdrop ? backdrop.querySelector('.doc-picker-dialog__confirm') : null;
+    var titleEl  = backdrop ? backdrop.querySelector('.doc-picker-dialog__head h3') : null;
+
+    var _allDocs = [];        // full list from API
+    var _selected = {};       // { id: { id, title } }
+    var _mode = 'text';       // 'text' or 'audio'
+    var _onConfirm = null;    // callback(selected)
+
+    function openPicker(mode, onConfirm) {
+        _mode = mode || 'text';
+        _onConfirm = onConfirm;
+        _allDocs = [];
+
+        if (titleEl) {
+            titleEl.textContent = mode === 'audio' ? 'Select from My Audio' : 'Select from My Docs';
+        }
+        if (searchEl) searchEl.value = '';
+        if (listEl) listEl.innerHTML = '<p class="doc-picker-list__loading">Loading…</p>';
+        if (backdrop) backdrop.hidden = false;
+
+        var url = '/api/dashboard/documents.php?action=list&status=ready&limit=100';
+        if (mode === 'audio') url += '&source_type=audio';
+
+        fetch(url, { credentials: 'same-origin' })
+            .then(function (r) { return r.json(); })
+            .then(function (data) {
+                _allDocs = (data.documents || []);
+                renderList(_allDocs);
+            })
+            .catch(function () {
+                if (listEl) listEl.innerHTML = '<p class="doc-picker-list__empty">Could not load documents.</p>';
+            });
+    }
+
+    function renderList(docs) {
+        if (!listEl) return;
+        if (!docs.length) {
+            listEl.innerHTML = '<p class="doc-picker-list__empty">No documents found.</p>';
+            return;
+        }
+        var html = docs.map(function (doc) {
+            var id   = doc.id;
+            var sel  = !!_selected[id];
+            var meta = [];
+            if (doc.word_count) meta.push(doc.word_count.toLocaleString() + ' words');
+            if (doc.chunk_count) meta.push(doc.chunk_count + ' passages');
+            if (doc.created_at) {
+                try {
+                    meta.push(new Date(doc.created_at.replace(' ', 'T') + 'Z')
+                        .toLocaleDateString(undefined, { dateStyle: 'medium' }));
+                } catch (_) {}
+            }
+            return '<div class="doc-item' + (sel ? ' is-selected' : '') + '" data-id="' + id + '" role="option" aria-selected="' + sel + '">'
+                + '<input type="checkbox" ' + (sel ? 'checked' : '') + ' tabindex="-1" aria-hidden="true">'
+                + '<div>'
+                +   '<div class="doc-item__title">' + esc(doc.title || 'Untitled') + '</div>'
+                +   (meta.length ? '<div class="doc-item__meta">' + esc(meta.join(' · ')) + '</div>' : '')
+                + '</div>'
+                + '</div>';
+        }).join('');
+        listEl.innerHTML = html;
+
+        listEl.querySelectorAll('.doc-item').forEach(function (el) {
+            el.addEventListener('click', function () {
+                var id = parseInt(el.dataset.id, 10);
+                var doc = _allDocs.find(function (d) { return d.id === id; });
+                if (!doc) return;
+                if (_selected[id]) {
+                    delete _selected[id];
+                } else {
+                    if (_mode === 'audio') {
+                        // single-select for audio
+                        _selected = {};
+                    }
+                    _selected[id] = { id: id, title: doc.title || 'Untitled' };
+                }
+                var cb = el.querySelector('input[type="checkbox"]');
+                if (cb) cb.checked = !!_selected[id];
+                el.classList.toggle('is-selected', !!_selected[id]);
+                el.setAttribute('aria-selected', !!_selected[id]);
+                updateCount();
+            });
+        });
+        updateCount();
+    }
+
+    function updateCount() {
+        var n = Object.keys(_selected).length;
+        if (countEl) countEl.textContent = n ? n + ' selected' : '';
+        if (confirmBtn) confirmBtn.disabled = !n;
+    }
+
+    function filterList(q) {
+        if (!q) return renderList(_allDocs);
+        var lower = q.toLowerCase();
+        renderList(_allDocs.filter(function (d) {
+            return (d.title || '').toLowerCase().includes(lower);
+        }));
+    }
+
+    if (searchEl) {
+        searchEl.addEventListener('input', function () { filterList(searchEl.value.trim()); });
+    }
+
+    if (confirmBtn) {
+        confirmBtn.addEventListener('click', function () {
+            var sel = Object.values(_selected);
+            if (backdrop) backdrop.hidden = true;
+            if (_onConfirm) _onConfirm(sel);
+        });
+    }
+
+    if (backdrop) {
+        var closeBtn = backdrop.querySelector('.doc-picker-dialog__close');
+        if (closeBtn) closeBtn.addEventListener('click', function () { backdrop.hidden = true; });
+        backdrop.addEventListener('click', function (e) {
+            if (e.target === backdrop) backdrop.hidden = true;
+        });
+        document.addEventListener('keydown', function (e) {
+            if (e.key === 'Escape' && !backdrop.hidden) backdrop.hidden = true;
+        });
+    }
+
+    function esc(s) {
+        return String(s).replace(/[&<>"]/g, function (c) {
+            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
+        });
+    }
+
+    // ── Chip rendering ────────────────────────────────────────────────────────
+    function renderChips(chipsEl, items, onRemove) {
+        if (!chipsEl) return;
+        chipsEl.innerHTML = items.map(function (item) {
+            return '<span class="doc-chip" data-id="' + item.id + '">'
+                + '<span class="doc-chip__label">' + esc(item.title) + '</span>'
+                + '<button type="button" class="doc-chip__remove" aria-label="Remove ' + esc(item.title) + '">&times;</button>'
+                + '</span>';
+        }).join('');
+        chipsEl.querySelectorAll('.doc-chip__remove').forEach(function (btn) {
+            btn.addEventListener('click', function (e) {
+                e.stopPropagation();
+                var id = parseInt(btn.closest('.doc-chip').dataset.id, 10);
+                if (onRemove) onRemove(id);
+            });
+        });
+    }
+
+    // ── Text doc picker wiring ────────────────────────────────────────────────
+    var docPickerBtn   = document.getElementById('docPickerBtn');
+    var docPickerIds   = document.getElementById('docPickerIds');
+    var docPickerChips = document.getElementById('docPickerChips');
+
+    var _textSelected = {};
+
+    function syncTextPicker() {
+        if (docPickerIds) {
+            docPickerIds.value = Object.keys(_textSelected).join(',');
+        }
+        renderChips(docPickerChips, Object.values(_textSelected), function (id) {
+            delete _textSelected[id];
+            delete _selected[id];
+            syncTextPicker();
+        });
+    }
+
+    if (docPickerBtn) {
+        docPickerBtn.addEventListener('click', function () {
+            if (!window.DBN_TOOLS_AUTHENTICATED) return; // shouldn't happen
+            if (!isPaidUser()) { showUpgradeModal(); return; }
+            _selected = Object.assign({}, _textSelected);
+            openPicker('text', function (sel) {
+                _textSelected = {};
+                sel.forEach(function (s) { _textSelected[s.id] = s; });
+                syncTextPicker();
+            });
+        });
+    }
+
+    // ── Audio picker wiring ───────────────────────────────────────────────────
+    var audioPickerBtn   = document.getElementById('audioPickerBtn');
+    var audioPickerDocId = document.getElementById('audioPickerDocId');
+    var audioPickerChips = document.getElementById('audioPickerChips');
+
+    var _audioSelected = null; // single item or null
+
+    function syncAudioPicker() {
+        if (audioPickerDocId) {
+            audioPickerDocId.value = _audioSelected ? String(_audioSelected.id) : '';
+        }
+        renderChips(audioPickerChips, _audioSelected ? [_audioSelected] : [], function () {
+            _audioSelected = null;
+            syncAudioPicker();
+        });
+    }
+
+    if (audioPickerBtn) {
+        audioPickerBtn.addEventListener('click', function () {
+            if (!window.DBN_TOOLS_AUTHENTICATED) return;
+            if (!isPaidUser()) { showUpgradeModal(); return; }
+            _selected = _audioSelected ? { [_audioSelected.id]: _audioSelected } : {};
+            openPicker('audio', function (sel) {
+                _audioSelected = sel.length ? sel[0] : null;
+                syncAudioPicker();
+            });
+        });
+    }
+
+    // ── Audio corpus save button (inside transcribe page) ─────────────────────
+    // Allows saving an audio file from the upload queue to the corpus.
+    var audioCorpusSaveBtn = document.getElementById('audioCorpusSaveBtn');
+    if (audioCorpusSaveBtn && isPaidUser()) {
+        audioCorpusSaveBtn.hidden = false;
+        audioCorpusSaveBtn.addEventListener('click', function () {
+            var audioInput = document.getElementById('audioInput');
+            if (!audioInput || !audioInput.files.length) {
+                alert('Add an audio file first.');
+                return;
+            }
+            var file = audioInput.files[0];
+            var fd = new FormData();
+            fd.append('audio', file, file.name);
+            audioCorpusSaveBtn.disabled = true;
+            audioCorpusSaveBtn.textContent = 'Saving…';
+            fetch('/api/dashboard/audio-upload.php', { method: 'POST', credentials: 'same-origin', body: fd })
+                .then(function (r) { return r.json(); })
+                .then(function (data) {
+                    if (!data.ok) throw new Error(data.error || 'Upload failed');
+                    audioCorpusSaveBtn.textContent = 'Saved ✓';
+                    setTimeout(function () {
+                        audioCorpusSaveBtn.textContent = 'Save to My Audio';
+                        audioCorpusSaveBtn.disabled = false;
+                    }, 2500);
+                })
+                .catch(function (err) {
+                    alert('Could not save audio: ' + err.message);
+                    audioCorpusSaveBtn.textContent = 'Save to My Audio';
+                    audioCorpusSaveBtn.disabled = false;
+                });
+        });
+    }
+
+}());
@@ -1070,13 +1070,17 @@ async function runTool(event) {

  const tool = tools[state.activeTool];
  const text = els.input.value.trim();
-  if (!text) {
-    els.status.textContent = 'Add text before running the tool.';
-    els.input.focus();
+  const docIds = (document.getElementById('docPickerIds')?.value || '')
+      .split(',').map(Number).filter(Boolean);
+
+  if (!text && !docIds.length) {
+    els.status.textContent = 'Add text or select a document before running the tool.';
+    if (!docIds.length) els.input.focus();
    return;
  }

  const payload = { [tool.payloadKey]: text };
+  if (docIds.length) payload.doc_ids = docIds;
  if (tool.usesLanguage) {
    payload.language = currentLanguage();
  }
@@ -1812,6 +1816,45 @@ function showTranscribeProgress(clip, total) {
 }

 async function runTranscribe() {
+  const storedAudioDocId = parseInt(document.getElementById('audioPickerDocId')?.value || '0', 10);
+
+  // Stored audio path — no file in the queue required
+  if (storedAudioDocId > 0 && !audioQueue.length) {
+    setBusy(true);
+    els.status.textContent = 'Transcribing from corpus…';
+    try {
+      const fd = new FormData();
+      fd.append('audio_doc_id', String(storedAudioDocId));
+      fd.append('language', currentTranscribeLang ? currentTranscribeLang() : 'auto');
+      fd.append('task', currentTask ? currentTask() : 'transcribe');
+      const vadFilter = document.getElementById('vadFilterCheck')?.checked ?? false;
+      if (vadFilter) fd.append('vad_filter', '1');
+      const initPrompt = (document.getElementById('initPromptInput')?.value || '').trim();
+      if (initPrompt) fd.append('initial_prompt', initPrompt);
+      const whisperModel = document.getElementById('whisperModelSelect')?.value;
+      if (whisperModel) fd.append('model', whisperModel);
+      const postModel = document.querySelector('input[name="post_model"]:checked')?.value;
+      if (postModel) fd.append('post_model', postModel);
+      const diarize = document.getElementById('diarizeCheck')?.checked ?? false;
+      if (diarize) {
+        fd.append('diarize', '1');
+        const ns = parseInt(document.getElementById('numSpeakersInput')?.value || '', 10);
+        if (ns >= 2) fd.append('num_speakers', String(ns));
+      }
+      const resp = await fetch('api/transcribe.php', { method: 'POST', credentials: 'same-origin', body: fd });
+      const data = await resp.json().catch(() => ({}));
+      if (!resp.ok || !data.ok) throw new Error(data.error?.message || 'Transcription failed.');
+      if (typeof renderTranscribeResult === 'function') renderTranscribeResult(data);
+      else renderResults(data);
+      els.status.textContent = 'Done.';
+    } catch (err) {
+      els.status.textContent = err.message;
+    } finally {
+      setBusy(false);
+    }
+    return;
+  }
+
  if (!audioQueue.length) {
    els.status.textContent = currentUiT('noFileSelected');
    return;
@@ -1110,3 +1110,69 @@ function dbnToolsExtractCheckLegalBasis(string $text): string
    }
    return '';
 }
+
+// ── Document picker helpers ───────────────────────────────────────────────────
+
+/** Fetch text content of selected client documents as labelled blocks. */
+function dbnToolsFetchDocChunks(array $docIds, int $clientId): string
+{
+    if (empty($docIds) || $clientId <= 0) {
+        return '';
+    }
+    $db = dbnToolsDb();
+    $placeholders = implode(',', array_fill(0, count($docIds), '?'));
+    $stmt = $db->prepare(
+        "SELECT c.content, d.title AS doc_title, c.document_id
+         FROM client_chunks c
+         JOIN client_documents d ON d.id = c.document_id
+         WHERE c.client_id = ? AND c.document_id IN ($placeholders)
+           AND d.source_type != 'audio'
+         ORDER BY c.document_id, c.id ASC
+         LIMIT 500"
+    );
+    $stmt->execute(array_merge([$clientId], $docIds));
+    $byDoc = [];
+    foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
+        $id = (int)$row['document_id'];
+        $byDoc[$id] ??= ['title' => (string)$row['doc_title'], 'chunks' => []];
+        $byDoc[$id]['chunks'][] = (string)$row['content'];
+    }
+    $parts = [];
+    foreach ($byDoc as $doc) {
+        $parts[] = '=== ' . $doc['title'] . " ===\n" . implode("\n\n", $doc['chunks']);
+    }
+    return implode("\n\n---\n\n", $parts);
+}
+
+/** Resolve client_id for the current CaveauAI session; returns 0 for SSO/free-tier users. */
+function dbnToolsClientIdFromSession(): int
+{
+    try {
+        $tenant = dbnToolsEnsureDashboardTenant();
+        return (int)($tenant['client_id'] ?? 0);
+    } catch (Throwable) {
+        return 0;
+    }
+}
+
+/**
+ * Inject selected corpus document content into $text if doc_ids are in the request input.
+ * No-ops silently for free-tier (SSO) users who have no client_documents.
+ */
+function dbnToolsInjectDocContent(array $input, string $text): string
+{
+    $raw = $input['doc_ids'] ?? [];
+    $ids = array_values(array_filter(array_map('intval', is_array($raw) ? $raw : explode(',', (string)$raw))));
+    if (empty($ids)) {
+        return $text;
+    }
+    $clientId = dbnToolsClientIdFromSession();
+    if ($clientId <= 0) {
+        return $text;
+    }
+    $docText = dbnToolsFetchDocChunks($ids, $clientId);
+    if ($docText === '') {
+        return $text;
+    }
+    return $docText . ($text !== '' ? "\n\n---\n\n" . $text : '');
+}
@@ -22,11 +22,44 @@
    </section><!-- /workspace -->
 </main><!-- /appShell -->
 <?php require_once __DIR__ . '/footer.php'; ?>
+<link rel="stylesheet" href="/assets/css/doc-picker.css">
 <script src="assets/js/tools.js" defer></script>
 <?php if (!empty($extraScripts) && is_array($extraScripts)): foreach ($extraScripts as $extraScript): ?>
 <script src="<?= htmlspecialchars((string)$extraScript) ?>" defer></script>
 <?php endforeach; endif; ?>
 <script src="assets/js/corpus-save.js" defer></script>
+<script src="/assets/js/doc-picker.js" defer></script>
+
+<!-- Doc picker modal (shared across all tool pages) -->
+<div id="docPickerBackdrop" class="doc-picker-backdrop" hidden role="dialog" aria-modal="true" aria-labelledby="docPickerTitle">
+    <div class="doc-picker-dialog">
+        <div class="doc-picker-dialog__head">
+            <h3 id="docPickerTitle">Select from My Docs</h3>
+            <button class="doc-picker-dialog__close" aria-label="Close">&times;</button>
+        </div>
+        <input type="search" class="doc-picker-dialog__search" placeholder="Search documents…" aria-label="Search documents">
+        <div class="doc-picker-list" role="listbox" aria-multiselectable="true">
+            <p class="doc-picker-list__loading">Loading…</p>
+        </div>
+        <div class="doc-picker-dialog__foot">
+            <span class="doc-picker-dialog__count"></span>
+            <button class="doc-picker-dialog__confirm" disabled>Add to tool</button>
+        </div>
+    </div>
+</div>
+
+<!-- Upgrade modal for free-tier users -->
+<div id="docPickerUpgradeBackdrop" class="doc-picker-upgrade-backdrop" hidden role="dialog" aria-modal="true" aria-labelledby="docPickerUpgradeTitle">
+    <div class="doc-picker-upgrade-card">
+        <span class="doc-picker-upgrade-card__icon">📂</span>
+        <h3 id="docPickerUpgradeTitle">Plus &amp; Pro feature</h3>
+        <p>Select documents from your uploaded corpus and feed them directly into any tool. Available on Plus and Pro plans.</p>
+        <div class="doc-picker-upgrade-card__actions">
+            <a href="/pricing.php" class="doc-picker-upgrade-card__cta">View plans</a>
+            <button class="doc-picker-upgrade-card__dismiss">Maybe later</button>
+        </div>
+    </div>
+</div>

 <!-- Save-to-corpus dialog (shared across all tool pages) -->
 <dialog id="save-corpus-dialog" class="save-corpus-dialog">
@@ -72,6 +72,15 @@
                        <p class="alias-hint">Replace a name with a bracketed alias, e.g. &ldquo;David Jr&rdquo; &rarr; [Junior]</p>
                    </div>

+                    <div id="docPickerSection" class="doc-picker-section">
+                        <button type="button" id="docPickerBtn" class="doc-picker-btn" aria-haspopup="dialog">
+                            <svg class="doc-picker-btn__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 2h7l3 3v9H3V2z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M10 2v3h3" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M5 7h6M5 9.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
+                            <span>Select from My Docs</span>
+                        </button>
+                        <div id="docPickerChips" class="doc-picker-chips" aria-label="Selected documents"></div>
+                        <input type="hidden" id="docPickerIds" name="doc_ids" value="">
+                    </div>
+
                    <label class="input-label" for="toolInput" id="inputLabel">Question</label>
                    <textarea id="toolInput" name="toolInput" rows="10" required></textarea>

@@ -0,0 +1,4 @@
+-- Add audio file storage path to client_documents
+-- Run once on production: mysql dobetternorge < audio_docs_column.sql
+ALTER TABLE client_documents
+  ADD COLUMN audio_storage_path VARCHAR(500) NULL AFTER source_url;
@@ -104,6 +104,15 @@ require_once __DIR__ . '/includes/layout.php';
                        </div>
                    </div>

+                    <div id="audioPickerSection" class="doc-picker-section">
+                        <button type="button" id="audioPickerBtn" class="doc-picker-btn" aria-haspopup="dialog">
+                            <svg class="doc-picker-btn__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.4"/><path d="M6 5.5v5l5-2.5-5-2.5z" fill="currentColor"/></svg>
+                            <span data-i18n="audioPickerBtn">Select from My Audio</span>
+                        </button>
+                        <div id="audioPickerChips" class="doc-picker-chips" aria-label="Selected audio file"></div>
+                        <input type="hidden" id="audioPickerDocId" name="audio_doc_id" value="">
+                    </div>
+
                    <!-- Hidden stubs so tools.js refs don't crash on this page -->
                    <div class="is-hidden" id="languageControl" aria-hidden="true">
                        <input type="radio" name="language" value="en" checked>