From 2adbb9683619fddfcf878d86853f92c4adafeeca Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Sat, 9 May 2026 18:35:12 +0100
Subject: [PATCH] Drop duplicate intros on seven more settings panels

The page-level header (SETTINGS_HEADER_META) already shows the same title
and a near-identical description these panels were re-emitting in their
card header. Drop the panel-level description on:

  - APIAccessPanel (api)
  - DiagnosticsPanel (support-diagnostics)
  - SystemLogsPanel (support-logs)
  - RolesPanel (security-roles)
  - UserAssignmentsPanel (security-users)
  - AuditLogPanel (security-audit)
  - AuditWebhookPanel (security-webhooks, both gated and normal shells)
---
 frontend-modern/src/components/Settings/APIAccessPanel.tsx  | 1 -
 frontend-modern/src/components/Settings/AuditLogPanel.tsx   | 1 -
 .../src/components/Settings/AuditWebhookPanel.tsx           | 6 +-----
 .../src/components/Settings/DiagnosticsPanel.tsx            | 1 -
 frontend-modern/src/components/Settings/RolesPanel.tsx      | 1 -
 frontend-modern/src/components/Settings/SystemLogsPanel.tsx | 5 +----
 .../src/components/Settings/UserAssignmentsPanel.tsx        | 1 -
 7 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/frontend-modern/src/components/Settings/APIAccessPanel.tsx b/frontend-modern/src/components/Settings/APIAccessPanel.tsx
index 5aac46263..30e7102f5 100644
--- a/frontend-modern/src/components/Settings/APIAccessPanel.tsx
+++ b/frontend-modern/src/components/Settings/APIAccessPanel.tsx
@@ -16,7 +16,6 @@ export const APIAccessPanel: Component<APIAccessPanelProps> = (props) => {
     <div class="space-y-6">
       <SettingsPanel
         title="API Access"
-        description="Generate and manage scoped tokens for agents and automation."
         noPadding
       >
         <div class="space-y-3 p-4 sm:p-6 pb-6">
diff --git a/frontend-modern/src/components/Settings/AuditLogPanel.tsx b/frontend-modern/src/components/Settings/AuditLogPanel.tsx
index d477a77dc..798b65d2c 100644
--- a/frontend-modern/src/components/Settings/AuditLogPanel.tsx
+++ b/frontend-modern/src/components/Settings/AuditLogPanel.tsx
@@ -103,7 +103,6 @@ export default function AuditLogPanel() {
   return (
     <SettingsPanel
       title="Audit Log"
-      description="Persistent, searchable audit events with optional signature verification."
       noPadding
       bodyClass="space-y-6 p-4 sm:p-6"
       action={
diff --git a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
index ba8f2efd4..43094f897 100644
--- a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
+++ b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
@@ -51,10 +51,7 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
 
   if (!isAuditLoggingEnabled()) {
     return (
-      <SettingsPanel
-        title="Audit Webhooks"
-        description="Configure real-time delivery of security audit events to external systems."
-      >
+      <SettingsPanel title="Audit Webhooks">
         <Show when={!loading()} fallback={<div class="text-sm text-muted">Loading...</div>}>
           <Card tone="info" padding="md">
             <div class="flex flex-col sm:flex-row items-center gap-4">
@@ -85,7 +82,6 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
     <div class="space-y-6">
       <SettingsPanel
         title="Audit Webhooks"
-        description="Configure real-time delivery of security audit events to external systems."
         noPadding
         bodyClass="divide-y divide-border"
       >
diff --git a/frontend-modern/src/components/Settings/DiagnosticsPanel.tsx b/frontend-modern/src/components/Settings/DiagnosticsPanel.tsx
index b8782fd6d..f4f81534f 100644
--- a/frontend-modern/src/components/Settings/DiagnosticsPanel.tsx
+++ b/frontend-modern/src/components/Settings/DiagnosticsPanel.tsx
@@ -15,7 +15,6 @@ export const DiagnosticsPanel: Component = () => {
     <div class="space-y-6">
       <OperationsPanel
         title={DIAGNOSTICS_PANEL_COPY.title}
-        description={DIAGNOSTICS_PANEL_COPY.description}
         action={
           <div class="flex items-center justify-between sm:justify-end gap-3 flex-wrap">
             <Show when={diagnosticsData()}>
diff --git a/frontend-modern/src/components/Settings/RolesPanel.tsx b/frontend-modern/src/components/Settings/RolesPanel.tsx
index fa687b200..f791165e3 100644
--- a/frontend-modern/src/components/Settings/RolesPanel.tsx
+++ b/frontend-modern/src/components/Settings/RolesPanel.tsx
@@ -17,7 +17,6 @@ export const RolesPanel: Component = () => {
     <div class="space-y-6">
       <SettingsPanel
         title="Roles"
-        description="Manage built-in and custom roles with granular permissions."
         action={
           <button
             type="button"
diff --git a/frontend-modern/src/components/Settings/SystemLogsPanel.tsx b/frontend-modern/src/components/Settings/SystemLogsPanel.tsx
index fc72867f6..05817fbb3 100644
--- a/frontend-modern/src/components/Settings/SystemLogsPanel.tsx
+++ b/frontend-modern/src/components/Settings/SystemLogsPanel.tsx
@@ -22,10 +22,7 @@ export const SystemLogsPanel: Component = () => {
 
   return (
     <div class="space-y-6">
-      <OperationsPanel
-        title={SYSTEM_LOGS_PANEL_COPY.title}
-        description={SYSTEM_LOGS_PANEL_COPY.description}
-      >
+      <OperationsPanel title={SYSTEM_LOGS_PANEL_COPY.title}>
         {/* Controls */}
         <div class="p-4 sm:p-6">
           <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
diff --git a/frontend-modern/src/components/Settings/UserAssignmentsPanel.tsx b/frontend-modern/src/components/Settings/UserAssignmentsPanel.tsx
index ffc0653bf..87461b4b5 100644
--- a/frontend-modern/src/components/Settings/UserAssignmentsPanel.tsx
+++ b/frontend-modern/src/components/Settings/UserAssignmentsPanel.tsx
@@ -18,7 +18,6 @@ export const UserAssignmentsPanel: Component = () => {
     <div class="space-y-6">
       <SettingsPanel
         title="User Access"
-        description="Assign roles to users and review effective permissions."
         action={
           <SearchField
             placeholder="Search users..."