{% comment %}
Run settings for New Experiment + advanced generation config override.
Max turns and language are chip inputs holding several values to compare
(the hidden field keeps them comma-separated). Context: clone (optional
prefill: max_turns, language, n_repetitions, system_prompt, generation_json).
Include run_settings_js.html after the form.
{% endcomment %}
<div class="bg-surface-raised rounded-xl border border-gray-800 p-4">
  <h3 class="text-sm font-semibold text-gray-300 mb-1">Run settings</h3>
  <p class="text-xs text-gray-500 mb-3">Type a value and press Enter to add it; add several to compare. Each run can still be adjusted on review.</p>
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
    <div>
      <label class="block text-xs font-medium text-gray-500 mb-1 uppercase tracking-wide">Max Turns</label>
      {% include "partials/chip_input.html" with name="max_turns" value=clone.max_turns placeholder="5 (default)" kind="int" suggestions="2,3,5,8" %}
      <p class="mt-1 text-xs text-gray-600">Conversation turns per scenario.</p>
    </div>
    <div>
      <label class="block text-xs font-medium text-gray-500 mb-1 uppercase tracking-wide">Language</label>
      {% include "partials/chip_input.html" with name="language" value=clone.language placeholder="English (default)" kind="text" suggestions="English,Norwegian,Spanish,French,German,Danish,Swedish,Finnish" %}
      <p class="mt-1 text-xs text-gray-600">Used in auditor prompts.</p>
    </div>
    <div>
      <label class="block text-xs font-medium text-gray-500 mb-1 uppercase tracking-wide">Repetitions</label>
      <input type="number" name="n_repetitions" min="1" max="20" placeholder="1 (default)" value="{{ clone.n_repetitions|default:'' }}"
             class="w-full px-3 py-2 rounded-lg bg-surface-overlay border border-gray-700 text-sm focus:outline-none focus:ring-2 focus:ring-accent/50">
      <p class="mt-1 text-xs text-gray-600">Run each scenario N times to measure judge stability (same for every run).</p>
    </div>
  </div>

  <div class="mt-4">
    <label for="system-prompt" class="block text-xs font-medium text-gray-500 mb-1 uppercase tracking-wide">Target system prompt <span class="normal-case font-normal text-gray-600">(optional)</span></label>
    <textarea name="system_prompt" id="system-prompt" rows="3" maxlength="20000"
              placeholder="e.g. You are the support assistant for Acme Health. Answer only questions about our services."
              class="w-full px-3 py-2 rounded-lg bg-surface-overlay border border-gray-700 text-sm focus:outline-none focus:ring-2 focus:ring-accent/50 resize-y">{{ clone.system_prompt|default:'' }}</textarea>
    <p class="mt-1 text-xs text-gray-600">Sent to the target model as its system prompt, like your product would. Leave empty to test the bare model. Edit per run on review to compare prompts.</p>
  </div>

  <!-- Advanced: Generation config override -->
  <details class="group mt-4 pt-4 border-t border-gray-800">
    <summary class="text-xs font-semibold text-gray-400 hover:text-gray-200 cursor-pointer select-none flex items-center gap-2">
      <span class="text-gray-500 group-open:rotate-90 transition-transform">▸</span>
      Advanced — Generation Config Override (JSON)
    </summary>
    <div class="mt-3 space-y-3">
      <p class="text-xs text-gray-500">
        Optional JSON object merged into the frozen generation parameters. All keys are stored in the reproducibility manifest.
        <br><strong>Per-request generation params</strong> (SimpleAudit 0.1.13+):
        <code class="text-gray-400">params</code> (all roles), <code class="text-gray-400">target_params</code>,
        <code class="text-gray-400">judge_params</code>, <code class="text-gray-400">auditor_params</code> —
        any provider key (<code class="text-gray-400">temperature</code>, <code class="text-gray-400">top_p</code>,
        <code class="text-gray-400">max_tokens</code>, etc.).
        <br><strong>Client constructor kwargs:</strong>
        <code class="text-gray-400">target_kwargs</code>, <code class="text-gray-400">auditor_kwargs</code>,
        <code class="text-gray-400">judge_kwargs</code> (e.g. <code class="text-gray-400">{"timeout": 120}</code>).
        <br><strong>Other:</strong> <code class="text-gray-400">max_retries</code>, <code class="text-gray-400">retry_backoff</code>.
        <br><span class="text-gray-500">Note: <code>max_turns</code>, <code>n_repetitions</code>, <code>language</code> and the system prompt have their own fields above. Probe and judge prompts belong to the judge: edit them on the Judges page.</span>
      </p>
      <textarea name="gen_config_json" rows="11" spellcheck="false"{% if clone and clone.generation_json %} data-prefilled="1"{% endif %}
              class="w-full px-3 py-2 rounded-lg bg-surface-overlay border border-gray-700 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-accent/50 resize-y">{% if clone and clone.generation_json %}{{ clone.generation_json }}{% else %}{
  "params": {},
  "target_params": {},
  "judge_params": {},
  "auditor_params": {},
  "target_kwargs": {},
  "auditor_kwargs": {},
  "judge_kwargs": {},
  "max_retries": 2,
  "retry_backoff": 0.5
}{% endif %}</textarea>
      <p id="gen-config-error" class="text-xs text-red-400 hidden"></p>
    </div>
  </details>
</div>