{% extends 'base.html' %}
{% block title %}Usage & memory analytics - Memorizz{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/css/analytics.css?v=1"><link rel="stylesheet" href="/static/css/pages/observability.css?v=2">{% endblock %}
{% block content %}
{% from '_ui.html' import page_header, observability_tabs %}
{% from '_fmt.html' import tape %}
{% call page_header('Usage & memory analytics', 'See where recorded tokens, charges, prompt-cache reuse and retrieval time go.', 'Operations', nav=observability_tabs('usage', {'traces': trace_url})) %}<a class="btn" href="{{ export_url }}">Export JSON</a>{% endcall %}
{{ tape(usage_tape, 'Usage summary for the filtered window', 'usage-kpis') }}
<form method="get" class="usage-filters obs-filters">
    {% for key, value in preserved_filters.items() %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
    <label>Agent ID<input name="agent_id" value="{{ filters.agent_id or '' }}" maxlength="240" placeholder="All authorized agents"></label>
    <label>From (UTC)<input type="datetime-local" name="start_time" value="{{ filters.start_time or '' }}"></label>
    <label>Until (UTC)<input type="datetime-local" name="end_time" value="{{ filters.end_time or '' }}"></label>
    <label>Model<input name="model" value="{{ filters.model or '' }}" maxlength="240" placeholder="All models"></label>
    <label>Daily timezone<input name="timezone_name" value="{{ usage.timezone }}" maxlength="100"></label>
    <label>Event budget<select name="max_events">{% for count in [1000, 5000, 10000] %}<option value="{{ count }}" {{ 'selected' if count == max_events else '' }}>{{ '{:,}'.format(count) }}</option>{% endfor %}</select></label>
    <button class="btn" type="submit">Apply filters</button>
</form>
{% if preserved_filters %}<p class="usage-notice">Trace selection retained: {% for key, value in preserved_filters.items() %}{{ key }}={{ value }} {% endfor %}. <a href="/traces/usage">Clear trace selection</a></p>{% endif %}
{% with usage_tape_shown = true %}{% include '_usage_panel.html' %}{% endwith %}
{% if coding_agents %}
<details class="usage-table usage-coding-agents" open id="coding-agent-sessions">
    <summary>Coding-agent sessions</summary>
    <p class="usage-notice">Codex and Claude Code sessions the MemoRizz plugin recorded, read from each agent's own session log and counted apart from the traced usage above. Cost is Claude Code's own total, or OpenAI list rates for Codex when its model has one; a ChatGPT plan isn't billed per token. <a href="/harnesses">Open them on Agent harnesses</a>.</p>
    <div class="usage-table-scroll"><table>
        <thead><tr><th>Agent</th><th>Model</th><th class="num">Sessions</th><th class="num">Turns</th><th class="num">Tokens in</th><th class="num">Cached</th><th class="num">Tokens out</th><th class="num">Spend</th></tr></thead>
        <tbody>
        {% for row in coding_agents %}<tr><th>{{ row.label }}</th><td class="mono">{{ row.model or '—' }}</td><td class="num">{{ '{:,}'.format(row.sessions) }}</td><td class="num">{{ '{:,}'.format(row.turns) }}</td><td class="num">{{ '{:,}'.format(row.input_tokens) }}</td><td class="num">{{ '{:,}'.format(row.cached_tokens) }}</td><td class="num">{{ '{:,}'.format(row.output_tokens) }}</td><td class="num">{% if row.priced %}${{ '{:,.4f}'.format(row.cost_usd) }}{% if row.priced < row.sessions %} <small>+ {{ row.sessions - row.priced }} unpriced</small>{% endif %}{% else %}Unpriced{% endif %}</td></tr>{% endfor %}
        </tbody>
    </table></div>
</details>
{% endif %}
{% endblock %}