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 (
+
+
Federation
+
+ Configure federation relay, secret rotation, and manage peered instances.
+
+
+ );
+}
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() {
{subTab === 'general' && }
+ {subTab === 'federation' && }
{subTab === 'streaming' && }
{subTab === 'storage' && }
{subTab === 'users' && }