1f:I[498676,["/_next/static/chunks/285pqllwvltjz.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/1z5pbnwvqamty.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3uz6_-wu8idhq.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/44now2hn6srwa.js"],"default"] 20:I[967421,["/_next/static/chunks/285pqllwvltjz.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/1z5pbnwvqamty.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3uz6_-wu8idhq.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/44now2hn6srwa.js"],"default"] 21:T13e1,// Tạo style sheet cho toàn bộ ứng dụng export function applyGlobalStyles() { const styleSheet = document.createElement('style'); styleSheet.type = 'text/css'; styleSheet.innerHTML = ` body { font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; margin: 0; padding: 0; background: linear-gradient(135deg, #2C1810, #1a1108); color: #FFFFFF; overflow-x: hidden; } .reward-container { height: 100vh; overflow: auto; scroll-behavior: smooth; padding-bottom: 60px; /* Add padding at the bottom to ensure better scrolling */ position: relative; scrollbar-width: thin; scrollbar-color: #FFD700 #2C1810; } /* Thêm style cho container timeline để chắc chắn không có scrollbar thứ hai */ .timeline-container { overflow: visible !important; } .settings-button { background: linear-gradient(135deg, #FFD700, #FFA500); color: white; border: 1px solid #FFD700; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.3); position: absolute; top: 20px; right: 20px; z-index: 100; } .settings-button.active { background: #FFFFFF; color: #2C1810; } .settings-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; z-index: 50; padding: 20px; } .settings-content { background-color: #2C1810; border-radius: 12px; max-width: 600px; width: 100%; max-height: 90vh; overflow: auto; position: relative; padding: 25px; border: 1px solid #FFD700; box-shadow: 0 0 30px rgba(255, 215, 0, 0.3); } .close-button { position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer; color: #FFD700; } .settings-title { color: #FFD700; margin-top: 0; margin-bottom: 20px; text-align: center; font-size: 24px; background: linear-gradient(135deg, #FFD700, #FFA500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* CSS cho form cài đặt ClickUp */ .clickup-form-container { padding: 16px; background-color: rgba(61, 35, 18, 0.7); border-radius: 8px; margin-bottom: 20px; border: 1px solid rgba(255, 215, 0, 0.3); } .clickup-form-title { margin: 0 0 16px; color: #FFD700; font-size: 16px; } .clickup-form-group { margin-bottom: 16px; /* This will be overridden by .form-row .clickup-form-group */ } .form-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; } .form-row .clickup-form-group { flex: 1 1 calc(50% - 8px); min-width: 200px; margin-bottom: 0; /* No bottom margin for groups in a row */ } .clickup-form-label { display: block; margin-bottom: 6px; font-weight: 500; color: #FFD700; } .clickup-form-input { width: 100%; padding: 12px 16px; border-radius: 6px; border: 1px solid rgba(255, 215, 0, 0.3); background-color: rgba(0, 0, 0, 0.2); box-sizing: border-box; font-size: 14px; color: #FFFFFF; } /* Styles for .clickup-list-container, .clickup-list-header, .clickup-list-label, .clickup-add-button, .clickup-list-item, .clickup-list-input, .clickup-remove-button are no longer needed as the dynamic list was removed. The .clickup-help-text style is also removed. */ .clickup-sync-button { background: linear-gradient(135deg, #FFD700, #FFA500); color: #2C1810; border: none; border-radius: 8px; padding: 12px 20px; font-weight: 600; cursor: pointer; width: 100%; font-size: 16px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); transition: all 0.2s; } /* Media queries for timeline responsiveness */ @media (max-width: 768px) { .timeline-item { justify-content: flex-start !important; } .timeline-content { width: 80% !important; margin-left: 70px !important; margin-right: 0 !important; } .timeline-track { left: 15px !important; } .timeline-dot { left: 15px !important; } } /* Animation for spinning icon */ .spin-animation { display: inline-block; animation: spin 1.5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `; document.head.appendChild(styleSheet); }22:T458c,// Service for handling ClickUp API calls // Helper to generate page-specific storage keys const getPageSpecificKey = (baseKey) => { // Get the current page path or use a default identifier const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Simple string hash function const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; export const clickupService = { // Get data from ClickUp API async fetchData(credentials) { if (!credentials.apiKey) { throw new Error('API Key is required'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { // Fetch data silently without logging // Get workspace data first if needed if (!credentials.workspace) { const workspaces = await this.getWorkspaces(headers); if (workspaces.length > 0) { credentials.workspace = workspaces[0].id; // Workspace selected silently } else { throw new Error('No workspaces found'); } } // Get tasks data based on listIds let habitStatsData = { completedDailyGoals: 0 }; if (credentials.listIds && credentials.listIds.length > 0) { // Get tasks from the specified lists const listTasks = await this.getTasksFromLists(headers, credentials.listIds); habitStatsData = this.processTasksForStats(listTasks); } else { throw new Error('At least one List ID is required'); } return { habitStats: habitStatsData }; } catch (error) { console.error('Error fetching ClickUp data:', error); throw new Error(`Failed to fetch data from ClickUp: ${error.message}`); } }, // Get workspaces for the user async getWorkspaces(headers) { // Use page-specific storage when needed const storageKey = getPageSpecificKey('clickupCredentials'); const response = await fetch('https://api.clickup.com/api/v2/team', { method: 'GET', headers }); if (!response.ok) { throw new Error(`Failed to get workspaces: ${response.status} ${response.statusText}`); } const data = await response.json(); return data.teams || []; }, // Get tasks from a space async getTasksFromSpace(headers, spaceId) { // Get tasks from specified space let allTasks = []; try { // Step 1: First get all folders in the space const foldersResponse = await fetch(`https://api.clickup.com/api/v2/space/${spaceId}/folder?archived=false`, { method: 'GET', headers }); if (!foldersResponse.ok) { throw new Error(`Failed to get folders: ${foldersResponse.status} ${foldersResponse.statusText}`); } const foldersData = await foldersResponse.json(); const folders = foldersData.folders || []; // Step 2: Get lists from each folder for (const folder of folders) { // Get lists from folder try { const folderListsResponse = await fetch(`https://api.clickup.com/api/v2/folder/${folder.id}/list?archived=false`, { method: 'GET', headers }); if (!folderListsResponse.ok) { continue; } const folderListsData = await folderListsResponse.json(); const folderLists = folderListsData.lists || []; // Get tasks from each list in the folder for (const list of folderLists) { try { const tasks = await this.getTasksFromList(headers, list.id); allTasks = [...allTasks, ...tasks]; } catch (error) { // Continue with other lists even if one fails // Continue with other lists even if one fails } } } catch (error) { // Continue with other folders even if one fails // Continue with other folders even if one fails } } // Step 3: Get lists that are directly in the space (not in any folder) // Step 3: Get lists that are directly in the space (not in any folder) const listsResponse = await fetch(`https://api.clickup.com/api/v2/space/${spaceId}/list?archived=false`, { method: 'GET', headers }); if (!listsResponse.ok) { throw new Error(`Failed to get lists: ${listsResponse.status} ${listsResponse.statusText}`); } const listsData = await listsResponse.json(); const lists = listsData.lists || []; // Get tasks from each list in the space for (const list of lists) { try { const tasks = await this.getTasksFromList(headers, list.id); allTasks = [...allTasks, ...tasks]; } catch (error) { // Continue with other lists even if one fails // Continue with other lists even if one fails } } return allTasks; } catch (error) { throw error; } }, // Get tasks from specific lists async getTasksFromLists(headers, listIds) { // Get tasks from the provided list IDs let allTasks = []; let successCount = 0; for (const listId of listIds) { try { const tasks = await this.getTasksFromList(headers, listId); allTasks = [...allTasks, ...tasks]; successCount++; } catch (error) { // Continue with other lists even if one fails // Continue with other lists even if one fails } } return allTasks; }, // Get tasks from a single list async getTasksFromList(headers, listId) { // Ensure we get all tasks, not just the first page let allTasks = []; let hasMoreTasks = true; let startIndex = 0; const PAGE_SIZE = 100; while (hasMoreTasks) { const url = `https://api.clickup.com/api/v2/list/${listId}/task?archived=false&subtasks=true&include_closed=true&page=${startIndex/PAGE_SIZE}&order_by=created&reverse=true&limit=${PAGE_SIZE}`; const tasksResponse = await fetch(url, { method: 'GET', headers }); if (!tasksResponse.ok) { throw new Error(`Failed to get tasks: ${tasksResponse.status} ${tasksResponse.statusText}`); } const tasksData = await tasksResponse.json(); const tasks = tasksData.tasks || []; allTasks = [...allTasks, ...tasks]; // Check if we need to fetch more pages if (tasks.length < PAGE_SIZE) { hasMoreTasks = false; } else { startIndex += PAGE_SIZE; } } return allTasks; }, // Process tasks to extract habit statistics processTasksForStats(tasks) { // Xử lý dữ liệu task để lấy thông tin về mục tiêu ngày let tasksWithCustomFields = 0; let tasksWithGoalLevelField = 0; let dailyGoalTasks = 0; let tasksWithoutCustomFields = 0; let tasksWithoutGoalLevelField = 0; let tasksWithWrongGoalLevelValue = 0; let tasksWithCompletionStatus = 0; let filteredByCompletionStatus = 0; // Object để theo dõi các ngày đã có mục tiêu hoàn thành const completedDayTracker = {}; // Lọc các task hoặc subtask có 🎯 Cấp Độ MT là 3 (MỤC TIÊU NGÀY) // và 🎯 Mức Độ HT là "Hoàn Thành (100%)" hoặc "HT Trễ Hạn (100%)" const filteredTasks = tasks.filter(task => { if (!task.custom_fields || task.custom_fields.length === 0) { tasksWithoutCustomFields++; return false; } tasksWithCustomFields++; // Tìm trường 🎯 Cấp Độ MT trong custom_fields const goalLevelField = task.custom_fields.find(field => field.name === "🎯 Cấp Độ MT" || field.name === "Cấp Độ MT" || field.id === "f9940518-5b62-4876-aff9-917be9cc4366" // ID của trường nếu đã biết ); // Tìm trường 🎯 Mức Độ HT trong custom_fields const completionStatusField = task.custom_fields.find(field => field.name === "🎯 Mức Độ HT" || field.name === "Mức Độ HT" ); // Kiểm tra xem task có thỏa mãn điều kiện cấp độ mục tiêu không let meetsGoalLevelRequirement = false; if (goalLevelField) { tasksWithGoalLevelField++; // Kiểm tra giá trị của trường, có thể là 3 hoặc "MỤC TIÊU NGÀY" if (goalLevelField.value === 3 || goalLevelField.value === "MỤC TIÊU NGÀY" || (typeof goalLevelField.value === 'object' && goalLevelField.value.name === "MỤC TIÊU NGÀY")) { dailyGoalTasks++; meetsGoalLevelRequirement = true; } else { tasksWithWrongGoalLevelValue++; } } else { tasksWithoutGoalLevelField++; } // Kiểm tra xem task có thỏa mãn điều kiện mức độ hoàn thành không let meetsCompletionStatusRequirement = false; if (completionStatusField) { tasksWithCompletionStatus++; // Kiểm tra giá trị của trường, ưu tiên "HOÀN THÀNH (100%)" và "HT Trễ Hạn (100%)" if ( completionStatusField.value === 0 || // 0 tương ứng với "Hoàn thành 100%" completionStatusField.value === 1 || // 1 tương ứng với "HT Trễ Hạn (100%)" completionStatusField.value === "Hoàn thành 100%" || completionStatusField.value === "HT Trễ Hạn (100%)" || (typeof completionStatusField.value === 'object' && (completionStatusField.value.name === "Hoàn thành 100%" || completionStatusField.value.name === "HT Trễ Hạn (100%)")) ) { filteredByCompletionStatus++; meetsCompletionStatusRequirement = true; } } // Task phải thỏa mãn cả hai điều kiện if (meetsGoalLevelRequirement && meetsCompletionStatusRequirement) { return true; } return false; }); const completedDailyGoals = filteredTasks.length; return { completedDailyGoals: completedDailyGoals }; }, // Add comment to a specific task when a milestone is completed async addMilestoneComment(credentials, taskId, milestone) { if (!credentials.apiKey || !taskId) { throw new Error('API Key and Task ID are required for commenting'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { // Import function to calculate total scholarship const { calculateTotalScholarship } = await import('TimelineMilestones'); const totalScholarship = calculateTotalScholarship(milestone.days); // Xác định giá trị học bổng của cột mốc hiện tại const milestones = [10, 30, 60, 90, 120, 180, 240, 300, 360]; const scholarshipAmounts = [200000, 400000, 600000, 1000000, 2000000, 4000000, 6000000, 8000000, 12000000]; // Format milestone data for the comment with total accumulated scholarship const formattedTotalScholarship = totalScholarship.toLocaleString(); const currentMilestoneScholarship = milestones.findIndex(m => m === milestone.days) >= 0 ? scholarshipAmounts[milestones.findIndex(m => m === milestone.days)].toLocaleString() : '0'; // Create a nicely formatted comment with both current and total scholarship const commentText = `🎉 **ĐÃ ĐẠT CỘT MỐC!** 🎉\n\n` + `👉 Đã hoàn thành **${milestone.days} Mục Tiêu Ngày**!\n` + `💰 Học bổng cột mốc này: **${currentMilestoneScholarship} VND**\n` + `💎 Tổng học bổng tích lũy: **${formattedTotalScholarship} VND**\n` + `📅 Đạt được vào: ${new Date().toLocaleString('vi-VN')}\n\n` + `Chúc mừng bạn đã đạt được thành tích này! Hãy tiếp tục phát huy nhé.`; // Make API request to add comment const response = await fetch(`https://api.clickup.com/api/v2/task/${taskId}/comment`, { method: 'POST', headers, body: JSON.stringify({ comment_text: commentText, notify_all: true }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(`Failed to add comment: ${response.status} ${response.statusText} - ${JSON.stringify(errorData)}`); } const commentResponseData = await response.json(); // Bình luận về cột mốc đã được thêm thành công // Nếu được cấu hình, tạo một task mới cho cột mốc này và đặt trường tùy chỉnh URL hình ảnh của nó if (credentials.newTaskListId && milestone.imageUrl && credentials.imageUrlCustomFieldId) { const newTaskName = `1.LG - Cột Mốc ${milestone.days} Mục Tiêu Ngày - ${new Date().toLocaleString('vi-VN')}`; const newTaskDescription = `Đạt được cột mốc ${milestone.days} Mục Tiêu Ngày vào ${new Date().toLocaleString('vi-VN')}.\nLink hình ảnh cột mốc: ${milestone.imageUrl}`; try { const createdTask = await this.createTask( credentials, credentials.newTaskListId, newTaskName, newTaskDescription, credentials.tagName // Sử dụng tagName từ credentials nếu có ); if (createdTask && createdTask.id) { // Cập nhật trường tùy chỉnh với URL hình ảnh await this.updateCustomField( credentials, createdTask.id, // Use createdTask.id directly credentials.imageUrlCustomFieldId, milestone.imageUrl // Chuỗi URL là giá trị ); } } catch (taskProcessingError) { // Ghi lại lỗi cụ thể này nhưng không để nó che khuất thành công của việc thêm bình luận chính. // Việc xử lý lỗi của hàm chính sẽ không được kích hoạt bởi catch cụ thể này. console.error(`Lỗi trong quá trình tạo task mới hoặc cập nhật trường tùy chỉnh cho cột mốc ${milestone.days}:`, taskProcessingError); } } return commentResponseData; // Trả về dữ liệu phản hồi từ việc tạo bình luận ban đầu } catch (error) { // Catch này xử lý các lỗi từ việc thêm bình luận ban đầu hoặc các lỗi nghiêm trọng chưa được xử lý. console.error('Lỗi trong hàm addMilestoneComment:', error); throw new Error(`Không thể hoàn thành bình luận cột mốc và các hành động liên quan: ${error.message}`); } }, // Hàm cập nhật giá trị custom field cho một task trong ClickUp async updateCustomField(credentials, taskId, customFieldId, value) { if (!credentials.apiKey || !taskId || !customFieldId) { throw new Error('API Key, Task ID và Custom Field ID đều là các trường bắt buộc'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { // Cập nhật giá trị custom field // Chuẩn bị dữ liệu request - cần phải theo định dạng yêu cầu của ClickUp API const requestData = { value: value }; // Gọi API ClickUp để cập nhật giá trị custom field const response = await fetch(`https://api.clickup.com/api/v2/task/${taskId}/field/${customFieldId}`, { method: 'POST', headers, body: JSON.stringify(requestData) }); if (!response.ok) { const errorData = await response.json(); throw new Error(`Lỗi khi cập nhật custom field: ${response.status} ${response.statusText} - ${JSON.stringify(errorData)}`); } const data = await response.json(); return data; } catch (error) { console.error('Lỗi khi cập nhật custom field:', error); throw new Error(`Không thể cập nhật custom field: ${error.message}`); } }, // Create a new task in ClickUp async createTask(credentials, listId, taskName, taskDescription, tagName) { if (!credentials.apiKey || !listId || !taskName) { throw new Error('API Key, List ID, and Task Name are required to create a task'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; const taskData = { name: taskName, description: taskDescription || '', // Optional description tags: tagName ? [tagName] : [] // Optional tag }; try { const response = await fetch(`https://api.clickup.com/api/v2/list/${listId}/task`, { method: 'POST', headers, body: JSON.stringify(taskData) }); if (!response.ok) { const errorData = await response.json(); throw new Error(`Failed to create task: ${response.status} ${response.statusText} - ${JSON.stringify(errorData)}`); } const data = await response.json(); return data; // Returns the created task object } catch (error) { console.error('Error creating task in ClickUp:', error); throw new Error(`Failed to create task: ${error.message}`); } } };23:T2659,import React, { useState } from 'react'; import SyncForm from 'SyncForm'; import SyncStatus from 'SyncStatus'; import Header from 'Header'; import { ThemeProvider, useTheme } from 'ThemeContext'; export default function App() { const [showSettings, setShowSettings] = useState(false); const [syncState, setSyncState] = useState({ status: 'idle', // idle, syncing, success, error message: '', progress: 0, }); const handleSync = async (credentials) => { // Start sync process setSyncState({ status: 'syncing', message: 'Connecting to ClickUp...', progress: 10 }); try { if (!credentials.spaceId && (!credentials.listIds || credentials.listIds.every(id => !id.trim()))) { throw new Error('Vui lòng cung cấp Space ID hoặc ít nhất một List ID'); } // Ưu tiên sử dụng Space ID nếu có const usesSpaceId = !!credentials.spaceId; // Simulate API calls with timeouts await simulateSyncProcess(setSyncState, credentials); setSyncState({ status: 'success', message: 'Data successfully synchronized with ClickUp!', progress: 100 }); } catch (error) { setSyncState({ status: 'error', message: error.message || 'Failed to sync data. Please try again.', progress: 0 }); } }; return ( ); } function AppContent({ showSettings, setShowSettings, syncState, setSyncState, handleSync }) { const { colors } = useTheme(); return (

