Merge pull request #14 from muhammad-fiaz/add-frontend

add initial frontend

Author: nullure

.env.example

@@ -1,9 +1,17 @@
-# Server Settings
+# ============================================
+# OpenMemory - Environment Configuration
+# ============================================
+
+# --------------------------------------------
+# Backend Server Settings
+# --------------------------------------------
 OM_PORT=8080
 OM_API_KEY=your-secret-api-key-here
 OM_MODE=standard # standard | langgraph
 
+# --------------------------------------------
 # Metadata Store
+# --------------------------------------------
 # sqlite (default) | postgres
 OM_METADATA_BACKEND=sqlite
 OM_DB_PATH=./data/openmemory.sqlite
@@ -18,15 +26,19 @@ OM_PG_SCHEMA=public
 OM_PG_TABLE=openmemory_memories
 OM_PG_SSL=disable # disable | require
 
+# --------------------------------------------
 # Vector Store Backend
+# --------------------------------------------
 # sqlite (default) | pgvector | weaviate
 OM_VECTOR_BACKEND=sqlite
 OM_VECTOR_TABLE=openmemory_vectors
 OM_WEAVIATE_URL=
 OM_WEAVIATE_API_KEY=
 OM_WEAVIATE_CLASS=OpenMemory
 
+# --------------------------------------------
 # Embeddings Configuration
+# --------------------------------------------
 # Available providers: openai, gemini, ollama, local, synthetic
 OM_EMBEDDINGS=openai
 OM_VEC_DIM=1536
@@ -42,10 +54,13 @@ OM_ADV_EMBED_PARALLEL=false
 # Delay between embeddings in milliseconds
 OM_EMBED_DELAY_MS=200
 
+# --------------------------------------------
+# Embedding Provider API Keys
+# --------------------------------------------
 # OpenAI Embeddings
 OPENAI_API_KEY=your-openai-api-key-here
 
-# Google Gemini Embeddings  
+# Google Gemini Embeddings
 GEMINI_API_KEY=your-gemini-api-key-here
 
 # Ollama Local Embeddings
@@ -54,14 +69,48 @@ OLLAMA_URL=http://localhost:11434
 # Local Model Path (for custom embedding models)
 LOCAL_MODEL_PATH=/path/to/your/local/model
 
-# Memory System Settings  
+# --------------------------------------------
+# Memory System Settings
+# --------------------------------------------
 OM_MIN_SCORE=0.3
 OM_DECAY_LAMBDA=0.02
 
 # Brain Sector Configuration (auto-classified, but you can override)
 # Sectors: episodic, semantic, procedural, emotional, reflective
 
+# --------------------------------------------
 # LangGraph Integration Mode (LGM)
+# --------------------------------------------
 OM_LG_NAMESPACE=default
 OM_LG_MAX_CONTEXT=50
 OM_LG_REFLECTIVE=true
+
+# ============================================
+# Frontend Dashboard Settings
+# ============================================
+
+# Dashboard API URL (connects to backend)
+VITE_DASHBOARD_API=http://localhost:3001/api
+VITE_BACKEND_API=http://localhost:8080
+
+# Dashboard Server Port
+DASHBOARD_PORT=3001
+
+# --------------------------------------------
+# Authentication Settings
+# --------------------------------------------
+# Set to 'true' to enable authentication, 'false' to disable
+VITE_AUTH_ENABLED=false
+
+# Better Auth Configuration (only needed if auth is enabled)
+# Generate a secure random string for BETTER_AUTH_SECRET
+# You can use: openssl rand -base64 32
+BETTER_AUTH_SECRET=your-secret-key-here
+BETTER_AUTH_URL=http://localhost:3001
+
+# --------------------------------------------
+# Real-time Updates
+# --------------------------------------------
+# Auto-refresh interval in milliseconds (default: 5000ms = 5 seconds)
+VITE_AUTO_REFRESH_INTERVAL=5000
+

bun.lock

@@ -0,0 +1,38 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Database
+*.db
+*.db-journal
+*.db-shm
+*.db-wal
+prisma/*.db
+prisma/*.db-journal
+
+# Environment
+.env
+.env.local
+.env.production
+.env.development
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

frontend/.gitignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage

frontend/.prettierignore

@@ -0,0 +1 @@
+{}

frontend/.prettierrc

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/App.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

frontend/bun.lock

@@ -0,0 +1,23 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+export default defineConfig([
+  globalIgnores(["dist"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs["recommended-latest"],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+]);

frontend/components.json

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenMemory</title>
+    <link href="/src/index.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>