24:I[498676,["/_next/static/chunks/0ftkw0ag718te.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3r_7ixk3y9q2-.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/16b-pvycxk30b.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/1q1-qs1ttwlqs.js"],"default"] 25:I[967421,["/_next/static/chunks/0ftkw0ag718te.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3r_7ixk3y9q2-.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/16b-pvycxk30b.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/1q1-qs1ttwlqs.js"],"default"] 26:T2501,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 { console.log('Syncing with credentials:', credentials); // Validate if we have at least Space ID or List IDs 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; console.log(`Sync using: ${usesSpaceId ? 'Space ID' : 'List IDs'}`); // 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)); }27:T3b65,// Service for handling ClickUp API calls export const clickupService = { // Get data from ClickUp API async fetchData(credentials) { if (!credentials.apiKey) { throw new Error('API Key is required'); } // Check for the required fields for Meaningful Time calculation // Use meaningfulTimeListId instead of listId if (!credentials.meaningfulTimeListId) { throw new Error('List ID (Meaningful Time) is required'); } // Use meaningfulTimeCustomFieldId instead of pomoCustomFieldId if (!credentials.meaningfulTimeCustomFieldId) { // This ID now represents the Meaningful Time field throw new Error('Meaningful Time Custom Field ID is required'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { // Fetch all tasks from the specified list using meaningfulTimeListId console.log(`Fetching tasks from List ID: ${credentials.meaningfulTimeListId} for Meaningful Time calculation`); const tasks = await this.getTasksFromList(headers, credentials.meaningfulTimeListId); console.log(`Found ${tasks.length} tasks in list ${credentials.meaningfulTimeListId}`); let meaningfulTimeTotal = 0; // Iterate through tasks to sum up the custom field value for (const task of tasks) { // Find the custom field using meaningfulTimeCustomFieldId const customField = task.custom_fields?.find( (field) => field.id === credentials.meaningfulTimeCustomFieldId ); if (customField && customField.value !== undefined) { // Attempt to parse the value (in seconds) as a floating-point number const parsedValueSeconds = parseFloat(customField.value); if (!isNaN(parsedValueSeconds)) { // Convert seconds to hours const valueInHours = parsedValueSeconds / 3600; meaningfulTimeTotal += valueInHours; console.log(`Task ${task.id}: Found Meaningful Time custom field '${customField.name}' with value: ${parsedValueSeconds}s (${valueInHours.toFixed(2)}h). Current total hours: ${meaningfulTimeTotal.toFixed(2)}`); } else { console.warn(`Task ${task.id}: Could not parse Meaningful Time custom field value ('${customField.value}') as a number. Skipping.`); } } else { // Log if field is missing or has no value, using meaningfulTimeCustomFieldId // console.log(`Task ${task.id}: Meaningful Time custom field with ID ${credentials.meaningfulTimeCustomFieldId} not found or has no value. Skipping.`); } } // Log the final total in hours, rounded to a reasonable precision console.log(`Total Meaningful Time calculated for list ${credentials.meaningfulTimeListId}: ${meaningfulTimeTotal.toFixed(2)} hours`); // Return the calculated Meaningful Time in hours return { // Use meaningfulTimeTotal (already in hours) meaningfulTimeTotal: parseFloat(meaningfulTimeTotal.toFixed(2)), // Ensure it's returned as a number habitStats: { // Update habitStats to use the new metric meaningfulTimeTotal: meaningfulTimeTotal, // Remove or comment out old metrics if they are no longer used // pomoDaysAchieved: 0, } // Include other data if needed, e.g., giftPoints from credentials // giftPoints: credentials.giftPoints }; } catch (error) { console.error('Error fetching or calculating Meaningful Time from ClickUp:', error); throw new Error(`Failed to process Meaningful Time: ${error.message}`); } }, // Get workspaces for the user async getWorkspaces(headers) { 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 || []; }, // --- START: Add getTasksFromList function --- // Fetch all tasks from a specific list, handling pagination async getTasksFromList(headers, listId) { let allTasks = []; let page = 0; let hasMore = true; console.log(`Starting to fetch tasks for list ${listId}...`); while (hasMore) { // Corrected parameter: include_custom_fields=true instead of custom_fields=true const url = `https://api.clickup.com/api/v2/list/${listId}/task?page=${page}&include_closed=true&include_custom_fields=true&subtasks=true`; console.log(`Fetching page ${page} from URL: ${url}`); try { const response = await fetch(url, { method: 'GET', headers }); if (!response.ok) { let errorMessage = `${response.status} ${response.statusText}`; try { const errorBody = await response.text(); console.error(`Error response body from ClickUp for list ${listId}, page ${page}:`, errorBody); const errorData = JSON.parse(errorBody); errorMessage += ` - ${JSON.stringify(errorData)}`; } catch (e) { console.error('Could not parse error response for getTasksFromList'); } throw new Error(`Failed to get tasks from list ${listId}: ${errorMessage}`); } const data = await response.json(); if (data.tasks && data.tasks.length > 0) { allTasks = allTasks.concat(data.tasks); console.log(`Fetched ${data.tasks.length} tasks from page ${page}. Total fetched: ${allTasks.length}`); page++; hasMore = !data.last_page; // ClickUp uses 'last_page' boolean } else { console.log(`No more tasks found on page ${page} or empty response.`); hasMore = false; } } catch (error) { console.error(`Error fetching tasks from list ${listId}, page ${page}:`, error); throw error; // Re-throw the error } // Add a small delay to avoid hitting rate limits, especially if many pages if (hasMore) { await new Promise(resolve => setTimeout(resolve, 100)); // 100ms delay } } console.log(`Finished fetching tasks for list ${listId}. Total tasks retrieved: ${allTasks.length}`); return allTasks; }, // --- END: Add getTasksFromList function --- // Helper function to get a single task with its custom fields async getTaskWithCustomField(headers, taskId) { const url = `https://api.clickup.com/api/v2/task/${taskId}?custom_task_ids=true&include_subtasks=true&include_custom_fields=true`; console.log(`Fetching task details from URL: ${url}`); // Log the URL being fetched try { const response = await fetch(url, { method: 'GET', headers }); if (!response.ok) { let errorMessage = `${response.status} ${response.statusText}`; try { const errorBody = await response.text(); // Get raw response body console.error('Error response body from ClickUp:', errorBody); const errorData = JSON.parse(errorBody); // Try to parse errorMessage += ` - ${JSON.stringify(errorData)}`; } catch (e) { console.error('Could not parse error response for getTaskWithCustomField'); } throw new Error(`Failed to get task ${taskId}: ${errorMessage}`); } const taskData = await response.json(); console.log(`Successfully fetched task ${taskId} details:`, taskData); // Log successful fetch return taskData; } catch (error) { console.error(`Error in getTaskWithCustomField for task ${taskId}:`, error); throw error; // Re-throw the error after logging } }, // Add comment to a specific task when a milestone is completed, including total points async addMilestoneComment(credentials, taskId, milestone, totalPoints) { if (!credentials.apiKey || !taskId) { throw new Error('API Key và Task ID là bắt buộc để thêm bình luận'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { // Use the passed totalPoints, ensure it's a number, and format it const formattedTotalPoints = (typeof totalPoints === 'number' ? totalPoints : 0).toLocaleString('vi-VN'); // Create a nicely formatted comment using the totalPoints const commentText = `🎉 **CỘT MỐC ĐÃ ĐẠT ĐƯỢC!** 🎉\n\n` + `👉 Đã đạt cột mốc **${milestone.hours} giờ**!\n` + // Changed days to hours, ngày to giờ `💰 Tổng điểm đổi quà tích lũy: **${formattedTotalPoints} điểm**\n` + // Use total points `📅 Đạt được vào: ${new Date().toLocaleString('vi-VN')}\n\n` + `Chúc mừng bạn đã đạt được cột mốc này! Hãy tiếp tục cố gắng nhé.`; // Make API request to add comment const url = `https://api.clickup.com/api/v2/task/${taskId}/comment`; const response = await fetch(url, { method: 'POST', headers, body: JSON.stringify({ comment_text: commentText, notify_all: true }) }); if (!response.ok) { let errorMessage = `${response.status} ${response.statusText}`; try { const errorData = await response.json(); errorMessage += ` - ${JSON.stringify(errorData)}`; console.error('Error response from ClickUp:', errorData); } catch (e) { console.error('Could not parse error response'); } throw new Error(`Failed to add comment: ${errorMessage}`); } const data = await response.json(); return data; } catch (error) { console.error('Error adding milestone comment:', error); // Thử tìm hiểu lỗi chi tiết hơn if (error.message.includes('Failed to fetch')) { console.error('Network error: Could not connect to ClickUp API'); } else if (error.message.includes('401')) { console.error('Authentication error: Invalid API key'); } else if (error.message.includes('403')) { console.error('Permission error: No access to this task'); } else if (error.message.includes('404')) { console.error('Not found error: Task ID may be invalid'); } throw new Error(`Failed to add milestone comment: ${error.message}`); } }, // Update custom field in ClickUp task async updateCustomField(credentials, taskId, fieldId, value) { if (!credentials.apiKey || !taskId || !fieldId) { throw new Error('API Key, Task ID and Field ID are required'); } const headers = { 'Authorization': credentials.apiKey, 'Content-Type': 'application/json' }; try { const url = `https://api.clickup.com/api/v2/task/${taskId}/field/${fieldId}`; console.log('Making API call to update custom field:', { url, method: 'POST', body: JSON.stringify({ value }) }); const response = await fetch(url, { method: 'POST', headers, body: JSON.stringify({ value }) }); console.log('Received raw response:', response.status, response.statusText); if (!response.ok) { // Log the raw text response first, as it might not be JSON const errorText = await response.text(); console.error('ClickUp API Error Response Text:', errorText); let errorData = {}; try { // Attempt to parse as JSON errorData = JSON.parse(errorText); } catch (parseError) { console.error('Could not parse error response as JSON.'); errorData = { message: errorText || `HTTP ${response.status} ${response.statusText}` }; } console.error('API error details:', { status: response.status, statusText: response.statusText, error: errorData, }); // Use message from parsed JSON if available, otherwise use the raw text or status throw new Error(errorData.err || errorData.message || `Failed to update custom field: ${response.statusText}`); } // If response IS ok, parse JSON and log success const responseData = await response.json(); console.log('API success response:', responseData); return responseData; } catch (error) { console.error('Error updating custom field:', error); throw error; } }, // --- START: Implement createTask function --- async createTask(apiKey, listId, taskName, taskDescription, tags = [], customFields = []) { if (!apiKey || !listId || !taskName) { throw new Error('API Key, List ID, and Task Name are required to create a task.'); } const headers = { 'Authorization': apiKey, 'Content-Type': 'application/json' }; const url = `https://api.clickup.com/api/v2/list/${listId}/task`; // Prepare the body according to ClickUp API v2 const body = { name: taskName, description: taskDescription, tags: tags, // API expects an array of tag names custom_fields: customFields, // API expects an array of custom field objects { id, value } notify_all: true // Notify watchers (optional, adjust as needed) }; console.log('Creating ClickUp Task:', { url, method: 'POST', body: { ...body, custom_fields: customFields.map(cf => ({ id: cf.id, value: '...' })) } }); // Log body but obscure sensitive custom field values if necessary try { const response = await fetch(url, { method: 'POST', headers, body: JSON.stringify(body) }); console.log('Received raw response from createTask:', response.status, response.statusText); if (!response.ok) { const errorText = await response.text(); console.error('ClickUp API Error Response Text (createTask):', errorText); let errorData = {}; try { errorData = JSON.parse(errorText); } catch (parseError) { console.error('Could not parse error response as JSON (createTask).'); errorData = { message: errorText || `HTTP ${response.status} ${response.statusText}` }; } throw new Error(errorData.err || errorData.message || `Failed to create task: ${response.statusText}`); } const responseData = await response.json(); console.log('Successfully created task:', responseData); return responseData; // Return the newly created task data } catch (error) { console.error('Error creating ClickUp task:', error); // Add more specific error handling if needed if (error.message.includes('401')) { console.error('Authentication error: Invalid API key or permissions.'); } else if (error.message.includes('404')) { console.error('Not found error: List ID might be invalid.'); } else if (error.message.includes('400')) { console.error('Bad request: Check task name, tags, or custom fields format.'); } throw error; // Re-throw the error } } // --- END: Implement createTask function --- };28:T4718,import React from 'react'; // Removed onMilestoneReached prop as logic is handled in parent RewardLadder.js // Update prop name from currentDays to currentHours export const TrainingLevelMilestones = ({ currentHours = 0 }) => { // Define milestones based on Meaningful Time Hours Achieved // Renamed variable to timeMilestones for clarity const timeMilestones = [ { hours: 50, reward: 200, description: "Cột mốc 50 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv5.gif?ZyKH", key: 'milestone_time_50' }, { hours: 200, reward: 400, description: "Cột mốc 200 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv10.gif?tz93", key: 'milestone_time_200' }, { hours: 500, reward: 600, description: "Cột mốc 500 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv15.gif?mhhb", key: 'milestone_time_500' }, { hours: 800, reward: 1000, description: "Cột mốc 800 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv25.gif?wLDq", key: 'milestone_time_800' }, { hours: 1200, reward: 2000, description: "Cột mốc 1200 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_1200' }, { hours: 1600, reward: 4000, description: "Cột mốc 1600 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_1600' }, // Reusing image { hours: 2000, reward: 6000, description: "Cột mốc 2000 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_2000' }, // Reusing image { hours: 2600, reward: 10000, description: "Cột mốc 2600 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_2600' }, // Reusing image { hours: 3000, reward: 15000, description: "Cột mốc 3000 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_3000' } // Reusing image ]; // Removed useEffect hook for onMilestoneReached callback return (

{/* Central Timeline */}

{/* Gold glow effect */}

{/* Milestone Items */} {timeMilestones.map((milestone, index) => { // Use timeMilestones const isLeft = index % 2 === 0; const isCompleted = currentHours >= milestone.hours; // Use currentHours and milestone.hours const isActive = currentHours < milestone.hours; // Use currentHours and milestone.hours return (

{/* Circle on the timeline */}

{/* Content card */}

{/* Two-column layout container */}

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

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

🔒

)}

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

{/* Level number with black background and gold border */}

{/* Content above the number */}

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

{milestone.hours} {/* Display milestone.hours */}

GIỜ {/* Changed label to GIỜ */} {isCompleted && (

🏅

)}

{/* Progress bar in separate row */}

{/* Progress bar with percentage inside */}

{/* Percentage text inside progress bar */}

{`${Math.min(100, Math.round((currentHours / milestone.hours) * 100))}%`} {/* Use currentHours and milestone.hours for percentage */}

{/* Enhanced Reward information */}

{/* Reward image with enhanced styling */}

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

)}

