From e87cab58bf6b6544f025b44bc639e6d8644a39ca Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 22 Mar 2026 02:20:51 +0100
Subject: [PATCH] feat: add panel title headings to all SpaceSettings panels

---
 packages/web/src/components/modals/SpaceSettings.tsx             | 1 +
 .../web/src/components/modals/spaceSettingsPanels/BansPanel.tsx  | 1 +
 .../src/components/modals/spaceSettingsPanels/MembersPanel.tsx   | 1 +
 .../src/components/modals/spaceSettingsPanels/OverviewPanel.tsx  | 1 +
 .../web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx | 1 +
 5 files changed, 5 insertions(+)

diff --git a/packages/web/src/components/modals/SpaceSettings.tsx b/packages/web/src/components/modals/SpaceSettings.tsx
index 1c99c715..049a25ee 100644
--- a/packages/web/src/components/modals/SpaceSettings.tsx
+++ b/packages/web/src/components/modals/SpaceSettings.tsx
@@ -69,6 +69,7 @@ function DiscoveryPanel({ spaceId }: { spaceId: string }) {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Discovery</h2>
       {!discoveryEnabled && (
         <div className="p-2.5 bg-accent-amber/10 border border-accent-amber/30 rounded text-[13px] text-accent-amber">
           Space discovery is disabled by the instance administrator. Changing visibility will have no effect until discovery is re-enabled.
diff --git a/packages/web/src/components/modals/spaceSettingsPanels/BansPanel.tsx b/packages/web/src/components/modals/spaceSettingsPanels/BansPanel.tsx
index d5afee7f..0ac96b81 100644
--- a/packages/web/src/components/modals/spaceSettingsPanels/BansPanel.tsx
+++ b/packages/web/src/components/modals/spaceSettingsPanels/BansPanel.tsx
@@ -60,6 +60,7 @@ export function BansPanel({ spaceId }: BansPanelProps) {
 
   return (
     <div className="space-y-4">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Bans</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}
diff --git a/packages/web/src/components/modals/spaceSettingsPanels/MembersPanel.tsx b/packages/web/src/components/modals/spaceSettingsPanels/MembersPanel.tsx
index cb5430c5..eed96b95 100644
--- a/packages/web/src/components/modals/spaceSettingsPanels/MembersPanel.tsx
+++ b/packages/web/src/components/modals/spaceSettingsPanels/MembersPanel.tsx
@@ -100,6 +100,7 @@ export function MembersPanel({ spaceId }: MembersPanelProps) {
 
   return (
     <div className="space-y-4">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Members</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}
diff --git a/packages/web/src/components/modals/spaceSettingsPanels/OverviewPanel.tsx b/packages/web/src/components/modals/spaceSettingsPanels/OverviewPanel.tsx
index 44222303..1088e9a3 100644
--- a/packages/web/src/components/modals/spaceSettingsPanels/OverviewPanel.tsx
+++ b/packages/web/src/components/modals/spaceSettingsPanels/OverviewPanel.tsx
@@ -273,6 +273,7 @@ export function OverviewPanel({ spaceId }: OverviewPanelProps) {
   return (
     <>
       <div className="space-y-5">
+        <h2 className="text-lg font-semibold text-txt-primary mb-6">Overview</h2>
         {/* Space Identity */}
         <div>
           <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">Space Identity</div>
diff --git a/packages/web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx b/packages/web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx
index 0dfaa4bf..055bef83 100644
--- a/packages/web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx
+++ b/packages/web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx
@@ -127,6 +127,7 @@ export function RolesPanel({ spaceId }: RolesPanelProps) {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Roles</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}