feat: Add Knowledge Base document management with RAG pipeline

- Create kb_uploaded_documents table and enhance kb_documents with user/document tracking
- Add Supabase Storage bucket (kb-documents) with RLS policies
- Create api-documents Edge Function for PDF text extraction
- Enhance ragService with smart sentence-aware chunking, document CRUD, and full processing pipeline
- Add DocumentsView dashboard component with drag-and-drop upload, chunk viewer, and progress tracking
- Add Documents sidebar nav item in AI Behavior section
- Add EN/DE translation keys for knowledge base documents
- Chatbot automatically pulls document context via existing RAG integration in localLLMService

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: amethystani

src/components/AppSidebar.tsx

@@ -21,7 +21,8 @@ import {
     LogOut,
     Users,
     Wand2,
-    ShieldCheck
+    ShieldCheck,
+    FileText
 } from "lucide-react"
 
 import { useTheme } from "@/hooks/useTheme"
@@ -212,6 +213,24 @@ export function AppSidebar({ activeTab, setActiveTab, hasAccess = false, ...prop
                                 </SidebarMenuButton>
                             </SidebarMenuItem>
 
+                            {/* Documents */}
+                            <SidebarMenuItem>
+                                <SidebarMenuButton
+                                    isActive={activeTab === 'kb_documents'}
+                                    onClick={() => handleTabClick('kb_documents')}
+                                    tooltip={t('sidebar.kbDocuments')}
+                                    className={cn(
+                                        "transition-colors",
+                                        isDark
+                                            ? "text-white/80 hover:text-white hover:bg-white/10 data-[active=true]:bg-white/10 data-[active=true]:text-white"
+                                            : "text-gray-600 hover:text-gray-900 hover:bg-black/5 data-[active=true]:bg-black/5 data-[active=true]:text-black"
+                                    )}
+                                >
+                                    <FileText className="text-blue-400" />
+                                    <span>{t('sidebar.kbDocuments')}</span>
+                                </SidebarMenuButton>
+                            </SidebarMenuItem>
+
                             {/* Model Selection */}
                             <SidebarMenuItem>
                                 <SidebarMenuButton

src/components/DashboardViews/DocumentsView.tsx

@@ -348,6 +348,20 @@ export const de = {
     'sidebar.docs': 'Dokumentation',
     'sidebar.team': 'Team',
     'sidebar.customerGraph': 'Kundengraph',
+    'sidebar.kbDocuments': 'Dokumente',
+
+    // Knowledge Base Documents
+    'kbDocs.title': 'Wissensdatenbank-Dokumente',
+    'kbDocs.description': 'Laden Sie Dokumente hoch, um Ihrem KI-Assistenten mehr Kontext und Wissen zu geben.',
+    'kbDocs.upload': 'Dokument hochladen',
+    'kbDocs.dropzone': 'Dateien hier ablegen oder klicken zum Hochladen',
+    'kbDocs.processing': 'Verarbeitung',
+    'kbDocs.ready': 'Bereit',
+    'kbDocs.error': 'Fehler',
+    'kbDocs.chunks': 'Abschnitte',
+    'kbDocs.deleteConfirm': 'Möchten Sie dieses Dokument wirklich löschen?',
+    'kbDocs.empty': 'Noch keine Dokumente hochgeladen',
+    'kbDocs.viewChunks': 'Abschnitte anzeigen',
 
     // Customer Graph
     'customerGraph.title': 'Kunden-Ähnlichkeitsgraph',

src/i18n/de.ts

@@ -349,6 +349,20 @@ export const en = {
     'sidebar.docs': 'Docs',
     'sidebar.team': 'Team',
     'sidebar.customerGraph': 'Customer Graph',
+    'sidebar.kbDocuments': 'Documents',
+
+    // Knowledge Base Documents
+    'kbDocs.title': 'Knowledge Base Documents',
+    'kbDocs.description': 'Upload documents to give your AI assistant more context and knowledge.',
+    'kbDocs.upload': 'Upload Document',
+    'kbDocs.dropzone': 'Drop files here or click to upload',
+    'kbDocs.processing': 'Processing',
+    'kbDocs.ready': 'Ready',
+    'kbDocs.error': 'Error',
+    'kbDocs.chunks': 'chunks',
+    'kbDocs.deleteConfirm': 'Are you sure you want to delete this document?',
+    'kbDocs.empty': 'No documents uploaded yet',
+    'kbDocs.viewChunks': 'View Chunks',
 
     // Customer Graph
     'customerGraph.title': 'Customer Similarity Graph',

src/i18n/en.ts

@@ -21,6 +21,7 @@ import TeamView from '../components/DashboardViews/TeamView';
 import MonitorView from '../components/DashboardViews/MonitorView';
 import IntegrationView from '../components/DashboardViews/IntegrationView';
 import CustomerGraphView from '../components/DashboardViews/CustomerGraphView';
+import DocumentsView from '../components/DashboardViews/DocumentsView';
 import InitialSetupDialog from '../components/DashboardViews/InitialSetupDialog';
 import { RescueCenterProvider } from '../contexts/RescueCenterContext';
 
@@ -85,6 +86,7 @@ function DemoDashboardContent() {
       priority_rules: t('sidebar.priorityRules'),
       instructions: t('sidebar.instructions'),
       groq_settings: t('sidebar.groqAi'),
+      kb_documents: t('sidebar.kbDocuments'),
       usage: t('sidebar.usage'),
       billing: t('sidebar.billing'),
       keys: t('sidebar.keys'),
@@ -195,6 +197,7 @@ function DemoDashboardContent() {
                   {activeTab === 'priority_rules' && <KnowledgeBase isDark={isDark} activeSection="rules" />}
                   {activeTab === 'instructions' && <KnowledgeBase isDark={isDark} activeSection="instructions" />}
 
+                  {activeTab === 'kb_documents' && <DocumentsView isDark={isDark} />}
                   {activeTab === 'groq_settings' && <GroqSettingsPage isDark={isDark} />}
 
                   {/* New Account Sections */}