ros_control: централизованное управление парком MikroTik RouterOS

Control Server (FastAPI) с WEB UI (Jinja2 + HTMX) и JSON API для группового
администрирования устройств RouterOS 7 через REST.

- Устройства: список, статус (модель, канал, версии ROS/FW, uptime, доступные
  обновления), примечания, пароли шифруются (Fernet); фоновый опрос каждые 30 с
  и быстрое обнаружение недоступности (таймаут соединения 4 с).
- Группы устройств и фильтры (устройства, резервные копии).
- Резервные копии: .backup и .rsc (show-sensitive) создаются через REST,
  скачиваются сервером и загружаются в S3 (Yandex Object Storage).
- Обновление ROS/FW и выбор канала, групповые операции задачами.
- Интерфейс по утверждённому макету: светлая/тёмная темы, окна, шрифты IBM Plex
  локально. Docker Compose, SQLite в томе, минимальный набор тестов.
- Планы и итоги каждого изменения — в docs/changes/.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/ui/templates/base.html

@@ -0,0 +1,28 @@
+{% import "_ui.html" as ui %}
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{% block title %}ros_control{% endblock %}</title>
+  <link rel="stylesheet" href="/static/style.css">
+  <script src="/static/htmx.min.js"></script>
+  <script src="/static/app.js" defer></script>
+</head>
+<body>
+  {% if request.session.get("user") %}
+  {% set nav = [("Устройства", "/", "devices"), ("Группы", "/groups", "groups"), ("Резервные копии", "/backups", "backups")] %}
+  <header class="app-header">
+    <a class="brand" href="/"><span class="brand-logo">{{ ui.icon("router") }}</span>ros_control</a>
+    <nav class="nav" aria-label="Разделы">
+      {% for title, href, key in nav %}<a href="{{ href }}" class="{{ 'on' if section == key }}">{{ title }}</a>{% endfor %}
+    </nav>
+    <span class="grow"></span>
+    <span class="user">{{ request.session.get("user") }}</span>
+    <form method="post" action="/logout"><button class="btn ghost-n">Выйти</button></form>
+  </header>
+  {% endif %}
+  <main class="container">{% block content %}{% endblock %}</main>
+  <dialog id="modal" class="modal" aria-labelledby="modal-title"><div id="modal-body"></div></dialog>
+</body>
+</html>