feat(settings): Phase 4 — capabilities vs integrations + nav cleanup

Final phase of the host-IA unification (milestone 70).

- Settings → Plugins split into two tiers: "Monitoring capabilities"
  (host_agent, http, snmp, docker — built-in host facets, surfaced via
  Hosts/Status, on by default) and "Integrations" (traefik, unifi — external
  systems, off until configured). Presentation only: a CAPABILITY_PLUGINS set
  (overridable by plugin.yaml `kind:`) tags each plugin; module loading,
  optional deps, and migrations are untouched.
- Drop the "default-enable a plugin" framing in the UI copy — capabilities are
  described as built-in, not optional add-ons.
- Nav: remove the standalone "Uptime" item (folded into Hosts; still reachable
  via the SLA button on the Hosts list).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

steward/settings/routes.py

@@ -505,6 +505,13 @@ def _build_plugin_cfg_from_form(plugin: dict, form) -> dict:
 
 # ── Plugins list ──────────────────────────────────────────────────────────────
 
+# Bundled plugins that are really built-in *host/monitoring capabilities* (facets
+# of a host), not discrete vendor integrations. Presentation-only split — they
+# still load through the normal plugin mechanism. A plugin.yaml may set
+# kind: capability|integration to override.
+CAPABILITY_PLUGINS = {"host_agent", "http", "snmp", "docker"}
+
+
 @settings_bp.get("/plugins/")
 @require_role(UserRole.admin)
 async def plugins():
@@ -512,9 +519,14 @@ async def plugins():
         settings = await get_all_settings(db)
     discovered = _discover_plugins()
     _merge_plugin_config(discovered, to_plugins_cfg(settings))
