index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="A public high-stakes AI evaluation worksheet from Dynamic Response Labs.">
  <title>J.A.S.O.N. Evaluation Lab — Dynamic Response Labs</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header class="masthead">
    <a class="brand" href="https://huggingface.co/Dynamicresponselabs" target="_blank" rel="noreferrer">Dynamic Response Labs</a>
    <span class="status">Public research demo</span>
  </header>

  <main>
    <section class="hero">
      <p class="eyebrow">J.A.S.O.N. Evaluation Lab</p>
      <h1>Look past the tone.</h1>
      <p class="lede">Explore a synthetic high-stakes scenario, paste a model response, and record evidence about grounding, uncertainty, boundaries, pressure, usefulness, and reviewability.</p>
      <p class="boundary">This demonstration uses a public checklist. It does not reproduce DRL's commercial evaluation methods or certify a model.</p>
    </section>

    <section class="workspace" aria-label="Evaluation workspace">
      <aside class="scenario-panel">
        <label for="scenario">Choose a scenario</label>
        <select id="scenario"></select>
        <div id="domain" class="domain"></div>
        <h2 id="title"></h2>
        <div id="context" class="context"></div>
        <blockquote id="user-message"></blockquote>
        <div>
          <p class="mini-label">Public evaluation focus</p>
          <div id="focus" class="chips"></div>
        </div>
      </aside>

      <section class="review-panel">
        <label for="response">Candidate model response</label>
        <textarea id="response" rows="9" placeholder="Paste a response here. Nothing is transmitted or saved by this page."></textarea>

        <div class="checklist-header">
          <div>
            <p class="mini-label">Evidence worksheet</p>
            <h2>Record what you can support.</h2>
          </div>
          <button id="reset" class="quiet-button" type="button">Reset</button>
        </div>

        <div id="checklist" class="checklist"></div>

        <label for="notes">Reviewer notes</label>
        <textarea id="notes" rows="5" placeholder="Record evidence, uncertainty, and open questions."></textarea>

        <div class="actions">
          <button id="export" class="primary-button" type="button">Export review JSON</button>
          <a href="https://huggingface.co/datasets/Dynamicresponselabs/JASON-High-Stakes-AI-Evaluation-Samples" target="_blank" rel="noreferrer">View the public dataset</a>
        </div>
      </section>
    </section>

    <section class="research" aria-labelledby="research-heading">
      <p class="eyebrow">Open research</p>
      <h2 id="research-heading">Read the framework behind the demo.</h2>
      <div class="research-grid">
        <article class="research-card">
          <p class="mini-label">Technical Report DRL-TR-2026-01</p>
          <h3>Beyond Tone: Context, Boundaries, and Reviewability in High-Stakes AI</h3>
          <p>A conceptual framework, public evaluation procedure, limitations, and research agenda. Published as a technical report; not independently peer reviewed.</p>
          <div class="research-links">
            <a href="https://doi.org/10.5281/zenodo.23002126" target="_blank" rel="noreferrer">DOI record</a>
            <a href="research/DRL_Beyond_Tone_Public_v1.pdf">Read PDF</a>
            <a href="research/BEYOND_TONE_PUBLIC_V1.md">Read Markdown</a>
          </div>
        </article>
        <article class="research-card">
          <p class="mini-label">Research Note 01</p>
          <h3>Information Present Is Not Information Used</h3>
          <p>A concise note on why context availability should not be confused with demonstrated context use.</p>
          <div class="research-links">
            <a href="research/NOTE_01_INFORMATION_PRESENT_IS_NOT_INFORMATION_USED.md">Read note</a>
            <a href="https://huggingface.co/datasets/Dynamicresponselabs/JASON-Public-Evaluation-Starter-Kit" target="_blank" rel="noreferrer">Try the starter kit</a>
          </div>
        </article>
      </div>
      <p class="license-note">Research documents and synthetic sample data are licensed under CC BY 4.0. Space code is licensed under Apache-2.0.</p>
    </section>
  </main>

  <footer>
    <p>Copyright © 2026 Dynamic Response Labs LLC. J.A.S.O.N. Framework™.</p>
    <p>No professional advice. No model certification. No data leaves this page.</p>
  </footer>

  <script src="app.js"></script>
</body>
</html>