From f49c2b5488fe01b1b81c3ab4522372b5147b7044 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Wed, 1 Apr 2026 01:23:56 +0200
Subject: [PATCH] feat(web): register Federation tab in instance settings

---
 .../modals/instanceSettingsPanels/FederationPanel.tsx  | 10 ++++++++++
 .../components/modals/settingsPanels/InstancePanel.tsx |  5 ++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 packages/web/src/components/modals/instanceSettingsPanels/FederationPanel.tsx

diff --git a/packages/web/src/components/modals/instanceSettingsPanels/FederationPanel.tsx b/packages/web/src/components/modals/instanceSettingsPanels/FederationPanel.tsx
new file mode 100644
index 00000000..5bab0dd1
--- /dev/null
+++ b/packages/web/src/components/modals/instanceSettingsPanels/FederationPanel.tsx
@@ -0,0 +1,10 @@
+export function FederationPanel() {
+  return (
+    <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary">Federation</h2>
+      <div className="text-xs text-txt-tertiary">
+        Configure federation relay, secret rotation, and manage peered instances.
+      </div>
+    </div>
+  );
+}
diff --git a/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx b/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
index c95ad8bd..b74d19be 100644
--- a/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
@@ -4,14 +4,16 @@ import { useSettingsSections } from '../../../hooks/useSettingsSections';
 import type { SettingsSection } from '../SettingsSectionsContext';
 import { SettingsTabBar } from '../SettingsTabBar';
 import { GeneralPanel } from '../instanceSettingsPanels/GeneralPanel';
+import { FederationPanel } from '../instanceSettingsPanels/FederationPanel';
 import { StreamingPanel } from '../instanceSettingsPanels/StreamingPanel';
 import { StoragePanel } from '../instanceSettingsPanels/StoragePanel';
 import { UsersPanel } from '../instanceSettingsPanels/UsersPanel';
 
-type SubTab = 'general' | 'streaming' | 'storage' | 'users';
+type SubTab = 'general' | 'federation' | 'streaming' | 'storage' | 'users';
 
 const SECTIONS: SettingsSection[] = [
   { id: 'general', label: 'General' },
+  { id: 'federation', label: 'Federation' },
   { id: 'streaming', label: 'Streaming' },
   { id: 'storage', label: 'Storage' },
   { id: 'users', label: 'Users' },
@@ -40,6 +42,7 @@ export function InstancePanel() {
       <SettingsTabBar />
 
       {subTab === 'general' && <GeneralPanel />}
+      {subTab === 'federation' && <FederationPanel />}
       {subTab === 'streaming' && <StreamingPanel />}
       {subTab === 'storage' && <StoragePanel />}
       {subTab === 'users' && <UsersPanel />}