feat(ansible): Inventory on one page, add behind dialogs, delete behind the confirm (#5333)

/ansible/inventory/ shows every target (address, its linked Steward host,
its groups) and every group (members, the schedules aimed at it) under a
verdict line. The whole row opens the target or group. Add target and
Add group open small dialogs; a failed add comes back with its dialog
open and what was typed. The red x leaves the rows: Delete is on the
target's or group's page, behind the confirm dialog, saying which
schedules would be left with nothing to run on.

The two list pages (/inventory/targets, /inventory/groups) are gone
with no redirect (rule 122); their URLs keep only the Add POST.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

steward/templates/ansible/inventory/group_detail.html

@@ -1,53 +1,66 @@
+{# ansible/inventory/group_detail.html — one group (#5333): its members and
+   the schedules aimed at it, its form (operators), and at the foot Delete
+   behind the confirm dialog. #}
 {% extends "base.html" %}
+{% from "_macros.html" import crumbs, page_header %}
 {% from "ansible/_tabs.html" import ansible_tabs %}
-{% from "_macros.html" import crumbs %}
-{% block title %}Group: {{ group.name }} — Steward{% endblock %}
-{% block breadcrumb %}{{ crumbs([("Ansible", "/ansible/"), ("Inventory", "/ansible/inventory/targets"), ("Groups", "/ansible/inventory/groups"), (group.name, "")]) }}{% endblock %}
+{% block title %}{{ group.name }} — Inventory — Steward{% endblock %}
+{% block breadcrumb %}{{ crumbs([("Ansible", "/ansible/"), ("Inventory", "/ansible/inventory/"), (group.name, "")]) }}{% endblock %}
 {% block content %}
+{% set can_edit = session.user_role in ('operator', 'admin') %}
 {{ ansible_tabs("inventory") }}
-<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
-    <h1 class="page-title" style="margin-bottom:0;">Group: {{ group.name }}</h1>
-</div>
+{{ page_header(group.name) }}
 
-<form method="post" action="/ansible/inventory/groups/{{ group.id }}">{{ csrf_field() }}
-    <div class="card" style="margin-bottom:1.5rem;">
-        <h3 class="section-title">Settings</h3>
-        <div class="form-group">
-            <label>Name</label>
-            <input type="text" name="name" value="{{ group.name }}" required>
-        </div>
-        <div class="form-group">
-            <label>
-                Group Variables
-                <span style="color:var(--text-muted);font-weight:normal;font-size:0.82rem;">
-                    (YAML — applied to all members; per-target vars override these)
-                </span>
-            </label>
-            <textarea name="ansible_vars" rows="8"
-                      style="width:100%;font-family:ui-monospace,monospace;font-size:0.85rem;"
-                      placeholder="ansible_user: deploy&#10;http_port: 80">{{ ansible_vars_yaml }}</textarea>
-        </div>
+<p class="page-verdict">
+  {%- set members = group.targets|sort(attribute='name') %}
+  {%- if members %}{{ members|length }} member{{ 's' if members|length != 1 }}:
+  {% for t in members %}<a href="/ansible/inventory/targets/{{ t.id }}">{{ t.name }}</a>{{ ", " if not loop.last }}{% endfor %}
+  {%- else %}<span class="tone-warn">no members</span>{% endif %}
+  {%- if used %} · scheduled by {% for s in used %}<a href="/ansible/schedules/{{ s.id }}">{{ s.name }}</a>{{ ", " if not loop.last }}{% endfor %}{% endif %}
+</p>
+
+{% if can_edit %}
+<form method="post" action="/ansible/inventory/groups/{{ group.id }}" class="form-page">{{ csrf_field() }}
+  <section class="card form-section" aria-labelledby="grp-settings">
+    <h2 id="grp-settings" class="section-title">Group</h2>
+    <div class="field">
+      <label class="field-label" for="grp-name">Name</label>
+      <input class="input" id="grp-name" type="text" name="name" value="{{ group.name }}" required>
     </div>
-
-    <div class="card" style="margin-bottom:1.5rem;">
-        <h3 class="section-title">Members</h3>
-        {% if not all_targets %}
-        <p style="color:var(--text-muted);font-size:0.9rem;">No targets exist yet.
-            <a href="/ansible/inventory/targets">Add targets</a> first.</p>
-        {% else %}
-        <div style="display:grid;gap:0.4rem;margin-bottom:1rem;">
-            {% for tgt in all_targets %}
-            <label style="display:flex;align-items:center;gap:0.6rem;font-weight:normal;cursor:pointer;">
-                <input type="checkbox" name="target_ids" value="{{ tgt.id }}"
-                       {% if tgt.id in member_ids %}checked{% endif %}>
-                <span>{{ tgt.name }}</span>
-                <span style="color:var(--text-muted);font-size:0.82rem;">{{ tgt.address }}</span>
-            </label>
-            {% endfor %}
-        </div>
-        {% endif %}
+    <div class="field">
+      <label class="field-label" for="grp-vars">Variables</label>
+      <textarea class="input mono" id="grp-vars" name="ansible_vars" rows="6"
+                placeholder="ansible_user: deploy&#10;http_port: 80">{{ ansible_vars_yaml }}</textarea>
+      <span class="field-hint">YAML, applied to every member. A target's own variables override these.</span>
     </div>
+  </section>
 
-    <button type="submit" class="btn">Save Changes</button>
+  <section class="card form-section" aria-labelledby="grp-members">
+    <h2 id="grp-members" class="section-title">Members</h2>
+    {% if not all_targets %}
+    <p class="tone-muted">No targets yet. <a href="/ansible/inventory/?add=target">Add a target</a> first.</p>
+    {% else %}
+    <div class="check-list">
+      {% for tgt in all_targets %}
+      <label class="field-check">
+        <input type="checkbox" name="target_ids" value="{{ tgt.id }}" {% if tgt.id in member_ids %}checked{% endif %}>
+        <span>{{ tgt.name }}</span> <span class="mono tone-dim">{{ tgt.address }}</span>
+      </label>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </section>
+
+  <button type="submit" class="btn">Save</button>
 </form>
+
+<section class="danger-zone" aria-labelledby="grp-delete">
+  <h2 id="grp-delete" class="section-title">Delete this group</h2>
+  <p class="field-hint">{% if used %}{{ used|length }} schedule{{ 's' if used|length != 1 }} run{{ 's' if used|length == 1 }} on it and would find nothing to run on.{% else %}Its targets stay; only the grouping goes.{% endif %}</p>
+  <form method="post" action="/ansible/inventory/groups/{{ group.id }}/delete"
+        data-confirm="Delete group {{ group.name }}? {% if used %}{{ used|length }} schedule{{ 's' if used|length != 1 }} aimed at it would find nothing to run on.{% else %}Its targets stay; only the grouping goes.{% endif %}">{{ csrf_field() }}
+    <button class="btn btn-danger" type="submit">Delete group</button>
+  </form>
+</section>
+{% endif %}
 {% endblock %}