{showSettings && (

)}

{['Kỷ Luật Tích Lũy', 'Tuân Thủ Thói Quen', 'Hoàn Thành Mục Tiêu', 'Quản Lý Thời Gian', 'Quản Lý Tập Trung'].map((tab, index) => (

{tab}

))}

Kỷ Luật Tích Lũy

Nội dung về Kỷ Luật Tích Lũy sẽ được hiển thị tại đây. Để thiết lập đồng bộ hóa dữ liệu với ClickUp, vui lòng nhấn vào biểu tượng cài đặt ở góc phải màn hình.

); } // Simulate the sync process for demo purposes async function simulateSyncProcess(setSyncState, credentials) { // Step 1: Authenticate await new Promise(resolve => setTimeout(resolve, 1000)); setSyncState(prev => ({ ...prev, message: 'Xác thực với ClickUp API...', progress: 20 })); // Step 2: Fetching data based on Space ID or List IDs await new Promise(resolve => setTimeout(resolve, 1000)); if (credentials.spaceId) { setSyncState(prev => ({ ...prev, message: `Đang lấy dữ liệu từ Space ID: ${credentials.spaceId}...`, progress: 40 })); // Mô phỏng việc lấy dữ liệu từ tất cả các list trong space await new Promise(resolve => setTimeout(resolve, 800)); setSyncState(prev => ({ ...prev, message: `Đã tìm thấy nhiều list trong Space, đang phân tích...`, progress: 45 })); await new Promise(resolve => setTimeout(resolve, 800)); setSyncState(prev => ({ ...prev, message: `Đang chuẩn bị dữ liệu từ Space ID: ${credentials.spaceId}...`, progress: 50 })); } else { const validListIds = credentials.listIds.filter(id => id.trim()); setSyncState(prev => ({ ...prev, message: `Đang lấy dữ liệu từ ${validListIds.length} List...`, progress: 40 })); // Mô phỏng việc lấy dữ liệu từ từng list một for (let i = 0; i < validListIds.length; i++) { await new Promise(resolve => setTimeout(resolve, 500)); setSyncState(prev => ({ ...prev, message: `Đang lấy dữ liệu từ List ID: ${validListIds[i]}...`, progress: 40 + (10 * (i + 1) / validListIds.length) })); } } // Step 3: Processing data await new Promise(resolve => setTimeout(resolve, 1000)); setSyncState(prev => ({ ...prev, message: 'Đang xử lý dữ liệu đồng bộ hóa...', progress: 60 })); // Thêm thông tin chi tiết hơn về quá trình xử lý await new Promise(resolve => setTimeout(resolve, 800)); setSyncState(prev => ({ ...prev, message: credentials.spaceId ? 'Đang áp dụng dữ liệu từ Space vào hệ thống...' : 'Đang áp dụng dữ liệu từ Lists vào hệ thống...', progress: 65 })); // Step 4: Uploading await new Promise(resolve => setTimeout(resolve, 1000)); setSyncState(prev => ({ ...prev, message: 'Đang tải dữ liệu lên ClickUp...', progress: 80 })); // Step 5: Finishing up await new Promise(resolve => setTimeout(resolve, 1000)); setSyncState(prev => ({ ...prev, message: 'Hoàn tất quá trình đồng bộ hóa...', progress: 95 })); // Thông báo kết quả cuối cùng await new Promise(resolve => setTimeout(resolve, 500)); }24:T2100,import React, { useState, useEffect } from 'react'; import confetti from 'https://esm.sh/canvas-confetti@1.6.0'; export const MilestoneCelebration = ({ isOpen, milestone, onClose }) => { const [animationState, setAnimationState] = useState('entering'); // Typography constants for consistency const typography = { heading: { fontSize: '26px', fontWeight: 'bold', color: '#FFD700', lineHeight: '1.2', textShadow: '0 2px 4px rgba(0,0,0,0.5)', marginBottom: '8px' }, subheading: { fontSize: '18px', fontWeight: 'bold', color: '#FFD700', lineHeight: '1.3', textTransform: 'uppercase', marginBottom: '8px' }, normal: { fontSize: '16px', fontWeight: 'normal', color: 'white', lineHeight: '1.5' }, emphasis: { fontSize: '20px', fontWeight: 'bold', color: '#FFD700' }, button: { fontSize: '16px', fontWeight: 'bold' } }; useEffect(() => { if (isOpen) { setAnimationState('entering'); // Launch confetti const duration = 3 * 1000; // 3 seconds const animationEnd = Date.now() + duration; const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 1001 }; // Ensure confetti is above modal function randomInRange(min, max) { return Math.random() * (max - min) + min; } const interval = setInterval(function() { const timeLeft = animationEnd - Date.now(); if (timeLeft <= 0) { return clearInterval(interval); } const particleCount = 50 * (timeLeft / duration); // since particles fall down, start a bit higher if you want to cover screen confetti(Object.assign({}, defaults, { particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } })); confetti(Object.assign({}, defaults, { particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } })); }, 250); const enterTimer = setTimeout(() => { setAnimationState('active'); }, 500); // Animation duration return () => { clearTimeout(enterTimer); clearInterval(interval); }; } }, [isOpen]); if (!isOpen) return null; // Calculate appropriate scholarship amount based on milestone days const scholarshipAmount = (milestone?.days >= 360 ? '12.000.000' : milestone?.days >= 300 ? '8.000.000' : milestone?.days >= 240 ? '5.000.000' : milestone?.days >= 180 ? '3.000.000' : milestone?.days >= 120 ? '2.000.000' : milestone?.days >= 90 ? '1.000.000' : milestone?.days >= 60 ? '600.000' : milestone?.days >= 30 ? '400.000' : '200.000' ); const handleClose = () => { setAnimationState('exiting'); setTimeout(() => onClose(), 500); }; return (

