{% extends parent %}
{% block title %}Dashboard - Introspect{% endblock %}
{% block content %}
<h1>Dashboard</h1>

<div class="stat-grid">
    <div class="stat-card">
        <div class="value">{{ session_count }}</div>
        <div class="label">Sessions</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ tool_count }}</div>
        <div class="label">Tool Calls</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ failed_count }}</div>
        <div class="label">Failed Tools</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ success_rate }}%</div>
        <div class="label">Success Rate</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ project_count }}</div>
        <div class="label">Projects</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ avg_duration }}</div>
        <div class="label">Avg Duration</div>
    </div>
    {% if token_usage and token_usage.input %}
    <div class="stat-card">
        <div class="value">{{ "{:,}".format(token_usage.input or 0) }}</div>
        <div class="label">Input Tokens</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ "{:,}".format(token_usage.output or 0) }}</div>
        <div class="label">Output Tokens</div>
    </div>
    <div class="stat-card">
        <div class="value">{{ token_usage.cost or '—' }}</div>
        <div class="label">Estimated Cost</div>
    </div>
    {% endif %}
</div>

<p style="color:#888;margin:0.5rem 0 1rem;">Today: {{ activity_today }} session{{ 's' if activity_today != 1 else '' }} | This week: {{ activity_week }}</p>

<div class="card">
    <h2>Recent Sessions</h2>
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Started</th>
                <th>Duration</th>
                <th>User Msgs</th>
                <th>Asst Msgs</th>
                <th>Model</th>
            </tr>
        </thead>
        <tbody>
            {% for s in recent_sessions %}
            <tr>
                <td><a href="/sessions/{{ s[0] }}" hx-get="/sessions/{{ s[0] }}" hx-target="#content" hx-push-url="true"><span class="truncate" style="max-width:350px;" title="{{ (clean_title(s[7] or '')|e) or s[0] }}">{{ clean_title(s[7] or '')[:80] or (s[0]|string)[:12] + '...' }}</span></a></td>
                <td>{{ (s[1]|string)[:19] }}</td>
                <td>{{ s[2] or '' }}</td>
                <td>{{ s[3] or 0 }}</td>
                <td>{{ s[4] or 0 }}</td>
                <td>{{ s[5] or '' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% if top_tools %}
<div class="card">
    <h2>Top Tools</h2>
    <table>
        <thead>
            <tr><th>Tool</th><th>Count</th></tr>
        </thead>
        <tbody>
            {% for t in top_tools %}
            <tr><td>{{ t[0] or '?' }}</td><td>{{ t[1] }}</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}