{% extends "base.html" %}
{% block title %}{{ app_name }}: stop paying for agents that are stuck{% endblock %}
{% block head %}<meta name="description" content="{{ app_name }} notices when an unattended AI agent stops making progress, flags it with evidence, and can pause the next step."><script src="/static/landing.js" defer></script>{% endblock %}
{% block body_class %}landing{% endblock %}
{% block body %}
<header>
  <div class="wrap">
    <a class="brand" href="/"><span class="brand-mark" aria-hidden="true"></span>{{ app_name }}</a>
    <nav aria-label="Main">
      <a class="wide-only" href="#features">Features</a>
      <a class="wide-only" href="#how-it-works">How it works</a>
      <a class="wide-only" href="/docs/quickstart">Docs</a>
      {% if session %}<a class="btn" href="/app">Open dashboard</a>
      {% else %}<a href="/login">Log in</a>{% if allow_signup %}<a class="btn" href="/signup">Sign up</a>{% endif %}{% endif %}
    </nav>
  </div>
</header>

<main class="wrap">
  <section class="showcase" aria-labelledby="showcase-title">
    <div class="stage-art" aria-hidden="true"><video class="hero-video" muted loop playsinline preload="none" data-src="/static/hero-orbit-loop.mp4" poster="/static/hero-orbit.png" tabindex="-1"></video></div>
    <div class="showcase-copy">
      <p class="eyebrow">AGENT SUPERVISION / PUBLIC BETA</p>
      <h1 id="showcase-title">More autonomy.<br><span>Less repetition.</span></h1>
      <p class="showcase-lede">Know when your agent stops making progress.<br>Get the evidence. Choose when to pause.</p>
      <div class="actions showcase-actions">
        {% if allow_signup %}<a class="btn" href="/signup">Start free <span aria-hidden="true">↗</span></a>{% endif %}
        <a class="btn quiet" href="/docs/quickstart">See how it works <span aria-hidden="true">↗</span></a>
      </div>
    </div>

    <div class="showcase-stage" aria-label="Illustration of observation and pause modes, based on a verified Gemini run">
      <div class="console-top"><span><i></i><i></i><i></i></span><span>AGENT SUPRA / RUN EXPLORER</span><span class="console-tag">ILLUSTRATED DATA</span></div>
      <div class="console-layout">
      <aside class="console-sidebar" aria-label="Dashboard preview labels"><span class="brand-mark" aria-hidden="true"></span><span class="console-active">↳ Runs</span><span>Signals</span><span>API keys</span><span>Settings</span><span class="sidebar-foot">WORKSPACE<br>agent-supra</span></aside>
      <div class="console-main">
      <div class="console-title"><div><p class="eyebrow">RUN / GEMINI</p><h2>Every attempt.<br>A clearer picture.</h2></div><span class="preview-state">● No progress</span></div>
      <div class="attempt-table" role="table" aria-label="Illustrated run attempts"><div role="row" class="attempt-head"><span role="columnheader">ATTEMPT</span><span role="columnheader">FAILING TESTS</span><span role="columnheader">RESULT</span></div><div role="row"><span role="cell">01</span><span role="cell"><b class="attempt-bar bar-one"></b>1</span><span role="cell">Baseline</span></div><div role="row"><span role="cell">02</span><span role="cell"><b class="attempt-bar bar-four"></b>4</span><span role="cell">Regressed</span></div><div role="row"><span role="cell">03</span><span role="cell"><b class="attempt-bar bar-one"></b>1</span><span role="cell">No new best</span></div><div role="row"><span role="cell">04</span><span role="cell"><b class="attempt-bar bar-three"></b>3</span><span role="cell">No new best</span></div></div>
      <div class="console-signals">
      <div class="signal-card signal-card-progress">
        <span class="signal-kicker">FAILING TESTS</span>
        <strong>1 → 4 → 1 → 3</strong>
        <span>Four attempts. No new best result.</span>
      </div>
      <div class="signal-card signal-card-pause">
        <span class="signal-kicker">SUPERVISOR</span>
        <strong><span class="pause-indicator" aria-hidden="true"></span><span data-demo-state>Paused</span></strong>
        <span data-demo-description>The next step waits for your decision.</span>
      </div>
      </div>
      </div>
      </div>
      <div class="mode-demo" hidden><div class="mode-switch" role="group" aria-label="Illustrated supervision mode"><button type="button" data-mode="observe" aria-pressed="false">Observe</button><button type="button" data-mode="pause" aria-pressed="true">Pause mode</button></div></div>
      <div class="stage-caption"><span>Illustrated run · Real Gemini test results</span><button class="motion-toggle" type="button" aria-pressed="false" hidden>Pause motion</button></div>
    </div>
  </section>

  <div class="provider-strip"><span>WORKS WITH YOUR STACK</span><div><span>Gemini</span><span>OpenAI</span><span>Anthropic</span><span>Python SDK</span></div></div>

  <section class="band" id="how-it-works">
    <p class="section-label">01 / HOW IT WORKS</p>
    <h2>Know when progress stops.</h2>
    <p class="intro">Track results across attempts. Start with observation, then enable pauses when you're ready.</p>
    <ol class="steps">
      <li><h3>Install</h3><p class="muted"><code>pip install agent-supra</code><br>Works with Gemini, OpenAI and Anthropic.</p></li>
      <li><h3>Connect</h3><p class="muted">Wrap your model client and report test results from your agent's loop.</p></li>
      <li><h3>Stay informed</h3><p class="muted">Review evidence in your dashboard. Get alerts in Slack or email.</p></li>
    </ol>
  </section>

  <section class="band split" id="features">
    <div>
      <p class="section-label">02 / SIGNALS</p>
      <h2>What it watches for</h2>
      <p class="intro">Readable rules. Choose which ones flag, pause, or stay off.</p>
      <div class="panel rules">
        <div><h3>No progress</h3><p>The same tests keep failing while the agent keeps changing the code.</p></div>
        <div><h3>Exact repeats</h3><p>The same failure again with nothing changed, or the same tool failing the same way.</p></div>
        <div><h3>Going in circles</h3><p>The agent flips between two versions of the code.</p></div>
        <div><h3>Context running away</h3><p>Every call sends more tokens than the last, with nothing to show for it.</p></div>
        <div><h3>Budget and call caps</h3><p>A hard limit per task, shared with any sub-agents it starts.</p></div>
      </div>
    </div>
    <div>
      <p class="section-label">03 / INTEGRATION</p>
      <h2>Fits your existing agent.</h2>
      <p class="intro">Use your own model client and API keys.</p>
