flock-core 0.5.0b28__py3-none-any.whl → 0.5.0b51__py3-none-any.whl

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>
-#} 

flock/webapp/templates/partials/_sidebar.html

@@ -1,74 +0,0 @@
-<nav>
-    {% if ui_mode == 'standalone' %}
-    <h5>Manage Flocks</h5>
-    <ul>
-        <li>            <button hx-get="{{ url_for('htmx_get_load_flock_view') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_dashboard') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_dashboard') or request.url.path == url_for('htmx_get_load_flock_view') %}active-nav{% endif %}">
-                <i class="fas fa-folder-open"></i> Load Flock
-            </button>
-        </li>
-        <!-- <li>            <button hx-get="{{ url_for('htmx_get_create_flock_form') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_create') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_create') %}active-nav{% endif %}">>
-                <i class="fas fa-plus-circle"></i> Create New Flock
-            </button>
-        </li> -->
-    </ul>
-    {% endif %}
-
-    {% if current_flock %}
-    <hr>
-    <h5>Current Flock</h5>
-    <ul>        
-        <li>            <button hx-get="{{ url_for('htmx_get_execution_view_container') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_editor_section', section='execute') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_editor_section', section='execute') %}active-nav{% endif %}">
-                <i class="fas fa-play-circle"></i> Execute Flock
-            </button>
-        </li>
-        <li>            <button hx-get="{{ url_for('htmx_get_agent_manager_view') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_editor_section', section='agents') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast{% if request.url.path == url_for('page_editor_section', section='agents') %}active-nav{% endif %}">
-                <i class="fas fa-robot"></i> Agents ({{ current_flock.agents|length }})
-            </button>
-        </li>        <li>            <button hx-get="{{ url_for('htmx_get_flock_properties_form') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_editor_section', section='properties') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_editor_section', section='properties') %}active-nav{% endif %}">
-                <i class="fas fa-cog"></i> Properties
-            </button>
-        </li>
-    </ul>
-    {% endif %}
-
-    <hr>
-    <h5>Tools</h5>
-    <ul>
-        <li>            <button hx-get="{{ url_for('htmx_get_registry_viewer') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_registry') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_registry') %}active-nav{% endif %}">
-                <i class="fas fa-book"></i> View Registry
-            </button>
-        </li>
-        <li>            <button hx-get="{{ url_for('htmx_get_settings_view') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_settings') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_settings') %}active-nav{% endif %}">
-                <i class="fas fa-sliders-h"></i> Settings
-            </button>
-        </li>
-        {% if chat_enabled %}        <li>            <button hx-get="{{ url_for('htmx_get_chat_view') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('page_chat') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('page_chat') %}active-nav{% endif %}">
-                <i class="fas fa-comments"></i> Chat
-            </button>
-        </li>        <li>            <button hx-get="{{ url_for('chat_settings_form') }}?ui_mode={{ ui_mode }}" hx-target="#main-content-area"
-                hx-push-url="{{ url_for('chat_settings_standalone') }}?ui_mode={{ ui_mode }}" hx-indicator="#content-loading-indicator-main"
-                class="contrast {% if request.url.path == url_for('chat_settings_standalone') %}active-nav{% endif %}">
-                <i class="fas fa-sliders-h"></i> Chat Settings
-            </button>
-        </li>
-        {% endif %}
-    </ul>
-    <div id="content-loading-indicator-main" class="htmx-indicator" style="text-align:center; padding:1rem;"><progress
-            indeterminate></progress></div>
-</nav>

flock/webapp/templates/partials/_streaming_results_container.html