{/* Close button */} {/* Trophy icon */}

🏆

{/* Combined celebration title and message */}

Chúc Mừng!

Bạn đã đạt được cột mốc {milestone?.days || ''} Mục Tiêu Ngày Đã Hoàn Thành!

{/* Image after the title and message */} {milestone?.imageUrl && (

)} {/* Scholarship information */}

Học Bổng Chiến Thắng

{scholarshipAmount} VND

Học bổng đã được ghi nhận vào tài khoản của bạn!

{/* Continue button */}

); };25:T60ce,import React, { useState, useEffect, useRef, useCallback } from 'react'; import { GoalStats } from 'GoalStats'; import { TimelineMilestones } from 'TimelineMilestones'; import SyncForm from 'SyncForm'; import { clickupService } from 'clickupService'; // Custom hook for setting up intervals function useInterval(callback, delay) { const savedCallback = useRef(); useEffect(() => { savedCallback.current = callback; }, [callback]); useEffect(() => { function tick() { savedCallback.current(); } if (delay !== null) { let id = setInterval(tick, delay); return () => clearInterval(id); } }, [delay]); } // Hàm tính toán tổng học bổng const calculateTotalScholarship = (days) => { const milestones = [10, 30, 60, 90, 120, 180, 240, 300, 360]; const scholarshipAmounts = [200000, 400000, 600000, 1000000, 2000000, 4000000, 6000000, 8000000, 12000000]; let totalScholarship = 0; for (let i = 0; i < milestones.length; i++) { if (days >= milestones[i]) { totalScholarship += scholarshipAmounts[i]; } else { break; } } return totalScholarship; }; export const RewardLadder = () => { const [activeTab, setActiveTab] = useState('goals'); const [activeGoalTab, setActiveGoalTab] = useState('Mục tiêu ngày'); const [showSettings, setShowSettings] = useState(false); const [isPasswordVerified, setIsPasswordVerified] = useState(false); const [passwordInput, setPasswordInput] = useState(''); const [passwordError, setPasswordError] = useState(''); const [syncStatus, setSyncStatus] = useState({ status: 'idle', // idle, syncing, success, error message: '', progress: 0 }); // State để lưu trữ giá trị học bổng trước đó const [previousScholarship, setPreviousScholarship] = useState(0); // State for tracking user progress const [userProgress, setUserProgress] = useState(() => { // Kiểm tra xem có dữ liệu trong localStorage không try { const cachedData = localStorage.getItem('cachedUserProgress'); if (cachedData) { return JSON.parse(cachedData); } } catch (error) { console.error('Lỗi khi đọc cache:', error); } // Nếu không có cache hoặc lỗi thì trả về giá trị mặc định return { daysFollowingHabits: 0, trainingLevel: 0 }; }); // Mỗi khi userProgress thay đổi, lưu vào localStorage useEffect(() => { try { localStorage.setItem('cachedUserProgress', JSON.stringify(userProgress)); } catch (error) { console.error('Lỗi khi lưu cache:', error); } }, [userProgress]); // Add useInterval hook for automatic sync useInterval(() => { syncClickUpData(true); }, 60 * 60 * 1000); // Run every 60 minutes // Reset the sync flag when the component loads useEffect(() => { // This flag helps distinguish between page load syncs and timer-based syncs document.syncHasRunOnce = false; }, []); // Auto-sync on component mount if settings exist useEffect(() => { // Chạy auto-sync khi component được tải const autoSyncData = async () => { // Đặt trạng thái đồng bộ để người dùng biết đang tải dữ liệu setSyncStatus({ status: 'syncing', message: 'Đang tải dữ liệu...', progress: 10 }); try { // Helper to get page-specific storage key const getPageSpecificKey = (baseKey) => { const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Simple string hash function const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; // Retrieve stored credentials const savedCredentials = localStorage.getItem(getPageSpecificKey('clickupCredentials')); // If credentials exist, perform auto-sync if (savedCredentials) { const credentials = JSON.parse(savedCredentials); // Check if all required settings are present if (credentials.apiKey && credentials.workspace && credentials.spaceId) { console.log('Auto-syncing data on page load with saved credentials'); // Cập nhật trạng thái đồng bộ để người dùng biết đang xảy ra gì setSyncStatus({ status: 'syncing', message: 'Đang tải dữ liệu từ ClickUp...', progress: 20 }); // Call syncClickUpData with autoSync flag await syncClickUpData(true); } else { // Credentials found but incomplete for this specific check console.log('Auto-sync skipped: Incomplete ClickUp credentials (API Key, Workspace ID, or Space ID missing).'); setSyncStatus({ status: 'idle', message: 'Cấu hình ClickUp chưa đầy đủ để tự động đồng bộ. Vui lòng kiểm tra cài đặt.', progress: 0 }); setTimeout(() => setSyncStatus({ status: 'idle', message: '', progress: 0 }), 5000); } } else { // No saved credentials found console.log('Auto-sync skipped: No ClickUp credentials found.'); setSyncStatus({ status: 'idle', message: 'Chưa có cấu hình ClickUp. Vui lòng vào cài đặt để thiết lập.', progress: 0 }); setTimeout(() => setSyncStatus({ status: 'idle', message: '', progress: 0 }), 5000); } } catch (error) { console.error('Error during auto-sync:', error); // Hiển thị thông báo lỗi nếu việc đồng bộ thất bại setSyncStatus({ status: 'error', message: `Lỗi khi tải dữ liệu: ${error.message}`, progress: 0 }); // Tự động ẩn thông báo lỗi sau 5 giây setTimeout(() => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 5000); } }; // Run the auto-sync function autoSyncData(); }, []); // Hàm xử lý khi quá trình đồng bộ hoàn tất const handleSyncComplete = useCallback((data) => { if (data && data.habitStats) { if (Object.keys(data.habitStats).length > 0) { const completedDailyGoals = data.habitStats.completedDailyGoals || 0; // Lưu trữ giá trị học bổng trước đó trước khi cập nhật const prevDays = userProgress.daysFollowingHabits; const prevScholarship = calculateTotalScholarship(prevDays); setPreviousScholarship(prevScholarship); // Lấy thông tin cập nhật const newDays = completedDailyGoals; const newScholarship = calculateTotalScholarship(newDays); // Cập nhật userProgress setUserProgress(prevState => ({ ...prevState, daysFollowingHabits: completedDailyGoals })); // Kiểm tra nếu giá trị học bổng đã thay đổi // Truyền tổng học bổng tích lũy thay vì chỉ học bổng ở milestone mới nhất if (newScholarship !== prevScholarship) { updateScholarshipInClickUp(newScholarship); } else { // No update needed when scholarship value is unchanged } setTimeout(() => { setShowSettings(false); }, 2000); } else { console.error('ERROR: Không nhận được dữ liệu habitStats hợp lệ:', data); } } }, [userProgress.daysFollowingHabits, setPreviousScholarship]); // Dữ liệu cơ bản cho tab const tabData = { goals: { title: 'Mục Tiêu', rewards: [] } }; // Refactored handleManualSync to use the syncClickUpData function const handleManualSync = () => { syncClickUpData(false); }; // Function to sync ClickUp data, can be called manually or automatically const syncClickUpData = async (isAutoSync = false) => { let timeoutId; // Move timeoutId declaration to function scope const resetStatus = () => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }; try { // Hiển thị thông báo đang đồng bộ if (!isAutoSync) { setSyncStatus({ status: 'syncing', message: 'Đang đồng bộ dữ liệu...', progress: 10 }); } else { // Nếu là auto-sync, hiển thị thông báo nhẹ nhàng hơn setSyncStatus({ status: 'syncing', message: 'Đang tự động cập nhật dữ liệu...', progress: 10 }); } // Set timeout to auto-reset status after 30 seconds const timeoutId = setTimeout(resetStatus, 30000); // Helper to get page-specific storage key const getPageSpecificKey = (baseKey) => { const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Simple string hash function const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; // Check last sync time const lastSyncTime = localStorage.getItem(getPageSpecificKey('lastSyncTime')); const currentTime = new Date().getTime(); // Lưu timestamp của lần đồng bộ cuối cùng const lastSyncTimeKey = getPageSpecificKey('lastSyncTime'); // If auto sync from background timer and last sync was less than 1 hour ago, skip // But always sync on page load/refresh regardless of last sync time if (isAutoSync && lastSyncTime && (currentTime - parseInt(lastSyncTime, 10)) < 3600000) { // Check if this is a page load/refresh sync or a background timer sync const isPageLoadSync = !document.syncHasRunOnce; if (isPageLoadSync) { console.log('Page load detected - syncing data regardless of last sync time'); // Mark that sync has run once during this page session document.syncHasRunOnce = true; } else { console.log('Skipping background auto sync - last sync was less than 1 hour ago'); return; } } // Retrieve stored credentials const savedCredentials = localStorage.getItem(getPageSpecificKey('clickupCredentials')); if (savedCredentials) { const credentials = JSON.parse(savedCredentials); // Cập nhật tiến trình đồng bộ setSyncStatus({ status: 'syncing', message: 'Đang tải dữ liệu mới...', // Updated message progress: 30 // Progress will be ignored visually }); const data = await clickupService.fetchData(credentials); // Lưu timestamp của lần đồng bộ thành công localStorage.setItem(lastSyncTimeKey, currentTime.toString()); // Hiển thị thông báo thành công setSyncStatus({ status: 'success', message: 'Đồng bộ dữ liệu thành công!', progress: 100 }); // Xử lý dữ liệu đồng bộ handleSyncComplete(data); // Automatically hide the success message after 3 seconds setTimeout(() => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 3000); } else { console.error('No saved credentials found for sync'); setSyncStatus({ status: 'error', message: 'Không tìm thấy thông tin cài đặt. Vui lòng thiết lập cấu hình trước.', progress: 0 }); // Show settings modal if no credentials found and this is not auto sync if (!isAutoSync) { setTimeout(() => { setShowSettings(true); setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 2000); } } } catch (error) { console.error('Error during sync:', error); setSyncStatus({ status: 'error', message: `Lỗi: ${error.message || 'Không thể đồng bộ dữ liệu'}`, progress: 0 }); // Hide error message after 5 seconds setTimeout(() => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 5000); } finally { // Always clear the timeout and reset status when done clearTimeout(timeoutId); resetStatus(); } }; const handlePasswordConfirm = () => { if (passwordInput === '1') { // Hardcoded password setIsPasswordVerified(true); setPasswordError(''); } else { setPasswordError('Mật khẩu không đúng. Vui lòng thử lại.'); } }; const handleOpenSettings = () => { setShowSettings(true); }; const handleCloseSettings = () => { setShowSettings(false); setIsPasswordVerified(false); // Reset password verification setPasswordInput(''); // Clear password input setPasswordError(''); // Clear any password error }; return (

