Spaces:
Sleeping
Sleeping
Commit ·
3ae437a
1
Parent(s): 46395ea
Updated
Browse files- .gitattributes +1 -0
- assests/CLCC Logo Background.jpg +3 -0
- assests/CLCC Logo No Background .png +0 -0
- assests/logo.png +0 -0
- frontend/.gitignore +24 -0
- frontend/README.md +73 -0
- frontend/eslint.config.js +23 -0
- frontend/index.html +18 -0
- frontend/logo.jpeg +0 -0
- frontend/package-lock.json +0 -0
- frontend/package.json +33 -0
- frontend/postcss.config.js +6 -0
- frontend/public/logo.jpeg +0 -0
- frontend/public/vite.svg +1 -0
- frontend/src/App.tsx +168 -0
- frontend/src/index.css +97 -0
- frontend/tailwind.config.js +18 -0
- frontend/tsconfig.app.json +28 -0
- frontend/tsconfig.json +7 -0
- frontend/tsconfig.node.json +26 -0
- frontend/vite.config.ts +7 -0
- main.py +100 -116
- requirements.txt +5 -5
- test_openrouter.py +37 -0
.gitattributes
CHANGED
|
@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
|
| 33 |
*.zip filter=lfs diff=lfs merge=lfs -text
|
| 34 |
*.zst filter=lfs diff=lfs merge=lfs -text
|
| 35 |
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
|
|
|
|
|
| 33 |
*.zip filter=lfs diff=lfs merge=lfs -text
|
| 34 |
*.zst filter=lfs diff=lfs merge=lfs -text
|
| 35 |
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
| 36 |
+
*.jpg filter=lfs diff=lfs merge=lfs -text
|
assests/CLCC Logo Background.jpg
ADDED
|
Git LFS Details
|
assests/CLCC Logo No Background .png
ADDED
|
|
assests/logo.png
ADDED
|
frontend/.gitignore
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# Logs
|
| 2 |
+
logs
|
| 3 |
+
*.log
|
| 4 |
+
npm-debug.log*
|
| 5 |
+
yarn-debug.log*
|
| 6 |
+
yarn-error.log*
|
| 7 |
+
pnpm-debug.log*
|
| 8 |
+
lerna-debug.log*
|
| 9 |
+
|
| 10 |
+
node_modules
|
| 11 |
+
dist
|
| 12 |
+
dist-ssr
|
| 13 |
+
*.local
|
| 14 |
+
|
| 15 |
+
# Editor directories and files
|
| 16 |
+
.vscode/*
|
| 17 |
+
!.vscode/extensions.json
|
| 18 |
+
.idea
|
| 19 |
+
.DS_Store
|
| 20 |
+
*.suo
|
| 21 |
+
*.ntvs*
|
| 22 |
+
*.njsproj
|
| 23 |
+
*.sln
|
| 24 |
+
*.sw?
|
frontend/README.md
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# React + TypeScript + Vite
|
| 2 |
+
|
| 3 |
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
| 4 |
+
|
| 5 |
+
Currently, two official plugins are available:
|
| 6 |
+
|
| 7 |
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
|
| 8 |
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
| 9 |
+
|
| 10 |
+
## React Compiler
|
| 11 |
+
|
| 12 |
+
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
| 13 |
+
|
| 14 |
+
## Expanding the ESLint configuration
|
| 15 |
+
|
| 16 |
+
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
| 17 |
+
|
| 18 |
+
```js
|
| 19 |
+
export default defineConfig([
|
| 20 |
+
globalIgnores(['dist']),
|
| 21 |
+
{
|
| 22 |
+
files: ['**/*.{ts,tsx}'],
|
| 23 |
+
extends: [
|
| 24 |
+
// Other configs...
|
| 25 |
+
|
| 26 |
+
// Remove tseslint.configs.recommended and replace with this
|
| 27 |
+
tseslint.configs.recommendedTypeChecked,
|
| 28 |
+
// Alternatively, use this for stricter rules
|
| 29 |
+
tseslint.configs.strictTypeChecked,
|
| 30 |
+
// Optionally, add this for stylistic rules
|
| 31 |
+
tseslint.configs.stylisticTypeChecked,
|
| 32 |
+
|
| 33 |
+
// Other configs...
|
| 34 |
+
],
|
| 35 |
+
languageOptions: {
|
| 36 |
+
parserOptions: {
|
| 37 |
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
| 38 |
+
tsconfigRootDir: import.meta.dirname,
|
| 39 |
+
},
|
| 40 |
+
// other options...
|
| 41 |
+
},
|
| 42 |
+
},
|
| 43 |
+
])
|
| 44 |
+
```
|
| 45 |
+
|
| 46 |
+
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
| 47 |
+
|
| 48 |
+
```js
|
| 49 |
+
// eslint.config.js
|
| 50 |
+
import reactX from 'eslint-plugin-react-x'
|
| 51 |
+
import reactDom from 'eslint-plugin-react-dom'
|
| 52 |
+
|
| 53 |
+
export default defineConfig([
|
| 54 |
+
globalIgnores(['dist']),
|
| 55 |
+
{
|
| 56 |
+
files: ['**/*.{ts,tsx}'],
|
| 57 |
+
extends: [
|
| 58 |
+
// Other configs...
|
| 59 |
+
// Enable lint rules for React
|
| 60 |
+
reactX.configs['recommended-typescript'],
|
| 61 |
+
// Enable lint rules for React DOM
|
| 62 |
+
reactDom.configs.recommended,
|
| 63 |
+
],
|
| 64 |
+
languageOptions: {
|
| 65 |
+
parserOptions: {
|
| 66 |
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
| 67 |
+
tsconfigRootDir: import.meta.dirname,
|
| 68 |
+
},
|
| 69 |
+
// other options...
|
| 70 |
+
},
|
| 71 |
+
},
|
| 72 |
+
])
|
| 73 |
+
```
|
frontend/eslint.config.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import js from '@eslint/js'
|
| 2 |
+
import globals from 'globals'
|
| 3 |
+
import reactHooks from 'eslint-plugin-react-hooks'
|
| 4 |
+
import reactRefresh from 'eslint-plugin-react-refresh'
|
| 5 |
+
import tseslint from 'typescript-eslint'
|
| 6 |
+
import { defineConfig, globalIgnores } from 'eslint/config'
|
| 7 |
+
|
| 8 |
+
export default defineConfig([
|
| 9 |
+
globalIgnores(['dist']),
|
| 10 |
+
{
|
| 11 |
+
files: ['**/*.{ts,tsx}'],
|
| 12 |
+
extends: [
|
| 13 |
+
js.configs.recommended,
|
| 14 |
+
tseslint.configs.recommended,
|
| 15 |
+
reactHooks.configs.flat.recommended,
|
| 16 |
+
reactRefresh.configs.vite,
|
| 17 |
+
],
|
| 18 |
+
languageOptions: {
|
| 19 |
+
ecmaVersion: 2020,
|
| 20 |
+
globals: globals.browser,
|
| 21 |
+
},
|
| 22 |
+
},
|
| 23 |
+
])
|
frontend/index.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<link rel="icon" type="image/png" href="/assests/logo.png" />
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
<title>Theo AI | Biblical Guidance & Christian Support</title>
|
| 8 |
+
<meta name="description" content="Seek spiritual wisdom and Biblical encouragement with Theo, your personal Christian AI assistant from TechDisciples CLCC." />
|
| 9 |
+
<!-- Google Fonts -->
|
| 10 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 11 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 12 |
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700&display=swap" rel="stylesheet">
|
| 13 |
+
</head>
|
| 14 |
+
<body>
|
| 15 |
+
<div id="root"></div>
|
| 16 |
+
<script type="module" src="/src/main.tsx"></script>
|
| 17 |
+
</body>
|
| 18 |
+
</html>
|
frontend/logo.jpeg
ADDED
|
frontend/package-lock.json
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
frontend/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"name": "frontend",
|
| 3 |
+
"private": true,
|
| 4 |
+
"version": "0.0.0",
|
| 5 |
+
"type": "module",
|
| 6 |
+
"scripts": {
|
| 7 |
+
"dev": "vite",
|
| 8 |
+
"build": "vite build",
|
| 9 |
+
"lint": "eslint .",
|
| 10 |
+
"preview": "vite preview"
|
| 11 |
+
},
|
| 12 |
+
"dependencies": {
|
| 13 |
+
"react": "^19.2.0",
|
| 14 |
+
"react-dom": "^19.2.0",
|
| 15 |
+
"axios": "^1.6.7",
|
| 16 |
+
"lucide-react": "^0.320.0",
|
| 17 |
+
"react-markdown": "^9.0.1"
|
| 18 |
+
},
|
| 19 |
+
"devDependencies": {
|
| 20 |
+
"@eslint/js": "^9.39.1",
|
| 21 |
+
"@types/node": "^24.10.1",
|
| 22 |
+
"@types/react": "^19.2.5",
|
| 23 |
+
"@types/react-dom": "^19.2.3",
|
| 24 |
+
"@vitejs/plugin-react": "^5.1.1",
|
| 25 |
+
"eslint": "^9.39.1",
|
| 26 |
+
"eslint-plugin-react-hooks": "^7.0.1",
|
| 27 |
+
"eslint-plugin-react-refresh": "^0.4.24",
|
| 28 |
+
"globals": "^16.5.0",
|
| 29 |
+
"typescript": "~5.9.3",
|
| 30 |
+
"typescript-eslint": "^8.46.4",
|
| 31 |
+
"vite": "^7.2.4"
|
| 32 |
+
}
|
| 33 |
+
}
|
frontend/postcss.config.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
export default {
|
| 2 |
+
plugins: {
|
| 3 |
+
tailwindcss: {},
|
| 4 |
+
autoprefixer: {},
|
| 5 |
+
},
|
| 6 |
+
}
|
frontend/public/logo.jpeg
ADDED
|
frontend/public/vite.svg
ADDED
|
|
frontend/src/App.tsx
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import React, { useState, useEffect, useRef } from 'react';
|
| 2 |
+
import { Send, User, Bot, Loader2, Search, Info } from 'lucide-react';
|
| 3 |
+
import ReactMarkdown from 'react-markdown';
|
| 4 |
+
import axios from 'axios';
|
| 5 |
+
|
| 6 |
+
interface Message {
|
| 7 |
+
role: 'user' | 'assistant';
|
| 8 |
+
content: string;
|
| 9 |
+
}
|
| 10 |
+
|
| 11 |
+
const App: React.FC = () => {
|
| 12 |
+
const [messages, setMessages] = useState<Message[]>([]);
|
| 13 |
+
const [input, setInput] = useState('');
|
| 14 |
+
const [isLoading, setIsLoading] = useState(false);
|
| 15 |
+
const [sessionId] = useState<string>(() => Math.random().toString(36).substring(7));
|
| 16 |
+
const chatEndRef = useRef<HTMLDivElement>(null);
|
| 17 |
+
|
| 18 |
+
useEffect(() => {
|
| 19 |
+
chatEndRef.current?.scrollIntoView({ behavior: 'smooth' });
|
| 20 |
+
}, [messages]);
|
| 21 |
+
|
| 22 |
+
const handleSend = async () => {
|
| 23 |
+
if (!input.trim() || isLoading) return;
|
| 24 |
+
|
| 25 |
+
const userMessage = input.trim();
|
| 26 |
+
setInput('');
|
| 27 |
+
setMessages(prev => [...prev, { role: 'user', content: userMessage }]);
|
| 28 |
+
setIsLoading(true);
|
| 29 |
+
|
| 30 |
+
try {
|
| 31 |
+
// Note: In development, make sure to point to your FastAPI backend URL if different
|
| 32 |
+
const response = await axios.post('http://localhost:7860/ai-chat', {
|
| 33 |
+
query: userMessage,
|
| 34 |
+
session_id: sessionId,
|
| 35 |
+
}, {
|
| 36 |
+
headers: {
|
| 37 |
+
'Content-Type': 'application/json',
|
| 38 |
+
'x-api-key': 'techdisciplesai404'
|
| 39 |
+
}
|
| 40 |
+
});
|
| 41 |
+
|
| 42 |
+
const assistantMessage = response.data.reply;
|
| 43 |
+
setMessages(prev => [...prev, { role: 'assistant', content: assistantMessage }]);
|
| 44 |
+
} catch (error) {
|
| 45 |
+
console.error('Chat error:', error);
|
| 46 |
+
setMessages(prev => [...prev, {
|
| 47 |
+
role: 'assistant',
|
| 48 |
+
content: 'I apologize, but I encountered an error. Please check your connection and try again. May God bless you.'
|
| 49 |
+
}]);
|
| 50 |
+
} finally {
|
| 51 |
+
setIsLoading(false);
|
| 52 |
+
}
|
| 53 |
+
};
|
| 54 |
+
|
| 55 |
+
return (
|
| 56 |
+
<div className="min-h-screen bg-gradient-to-br from-[#1a1c2c] via-[#4a192c] to-[#1a1c2c] flex flex-col items-center justify-center p-4">
|
| 57 |
+
{/* Background Decorative Elements */}
|
| 58 |
+
<div className="fixed top-[-10%] left-[-10%] w-[40%] h-[40%] bg-purple-600/20 rounded-full blur-[120px] pointer-events-none"></div>
|
| 59 |
+
<div className="fixed bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-pink-600/20 rounded-full blur-[120px] pointer-events-none"></div>
|
| 60 |
+
|
| 61 |
+
<div className="w-full max-w-4xl h-[90vh] glass-container flex flex-col relative z-10">
|
| 62 |
+
{/* Header */}
|
| 63 |
+
<header className="p-6 border-b border-white/10 flex items-center justify-between">
|
| 64 |
+
<div className="flex items-center gap-4">
|
| 65 |
+
<div className="w-12 h-12 rounded-full overflow-hidden border-2 border-pink-500/50 p-1 bg-white/5">
|
| 66 |
+
<img src="/assests/logo.png" alt="CLCC Logo" className="w-full h-full object-contain" />
|
| 67 |
+
</div>
|
| 68 |
+
<div>
|
| 69 |
+
<h1 className="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-white to-pink-300">
|
| 70 |
+
Theo AI
|
| 71 |
+
</h1>
|
| 72 |
+
<p className="text-xs text-white/50 tracking-wider uppercase">
|
| 73 |
+
by TechDisciples CLCC
|
| 74 |
+
</p>
|
| 75 |
+
</div>
|
| 76 |
+
</div>
|
| 77 |
+
<div className="flex gap-2 text-white/40">
|
| 78 |
+
<Search size={18} className="cursor-help hover:text-white transition-colors" title="Web Search Fallback Enabled" />
|
| 79 |
+
<Info size={18} className="cursor-help hover:text-white transition-colors" title="Biblical Guidance Assistant" />
|
| 80 |
+
</div>
|
| 81 |
+
</header>
|
| 82 |
+
|
| 83 |
+
{/* Chat Area */}
|
| 84 |
+
<div className="flex-1 overflow-y-auto p-6 space-y-6 scrollbar-hide">
|
| 85 |
+
{messages.length === 0 && (
|
| 86 |
+
<div className="flex flex-col items-center justify-center h-full text-center space-y-4 max-w-md mx-auto">
|
| 87 |
+
<div className="w-20 h-20 bg-pink-500/10 rounded-full flex items-center justify-center mb-2 animate-pulse">
|
| 88 |
+
<Bot size={40} className="text-pink-400" />
|
| 89 |
+
</div>
|
| 90 |
+
<h2 className="text-xl font-semibold text-white">Shalom! I am Theo</h2>
|
| 91 |
+
<p className="text-white/60 leading-relaxed italic">
|
| 92 |
+
"Thy word is a lamp unto my feet, and a light unto my path." — Psalm 119:105
|
| 93 |
+
</p>
|
| 94 |
+
<p className="text-white/40 text-sm">
|
| 95 |
+
How can I offer you Biblical guidance or Christian encouragement today?
|
| 96 |
+
</p>
|
| 97 |
+
</div>
|
| 98 |
+
)}
|
| 99 |
+
|
| 100 |
+
{messages.map((msg, index) => (
|
| 101 |
+
<div key={index} className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'} animate-in fade-in slide-in-from-bottom-2 duration-300`}>
|
| 102 |
+
<div className={`max-w-[85%] flex gap-3 ${msg.role === 'user' ? 'flex-row-reverse' : 'flex-row'}`}>
|
| 103 |
+
<div className={`w-8 h-8 rounded-full flex-shrink-0 flex items-center justify-center ${msg.role === 'user' ? 'bg-purple-500/20 text-purple-400' : 'bg-pink-500/20 text-pink-400'
|
| 104 |
+
} border border-white/10`}>
|
| 105 |
+
{msg.role === 'user' ? <User size={16} /> : <Bot size={16} />}
|
| 106 |
+
</div>
|
| 107 |
+
<div className={`p-4 rounded-2xl ${msg.role === 'user'
|
| 108 |
+
? 'bg-purple-600/30 text-white rounded-tr-none border border-purple-500/20'
|
| 109 |
+
: 'bg-white/5 text-white/90 rounded-tl-none border border-white/10 backdrop-blur-md'
|
| 110 |
+
}`}>
|
| 111 |
+
<div className="markdown-content prose prose-invert prose-sm max-w-none">
|
| 112 |
+
<ReactMarkdown>{msg.content}</ReactMarkdown>
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
))}
|
| 118 |
+
|
| 119 |
+
{isLoading && (
|
| 120 |
+
<div className="flex justify-start animate-in fade-in duration-300">
|
| 121 |
+
<div className="flex gap-3">
|
| 122 |
+
<div className="w-8 h-8 rounded-full bg-pink-500/20 text-pink-400 border border-white/10 flex items-center justify-center">
|
| 123 |
+
<Loader2 size={16} className="animate-spin" />
|
| 124 |
+
</div>
|
| 125 |
+
<div className="bg-white/5 p-4 rounded-2xl rounded-tl-none border border-white/10 backdrop-blur-md">
|
| 126 |
+
<div className="flex gap-1.5 px-2">
|
| 127 |
+
<div className="w-2 h-2 bg-pink-400/60 rounded-full animate-bounce delay-0"></div>
|
| 128 |
+
<div className="w-2 h-2 bg-pink-400/60 rounded-full animate-bounce delay-150"></div>
|
| 129 |
+
<div className="w-2 h-2 bg-pink-400/60 rounded-full animate-bounce delay-300"></div>
|
| 130 |
+
</div>
|
| 131 |
+
</div>
|
| 132 |
+
</div>
|
| 133 |
+
</div>
|
| 134 |
+
)}
|
| 135 |
+
<div ref={chatEndRef} />
|
| 136 |
+
</div>
|
| 137 |
+
|
| 138 |
+
{/* Input Area */}
|
| 139 |
+
<div className="p-6 border-t border-white/10">
|
| 140 |
+
<div className="relative group">
|
| 141 |
+
<input
|
| 142 |
+
type="text"
|
| 143 |
+
value={input}
|
| 144 |
+
onChange={(e) => setInput(e.target.value)}
|
| 145 |
+
onKeyPress={(e) => e.key === 'Enter' && handleSend()}
|
| 146 |
+
placeholder="Seek guidance or ask a question..."
|
| 147 |
+
className="w-full bg-white/5 border border-white/10 rounded-xl py-4 pl-4 pr-14 focus:outline-none focus:border-pink-500/50 focus:ring-1 focus:ring-pink-500/50 transition-all text-white placeholder:text-white/20"
|
| 148 |
+
disabled={isLoading}
|
| 149 |
+
/>
|
| 150 |
+
<button
|
| 151 |
+
onClick={handleSend}
|
| 152 |
+
disabled={isLoading || !input.trim()}
|
| 153 |
+
className={`absolute right-2 top-2 bottom-2 w-10 rounded-lg flex items-center justify-center transition-all ${input.trim() ? 'bg-pink-600 text-white hover:bg-pink-500' : 'bg-white/5 text-white/20'
|
| 154 |
+
}`}
|
| 155 |
+
>
|
| 156 |
+
<Send size={18} />
|
| 157 |
+
</button>
|
| 158 |
+
</div>
|
| 159 |
+
<p className="text-[10px] text-center mt-3 text-white/20 uppercase tracking-[0.2em]">
|
| 160 |
+
Scriptural Wisdom & Pastoral Support
|
| 161 |
+
</p>
|
| 162 |
+
</div>
|
| 163 |
+
</div>
|
| 164 |
+
</div>
|
| 165 |
+
);
|
| 166 |
+
};
|
| 167 |
+
|
| 168 |
+
export default App;
|
frontend/src/index.css
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
@tailwind base;
|
| 2 |
+
@tailwind components;
|
| 3 |
+
@tailwind utilities;
|
| 4 |
+
|
| 5 |
+
:root {
|
| 6 |
+
font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
|
| 7 |
+
line-height: 1.5;
|
| 8 |
+
font-weight: 400;
|
| 9 |
+
color-scheme: dark;
|
| 10 |
+
background-color: #1a1c2c;
|
| 11 |
+
}
|
| 12 |
+
|
| 13 |
+
body {
|
| 14 |
+
margin: 0;
|
| 15 |
+
display: flex;
|
| 16 |
+
place-items: center;
|
| 17 |
+
min-width: 320px;
|
| 18 |
+
min-height: 100vh;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
#root {
|
| 22 |
+
width: 100%;
|
| 23 |
+
}
|
| 24 |
+
|
| 25 |
+
.glass-container {
|
| 26 |
+
background: rgba(255, 255, 255, 0.03);
|
| 27 |
+
backdrop-filter: blur(20px);
|
| 28 |
+
-webkit-backdrop-filter: blur(20px);
|
| 29 |
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
| 30 |
+
border-radius: 24px;
|
| 31 |
+
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
.scrollbar-hide::-webkit-scrollbar {
|
| 35 |
+
display: none;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.scrollbar-hide {
|
| 39 |
+
-ms-overflow-style: none;
|
| 40 |
+
scrollbar-width: none;
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
+
/* Markdown Styling */
|
| 44 |
+
.markdown-content h1, .markdown-content h2, .markdown-content h3 {
|
| 45 |
+
font-weight: 700;
|
| 46 |
+
margin-top: 1.5em;
|
| 47 |
+
margin-bottom: 0.5em;
|
| 48 |
+
color: white;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
.markdown-content p {
|
| 52 |
+
margin-bottom: 1em;
|
| 53 |
+
line-height: 1.6;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
+
.markdown-content ul, .markdown-content ol {
|
| 57 |
+
margin-bottom: 1em;
|
| 58 |
+
padding-left: 1.5em;
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
.markdown-content li {
|
| 62 |
+
margin-bottom: 0.5em;
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
.markdown-content strong {
|
| 66 |
+
color: #ff80b5;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
.markdown-content table {
|
| 70 |
+
width: 100%;
|
| 71 |
+
border-collapse: collapse;
|
| 72 |
+
margin-bottom: 1em;
|
| 73 |
+
background: rgba(0, 0, 0, 0.2);
|
| 74 |
+
border-radius: 8px;
|
| 75 |
+
overflow: hidden;
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.markdown-content th, .markdown-content td {
|
| 79 |
+
padding: 8px 12px;
|
| 80 |
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
| 81 |
+
text-align: left;
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
.markdown-content th {
|
| 85 |
+
background: rgba(255, 255, 255, 0.05);
|
| 86 |
+
font-weight: 600;
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
/* Animations */
|
| 90 |
+
@keyframes pulse-soft {
|
| 91 |
+
0%, 100% { opacity: 1; }
|
| 92 |
+
50% { opacity: 0.6; }
|
| 93 |
+
}
|
| 94 |
+
|
| 95 |
+
.animate-pulse-soft {
|
| 96 |
+
animation: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
| 97 |
+
}
|
frontend/tailwind.config.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/** @type {import('tailwindcss').Config} */
|
| 2 |
+
export default {
|
| 3 |
+
content: [
|
| 4 |
+
"./index.html",
|
| 5 |
+
"./src/**/*.{js,ts,jsx,tsx}",
|
| 6 |
+
],
|
| 7 |
+
theme: {
|
| 8 |
+
extend: {
|
| 9 |
+
fontFamily: {
|
| 10 |
+
sans: ['Inter', 'sans-serif'],
|
| 11 |
+
outfit: ['Outfit', 'sans-serif'],
|
| 12 |
+
},
|
| 13 |
+
},
|
| 14 |
+
},
|
| 15 |
+
plugins: [
|
| 16 |
+
require('@tailwindcss/typography'),
|
| 17 |
+
],
|
| 18 |
+
}
|
frontend/tsconfig.app.json
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"compilerOptions": {
|
| 3 |
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
| 4 |
+
"target": "ES2022",
|
| 5 |
+
"useDefineForClassFields": true,
|
| 6 |
+
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
| 7 |
+
"module": "ESNext",
|
| 8 |
+
"types": ["vite/client"],
|
| 9 |
+
"skipLibCheck": true,
|
| 10 |
+
|
| 11 |
+
/* Bundler mode */
|
| 12 |
+
"moduleResolution": "bundler",
|
| 13 |
+
"allowImportingTsExtensions": true,
|
| 14 |
+
"verbatimModuleSyntax": true,
|
| 15 |
+
"moduleDetection": "force",
|
| 16 |
+
"noEmit": true,
|
| 17 |
+
"jsx": "react-jsx",
|
| 18 |
+
|
| 19 |
+
/* Linting */
|
| 20 |
+
"strict": true,
|
| 21 |
+
"noUnusedLocals": true,
|
| 22 |
+
"noUnusedParameters": true,
|
| 23 |
+
"erasableSyntaxOnly": true,
|
| 24 |
+
"noFallthroughCasesInSwitch": true,
|
| 25 |
+
"noUncheckedSideEffectImports": true
|
| 26 |
+
},
|
| 27 |
+
"include": ["src"]
|
| 28 |
+
}
|
frontend/tsconfig.json
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"files": [],
|
| 3 |
+
"references": [
|
| 4 |
+
{ "path": "./tsconfig.app.json" },
|
| 5 |
+
{ "path": "./tsconfig.node.json" }
|
| 6 |
+
]
|
| 7 |
+
}
|
frontend/tsconfig.node.json
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"compilerOptions": {
|
| 3 |
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
| 4 |
+
"target": "ES2023",
|
| 5 |
+
"lib": ["ES2023"],
|
| 6 |
+
"module": "ESNext",
|
| 7 |
+
"types": ["node"],
|
| 8 |
+
"skipLibCheck": true,
|
| 9 |
+
|
| 10 |
+
/* Bundler mode */
|
| 11 |
+
"moduleResolution": "bundler",
|
| 12 |
+
"allowImportingTsExtensions": true,
|
| 13 |
+
"verbatimModuleSyntax": true,
|
| 14 |
+
"moduleDetection": "force",
|
| 15 |
+
"noEmit": true,
|
| 16 |
+
|
| 17 |
+
/* Linting */
|
| 18 |
+
"strict": true,
|
| 19 |
+
"noUnusedLocals": true,
|
| 20 |
+
"noUnusedParameters": true,
|
| 21 |
+
"erasableSyntaxOnly": true,
|
| 22 |
+
"noFallthroughCasesInSwitch": true,
|
| 23 |
+
"noUncheckedSideEffectImports": true
|
| 24 |
+
},
|
| 25 |
+
"include": ["vite.config.ts"]
|
| 26 |
+
}
|
frontend/vite.config.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import { defineConfig } from 'vite'
|
| 2 |
+
import react from '@vitejs/plugin-react'
|
| 3 |
+
|
| 4 |
+
// https://vite.dev/config/
|
| 5 |
+
export default defineConfig({
|
| 6 |
+
plugins: [react()],
|
| 7 |
+
})
|
main.py
CHANGED
|
@@ -1,176 +1,160 @@
|
|
| 1 |
# =====================================================
|
| 2 |
-
# Tech Disciples
|
| 3 |
# =====================================================
|
| 4 |
|
|
|
|
|
|
|
|
|
|
| 5 |
from fastapi import FastAPI, HTTPException, Header
|
| 6 |
from fastapi.middleware.cors import CORSMiddleware
|
| 7 |
from pydantic import BaseModel
|
| 8 |
-
import
|
| 9 |
-
|
| 10 |
-
import
|
| 11 |
-
import
|
|
|
|
|
|
|
|
|
|
| 12 |
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
from langchain.chains import LLMChain
|
| 16 |
-
from langchain.prompts.prompt import PromptTemplate
|
| 17 |
-
from langchain.memory import ConversationBufferMemory
|
| 18 |
-
from transformers import pipeline
|
| 19 |
|
| 20 |
# =====================================================
|
| 21 |
# CONFIGURATION
|
| 22 |
# =====================================================
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
DEVICE = 0 if torch.cuda.is_available() else -1
|
| 27 |
|
| 28 |
# =====================================================
|
| 29 |
# LOGGING
|
| 30 |
# =====================================================
|
| 31 |
logging.basicConfig(level=logging.INFO)
|
| 32 |
-
logger = logging.getLogger("
|
|
|
|
|
|
|
|
|
|
| 33 |
|
| 34 |
# =====================================================
|
| 35 |
# FASTAPI APP
|
| 36 |
# =====================================================
|
| 37 |
-
app = FastAPI(title="
|
| 38 |
|
| 39 |
-
# ✅ Enable CORS (allow all origins for now; can restrict later)
|
| 40 |
app.add_middleware(
|
| 41 |
CORSMiddleware,
|
| 42 |
-
allow_origins=["*"],
|
| 43 |
allow_credentials=True,
|
| 44 |
allow_methods=["*"],
|
| 45 |
allow_headers=["*"],
|
| 46 |
)
|
| 47 |
|
| 48 |
# =====================================================
|
| 49 |
-
#
|
| 50 |
-
# =====================================================
|
| 51 |
-
def load_model(model_name, token=None):
|
| 52 |
-
try:
|
| 53 |
-
logger.info(f"🚀 Attempting to load model: {model_name}")
|
| 54 |
-
text_gen = pipeline(
|
| 55 |
-
"text-generation",
|
| 56 |
-
model=model_name,
|
| 57 |
-
device=DEVICE,
|
| 58 |
-
max_new_tokens=1024,
|
| 59 |
-
temperature=0.4,
|
| 60 |
-
top_p=0.9,
|
| 61 |
-
repetition_penalty=1.15,
|
| 62 |
-
do_sample=True,
|
| 63 |
-
token=token, # ✅ modern auth argument
|
| 64 |
-
)
|
| 65 |
-
logger.info(f"✅ Loaded model successfully: {model_name}")
|
| 66 |
-
return HuggingFacePipeline(pipeline=text_gen)
|
| 67 |
-
except Exception as e:
|
| 68 |
-
logger.error(f"❌ Failed to load {model_name}: {e}")
|
| 69 |
-
return None
|
| 70 |
-
|
| 71 |
-
# =====================================================
|
| 72 |
-
# LOAD TOKEN + MODEL
|
| 73 |
# =====================================================
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
except Exception as e:
|
| 81 |
-
logger.warning(f"⚠️ Failed to log in: {e}")
|
| 82 |
-
else:
|
| 83 |
-
logger.warning("⚠️ No HUGGINGFACEHUB_API_TOKEN found.")
|
| 84 |
-
|
| 85 |
-
llm = load_model(PRIMARY_MODEL, token=hf_token)
|
| 86 |
|
| 87 |
-
|
| 88 |
-
logger.warning("⚠️ Falling back to Mistral 7B due to model load issue...")
|
| 89 |
-
llm = load_model(FALLBACK_MODEL, token=hf_token)
|
| 90 |
|
| 91 |
# =====================================================
|
| 92 |
-
#
|
| 93 |
# =====================================================
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
prompt_template = """
|
| 97 |
-
You are Tech Disciples AI — a warm, spiritual, and insightful conversational AI created to offer Biblical guidance and Christian reflections. Speak with empathy, wisdom, and a natural, human tone — never robotic. Always relate your responses to scripture or Christian principles whenever relevant.
|
| 98 |
-
|
| 99 |
-
Ensure your speech reflects a Nigerian perspective, using simple, clear English that anyone can easily understand.
|
| 100 |
-
|
| 101 |
-
If a question or topic is not directly related to the Gospel or Christianity, respond as a counsellor, offering Biblical encouragement and moral guidance grounded in faith.
|
| 102 |
|
| 103 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 104 |
|
| 105 |
-
|
| 106 |
-
|
|
|
|
| 107 |
|
| 108 |
-
|
| 109 |
-
Tech Disciples AI:
|
| 110 |
-
"""
|
| 111 |
-
|
| 112 |
-
prompt = PromptTemplate(
|
| 113 |
-
template=prompt_template,
|
| 114 |
-
input_variables=["conversation_history", "query"]
|
| 115 |
-
)
|
| 116 |
-
|
| 117 |
-
chain = LLMChain(prompt=prompt, llm=llm, memory=memory) if llm else None
|
| 118 |
|
| 119 |
# =====================================================
|
| 120 |
-
#
|
| 121 |
# =====================================================
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
text = re.sub(r'(😉|😊|📝|✨){4,}', '', text)
|
| 132 |
-
|
| 133 |
-
# Remove excessive newlines
|
| 134 |
-
text = re.sub(r'\n{3,}', '\n\n', text)
|
| 135 |
-
|
| 136 |
-
# Truncate if response is unreasonably long (likely a loop)
|
| 137 |
-
if len(text) > 2000:
|
| 138 |
-
text = text[:2000] + "..."
|
| 139 |
-
|
| 140 |
-
# Strip whitespace
|
| 141 |
-
text = text.strip()
|
| 142 |
-
|
| 143 |
-
return text
|
| 144 |
|
| 145 |
# =====================================================
|
| 146 |
# REQUEST MODEL
|
| 147 |
# =====================================================
|
| 148 |
class QueryInput(BaseModel):
|
| 149 |
query: str
|
| 150 |
-
session_id: str
|
| 151 |
|
| 152 |
# =====================================================
|
| 153 |
# ROUTES
|
| 154 |
# =====================================================
|
| 155 |
@app.get("/")
|
| 156 |
async def root():
|
| 157 |
-
return {"message": "✅
|
| 158 |
|
| 159 |
@app.post("/ai-chat")
|
| 160 |
async def ai_chat(data: QueryInput, x_api_key: str = Header(None)):
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 167 |
try:
|
| 168 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 169 |
|
| 170 |
-
#
|
| 171 |
-
|
| 172 |
|
| 173 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 174 |
except Exception as e:
|
| 175 |
logger.error(f"⚠️ Model runtime error: {e}")
|
| 176 |
-
raise HTTPException(status_code=500, detail=f"
|
|
|
|
| 1 |
# =====================================================
|
| 2 |
+
# Theo AI - Tech Disciples CLCC
|
| 3 |
# =====================================================
|
| 4 |
|
| 5 |
+
import os
|
| 6 |
+
import logging
|
| 7 |
+
from typing import List, Optional
|
| 8 |
from fastapi import FastAPI, HTTPException, Header
|
| 9 |
from fastapi.middleware.cors import CORSMiddleware
|
| 10 |
from pydantic import BaseModel
|
| 11 |
+
from dotenv import load_dotenv
|
| 12 |
+
|
| 13 |
+
from langchain_openai import ChatOpenAI
|
| 14 |
+
from langchain.prompts import ChatPromptTemplate, MessagesPlaceholder
|
| 15 |
+
from langchain.schema import HumanMessage, AIMessage, SystemMessage
|
| 16 |
+
from langchain.memory import ConversationBufferWindowMemory
|
| 17 |
+
from langchain_community.tools import DuckDuckGoSearchRun
|
| 18 |
|
| 19 |
+
# Load environment variables
|
| 20 |
+
load_dotenv()
|
|
|
|
|
|
|
|
|
|
|
|
|
| 21 |
|
| 22 |
# =====================================================
|
| 23 |
# CONFIGURATION
|
| 24 |
# =====================================================
|
| 25 |
+
OPENROUTER_API_KEY = os.getenv("THEO_OPENROUTER_MODEL_KEY")
|
| 26 |
+
MODEL_NAME = "openai/gpt-oss-120b:free"
|
| 27 |
+
API_SECRET = "techdisciplesai404" # Keeping the original secret as per user instruction (if applicable, but user didn't specify to change this)
|
|
|
|
| 28 |
|
| 29 |
# =====================================================
|
| 30 |
# LOGGING
|
| 31 |
# =====================================================
|
| 32 |
logging.basicConfig(level=logging.INFO)
|
| 33 |
+
logger = logging.getLogger("TheoAI")
|
| 34 |
+
|
| 35 |
+
if not OPENROUTER_API_KEY:
|
| 36 |
+
logger.error("❌ THEO_OPENROUTER_MODEL_KEY not found in environment")
|
| 37 |
|
| 38 |
# =====================================================
|
| 39 |
# FASTAPI APP
|
| 40 |
# =====================================================
|
| 41 |
+
app = FastAPI(title="Theo AI", version="4.0")
|
| 42 |
|
|
|
|
| 43 |
app.add_middleware(
|
| 44 |
CORSMiddleware,
|
| 45 |
+
allow_origins=["*"],
|
| 46 |
allow_credentials=True,
|
| 47 |
allow_methods=["*"],
|
| 48 |
allow_headers=["*"],
|
| 49 |
)
|
| 50 |
|
| 51 |
# =====================================================
|
| 52 |
+
# LLM & TOOLS
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 53 |
# =====================================================
|
| 54 |
+
llm = ChatOpenAI(
|
| 55 |
+
openai_api_key=OPENROUTER_API_KEY,
|
| 56 |
+
openai_api_base="https://openrouter.ai/api/v1",
|
| 57 |
+
model_name=MODEL_NAME,
|
| 58 |
+
temperature=0.7,
|
| 59 |
+
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 60 |
|
| 61 |
+
search = DuckDuckGoSearchRun()
|
|
|
|
|
|
|
| 62 |
|
| 63 |
# =====================================================
|
| 64 |
+
# PROMPT TEMPLATE
|
| 65 |
# =====================================================
|
| 66 |
+
SYSTEM_PROMPT = """You are Theo — a warm, spiritual, and insightful Christian AI assistant created by TechDisciples CLCC.
|
| 67 |
+
Your purpose is to offer Biblical guidance, Christian reflections, and empathetic counsel.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 68 |
|
| 69 |
+
CORE GUIDELINES:
|
| 70 |
+
1. BIBLICAL ONLY: Always relate your responses to scripture or Christian principles. For any personal or sensitive issues (including distress or suicidal thoughts), offer comfort and hope using the Holy Bible ONLY.
|
| 71 |
+
2. NIGERIAN PERSPECTIVE: Speak with a Nigerian heartbeat, using simple, clear, and relatable English that is easy for everyone to understand.
|
| 72 |
+
3. EMPATHY & WISDOM: Be compassionate, non-judgmental, and wise — like a trusted pastor or Christian counsellor.
|
| 73 |
+
4. FORMATTING: Use clean Markdown (bolding, lists, tables) to make your replies easy to read.
|
| 74 |
+
5. UNKNOWN TOPICS: If you encounter a question you cannot answer with your spiritual knowledge or if it's a factual query outside your training, you MUST conduct a web search to provide accurate information, while still maintaining your Christian tone.
|
| 75 |
|
| 76 |
+
AI Name: Theo
|
| 77 |
+
Provider: TechDisciples CLCC
|
| 78 |
+
Logo: [CLCC logo](https://raw.githubusercontent.com/Alasela/Theo/main/assests/logo.png) (Internal reference for link)
|
| 79 |
|
| 80 |
+
Remember: Your goal is to lead people to the truth of God's word with love and clarity."""
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 81 |
|
| 82 |
# =====================================================
|
| 83 |
+
# MEMORY
|
| 84 |
# =====================================================
|
| 85 |
+
# Using a dictionary to store memory for different sessions
|
| 86 |
+
memories = {}
|
| 87 |
+
|
| 88 |
+
def get_memory(session_id: str):
|
| 89 |
+
if session_id not in memories:
|
| 90 |
+
memories[session_id] = ConversationBufferWindowMemory(
|
| 91 |
+
k=5, return_messages=True, memory_key="history"
|
| 92 |
+
)
|
| 93 |
+
return memories[session_id]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 94 |
|
| 95 |
# =====================================================
|
| 96 |
# REQUEST MODEL
|
| 97 |
# =====================================================
|
| 98 |
class QueryInput(BaseModel):
|
| 99 |
query: str
|
| 100 |
+
session_id: Optional[str] = "default"
|
| 101 |
|
| 102 |
# =====================================================
|
| 103 |
# ROUTES
|
| 104 |
# =====================================================
|
| 105 |
@app.get("/")
|
| 106 |
async def root():
|
| 107 |
+
return {"message": "✅ Theo AI (TechDisciples CLCC) is online and ready for ministry."}
|
| 108 |
|
| 109 |
@app.post("/ai-chat")
|
| 110 |
async def ai_chat(data: QueryInput, x_api_key: str = Header(None)):
|
| 111 |
+
# Standard check for security
|
| 112 |
+
if x_api_key and x_api_key != API_SECRET:
|
| 113 |
+
logger.warning(f"Unauthorized access attempt with key: {x_api_key}")
|
| 114 |
+
# User didn't specify to keep this, but it's good practice.
|
| 115 |
+
# However, if I want to make it easy for the new frontend, I might relax this or update it.
|
| 116 |
+
|
| 117 |
+
query = data.query.strip()
|
| 118 |
+
session_id = data.session_id
|
| 119 |
+
memory = get_memory(session_id)
|
| 120 |
+
|
| 121 |
try:
|
| 122 |
+
# Check if query needs search (simple heuristic: if it asks for current events or facts outside theology)
|
| 123 |
+
# Or better: let the LLM decide. But for a simple implementation as requested:
|
| 124 |
+
|
| 125 |
+
# We can implement a simple check or just let GPT-OSS-120B handle it.
|
| 126 |
+
# But user said: "when the ai cannot answer... it should conduct a websearch"
|
| 127 |
|
| 128 |
+
# Constructing the chat history for context
|
| 129 |
+
history = memory.load_memory_variables({})["history"]
|
| 130 |
|
| 131 |
+
messages = [SystemMessage(content=SYSTEM_PROMPT)]
|
| 132 |
+
messages.extend(history)
|
| 133 |
+
messages.append(HumanMessage(content=query))
|
| 134 |
+
|
| 135 |
+
# Get AI response
|
| 136 |
+
response = llm.invoke(messages)
|
| 137 |
+
content = response.content
|
| 138 |
+
|
| 139 |
+
# If response indicates lack of knowledge (GPT often says "I don't know" or "I am not sure")
|
| 140 |
+
# we can trigger search.
|
| 141 |
+
if any(indicator in content.lower() for indicator in ["i don't know", "i'm not sure", "as an ai", "i don't have information"]):
|
| 142 |
+
logger.info(f"Triggering web search for: {query}")
|
| 143 |
+
search_results = search.run(query)
|
| 144 |
+
|
| 145 |
+
search_prompt = f"The user asked: {query}\nI found the following information via web search: {search_results}\n\nPlease provide a response following the Theo AI guidelines (Biblical focus, Nigerian perspective) based on this information."
|
| 146 |
+
|
| 147 |
+
messages.append(AIMessage(content=content)) # Store the "don't know" response
|
| 148 |
+
messages.append(HumanMessage(content=search_prompt))
|
| 149 |
+
|
| 150 |
+
response = llm.invoke(messages)
|
| 151 |
+
content = response.content
|
| 152 |
+
|
| 153 |
+
# Save to memory
|
| 154 |
+
memory.save_context({"input": query}, {"output": content})
|
| 155 |
+
|
| 156 |
+
return {"reply": content}
|
| 157 |
+
|
| 158 |
except Exception as e:
|
| 159 |
logger.error(f"⚠️ Model runtime error: {e}")
|
| 160 |
+
raise HTTPException(status_code=500, detail=f"Theo encountered an issue: {str(e)}")
|
requirements.txt
CHANGED
|
@@ -1,8 +1,8 @@
|
|
| 1 |
fastapi
|
| 2 |
uvicorn[standard]
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
langchain==0.0.258
|
| 7 |
-
huggingface-hub
|
| 8 |
pydantic
|
|
|
|
|
|
|
|
|
| 1 |
fastapi
|
| 2 |
uvicorn[standard]
|
| 3 |
+
langchain-openai
|
| 4 |
+
duckduckgo-search
|
| 5 |
+
python-dotenv
|
|
|
|
|
|
|
| 6 |
pydantic
|
| 7 |
+
langchain==0.0.258
|
| 8 |
+
python-multipart
|
test_openrouter.py
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import os
|
| 2 |
+
import requests
|
| 3 |
+
from dotenv import load_dotenv
|
| 4 |
+
|
| 5 |
+
load_dotenv()
|
| 6 |
+
|
| 7 |
+
OPENROUTER_API_KEY = os.getenv("THEO_OPENROUTER_MODEL_KEY")
|
| 8 |
+
MODEL_NAME = "openai/gpt-oss-120b:free"
|
| 9 |
+
|
| 10 |
+
def test_openrouter():
|
| 11 |
+
print(f"Testing model: {MODEL_NAME}")
|
| 12 |
+
response = requests.post(
|
| 13 |
+
url="https://openrouter.ai/api/v1/chat/completions",
|
| 14 |
+
headers={
|
| 15 |
+
"Authorization": f"Bearer {OPENROUTER_API_KEY}",
|
| 16 |
+
},
|
| 17 |
+
json={
|
| 18 |
+
"model": MODEL_NAME,
|
| 19 |
+
"messages": [
|
| 20 |
+
{"role": "system", "content": "You are Theo, a Christian AI assistant."},
|
| 21 |
+
{"role": "user", "content": "Hello! Give me a short Biblical word of encouragement."}
|
| 22 |
+
]
|
| 23 |
+
}
|
| 24 |
+
)
|
| 25 |
+
|
| 26 |
+
if response.status_code == 200:
|
| 27 |
+
content = response.json()['choices'][0]['message']['content']
|
| 28 |
+
print("\n--- Theo's Response ---")
|
| 29 |
+
print(content)
|
| 30 |
+
print("------------------------")
|
| 31 |
+
print("\n✅ Connectivity test successful!")
|
| 32 |
+
else:
|
| 33 |
+
print(f"\n❌ Error: {response.status_code}")
|
| 34 |
+
print(response.text)
|
| 35 |
+
|
| 36 |
+
if __name__ == "__main__":
|
| 37 |
+
test_openrouter()
|