Merge remote-tracking branch 'origin/main' into feature/privacy-ai-advanced

Author: Sujal Charak

README.md

@@ -1,5 +1,10 @@
+<div align="center">
+  <img src="resources/icon.png" alt="Privacy Radar Icon" width="128" height="128">
+
 # Privacy Radar
 
+</div>
+
 **Privacy Radar** is a comprehensive privacy monitoring application built with Electron, React, and TypeScript. It provides real-time network traffic analysis and system permission monitoring to help users understand and control their digital privacy.
 
 ## Overview

docs/Mid-Semester Project Presentation.pptx

@@ -1,4 +1,4 @@
-import { BrowserWindow, shell } from 'electron'
+import { app, BrowserWindow, shell } from 'electron'
 import { join } from 'path'
 import { is, optimizer } from '@electron-toolkit/utils'
 
@@ -21,6 +21,7 @@ export function createMainWindow(): BrowserWindow {
     shell.openExternal(details.url)
     return { action: 'deny' }
   })
+  app.setAppUserModelId('Privacy Radar')
 
   if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
     mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])

docs/SDD Document - 1st Draft.docx

@@ -1,12 +1,25 @@
 import { CardContent, CardHeader, Card, CardTitle } from './ui/card'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Button } from './ui/button'
 import Excel from 'exceljs'
 import FileSaver from 'file-saver'
 import { Bounce, ToastContainer, toast } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.css'
 import { Database, Download, MoveRight } from 'lucide-react'
 
+async function fetchTables(
+  setTables: React.Dispatch<React.SetStateAction<string[]>>
+): Promise<void> {
+  console.log('Fetching table names from database...')
+  const [tableNames, error_message] = await window.api.queryDatabase(
+    "SELECT name FROM sqlite_master WHERE type='table'"
+  )
+  console.log('Received table names:', tableNames, 'Error message:', error_message)
+  if (!error_message && Array.isArray(tableNames)) {
+    setTables((tableNames as { name: string }[]).map((table) => table.name))
+  }
+}
+
 async function exportReports(sqlQuery: string): Promise<void> {
   if (!sqlQuery || sqlQuery.trim() === '') {
     toast.error('Please enter a valid SQL query.')
@@ -46,9 +59,13 @@ async function exportReports(sqlQuery: string): Promise<void> {
     }
   }
 }
-
 function ExportReports({ darkMode }: { darkMode: boolean }): React.JSX.Element {
   const [inputValue, setInputValue] = useState('')
+  const [tables, setTables] = useState(Array<string>())
+
+  useEffect(() => {
+    fetchTables(setTables)
+  }, [])
 
   return (
     <Card className="flex flex-col">
@@ -63,12 +80,10 @@ function ExportReports({ darkMode }: { darkMode: boolean }): React.JSX.Element {
       <CardContent className="flex-1 overflow-auto no-scrollbar pr-2">
         <div className="w-full mb-4 border border-default-medium rounded-base bg-neutral-secondary-medium shadow-xs">
           <div className="px-4 py-2 bg-neutral-secondary-medium rounded-t-base">
-            <label htmlFor="comment" className="sr-only">
-              SELECT * FROM application_snapshots
-            </label>
             <textarea
+              title={tables.join('\n')}
               id="comment"
-              className="block w-full px-0 text-sm text-heading bg-neutral-secondary-medium border-0 focus:ring-0 placeholder:text-body"
+              className="block w-full px-0 text-sm text-heading bg-neutral-secondary-medium border-0 focus:ring-0"
               placeholder="Enter your query here..."
               required
               onChange={(e) => setInputValue(e.target.value)}

docs/SDD Document - Final.pdf

@@ -69,6 +69,13 @@ export function SystemMonitor(): React.JSX.Element {
           return updated.some((e) => e.id === event.id) ? updated : [event, ...updated]
         })
       } else {
+        const NOTIFICATION_TITLE = (event.service || 'System Monitor') + ' Access Alert'
+        const NOTIFICATION_BODY = event.appName + ' has ' + event.service + ' permission.'
+
+        new Notification(NOTIFICATION_TITLE, {
+          body: NOTIFICATION_BODY,
+          icon: '../../resources/icon.ico'
+        })
         setActiveSessions((prev) => {
           const exists = prev.find((s) => s.id === event.id)
           if (exists) {