flock-core 0.4.543__py3-none-any.whl → 0.5.0__py3-none-any.whl

flock/webapp/templates/partials/_execution_form.html

@@ -1,127 +0,0 @@
-<script>
-    // Create URL template for agent input forms
-    window.agentInputFormUrlTemplate = '{{ url_for("htmx_get_agent_input_form", agent_name="AGENT_PLACEHOLDER") }}';
-</script>
-
-<article id="execution-form-content">
-    <header>
-        <h2>Run Flock</h2>
-    </header>
-    {% if flock and flock.agents %} <form hx-post="{{ url_for('htmx_run_flock') }}" hx-target="#results-display"
-        hx-swap="innerHTML" hx-indicator="#run-loading-indicator" x-data="{ selectedAgentForInput: '' }">
-
-        <label for="start_agent_name_select">Select Start Agent:</label>
-        <select id="start_agent_name_select" name="start_agent_name" required x-model="selectedAgentForInput" @change="
-                    if ($event.target.value) {
-                        const url = window.agentInputFormUrlTemplate.replace('AGENT_PLACEHOLDER', $event.target.value);
-                        htmx.ajax('GET', url, {target: '#dynamic-input-form-fields', swap: 'innerHTML', indicator: '#input-form-loading-indicator'});
-                    } else {
-                        document.getElementById('dynamic-input-form-fields').innerHTML = '<p><small>Select an agent to see its input fields.</small></p>';
-                    }
-                ">
-            <option value="" disabled {% if not selected_agent_name %}selected{% endif %}>-- Choose an agent --</option>
-            {% for agent_name_key in flock.agents.keys() %}
-            <option value="{{ agent_name_key }}" {% if selected_agent_name==agent_name_key %}selected{% endif %}>{{
-                agent_name_key }}</option>
-            {% endfor %}
-        </select>
-
-        <div id="dynamic-input-form-fields">
-            <!-- Input fields for the selected agent will be loaded here -->
-            <p><small>Select an agent to see its input fields.</small></p>
-        </div>
-        <div id="input-form-loading-indicator" class="htmx-indicator">
-            <progress indeterminate></progress> Loading input form...
-        </div>
-
-        <fieldset style="margin-top: 1rem;">
-            <label style="display: flex; gap: 0.5rem; align-items: center;">
-                <input type="checkbox" name="use_production_tools" value="true"
-                    @change="if ($event.target.checked && !confirm('Use production tool set? These calls may access live systems.')) { $event.target.checked = false; }">
-                <span>Use production tool set</span>
-            </label>
-            <small>Production tools may connect to live services.</small>
-        </fieldset>
-
-        <button type="submit" {% if not flock.agents %}disabled{% endif %}>Run Flock</button>
-        <div id="share-agent-link-container" style="margin-top: 0.5rem;">
-            <a href="#" id="shareAgentHtmxLink" hx-post="{{ url_for('htmx_generate_share_link') }}"
-                hx-target="#shareLinkDisplayArea" hx-swap="innerHTML" hx-indicator="#share-loading-indicator"
-                hx-include="#start_agent_name_select"
-                style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                Create shareable link...
-            </a>
-            <span id="share-loading-indicator" class="htmx-indicator">
-                <progress indeterminate></progress> Generating link...
-            </span>
-        </div>
-
-        <div id="feedback-download-container" style="margin-top: 0.5rem;">
-            <div x-show="selectedAgentForInput" x-cloak
-                style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;">
-                <span style="padding: 0.25rem; text-decoration: underline;">Download feedback for selected
-                    agent:</span>
-                <div>
-                    <a href="#" id="downloadFeedbackLink" hx-indicator="#download-feedback-loading-indicator"
-                    hx-include="#start_agent_name_select"
-                    :href="selectedAgentForInput ? '{{ url_for('chat_feedback_download', agent_name='AGENT_PLACEHOLDER', format='csv') }}'.replace('AGENT_PLACEHOLDER', selectedAgentForInput) : '#'"
-                    style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                    CSV
-                </a>
-                <a href="#" id="downloadFeedbackLinkXlsx" hx-indicator="#download-feedback-loading-indicator"
-                    hx-include="#start_agent_name_select"
-                    :href="selectedAgentForInput ? '{{ url_for('chat_feedback_download', agent_name='AGENT_PLACEHOLDER', format='xlsx') }}'.replace('AGENT_PLACEHOLDER', selectedAgentForInput) : '#'"
-                    style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                    XLSX
-                </a>
-                </div>
-            </div>
-            <span id="download-feedback-loading-indicator" class="htmx-indicator">
-                <progress indeterminate></progress> Preparing file...
-            </span>
-        </div>
-
-        <div id="feedback-download-container-all" style="margin-top: 0.5rem;">
-            <div style="display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;">
-                <span style="padding: 0.25rem; text-decoration: underline;">Download feedback for all
-                    agents:</span>
-                <div>
-                    <a href="{{ url_for('chat_feedback_download_all', format='csv') }}" id="downloadFeedbackLinkAll"
-                        style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                        CSV
-                    </a>
-                    <a href="{{ url_for('chat_feedback_download_all', format='xlsx') }}"
-                        id="downloadFeedbackLinkAllXlsx"
-                        style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                        XLSX
-                    </a>
-                </div>
-            </div>
-            <span id="download-feedback-loading-indicator-all" class="htmx-indicator">
-                <progress indeterminate></progress> Preparing file...
-            </span>
-        </div>
-
-        <span id="run-loading-indicator" class="htmx-indicator">
-            <progress indeterminate></progress> Running...
-        </span>
-    </form>
-    {% elif flock and not flock.agents %}
-    <p>No agents available in the current Flock. Add agents to enable execution.</p>
-    {% else %}
-    <p>Load or create a Flock to enable execution.</p>
-    {% endif %}
-
-    <div id="shareLinkDisplayArea" style="margin-top: 1rem;">
-        <!-- Content will be loaded here by HTMX -->
-    </div>
-
-</article>
-
-<script>
-    document.addEventListener('DOMContentLoaded', function () {
-        // All previous JavaScript for toggling share link visibility is removed.
-        // If there are other unrelated JavaScript functions in this script block,
-        // they would remain.
-    });
-</script>

