Refactor localization strings to use constant for text domain; add image context limit feature

- Updated localization strings in various classes to use the constant `GROQ_AI_PRODUCT_TEXT_DOMAIN` instead of hardcoded text domain.
- Introduced an image context limit setting in the settings manager and adjusted related methods to accommodate this new feature.
- Modified prompt builder to handle image context limit when building product context blocks and retrieving image payloads.
- Enhanced error handling and response structures to include new fields related to image context.
- Added support for title suggestions in the structured response from the AI.

assets/css/admin.css

@@ -123,6 +123,36 @@
 	width: 100%;
 }
 
+.groq-ai-title-suggestions {
+	border: 1px dashed #dcdcde;
+	border-radius: 4px;
+	padding: 8px;
+	background: #fefefe;
+	margin-top: 8px;
+}
+
+.groq-ai-title-suggestions__options {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	margin-top: 6px;
+}
+
+.groq-ai-title-suggestions__option {
+	display: flex;
+	align-items: flex-start;
+	gap: 8px;
+}
+
+.groq-ai-title-suggestions__option input[type='radio'] {
+	margin-top: 3px;
+}
+
+.groq-ai-title-suggestions__hint {
+	margin-top: 6px;
+	margin-bottom: 0;
+}
+
 .groq-ai-modal__raw {
 	margin-top: 16px;
 }

assets/js/admin.js

@@ -28,6 +28,8 @@
 			rankMathAction: field.getAttribute('data-rankmath-action') || '',
 			status: field.querySelector('.groq-ai-apply-status') || null,
 			statusTimer: null,
+			suggestionWrapper: field.querySelector('[data-title-suggestions]') || null,
+			suggestionOptions: field.querySelector('[data-title-suggestions-options]') || null,
 		};
 	});
 
@@ -92,8 +94,8 @@
 		statusField.setAttribute('data-status', type);
 	}
 
-	const loadingText = window.wp && wp.i18n ? wp.i18n.__('AI is bezig met schrijven...', 'groq-ai-product-text') : 'AI is bezig met schrijven...';
-	const retryText = window.wp && wp.i18n ? wp.i18n.__('Probeer het opnieuw of pas je prompt/context aan.', 'groq-ai-product-text') : 'Probeer het opnieuw of pas je prompt/context aan.';
+	const loadingText = window.wp && wp.i18n ? wp.i18n.__('AI is bezig met schrijven...', 'siti-ai-product-content-generator') : 'AI is bezig met schrijven...';
+	const retryText = window.wp && wp.i18n ? wp.i18n.__('Probeer het opnieuw of pas je prompt/context aan.', 'siti-ai-product-content-generator') : 'Probeer het opnieuw of pas je prompt/context aan.';
 
 	function toggleLoading(isLoading) {
 		modal.classList.toggle('is-loading', isLoading);
@@ -120,6 +122,7 @@
 				jsonCopyButton.disabled = true;
 			}
 			resetFieldStatuses();
+			clearTitleSuggestions();
 
 			fetch(GroqAIGenerator.ajaxUrl, {
 				method: 'POST',
@@ -142,6 +145,7 @@
 								entry.textarea.value = fields[key] || '';
 							}
 						});
+						updateTitleSuggestions(fields.title_suggestions);
 						resultField.textContent = (json.data.raw || '').trim();
 						resultWrapper.hidden = false;
 						if (jsonCopyButton) {
@@ -317,6 +321,8 @@
 				return ['textarea[name="rank_math_description"]'];
 			case 'focus_keywords':
 				return ['input[name="rank_math_focus_keyword"]'];
+			case 'slug':
+				return ['#post_name', 'input[name="post_name"]', '#new-post-slug'];
 			default:
 				return [];
 		}
@@ -357,6 +363,89 @@
 		});
 	}
 
+	function clearTitleSuggestions() {
+		const entry = resultFields.title;
+		if (!entry || !entry.suggestionWrapper || !entry.suggestionOptions) {
+			return;
+		}
+		entry.suggestionOptions.innerHTML = '';
+		entry.suggestionWrapper.hidden = true;
+	}
+
+	function updateTitleSuggestions(options) {
+		const entry = resultFields.title;
+		if (!entry || !entry.suggestionWrapper || !entry.suggestionOptions) {
+			return;
+		}
+
+		entry.suggestionOptions.innerHTML = '';
+
+		const sanitized = Array.isArray(options)
+			? options
+					.map((option) => (typeof option === 'string' ? option.trim() : ''))
+					.filter((option) => option.length > 0)
+					.slice(0, 3)
+			: [];
+
+		if (!sanitized.length) {
+			entry.suggestionWrapper.hidden = true;
+			return;
+		}
+
+		entry.suggestionWrapper.hidden = false;
+
+		const currentValue = entry.textarea ? entry.textarea.value.trim() : '';
+		const normalizedCurrent = currentValue.toLowerCase();
+		let selectedValue = '';
+
+		if (normalizedCurrent) {
+			const matched = sanitized.find((text) => text.toLowerCase() === normalizedCurrent);
+			if (matched) {
+				selectedValue = matched;
+				if (entry.textarea) {
+					entry.textarea.value = matched;
+				}
+			}
+		}
+
+		if (!selectedValue) {
+			selectedValue = sanitized[0];
+			if (entry.textarea) {
+				entry.textarea.value = sanitized[0];
+			}
+		}
+
+		const groupName = `groq-ai-title-option-${Date.now()}`;
+
+		sanitized.forEach((text, index) => {
+			const optionId = `${groupName}-${index}`;
+			const optionWrapper = document.createElement('label');
+			optionWrapper.className = 'groq-ai-title-suggestions__option';
+
+			const radio = document.createElement('input');
+			radio.type = 'radio';
+			radio.name = groupName;
+			radio.id = optionId;
+			radio.value = text;
+			if (text === selectedValue) {
+				radio.checked = true;
+			}
+
+			radio.addEventListener('change', () => {
+				if (entry.textarea) {
+					entry.textarea.value = text;
+				}
+			});
+
+			const textSpan = document.createElement('span');
+			textSpan.textContent = text;
+
+			optionWrapper.appendChild(radio);
+			optionWrapper.appendChild(textSpan);
+			entry.suggestionOptions.appendChild(optionWrapper);
+		});
+	}
+
 	function resetContextToggles() {
 		const defaults = GroqAIGenerator.contextDefaults || {};
 		contextToggles.forEach((toggle) => {