{% extends "base.html" %}
{# Hardware Lab from the browser: run a sketch on the virtual board (with the
   parts of one of the Lab's rigs or scenarios if wanted), see the Lab's
   Physical World editor, check and install the libraries a sketch needs,
   watch a serial port, compile and upload physical boards, and deploy
   firmware using the desktop OTA manager. #}
{% block title %}Hardware Lab{% endblock %}
{% block page_id %}hardware{% endblock %}
{% block head %}
<style>
  .hw-code { min-height: 260px; font-size: 13px; tab-size: 2; }
  .hw-serial { max-height: 300px; }
  .hw-pinwave { display: block; width: 100%; height: 26px; }
  .hw-parts { width: auto; max-width: 100%; }
  .hw-trend { width: 40%; min-width: 120px; }
  .hw-section { margin: 18px 2px 8px; font-size: 16px; }
  .hw-ok { color: var(--ok, #3fb950); margin-top: 3px; }
  .hw-bad { color: var(--bad, #f85149); margin-top: 3px; }
</style>
{% endblock %}
{% block content %}
<div class="a-page-head">
  <h1><i class="fa-solid fa-microchip" aria-hidden="true"></i> Hardware Lab</h1>
  <div class="a-sub">Run Arduino sketches on the virtual board, compile and upload a board connected to this PC, or deploy firmware to a registered OTA device. Edit the desktop Lab's saved rigs, parts and scenarios in Physical World, or run a Python device script in an isolated worker. Libraries and compiler settings are shared with the desktop Hardware Lab.</div>
</div>
<div id="hw-root"></div>
{% endblock %}
{% block scripts %}
<script src="{{ aida_rel('static/js/lab_world_editor.js') }}"></script>
<script src="{{ aida_rel('static/js/hardware.js') }}"></script>
{% endblock %}