 <textarea id="result-display" name="result" rows="10" cols="80" readonly placeholder="Response will display here">{{ result }}</textarea>
<!--         
        {% if result %}
            <h2>Output</h2>
            <p>{{ result }}</p>
        {% endif %} -->
        </form>
    </div>
 

    <script>
        // JavaScript to handle UI interactions
        const queryButton = document.getElementById('query-button');
        const promptInput = document.getElementById('prompt-input');
        const resultDi