daveadmin
fa42c7223a
Forms lacked novalidate and textareas had required, so the browser fired HTML5 validation before tools.js could intercept — blocking submissions where text came from the doc picker or file upload rather than the textarea. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
99 lines
7.3 KiB
PHP
99 lines
7.3 KiB
PHP
<form id="toolForm" class="tool-form" novalidate>
|
|
<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="transcribeLangControl">
|
|
<span class="control-label">Language</span>
|
|
<label><input type="radio" name="transcribeLang" value="auto" checked> Auto-detect</label>
|
|
<label><input type="radio" name="transcribeLang" value="no"> Norsk</label>
|
|
<label><input type="radio" name="transcribeLang" value="en"> English</label>
|
|
</div>
|
|
|
|
<div class="control-row is-hidden" id="diarizeControl">
|
|
<span class="control-label">Speakers</span>
|
|
<label><input type="checkbox" id="diarizeCheck" name="diarize"> Separate speakers</label>
|
|
<span class="control-label" style="margin-left:1.25rem">Count</span>
|
|
<input type="number" id="numSpeakersInput" name="num_speakers" min="2" max="10" placeholder="auto" class="num-speakers-input" aria-label="Expected speaker count">
|
|
</div>
|
|
|
|
<div class="control-row is-hidden" id="corpusScopeControl">
|
|
<span class="control-label">Search</span>
|
|
<label><input type="radio" name="corpusScope" value="both" checked> Legal Library + My Docs</label>
|
|
<label><input type="radio" name="corpusScope" value="shared"> Legal Library only</label>
|
|
<label><input type="radio" name="corpusScope" value="private"> My Docs only</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>
|
|
|
|
<div class="upload-zone is-hidden" id="audioZone" role="region" aria-label="Audio upload">
|
|
<input type="file" id="audioInput" accept="audio/*,video/mp4,video/webm" aria-label="Choose audio file">
|
|
<div id="audioPrompt" class="upload-prompt">
|
|
<span class="upload-icon" aria-hidden="true">▶</span>
|
|
<p>Drop audio file here, or <label for="audioInput" class="upload-browse">browse</label></p>
|
|
<p class="upload-hint"><strong>MP3</strong>, <strong>WAV</strong>, <strong>OGG</strong>, <strong>M4A</strong>, <strong>FLAC</strong>, <strong>WEBM</strong> — max 200 MB</p>
|
|
</div>
|
|
<div id="audioFileInfo" class="upload-file is-hidden">
|
|
<ul class="upload-file-list"><li id="audioFileLine"><span id="audioFileName" class="upload-filename"></span><span id="audioFileSize" class="upload-chars"></span></li></ul>
|
|
<button type="button" id="audioClear" class="upload-clear" aria-label="Clear audio file">×</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="upload-zone is-hidden" id="uploadZone" role="region" aria-label="File upload">
|
|
<input type="file" id="uploadInput" multiple accept=".pdf,.docx,.txt" aria-label="Choose files">
|
|
<div id="uploadPrompt" class="upload-prompt">
|
|
<span class="upload-icon" aria-hidden="true">⇧</span>
|
|
<p>Drop up to 5 files (<strong>.pdf</strong>, <strong>.docx</strong>, <strong>.txt</strong>), or <label for="uploadInput" class="upload-browse">browse</label></p>
|
|
<p class="upload-hint">Text is extracted in memory and never stored.</p>
|
|
</div>
|
|
<div id="uploadFileInfo" class="upload-file is-hidden">
|
|
<ul id="uploadFileList" class="upload-file-list"></ul>
|
|
<button type="button" id="uploadClear" class="upload-clear" aria-label="Clear uploaded files">×</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alias-section is-hidden" id="aliasSection">
|
|
<div class="alias-header">
|
|
<span class="control-label">Name aliases</span>
|
|
<button type="button" id="addAliasRow" class="alias-add-btn">+ Add</button>
|
|
</div>
|
|
<div id="aliasRows"></div>
|
|
<p class="alias-hint">Replace a name with a bracketed alias, e.g. “David Jr” → [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"></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>
|