Merge pull request #80 from splitly25/feat/mock-report

feat: report with ai

Author: hgatra

api/src/controllers/assistantController.js

@@ -268,19 +268,19 @@ const analysisByAssistant = async (userId) => {
 
         const prompts = {
             debtAdvice: {
-                prompt: `You are TingTing, a friendly assistant for managing shared expense bills. Read the user's debt data, including amounts owed, upcoming deadlines, and overdue bills. Provide 1 - 2 concise, actionable recommendations in Vietnamese to help the user prioritize payments, avoid overdue penalties, and manage debts effectively. Keep advice short, clear, and practical.`,
+                prompt: `Bạn là TingTing, trợ lý thân thiện giúp quản lý hóa đơn chia tiền. Hãy đọc dữ liệu về các khoản nợ của người dùng, bao gồm số tiền nợ, hạn thanh toán sắp tới, và các hóa đơn quá hạn. Đưa ra 1-2 lời khuyên ngắn gọn, thiết thực bằng Tiếng Việt để giúp người dùng ưu tiên thanh toán, tránh bị phạt quá hạn, và quản lý nợ hiệu quả. Lời khuyên phải ngắn gọn, rõ ràng và dễ thực hiện.`,
                 dataKey: 'debtsIOwe'
             },
             oweAdvice: {
-                prompt: `You are TingTing, a friendly assistant for managing shared expense bills. Read the user's data on who owes them money, including overdue bills, amounts, and days overdue. Provide 1-2 concise, actionable recommendations in Vietnamese to help the user politely remind or collect payments early, prioritize the largest or oldest debts, and reduce risk of non-payment. Keep advice short, clear, and practical.`,
+                prompt: `Bạn là TingTing, trợ lý thân thiện giúp quản lý hóa đơn chia tiền. Hãy đọc dữ liệu về những người nợ tiền người dùng, bao gồm hóa đơn quá hạn, số tiền, và số ngày quá hạn. Đưa ra 1-2 lời khuyên ngắn gọn, thiết thực bằng Tiếng Việt để giúp người dùng nhắc nhở lịch sự hoặc thu tiền sớm, ưu tiên các khoản nợ lớn nhất hoặc lâu nhất, và giảm rủi ro không thu được tiền. Lời khuyên phải ngắn gọn, rõ ràng và dễ thực hiện.`,
                 dataKey: 'debtsOwedToMe'
             },
             monthlyAdvice: {
-                prompt: `You are TingTing, a friendly assistant for managing shared expense bills. Read the user's spending data for this month, including categories, total amounts, and number of bills. Provide a short prediction for next month's spending and 1-2 practical recommendations in Vietnamese to help the user manage expenses better, optimize budgets, and avoid overspending. Keep advice concise, clear, and actionable.`,
+                prompt: `Bạn là TingTing, trợ lý thân thiện giúp quản lý hóa đơn chia tiền. Hãy đọc dữ liệu chi tiêu của người dùng trong tháng này, bao gồm danh mục, tổng số tiền, và số lượng hóa đơn. Đưa ra dự đoán ngắn gọn về chi tiêu tháng sau và 1-2 lời khuyên thiết thực bằng Tiếng Việt để giúp người dùng quản lý chi tiêu tốt hơn, tối ưu ngân sách, và tránh chi tiêu quá mức. Lời khuyên phải ngắn gọn, rõ ràng và dễ thực hiện.`,
                 dataKey: 'monthlyStats'
             },
             productAdvice: {
-                prompt: `You are TingTing, a friendly assistant for managing shared expense bills. Analyze the user's spending data for this month, including categories, total amounts, and number of bills. Identify which areas the user is spending most and provide 1-2 practical recommendations in Vietnamese to balance their expenses, avoid overspending, and promote healthier financial habits. Keep advice concise, clear, and actionable.`,
+                prompt: `Bạn là TingTing, trợ lý thân thiện giúp quản lý hóa đơn chia tiền. Hãy phân tích dữ liệu chi tiêu của người dùng trong tháng này, bao gồm danh mục, tổng số tiền, và số lượng hóa đơn. Xác định những lĩnh vực người dùng đang chi tiêu nhiều nhất và đưa ra 1-2 lời khuyên thiết thực bằng Tiếng Việt để cân bằng chi tiêu, tránh chi tiêu quá mức, và thúc đẩy thói quen tài chính lành mạnh hơn. Lời khuyên phải ngắn gọn, rõ ràng và dễ thực hiện.`,
                 dataKey: 'productsThisMonth'
             }
         }
@@ -325,7 +325,26 @@ const analysisByAssistant = async (userId) => {
     }
 };
 
+const getAIAnalysis = async (req, res, next) => {
+    try {
+        const { userId } = req.params;
+
+        // Security check: Verify that the authenticated user is requesting their own data
+        if (req.jwtDecoded._id !== userId) {
+            throw new ApiError(StatusCodes.FORBIDDEN, 'You can only access your own analysis data');
+        }
+
+        const analysis = await analysisByAssistant(userId);
+        res.status(StatusCodes.OK).json(analysis);
+    } catch (error) {
+        console.error('Error in getAIAnalysis:', error);
+        const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
+        const customError = new ApiError(StatusCodes.INTERNAL_SERVER_ERROR, errorMessage);
+        next(customError);
+    }
+};
+
 export const assistantController = {
     processAIRequest,
-    analysisByAssistant
+    analysisByAssistant: getAIAnalysis
 };

