Full project overwrite upload

Browse files

Files changed (6) hide show

.gitattributes +2 -0
document.md +18 -4
index.html +48 -15
main.js +38 -24
package-lock.json +2 -2
report.md +6 -1

.gitattributes CHANGED Viewed

@@ -6,3 +6,5 @@
 *.gguf filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.ico filter=lfs diff=lfs merge=lfs -text

 *.gguf filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.ico filter=lfs diff=lfs merge=lfs -text
+*.exe filter=lfs diff=lfs merge=lfs -text
+*.dll filter=lfs diff=lfs merge=lfs -text

document.md CHANGED Viewed

@@ -3,7 +3,17 @@
 ## Overview
 Welcome to the RemiAI Framework! This document is designed to help you understand how to customize, configure, and make this application your own. This framework is built to be "Plug-and-Play"—meaning you don't need to know Python or complex AI coding to use it.
-## 🛠️ How to Customize
 ### 1. Changing the AI Name
 Want to name the AI "Jarvis" or "MyBot"?
@@ -44,10 +54,14 @@ A: **No.** The application comes with a pre-compiled engine (`bujji_engine.exe`
 **Q: Why does it say "AVX2"?**
 A: AVX2 is a feature in modern CPUs that makes the AI run faster. The app automatically detects if you have it. If not, it switches to a slower but compatible mode (AVX).
-**Q: The app opens but doesn't reply.**
 A:
-1.  Check if `model.gguf` exists in the correct folder.
-2.  Open the Developer Tools (Ctrl+Shift+I) in the app to see if there are any red errors in the Console.
 **Q: How do I build it into an .exe file?**
 A: Run the command:

 ## Overview
 Welcome to the RemiAI Framework! This document is designed to help you understand how to customize, configure, and make this application your own. This framework is built to be "Plug-and-Play"—meaning you don't need to know Python or complex AI coding to use it.
+## 🛠️ Setup & How to Customize
+### 0. Quick Setup (Important!)
+Before running the app, you **must** ensure the AI engine files are downloaded correctly. GitHub does not store large files directly, so we use **Git LFS**.
+1.  **Install Git LFS**:
+    *   Download and install from [git-lfs.com](https://git-lfs.com).
+    *   Open a terminal and run: `git lfs install`
+2.  **Pull Files**:
+    *   Run: `git lfs pull` inside the project folder.
+    *   *Why?* Without this, the app will say **"RemiAI Engine Missing"** or "Connection Refused".
 ### 1. Changing the AI Name
 Want to name the AI "Jarvis" or "MyBot"?
 **Q: Why does it say "AVX2"?**
 A: AVX2 is a feature in modern CPUs that makes the AI run faster. The app automatically detects if you have it. If not, it switches to a slower but compatible mode (AVX).
+**Q: The app opens but doesn't reply / "RemiAI Engine Missing" Error.**
 A:
+1.  **Git LFS Issue**: This usually means you downloaded "pointers" (tiny files) instead of the real engine. Open a terminal in the folder and run `git lfs pull`.
+2.  **Model Issue**: Check if `model.gguf` exists in the `engine` folder.
+3.  **Console Check**: Open Developer Tools (Ctrl+Shift+I) to see errors.
+**Q: I see "Content Security Policy" warnings in the console.**
+A: We have configured safeguards (`index.html` meta tags) to block malicious scripts. If you see warnings about `unpkg` or `jsdelivr`, ensure your CSP matches the latest trusted domains in our code.
 **Q: How do I build it into an .exe file?**
 A: Run the command:

index.html CHANGED Viewed

@@ -1,14 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RemiAI - bujji</title>
     <link rel="icon" type="image/x-icon" href="remiai.ico">
     <link rel="stylesheet" href="styles.css">
     <script src="https://unpkg.com/lucide@latest"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 </head>
 <body class="">
     <div class="app-container">
@@ -37,7 +41,7 @@
                     <!-- Redirects to web.html -->
                     <button class="nav-icon-btn" onclick="window.location.href='web.html'" title="Web Browser">
                         <i data-lucide="globe"></i>
-                                    </div>
             </div>
             <div class="nav-label">History</div>
@@ -49,7 +53,7 @@
                 <div style="margin-bottom: 5px; font-size: 11px; font-weight: bold;">
                     <span id="status-indicator" class="status-loading">Connecting...</span>
                 </div>
                 <div class="credits-text">
                     Powered by <br> <strong>Google Gemma 2</strong> <br> Open Weights
                 </div>
@@ -65,7 +69,7 @@
         <!-- MAIN CONTENT -->
         <div class="main-content">
             <!-- 1. CHAT VIEW -->
             <div id="view-chat" class="view-section active">
                 <div class="chat-header">
@@ -93,12 +97,30 @@
             </div>
             <!-- PLACEHOLDERS for other views -->
-            <div id="view-habits" class="view-section hidden centered-view"><h2>Habit Tracker</h2><p>Habit tools will load here.</p></div>
-            <div id="view-games" class="view-section hidden centered-view"><h2>Games Arcade</h2><p>Games will load here.</p></div>
-            <div id="view-fashion" class="view-section hidden centered-view"><h2>Fashion Friend</h2><p>Style advice will load here.</p></div>
-            <div id="view-astro" class="view-section hidden centered-view"><h2>Astro Master</h2><p>Horoscope will load here.</p></div>
-            <div id="view-productivity" class="view-section hidden centered-view"><h2>Productivity</h2><p>Task tools will load here.</p></div>
-            <div id="view-breathing" class="view-section hidden centered-view"><h2>Breathing Coach</h2><p>Relaxation tools will load here.</p></div>
         </div>
     </div>
@@ -109,17 +131,27 @@
             <h3>Create New Character</h3>
             <div class="persona-form">
                 <div class="form-group"><label>Name</label><input type="text" id="p-name" class="modal-input"></div>
-                <div class="form-group"><label>Relation</label><input type="text" id="p-relation" class="modal-input"></div>
-                <div class="form-group"><label>Gender</label><select id="p-gender" class="modal-input"><option value="Female">Female</option><option value="Male">Male</option></select></div>
-                <div class="form-group"><label>Instructions</label><textarea id="p-instruction" class="modal-input" rows="3"></textarea></div>
                 <div class="form-group full-width">
                     <label>Avatar Image</label>
                     <input type="file" id="p-sticker-file" class="modal-input">
-                    <img id="p-preview" src="" style="width:30px;height:30px;border-radius:50%;display:none;margin-top:5px;">
                 </div>
                 <div class="form-group full-width">
                     <label>Response Length</label>
-                    <select id="p-length" class="modal-input"><option value="short">Short</option><option value="medium">Medium</option><option value="detailed">Detailed</option></select>
                 </div>
                 <button id="save-persona-btn" class="primary-btn full-width">Save</button>
             </div>
@@ -137,7 +169,7 @@
             </div>
         </div>
     </div>
     <div id="persona-delete-modal" class="modal-overlay hidden">
         <div class="modal-content">
             <h3>Delete Character?</h3>
@@ -151,4 +183,5 @@
     <script src="renderer.js"></script>
     <script>lucide.createIcons();</script>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RemiAI - bujji</title>
     <link rel="icon" type="image/x-icon" href="remiai.ico">
     <link rel="stylesheet" href="styles.css">
+    <meta http-equiv="Content-Security-Policy"
+        content="default-src 'self'; script-src 'self' 'unsafe-inline' https://unpkg.com https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self' http://127.0.0.1:5000;">
     <script src="https://unpkg.com/lucide@latest"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 </head>
 <body class="">
     <div class="app-container">
                     <!-- Redirects to web.html -->
                     <button class="nav-icon-btn" onclick="window.location.href='web.html'" title="Web Browser">
                         <i data-lucide="globe"></i>
+                </div>
             </div>
             <div class="nav-label">History</div>
                 <div style="margin-bottom: 5px; font-size: 11px; font-weight: bold;">
                     <span id="status-indicator" class="status-loading">Connecting...</span>
                 </div>
                 <div class="credits-text">
                     Powered by <br> <strong>Google Gemma 2</strong> <br> Open Weights
                 </div>
         <!-- MAIN CONTENT -->
         <div class="main-content">
             <!-- 1. CHAT VIEW -->
             <div id="view-chat" class="view-section active">
                 <div class="chat-header">
             </div>
             <!-- PLACEHOLDERS for other views -->
+            <div id="view-habits" class="view-section hidden centered-view">
+                <h2>Habit Tracker</h2>
+                <p>Habit tools will load here.</p>
+            </div>
+            <div id="view-games" class="view-section hidden centered-view">
+                <h2>Games Arcade</h2>
+                <p>Games will load here.</p>
+            </div>
+            <div id="view-fashion" class="view-section hidden centered-view">
+                <h2>Fashion Friend</h2>
+                <p>Style advice will load here.</p>
+            </div>
+            <div id="view-astro" class="view-section hidden centered-view">
+                <h2>Astro Master</h2>
+                <p>Horoscope will load here.</p>
+            </div>
+            <div id="view-productivity" class="view-section hidden centered-view">
+                <h2>Productivity</h2>
+                <p>Task tools will load here.</p>
+            </div>
+            <div id="view-breathing" class="view-section hidden centered-view">
+                <h2>Breathing Coach</h2>
+                <p>Relaxation tools will load here.</p>
+            </div>
         </div>
     </div>
             <h3>Create New Character</h3>
             <div class="persona-form">
                 <div class="form-group"><label>Name</label><input type="text" id="p-name" class="modal-input"></div>
+                <div class="form-group"><label>Relation</label><input type="text" id="p-relation" class="modal-input">
+                </div>
+                <div class="form-group"><label>Gender</label><select id="p-gender" class="modal-input">
+                        <option value="Female">Female</option>
+                        <option value="Male">Male</option>
+                    </select></div>
+                <div class="form-group"><label>Instructions</label><textarea id="p-instruction" class="modal-input"
+                        rows="3"></textarea></div>
                 <div class="form-group full-width">
                     <label>Avatar Image</label>
                     <input type="file" id="p-sticker-file" class="modal-input">
+                    <img id="p-preview" src=""
+                        style="width:30px;height:30px;border-radius:50%;display:none;margin-top:5px;">
                 </div>
                 <div class="form-group full-width">
                     <label>Response Length</label>
+                    <select id="p-length" class="modal-input">
+                        <option value="short">Short</option>
+                        <option value="medium">Medium</option>
+                        <option value="detailed">Detailed</option>
+                    </select>
                 </div>
                 <button id="save-persona-btn" class="primary-btn full-width">Save</button>
             </div>
             </div>
         </div>
     </div>
     <div id="persona-delete-modal" class="modal-overlay hidden">
         <div class="modal-content">
             <h3>Delete Character?</h3>
     <script src="renderer.js"></script>
     <script>lucide.createIcons();</script>
 </body>
 </html>

main.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const { app, BrowserWindow, ipcMain, shell, powerMonitor } = require('electron');
 const path = require('path');
 const { spawn, exec } = require('child_process');
 const fs = require('fs');
@@ -9,25 +9,25 @@ let mainWindow;
 let apiProcess;
 // Empty function to prevent crashes since logging is disabled
-function logToDesktop(message) {}
 function createWindow() {
     mainWindow = new BrowserWindow({
-        width: 1300,
         height: 900,
         backgroundColor: '#ffffff',
-        icon: path.join(__dirname, 'remiai.ico'),
-        webPreferences: {
-            nodeIntegration: true,
             contextIsolation: false,
             webviewTag: true // RESTORED: This allows your browsing feature to work
         },
-        autoHideMenuBar: true,
         title: "RemiAI - bujji"
     });
     mainWindow.loadFile('index.html');
     // --- FEATURE: TASK REMINDER SYSTEM ---
     mainWindow.webContents.on('did-finish-load', () => {
         mainWindow.webContents.send('check-tasks');
@@ -55,7 +55,7 @@ async function selectEngine() {
     try {
         const cpuFlags = await si.cpuFlags();
         const flagsStr = JSON.stringify(cpuFlags).toLowerCase();
         const basePath = app.isPackaged ? process.resourcesPath : __dirname;
         const engineBaseDir = path.join(basePath, 'engine');
         const hasFolder = (f) => fs.existsSync(path.join(engineBaseDir, f));
@@ -80,33 +80,47 @@ async function startNativeBackend() {
     const engineSubfolder = await selectEngine();
     const basePath = app.isPackaged ? process.resourcesPath : __dirname;
     const workingDir = path.join(basePath, 'engine', engineSubfolder);
-    let exeName = fs.existsSync(path.join(workingDir, 'bujji_engine.exe'))
-        ? 'bujji_engine.exe'
         : 'llama-server.exe';
     const exePath = path.join(workingDir, exeName);
     // --- SPEED & CPU CONTROL ---
     // Your i5 has 8 logical threads.
     // Setting this to 4 uses 50% of your CPU capacity, ensuring fast 3-4s responses.
-    const optimizedThreads = 4;
     const args = [
-        '-m', '../model.gguf',
         '-c', '2048',             // Keeps memory usage low and response snappy
         '--batch-size', '512',   // Increases prompt processing speed
-        '--port', '5000',
-        '-t', optimizedThreads.toString(),
         '--n-gpu-layers', '0',   // Forced CPU only
         '--no-mmap'              // Pre-loads model into RAM for zero lag
     ];
     try {
-        apiProcess = spawn(exePath, args, {
-            cwd: workingDir,
-            windowsHide: true,
-            stdio: ['ignore', 'pipe', 'pipe']
         });
         apiProcess.stderr.on('data', (data) => logToDesktop(data.toString()));
@@ -119,16 +133,16 @@ function killProcess() {
     try {
         exec('taskkill /IM bujji_engine.exe /F /T');
         exec('taskkill /IM llama-server.exe /F /T');
-    } catch(e) {}
 }
 ipcMain.on('restart-brain', () => {
     startNativeBackend();
-    if(mainWindow) mainWindow.webContents.send('brain-restarted');
 });
 ipcMain.on('reload-window', () => {
-    if(mainWindow) mainWindow.reload();
 });
 // --- APP LIFECYCLE ---

+const { app, BrowserWindow, ipcMain, shell, powerMonitor, dialog } = require('electron');
 const path = require('path');
 const { spawn, exec } = require('child_process');
 const fs = require('fs');
 let apiProcess;
 // Empty function to prevent crashes since logging is disabled
+function logToDesktop(message) { }
 function createWindow() {
     mainWindow = new BrowserWindow({
+        width: 1300,
         height: 900,
         backgroundColor: '#ffffff',
+        icon: path.join(__dirname, 'remiai.ico'),
+        webPreferences: {
+            nodeIntegration: true,
             contextIsolation: false,
             webviewTag: true // RESTORED: This allows your browsing feature to work
         },
+        autoHideMenuBar: true,
         title: "RemiAI - bujji"
     });
     mainWindow.loadFile('index.html');
     // --- FEATURE: TASK REMINDER SYSTEM ---
     mainWindow.webContents.on('did-finish-load', () => {
         mainWindow.webContents.send('check-tasks');
     try {
         const cpuFlags = await si.cpuFlags();
         const flagsStr = JSON.stringify(cpuFlags).toLowerCase();
         const basePath = app.isPackaged ? process.resourcesPath : __dirname;
         const engineBaseDir = path.join(basePath, 'engine');
         const hasFolder = (f) => fs.existsSync(path.join(engineBaseDir, f));
     const engineSubfolder = await selectEngine();
     const basePath = app.isPackaged ? process.resourcesPath : __dirname;
     const workingDir = path.join(basePath, 'engine', engineSubfolder);
+    let exeName = fs.existsSync(path.join(workingDir, 'bujji_engine.exe'))
+        ? 'bujji_engine.exe'
         : 'llama-server.exe';
     const exePath = path.join(workingDir, exeName);
+    // --- CHECK FOR GIT LFS POINTERS ---
+    try {
+        const stats = fs.statSync(exePath);
+        if (stats.size < 5000) { // Real engine is >3MB. Pointers are ~130 bytes.
+            dialog.showErrorBox(
+                "RemiAI Engine Missing",
+                `The engine executable is a Git LFS pointer (size: ${stats.size} bytes), not the actual file.\n\nPlease install Git LFS and run: 'git lfs pull'\nOr redownload the 'engine' folder contents correctly.`
+            );
+            return; // Stop execution
+        }
+    } catch (err) {
+        logToDesktop("Error checking engine file: " + err.message);
+    }
     // --- SPEED & CPU CONTROL ---
     // Your i5 has 8 logical threads.
     // Setting this to 4 uses 50% of your CPU capacity, ensuring fast 3-4s responses.
+    const optimizedThreads = 4;
     const args = [
+        '-m', '../model.gguf',
         '-c', '2048',             // Keeps memory usage low and response snappy
         '--batch-size', '512',   // Increases prompt processing speed
+        '--port', '5000',
+        '-t', optimizedThreads.toString(),
         '--n-gpu-layers', '0',   // Forced CPU only
         '--no-mmap'              // Pre-loads model into RAM for zero lag
     ];
     try {
+        apiProcess = spawn(exePath, args, {
+            cwd: workingDir,
+            windowsHide: true,
+            stdio: ['ignore', 'pipe', 'pipe']
         });
         apiProcess.stderr.on('data', (data) => logToDesktop(data.toString()));
     try {
         exec('taskkill /IM bujji_engine.exe /F /T');
         exec('taskkill /IM llama-server.exe /F /T');
+    } catch (e) { }
 }
 ipcMain.on('restart-brain', () => {
     startNativeBackend();
+    if (mainWindow) mainWindow.webContents.send('brain-restarted');
 });
 ipcMain.on('reload-window', () => {
+    if (mainWindow) mainWindow.reload();
 });
 // --- APP LIFECYCLE ---

package-lock.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
-  "name": "remiai-loha-mp",
   "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "remiai-loha-mp",
       "version": "2.0.0",
       "dependencies": {
         "systeminformation": "^5.23.4"

 {
+  "name": "remiai-bujji-mp",
   "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
+      "name": "remiai-bujji-mp",
       "version": "2.0.0",
       "dependencies": {
         "systeminformation": "^5.23.4"

report.md CHANGED Viewed

@@ -44,8 +44,9 @@ graph TD
     *   **Role**: The "Brain" of the application.
     *   **Technology**: Pre-compiled binaries (likely based on `llama.cpp`) optimized for CPU inference.
     *   **Operation**: Runs a local server on port `5000`.
-    *   **Model**: Loads weights strictly from a file named `model.gguf` located in the root/engine folder.
     *   **No Python Required**: The binary is self-contained with all necessary DLLs.
 3.  **Renderer Process (`index.html` + `renderer.js`)**:
     *   **Role**: The User Interface.
@@ -76,6 +77,9 @@ sequenceDiagram
         M->>M: Select "engine/cpu_avx/bujji_engine.exe"
     end
     M->>E: Spawn Process (model.gguf, port 5000, 4 threads)
     E-->>M: Server Started (Background)
     M->>W: Create Window (Load index.html)
@@ -88,6 +92,7 @@ sequenceDiagram
 ### 4.1 Prerequisites
 *   **Operating System**: Windows (10/11) 64-bit.
 *   **Runtime**: Node.js (LTS version recommended).
 *   **Hardware**:
     *   Any modern CPU (Intel/AMD) with AVX support.

     *   **Role**: The "Brain" of the application.
     *   **Technology**: Pre-compiled binaries (likely based on `llama.cpp`) optimized for CPU inference.
     *   **Operation**: Runs a local server on port `5000`.
+    *   **Model**: Loads weights strictly from a file named `model.gguf`.
     *   **No Python Required**: The binary is self-contained with all necessary DLLs.
+    *   **Git LFS integration**: Large binaries (`.exe`, `.dll`) are tracked via Git LFS to keep the repo clean. The `main.js` includes a startup check to ensure these files are fully downloaded (and not just LFS pointers) before launching.
 3.  **Renderer Process (`index.html` + `renderer.js`)**:
     *   **Role**: The User Interface.
         M->>M: Select "engine/cpu_avx/bujji_engine.exe"
     end
+    M->>M: Validate Engine File Size (Check for Git LFS pointers)
+    M-->>U: Error Dialog if File Missing/Small
     M->>E: Spawn Process (model.gguf, port 5000, 4 threads)
     E-->>M: Server Started (Background)
     M->>W: Create Window (Load index.html)
 ### 4.1 Prerequisites
 *   **Operating System**: Windows (10/11) 64-bit.
+*   **software**: Git & Git LFS (Required for downloading engine binaries).
 *   **Runtime**: Node.js (LTS version recommended).
 *   **Hardware**:
     *   Any modern CPU (Intel/AMD) with AVX support.