settings update

src/pages/dashboard/Settings.tsx

@@ -1,15 +1,48 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Card } from '../../components/ui/card';
 import { Label } from '../../components/ui/label';
 import { Switch } from '../../components/ui/Switch';
 import { useTheme } from '../../contexts/ThemeContext';
 import { Button } from '../../components/ui/Button';
 import { supabase } from '../../lib/supabase';
-import { Trash2 } from 'lucide-react';
+import { Trash2, FileText } from 'lucide-react';
+
+interface Document {
+  id: number;
+  content: string;
+  metadata: {
+    lines: {
+      to: number;
+      from: number;
+    }[];
+    source: string;
+  };
+}
 
 function Settings() {
   const { isDarkMode, toggleDarkMode } = useTheme();
   const [isDeleting, setIsDeleting] = useState(false);
+  const [documents, setDocuments] = useState<Document[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    fetchDocuments();
+  }, []);
+
+  const fetchDocuments = async () => {
+    try {
+      const { data, error } = await supabase
+        .from('documents')
+        .select('id, content, metadata');
+
+      if (error) throw error;
+      setDocuments(data || []);
+    } catch (error) {
+      console.error('Error fetching documents:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
 
   const handleDeleteResources = async () => {
     // Add confirmation dialog
@@ -38,6 +71,7 @@ function Settings() {
 
       if (chatHistoryError) throw chatHistoryError;
 
+      setDocuments([]); // Clear the documents list
       alert('All resources have been deleted successfully');
     } catch (error) {
       console.error('Error deleting resources:', error);
@@ -58,7 +92,7 @@ function Settings() {
               <Label>Dark Mode</Label>
               <p className="text-sm text-muted-foreground">Enable dark color theme</p>
             </div>
-            <switch
+            <Switch
               checked={isDarkMode}
               onCheckedChange={toggleDarkMode}
               className="data-[state=checked]:bg-gradient-to-r data-[state=checked]:from-purple-400 data-[state=checked]:to-purple-500"
@@ -80,6 +114,37 @@ function Settings() {
                 <Trash2 className="h-4 w-4" />
                 {isDeleting ? 'Deleting...' : 'Delete All Resources'}
               </Button>
+
+              <div className="mt-6">
+                <Label>Current Documents</Label>
+                <div className="mt-2 space-y-2">
+                  {isLoading ? (
+                    <p className="text-sm text-muted-foreground">Loading documents...</p>
+                  ) : documents.length === 0 ? (
+                    <p className="text-sm text-muted-foreground">No documents found</p>
+                  ) : (
+                    <div className="space-y-2">
+                      {documents.map((doc) => (
+                        <div
+                          key={doc.id}
+                          className="flex items-center gap-2 p-3 rounded-lg border border-border hover:bg-accent/50 transition-colors"
+                        >
+                          <FileText className="h-4 w-4 text-muted-foreground" />
+                          <div className="flex-1 min-w-0">
+                            <p className="text-sm truncate">{doc.content}</p>
+                            <p className="text-xs text-muted-foreground">
+                              Source: {doc.metadata?.source || 'Unknown'}
+                            </p>
+                          </div>
+                          <span className="text-xs text-muted-foreground whitespace-nowrap">
+                            ID: {doc.id}
+                          </span>
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              </div>
             </div>
           </div>
         </Card>