{/* Sync Status Message */} {syncStatus.status !== 'idle' && (

{syncStatus.status === 'syncing' && ⏳} {syncStatus.status === 'success' && '✅'} {syncStatus.status === 'error' && '❌'}

{syncStatus.message}

{/* Removed loading bar for syncing status */}

)} {showSettings && (

{!isPasswordVerified ? ( <>

Xác thực quyền truy cập

Mật khẩu setPasswordInput(e.target.value)} placeholder="Nhập mật khẩu của bạn" className="clickup-form-input" style={{ borderColor: passwordError ? '#ff6b6b' : 'rgba(255, 215, 0, 0.3)' }} />

{passwordError &&

{passwordError}

} ) : ( <>

Cài đặt Đồng bộ

)}

{/* Tab buttons removed */}

{/* Content title removed as requested */}

{/* Include the GoalStats component with currentDays */}

{/* New tabs for Goals section */}

{['Mục tiêu ngày'].map((tabName, index) => (

setActiveGoalTab(tabName)} style={{ padding: '10px 16px', border: activeGoalTab === tabName ? 'none' : '1px solid rgba(255, 215, 0, 0.3)', borderRadius: '8px', background: activeGoalTab === tabName ? 'linear-gradient(135deg, #FFD700, #FFA500)' : 'rgba(0,0,0,0.2)', color: activeGoalTab === tabName ? '#2C1810' : '#FFD700', fontSize: '12px', fontWeight: '600', textTransform: 'uppercase', letterSpacing: '0.5px', boxShadow: activeGoalTab === tabName ? '0 4px 12px rgba(255, 215, 0, 0.4)' : 'none', minWidth: '160px', whiteSpace: 'nowrap', textAlign: 'center', cursor: 'pointer' }} > {tabName}

))}

