From 5dba50200fc45ecb1d7b8cb642fc962d97b1158e Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Sat, 9 May 2026 18:13:39 +0100
Subject: [PATCH] Drop duplicate intros on Assistant & Patrol and Remote Access

Same anti-pattern as the Infrastructure settings card: each page
rendered its own header (from SETTINGS_HEADER_META) and then
SettingsPanel rendered the SAME title and description directly
beneath. The user read the same sentence twice on the same screen.

Drop the duplicate description from both AISettings and
RelaySettingsPanel. Card titles stay so the user has a section
anchor; the page-level description carries the detail without
repeating it inline.
---
 frontend-modern/src/components/Settings/AISettings.tsx       | 2 --
 .../src/components/Settings/RelaySettingsPanel.tsx           | 5 ++---
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend-modern/src/components/Settings/AISettings.tsx b/frontend-modern/src/components/Settings/AISettings.tsx
index 2a487c6fc..bd868b7c2 100644
--- a/frontend-modern/src/components/Settings/AISettings.tsx
+++ b/frontend-modern/src/components/Settings/AISettings.tsx
@@ -10,7 +10,6 @@ import SettingsPanel from '@/components/shared/SettingsPanel';
 import { Toggle } from '@/components/shared/Toggle';
 import { PATROL_PATH } from '@/routing/resourceLinks';
 import {
-  AI_SETTINGS_PANEL_DESCRIPTION,
   AI_SETTINGS_PANEL_TITLE,
   getAISettingsLoadingState,
   getAISettingsLoadErrorMessage,
@@ -25,7 +24,6 @@ export const AISettings: Component = () => {
     <>
       <SettingsPanel
         title={AI_SETTINGS_PANEL_TITLE}
-        description={AI_SETTINGS_PANEL_DESCRIPTION}
         action={(() => {
           return (
             <Toggle
diff --git a/frontend-modern/src/components/Settings/RelaySettingsPanel.tsx b/frontend-modern/src/components/Settings/RelaySettingsPanel.tsx
index 5927c2a79..e8309f464 100644
--- a/frontend-modern/src/components/Settings/RelaySettingsPanel.tsx
+++ b/frontend-modern/src/components/Settings/RelaySettingsPanel.tsx
@@ -18,7 +18,6 @@ import {
   RELAY_PRIMARY_BUTTON_CLASS,
   RELAY_PRIMARY_LINK_CLASS,
   RELAY_READONLY_NOTICE_CLASS,
-  RELAY_SETTINGS_DESCRIPTION,
 } from '@/utils/relayPresentation';
 import { RelayPairingSection } from './RelayPairingSection';
 import {
@@ -32,7 +31,7 @@ export const RelaySettingsPanel: Component<RelaySettingsPanelProps> = (props) =>
   // Relay feature gate
   if (!state.relayEnabled()) {
     return (
-      <SettingsPanel title="Remote Access" description={RELAY_SETTINGS_DESCRIPTION}>
+      <SettingsPanel title="Remote Access">
         <Show when={!state.loading()} fallback={<div class="text-sm ">Loading...</div>}>
           <Card tone="info" padding="md">
             <div class="flex flex-col sm:flex-row items-center gap-4">
@@ -61,7 +60,7 @@ export const RelaySettingsPanel: Component<RelaySettingsPanelProps> = (props) =>
   }
 
   return (
-    <SettingsPanel title="Remote Access" description={RELAY_SETTINGS_DESCRIPTION}>
+    <SettingsPanel title="Remote Access">
       <Show
         when={!state.loading()}
         fallback={<div class="text-sm ">{getSettingsConfigurationLoadingState().text}</div>}