@@ -1,195 +0,0 @@
-<div id="streaming-results-wrapper"
-     data-run-id="{{ run_id }}"
-     data-stream-url="{{ stream_url }}"
-     data-target-id="results-display"
-     data-agent-name="{{ agent_name }}">
-    <header style="margin-bottom: 0.75rem;">
-        <h5 style="margin: 0;">Streaming {{ agent_name }}</h5>
-        <p style="margin: 0; color: var(--pico-muted-color);">Live output appears below while the agent runs.</p>
-    </header>
-
-    <p class="error" data-role="error" hidden></p>
-    <div class="stream-output" data-role="output" style="min-height: 8rem; white-space: normal; word-break: break-word; font-family: var(--pico-code-font-family, monospace);">Connecting to agent…</div>
-    <div data-role="progress" style="margin-top: 0.5rem;" role="status">
-        <progress indeterminate></progress> Streaming response…
-    </div>
-</div>
-
-<script>
-(function () {
-    const script = document.currentScript;
-    if (!script) {
-        return;
-    }
-    const wrapper = script.previousElementSibling;
-    if (!(wrapper instanceof HTMLElement)) {
-        return;
-    }
-    if (wrapper.dataset.streamInit === '1') {
-        return;
-    }
-    wrapper.dataset.streamInit = '1';
-
-    const streamUrl = wrapper.dataset.streamUrl;
-    const runId = wrapper.dataset.runId;
-    const targetId = wrapper.dataset.targetId || 'results-display';
-
-    const outputEl = wrapper.querySelector('[data-role="output"]');
-    const errorEl = wrapper.querySelector('[data-role="error"]');
-    const progressEl = wrapper.querySelector('[data-role="progress"]');
-
-    if (!streamUrl || !runId || !(outputEl instanceof HTMLElement)) {
-        if (errorEl instanceof HTMLElement) {
-            errorEl.textContent = 'Streaming setup failed due to missing metadata.';
-            errorEl.hidden = false;
-        }
-        if (progressEl instanceof HTMLElement) {
-            progressEl.hidden = true;
-        }
-        return;
-    }
-
-    let plainText = outputEl instanceof HTMLElement ? outputEl.textContent || '' : '';
-    let source;
-    const fieldValues = new Map();
-    let latestStatus = '';
-
-    function escapeHtml(value) {
-        return value.replace(/[&<>"']/g, (char) => ({
-            '&': '&amp;',
-            '<': '&lt;',
-            '>': '&gt;',
-            '"': '&quot;',
-            "'": '&#39;',
-        })[char]);
-    }
-
-    function renderTableCell(value) {
-        return escapeHtml(value).replace(/\n/g, '<br>');
-    }
-
-    function renderStream() {
-        if (!(outputEl instanceof HTMLElement)) {
-            return;
-        }
-        if (fieldValues.size > 0) {
-            outputEl.style.whiteSpace = 'normal';
-            let rows = '';
-            fieldValues.forEach((value, field) => {
-                rows += `<tr><td class="stream-field" style="white-space: nowrap; padding-right: 1rem; vertical-align: top;">${escapeHtml(field)}</td><td>${renderTableCell(value)}</td></tr>`;
-            });
-            if (latestStatus) {
-                rows += `<tr class="stream-status"><td class="stream-field" style="white-space: nowrap; padding-right: 1rem; vertical-align: top;">status</td><td>${escapeHtml(latestStatus)}</td></tr>`;
-            }
-            outputEl.innerHTML = `<table class="structured-table streaming-table" style="width:100%; border-collapse: collapse; table-layout: auto;"><tbody>${rows}</tbody></table>`;
-        } else {
-            outputEl.style.whiteSpace = 'pre-wrap';
-            outputEl.textContent = plainText;
-        }
-    }
-
-    function showError(message) {
-        if (errorEl instanceof HTMLElement) {
-            errorEl.textContent = message;
-            errorEl.hidden = false;
-        }
-        if (progressEl instanceof HTMLElement) {
-            progressEl.hidden = true;
-        }
-    }
-
-    function closeStream() {
-        if (source) {
-            source.close();
-            source = undefined;
-        }
-        if (progressEl instanceof HTMLElement) {
-            progressEl.hidden = true;
-        }
-        renderStream();
-    }
-
-    function renderFinal(html, rawJson) {
-        const target = document.getElementById(targetId);
-        if (!target) {
-            return;
-        }
-        target.innerHTML = html;
-        if (window.htmx) {
-            window.htmx.process(target);
-        }
-        if (window.Prism) {
-            window.Prism.highlightAllUnder(target);
-        }
-        if (outputEl instanceof HTMLElement) {
-            outputEl.textContent = '';
-        }
-    }
-
-    try {
-        source = new EventSource(streamUrl);
-    } catch (err) {
-        console.error('Failed to start EventSource', err);
-        showError('Failed to connect for streaming.');
-        return;
-    }
-
-    source.onmessage = (event) => {
-        if (!event.data) {
-            return;
-        }
-        let payload;
-        try {
-            payload = JSON.parse(event.data);
-        } catch (err) {
-            console.warn('Unable to parse streaming payload', err);
-            return;
-        }
-
-        switch (payload.type) {
-            case 'token':
-                if (typeof payload.chunk === 'string') {
-                    if (payload.field) {
-                        const existing = fieldValues.get(payload.field) || '';
-                        fieldValues.set(payload.field, existing + payload.chunk);
-                    } else {
-                        plainText = (plainText === 'Connecting to agent…' ? '' : plainText) + payload.chunk;
-                    }
-                    renderStream();
-                }
-                break;
-            case 'status':
-                if (payload.message) {
-                    latestStatus = payload.message;
-                    if (fieldValues.size === 0) {
-                        plainText = (plainText === 'Connecting to agent…' ? '' : plainText);
-                        if (plainText && !plainText.endsWith('\n')) {
-                            plainText += '\n';
-                        }
-                        plainText += payload.message + '\n';
-                    }
-                    renderStream();
-                }
-                break;
-            case 'error':
-                showError(payload.message || 'An unexpected error occurred while streaming.');
-                closeStream();
-                break;
-            case 'final':
-                closeStream();
-                renderFinal(payload.html || '', payload.raw_json || payload.rawJson);
-                break;
-            case 'complete':
-                closeStream();
-                break;
-            default:
-                break;
-        }
-    };
-
-    source.onerror = () => {
-        showError('Connection lost while streaming.');
-        closeStream();
-    };
-})();
-</script>