{/* Content for the selected goal tab */} {activeGoalTab === 'Mục tiêu ngày' && ( )}

); // Hàm cập nhật giá trị học bổng trong ClickUp // Hàm cập nhật giá trị học bổng trong ClickUp async function updateScholarshipInClickUp(scholarshipValue) { try { // Thực hiện cập nhật học bổng vào ClickUp // Helper để lấy khóa lưu trữ theo trang cụ thể const getPageSpecificKey = (baseKey) => { const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Hàm băm chuỗi đơn giản const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; // Lấy thông tin đăng nhập đã lưu const savedCredentials = localStorage.getItem(getPageSpecificKey('clickupCredentials')); if (savedCredentials) { const credentials = JSON.parse(savedCredentials); // Kiểm tra xem có task ID và custom field ID không if (credentials.milestoneTaskId && credentials.scholarshipFieldId) { // Gọi hàm để cập nhật custom field trong ClickUp await clickupService.updateCustomField( credentials, credentials.milestoneTaskId, credentials.scholarshipFieldId, scholarshipValue ); // Hiển thị thông báo cập nhật thành công setSyncStatus({ status: 'success', message: `Đã cập nhật học bổng tích lũy (${scholarshipValue.toLocaleString()} VND) vào ClickUp!`, progress: 100 }); setTimeout(() => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 3000); } else { console.warn('Missing task ID or scholarship field ID in credentials'); } } else { console.warn('No credentials found, cannot update scholarship value'); } } catch (error) { console.error('Error updating scholarship in ClickUp:', error); // Hiển thị thông báo lỗi setSyncStatus({ status: 'error', message: `Lỗi khi cập nhật học bổng: ${error.message}`, progress: 0 }); setTimeout(() => { setSyncStatus({ status: 'idle', message: '', progress: 0 }); }, 5000); } } };26:T2a95,import React, { useState } from 'react'; import { clickupService } from 'clickupService'; export const SyncForm = ({ onSyncComplete }) => { // Remove the local showSettings state since it's now controlled from parent const [syncState, setSyncState] = useState({ status: 'idle', // idle, syncing, success, error message: '', progress: 0 }); // Helper to get page-specific storage key const getPageSpecificKey = (baseKey) => { const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Simple string hash function const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; const storageKey = getPageSpecificKey('clickupCredentials'); const [formData, setFormData] = useState(() => { // Try to load saved credentials from localStorage with page-specific key const savedCredentials = localStorage.getItem(storageKey); if (savedCredentials) { try { const parsedCredentials = JSON.parse(savedCredentials); // Ensure listIds is always an array, merging with default if necessary return { apiKey: '', workspace: '', listIds: [''], // Will hold the "List ID (Task Mục Tiêu Ngày)" milestoneTaskId: '', scholarshipFieldId: '', newTaskListId: '', tagName: '', imageUrlCustomFieldId: '', ...parsedCredentials, // Ensure listIds from storage is an array, defaulting to [''] if not. listIds: Array.isArray(parsedCredentials.listIds) && parsedCredentials.listIds.length > 0 ? parsedCredentials.listIds : (parsedCredentials.listIds === null || parsedCredentials.listIds === undefined ? [''] : ['']), }; } catch (e) { console.error("Failed to parse saved credentials:", e); // Fallback to default if parsing fails return { apiKey: '', workspace: '', listIds: [''], milestoneTaskId: '', scholarshipFieldId: '', newTaskListId: '', tagName: '', imageUrlCustomFieldId: '' }; } } // Return default credentials if nothing saved return { apiKey: '', workspace: '', listIds: [''], milestoneTaskId: '', scholarshipFieldId: '', newTaskListId: '', tagName: '', imageUrlCustomFieldId: '' }; }); // Handle form field changes for simple inputs const handleChange = (e) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }; // Simplified handler for the single "List ID (Task Mục Tiêu Ngày)" const handleDailyGoalListIdChange = (value) => { setFormData(prev => ({ ...prev, listIds: [value] // Keep it as an array for compatibility with clickupService })); }; // Handle form submission and sync process const handleSync = async () => { const dailyGoalListId = (formData.listIds && formData.listIds[0] ? formData.listIds[0].trim() : ''); if (!formData.apiKey || !formData.workspace || !dailyGoalListId) { setSyncState({ status: 'error', message: 'Vui lòng điền đầy đủ API Key, Workspace ID và List ID (Task Mục Tiêu Ngày).', progress: 0 }); return; } // Save credentials to localStorage const credentialsToSave = { ...formData, listIds: [dailyGoalListId] // Save as an array for clickupService }; localStorage.setItem(storageKey, JSON.stringify(credentialsToSave)); // Bắt đầu quá trình đồng bộ setSyncState({ status: 'syncing', message: 'Đang kết nối với ClickUp...', progress: 10 }); try { // Gọi API thực tế đến ClickUp setSyncState(prev => ({ ...prev, message: 'Đang xác thực với ClickUp API...', progress: 20 })); // Lấy dữ liệu từ ClickUp setSyncState(prev => ({ ...prev, message: `Đang lấy dữ liệu từ ClickUp...`, progress: 40 })); // Use credentialsToSave which contains the filtered listIds const data = await clickupService.fetchData(credentialsToSave); setSyncState(prev => ({ ...prev, message: 'Đang xử lý dữ liệu...', progress: 70 })); // Đã nhận dữ liệu từ ClickUp setSyncState(prev => ({ ...prev, message: 'Đang hoàn tất quá trình...', progress: 90 })); // Thông báo thành công setSyncState({ status: 'success', message: 'Đồng bộ hóa thành công!', progress: 100 }); // Pass data back to parent component if (onSyncComplete && typeof onSyncComplete === 'function') { onSyncComplete(data); } // Tự động ẩn thông báo sau 5 giây setTimeout(() => { setSyncState({ status: 'idle', message: '', progress: 0 }); // Remove reference to setShowSettings since it's not defined in this component }, 5000); } catch (error) { // Error during sync process setSyncState({ status: 'error', message: error.message || 'Đồng bộ hóa thất bại. Vui lòng thử lại.', progress: 0 }); } }; return (