{/* Reward description with enhanced styling */}

{/* Reward description */}

{/* Reward value */}

{milestone.reward.toLocaleString('vi-VN')} Điểm {/* Format reward */}

Gift Points

); })}

); };29:T3cff,import React, { useState } from 'react'; import { clickupService } from 'clickupService'; export const SyncForm = ({ onSyncComplete }) => { const [isAuthenticated, setIsAuthenticated] = useState(false); const [passwordInput, setPasswordInput] = useState(''); const [passwordError, setPasswordError] = useState(''); // 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 }); const [formData, setFormData] = useState(() => { // Generate a unique identifier for this page using the full URL const pageId = window.location.href; // Try to load saved credentials from page-specific localStorage key ONLY // Sử dụng localStorage thay vì sessionStorage const savedCredentials = localStorage.getItem(`clickupCredentials_${pageId}`); if (savedCredentials) { try { // Ensure all expected fields exist, provide defaults if not const parsed = JSON.parse(savedCredentials); return { apiKey: parsed.apiKey || '', workspace: parsed.workspace || '', // listId: parsed.listId || '', // Removed listId - Now specifically for Meaningful Time milestoneTaskId: parsed.milestoneTaskId || '', customFieldId: parsed.customFieldId || '', // Keep this for gift points meaningfulTimeListId: parsed.meaningfulTimeListId || '', // Renamed from pomoTaskId meaningfulTimeCustomFieldId: parsed.meaningfulTimeCustomFieldId || '', // Renamed from pomoCustomFieldId // New fields for task creation newTaskCreationListId: parsed.newTaskCreationListId || '', newTaskTagName: parsed.newTaskTagName || '', newTaskImageCustomFieldId: parsed.newTaskImageCustomFieldId || '' }; } catch (e) { console.error(`Error parsing saved credentials for page ${pageId}:`, e); // Fallback to empty credentials if parsing fails } } // Return default empty credentials if nothing saved for this specific page return { apiKey: '', workspace: '', // listId: '', // Removed listId - Now specifically for Meaningful Time milestoneTaskId: '', customFieldId: '', // Keep this for gift points meaningfulTimeListId: '', // Renamed from pomoTaskId meaningfulTimeCustomFieldId: '', // Renamed from pomoCustomFieldId // New fields for task creation defaults newTaskCreationListId: '', newTaskTagName: '', newTaskImageCustomFieldId: '' }; }); const handlePasswordChange = (e) => { setPasswordInput(e.target.value); setPasswordError(''); // Clear error when user types }; const handlePasswordSubmit = () => { if (passwordInput === '1') { // Hardcoded password setIsAuthenticated(true); setPasswordError(''); } else { setPasswordError('Mật khẩu không đúng. Vui lòng thử lại.'); } }; // Handle form field changes const handleChange = (e) => { const { name, value } = e.target; // Create the updated state const updatedFormData = { ...formData, [name]: value }; // Update the React state setFormData(updatedFormData); // Also save the updated state to localStorage immediately try { const pageId = window.location.href; // Use full URL localStorage.setItem(`clickupCredentials_${pageId}`, JSON.stringify(updatedFormData)); } catch (error) { console.error("Error saving form data to localStorage on change:", error); } }; // Handle form submission and sync process const handleSync = async () => { // Kiểm tra các trường bắt buộc (API Key và Workspace ID - Task IDs are now more specific) if (!formData.apiKey || !formData.workspace) { setSyncState({ status: 'error', message: 'Vui lòng điền đầy đủ API Key và Workspace ID', progress: 0 }); return; } // Generate a unique identifier for this page using the full URL const pageId = window.location.href; console.log('Saving credentials to localStorage:', { pageId, formData, hasCustomField: !!formData.customFieldId, hasTaskId: !!formData.milestoneTaskId, fullFormData: formData }); // Save credentials ONLY to the page-specific localStorage key // Sử dụng localStorage thay vì sessionStorage localStorage.setItem(`clickupCredentials_${pageId}`, JSON.stringify({ ...formData, // Keep existing fields like apiKey, workspace, milestoneTaskId, customFieldId, etc. // listId is removed - Now meaningfulTimeListId meaningfulTimeListId: formData.meaningfulTimeListId || undefined, // Renamed from pomoTaskId meaningfulTimeCustomFieldId: formData.meaningfulTimeCustomFieldId || undefined, // Renamed from pomoCustomFieldId // Include new fields newTaskCreationListId: formData.newTaskCreationListId || undefined, newTaskTagName: formData.newTaskTagName || undefined, newTaskImageCustomFieldId: formData.newTaskImageCustomFieldId || undefined, giftPoints: formData.giftPoints // Preserve giftPoints if it exists })); // 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 })); // Pass in the credentials for milestone comments const data = await clickupService.fetchData(formData); // Add the clickupCredentials to the response data data.clickupCredentials = formData; setSyncState(prev => ({ ...prev, message: 'Đang xử lý dữ liệu...', progress: 70 })); // Cập nhật logs console.log('Received data from ClickUp:', data); 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) { console.error('Error during sync:', error); setSyncState({ status: 'error', message: error.message || 'Đồng bộ hóa thất bại. Vui lòng thử lại.', progress: 0 }); } }; if (!isAuthenticated) { return (

Xác Thực Quyền Truy Cập

Mật khẩu

{passwordError && (

{passwordError}

)}

); } return (

{/* Form content is shown directly without additional button or modal */} {/* Grid container for two columns */}

{/* Column 1 */}

API Key *

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

List ID (Tổng Thời Gian) *

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

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

{/* Column 2 */}

Workspace ID *

Custom Field ID** (Lưu Điểm Đổi Quà)

Custom Field ID (Tổng Thời Gian) *

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

{/* Sync Button remains below the grid */} {syncState.status !== 'idle' && (

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

{syncState.message}

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

)}

); }; // export default SyncForm; // Removed as it's a named export2a:T955d,import React, { useState, useEffect } from 'react'; import { HabitStats } from 'HabitStats'; import { TrainingLevelMilestones } from 'TrainingLevelMilestones'; import { SyncForm } from 'SyncForm'; import { clickupService } from 'clickupService'; import { MilestoneCelebration } from 'MilestoneCelebration'; import confetti from 'https://esm.sh/canvas-confetti@1.6.0'; // Define milestones with updated hour thresholds const timeMilestones = [ { hours: 50, reward: 200, description: "Cột mốc 50 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv5.gif?ZyKH", key: 'milestone_time_50' }, { hours: 200, reward: 400, description: "Cột mốc 200 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv10.gif?tz93", key: 'milestone_time_200' }, { hours: 500, reward: 600, description: "Cột mốc 500 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv15.gif?mhhb", key: 'milestone_time_500' }, { hours: 800, reward: 1000, description: "Cột mốc 800 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv25.gif?wLDq", key: 'milestone_time_800' }, { hours: 1200, reward: 2000, description: "Cột mốc 1200 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_1200' }, { hours: 1600, reward: 4000, description: "Cột mốc 1600 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_1600' }, // Reusing image { hours: 2000, reward: 6000, description: "Cột mốc 2000 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_2000' }, // Reusing image { hours: 2600, reward: 10000, description: "Cột mốc 2600 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_2600' }, // Reusing image { hours: 3000, reward: 15000, description: "Cột mốc 3000 giờ", imageUrl: "https://play.rosebud.ai/assets/Lv40.gif?zpiV", key: 'milestone_time_3000' } // Reusing image ]; export const RewardLadder = () => { const [activeTab, setActiveTab] = useState('habits'); // Keep this if other tabs exist but are hidden const [activeSubTab, setActiveSubTab] = useState('aa'); const [giftPoints, setGiftPoints] = useState(() => { // Priority 1: Check for page-specific credentials first using the full URL const pageId = window.location.href; // Sử dụng localStorage const pageSpecificCreds = localStorage.getItem(`clickupCredentials_${pageId}`); if (pageSpecificCreds) { try { const parsed = JSON.parse(pageSpecificCreds); if (parsed.giftPoints !== undefined) { return parsed.giftPoints; } } catch (error) { console.error('Error parsing page-specific credentials:', error); } } // Restore closing brace for the 'if (pageSpecificCreds)' block // If page-specific credentials were not found or giftPoints were missing, default to 0 return 0; }); // This closing parenthesis and brace belong to useState const [showSettings, setShowSettings] = useState(false); const [syncState, setSyncState] = useState({ status: 'idle', // idle, syncing, success, error message: '', progress: 0 }); const [habitStats, setHabitStats] = useState({ meaningfulTimeTotal: 0, // Replaced pomoDaysAchieved averageHappiness: 0, // Keep for potential future use scholarshipAmount: 0, // Keep for potential future use giftPoints: 0 // Keep for gift points logic }); const [showMilestone, setShowMilestone] = useState(false); const [currentMilestone, setCurrentMilestone] = useState(null); const [clickupCredentials, setClickupCredentials] = useState(null); const [giftPointsUpdateStatus, setGiftPointsUpdateStatus] = useState({ status: 'idle', message: '' }); // idle, updating, success, error // --- Move Ref and Effect for previous gift points here --- const prevGiftPointsRef = React.useRef(); React.useEffect(() => { // Store the current gift points in the ref after each render // so we can access the previous value in the next effect run prevGiftPointsRef.current = habitStats.giftPoints; }); // --- End moved code --- useEffect(() => { const loadSettings = () => { const pageId = window.location.href; // Get page-specific ID using full URL // Sử dụng localStorage const savedCredentials = localStorage.getItem(`clickupCredentials_${pageId}`); // ONLY use page-specific key if (savedCredentials) { try { const parsedCredentials = JSON.parse(savedCredentials); setClickupCredentials(parsedCredentials); console.log(`Loaded page-specific settings from sessionStorage (${pageId}):`, parsedCredentials); // Automatically sync data if credentials for Meaningful Time are loaded // Check for apiKey, workspace, meaningfulTimeListId, and meaningfulTimeCustomFieldId if (parsedCredentials.apiKey && parsedCredentials.workspace && parsedCredentials.meaningfulTimeListId && parsedCredentials.meaningfulTimeCustomFieldId) { console.log('Credentials for Meaningful Time found. Auto-syncing on load...'); syncClickUpData(parsedCredentials); // Pass the loaded credentials to sync // Set up periodic auto-sync every 2 hours // Lưu thời gian đồng bộ vào key riêng biệt theo pageId (full URL) để tránh xung đột const lastSyncTimeKey = `lastSyncTime_${pageId}`; // pageId is now href // Sử dụng localStorage const lastSyncTime = localStorage.getItem(lastSyncTimeKey); console.log('Thời gian đồng bộ trước đó:', lastSyncTime ? new Date(parseInt(lastSyncTime)).toLocaleString() : 'chưa có'); // Lưu thời gian đồng bộ hiện tại vào key riêng // Sử dụng localStorage localStorage.setItem(lastSyncTimeKey, Date.now().toString()); } } catch (error) { console.error(`Error parsing saved page-specific credentials (${pageId}):`, error); } } }; loadSettings(); // Thiết lập interval cho việc đồng bộ định kỳ mỗi 2 giờ const SYNC_INTERVAL = 2 * 60 * 60 * 1000; // 2 giờ tính bằng milliseconds // Set sync interval const intervalId = setInterval(() => { // Use clickupCredentials from state and check for the correct Meaningful Time fields if (clickupCredentials && clickupCredentials.apiKey && clickupCredentials.workspace && clickupCredentials.meaningfulTimeListId && clickupCredentials.meaningfulTimeCustomFieldId) { const pageId = window.location.href; // Use full URL const lastSyncTimeKey = `lastSyncTime_${pageId}`; // Sử dụng localStorage const lastSyncTime = localStorage.getItem(lastSyncTimeKey); const currentTime = Date.now(); // Nếu chưa có lần đồng bộ nào hoặc đã qua 2 giờ kể từ lần đồng bộ trước if (!lastSyncTime || (currentTime - parseInt(lastSyncTime)) >= SYNC_INTERVAL) { console.log('Đồng bộ tự động định kỳ sau 2 giờ...'); console.log('Thời gian hiện tại:', new Date(currentTime).toLocaleString()); console.log('Thời gian đồng bộ trước đó:', lastSyncTime ? new Date(parseInt(lastSyncTime)).toLocaleString() : 'chưa có'); // Thực hiện đồng bộ syncClickUpData(clickupCredentials); // Cập nhật thời gian đồng bộ vào key riêng (using full URL based key) // Sử dụng localStorage localStorage.setItem(lastSyncTimeKey, currentTime.toString()); } } }, 60000); // Kiểm tra mỗi phút một lần để tránh bỏ lỡ khoảng thời gian chính xác // Dọn dẹp interval khi component unmount return () => { clearInterval(intervalId); }; }, []); useEffect(() => { const styleId = 'hourglass-animation-style-keyframes'; let styleElement = document.getElementById(styleId); if (!styleElement) { styleElement = document.createElement('style'); styleElement.id = styleId; styleElement.textContent = ` @keyframes hourglassWiggle { 0% { transform: rotate(0deg) translateY(0px); } 20% { transform: rotate(8deg) translateY(-2px); } 40% { transform: rotate(-8deg) translateY(-1px); } 60% { transform: rotate(5deg) translateY(0px); } 80% { transform: rotate(-5deg) translateY(-1px); } 100% { transform: rotate(0deg) translateY(0px); } } `; document.head.appendChild(styleElement); } }, []); // Function to sync data with ClickUp const syncClickUpData = async (credentials) => { // Set syncing state setSyncState({ status: 'syncing', message: 'Đang tự động đồng bộ dữ liệu...', progress: 10 }); // Call the ClickUp service to fetch data clickupService.fetchData(credentials) .then(data => { console.log('Đồng bộ tự động hoàn tất:', data); // Check if data and the new meaningfulTimeTotal exist if (data && data.meaningfulTimeTotal !== undefined) { const { meaningfulTimeTotal } = data; // Get the value directly // Ensure meaningfulTimeTotal is a number const safeMeaningfulTime = Number(meaningfulTimeTotal) || 0; // Update calculateGiftPoints function to use meaningfulTimeTotal let calculatedGiftPoints = calculateGiftPoints(safeMeaningfulTime); // Pass safeMeaningfulTime // Ensure calculatedGiftPoints is always a valid number if (isNaN(calculatedGiftPoints) || calculatedGiftPoints === undefined) { console.warn('Invalid gift points calculated, defaulting to 0. Meaningful Time:', safeMeaningfulTime); calculatedGiftPoints = 0; } // Save giftPoints to localStorage immediately using full URL key const pageId = window.location.href; const currentCreds = JSON.parse(localStorage.getItem(`clickupCredentials_${pageId}`) || '{}'); localStorage.setItem(`clickupCredentials_${pageId}`, JSON.stringify({ ...currentCreds, giftPoints: calculatedGiftPoints })); // Ensure giftPoints is never undefined const safeGiftPoints = calculatedGiftPoints ?? 0; // Update local state with the new structure setHabitStats(prev => ({ ...prev, meaningfulTimeTotal: safeMeaningfulTime, // Update with new value averageHappiness: prev.averageHappiness, // Keep existing or update if needed scholarshipAmount: prev.scholarshipAmount, // Keep existing or update if needed giftPoints: safeGiftPoints // Use the checked value })); console.log('Habit stats state updated in syncClickUpData. New Meaningful Time:', safeMeaningfulTime, 'New Gift Points:', safeGiftPoints); } else { console.warn('Sync completed but meaningfulTimeTotal data is missing:', data); } // Cập nhật thời gian đồng bộ lần cuối vào key riêng (using full URL based key) const pageId = window.location.href; const lastSyncTimeKey = `lastSyncTime_${pageId}`; // Sử dụng localStorage localStorage.setItem(lastSyncTimeKey, Date.now().toString()); setSyncState({ status: 'success', message: 'Tải thành công!', progress: 100 }); // Clear the sync status after 3 seconds setTimeout(() => { setSyncState({ status: 'idle', message: '', progress: 0 }); }, 3000); } // Moved this brace down to correctly close the .then block ) .catch(error => { console.error('Lỗi đồng bộ tự động:', error); setSyncState({ status: 'error', message: 'Đồng bộ tự động thất bại: ' + error.message, progress: 0 }); // Clear the error after 5 seconds setTimeout(() => { setSyncState({ status: 'idle', message: '', progress: 0 }); }, 5000); }); }; const handleSyncComplete = async (data) => { console.log('Received sync data in RewardLadder:', data); // Check if data and the new meaningfulTimeTotal exist if (data && data.meaningfulTimeTotal !== undefined) { const { meaningfulTimeTotal } = data; // Get the value directly const safeMeaningfulTime = Number(meaningfulTimeTotal) || 0; // Update calculateGiftPoints for initial sync let calculatedGiftPoints = calculateGiftPoints(safeMeaningfulTime); if (isNaN(calculatedGiftPoints) || calculatedGiftPoints === undefined) { calculatedGiftPoints = 0; } const safeGiftPoints = calculatedGiftPoints ?? 0; // Update local state with the new structure setHabitStats({ meaningfulTimeTotal: safeMeaningfulTime, // Update with new value averageHappiness: 0, // Reset or use previous if needed scholarshipAmount: 0, // Reset or use previous if needed giftPoints: safeGiftPoints // Update gift points }); // Save ClickUp credentials setClickupCredentials(data.clickupCredentials); setSyncState({ status: 'success', message: 'Tải thành công!', progress: 100 }); setTimeout(() => { setShowSettings(false); setSyncState({ status: 'idle', message: '', progress: 0 }); }, 2000); } else { setSyncState({ status: 'error', message: 'Đồng bộ hóa thất bại. Dữ liệu không hợp lệ.', progress: 0 }); } }; // Kiểm tra cột mốc đã đạt được useEffect(() => { const checkMilestones = async () => { // Use the timeMilestones array defined at the top const currentMeaningfulTime = habitStats.meaningfulTimeTotal || 0; console.log(`Checking milestones with Meaningful Time: ${currentMeaningfulTime} hours`); // Iterate through the time-based milestones to find the highest *newly* reached one let highestNewlyReachedMilestone = null; for (const milestone of timeMilestones) { // Compare current meaningful time with milestone hours if (currentMeaningfulTime >= milestone.hours) { const pageId = window.location.href; // Use full URL // Use 'hours' in the localStorage key - Ensure this matches the new milestone hours const milestoneKey = `milestone_processed_hours_${milestone.hours}_${pageId}`; // Key for processing (comment/points) const hasBeenProcessed = localStorage.getItem(milestoneKey); if (!hasBeenProcessed) { // This is the highest milestone reached *that hasn't been processed yet* highestNewlyReachedMilestone = milestone; console.log(`Highest *unprocessed* milestone found: ${milestone.hours} hours`); } else { console.log(`Milestone ${milestone.hours} hours already processed.`); } } else { // Stop checking once a milestone is not reached console.log(`Milestone ${milestone.hours} hours not reached yet.`); break; } } // Process the highest newly reached milestone, if any if (highestNewlyReachedMilestone) { const milestone = highestNewlyReachedMilestone; // Use 'hours' in logs console.log(`Processing new milestone: ${milestone.hours} hours`); // Trigger confetti and show popup triggerConfetti(); // No need for commentMilestoneData anymore, pass the original milestone setCurrentMilestone(milestone); // Pass the original milestone to the popup setShowMilestone(true); // Mark this milestone as processed (for points/comment) in localStorage using 'hours' and full URL key const pageId = window.location.href; const milestoneKey = `milestone_processed_hours_${milestone.hours}_${pageId}`; localStorage.setItem(milestoneKey, 'true'); // Add comment and update gift points if credentials are set if (clickupCredentials && clickupCredentials.milestoneTaskId) { console.log(`Adding comment and updating points for ${milestone.hours} hours milestone.`); // Calculate TOTAL gift points based on the CURRENT meaningfulTimeTotal BEFORE adding the comment const totalCalculatedPoints = calculateGiftPoints(currentMeaningfulTime); // Add comment first, passing the modified milestone and the total points // Pass the original milestone object directly await addMilestoneComment(milestone, clickupCredentials, totalCalculatedPoints); // Update the local state with the calculated total points setHabitStats(prev => ({ ...prev, giftPoints: totalCalculatedPoints })); console.log(`Meaningful Time Milestone ${milestone.hours} hours processed. Added comment with total points: ${totalCalculatedPoints}. Updated state.`); // --- START: Add Task Creation Logic --- // Check if settings for creating new tasks are available if (clickupCredentials.newTaskCreationListId && clickupCredentials.newTaskTagName && clickupCredentials.newTaskImageCustomFieldId) { console.log(`Creating new task for milestone ${milestone.hours} hours...`); await createMilestoneTask(milestone, clickupCredentials); } else { console.log('Task creation settings missing (List ID, Tag Name, or Image Custom Field ID). Skipping task creation.'); } // --- END: Add Task Creation Logic --- } else { console.log('Credentials missing, skipping comment, points update, and task creation for milestone.'); // Still mark as processed (using full URL key) to prevent repeated popups localStorage.setItem(milestoneKey, 'true'); } } else { console.log("No new milestones reached or all reached milestones already processed."); } }; checkMilestones(); }, [habitStats.meaningfulTimeTotal, clickupCredentials]); // Update dependency array // Watch for gift points changes and update ClickUp + sessionStorage useEffect(() => { // Add more detailed logging here console.log(`[Effect Check] Gift points effect triggered. Current points: ${habitStats.giftPoints}`, { credentials: !!clickupCredentials }); // Access the previous value from the ref moved outside this effect const prevGiftPoints = prevGiftPointsRef.current; if (prevGiftPoints !== habitStats.giftPoints) { console.log(`[Effect Check] Gift points changed from ${prevGiftPoints} to ${habitStats.giftPoints}`); } else { console.log(`[Effect Check] Gift points effect ran, but points (${habitStats.giftPoints}) seem unchanged compared to the previous render.`); } console.log('Gift points effect triggered:', { giftPoints: habitStats.giftPoints, credentials: clickupCredentials }); // Save to localStorage whenever giftPoints change if (clickupCredentials) { const pageId = window.location.href; // Use full URL // ONLY read from page-specific key (full URL) when preparing to save // Sử dụng localStorage const currentCreds = JSON.parse(localStorage.getItem(`clickupCredentials_${pageId}`) || '{}'); localStorage.setItem(`clickupCredentials_${pageId}`, JSON.stringify({ ...currentCreds, giftPoints: habitStats.giftPoints ?? 0 // Ensure giftPoints is never undefined when saving })); } const updateGiftPointsInClickUp = async () => { console.log('[Effect Check] Entering updateGiftPointsInClickUp function.'); console.log('Checking credentials for gift points update:', { hasFieldId: !!clickupCredentials?.customFieldId, hasTaskId: !!clickupCredentials?.milestoneTaskId, giftPoints: habitStats.giftPoints, fullCredentials: clickupCredentials // Be cautious logging full credentials in production }); // Check if all required credentials and custom field ID are available if ( clickupCredentials?.apiKey && clickupCredentials?.milestoneTaskId && clickupCredentials?.customFieldId && habitStats.giftPoints !== undefined // Ensure giftPoints has a value ) { const giftPointsToUpdate = habitStats.giftPoints ?? 0; // Validate if giftPoints is a number if (isNaN(giftPointsToUpdate)) { console.error('Invalid gift points value, cannot update ClickUp:', giftPointsToUpdate); return; // Stop if value is not a number } setGiftPointsUpdateStatus({ status: 'updating', message: 'Đang cập nhật điểm đổi quà lên ClickUp...' }); try { console.log('[Effect Check] Credentials seem valid. Attempting API call.', { taskId: clickupCredentials.milestoneTaskId, fieldId: clickupCredentials.customFieldId, value: giftPointsToUpdate }); const response = await clickupService.updateCustomField( clickupCredentials, clickupCredentials.milestoneTaskId, clickupCredentials.customFieldId, giftPointsToUpdate ); console.log('[Effect Check] ClickUp API call successful:', response); setGiftPointsUpdateStatus({ status: 'success', message: 'Cập nhật điểm đổi quà thành công!' }); // Reset status after 3 seconds setTimeout(() => setGiftPointsUpdateStatus({ status: 'idle', message: '' }), 3000); } catch (error) { console.error('Failed to update gift points:', { error: error.message, status: error.response?.status, response: error.response?.data, stack: error.stack }); setGiftPointsUpdateStatus({ status: 'error', message: `Lỗi cập nhật điểm: ${error.message}` }); // Reset status after 5 seconds setTimeout(() => setGiftPointsUpdateStatus({ status: 'idle', message: '' }), 5000); // Keep the general sync state separate if needed, or decide if this replaces it // setSyncState({ // status: 'error', // message: `Lỗi cập nhật điểm: ${error.message}`, // progress: 0 // }); // // Clear error message after a delay // setTimeout(() => { // setSyncState(prev => prev.status === 'error' ? { status: 'idle', message: '', progress: 0 } : prev); // }, 5000); } } else { // Log why the update is not happening console.log('[Effect Check] Skipping ClickUp update. Reason:'); if (!clickupCredentials?.apiKey) { console.log('- API Key is missing.'); } if (!clickupCredentials?.milestoneTaskId) { console.log('- Milestone Task ID is missing.'); } if (!clickupCredentials?.customFieldId) { console.log('- Custom Field ID is missing.'); } if (habitStats.giftPoints === undefined) { console.log('- Gift points value is undefined.'); } else if (isNaN(habitStats.giftPoints)) { console.log(`- Gift points value is not a number (${habitStats.giftPoints}).`); } if (!clickupCredentials) { console.log('- clickupCredentials object is missing.'); } } }; // Only call the update function if credentials are set if (clickupCredentials) { console.log('[Effect Check] Credentials exist, calling updateGiftPointsInClickUp.'); updateGiftPointsInClickUp(); } else { console.log('[Effect Check] Credentials do not exist, skipping update call.'); } }, [habitStats.giftPoints, clickupCredentials]); // Function to trigger confetti effect const triggerConfetti = () => { const duration = 3000; const animationEnd = Date.now() + duration; const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 1001 }; function randomInRange(min, max) { return Math.random() * (max - min) + min; } const interval = setInterval(() => { const timeLeft = animationEnd - Date.now(); if (timeLeft <= 0) { return clearInterval(interval); } const particleCount = 50 * (timeLeft / duration); // Gold color scheme confetti({ ...defaults, particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }, colors: ['#FFD700', '#FFA500', '#FFFF00'], gravity: randomInRange(0.4, 0.6), scalar: randomInRange(0.8, 1.2), }); confetti({ ...defaults, particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }, colors: ['#FFD700', '#FFA500', '#FFFF00'], gravity: randomInRange(0.4, 0.6), scalar: randomInRange(0.8, 1.2), }); }, 250); }; // Pass totalPoints explicitly to the function const addMilestoneComment = async (milestone, credentials, totalPoints) => { try { // Pass milestone and totalPoints to the service function await clickupService.addMilestoneComment(credentials, credentials.milestoneTaskId, milestone, totalPoints); console.log('Milestone comment added successfully'); } catch (error) { console.error('Error adding milestone comment:', error); } }; // --- START: Define createMilestoneTask function --- const createMilestoneTask = async (milestone, credentials) => { const { newTaskCreationListId, newTaskTagName, newTaskImageCustomFieldId, apiKey } = credentials; const imageUrl = milestone.imageUrl || ''; // Use milestone image URL // Construct task details const now = new Date(); const formattedDate = `${now.getDate().toString().padStart(2, '0')}/${(now.getMonth() + 1).toString().padStart(2, '0')}/${now.getFullYear()}`; const formattedTime = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`; const currentTimeString = `${formattedDate} ${formattedTime}`; const taskName = `2.TM - Cột Mốc ${milestone.hours} Giờ Ý Nghĩa - ${currentTimeString}`; const taskDescription = `Đạt được cột mốc **${milestone.hours} giờ** vào lúc ${currentTimeString}.\n\nPhần thưởng: ${milestone.reward.toLocaleString('vi-VN')} điểm đổi quà.`; // Prepare custom fields array const customFields = []; if (newTaskImageCustomFieldId && imageUrl) { customFields.push({ id: newTaskImageCustomFieldId, value: imageUrl, }); } try { console.log('Calling clickupService.createTask with:', { apiKey: '***', // Mask API key in logs listId: newTaskCreationListId, taskName, taskDescription, tags: [newTaskTagName], customFields, }); // Assuming clickupService will have a createTask function // We will implement this in the next step await clickupService.createTask( apiKey, newTaskCreationListId, taskName, taskDescription, [newTaskTagName], // Pass tag name as an array customFields // Pass custom fields array ); console.log(`Successfully created task for milestone: ${milestone.description}`); } catch (error) { console.error(`Error creating task for milestone ${milestone.description}:`, error); // Optionally, display an error message to the user } }; // --- END: Define createMilestoneTask function --- const handleCloseMilestone = () => { setShowMilestone(false); }; // Removed hasMilestoneBeenProcessed and markMilestoneAsProcessed as simplified logic is in useEffect // Function to get points awarded FOR REACHING a specific milestone (Not used for total calculation anymore) // Kept for potential future use, but the main logic relies on calculateGiftPoints const getGiftPointsForMilestone = (milestone) => { // milestone uses 'hours' now // Returns the reward defined in the milestone object const points = milestone.reward || 0; console.log(`Reward points defined for ${milestone.hours} hours milestone: ${points}`); return points; }; // Function to calculate the TOTAL accumulated gift points based on ALL achieved Meaningful Time milestones const calculateGiftPoints = (meaningfulTimeTotal) => { meaningfulTimeTotal = Number(meaningfulTimeTotal) || 0; let totalGiftPoints = 0; // Iterate through the timeMilestones defined at the top for (const milestone of timeMilestones) { // Compare with milestone.hours if (meaningfulTimeTotal >= milestone.hours) { // Add the reward for this achieved milestone to the total totalGiftPoints += milestone.reward || 0; } else { // Stop accumulating points once a milestone is not reached break; } } console.log('Calculated TOTAL accumulated gift points based on Meaningful Time:', { meaningfulTimeTotal, totalGiftPoints }); return totalGiftPoints || 0; // Ensure we never return undefined or NaN }; // Dữ liệu cơ bản cho tabs (Remains unchanged) const tabsData = { discipline: { title: 'Cấp Độ', rewards: [] }, habits: { title: 'Thói Quen', rewards: [] }, goals: { title: 'Mục Tiêu', rewards: [] }, focus: { title: 'Tập Trung', rewards: [] }, time: { title: 'Thời Gian', rewards: [] } }; return (

