---
import Layout from "@src/layouts/Layout.astro";
import SettingsPage from "@src/components/SettingsPage.svelte";
---

<Layout title="Settings">
  <div class="max-w-5xl mx-auto px-4 pb-8">

    <div class="mb-6">
      <a href="/" class="btn btn-ghost btn-sm gap-1">← Back</a>
    </div>

    <div class="mb-8">
      <h1 class="text-2xl font-bold tracking-tight">Settings</h1>
      <p class="text-base-content/50 text-sm mt-1">
        Proxy configuration, search profiles, and per-tool overrides.
      </p>
    </div>

    <SettingsPage client:only="svelte" />
  </div>
</Layout>