{/* Row 1: API Key, Workspace ID */}

API Key *

Workspace ID *

{/* Row 2: List ID (Task Mục Tiêu Ngày), List ID (Nơi Lưu Task Mới Tạo) */}

List ID (Task Mục Tiêu Ngày) handleDailyGoalListIdChange(e.target.value)} required />

List ID (Nơi Lưu Task Mới Tạo)

{/* Row 3: Task ID (Lưu & Nhận Thông Báo), Custom Field ID (Lưu Học Bổng) */}

Task ID (Lưu & Nhận Thông Báo)

Custom Field ID (Lưu Học Bổng)

{/* Row 4: Tag Name (Tên Người Chơi), Custom Field ID (Lưu URL Huy Hiệu) */}

Tag Name (Tên Người Chơi)

Custom Field ID (Lưu URL Huy Hiệu)

{syncState.status !== 'idle' && (

{syncState.status === 'syncing' && '⏳'} {syncState.status === 'success' && '✅'} {syncState.status === 'error' && '❌'}

{syncState.message}

{syncState.status === 'syncing' && (

)}

); }; export default SyncForm;27:T8215,import React, { useState, useEffect, useMemo, useCallback, useRef } from 'react'; import { MilestoneCelebration } from 'MilestoneCelebration'; // Sample daily goals array const sampleDailyGoals = [ { id: 1, title: "Meditation", description: "15 minutes of mindfulness", completed: false }, { id: 2, title: "Exercise", description: "30 minutes cardio", completed: true }, { id: 3, title: "Reading", description: "Read 20 pages", completed: false }, { id: 4, title: "Coding", description: "Solve 2 coding problems", completed: true }, { id: 5, title: "Journaling", description: "Write daily reflection", completed: false } ]; // Tối ưu bằng cách trích xuất các inline styles thành các biến có thể tái sử dụng const styles = { container: { position: 'relative', margin: '20px auto', padding: '15px 0', width: '100%', maxWidth: '700px', display: 'flex', flexDirection: 'column' // Đã loại bỏ thuộc tính maxHeight, overflowY, scrollBehavior và scrollbarWidth }, timelineTrack: { position: 'absolute', top: 0, bottom: 0, left: '50%', width: '4px', backgroundColor: 'rgba(255, 215, 0, 0.3)', transform: 'translateX(-50%)', zIndex: 1 }, glowEffect: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, boxShadow: '0 0 15px rgba(255, 215, 0, 0.5)', zIndex: 0 }, timelineItem: (isLeft, index) => ({ display: 'flex', justifyContent: isLeft ? 'flex-start' : 'flex-end', padding: '18px 10px', position: 'relative', zIndex: 2, marginTop: index === 0 ? '0' : `${index === 1 ? '20px' : '30px'}` }), timelineDot: (isCompleted) => ({ position: 'absolute', left: '50%', width: '16px', height: '16px', borderRadius: '50%', background: isCompleted ? 'linear-gradient(135deg, #FFD700, #FFA500)' : 'rgba(255, 255, 255, 0.2)', border: isCompleted ? '2px solid #FFD700' : '1px solid rgba(255, 215, 0, 0.3)', transform: 'translateX(-50%)', boxShadow: isCompleted ? '0 0 8px rgba(255, 215, 0, 0.7)' : 'none', zIndex: 5 }) }; export const TimelineMilestones = ({ currentDays = 0 }) => { // Refs cho toàn bộ vị trí milestone và container const timelineContainerRef = useRef(null); const milestoneRefs = useRef({}); // Function to get the appropriate image for each milestone const getMilestoneImage = (index) => { const imageMap = { 0: "https://play.rosebud.ai/assets/1lv1.gif?nofq", 1: "https://play.rosebud.ai/assets/2lv2.gif?Yj9i", 2: "https://play.rosebud.ai/assets/3vl3.gif?TIp0", 3: "https://play.rosebud.ai/assets/4lv4.gif?qyKk", 4: "https://play.rosebud.ai/assets/5lv5.gif?EQzz", 5: "https://play.rosebud.ai/assets/6lv6.gif?4NRN", 6: "https://play.rosebud.ai/assets/7lv7.gif?0SnE", 7: "https://play.rosebud.ai/assets/8lv8.gif?mvG7", 8: "https://play.rosebud.ai/assets/9lv9.gif?QToq" }; return imageMap[index] || "https://play.rosebud.ai/assets/1lv1.gif?nofq"; }; // State for celebration popup const [celebrationOpen, setCelebrationOpen] = useState(false); const [celebratedMilestone, setCelebratedMilestone] = useState(null); const [lastCelebratedDay, setLastCelebratedDay] = useState(() => { try { const savedDay = localStorage.getItem('lastCelebratedDay'); return savedDay ? parseInt(savedDay, 10) : 0; } catch (error) { console.error('Error loading lastCelebratedDay from localStorage:', error); return 0; } }); // Initialize commentedMilestones from localStorage const [commentedMilestones, setCommentedMilestones] = useState(() => { try { const savedMilestones = localStorage.getItem('commentedMilestones'); if (savedMilestones) { // Convert the stored array back to a Set return new Set(JSON.parse(savedMilestones)); } return new Set(); } catch (error) { console.error('Error loading commented milestones from localStorage:', error); return new Set(); } }); // Define milestones with useMemo to prevent recreating on each render const milestones = useMemo(() => [ { days: 10, position: 0, scholarship: 200000 }, // First milestone at position 0 { days: 30, position: 30, scholarship: 400000 }, // Second milestone { days: 60, position: 60, scholarship: 600000 }, // Third milestone { days: 90, position: 90, scholarship: 1000000 }, // Fourth milestone { days: 120, position: 120, scholarship: 2000000 },// Fifth milestone { days: 180, position: 150, scholarship: 4000000 },// Sixth milestone { days: 240, position: 180, scholarship: 6000000 },// Seventh milestone { days: 300, position: 210, scholarship: 8000000 },// Eighth milestone { days: 360, position: 240, scholarship: 12000000 }// Ninth milestone ], []); // Check if we need to show celebration when currentDays changes useEffect(() => { // Only check if we should show celebration when currentDays changes and is greater than zero if (currentDays <= 0 || currentDays <= lastCelebratedDay) return; // Find the highest completed milestone const highestCompletedMilestone = [...milestones] .filter(m => currentDays >= m.days) .sort((a, b) => b.days - a.days)[0]; // Only show celebration if we've reached a new milestone higher than previously celebrated if (highestCompletedMilestone && highestCompletedMilestone.days > lastCelebratedDay) { setCelebratedMilestone(highestCompletedMilestone); setCelebrationOpen(true); setLastCelebratedDay(highestCompletedMilestone.days); try { localStorage.setItem('lastCelebratedDay', highestCompletedMilestone.days.toString()); } catch (error) { console.error('Error saving lastCelebratedDay to localStorage:', error); } // Send a comment to ClickUp when milestone is reached try { // Helper to get page-specific storage key const getPageSpecificKey = (baseKey) => { const pagePath = window.location.pathname || ''; const pageId = pagePath.replace(/\//g, '_') || '_default'; const currentUrl = window.location.href; const urlHash = hashString(currentUrl); return `${baseKey}_${pageId}_${urlHash}`; }; // Simple string hash function const hashString = (str) => { let hash = 0; for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; // Convert to 32bit integer } return Math.abs(hash).toString(16).substring(0, 8); }; // Get ClickUp credentials from localStorage with page-specific key const savedCredentials = localStorage.getItem(getPageSpecificKey('clickupCredentials')); if (savedCredentials) { const credentials = JSON.parse(savedCredentials); if (credentials.apiKey && credentials.milestoneTaskId) { // Create the milestone data object const milestoneData = { days: highestCompletedMilestone.days, imageUrl: getMilestoneImage(milestones.findIndex(m => m.days === highestCompletedMilestone.days)) }; // Call the ClickUp service to add a comment only if it hasn't been commented before // Check if the milestone has already been commented if (!commentedMilestones.has(highestCompletedMilestone.days)) { import('clickupService').then(({ clickupService }) => { clickupService.addMilestoneComment(credentials, credentials.milestoneTaskId, milestoneData) .then(response => { // Cập nhật học bổng trong ClickUp sau khi gửi thông báo cột mốc // Sử dụng giá trị học bổng tích lũy thay vì chỉ học bổng ở cột mốc hiện tại try { const totalAccumulatedScholarship = calculateTotalScholarship(highestCompletedMilestone.days); // Gọi hàm cập nhật học bổng trong ClickUp nếu có scholarshipFieldId if (credentials.scholarshipFieldId) { clickupService.updateCustomField( credentials, credentials.milestoneTaskId, credentials.scholarshipFieldId, totalAccumulatedScholarship ); } } catch (scholarshipError) { console.error('Lỗi khi cập nhật học bổng sau thông báo cột mốc:', scholarshipError); } // Add the milestone to the commented set setCommentedMilestones(prev => { const newSet = new Set(prev); newSet.add(highestCompletedMilestone.days); // Store the updated set in localStorage localStorage.setItem('commentedMilestones', JSON.stringify(Array.from(newSet))); return newSet; }); }) .catch(error => { console.error('Failed to send milestone notification to ClickUp:', error); }); }); } } else { // ClickUp API Key or Task ID not found } } else { // No ClickUp credentials found } } catch (error) { console.error('Error sending milestone notification to ClickUp:', error); } } }, [currentDays, lastCelebratedDay, milestones, commentedMilestones]); // Close celebration popup handler with useCallback const handleCloseCelebration = useCallback(() => { setCelebrationOpen(false); }, []); // Tìm milestone đang hoạt động dựa trên số ngày const findActiveMilestoneDay = useCallback(() => { if (currentDays <= 0) { // Nếu chưa có ngày nào, trả về milestone đầu tiên return milestones[0].days; } // Nếu đã hoàn thành ít nhất 1 milestone if (currentDays >= milestones[0].days) { // Tìm milestone cao nhất đã hoàn thành for (let i = milestones.length - 1; i >= 0; i--) { if (currentDays >= milestones[i].days) { return milestones[i].days; } } } // Nếu chưa đạt milestone nào, trả về milestone đầu tiên return milestones[0].days; }, [currentDays, milestones]); // Hàm cuộn đến milestone được cải tiến const scrollToMilestone = useCallback((milestoneDay) => { if (!timelineContainerRef.current) return; // Lấy ref của milestone cần cuộn đến const milestoneRef = milestoneRefs.current[milestoneDay]; if (milestoneRef && timelineContainerRef.current) { // Phương pháp 1: Sử dụng scrollIntoView API try { milestoneRef.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' }); console.log(`Đã cuộn đến cột mốc ${milestoneDay} ngày (phương pháp scrollIntoView)`); return; } catch (error) { console.error("scrollIntoView không hoạt động:", error); // Tiếp tục với phương pháp dự phòng nếu phương pháp 1 thất bại } // Phương pháp 2: Tính toán vị trí cuộn thủ công // Sử dụng offsetTop thay vì getBoundingClientRect để có vị trí chính xác hơn const milestoneOffsetTop = milestoneRef.offsetTop; const containerScrollTop = timelineContainerRef.current.scrollTop; const containerHeight = timelineContainerRef.current.clientHeight; // Tính toán vị trí để cột mốc ở đầu container const scrollPosition = milestoneOffsetTop - containerHeight / 4; console.log(`Cuộn đến cột mốc ${milestoneDay} ngày, vị trí: ${scrollPosition}, offsetTop: ${milestoneOffsetTop}`); // Thực hiện cuộn timelineContainerRef.current.scrollTop = scrollPosition; } }, []); // Tạo ref để theo dõi milestone trước đó ở cấp component const prevMilestoneRef = useRef(null); // Effect để cuộn đến milestone khi component được mount hoặc currentDays thay đổi useEffect(() => { // Đảm bảo rằng các refs đã được thiết lập if (!timelineContainerRef.current || Object.keys(milestoneRefs.current).length === 0) { return; } const activeMilestoneDay = findActiveMilestoneDay(); // Chỉ cuộn nếu milestone đã thay đổi hoặc đây là lần cuộn đầu tiên if (prevMilestoneRef.current !== activeMilestoneDay) { console.log(`Milestone hiện tại: ${activeMilestoneDay} ngày (thay đổi từ ${prevMilestoneRef.current || 'không có'})`); prevMilestoneRef.current = activeMilestoneDay; // Sử dụng một chuỗi setTimeout để đảm bảo DOM đã được cập nhật hoàn toàn // và tất cả các phép tính kích thước đã được thực hiện setTimeout(() => { // Sử dụng requestAnimationFrame để cuộn vào đúng frame render requestAnimationFrame(() => { scrollToMilestone(activeMilestoneDay); // Thêm một lần cuộn thứ hai sau một chút để đảm bảo nó hoạt động setTimeout(() => { requestAnimationFrame(() => { scrollToMilestone(activeMilestoneDay); }); }, 100); }); }, 500); // Đợi 500ms để đảm bảo DOM đã được cập nhật hoàn toàn } }, [currentDays, findActiveMilestoneDay, scrollToMilestone]); // Sử dụng useEffect để cuộn vào container ngoài cùng thay vì container timeline useEffect(() => { // Sử dụng document.querySelector để tìm container ngoài const outerContainer = document.querySelector('.reward-container'); if (outerContainer && milestoneRefs.current) { const activeMilestoneDay = findActiveMilestoneDay(); const milestoneRef = milestoneRefs.current[activeMilestoneDay]; if (milestoneRef) { // Lấy vị trí của milestone trong trang const milestonePosition = milestoneRef.getBoundingClientRect(); const containerPosition = outerContainer.getBoundingClientRect(); // Tính toán vị trí cuộn để milestone nằm ở khoảng 1/3 đầu container const scrollPosition = outerContainer.scrollTop + (milestonePosition.top - containerPosition.top) - (containerPosition.height / 3); // Thực hiện cuộn outerContainer.scrollTo({ top: scrollPosition, behavior: 'smooth' }); } } }, [findActiveMilestoneDay, currentDays]); return (

