{% extends "base.html" %}
{% block title %}Scenarios | Silisocs Studio{% endblock %}
{% block crumb %}Scenarios{% endblock %}
{% block content %}
<section class="page-heading"><div><p class="eyebrow"><span class="eyebrow-signal"></span>World library</p><h1>Scenarios</h1><p>Each scenario is a launchable world, not a preset dashboard.</p></div><div class="page-actions"><button class="button quiet" type="button" onclick="openRepositoryDialog()"><svg><use href="#icon-scenarios"/></svg>Connect project</button><button class="button primary" type="button" onclick="document.getElementById('new-scenario').showModal()"><svg><use href="#icon-plus"/></svg>New scenario</button></div></section>
{% if scenarios %}<div class="entity-list">{% for scenario in scenarios %}<a class="entity-row" href="/scenarios/{{ scenario.name }}?source={{ scenario.source|urlencode }}"><span class="entity-glyph scenario-glyph"><svg><use href="#icon-scenarios"/></svg></span><span class="entity-copy"><strong>{{ scenario.name }}</strong><small>{{ scenario.files|length }} configuration surfaces · {{ scenario.source_label }}</small></span><span class="badge neutral">{{ scenario.source_label }}</span><span class="entity-signal"><i></i><i></i><i></i></span><span class="arrow"><svg><use href="#icon-arrow"/></svg></span></a>{% endfor %}</div>{% else %}<div class="empty"><span class="empty-mark"><svg><use href="#icon-scenarios"/></svg></span><b>No worlds yet</b><p>Create the first scenario in this workspace.</p></div>{% endif %}
<dialog id="new-scenario" class="command-palette compact-dialog"><form action="/scenarios/new" method="get" class="form-group"><p class="eyebrow">New world</p><h2>Name your scenario</h2><label class="form-field"><span>Name</span><input name="name" required pattern="[A-Za-z0-9_-]+" value="new_scenario" autofocus></label><div class="composer-actions"><button class="button quiet" type="button" onclick="document.getElementById('new-scenario').close()">Cancel</button><button class="button primary" type="submit"><svg><use href="#icon-plus"/></svg>Create</button></div></form></dialog>
{% include "_repository_connect.html" %}
{% endblock %}