{/* Manual Refresh Button */} {/* Sync status indicator */} {syncState.status !== 'idle' && (

{/* Adjusted icon size and margin */} {syncState.status === 'syncing' ? '⏳' : syncState.status === 'success' ? '✅' : '❌'}

{/* Text takes remaining space */} {syncState.status === 'syncing' ? "Đang tải dữ liệu mới..." : syncState.message}

{/* Removed progress bar */} {/* Removed next sync time display */}

)} {showSettings && (

Cài đặt Đồng bộ

{/* SyncForm component is called directly here, without container and title */}

)}

{/* Tab navigation removed */}

{/* Content title removed as requested */}

{/* Content previously under 'Thói quen' tab is now always visible */}

{/* Include the HabitStats component - Pass the entire habitStats object */}

{/* Sub-tabs for habits section */}

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

{/* Content based on sub-tab selection */}

{/* Update props passed to TrainingLevelMilestones */} {/* Pass meaningfulTimeTotal instead of pomoDaysAchieved */}

{/* Milestone Celebration Popup */}

); };2b:T21af,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) { // Start with entering animation setAnimationState('entering'); // After entering is complete, change to active state const enterTimer = setTimeout(() => { setAnimationState('active'); // Trigger confetti effect when popup is fully visible triggerConfetti(); }, 500); return () => { clearTimeout(enterTimer); }; } }, [isOpen]); // Confetti effect function const triggerConfetti = () => { const duration = 3000; const animationEnd = Date.now() + duration; const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 1001 }; function randomInRange(min, max) { return Math.random() * (max - min) + min; } const interval = setInterval(() => { const timeLeft = animationEnd - Date.now(); if (timeLeft <= 0) { return clearInterval(interval); } const particleCount = 50 * (timeLeft / duration); // Gold color scheme confetti({ ...defaults, particleCount, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }, colors: ['#FFD700', '#FFA500', '#FFFF00'], gravity: randomInRange(0.4, 0.6), scalar: randomInRange(0.8, 1.2), }); confetti({ ...defaults, particleCount, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }, colors: ['#FFD700', '#FFA500', '#FFFF00'], gravity: randomInRange(0.4, 0.6), scalar: randomInRange(0.8, 1.2), }); }, 250); }; if (!isOpen) return null; // Get the reward points for the specific milestone reached // Add default value 0 and format with commas const milestoneRewardPoints = (milestone?.reward ?? 0).toLocaleString('vi-VN'); 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 {milestone?.description || 'một cột mốc mới'}!

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

)} {/* Gift Points information */}

