{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Demo Intelligence Ecosystem - Gvelo Enterprise Platform{% endblock %}
{% block body_class %}operational-page ops-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/operational-experience.css">
{% endblock %}
{% block content %}
<main class="ops-shell">
    <header class="ops-header ops-identity-hero">
        <div>
            <span class="ops-kicker">Autonomous demo intelligence</span>
            <h1>Self-evolving onboarding, walkthrough, demo, and product showcase ecosystem.</h1>
            <div class="ops-subtitle">
                Detects platform evolution, regenerates demo intelligence drafts, validates quality, and keeps production data isolated.
            </div>
        </div>
        <div class="ops-actions">
            <form method="post" action="/demo-ai/run">
                <button type="submit">Queue Run</button>
            </form>
            <form method="post" action="/demo-ai/run">
                <input type="hidden" name="force" value="1">
                <button type="submit">Force Run</button>
            </form>
            <a class="ops-button secondary" href="/demo/agent">Legacy Agent</a>
        </div>
    </header>

    <section class="ops-grid">
        <div class="ops-panel ops-metric"><span class="ops-muted">Agents</span><strong>{{ snapshot.agent_count }}</strong><span>Coordinated by Demo Orchestrator</span></div>
        <div class="ops-panel ops-metric"><span class="ops-muted">Runs</span><strong>{{ snapshot.runs|length }}</strong><span>Recent executions</span></div>
        <div class="ops-panel ops-metric"><span class="ops-muted">Approvals</span><strong>{{ snapshot.approvals|selectattr('status','equalto','pending')|list|length }}</strong><span>Critical changes waiting</span></div>
        <div class="ops-panel ops-metric"><span class="ops-muted">Safety</span><strong>On</strong><span>No production data, no real payments</span></div>
    </section>

    <section class="ops-panel">
        <h2>Agent Ecosystem</h2>
        <div class="ops-token-grid">
            <span>Demo Orchestrator</span>
            <span>Feature Change Detection</span>
            <span>Walkthrough Regeneration</span>
            <span>UI Understanding</span>
            <span>Demo Data Evolution</span>
            <span>Analytics Storytelling</span>
            <span>Video Regeneration</span>
            <span>Product Tour Intelligence</span>
            <span>Real User Experience Intelligence</span>
            <span>Behavioral Experience Analytics</span>
            <span>Experience Improvement Engine</span>
            <span>User Confidence Detection</span>
            <span>Reality-Based Evolution</span>
            <span>Human Empathy Governance</span>
            <span>Trust Evolution Intelligence</span>
            <span>Experience Simplicity Enforcement</span>
            <span>Demo QA Validation</span>
            <span>Experience Quality</span>
            <span>Creative Direction Governance</span>
            <span>Experience Style System</span>
            <span>Emotional Consistency</span>
            <span>Brand Personality Protection</span>
            <span>Experience Memory</span>
            <span>Premium Polish Validation</span>
            <span>Experience Evolution Intelligence</span>
            <span>AI Business Coach</span>
            <span>Business Reality Simulation</span>
        </div>
    </section>

    <section class="ops-grid ops-two-one">
        <div class="ops-panel">
            <h2>Recent Runs</h2>
            <div class="ops-table-wrap">
                <table class="ops-table">
                    <thead><tr><th>Run</th><th>Status</th><th>Severity</th><th>Approval</th><th>Summary</th></tr></thead>
                    <tbody>
                    {% for run in snapshot.runs %}
                    <tr>
                        <td>{{ run.run_id }}</td>
                        <td>{{ run.status }}</td>
                        <td>{{ run.severity }}</td>
                        <td>{{ 'Required' if run.requires_approval else 'No' }}</td>
                        <td>{{ run.summary or '' }}</td>
                    </tr>
                    {% else %}
                    <tr><td colspan="5">No demo AI runs yet.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="ops-panel">
            <h2>Safety Contract</h2>
            <div class="ops-list">
                <div class="ops-list-item">Production data exposed: {{ snapshot.safety.production_data_exposed }}</div>
                <div class="ops-list-item">Real payments triggered: {{ snapshot.safety.real_payments_triggered }}</div>
                <div class="ops-list-item">Canonical onboarding overwritten: {{ snapshot.safety.canonical_onboarding_overwritten }}</div>
                <div class="ops-list-item">Uncontrolled AI actions: {{ snapshot.safety.uncontrolled_ai_actions }}</div>
            </div>
        </div>
    </section>

    <section class="ops-panel">
        <h2>Approval Queue</h2>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead><tr><th>Run</th><th>Level</th><th>Status</th><th>Created</th><th>Decision</th></tr></thead>
                <tbody>
                {% for approval in snapshot.approvals %}
                <tr>
                    <td>{{ approval.run_id }}</td>
                    <td>{{ approval.change_level }}</td>
                    <td>{{ approval.status }}</td>
                    <td>{{ approval.created_at }}</td>
                    <td>
                        {% if approval.status == 'pending' %}
                        <form method="post" action="/demo-ai/approval/{{ approval.id }}/approve" class="hil-inline-cccfa4560d"><button type="submit">Approve</button></form>
                        <form method="post" action="/demo-ai/approval/{{ approval.id }}/reject" class="hil-inline-cccfa4560d"><button type="submit">Reject</button></form>
                        {% else %}
                        {{ approval.decided_at or '' }}
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="5">No approvals waiting.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>

    <section class="ops-panel">
        <h2>Creative Review Queue</h2>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead><tr><th>Title</th><th>Type</th><th>Severity</th><th>Status</th><th>Decision</th></tr></thead>
                <tbody>
                {% for review in snapshot.creative_reviews %}
                <tr>
                    <td>{{ review.title }}</td>
                    <td>{{ review.review_type }}</td>
                    <td>{{ review.severity }}</td>
                    <td>{{ review.status }}</td>
                    <td>
                        {% if review.status == 'pending' %}
                        <form method="post" action="/demo-ai/creative-review/{{ review.id }}/approve" class="hil-inline-cccfa4560d"><button type="submit">Approve</button></form>
                        <form method="post" action="/demo-ai/creative-review/{{ review.id }}/reject" class="hil-inline-cccfa4560d"><button type="submit">Reject</button></form>
                        {% else %}
                        {{ review.decided_at or '' }}
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="5">No creative reviews waiting.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>

    <section class="ops-panel">
        <h2>Experience Memory</h2>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead><tr><th>Memory</th><th>Pacing</th><th>Interaction</th><th>Updated</th></tr></thead>
                <tbody>
                {% for memory in snapshot.memories %}
                <tr>
                    <td>{{ memory.memory_key }}</td>
                    <td>{{ memory.pacing_preference }}</td>
                    <td>{{ memory.interaction_style }}</td>
                    <td>{{ memory.updated_at }}</td>
                </tr>
                {% else %}
                <tr><td colspan="4">No experience memory yet.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>

    <section class="ops-panel">
        <h2>Generated Artifacts</h2>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead><tr><th>Type</th><th>Path</th><th>Status</th><th>Created</th></tr></thead>
                <tbody>
                {% for artifact in snapshot.artifacts %}
                <tr><td>{{ artifact.artifact_type }}</td><td>{{ artifact.path }}</td><td>{{ artifact.status }}</td><td>{{ artifact.created_at }}</td></tr>
                {% else %}
                <tr><td colspan="4">No artifacts generated yet.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
</main>
{% endblock %}