{/* Central Timeline */}

{/* Gold glow effect */}

{/* Milestone Items */} {milestones.map((milestone, index) => { const isLeft = index % 2 === 0; const isCompleted = currentDays >= milestone.days; const isActive = currentDays > 0 && currentDays < milestone.days && (index === 0 || currentDays >= milestones[index-1].days); // Calculate top position based on the position property const topPosition = `${milestone.position}px`; // Calculate progress for the current active milestone let progress = 0; if (isActive && index > 0) { const prevMilestone = milestones[index-1].days; const range = milestone.days - prevMilestone; const current = currentDays - prevMilestone; progress = (current / range) * 100; } else if (isActive && index === 0) { progress = (currentDays / milestone.days) * 100; } return (

{ // Lưu ref cho mỗi milestone để có thể tham chiếu sau này if (el) { milestoneRefs.current[milestone.days] = el; } }} > {/* Circle on the timeline */}

{/* Content card */}

{/* Banner image */} {/* Two-column layout container */}

{/* Image column (2/3 width) */}

{/* Lock icon overlay for locked milestones */} {!isCompleted && !isActive && (

🔒

)}

{/* Day counter column (1/3 width) */}

{/* Day number with black background and gold border - matched to image height */}

{/* Content above the number */}

{isCompleted ? ✨ : <> {isActive ? '🎖️' : '🎖️'} ĐIỀU KIỆN }

{milestone.days}

MỤC TIÊU

{/* Content below the number */}

{isCompleted ? '⭐' : ''}

{/* Progress bar in separate row */}

{/* Progress bar with percentage inside */}

{/* Percentage text inside progress bar */}

{isCompleted ? '100%' : isActive ? `${Math.round(progress)}%` : '0%'}

{/* Enhanced Reward information */}

{/* Reward image with enhanced styling */}

{/* Gold overlay for completed milestones */} {isCompleted && (

)}

{/* Reward description with enhanced styling */}

{/* Reward value */}

{milestone.scholarship.toLocaleString()} VND

{/* Reward description */}

Học Bổng Chiến Thắng

{/* Status badge for completed milestones only - removed for simplicity */}

); })} {/* Celebration popup */} m.days === celebratedMilestone?.days)) }} onClose={handleCloseCelebration} />

); }; // Export styles for possible reuse in other components export const timelineStyles = styles; // Add a fallback function to calculate scholarship amount based on days export const calculateScholarshipAmount = (days) => { // Find highest milestone achieved and get corresponding scholarship amount const milestones = [10, 30, 60, 90, 120, 180, 240, 300, 360]; const scholarshipAmounts = [200000, 400000, 600000, 1000000, 2000000, 3000000, 5000000, 8000000, 12000000]; let amount = 0; for (let i = milestones.length - 1; i >= 0; i--) { if (days >= milestones[i]) { amount = scholarshipAmounts[i]; break; } } return amount; }; // Add calculateTotalScholarship function export const calculateTotalScholarship = (days) => { const milestones = [10, 30, 60, 90, 120, 180, 240, 300, 360]; const scholarshipAmounts = [200000, 400000, 600000, 1000000, 2000000, 4000000, 6000000, 8000000, 12000000]; let totalScholarship = 0; for (let i = 0; i < milestones.length; i++) { if (days >= milestones[i]) { totalScholarship += scholarshipAmounts[i]; } else { break; } } return totalScholarship; }; // DailyGoalItem component const DailyGoalItem = ({ goal, isCompleted }) => { return (