+    for p in discovered:
+        p["_kind"] = p.get("kind") or (
+            "capability" if p["_dir"] in CAPABILITY_PLUGINS else "integration")
     repos = _get_plugin_repos(settings)
     return await render_template(
         "settings/plugins.html",
+        capabilities=[p for p in discovered if p["_kind"] == "capability"],
+        integrations=[p for p in discovered if p["_kind"] != "capability"],
         discovered_plugins=discovered,
         repos=repos,
         settings=settings,

steward/templates/base.html

@@ -209,7 +209,6 @@ textarea { resize: vertical; }
     <a href="/">Dashboard</a>
     <a href="/status">Status</a>
     <a href="/hosts/">Hosts</a>
-    <a href="/hosts/uptime">Uptime</a>
     <a href="/ping/">Ping</a>
     <a href="/dns/">DNS</a>
     <a href="/alerts/">Alerts</a>

steward/templates/settings/plugins.html

@@ -10,72 +10,81 @@
 {# ── Restart banner ────────────────────────────────────────────────────────── #}
 <div id="restart-banner"></div>
 
-{# ── Installed Plugins ─────────────────────────────────────────────────────── #}
-<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;">
-  <div class="section-title">Installed Plugins</div>
+{% macro plugin_card(plugin) %}
+{% set fail_reason = plugin_failures.get(plugin._dir) %}
+<div class="card" style="padding:0.85rem 1rem;display:flex;align-items:center;gap:0.75rem;">
+  {% if fail_reason %}
+    <span style="width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;" title="{{ fail_reason }}"></span>
+  {% elif plugin._enabled %}
+    <span style="width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;"></span>
+  {% else %}
+    <span style="width:8px;height:8px;border-radius:50%;background:var(--border-mid);flex-shrink:0;"></span>
+  {% endif %}
+  <div style="flex:1;min-width:0;">
+    <div style="display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;">
+      <span style="font-weight:600;font-size:0.9rem;color:var(--text);">{{ plugin.get('name', plugin._dir) }}</span>
+      <span style="font-size:0.75rem;color:var(--text-muted);">v{{ plugin.get('version', '?') }}</span>
+      {% if fail_reason %}
+        <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
+                     background:color-mix(in srgb,var(--red) 15%,var(--bg));color:var(--red);">Error</span>
+      {% elif plugin._enabled %}
+        <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
+                     background:color-mix(in srgb,var(--green) 12%,var(--bg));color:var(--green);">Enabled</span>
+      {% else %}
+        <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
+                     background:var(--bg-elevated);color:var(--text-muted);">Disabled</span>
+      {% endif %}
+    </div>
+    {% if plugin.get('description') %}
+    <div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.1rem;
+                white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ plugin.description }}</div>
+    {% endif %}
+    {% if fail_reason %}
+    <div style="font-size:0.77rem;color:var(--red);margin-top:0.1rem;
+                white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" title="{{ fail_reason }}">{{ fail_reason }}</div>
+    {% endif %}
+  </div>
+  <a href="/settings/plugins/{{ plugin._dir }}/"
+     class="btn btn-ghost btn-sm" style="flex-shrink:0;font-size:0.78rem;">Settings →</a>
+</div>
+{% endmacro %}
+
+{# ── Monitoring capabilities (host facets) ─────────────────────────────────── #}
+<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.4rem;">
+  <div class="section-title">Monitoring capabilities</div>
   <form method="post" action="/settings/plugins/restart/"
-        hx-post="/settings/plugins/restart/"
-        hx-target="#restart-banner"
-        hx-swap="outerHTML"
+        hx-post="/settings/plugins/restart/" hx-target="#restart-banner" hx-swap="outerHTML"
         onsubmit="return confirm('Restart the app now? This will briefly interrupt all monitoring.')"
         style="margin:0;">
     <button type="submit" class="btn btn-ghost btn-sm" style="font-size:0.78rem;">Restart App</button>
   </form>
 </div>
-
-{% if not discovered_plugins %}
-<div class="card" style="color:var(--text-muted);font-size:0.9rem;margin-bottom:1.5rem;">
-  No plugins installed. The table awaits new seats.
+<p style="color:var(--text-muted);font-size:0.82rem;margin:0 0 0.75rem;max-width:720px;">
+  Built-in ways to monitor your hosts (agent metrics, HTTP/uptime, SNMP, Docker). These are
+  facets of a host — you'll see their data in the <a href="/hosts/">Hosts</a> and
+  <a href="/status">Status</a> sections, not as separate areas. On by default.
+</p>
+{% if capabilities %}
+<div style="display:grid;gap:0.6rem;max-width:720px;margin-bottom:1.5rem;">
+  {% for plugin in capabilities %}{{ plugin_card(plugin) }}{% endfor %}
 </div>
 {% else %}
+<div class="card" style="color:var(--text-muted);font-size:0.9rem;margin-bottom:1.5rem;">None installed.</div>
+{% endif %}
+
+{# ── Integrations (external systems) ───────────────────────────────────────── #}
+<div class="section-title" style="margin-bottom:0.4rem;">Integrations</div>
+<p style="color:var(--text-muted);font-size:0.82rem;margin:0 0 0.75rem;max-width:720px;">
+  External systems Steward pulls data from (e.g. Traefik, UniFi). Enable and configure each one
+  to surface its own dashboard. Off until you set them up.
+</p>
+{% if integrations %}
 <div style="display:grid;gap:0.6rem;max-width:720px;margin-bottom:1.5rem;">
-  {% for plugin in discovered_plugins %}
-  {% set fail_reason = plugin_failures.get(plugin._dir) %}
-  <div class="card" style="padding:0.85rem 1rem;display:flex;align-items:center;gap:0.75rem;">
-
-    {# Status indicator #}
-    {% if fail_reason %}
-      <span style="width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;" title="{{ fail_reason }}"></span>
-    {% elif plugin._enabled %}
-      <span style="width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;"></span>
-    {% else %}
-      <span style="width:8px;height:8px;border-radius:50%;background:var(--border-mid);flex-shrink:0;"></span>
-    {% endif %}
-
-    {# Name + version + description #}
-    <div style="flex:1;min-width:0;">
-      <div style="display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;">
-        <span style="font-weight:600;font-size:0.9rem;color:var(--text);">{{ plugin.get('name', plugin._dir) }}</span>
-        <span style="font-size:0.75rem;color:var(--text-muted);">v{{ plugin.get('version', '?') }}</span>
-        {% if fail_reason %}
-          <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
-                       background:color-mix(in srgb,var(--red) 15%,var(--bg));
-                       color:var(--red);">Error</span>
-        {% elif plugin._enabled %}
-          <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
-                       background:color-mix(in srgb,var(--green) 12%,var(--bg));
-                       color:var(--green);">Enabled</span>
-        {% else %}
-          <span style="font-size:0.72rem;padding:0.1em 0.45em;border-radius:3px;
-                       background:var(--bg-elevated);color:var(--text-muted);">Disabled</span>
-        {% endif %}
-      </div>
-      {% if plugin.get('description') %}
-      <div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.1rem;
-                  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ plugin.description }}</div>
-      {% endif %}
-      {% if fail_reason %}
-      <div style="font-size:0.77rem;color:var(--red);margin-top:0.1rem;
-                  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
-           title="{{ fail_reason }}">{{ fail_reason }}</div>
-      {% endif %}
-    </div>
-
-    {# Settings button #}
-    <a href="/settings/plugins/{{ plugin._dir }}/"
-       class="btn btn-ghost btn-sm" style="flex-shrink:0;font-size:0.78rem;">Settings →</a>
-  </div>
-  {% endfor %}
+  {% for plugin in integrations %}{{ plugin_card(plugin) }}{% endfor %}
+</div>
+{% else %}
+<div class="card" style="color:var(--text-muted);font-size:0.9rem;margin-bottom:1.5rem;">
+  No integrations installed. Browse the catalog below.
 </div>
 {% endif %}