Phần Thưởng Đặc Biệt

{milestoneRewardPoints} Điểm Đổi Quà

Wow! Bạn vừa mở khóa một kho báu đặc biệt. Hãy sử dụng số điểm này để đổi những phần quà hấp dẫn nhé!

{/* Continue button */}

); };2c: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ộ.

); }2d: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} ); }2e: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' && (

)}

); }2f:T5d8,// Define keyframe animations const styleSheet = document.createElement('style'); styleSheet.type = 'text/css'; styleSheet.innerHTML = ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse { 0% { filter: drop-shadow(0 0 15px rgba(255, 215, 0, 0.6)) brightness(1.3) contrast(1.2) saturate(1.5); } 50% { filter: drop-shadow(0 0 30px rgba(255, 215, 0, 0.9)) brightness(1.5) contrast(1.4) saturate(1.8); } 100% { filter: drop-shadow(0 0 15px rgba(255, 215, 0, 0.6)) brightness(1.3) contrast(1.2) saturate(1.5); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes scaleIn { 0% { transform: scale(0.7); opacity: 0; } 70% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } @keyframes confetti { 0% { transform: translateY(0) rotate(0deg); opacity: 0.8; } 50% { transform: translateY(50vh) rotate(180deg); opacity: 0.9; } 100% { transform: translateY(100vh) rotate(360deg); opacity: 0; } } @keyframes shimmer { 0% { background-position: -100% 0; } 100% { background-position: 200% 0; } } `; document.head.appendChild(styleSheet);30:T147c,import React, { useState, useEffect } from 'react'; export const HabitStats = ({ stats = {} }) => { // Always get the most current stats from props with fallbacks // Extract relevant stats with defaults const { meaningfulTimeTotal = 0, // Use meaningfulTimeTotal instead of pomoDaysAchieved giftPoints = 0 // Use giftPoints directly from parent // scholarshipAmount = 0 // Keep if needed later } = stats; // Format the gift points passed from the parent const formattedGiftPoints = (giftPoints || 0).toLocaleString('vi-VN'); // Format meaningful time (assuming it's in hours) const formattedMeaningfulTime = meaningfulTimeTotal.toLocaleString('vi-VN', { minimumFractionDigits: 1, maximumFractionDigits: 1 }); // Log stats for debugging useEffect(() => { // Log the new metric console.log('Current stats received by HabitStats:', { meaningfulTimeTotal, giftPoints }); }, [stats]); // Keep dependency on the whole stats object return (