{isCompleted && ✓}

{goal.title}

{goal.description}

); };28:T4df,import React from 'react'; import { useTheme } from 'ThemeContext'; export default function Header() { const { colors } = useTheme(); return (

Đồng bộ Dữ liệu

Đồng bộ dữ liệu của bạn. Nhập thông tin xác thực API bên dưới để bắt đầu quá trình đồng bộ.

); }29:T6d8,import React from 'react'; import { useTheme } from 'ThemeContext'; export default function SyncStatus({ state }) { const { status, message, progress } = state; const { colors } = useTheme(); if (status === 'idle') return null; const statusColors = { syncing: { bg: colors.infoBg, border: colors.info, icon: '⏳' }, success: { bg: colors.successBg, border: colors.success, icon: '✓' }, error: { bg: colors.errorBg, border: colors.error, icon: '✗' } }; const currentColor = statusColors[status]; return (

{currentColor.icon} {message}

{status === 'syncing' && (

)}

); }2a:T776,import React from 'react'; export const LoadingScreen = ({ message = 'Đang tải dữ liệu...', progress = 0 }) => { return (

{/* Add keyframes for the spinning animation */}

{message}

{progress > 0 && (

)}

); };2b:T403,import React, { createContext, useContext } from 'react'; const ThemeContext = createContext(); export function useTheme() { return useContext(ThemeContext); } export function ThemeProvider({ children }) { const theme = { colors: { primary: '#F0B429', secondary: '#DE911D', gradient: 'linear-gradient(90deg, #F0B429 0%, #F6AD55 100%)', gradientHover: 'linear-gradient(90deg, #DE911D 0%, #ED8936 100%)', buttonGradient: 'linear-gradient(90deg, #F0B429 0%, #F6AD55 100%)', textPrimary: '#FFFFFF', textSecondary: '#B3B3B3', cardBg: '#222222', pageBg: '#111111', border: '#333333', inputBg: '#2A2A2A', info: '#3182CE', infoBg: '#1A365D', success: '#38A169', successBg: '#1C4532', error: '#C53030', errorBg: '#461818', progressBg: '#333333', highlight: '#F0B429', goldText: '#F0B429' } }; return ( {children} ); }2c:T1389,import React, { useEffect, useState } from 'react'; import { calculateTotalScholarship } from 'TimelineMilestones'; export const GoalStats = ({ currentDays = 0 }) => { const [totalScholarship, setTotalScholarship] = useState(0); useEffect(() => { // Calculate total scholarship by summing all milestone scholarships achieved const milestones = [10, 30, 60, 90, 120, 180, 240, 300, 360]; const scholarshipAmounts = [200000, 400000, 600000, 1000000, 2000000, 4000000, 6000000, 8000000, 12000000]; let totalAmount = 0; for (let i = 0; i < milestones.length; i++) { if (currentDays >= milestones[i]) { totalAmount += scholarshipAmounts[i]; } } setTotalScholarship(totalAmount); }, [currentDays]); return (

{/* Gold accent line at top */}

{/* Goals Completed */}

🎖️

SỐ MỤC TIÊU NGÀY

{currentDays}

{/* Vertical Divider */}

{/* Success Rate section removed */} {/* Total Points */}

💰

Học Bổng Chiến Thắng

{totalScholarship.toLocaleString()} VNĐ

{/* Gold accent line at bottom */}

); };17:["$","div",null,{"className":"h_[100dvh] d_flex","children":[["$","$L1f",null,{"projectId":"a724dd9b-4de3-4554-8845-98834d0841c5"}],["$","$L20",null,{"mode":"Multifile","files":[{"id":"5b439351-8be9-415c-983d-fc446f31598d","name":"styles.js","path":"/","permissions":"rw","content":"$21","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.172950Z","modified":"2025-05-13T19:28:01.172965Z","in_llm_context":true},{"id":"8eb72e53-bc43-43be-a1a5-14356d085fe8","name":"clickupService.js","path":"/","permissions":"rw","content":"$22","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.172996Z","modified":"2025-05-13T19:28:01.173001Z","in_llm_context":true},{"id":"046bc5fc-c266-4ad0-afa1-0db4a1c895c8","name":"App.jsx","path":"/","permissions":"rw","content":"$23","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173019Z","modified":"2025-05-13T19:28:01.173023Z","in_llm_context":false},{"id":"4d73cfd3-cdd6-482c-be90-a02136d682d7","name":"MilestoneCelebration.js","path":"/","permissions":"rw","content":"$24","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173040Z","modified":"2025-05-13T19:28:01.173045Z","in_llm_context":false},{"id":"7a2434f8-1d81-474b-84a5-aa6cda40626d","name":"RewardLadder.js","path":"/","permissions":"rw","content":"$25","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173061Z","modified":"2025-05-13T19:28:01.173065Z","in_llm_context":true},{"id":"082e1cb6-eedf-4858-adec-cc81ef7100a8","name":"SyncForm.jsx","path":"/","permissions":"rw","content":"$26","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173081Z","modified":"2025-05-13T19:28:01.173086Z","in_llm_context":true},{"id":"3388b3e9-5007-4eb3-a59a-ce92a8534c2c","name":"TimelineMilestones.js","path":"/","permissions":"rw","content":"$27","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173102Z","modified":"2025-05-13T19:28:01.173106Z","in_llm_context":true},{"id":"28089f54-a36a-451d-b105-7e17f61cf510","name":"Header.jsx","path":"/","permissions":"rw","content":"$28","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173121Z","modified":"2025-05-13T19:28:01.173125Z","in_llm_context":false},{"id":"7a263a3d-a8b4-4f28-89fb-c23d8e2b53d1","name":"SyncStatus.jsx","path":"/","permissions":"rw","content":"$29","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173140Z","modified":"2025-05-13T19:28:01.173144Z","in_llm_context":false},{"id":"78e22958-3b1e-485c-8928-1bc5e15d4dca","name":"LoadingScreen.js","path":"/","permissions":"rw","content":"$2a","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173159Z","modified":"2025-05-13T19:28:01.173163Z","in_llm_context":false},{"id":"e42fa40e-a17c-4958-80c3-d9456876aee9","name":"ThemeContext.jsx","path":"/","permissions":"rw","content":"$2b","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173178Z","modified":"2025-05-13T19:28:01.173183Z","in_llm_context":false},{"id":"b94c246c-a4d2-4a8b-9905-8fa0a8e48d5f","name":"main.js","path":"/","permissions":"rw","content":"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { RewardLadder } from 'RewardLadder';\nimport { applyGlobalStyles } from 'styles';\n// Add custom font styles\nconst fontStyles = document.createElement('style');\nfontStyles.textContent = `\n @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap');\n`;\ndocument.head.appendChild(fontStyles);\n// Apply global styles\napplyGlobalStyles();\n// Tạo container nếu chưa tồn tại\nlet container = document.getElementById('renderDiv');\nif (!container) {\n container = document.createElement('div');\n container.id = 'renderDiv';\n document.body.appendChild(container);\n}\n// Render ứng dụng\nconst root = ReactDOM.createRoot(container);\nroot.render();","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173198Z","modified":"2025-05-13T19:28:01.173202Z","in_llm_context":false},{"id":"a55491bd-7f7e-4f67-9ec8-7d5b9e872700","name":"GoalStats.js","path":"/","permissions":"rw","content":"$2c","metadata":{},"revision":"62597892-a15f-42a1-bfa8-b9d5c4c0cfe7","created":"2025-05-13T19:28:01.173217Z","modified":"2025-05-13T19:28:01.173221Z","in_llm_context":false}],"projectId":"a724dd9b-4de3-4554-8845-98834d0841c5"}]]}]