vyuh 0.2.11

Vyuh web framework for Axum and SQLx with handler-first APIs
Documentation
{% 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 &amp; 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 %}