{/* Gold accent line at top */}

{/* Training Level */}

{/* Trophy Icon */}

🏆

THỜI GIAN Ý NGHĨA {/* Changed Label */}

{formattedMeaningfulTime} GIỜ {/* Changed Value and added unit */}

{/* Vertical Divider */}

{/* Scholarship Amount */}

{/* Gift Icon */}

ĐIỂM ĐỔI QUÀ

{formattedGiftPoints} ĐIỂM

{/* Gold accent line at bottom */}

); };31:T1769,// 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; position: relative; scrollbar-width: thin; scrollbar-color: #FFD700 #2C1810; } .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: 70px; right: 20px; z-index: 100; } .settings-button.active { background: #FFFFFF; color: #2C1810; } .sync-button { background: linear-gradient(135deg, #FFD700, #FFA500); color: #2C1810; 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: 130px; right: 20px; z-index: 100; transition: all 0.3s ease; } .sync-button:hover { transform: rotate(180deg); background: linear-gradient(135deg, #FFA500, #FF8C00); box-shadow: 0 6px 15px rgba(255,215,0,0.4); } .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; } .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; } .clickup-list-container { margin-bottom: 20px; } .clickup-list-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .clickup-list-label { font-weight: 500; color: #FFD700; } .clickup-add-button { background: none; border: none; color: #FFD700; cursor: pointer; font-size: 14px; font-weight: 500; padding: 4px 8px; border-radius: 4px; } .clickup-list-item { display: flex; align-items: center; margin-bottom: 10px; } .clickup-list-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; margin-right: 10px; flex: 1; } .clickup-remove-button { background: none; border: none; color: #FF6B6B; cursor: pointer; font-size: 20px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .clickup-help-text { font-size: 12px; color: rgba(255, 215, 0, 0.7); margin-top: 6px; } .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; } } `; document.head.appendChild(styleSheet); }1c:["$","div",null,{"className":"h_[100dvh] d_flex","children":[["$","$L24",null,{"projectId":"9833337b-f10e-410c-ba75-ae60dc655d9b"}],["$","$L25",null,{"mode":"Multifile","files":[{"id":"df85f582-c777-46c1-ba60-456ca7761c34","name":"App.jsx","path":"/","permissions":"rw","content":"$26","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251044Z","modified":"2025-05-13T19:49:00.251050Z","in_llm_context":false},{"id":"577e294c-a52b-40a0-83a1-bc042549f01f","name":"clickupService.js","path":"/","permissions":"rw","content":"$27","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251071Z","modified":"2025-05-13T19:49:00.251077Z","in_llm_context":true},{"id":"499d645c-2ef9-43bd-8c7b-dd04f25a223d","name":"TrainingLevelMilestones.js","path":"/","permissions":"rw","content":"$28","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251097Z","modified":"2025-05-13T19:49:00.251102Z","in_llm_context":true},{"id":"9b54b898-fdab-492c-869d-2a2e2e98a5df","name":"SyncForm.jsx","path":"/","permissions":"rw","content":"$29","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251121Z","modified":"2025-05-13T19:49:00.251125Z","in_llm_context":true},{"id":"20375ff8-6b9d-4fbd-9360-487455f87666","name":"RewardLadder.js","path":"/","permissions":"rw","content":"$2a","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251145Z","modified":"2025-05-13T19:49:00.251150Z","in_llm_context":true},{"id":"e246d57a-634a-4d63-93d9-c8a0c4cd8aa0","name":"MilestoneCelebration.js","path":"/","permissions":"rw","content":"$2b","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.250997Z","modified":"2025-05-13T19:49:00.251010Z","in_llm_context":true},{"id":"46626a98-45ae-495b-be08-497ed12ee795","name":"Header.jsx","path":"/","permissions":"rw","content":"$2c","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251169Z","modified":"2025-05-13T19:49:00.251174Z","in_llm_context":false},{"id":"f7f5165a-8c98-4786-98f5-3b0e17ea3099","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// In ra thông báo để debug\nconsole.log('Container:', container);\nconsole.log('Rendering RewardLadder component');\n// Render ứng dụng\nconst root = ReactDOM.createRoot(container);\nroot.render();","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251205Z","modified":"2025-05-13T19:49:00.251210Z","in_llm_context":false},{"id":"5d043fa0-9288-435e-b48a-14e1c2e47e5b","name":"ThemeContext.jsx","path":"/","permissions":"rw","content":"$2d","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251230Z","modified":"2025-05-13T19:49:00.251235Z","in_llm_context":false},{"id":"a1d05f80-c9e4-4d75-b52a-f66545c83016","name":"SyncStatus.jsx","path":"/","permissions":"rw","content":"$2e","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251253Z","modified":"2025-05-13T19:49:00.251258Z","in_llm_context":false},{"id":"b340b057-df33-4f4d-8c2f-596b8d7e4ba4","name":"keyframes.js","path":"/","permissions":"rw","content":"$2f","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251277Z","modified":"2025-05-13T19:49:00.251282Z","in_llm_context":false},{"id":"b4acb429-3d28-4066-b8c0-5027f6329ae0","name":"HabitStats.js","path":"/","permissions":"rw","content":"$30","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251300Z","modified":"2025-05-13T19:49:00.251305Z","in_llm_context":false},{"id":"1c3f49ff-792e-4823-8d38-4467312f33d1","name":"styles.js","path":"/","permissions":"rw","content":"$31","metadata":{},"revision":"969bc402-d76c-4a1a-a20f-e49802f893c6","created":"2025-05-13T19:49:00.251324Z","modified":"2025-05-13T19:49:00.251329Z","in_llm_context":false}],"projectId":"9833337b-f10e-410c-ba75-ae60dc655d9b"}]]}]