{% extends "base.html" %}

{% block title %}Agent: {{ agent_id }} - LogThread{% endblock %}

{% block content %}
<div class="max-w-4xl mx-auto py-8 px-4">
    <div class="mb-6">
        <a href="/agents" class="text-blue-600 hover:underline">← Back to Agents</a>
    </div>

    <h1 class="text-3xl font-bold mb-8">Agent: {{ agent_id }}</h1>
    
    <div class="bg-white rounded-lg shadow p-6 mb-6">
        <h2 class="text-xl font-semibold mb-4">Configuration</h2>
        <p class="text-gray-600">Configure agent behavior, model selection, and tools.</p>
    </div>

    <div class="bg-white rounded-lg shadow p-6 mb-6">
        <h2 class="text-xl font-semibold mb-4">Knowledge Graph</h2>
        <p class="text-gray-600">View and manage the agent's knowledge graph context.</p>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <h2 class="text-xl font-semibold mb-4">Usage Statistics</h2>
        <p class="text-gray-600">Monitor agent usage, token consumption, and performance.</p>
    </div>
</div>
{% endblock %}