{% extends "dashboard/layout.htm" %}
{% block content %}
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="{{ url_for('dashboard.index_dashboard') }}">Projects</a><span aria-hidden="true">/</span><a href="{{ url_for('dashboard.project_details', project_name=project.identifier or project.name) }}">{{ project.display_name or project.name }}</a><span aria-hidden="true">/</span><span aria-current="page">Artifacts</span></nav>
<div class="page-heading"><div><h1>Register artifact</h1><p>Register an existing output from a recorded run. Files are not uploaded or served by this dashboard.</p></div></div>
{% if not mutations_enabled %}
<p class="alert" role="status">Artifact registration is available only on a local, runtime-enabled dashboard. Existing registrations are shown below.</p>
{% elif not runs %}
<p class="alert" role="status">No recorded runs are available. Import an existing run or create one with the CLI, then return here to register its outputs.</p>
{% else %}
{% if errors %}<div class="alert alert-error" role="alert" tabindex="-1" id="form-errors"><h2>Could not register artifact</h2><ul>{% for error in errors %}<li>{{ error }}</li>{% endfor %}</ul></div>{% endif %}
<form method="post" class="card form-card"{% if errors %} aria-describedby="form-errors"{% endif %}><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><label for="artifact-run">Run <span aria-hidden="true">*</span></label><select id="artifact-run" name="run_id" required aria-required="true"><option value="">Select a run</option>{% for run in runs %}<option value="{{ run.id }}"{% if form.run_id == run.id|string %} selected{% endif %}>{{ run.label }} — {{ run.working_directory }}</option>{% endfor %}</select><label for="artifact-step">Step <span class="optional">optional</span></label><select id="artifact-step" name="step_execution_id"><option value="">Whole run</option>{% for run in runs %}{% for step in run.steps %}<option value="{{ step.id }}" data-run-id="{{ run.id }}"{% if form.step_execution_id == step.id|string %} selected{% endif %}>{{ step.label }}</option>{% endfor %}{% endfor %}</select><label for="artifact-path">Path relative to selected run <span aria-hidden="true">*</span></label><input id="artifact-path" name="path" type="text" required aria-required="true" value="{{ form.path }}" placeholder="outputs/report.json"{% if errors %} aria-invalid="true"{% endif %}><p class="field-help">Hidden files, paths outside the run directory, and missing files are rejected.</p><label for="artifact-name">Name <span class="optional">optional</span></label><input id="artifact-name" name="name" type="text" value="{{ form.name }}"><label for="artifact-media-type">Media type <span class="optional">optional</span></label><input id="artifact-media-type" name="media_type" type="text" value="{{ form.media_type }}" placeholder="application/json"><div class="form-actions"><button class="button" type="submit">Register artifact</button><a class="button button-secondary" href="{{ url_for('dashboard.project_details', project_name=project.identifier or project.name) }}">Cancel</a></div></form>
{% endif %}
<section class="card" aria-labelledby="registered-artifacts"><div class="card-header"><h2 id="registered-artifacts">Registered artifacts</h2></div>{% if artifacts %}<div class="table-scroll"><table><thead><tr><th>Name</th><th>Path</th><th>Run</th><th>Step</th><th>Media type</th><th>Size</th></tr></thead><tbody>{% for artifact in artifacts %}<tr><td>{{ artifact.name }}</td><td><code>{{ artifact.path }}</code></td><td>{{ artifact.run_id }}</td><td>{{ artifact.step_execution_id or '—' }}</td><td>{{ artifact.media_type or '—' }}</td><td>{{ artifact.size_bytes if artifact.size_bytes is not none else '—' }}</td></tr>{% endfor %}</tbody></table></div>{% else %}<div class="empty-state"><p>No artifacts have been registered for this project.</p></div>{% endif %}</section>
<script>
(function () {
  var run = document.getElementById('artifact-run');
  var step = document.getElementById('artifact-step');
  if (!run || !step) { return; }
  function filter() {
    Array.prototype.forEach.call(step.options, function (option) {
      option.hidden = !!option.dataset.runId && option.dataset.runId !== run.value;
      option.disabled = option.hidden;
      if (option.hidden && option.selected) { step.value = ''; }
    });
  }
  run.addEventListener('change', filter);
  filter();
}());
</script>
{% if errors %}<script>document.getElementById('form-errors').focus();</script>{% endif %}
{% endblock %}