{% extends "console/layout.html" %}
{% block content %}
<section class="vyuh-console-screen">
<header class="vyuh-console-topbar">
<div>
<h1>Console</h1>
<p>Snapshot of your system. Runtime data is read-only.</p>
</div>
<div class="vyuh-console-actions">
<button class="vyuh-console-icon-button" type="button" aria-label="Refresh"><svg><use href="#vyuh-icon-refresh"></use></svg></button>
<label class="vyuh-console-select"><span>Auto refresh</span><select><option>Off</option><option>30s</option></select></label>
<a class="vyuh-console-site-button" href="{{ base_path }}/openapi">OpenAPI <svg><use href="#vyuh-icon-external"></use></svg></a>
</div>
</header>
<div class="vyuh-console-stat-grid">
<article class="vyuh-console-stat">
<span class="vyuh-console-icon is-ember"><svg><use href="#vyuh-icon-clock"></use></svg></span>
<div><h3>Uptime</h3><strong>{{ status.site.uptime_seconds }}s</strong><p>Site lifetime</p></div>
</article>
<article class="vyuh-console-stat">
<span class="vyuh-console-icon is-green"><svg><use href="#vyuh-icon-check"></use></svg></span>
<div><h3>Operations</h3><strong>{{ status.site.operation_count }}</strong><p>Registered runtime paths</p></div>
</article>
<article class="vyuh-console-stat">
<span class="vyuh-console-icon is-orange"><svg><use href="#vyuh-icon-pulse"></use></svg></span>
<div><h3>Commands</h3><strong>{{ status.site.command_count }}</strong><p>Callable commands</p></div>
</article>
<article class="vyuh-console-stat">
<span class="vyuh-console-icon is-violet"><svg><use href="#vyuh-icon-cpu"></use></svg></span>
<div><h3>Services</h3><strong>{{ status.site.service_count }}</strong><p>Registered services</p></div>
</article>
</div>
<div class="vyuh-console-overview-grid">
<article class="vyuh-console-card">
<header><h2>System Snapshot</h2></header>
<dl class="vyuh-console-kv">
<div><dt>Package</dt><dd>{{ status.site.package_name }}</dd></div>
<div><dt>Version</dt><dd>{{ status.site.vyuh_version }}</dd></div>
<div><dt>Address</dt><dd>{{ status.site.host }}:{{ status.site.port }}</dd></div>
<div><dt>Backend</dt><dd>{{ status.site.database_backend }}</dd></div>
<div><dt>Timezone</dt><dd>{{ status.site.timezone }}</dd></div>
<div><dt>Project Dir</dt><dd>{{ status.site.project_dir }}</dd></div>
</dl>
<a class="vyuh-console-card-link" href="{{ base_path }}/runtime">View system info <svg><use href="#vyuh-icon-external"></use></svg></a>
</article>
<article class="vyuh-console-card">
<header><h2>System Health</h2><span class="vyuh-console-badge is-success">Healthy</span></header>
<ul class="vyuh-console-health-list">
<li><span class="vyuh-console-status is-success"></span><strong>Console</strong><em>Healthy</em></li>
<li><span class="vyuh-console-status is-success"></span><strong>Templates</strong><em>Healthy</em></li>
<li><span class="vyuh-console-status is-success"></span><strong>Database</strong><em>{{ status.site.database_backend }}</em></li>
<li><span class="vyuh-console-status is-success"></span><strong>Operations</strong><em>{{ status.site.operation_count }}</em></li>
<li><span class="vyuh-console-status is-success"></span><strong>Services</strong><em>{{ status.site.service_count }}</em></li>
</ul>
</article>
<article class="vyuh-console-card">
<header><h2>Quick Access</h2></header>
<div class="vyuh-console-action-list">
<a href="{{ base_path }}/runtime"><svg><use href="#vyuh-icon-monitor"></use></svg><span><strong>System Info</strong><small>Environment & resources</small></span><b>›</b></a>
<a href="{{ base_path }}/tasks"><svg><use href="#vyuh-icon-check"></use></svg><span><strong>Tasks</strong><small>Background jobs</small></span><b>›</b></a>
<a href="{{ base_path }}/operations"><svg><use href="#vyuh-icon-pulse"></use></svg><span><strong>Operations</strong><small>Registered runtime paths</small></span><b>›</b></a>
<a href="{{ base_path }}/openapi"><svg><use href="#vyuh-icon-docs"></use></svg><span><strong>OpenAPI (ReDoc)</strong><small>API documentation</small></span><b>↗</b></a>
</div>
</article>
</div>
</section>
{% endblock %}