[deploy]

public/ts/components/settings.ts

@@ -0,0 +1,22 @@
+import { api } from '../services/api.js';
+import { showToast } from '../ui/toast.js';
+
+export async function renderSettingsSection(guildId: string) {
+  const section = document.getElementById('section-settings');
+  if (!section) return;
+  section.innerHTML = '<p class="muted">Lade Einstellungen...</p>';
+  try {
+    const data: any = await api.settings(guildId);
+    const settings = data?.settings || {};
+    section.innerHTML = `
+      <h2 class="section-title">Einstellungen</h2>
+      <div class="card">
+        <pre style="white-space:pre-wrap;">${JSON.stringify(settings, null, 2)}</pre>
+      </div>
+    `;
+  } catch (err) {
+    console.error(err);
+    section.innerHTML = '<div class="empty-state">Einstellungen konnten nicht geladen werden.</div>';
+    showToast('Fehler beim Laden der Einstellungen', true);
+  }
+}