<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>AI Agent</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github-dark.min.css"/>
    <link rel="stylesheet" href="https://esm.sh/katex@0.16.8/dist/katex.min.css" />
    <script>
      const HEADER = `{{ header | safe }}`;
      const INTRO = `{{ intro | safe }}`;
      const ORG = "{{ org }}";
      const AUTH = {{ auth | tojson }};
      const PROD = {{ prod | tojson }};
      const PUBLISHABLE_KEY = "{{ pk_live if prod else pk_test }}";
    </script>
    <script type="module" crossorigin src="/assets/index-D0-uI8sw.js"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>