<details class="panel code-example"><summary>View a Gemini example <span aria-hidden="true">+</span></summary><pre class="snippet">from google import genai
from agent_supra import (
    Client, SupervisedRun, SupervisorPaused)

sup = Client()   # reads your API key from env
task = sup.create_task("Fix checkout tests",
                       budget_usd=3)

with SupervisedRun(sup, task) as run:
    ai = run.wrap_gemini(genai.Client())
    try:
        while True:
            run.check()
            reply = ai.models.generate_content(
                model="gemini-3.5-flash-lite",
                contents=prompt)
            apply_fix(reply.text)
            t = run_tests()
            run.report_tests(t.all, t.failing,
                             rev=git_rev())
            if not t.failing:
                run.finish("success")
                break
    except SupervisorPaused as paused:
        print(paused.reason)</pre></details>
      <a class="integration-link" href="/docs/quickstart">Read the quickstart <span aria-hidden="true">↗</span></a>
    </div>
  </section>

  <section class="band split">
    <div class="panel">
      <h2>What it stores</h2>
      <p class="muted flush">Test results, token counts and fingerprints. Your prompts, code and model replies stay out. <a href="/privacy">Privacy details</a>.</p>
    </div>
    <div class="panel">
      <h2>Free while in beta</h2>
      <p class="muted flush">Agent Supra is free during beta. Model usage is billed separately by your provider.</p>
    </div>
  </section>
  <section class="band faq-section">
    <p class="section-label">04 / BEFORE YOU START</p>
    <h2>A few good questions.</h2>
    <div class="faq-list">
      <details><summary>Will it stop my agent automatically?<span aria-hidden="true">+</span></summary><p>Start in observation mode to record signals while your agent continues. Enable pause rules when you're ready; the SDK then pauses the next supervised step.</p></details>
      <details><summary>Do I need to change model providers?<span aria-hidden="true">+</span></summary><p>No. Keep your Gemini, OpenAI or Anthropic client and your own API keys. Add Agent Supra to your existing loop.</p></details>
      <details><summary>Does it store my prompts or code?<span aria-hidden="true">+</span></summary><p>It records test results, token counts and fingerprints. Prompts, code and model replies are not stored. <a href="/privacy">Read the privacy details</a>.</p></details>
      <details><summary>What does it cost?<span aria-hidden="true">+</span></summary><p>Agent Supra is free during beta. You pay your model provider separately for model usage.</p></details>
    </div>
  </section>
  <section class="band final-cta"><p class="section-label">BUILD WITH CONFIDENCE</p><h2>Give your agents<br>a little supervision.</h2><div class="actions">{% if allow_signup %}<a class="btn" href="/signup">Start free <span aria-hidden="true">↗</span></a>{% endif %}<a class="btn quiet" href="/docs/quickstart">Read the docs</a></div></section>
</main>

{% endblock %}