{% extends "base.html" %}
{% block title %}q-ai — Operations{% endblock %}

{% block content %}
<div class="max-w-7xl mx-auto px-6 py-6">
    <!-- Status bar -->
    <div class="bg-base-100 rounded-lg border border-base-content/5 p-4 mb-6 flex items-center gap-6">
        <div class="flex items-center gap-2">
            <span class="badge badge-sm badge-ghost">IDLE</span>
            <span class="text-sm font-medium">No active workflow</span>
        </div>
        <div class="text-sm text-base-content/40 ml-auto">
            Elapsed: --:--
        </div>
    </div>

    <div class="flex gap-6">
        <!-- Main panel area -->
        <div class="flex-1">
            <div role="tablist" class="tabs tabs-bordered mb-4">
                <a role="tab" class="tab tab-active">audit</a>
                <a role="tab" class="tab">proxy</a>
                <a role="tab" class="tab">inject</a>
                <a role="tab" class="tab">chain</a>
            </div>

            <div class="bg-base-100 rounded-lg border border-base-content/5 p-4 min-h-[400px]">
                {% include "partials/audit_tab.html" %}
            </div>
        </div>

        <!-- Findings sidebar -->
        <div class="w-72 shrink-0">
            <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50 mb-3">
                Findings
            </h3>
            <div class="bg-base-100 rounded-lg border border-base-content/5 min-h-[400px] p-4">
                {% include "partials/audit_findings.html" %}
            </div>
        </div>
    </div>
</div>
{% endblock %}