Improve settings hierarchy conciseness

core/templates/partials/ai-execution-run-detail-tab.html

@@ -0,0 +1,7 @@
+{% if tab_slug == "error" %}
+  {% if run.error %}
+    <pre style="white-space: pre-wrap; margin: 0;">{{ run.error }}</pre>
+  {% else %}
+    <p class="has-text-grey">No error recorded for this run.</p>
+  {% endif %}
+{% endif %}

core/templates/partials/ai-execution-run-detail.html

@@ -0,0 +1,56 @@
+<div class="trace-run-detail-tabs">
+  <div class="tabs is-small is-toggle is-toggle-rounded mb-2">
+    <ul>
+      <li class="is-active">
+        <a href="#" class="trace-run-tab-trigger" data-tab-target="summary">Summary</a>
+      </li>
+      <li>
+        <a href="#" class="trace-run-tab-trigger" data-tab-target="identifiers">Identifiers</a>
+      </li>
+      <li>
+        <a href="#" class="trace-run-tab-trigger" data-tab-target="usage">Usage</a>
+      </li>
+      <li>
+        <a
+          href="#"
+          class="trace-run-tab-trigger"
+          data-tab-target="error"
+          data-lazy-url="{% url 'ai_execution_run_detail_tab' run_id=run.id tab_slug='error' %}"
+        >Error</a>
+      </li>
+    </ul>
+  </div>
+  <div class="trace-run-tab-panel" data-tab-panel="summary">
+    <table class="table is-fullwidth is-narrow is-size-7">
+      <tbody>
+        <tr><th>Status</th><td>{{ run.status|default:"-" }}</td></tr>
+        <tr><th>Operation</th><td>{{ run.operation|default:"-" }}</td></tr>
+        <tr><th>Model</th><td>{{ run.model|default:"-" }}</td></tr>
+        <tr><th>Started</th><td>{{ run.started_at|default:"-" }}</td></tr>
+        <tr><th>Finished</th><td>{{ run.finished_at|default:"-" }}</td></tr>
+        <tr><th>Duration (ms)</th><td>{{ run.duration_ms|default:"-" }}</td></tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="trace-run-tab-panel is-hidden" data-tab-panel="identifiers">
+    <table class="table is-fullwidth is-narrow is-size-7">
+      <tbody>
+        <tr><th>Run ID</th><td>{{ run.id }}</td></tr>
+        <tr><th>AI ID</th><td>{% if run.ai_id %}{{ run.ai_id }}{% else %}-{% endif %}</td></tr>
+        <tr><th>Base URL</th><td><code>{{ run.base_url|default:"-" }}</code></td></tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="trace-run-tab-panel is-hidden" data-tab-panel="usage">
+    <table class="table is-fullwidth is-narrow is-size-7">
+      <tbody>
+        <tr><th>Message Count</th><td>{{ run.message_count }}</td></tr>
+        <tr><th>Prompt Chars</th><td>{{ run.prompt_chars }}</td></tr>
+        <tr><th>Response Chars</th><td>{{ run.response_chars }}</td></tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="trace-run-tab-panel is-hidden" data-tab-panel="error" data-loaded="0">
+    <p class="has-text-grey">Click the Error tab to load details.</p>
+  </div>
+</div>

core/templates/partials/settings-hierarchy-nav.html

@@ -0,0 +1,12 @@
+{% if settings_nav %}
+  <h1 class="title is-4">{{ settings_nav.title }}</h1>
+  <div class="tabs is-boxed is-small mb-4 security-page-tabs">
+    <ul>
+      {% for tab in settings_nav.tabs %}
+      <li class="{% if tab.active %}is-active{% endif %}">
+        <a href="{{ tab.href }}">{{ tab.label }}</a>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+{% endif %}