Loading history...
';
+
+ // Build the query parameters
+ let queryParams = `?page=${page}&limit=10`;
+
+ // Call the API
+ fetch(`${API_URL}/user-queries${queryParams}`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ historyList.innerHTML = '';
+
+ if (data.items.length === 0) {
+ historyList.innerHTML = 'No history found.
';
+ return;
+ }
+
+ // Filter by content type if provided
+ let filteredItems = data.items;
+ if (contentType) {
+ filteredItems = data.items.filter(item =>
+ item.parameters && item.parameters.content_type === contentType
+ );
+ }
+
+ // Create history items
+ filteredItems.forEach(item => {
+ const contentType = item.parameters?.content_type || 'general';
+ const timestamp = item.timestamp ? new Date(item.timestamp).toLocaleDateString() : 'Unknown date';
+ const promptPreview = item.prompt.length > 80 ? item.prompt.substring(0, 80) + '...' : item.prompt;
+
+ const historyItem = document.createElement('div');
+ historyItem.className = 'history-item';
+ historyItem.innerHTML = `
+ Error loading history. Please try again.
';
+ });
+ }
+
+ // Helper function to extract timestamp from ISO date
+ function getTimestampFromISODate(isoDate) {
+ if (!isoDate) return '';
+ const date = new Date(isoDate);
+ return date.toISOString().replace(/[-:T.]/g, '').slice(0, 14);
+ }
+
+ // Helper function to generate a title from prompt
+ function getPromptTitle(prompt) {
+ if (!prompt) return 'Untitled Query';
+ const words = prompt.split(' ');
+ if (words.length <= 5) return prompt;
+ return words.slice(0, 5).join(' ') + '...';
+ }
+
+ // Helper function to get display label for content type
+ function getContentTypeLabel(contentType) {
+ if (!contentType) return 'General';
+
+ const labels = {
+ 'email': 'Email',
+ 'social_media': 'Social',
+ 'blog_post': 'Blog',
+ 'website_copy': 'Website',
+ 'sales_copy': 'Sales',
+ 'ad_copy': 'Ad',
+ 'video_script': 'Video',
+ 'case_study': 'Case Study',
+ 'product_description': 'Product',
+ 'landing_page': 'Landing',
+ 'press_release': 'Press',
+ 'newsletter': 'Newsletter',
+ 'general': 'General'
+ };
+
+ return labels[contentType] || contentType.charAt(0).toUpperCase() + contentType.slice(1);
+ }
+
+ // View User Query
+ function viewUserQuery(timestamp) {
+ fetch(`${API_URL}/user-queries/${timestamp}`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ // Create a modal to display the query details
+ const modal = document.createElement('div');
+ modal.className = 'modal';
+
+ const modalContent = document.createElement('div');
+ modalContent.className = 'modal-content';
+
+ const parameters = data.parameters || {};
+ const contentType = parameters.content_type || 'Not specified';
+ const length = parameters.length || 'Not specified';
+ const includeCTA = parameters.include_cta ? 'Yes' : 'No';
+
+ modalContent.innerHTML = `
+
+
+
+ Prompt:
+ ${data.prompt}
+
+
+ Content Type:
+ ${contentType}
+
+
+ Length:
+ ${length}
+
+
+ Include CTA:
+ ${includeCTA}
+
+
+ Date:
+ ${new Date(data.timestamp).toLocaleString()}
+
+
Loading training data...
';
+
+ // Build the query parameters
+ let queryParams = `?page=${page}&limit=10`;
+ if (contentType) {
+ queryParams += `&content_type=${contentType}`;
+ }
+
+ // Call the API
+ fetch(`${API_URL}/training-data${queryParams}`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ trainingList.innerHTML = '';
+
+ if (data.items.length === 0) {
+ trainingList.innerHTML = 'No training data found.
';
+ return;
+ }
+
+ // Create training items
+ data.items.forEach(item => {
+ const trainingItem = document.createElement('div');
+ trainingItem.className = 'training-item';
+
+ // Generate metrics HTML
+ let metricsHTML = '';
+ if (item.metadata && item.metadata.performance_metrics) {
+ const metrics = item.metadata.performance_metrics;
+ if (metrics.open_rate) {
+ metricsHTML += `
+
${campaignName}
+
Added on: ${new Date(item.added_at).toLocaleDateString()}
+
+ ${metricsHTML}
+
+
Error loading training data. Please try again.
';
+ });
+ }
+
+ // View Training Data
+ function viewTrainingData(id) {
+ fetch(`${API_URL}/training-data/${id}`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ // Create a modal to display the training data details
+ const modal = document.createElement('div');
+ modal.className = 'modal';
+
+ const modalContent = document.createElement('div');
+ modalContent.className = 'modal-content';
+
+ const campaignName = data.metadata?.campaign_name || 'Untitled';
+
+ let metricsHTML = '';
+ if (data.metadata && data.metadata.performance_metrics) {
+ const metrics = data.metadata.performance_metrics;
+ if (metrics.open_rate !== undefined) {
+ metricsHTML += `
+
+ Content Type:
+ ${getContentTypeLabel(data.content_type)}
+
+
+ Added On:
+ ${new Date(data.added_at).toLocaleString()}
+
+ ${metricsHTML}
+
+
Content:
+
${data.content}
+
+