index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Agentic Systems Studio</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560&family=Source+Sans+3:wght@400;600;700&display=swap" />
  <link rel="stylesheet" href="./styles.css" />
</head>
<body>
  <main>
    <div class="kicker">Nuremberg · agents · RAG · LLMOps</div>
    <h1>Agentic Systems Studio</h1>
    <p class="lede">Hanumanthu Harsha Vardhan. A product map and a CPU-free agent trace: plan, call tools, answer. The trace only knows this studio's public projects. It is not a GitHub-wide search and it is not someone else's Space.</p>
    <div class="row">
      <a class="btn" href="https://agentic-systems-studio.com">Studio site</a>
      <a class="btn ghost" href="https://github.com/hharsha98">GitHub</a>
      <a class="btn ghost" href="https://www.linkedin.com/in/hanumanthu1">LinkedIn</a>
      <a class="btn ghost" href="https://huggingface.co/spaces/hharsha/retrieval-lab-demo">Retrieval Lab</a>
    </div>
    <h2 style="margin-top:28px">Products</h2>
    <div id="cards" class="grid"></div>
    <section class="panel">
      <h2>Agent trace</h2>
      <p class="lede">Type a goal. The mock plans in the open, looks up the catalog, attaches a retrieval note when the goal is about documents, and ends with an LLMOps checklist. AWS and GCP only.</p>
      <label for="goal">Goal</label>
      <textarea id="goal">Plan a cited RAG demo I can run on a laptop, and the checks before I ship it.</textarea>
      <div class="row" style="margin-top:10px">
        <button id="run" type="button">Run plan → tools → answer</button>
      </div>
      <div id="trace" class="trace"></div>
    </section>
    <p class="note">Gradio hosting on new cpu-basic Spaces returned HTTP 402 without PRO. <code>gradio/app.py</code> is the same trace for a PRO Space. This page runs entirely in the browser. Email <a href="mailto:mechaharsh@gmail.com">mechaharsh@gmail.com</a>.</p>
  </main>
  <script type="module" src="./demo.js"></script>
</body>
</html>