PR: Add “Powered By” Branding to Settings and Sidebar

backend/app/core/user_initializer/initializers/settings_initializer.py

@@ -42,6 +42,18 @@ class SettingsInitializer(UserInitializerBase):
             "is_multiple": False,
             "tags": '["auto_generated"]'
         },
+        {
+            "id": "powered_by_settings",
+            "name": "Powered By",
+            "description": "Text and URL for the Sidebar footer tag",
+            "category": "ui",
+            "type": "object",
+            "default_value": '{"text": "Powered by BrainDrive", "link": "https://community.braindrive.ai"}',
+            "allowed_scopes": '["system", "user"]',
+            "validation": None,
+            "is_multiple": False,
+            "tags": '["auto_generated", "ui"]'
+        },
         {
             "id": "ollama_servers_settings",
             "name": "Ollama Servers Settings",
@@ -77,6 +89,13 @@ class SettingsInitializer(UserInitializerBase):
             "scope": "user",
             "page_id": None
         },
+        {
+            "definition_id": "powered_by_settings",
+            "name": "Powered By",
+            "value": '{"text": "Powered by BrainDrive", "link": "https://community.braindrive.ai"}',
+            "scope": "user",
+            "page_id": None
+        },
         {
             "definition_id": "ollama_servers_settings",
             "name": "Ollama Servers Settings",
@@ -221,4 +240,4 @@ async def _ensure_settings_definitions(self, db: AsyncSession) -> None:
             raise
 
 # Register the initializer
-register_initializer(SettingsInitializer)
+register_initializer(SettingsInitializer)

frontend/src/components/dashboard/Sidebar.tsx

@@ -8,6 +8,7 @@ import {
 import { useEffect, useState, useCallback } from 'react';
 import { PageNavigation } from '../PageNavigation';
 import { usePages } from '../../hooks/usePages';
+import { useSettings } from '../../contexts/ServiceContext';
 
 interface SidebarProps {
   open: boolean;
@@ -21,6 +22,14 @@ const Sidebar = ({ open, onClose, drawerWidth }: SidebarProps) => {
   const [mounted, setMounted] = useState(false);
   const { refreshPages } = usePages();
   const [refreshTrigger, setRefreshTrigger] = useState(0);
+  const settingsService = useSettings();
+
+  type PoweredBy = { text: string; link: string };
+  const defaultPoweredBy: PoweredBy = {
+    text: 'Powered by BrainDrive',
+    link: 'https://community.braindrive.ai',
+  };
+  const [poweredBy, setPoweredBy] = useState<PoweredBy>(defaultPoweredBy);
 
   // Function to force a refresh of the sidebar
   const refreshSidebar = useCallback(() => {
@@ -48,6 +57,44 @@ const Sidebar = ({ open, onClose, drawerWidth }: SidebarProps) => {
     setMounted(true);
   }, []);
 
+  // Load Powered By settings
+  useEffect(() => {
+    let isActive = true;
+    (async () => {
+      try {
+        const value = await settingsService.getSetting<any>('powered_by_settings');
+        if (!isActive) return;
+        if (value) {
+          if (typeof value === 'string') {
+            try {
+              const parsed = JSON.parse(value);
+              setPoweredBy({
+                text: parsed?.text || defaultPoweredBy.text,
+                link: parsed?.link || defaultPoweredBy.link,
+              });
+            } catch {
+              setPoweredBy(defaultPoweredBy);
+            }
+          } else if (typeof value === 'object') {
+            setPoweredBy({
+              text: value?.text || defaultPoweredBy.text,
+              link: value?.link || defaultPoweredBy.link,
+            });
+          }
+        } else {
+          setPoweredBy(defaultPoweredBy);
+        }
+      } catch {
+        setPoweredBy(defaultPoweredBy);
+      }
+    })();
+    return () => {
+      isActive = false;
+    };
+    // We intentionally run once after mount and service ready
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   if (!mounted) {
     return null;
   }
@@ -57,25 +104,48 @@ const Sidebar = ({ open, onClose, drawerWidth }: SidebarProps) => {
       <Toolbar /> {/* Spacer for header */}
       <Box
         sx={{
-          overflow: 'auto',
+          display: 'flex',
+          flexDirection: 'column',
           height: '100%',
-          '&::-webkit-scrollbar': {
-            width: '8px',
-          },
-          '&::-webkit-scrollbar-track': {
-            background: 'transparent',
-          },
-          '&::-webkit-scrollbar-thumb': {
-            background: (theme) => theme.palette.divider,
-            borderRadius: '4px',
-          },
-          '&::-webkit-scrollbar-thumb:hover': {
-            background: (theme) => theme.palette.action.hover,
-          }
         }}
       >
-        {/* Unified Navigation - Core routes and published pages in one component */}
-        <PageNavigation key={`page-nav-${refreshTrigger}`} />
+        <Box
+          sx={{
+            flexGrow: 1,
+            overflow: 'auto',
+            '&::-webkit-scrollbar': { width: '8px' },
+            '&::-webkit-scrollbar-track': { background: 'transparent' },
+            '&::-webkit-scrollbar-thumb': {
+              background: (theme) => theme.palette.divider,
+              borderRadius: '4px',
+            },
+            '&::-webkit-scrollbar-thumb:hover': {
+              background: (theme) => theme.palette.action.hover,
+            },
+          }}
+        >
+          {/* Unified Navigation - Core routes and published pages in one component */}
+          <PageNavigation key={`page-nav-${refreshTrigger}`} />
+        </Box>
+        <Box
+          component="footer"
+          sx={{
+            borderTop: `1px solid ${theme.palette.divider}`,
+            color: 'text.secondary',
+            typography: 'caption',
+            p: 1,
+            textAlign: 'center',
+          }}
+        >
+          <a
+            href={poweredBy.link}
+            target="_blank"
+            rel="noopener noreferrer"
+            style={{ color: 'inherit', textDecoration: 'none' }}
+          >
+            {poweredBy.text}
+          </a>
+        </Box>
       </Box>
     </>
   );