mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-07-22 23:31:12 +02:00
2a2a909ef4
This commit implements a comprehensive database-driven site configuration system that allows administrators to control the visibility and behavior of homepage elements, navigation links, footer sections, and route availability without code changes. Backend Changes: - Added SiteConfiguration model with singleton pattern (id=1) - Created migration 38_add_site_configuration_table.py - Implemented site_configuration_routes.py with public + admin endpoints - Added Pydantic schemas for validation (Base, Update, Read, Public) - Registered routes in main app Frontend Changes: - Created SiteConfigContext.tsx for global state management - Updated app/layout.tsx to wrap app in SiteConfigProvider - Implemented RouteGuard component for disabled routes - Updated navbar with conditional rendering (pricing, docs, github, signin) - Updated hero-section with conditional buttons (get started, talk to us) - Updated footer with conditional sections and custom copyright - Applied route guards to pricing, contact, terms, privacy pages Admin Panel: - Created /dashboard/site-settings page with full UI - Visual toggle switches for all configuration options - Real-time updates via API with toast notifications - Organized by section (Header, Homepage, Footer, Routes, Text) - Dark mode support and responsive design Configuration Options: Header: show_pricing_link, show_docs_link, show_github_link, show_sign_in Homepage: show_get_started_button, show_talk_to_us_button Footer: show_pages_section, show_legal_section, show_register_section Routes: disable_pricing/docs/contact/terms/privacy_route Custom: custom_copyright text (max 200 chars) Security: - Superuser-only admin endpoints with JWT validation - Public read-only endpoint for frontend consumption - Input validation via Pydantic schemas - Singleton pattern with database constraints - Client-side route guards for disabled routes Documentation: - Added comprehensive section to claude.md - Includes API docs, migration guide, testing checklist - Example code snippets and configuration tables - Security considerations and future enhancements All configuration defaults to minimal/privacy-focused state (most features disabled by default). Administrators can enable features as needed via the admin panel. Files Changed: 16 files (6 backend, 10 frontend, 1 documentation)
115 lines
3.6 KiB
TypeScript
115 lines
3.6 KiB
TypeScript
import type { Metadata } from "next";
|
||
import "./globals.css";
|
||
import { RootProvider } from "fumadocs-ui/provider";
|
||
import { Roboto } from "next/font/google";
|
||
import { I18nProvider } from "@/components/providers/I18nProvider";
|
||
import { ThemeProvider } from "@/components/theme/theme-provider";
|
||
import { Toaster } from "@/components/ui/sonner";
|
||
import { LocaleProvider } from "@/contexts/LocaleContext";
|
||
import { SiteConfigProvider } from "@/contexts/SiteConfigContext";
|
||
import { ReactQueryClientProvider } from "@/lib/query-client/query-client.provider";
|
||
import { cn } from "@/lib/utils";
|
||
|
||
const roboto = Roboto({
|
||
subsets: ["latin"],
|
||
weight: ["400", "500", "700"],
|
||
display: "swap",
|
||
variable: "--font-roboto",
|
||
});
|
||
|
||
export const metadata: Metadata = {
|
||
title: "SurfSense – Customizable AI Research & Knowledge Management Assistant",
|
||
description:
|
||
"SurfSense is an AI-powered research assistant that integrates with tools like Notion, GitHub, Slack, and more to help you efficiently manage, search, and chat with your documents. Generate podcasts, perform hybrid search, and unlock insights from your knowledge base.",
|
||
keywords: [
|
||
"SurfSense",
|
||
"AI research assistant",
|
||
"AI knowledge management",
|
||
"AI document assistant",
|
||
"customizable AI assistant",
|
||
"notion integration",
|
||
"slack integration",
|
||
"github integration",
|
||
"hybrid search",
|
||
"vector search",
|
||
"RAG",
|
||
"LangChain",
|
||
"FastAPI",
|
||
"LLM apps",
|
||
"AI document chat",
|
||
"knowledge management AI",
|
||
"AI-powered document search",
|
||
"personal AI assistant",
|
||
"AI research tools",
|
||
"AI podcast generator",
|
||
"AI knowledge base",
|
||
"AI document assistant tools",
|
||
"AI-powered search assistant",
|
||
],
|
||
openGraph: {
|
||
title: "SurfSense – AI Research & Knowledge Management Assistant",
|
||
description:
|
||
"Connect your documents and tools like Notion, Slack, GitHub, and more to your private AI assistant. SurfSense offers powerful search, document chat, podcast generation, and RAG APIs to enhance your workflow.",
|
||
url: "https://surfsense.net",
|
||
siteName: "SurfSense",
|
||
type: "website",
|
||
images: [
|
||
{
|
||
url: "https://surfsense.net/og-image.png",
|
||
width: 1200,
|
||
height: 630,
|
||
alt: "SurfSense AI Research Assistant",
|
||
},
|
||
],
|
||
locale: "en_US",
|
||
},
|
||
twitter: {
|
||
card: "summary_large_image",
|
||
title: "SurfSense – AI Assistant for Research & Knowledge Management",
|
||
description:
|
||
"Have your own NotebookLM or Perplexity, but better. SurfSense connects external tools, allows chat with your documents, and generates fast, high-quality podcasts.",
|
||
creator: "https://surfsense.net",
|
||
site: "https://surfsense.net",
|
||
images: [
|
||
{
|
||
url: "https://surfsense.net/og-image-twitter.png",
|
||
width: 1200,
|
||
height: 630,
|
||
alt: "SurfSense AI Assistant Preview",
|
||
},
|
||
],
|
||
},
|
||
};
|
||
|
||
export default function RootLayout({
|
||
children,
|
||
}: Readonly<{
|
||
children: React.ReactNode;
|
||
}>) {
|
||
// Using client-side i18n
|
||
// Language can be switched dynamically through LanguageSwitcher component
|
||
// Locale state is managed by LocaleContext and persisted in localStorage
|
||
return (
|
||
<html lang="en" suppressHydrationWarning>
|
||
<body className={cn(roboto.className, "bg-white dark:bg-black antialiased h-full w-full ")}>
|
||
<LocaleProvider>
|
||
<I18nProvider>
|
||
<ThemeProvider
|
||
attribute="class"
|
||
enableSystem
|
||
disableTransitionOnChange
|
||
defaultTheme="light"
|
||
>
|
||
<RootProvider>
|
||
<SiteConfigProvider>
|
||
<ReactQueryClientProvider>{children}</ReactQueryClientProvider>
|
||
<Toaster />
|
||
</SiteConfigProvider>
|
||
</RootProvider>
|
||
</ThemeProvider>
|
||
</I18nProvider>
|
||
</LocaleProvider>
|
||
</body>
|
||
</html>
|
||
);
|
||
}
|