{# File Picker Modal - select destination file for requirement moves #}
<div id="file-picker-modal" class="file-picker-modal hidden" onclick="if(event.target===this)closeFilePicker()">
    <div class="file-picker-container">
        <div class="file-picker-header">
            <h2>Select Destination File</h2>
            <button class="file-picker-close" onclick="closeFilePicker()">×</button>
        </div>
        <div class="file-picker-body">
            <div class="file-picker-input-row">
                <input type="text" id="filePickerInput" placeholder="Enter or select filename (e.g., prd-security.md)"
                       oninput="filterFiles(this.value)"
                       onkeydown="if(event.key==='Enter'){confirmFilePicker();event.preventDefault();}">
                <button class="btn" onclick="confirmFilePicker()">Confirm</button>
            </div>
            <div id="filePickerError" class="file-picker-error" style="display: none;"></div>
            <div class="file-picker-hint">Click a file below to select it, or type a new filename</div>
            <div id="filePickerList" class="file-picker-list"></div>
        </div>
    </div>
</div>