flock/webapp/templates/partials/_structured_data_view.html

@@ -1,40 +0,0 @@
-{% macro render_value(value, level=0) %}
-    {% if value is mapping %}
-        {% if not value %}
-            <em style="color: var(--pico-muted-color);">(Empty Dictionary)</em>
-        {% else %}
-            <table class="structured-table level-{{ level }}" style="margin-left: {{ level * 20 }}px; margin-bottom: 0.5em; border-collapse: collapse; width: auto;">
-                <tbody>
-                {% for k, v in value.items() %}
-                    <tr style="border-bottom: 1px solid var(--pico-muted-border-color);">
-                        <td style="font-weight: bold; padding: 0.25em 0.5em; vertical-align: top; border-right: 1px solid var(--pico-muted-border-color); width: 30%;">{{ k }}</td>
-                        <td style="padding: 0.25em 0.5em; vertical-align: top;">{{ render_value(v, level + 1) }}</td>
-                    </tr>
-                {% endfor %}
-                </tbody>
-            </table>
-        {% endif %}
-    {% elif value is iterable and value is not string %}
-        {% if not value %}
-            <em style="color: var(--pico-code-color);">(Empty List)</em>
-        {% else %}
-            <ul style="margin-left: {{ level * 20 }}px; padding-left: 1em; list-style-type: disc; margin-bottom:0.5em;">
-            {% for item in value %}
-                <li>{{ render_value(item, level + 1) }}</li>
-            {% endfor %}
-            </ul>
-        {% endif %}
-    {% elif value is boolean %}
-        <code style="color: {{ 'var(--flock-success-color)' if value else 'var(--flock-error-color)' }}; font-weight:bold;">{{ value }}</code>
-    {% elif value is number %}
-        <code style="color: var(--pico-code-color);">{{ value }}</code>
-    {% elif value is none %}
-        <em style="color: var(--pico-code-color);">None</em>
-    {% else %}
-        {# Apply pre-wrap for multi-line strings and render markdown #}
-        <div class="markdown-content" style="word-break: break-word;">{{ value | markdown | safe }}</div>
-    {% endif %}
-{% endmacro %}
-
-{# Main entry point for this partial, assuming result_data is in context #}
-{{ render_value(result_data) }}

flock/webapp/templates/partials/_theme_preview.html

@@ -1,36 +0,0 @@
-{% if css_vars_str %}
-<script>
-(function() {
-    // Remove any existing theme preview
-    var existingPreview = document.getElementById('theme-preview-css');
-    if (existingPreview) {
-        existingPreview.remove();
-    }
-
-    // Inject new theme preview CSS
-    var style = document.createElement('style');
-    style.id = 'theme-preview-css';
-    style.textContent = `{{ css_vars_str | safe }}`;
-    document.head.appendChild(style);
-})();
-</script>
-{% endif %}
-<article style="border:1px solid var(--pico-border-color); padding:1rem; border-radius:8px;">
-    <hgroup>
-        <h3>Theme Preview: {{ theme_name }}</h3>
-        <p><small>Preview applied globally - navigate away or refresh to revert</small></p>
-    </hgroup>
-    <div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:0.5rem;">
-        {% for color_name, color_value in main_colors %}
-        <div>
-            <div style="height:24px; border-radius:4px; background-color: {{ color_value }};"></div>
-            <small>{{ color_name }}<br>{{ color_value }}</small>
-        </div>
-        {% endfor %}
-    </div>
-    <hr>
-    <button>Button</button>
-    <button class="secondary">Secondary</button>
-    <button class="contrast">Contrast</button>
-    <p>Sample text with <a href="#">link</a>, <mark>mark</mark>, <code>code</code>.</p>
-</article>

flock/webapp/templates/registry_viewer.html

@@ -1,84 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}Flock UI - Registry Viewer{% endblock %}
-
-{% block content %}
-<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='component') }}"
-                    hx-target="#registry-table-container" hx-indicator="#registry-loading"
-                    hx-on:click="setActiveButton(this)">
-                    View Components
-                </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>
-                <button role="button" class="secondary" hx-get="{{ url_for('chat_feedback_download_all')}}" download>
-                    Download Feedback-Files for Agents
-                </button>
-            </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>
-
-    <footer style="margin-top: 2rem;">
-        <a href="{{ url_for('page_editor_section', section='execute') }}" role="button" class="secondary contrast">Back
-            to Editor</a>
-    </footer>
-</article>
-
-<script>
-    function setActiveButton(clickedButton) {
-        // Get all buttons in the group
-        const buttons = clickedButton.closest('ul[role="group"]').querySelectorAll('button');
-        // Remove 'primary' (or any active class) and add 'outline' to all
-        buttons.forEach(button => {
-            button.classList.remove('primary'); // Assuming 'primary' is your active class
-            button.classList.add('outline');
-        });
-        // Add 'primary' and remove 'outline' from the clicked button
-        clickedButton.classList.remove('outline');
-        clickedButton.classList.add('primary'); // Use Pico's primary button style for active
-    }
-
-    // Optional: Set the first button as active on initial load,
-    // or if you want to default to loading "Types"
-    document.addEventListener('DOMContentLoaded', function () {
-        const firstButton = document.querySelector('nav ul[role="group"] button');
-        if (firstButton) {
-            // setActiveButton(firstButton); // Uncomment if you want a default active button
-            // htmx.trigger(firstButton, 'click'); // Uncomment to auto-load Types on page load
-        }
-    });
-</script>
-{% endblock %}