api/src/routes/v1/assistantRoute.js

@@ -1,9 +1,13 @@
 import express from 'express'
 import { assistantController } from '~/controllers/assistantController.js'
 import { assistantValidation } from '~/validations/assistantValidation'
+import { authMiddleware } from '~/middlewares/authMiddleware.js'
 
 const Router = express.Router()
 
 Router.route('/').post(assistantValidation.validateAIRequest, assistantController.processAIRequest)
 
+// AI Analysis endpoint for reports
+Router.route('/analysis/:userId').get(authMiddleware.isAuthorized, assistantController.analysisByAssistant)
+
 export const assistantRoute = Router

web/src/apis/index.js

@@ -24,6 +24,16 @@ export const fetchMonthlyReportAPI = async (userId, year, month) => {
   return response.data
 }
 
+/**
+ * Fetch AI-powered analysis and recommendations for a user
+ * @param {string} userId - User ID
+ * @returns {Promise<Object>} AI analysis including debt advice, spending predictions, and recommendations
+ */
+export const fetchAIAnalysisAPI = async (userId) => {
+  const response = await authorizedAxiosInstance.get(`${API_ROOT}/v1/assistant/analysis/${userId}`)
+  return response.data
+}
+
 export const fetchHistoryDataAPI = async (userId, numPage, limit, search, settled) => {
   const response = await authorizedAxiosInstance.get(
     `${API_ROOT}/v1/history/${userId}?page=${numPage}&limit=${limit}&search=${search}&settled=${settled}`

web/src/pages/Report/Report.jsx

@@ -28,7 +28,7 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
 import dayjs from 'dayjs'
 import 'dayjs/locale/vi'
 import { COLORS } from '~/theme'
-import { fetchMonthlyReportAPI } from '~/apis'
+import { fetchMonthlyReportAPI, fetchAIAnalysisAPI } from '~/apis'
 import { toast } from 'react-toastify'
 import SpendingTrendChart from '~/components/charts/SpendingTrendChart'
 import CategorySpendingChart from '~/components/charts/CategorySpendingChart'
@@ -239,7 +239,9 @@ const Report = () => {
   const currentUser = useSelector((state) => state.user.currentUser)
   const [selectedMonth, setSelectedMonth] = useState(dayjs())
   const [reportData, setReportData] = useState(null)
+  const [aiAnalysis, setAiAnalysis] = useState(null)
   const [loading, setLoading] = useState(true)
+  const [loadingAI, setLoadingAI] = useState(false)
 
   // Fetch report data when month changes
   useEffect(() => {
@@ -265,6 +267,27 @@ const Report = () => {
     fetchReportData()
   }, [selectedMonth, currentUser])
 
+  // Fetch AI analysis once when component mounts
+  useEffect(() => {
+    const fetchAIAnalysis = async () => {
+      if (!currentUser?._id) return
+
+      try {
+        setLoadingAI(true)
+        const analysis = await fetchAIAnalysisAPI(currentUser._id)
+        setAiAnalysis(analysis)
+      } catch (error) {
+        console.error('Error fetching AI analysis:', error)
+        // Don't show error toast for AI analysis - it's not critical
+        setAiAnalysis(null)
+      } finally {
+        setLoadingAI(false)
+      }
+    }
+
+    fetchAIAnalysis()
+  }, [currentUser])
+
   const handleMonthChange = (newValue) => {
     setSelectedMonth(newValue)
   }
@@ -654,7 +677,55 @@ const Report = () => {
         </Box>
 
         {/* AI Insight Section */}
-        {reportData?.aiInsights && reportData.aiInsights.length > 0 ? (
+        {loadingAI ? (
+          <Card
+            sx={{
+              borderRadius: '16px',
+              border: '1px solid',
+              borderColor: 'divider',
+              backgroundColor: 'background.paper',
+              mb: 3,
+              p: 4,
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+          >
+            <CircularProgress sx={{ color: COLORS.primary }} size={30} />
+            <Typography sx={{ ml: 2, color: 'text.secondary' }}>Đang phân tích dữ liệu...</Typography>
+          </Card>
+        ) : aiAnalysis ? (
+          <>
+            {aiAnalysis.monthlyAdvice && (
+              <AIInsightCard
+                title="Dự đoán chi tiêu tháng tới"
+                description={aiAnalysis.monthlyAdvice}
+                suggestion="Dựa trên phân tích từ TingTing AI"
+              />
+            )}
+            {aiAnalysis.productAdvice && (
+              <AIInsightCard
+                title="Phân tích chi tiêu theo danh mục"
+                description={aiAnalysis.productAdvice}
+                suggestion="Cân bằng chi tiêu giữa các danh mục"
+              />
+            )}
+            {aiAnalysis.debtAdvice && (
+              <AIInsightCard
+                title="Quản lý khoản nợ của bạn"
+                description={aiAnalysis.debtAdvice}
+                suggestion="Ưu tiên thanh toán đúng hạn"
+              />
+            )}
+            {aiAnalysis.oweAdvice && (
+              <AIInsightCard
+                title="Quản lý khoản cho vay"
+                description={aiAnalysis.oweAdvice}
+                suggestion="Nhắc nhở một cách lịch sự"
+              />
+            )}
+          </>
+        ) : reportData?.aiInsights && reportData.aiInsights.length > 0 ? (
           reportData.aiInsights.map((insight, index) => (
             <AIInsightCard key={index} {...insight} />
           ))