flock/webapp/templates/partials/_execution_view_container.html

@@ -1,28 +0,0 @@
-<article class="two-pane-flex-container" x-data="{ showLeftPane: true }">
-    <!-- Left pane - collapsed state -->
-    <div class="left-pane-collapsed" x-show="!showLeftPane" style="display: none;">
-        <a href="#" class="pane-toggle" @click.prevent="showLeftPane = true" aria-label="Expand left pane">Show</a>
-    </div>
-
-    <!-- Left pane - expanded state -->
-    <section id="execution-left-pane" x-show="showLeftPane" style="flex: 1; min-width: 200px; max-width: 500px;">
-        <div class="pane-header" style="display: flex; justify-content: flex-end; margin-bottom: 10px;">
-            <a href="#" class="pane-toggle" @click.prevent="showLeftPane = false" aria-label="Hide left pane">Hide</a>
-        </div>
-        {# The Execution Form will be loaded here #}        <div id="execution-form-wrapper" hx-get="{{ url_for('htmx_get_execution_form_content') }}" 
-            hx-trigger="load" hx-swap="innerHTML">
-            <p>Loading execution form...</p><progress indeterminate></progress>
-        </div>
-    </section>
-
-    <section id="execution-right-pane" class="right-pane-framed"
-        :style="showLeftPane ? 'flex: 2; border-left: 1px solid var(--pico-muted-border-color); padding-left: 1.5rem;' : 'flex: 1; border-left: none; padding-left: 0;'">
-        {# The Results Display area, always present when this container is loaded #}
-        <header style=" border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem;">
-            <h5>Execution Results</h5>
-        </header>
-        <div id="results-display">
-            <p><code>Results will appear here after running the Flock.</code></p>
-        </div>
-    </section>
-</article>

flock/webapp/templates/partials/_flock_file_list.html

@@ -1,23 +0,0 @@
-{% if flock_files %}
-<ul class="item-list">
-    {% for file_name in flock_files %}    <li hx-post="{{ url_for('ui_load_flock_by_name_action') }}" 
-        hx-vals='{"selected_flock_filename": "{{ file_name }}"}'
-        {# After successful load, the main.py route for by-name will now return 
-           the flock properties form targeted to the main content area AND
-           trigger flockLoaded event for the sidebar.
-           For the right pane of *this* view, we might want to show file details.
-           Let's assume for now loading a flock navigates to the editor.
-           If we want to show details *here*, the target would be #flock-file-detail-or-upload
-        #}
-        hx-target="#main-content-area" {# This will load the editor page content #}
-        hx-swap="innerHTML" 
-        hx-indicator="#flock-file-list-loading-indicator"
-        hx-push-url="{{ url_for('page_editor_section', ui_mode='properties') }}"> {# Push URL to editor after load #}
-        {{ file_name }}
-    </li>
-    {% endfor %}
-</ul>
-{% else %}
-<p style="padding: 1rem;">No Flock files found. Create one or upload.</p>
-{% endif %}
-<div id="flock-file-list-loading-indicator" class="htmx-indicator" style="text-align:center;"><progress indeterminate></progress></div>

flock/webapp/templates/partials/_flock_properties_form.html

@@ -1,52 +0,0 @@
-<article id="flock-properties-form-article">
-    <header>
-        <h2>Flock Properties </h2>
-       
-    </header>
-    
-    {% if update_message %}
-        <div class="form-message {{ 'success' if success else 'error' }}" role="alert"
-             x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 3000)"
-             x-transition:leave="transition ease-in duration-300"
-             x-transition:leave-start="opacity-100"
-             x-transition:leave-end="opacity-0">
-            {{ update_message }}
-        </div>
-    {% endif %}
-    {% if save_message %}
-        <div class="form-message {{ 'success' if success else 'error' }}" role="alert"
-             x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 3000)"
-             x-transition:leave="transition ease-in duration-300"
-             x-transition:leave-start="opacity-100"
-             x-transition:leave-end="opacity-0">
-            {{ save_message }}
-        </div>
-    {% endif %}
-
-    <form hx-post="{{ url_for('htmx_update_flock_properties') }}" hx-target="#flock-properties-form-article" hx-swap="innerHTML" hx-indicator="#flock-props-loading">
-        <label for="flock_name">Flock Name</label>
-        <input type="text" id="flock_name" name="flock_name" value="{{ flock.name if flock else '' }}" required>
-
-        <label for="default_model">Default Model</label>
-        <input type="text" id="default_model" name="default_model" value="{{ flock.model if flock and flock.model else '' }}" placeholder="e.g., openai/gpt-4o">
-
-        <label for="description">Description</label>
-        <textarea id="description" name="description" placeholder="A brief description of this Flock.">{{ flock.description if flock and flock.description else '' }}</textarea>
-        
-        <div class="grid">
-            <button type="submit">Update Properties <span id="flock-props-loading" class="htmx-indicator"><progress indeterminate></progress></span></button>
-        </div>
-    </form>
-    <hr>
-     <form hx-post="{{ url_for('htmx_save_flock') }}" hx-target="#flock-properties-form-article" hx-swap="innerHTML" hx-indicator="#flock-save-loading">
-        <label for="save_filename">Save Flock As:</label>
-        <input type="text" id="save_filename" name="save_filename" 
-               value="{{ current_filename if current_filename else (flock.name.replace(' ', '_').lower() + '.flock.yaml' if flock and flock.name else 'my_flock.flock.yaml') }}" 
-               required
-               placeholder="filename.flock.yaml">
-        <small>Will save to <code>./.flock_ui_projects/</code>. Use <code>.flock.yaml</code>, <code>.yaml</code>, or <code>.yml</code>.</small>
-        <div class="grid">
-            <button type="submit">Save to File <span id="flock-save-loading" class="htmx-indicator"><progress indeterminate></progress></span></button>
-        </div>
-    </form>
-</article>

flock/webapp/templates/partials/_flock_upload_form.html

@@ -1,16 +0,0 @@
-<article>
-    <header>
-        <h5>Upload New Flock File</h5>
-    </header>    <form hx-post="{{ url_for('load_flock_by_upload') }}"
-          hx-target="#main-content-area" {# After upload, go to editor #}
-          hx-swap="innerHTML"
-          hx-encoding="multipart/form-data"
-          hx-indicator="#upload-loading-indicator-pane">
-        <label for="flock_file_upload_pane">Upload <code>.flock.yaml</code>, <code>.yaml</code>, or <code>.yml</code> file:</label>
-        <input type="file" id="flock_file_upload_pane" name="flock_file_upload" accept=".yaml,.yml,.flock" required>
-        <button type="submit">Upload and Load Flock</button>
-        <span id="upload-loading-indicator-pane" class="htmx-indicator"><progress indeterminate></progress> Uploading...</span>
-    </form>
-    {# Optionally, if a file from the list was clicked to show details before loading: #}
-    {# {% if selected_file_details %} ... display details ... {% endif %} #}
-</article>

flock/webapp/templates/partials/_header_flock_status.html

@@ -1,5 +0,0 @@
-{% if current_flock %}
-<small>Current: <code>{{ current_filename or current_flock.name }}</code></small>
-{% else %}
-<small>No Flock Loaded</small>
-{% endif %}

flock/webapp/templates/partials/_live_logs.html

@@ -1,13 +0,0 @@
-{% if logs %}
-<div class="live-log-entries">
-{% for entry in logs %}
-    <div class="live-log-entry {{ entry.css_class }}">
-        <span class="live-log-time">{{ entry.time_display }}</span>
-        <span class="live-log-stream">{{ entry.stream_label }}</span>
-        <span class="live-log-text">{{ entry.text }}</span>
-    </div>
-{% endfor %}
-</div>
-{% else %}
-<div class="live-log-empty">No CLI output captured yet.</div>
-{% endif %}

flock/webapp/templates/partials/_load_manager_view.html

@@ -1,49 +0,0 @@
-<!-- <article id="dashboard-flock-manager-content"> -->
-    <!-- {# This outer header is removed, title moves into the left-pane's new article structure #}
-    {# <header>
-        <h2>Manage & Load Flocks</h2> #}
-    </header> -->
-
-    {% if error_message %}
-        <div class="error DANGER" role="alert" x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 5000)">
-            {{ error_message }} <button type="button" class="close" @click="show = false">×</button>
-        </div>
-    {% endif %}
-    {% if success_message %}
-        <div class="success SUCCESS" role="alert" x-data="{ show: true }" x-show="show" x-init="setTimeout(() => show = false, 5000)">
-            {{ success_message }} <button type="button" class="close" @click="show = false">×</button>
-        </div>
-    {% endif %}
-
-    <article class="two-pane-flex-container">
-        <article class="left-pane"> {# Changed section to article, or wrap section in article #}
-            <header class="grid">
-                <h2>Load Flock</h2> {# Moved title here #}
-                <div style="text-align: right;">
-                    <button role="button" class="outline" hx-get="{{ url_for('htmx_get_create_flock_form') }}?ui_mode={{ ui_mode }}" hx-target="#flock-properties-or-action-content" hx-swap="innerHTML">Add New Flock</button>
-                </div>
-            </header>
-            {# Content of the left pane now goes into this article #}
-            <div style="padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal); flex-grow: 1; display: flex; flex-direction: column;">                <div hx-get="{{ url_for('htmx_get_dashboard_flock_file_list_partial') }}" 
-                     hx-trigger="load, flockFileListChanged from:body" 
-                     hx-swap="innerHTML" 
-                     id="dashboard-flock-file-list-target"
-                     class="item-list-container" style="flex-grow: 1; overflow-y: auto;border: 1px solid var(--pico-border-color); border-radius: var(--pico-border-radius);">
-                    <p style="padding:1rem; border: 1px solid var(--pico-border-color); border-radius: var(--pico-border-radius);">Loading files...</p><progress indeterminate></progress>
-                </div>
-            </div>
-        </article>
-
-        <section id="flock-detail-action-column" class="right-pane-framed">
-            <header>
-                <h5>Flock Details</h5>
-            </header>
-            <div id="flock-properties-or-action-content">
-                 <article style="text-align:center; margin-top: 2rem; border: none; background: transparent;">
-                    <p>Select a Flock from the list to view its details and load it into the editor.</p>
-                    <p><small>To create a new Flock or upload an existing one, use the options in the sidebar.</small></p>
-                </article>
-            </div>
-        </section>
-    </article>
-<!-- </article> -->

flock/webapp/templates/partials/_registry_table.html

@@ -1,25 +0,0 @@
-<article style="margin-top:0; padding-top:0;"> {# Remove top margin/padding from article to align with buttons #}
-    <header>
-        <h4 style="margin-bottom: 0.5rem;">{{ item_type_display }}</h4>
-    </header>
-    {% if items %}
-    <table>
-        <thead>
-            <tr>
-                <th>Name</th>
-                <th>Module Path</th>
-            </tr>
-        </thead>
-        <tbody>
-            {% for item in items %}
-            <tr>
-                <td>{{ item.name }}</td>
-                <td>{{ item.module }}</td>
-            </tr>
-            {% endfor %}
-        </tbody>
-    </table>
-    {% else %}
-    <p>No {{ item_type_display.lower() }} found in the registry.</p>
-    {% endif %}
-</article>

flock/webapp/templates/partials/_registry_viewer_content.html

@@ -1,70 +0,0 @@
-<article>
-    <header>
-        <h2>Flock Registry Viewer</h2>
-        <p>Browse items registered with the Flock framework.</p>
-    </header>
-
-    <nav>
-        <ul role="group">
-            <li>
-                <button role="button" class="outline"
-                    hx-get="{{ url_for('htmx_get_registry_table', item_type='type') }}"
-                    hx-target="#registry-table-container" hx-indicator="#registry-loading"
-                    hx-on:click="setActiveButton(this)">
-                    View Types
-                </button>
-            </li>
-            <li>
-                <button role="button" class="outline"
-                    hx-get="{{ url_for('htmx_get_registry_table', item_type='tool') }}"
-                    hx-target="#registry-table-container" hx-indicator="#registry-loading"
-                    hx-on:click="setActiveButton(this)">
-                    View Tools/Callables
-                </button>
-            </li>
-            <li>
-                <button role="button" class="outline"
-                    hx-get="{{ url_for('htmx_get_registry_table', item_type='component') }}"
-                    hx-target="#registry-table-container" hx-indicator="#registry-loading"
-                    hx-on:click="setActiveButton(this)">
-                    View Components
-                </button>
-            </li>
-            <li>
-                <span style="padding: 0.25rem; text-decoration: underline;">Feedback-Files</span>
-                <div>
-                    <a href="{{ url_for('chat_feedback_download_all', format='csv') }}" id="downloadFeedbackLinkAll"
-                        style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                        CSV
-                    </a>
-                    <a href="{{ url_for('chat_feedback_download_all', format='xlsx') }}"
-                        id="downloadFeedbackLinkAllXlsx"
-                        style="padding: 0.25rem 0.5rem; margin: 0.25rem; background: var(--pico-primary); color: white; text-decoration: none; border-radius: 4px; font-size: 0.875rem;">
-                        XLSX
-                    </a>
-                </div>
-            </li>
-        </ul>
-    </nav>
-
-    <div id="registry-loading" class="htmx-indicator" style="text-align: center; margin-top: 1rem;">
-        <progress></progress> Loading...
-    </div>
-
-    <div id="registry-table-container" style="margin-top: 1.5rem;">
-        <p>Select a category above to view registered items.</p>
-    </div>
-</article>
-
-<script>
-    // Make sure this script is included or available globally
-    function setActiveButton(clickedButton) {
-        const buttons = clickedButton.closest('ul[role="group"]').querySelectorAll('button');
-        buttons.forEach(button => {
-            button.classList.remove('primary');
-            button.classList.add('outline');
-        });
-        clickedButton.classList.remove('outline');
-        clickedButton.classList.add('primary');
-    }
-</script>

flock/webapp/templates/partials/_results_display.html

@@ -1,78 +0,0 @@
-{% from "partials/_structured_data_view.html" import render_value %}
-
-<article id="results-display-content" x-data="{ viewMode: 'structured' }">
-    <header class="grid">
-        <h5 style="margin-bottom: 0;">Execution Result</h5>
-        <div style="text-align: right;">
-            <button role="button" class="outline contrast" @click="viewMode = 'structured'" :aria-pressed="viewMode === 'structured'">Structured</button>
-            <button role="button" class="outline contrast" @click="viewMode = 'json'" :aria-pressed="viewMode === 'json'">Raw JSON</button>
-
-            <div style="display:inline-block;margin-left:0.5rem;">
-                <!-- Quick thumbs-up feedback (inline form so we have the identifiers) -->
-                <form hx-post="{{ feedback_endpoint }}" hx-target="#results-display-content" hx-swap="innerHTML" style="display:inline-block;vertical-align:middle;margin:0;" hx-indicator="#feedback-loading-indicator">
-                    {% if share_id %}<input type="hidden" name="share_id" value="{{ share_id }}">{% endif %}
-                    <input type="hidden" name="flock_name" value="{{ flock_name }}">
-                    <input type="hidden" name="agent_name" value="{{ agent_name }}">
-                    <input type="hidden" name="flock_definition" value='{{ flock_definition | replace("'", "&#39;") }}'>
-                    <input type="hidden" name="actual_response" value='{{ result_raw_json | replace("'", "&#39;") }}'>
-                    <input type="hidden" name="reason" value="positive">
-                    <button type="submit" role="button" class="outline contrast" title="Looks good!" style="padding:0.3rem 0.5rem;line-height:1;vertical-align:middle;margin:0;"><i class="fa fa-thumbs-up"></i></button>
-                </form>
-
-                <!-- Thumbs-down toggles detailed feedback form -->
-                <button role="button" class="outline contrast" @click="viewMode = 'feedback'" :aria-pressed="viewMode === 'feedback'" title="Something's wrong" style="padding:0.3rem 0.5rem;line-height:1;vertical-align:middle;margin:0;"><i class="fa fa-thumbs-down"></i></button>
-            </div>
-        </div>
-    </header>
-
-    <div x-show="viewMode === 'json'">
-        {# Check for the new result_raw_json variable first #}
-        {% if result_raw_json is defined %}
-            <pre><code class="language-json" style="word-break: break-all; white-space: pre-wrap;">{{ result_raw_json }}</code></pre>
-        {# Fallback for old context or if result was an error string from backend before formatting #}
-        {% elif result is string %}
-            <pre><code class="language-plaintext" style="word-break: break-all; white-space: pre-wrap;">{{ result }}</code></pre>
-        {% elif result %}
-            {# Fallback if result_raw_json is somehow not provided but result (dict) is #}
-            <pre><code class="language-json" style="word-break: break-all; white-space: pre-wrap;">{{ result | tojson(indent=2) }}</code></pre>
-        {% else %}
-            <p>No results to display yet.</p>
-        {% endif %}
-    </div>
-
-    <div x-show="viewMode === 'structured'">
-        {% if result is string %}
-            <p class="error" style="white-space: pre-wrap;">{{ result }}</p>
-        {% elif result is mapping %}
-            {{ render_value(result) }}
-        {% elif result %}
-             <p>Structured view not available for this result type (not a dictionary).</p>
-             <pre><code class="language-json" style="word-break: break-all; white-space: pre-wrap;">{{ result | tojson(indent=2) }}</code></pre>
-        {% else %}
-            <p>No results to display yet.</p>
-        {% endif %}
-    </div>
-
-    <!-- ---------------- Feedback form ---------------- -->
-    <div x-show="viewMode === 'feedback'" style="margin-top: 1rem;">
-        <form hx-post="{{ feedback_endpoint }}" hx-target="#results-display-content" hx-swap="innerHTML" hx-indicator="#feedback-loading-indicator">
-            {# Hidden identifiers #}
-            {% if share_id %}
-                <input type="hidden" name="share_id" value="{{ share_id }}">
-            {% endif %}
-            <input type="hidden" name="flock_name" value="{{ flock_name }}">
-            <input type="hidden" name="agent_name" value="{{ agent_name }}">
-            <input type="hidden" name="flock_definition" value='{{ flock_definition | replace("'", "&#39;") }}'>
-            <input type="hidden" name="actual_response" value='{{ result_raw_json | replace("'", "&#39;") }}'>
-
-            <label for="feedback_reason">Reason / Comment</label>
-            <textarea id="feedback_reason" name="reason" placeholder="Why isn't the answer good?" required style="min-height:6rem;"></textarea>
-
-            <label for="expected_response" style="margin-top:0.5rem;">Correct / Expected Response (JSON or text)</label>
-            <textarea id="expected_response" name="expected_response" style="white-space: pre; font-family: monospace; min-height:10rem;">{{ result_raw_json }}</textarea>
-
-            <button type="submit" class="secondary" style="margin-top:0.5rem;">Send Feedback</button>
-            <span id="feedback-loading-indicator" class="htmx-indicator"><progress indeterminate></progress> Sending…</span>
-        </form>
-    </div>
-</article>

flock/webapp/templates/partials/_settings_env_content.html

@@ -1,9 +0,0 @@
-<article>
-    <h3>Environment Variables</h3>
-    <div style="display:flex; gap:0.5rem; flex-wrap:wrap;">        <button class="outline small" id="toggle-secrets-btn" hx-post="{{ url_for('htmx_toggle_show_secrets') }}" hx-target="#env-vars-container" hx-swap="outerHTML">
-            {% if show_secrets %}Hide Secrets{% else %}Show Secrets{% endif %}
-        </button>
-        <button class="outline small" hx-get="{{ url_for('htmx_env_add_form') }}" hx-target="#env-vars-container" hx-swap="afterbegin">Add Variable</button>
-    </div>
-    {% include 'partials/_env_vars_table.html' %}
-</article> 

flock/webapp/templates/partials/_settings_theme_content.html

@@ -1,14 +0,0 @@
-<article>
-    <h3>Theme Switcher</h3>
-    <div style="display:flex; gap:0.5rem; flex-wrap:wrap; align-items:center;">
-        <label for="theme-select" style="margin:0;">Select Theme:</label>        <select id="theme-select" name="theme" hx-get="{{ url_for('htmx_theme_preview') }}" hx-target="#theme-preview" hx-trigger="load, change" hx-include="#theme-select" hx-swap="innerHTML">
-            {% for t in themes %}
-            <option value="{{ t }}" {% if t == current_theme %}selected{% endif %}>{{ t }}</option>
-            {% endfor %}
-        </select>
-        <button class="small" hx-post="{{ url_for('apply_theme') }}" hx-target="body" hx-include="#theme-select" hx-swap="none">Apply</button>
-    </div>
-    <div id="theme-preview" style="margin-top:1rem;">
-        <!-- Preview generated by theme-preview endpoint -->
-    </div>
-</article> 

flock/webapp/templates/partials/_settings_view.html

@@ -1,36 +0,0 @@
-<!-- Settings View -->
-<article>
-    <header>
-        <h2>Settings</h2>
-    </header>
-    <nav>
-        <ul role="group">
-            <li>
-                <button role="button" class="primary" hx-get="{{ url_for('htmx_settings_env_vars') }}" hx-target="#settings-content-container" hx-indicator="#settings-loading" hx-on:click="setActiveButton(this)">Environment</button>
-            </li>
-            <li>
-                <button role="button" class="outline" hx-get="{{ url_for('htmx_settings_theme') }}" hx-target="#settings-content-container" hx-indicator="#settings-loading" hx-on:click="setActiveButton(this)">Theme</button>
-            </li>
-        </ul>
-    </nav>
-
-    <div id="settings-loading" class="htmx-indicator" style="text-align:center; margin-top:1rem;">
-        <progress></progress> Loading...
-    </div>
-
-    <div id="settings-content-container" style="margin-top:1.5rem;">
-        {% include 'partials/_settings_env_content.html' %}
-    </div>
-</article>
-
-<script>
-    function setActiveButton(clickedButton) {
-        const buttons = clickedButton.closest('ul[role="group"]').querySelectorAll('button');
-        buttons.forEach(btn => {
-            btn.classList.remove('primary');
-            btn.classList.add('outline');
-        });
-        clickedButton.classList.remove('outline');
-        clickedButton.classList.add('primary');
-    }
-</script> 

flock/webapp/templates/partials/_share_chat_link_snippet.html

@@ -1,11 +0,0 @@
-{# This snippet is returned by the /ui/htmx/share/chat/generate-link endpoint #}
-{% if share_url %}
-    <p style="margin-bottom: 0.5rem;"><strong>Shareable Chat Link generated:</strong></p>
-    <input type="text" id="generatedShareChatLinkInput" value="{{ share_url }}" readonly style="width: 100%; margin-bottom: 0.5rem;">
-    <p><small>You can select the link above and copy it (Ctrl+C or Cmd+C).</small></p>
-    <p><small>This link will start a chat session with the agent '{{ agent_name }}' from Flock '{{ flock_name }}' using the currently saved settings.</small></p>
-{% elif error_message %}
-    <p style="color: var(--pico-form-invalid-color);">Error generating chat link: {{ error_message }}</p>
-{% else %}
-    <p><em>Something went wrong, no chat link generated.</em></p>
-{% endif %} 

flock/webapp/templates/partials/_share_link_snippet.html

@@ -1,35 +0,0 @@
-{# This snippet is returned by the /ui/htmx/share/generate-link endpoint #}
-{% if share_url %}
-    <p style="margin-bottom: 0.5rem;"><strong>Shareable Link generated:</strong></p>
-    <input type="text" id="generatedShareLinkInput" value="{{ share_url }}" readonly style="width: 100%; margin-bottom: 0.5rem;">
-    {# <button type="button" onclick="copyGeneratedLinkToClipboard()">Copy Link</button> #}
-    {# <small id="copyGeneratedStatusMsg" style="margin-left: 0.5rem;"></small> #}
-    <p><small>You can select the link above and copy it (Ctrl+C or Cmd+C).</small></p>
-{% elif error_message %}
-    <p style="color: var(--pico-form-invalid-color);">Error: {{ error_message }}</p>
-{% else %}
-    <p><em>Something went wrong, no link generated.</em></p>
-{% endif %}
-
-{# 
-<script>
-    // Minimal JS for copy if desired - but user asked for JS-free.
-    // If you re-add the button, uncomment this.
-    function copyGeneratedLinkToClipboard() {
-        const input = document.getElementById('generatedShareLinkInput');
-        const msg = document.getElementById('copyGeneratedStatusMsg');
-        if (!input || !msg) return;
-
-        input.select();
-        input.setSelectionRange(0, 99999); // For mobile devices
-        try {
-            document.execCommand('copy');
-            msg.textContent = 'Copied!';
-            setTimeout(() => { msg.textContent = ''; }, 2000);
-        } catch (err) {
-            console.error('Failed to copy text: ', err);
-            msg.textContent = 'Failed to copy.';
-        }
-    }
-</script>
-#}