flock/webapp/templates/shared_run_page.html

@@ -1,140 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-theme="dark">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Flock Shared Agent: {{ selected_agent_name }}</title>
-    
-    {# Link to Pico.css #}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />    <link rel="stylesheet" href="{{ url_for('static', path='css/layout.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', path='css/header.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', path='css/sidebar.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', path='css/components.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', path='css/chat.css') }}">
-    <!-- Font Awesome for icons -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <!-- Prism.js CSS for syntax highlighting (okaidia theme) -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" referrerpolicy="no-referrer" />
-    {# Inline generated theme CSS variables #}
-    {% if theme_css %}
-    <style>
-        /* Start Theme CSS */
-        /* stylelint-disable */
-        {{ theme_css | safe }}
-        /* stylelint-enable */
-        /* End Theme CSS */
-    </style>
-    {% endif %}
-
-    
-    {# HTMX script - ensure this is loaded for the page to work #}
-    <script src="https://unpkg.com/htmx.org@1.9.10" integrity="sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin="anonymous"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
-</head>
-<body>
-    <main class="main-content">
-        <header>
-            <hgroup>
-                <h2>Run {{ flock.name }} - {{ selected_agent_name }} </h2>
-            </hgroup>
-        </header>
-
-        {% if error_message %}
-            <article class="error-message" role="alert">
-                <strong>Error:</strong> {{ error_message }}
-            </article>
-        {% endif %}
-
-        {% if selected_agent_name and not error_message %} {# Only show form if no fatal error and agent is selected #}
-            <div style="display: flex; gap: var(--pico-spacing, 1rem);">
-                <div style="flex: 1;">
-                    <article id="execution-form-content">                        <form id="agent-run-form-shared"                              hx-post="{{ url_for('htmx_run_shared_flock') }}" 
-                              hx-target="#results-display"
-                              hx-swap="innerHTML" 
-                              hx-indicator="#run-loading-indicator">
-                            
-                            {# Hidden input for the fixed agent name #}
-                            <input type="hidden" name="start_agent_name" value="{{ selected_agent_name }}">
-                            
-                            {# Add share_id as a hidden input to be sent with the form #}
-                            <input type="hidden" name="share_id" value="{{ share_id }}">
-
-                            {# flock_definition_str hidden input is no longer needed #}
-                            {# {% if flock_definition_str %} #}
-                            {# <input type="hidden" name="flock_definition_str" value="{{ flock_definition_str }}"> #}
-                            {# {% endif %} #}
-                            
-                            {# Dynamically generated input fields #}
-                            {% if input_fields %}
-                                <h4>Inputs for <code>{{ selected_agent_name }}</code>:</h4>
-                                {% for field in input_fields %}
-                                    <label for="agent_input_{{ field.name }}">
-                                        {{ field.name }} ({{ field.type }})<br>
-                                        {% if field.description %}<small>{{ field.description }}</small>{% endif %}
-                                    </label>
-                                    {% if field.html_type == "checkbox" %}
-                                        <input type="checkbox" id="agent_input_{{ field.name }}" name="agent_input_{{ field.name }}" role="switch">
-                                    {% elif field.html_type == "textarea" %}
-                                        <textarea id="agent_input_{{ field.name }}" name="agent_input_{{ field.name }}" placeholder="{{ field.placeholder | default('Enter value') }}"></textarea>
-                                    {% else %}
-                                        <input type="{{ field.html_type }}" id="agent_input_{{ field.name }}" name="agent_input_{{ field.name }}" placeholder="Enter {{ field.type }} value">
-                                    {% endif %}
-                                {% endfor %}
-                            {% elif flock and selected_agent_name in flock.agents and not flock.agents[selected_agent_name].input %}
-                                <p>Agent <code>{{ selected_agent_name }}</code> requires no inputs.</p>
-                            {% elif not error_message %}
-                                 <p>Could not determine inputs for agent <code>{{ selected_agent_name }}</code>. The input signature might be missing or invalid.</p>
-                            {% endif %}
-
-                            <button type="submit" class="hide-on-request">Run Agent</button>
-                            <span id="run-loading-indicator" class="htmx-indicator">
-                                <progress indeterminate></progress> Running...
-                            </span>
-                        </form>
-                    </article>
-                </div>
-                <section class="right-pane-framed" style="flex: 2; border-left: 1px solid var(--pico-muted-border-color); padding-left: 1.5rem;">
-                    <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>
-            </div>
-        
-        {% elif not error_message %}
-            <p>This shared link is not configured correctly. No agent specified or an issue occurred loading the configuration.</p>
-        {% endif %}
-
-        <footer class="main-footer">
-            <small>Built with FastAPI, HTMX, Pico.CSS by 🤍 white duck 🦆 - Theme: {{ active_theme_name | default('default') }}</small>
-        </footer>
-    </main>
-
-    <!-- Prism.js JS (core and autoloader) -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js" referrerpolicy="no-referrer"></script>
-    <script>
-        // Add HTMX event listener for Prism highlighting
-        document.addEventListener('htmx:afterSwap', function(event) {
-            const resultsDisplay = document.getElementById('results-display');
-            // Check if the swapped element is the results display or a child of it
-            if (resultsDisplay && (event.detail.target === resultsDisplay || resultsDisplay.contains(event.detail.target))) {
-                if (typeof Prism !== 'undefined') {
-                    // console.log('Prism highlighting triggered for swapped content in results-display.');
-                    Prism.highlightAllUnder(resultsDisplay);
-                }
-            }
-        });
-
-        // Initial highlight on page load
-        document.addEventListener('DOMContentLoaded', () => {
-            if (typeof Prism !== 'undefined') {
-                // console.log('Prism initial highlighting on shared page.');
-                Prism.highlightAll(); 
-            }
-        });
-    </script>
-</body>
-</html>