@parhelia/page-wizard 0.1.11652 → 0.1.11666

package/dist/dist/steps/ContentStep.js

@@ -93,11 +93,11 @@ export function ContentStep({ wizard, step, parentItem, pageModel, setPageModel,
                 return;
             }
             const processedPrompt = templateResult.value;
-            const promptContent = `${processedPrompt?.trim()} 
-				You can use get-children to explore existing items and create-item to create new items if needed.
-				Reply with a json object of type { id: string; path: string; } containing the ID and path of the target item.
-				The language of the content is ${language}.
-				Current parent item: ${fullParentItem?.path || parentItem?.id}
+            const promptContent = `${processedPrompt?.trim()} 
+				You can use get-children to explore existing items and create-item to create new items if needed.
+				Reply with a json object of type { id: string; path: string; } containing the ID and path of the target item.
+				The language of the content is ${language}.
+				Current parent item: ${fullParentItem?.path || parentItem?.id}
 				`;
             console.log("PROMPT (selectTargetItem):", promptContent);
             const result = await executePromptWithJsonResult([
@@ -193,13 +193,13 @@ export function ContentStep({ wizard, step, parentItem, pageModel, setPageModel,
                 return;
             }
             const processedInstructions = templateResult.value;
-            const promptContent = `${processedInstructions?.trim()} Reply with a json object of type PageModel = { name: string; };                       
-				  The language of the page is ${language}.
+            const promptContent = `${processedInstructions?.trim()} Reply with a json object of type PageModel = { name: string; };                       
+				  The language of the page is ${language}.
 				  `;
             console.log("PROMPT (generatePageName):", promptContent);
             const pageModelResult = await executePromptWithJsonResult([
                 {
-                    content: `${processedInstructions?.trim()} Reply with a json object of type PageModel = { name: string; };                       
+                    content: `${processedInstructions?.trim()} Reply with a json object of type PageModel = { name: string; };                       
 				  The language of the page is ${language}.`,
                     name: "system",
                     role: "system",
@@ -641,27 +641,27 @@ export function ContentStep({ wizard, step, parentItem, pageModel, setPageModel,
             const processedInstructions = templateResult.value;
             const prompt = [
                 {
-                    content: `${processedInstructions ? processedInstructions?.trim() : ""} Reply with a json object of type PageModel = { fields: Field[]; components: Component[]; message: string; }; 
-            Component = { id: string | undefined, name: string, type: string;  fields: Field[]; placeholder?: string; children?: Component[]; }; 
-            Field = {  name: string;  value: string;  type: string; };
-            Generate a descriptive name for each component including the topic.
-              Only use component types that are in the page schema.
-              Keep existing components with their ids. Leave id field empty for new components.
-              To generate images write generate: <keywords> into the picture / image field value.
-            ${(existingPageModel && `Existing page model: ${JSON.stringify(existingPageModel)}`) || ""}
+                    content: `${processedInstructions ? processedInstructions?.trim() : ""} Reply with a json object of type PageModel = { fields: Field[]; components: Component[]; message: string; }; 
+            Component = { id: string | undefined, name: string, type: string;  fields: Field[]; placeholder?: string; children?: Component[]; }; 
+            Field = {  name: string;  value: string;  type: string; };
+            Generate a descriptive name for each component including the topic.
+              Only use component types that are in the page schema.
+              Keep existing components with their ids. Leave id field empty for new components.
+              To generate images write generate: <keywords> into the picture / image field value.
+            ${(existingPageModel && `Existing page model: ${JSON.stringify(existingPageModel)}`) || ""}
           Fill empty fields of existing components before you insert new components. Page fields: ${JSON.stringify(schema.pageFields.map((f) => {
                         return {
                             name: f.name,
                             type: f.type,
                         };
-                    }))}
+                    }))}
             Available component types: ${JSON.stringify(filteredSchema)} Root level component types ${filteredSchema
                         .filter((c) => c.allowedOnRoot)
                         .map((c) => c.type)
-                        .join(", ")}
-            Tell the user your reasoning in the message field.
-           
-            The language of the page is ${language || editContextRef.current.page.item.language}.
+                        .join(", ")}
+            Tell the user your reasoning in the message field.
+           
+            The language of the page is ${language || editContextRef.current.page.item.language}.
             `,
                     name: "system",
                     role: "system",

package/dist/dist/steps/FindItemsStep.js

@@ -145,23 +145,23 @@ export function FindItemsStep({ step, data, setData, setStepCompleted, internalS
             setLoadingAI(false);
             return;
         }
-        const basePrompt = `
-${systemInstructionsResult.value || ""}
-
-You need to suggest relevant content items from a content tree. Here are the details:
-
-
-Source Root IDs: ${JSON.stringify(rootItemIds)}
-Multi-select: ${multiSelect}
-Max selections needed: ${multiSelect ? "multiple" : "1"}
-
-You can use the get-children function to traverse the content tree and find relevant items.
-Start from the root IDs provided and explore the tree to find items that match the input data.
-
-Return a JSON object with suggested item IDs in this format:
-{
-  "suggestions": ["item-id-1", "item-id-2", ...],
-  "reasoning": "Brief explanation of why these items were selected"
+        const basePrompt = `
+${systemInstructionsResult.value || ""}
+
+You need to suggest relevant content items from a content tree. Here are the details:
+
+
+Source Root IDs: ${JSON.stringify(rootItemIds)}
+Multi-select: ${multiSelect}
+Max selections needed: ${multiSelect ? "multiple" : "1"}
+
+You can use the get-children function to traverse the content tree and find relevant items.
+Start from the root IDs provided and explore the tree to find items that match the input data.
+
+Return a JSON object with suggested item IDs in this format:
+{
+  "suggestions": ["item-id-1", "item-id-2", ...],
+  "reasoning": "Brief explanation of why these items were selected"
 } Do not add comments to the JSON.`;
         // Log input data for AI processing but don't auto-populate selections
         console.log("INPUT DATA FOR AI PROCESSING: ", evaluatedInputData, basePrompt);

package/dist/dist/steps/ImagesStep.js

@@ -41,13 +41,13 @@ export const ImagesStep = (props) => {
                 "Please analyze the provided data and suggest images.";
             const aiPromptResult = await executePrompt([
                 {
-                    content: `You are an AI assistant for building a web page. You will later have to create images for the page.
-            ${imageInstructions}
-
-            Reply with a json object of type WizardPageModel = { message: string; components: Component[]; };
-
-            Where components are of type Component = { id: string; name: string; imageFields: {name: string; value: string; alt: string; prompt: string; }[]; };
-            You should update images existing images in fields in the components array. Update the prompt field for each image, keep name, value and alt unchanged. Make sure you populate prompt field for every image.
+                    content: `You are an AI assistant for building a web page. You will later have to create images for the page.
+            ${imageInstructions}
+
+            Reply with a json object of type WizardPageModel = { message: string; components: Component[]; };
+
+            Where components are of type Component = { id: string; name: string; imageFields: {name: string; value: string; alt: string; prompt: string; }[]; };
+            You should update images existing images in fields in the components array. Update the prompt field for each image, keep name, value and alt unchanged. Make sure you populate prompt field for every image.
             `,
                     name: "system",
                     role: "system",

package/dist/dist/steps/LayoutStep.js

@@ -37,21 +37,21 @@ export function LayoutStep({ wizard, step, data, setData, setStepCompleted, inte
             const filteredSchema = convertPageSchemaToWizardComponents(schema, selectedComponentTypes);
             const result = await executePrompt([
                 {
-                    content: `${customInstructions?.trim()} Reply with a json object of type PageModel = { name: string; metaDescription: string; components: Component[]; message: string; };
-              Where components are of type Component = { id: string; name: string; fields: FieldDefinition[]; styles: string; };
-              And fields are of type FieldDefinition = { name: string; type: string; value: string; };
-              
-              
-              
-              Types: Row: Use this to group components horizontally. Section: Use this to group components with a background color or spacing. Title: Use for titles and headings. Text: Use for general text content. Quote: Use for quotes and callouts. Image: Use for images and media. TeaserList: Use for lists of items with images and descriptions. Test: Component for testing and prototyping.
-              
-              Component Guidelines:
-              - Use Row components to group related content horizontally
-              - Use Section components as containers for logical page sections
-              - Populate all required fields with realistic content
-              - Use appropriate HTML structure within styles
-              - Make the content relevant to: ${JSON.stringify(data)}
-              
+                    content: `${customInstructions?.trim()} Reply with a json object of type PageModel = { name: string; metaDescription: string; components: Component[]; message: string; };
+              Where components are of type Component = { id: string; name: string; fields: FieldDefinition[]; styles: string; };
+              And fields are of type FieldDefinition = { name: string; type: string; value: string; };
+              
+              
+              
+              Types: Row: Use this to group components horizontally. Section: Use this to group components with a background color or spacing. Title: Use for titles and headings. Text: Use for general text content. Quote: Use for quotes and callouts. Image: Use for images and media. TeaserList: Use for lists of items with images and descriptions. Test: Component for testing and prototyping.
+              
+              Component Guidelines:
+              - Use Row components to group related content horizontally
+              - Use Section components as containers for logical page sections
+              - Populate all required fields with realistic content
+              - Use appropriate HTML structure within styles
+              - Make the content relevant to: ${JSON.stringify(data)}
+              
               Please create a well-structured page layout with proper content hierarchy.`,
                     name: "system",
                     role: "system",

package/dist/dist/steps/SelectStep.js

@@ -61,11 +61,11 @@ export function SelectStep({ step, data, setData, setStepCompleted, internalStat
             const abortController = new AbortController();
             const result = await executePromptWithJsonResult([
                 {
-                    content: `You are a helpful assistant that generates options for a wizard select step.
-
-Return a JSON array of objects with the following structure:
-[{ "value": "option_value", "label": "Option Label", "description": "Brief description", id: "unique_id" }]
-
+                    content: `You are a helpful assistant that generates options for a wizard select step.
+
+Return a JSON array of objects with the following structure:
+[{ "value": "option_value", "label": "Option Label", "description": "Brief description", id: "unique_id" }]
+
 Create ${step.fields.numberOfOptions || 5} relevant options.`,
                     name: "system",
                     role: "system",

package/dist/dist/steps/StructureStep.js

@@ -89,10 +89,10 @@ export function StructureStep({ step, data, setData, setStepCompleted, internalS
             setLoading(false);
             return;
         }
-        const basePrompt = `
-${systemInstructionsResult.value || ""}
-
-${customInstructionsResult.value ? `Additional requirements: ${customInstructionsResult.value}` : ""}
+        const basePrompt = `
+${systemInstructionsResult.value || ""}
+
+${customInstructionsResult.value ? `Additional requirements: ${customInstructionsResult.value}` : ""}
 `;
         try {
             const result = await executePrompt([

package/dist/dist/steps/TranslateStep.js

@@ -133,9 +133,9 @@ export function TranslateStep({ step, data, setData, setStepCompleted, internalS
         }
         setIsDetectingLanguage(true);
         try {
-            const prompt = `Analyze the following text and identify the language it is written in. Return only the language name in English (e.g., "Spanish", "French", "German", "Italian", etc.). Do not include any other text or explanation.
-
-Text to analyze:
+            const prompt = `Analyze the following text and identify the language it is written in. Return only the language name in English (e.g., "Spanish", "French", "German", "Italian", etc.). Do not include any other text or explanation.
+
+Text to analyze:
 ${documentContent.substring(0, 1000)}`;
             const abortController = new AbortController();
             const result = await executePrompt([
@@ -220,28 +220,28 @@ ${documentContent.substring(0, 1000)}`;
                 fieldName: field.fieldName,
                 originalValue: field.value,
             })));
-            const prompt = `You are a translation assistant. You have been given a document in ${targetLanguage.name} and a list of fields that need to be translated from ${sourceLanguage} to ${targetLanguage.name}.
-
-Your task is to:
-1. Match the content from the provided document to the fields that need translation
-2. Return ONLY the translated text from the document - do not change, modify, or create any new text
-3. If you cannot find a suitable translation in the document for a field, leave the translatedValue empty
-
-Document content:
-${documentContent}
-
-Fields to translate:
-${JSON.stringify(fieldsForTranslation, null, 2)}
-
-Return your response as a JSON object in this exact format:
-{
-  "translations": [
-    {
-      "itemId": "item-id",
-      "fieldId": "field-id", 
-      "translatedValue": "exact text from document"
-    }
-  ]
+            const prompt = `You are a translation assistant. You have been given a document in ${targetLanguage.name} and a list of fields that need to be translated from ${sourceLanguage} to ${targetLanguage.name}.
+
+Your task is to:
+1. Match the content from the provided document to the fields that need translation
+2. Return ONLY the translated text from the document - do not change, modify, or create any new text
+3. If you cannot find a suitable translation in the document for a field, leave the translatedValue empty
+
+Document content:
+${documentContent}
+
+Fields to translate:
+${JSON.stringify(fieldsForTranslation, null, 2)}
+
+Return your response as a JSON object in this exact format:
+{
+  "translations": [
+    {
+      "itemId": "item-id",
+      "fieldId": "field-id", 
+      "translatedValue": "exact text from document"
+    }
+  ]
 }`;
             const abortController = new AbortController();
             const result = await executePrompt([
@@ -309,23 +309,23 @@ Return your response as a JSON object in this exact format:
         setTranslatingFields((prev) => new Set(prev).add(fieldKey));
         try {
             // Create a prompt for this specific field
-            const prompt = `You are a translation assistant. You have been given a document in ${targetLanguage.name} and a single field that needs to be translated from ${sourceLanguage} to ${targetLanguage.name}.
-
-Your task is to:
-1. Find content from the provided document that matches this field
-2. Return ONLY the translated text from the document - do not change, modify, or create any new text
-3. If you cannot find a suitable translation in the document for this field, return an empty string
-
-Document content:
-${documentContent}
-
-Field to translate:
-- Field Name: ${field.fieldName}
-- Value (${sourceLanguage}): ${field.value}
-
-Return your response as a JSON object in this exact format:
-{
-  "translatedValue": "exact text from document or empty string if no match found"
+            const prompt = `You are a translation assistant. You have been given a document in ${targetLanguage.name} and a single field that needs to be translated from ${sourceLanguage} to ${targetLanguage.name}.
+
+Your task is to:
+1. Find content from the provided document that matches this field
+2. Return ONLY the translated text from the document - do not change, modify, or create any new text
+3. If you cannot find a suitable translation in the document for this field, return an empty string
+
+Document content:
+${documentContent}
+
+Field to translate:
+- Field Name: ${field.fieldName}
+- Value (${sourceLanguage}): ${field.value}
+
+Return your response as a JSON object in this exact format:
+{
+  "translatedValue": "exact text from document or empty string if no match found"
 }`;
             const abortController = new AbortController();
             const result = await executePrompt([
@@ -379,26 +379,26 @@ Return your response as a JSON object in this exact format:
         const fieldKey = `${itemId}-${fieldId}`;
         setCheckingFields((prev) => new Set(prev).add(fieldKey));
         try {
-            const prompt = `You are a translation quality checker. Your task is to evaluate if a translation is complete and accurate.
-
-Original text (${sourceLanguage}):
-${originalText}
-
-Translated text (${targetLanguage?.name || "target language"}):
-${translatedText}
-
-Field context: ${fieldName}
-
-Is the translation complete (no missing content)? Do not assess the quality of the translation, just if it is complete. Only report missing sentences missing completely.
- Do not report missing words, phrases, or content that is present in the original text.  We just want to make sure we copied all content from the translation document.
-
-If the translation is incomplete, identify specific content, phrases, or meaning that exists in the original but is missing in the translation, and suggest the exact text that should be added to make the translation complete.
-
-Return your response as a JSON object in this exact format:
-{
-  "isComplete": true/false,
-  "reason": "Brief explanation of your assessment",
-  "missingSuggestions": "If isComplete is false, provide specific suggestions for what needs to be added to complete the translation. Include the actual text that should be added. If isComplete is true, leave this empty."
+            const prompt = `You are a translation quality checker. Your task is to evaluate if a translation is complete and accurate.
+
+Original text (${sourceLanguage}):
+${originalText}
+
+Translated text (${targetLanguage?.name || "target language"}):
+${translatedText}
+
+Field context: ${fieldName}
+
+Is the translation complete (no missing content)? Do not assess the quality of the translation, just if it is complete. Only report missing sentences missing completely.
+ Do not report missing words, phrases, or content that is present in the original text.  We just want to make sure we copied all content from the translation document.
+
+If the translation is incomplete, identify specific content, phrases, or meaning that exists in the original but is missing in the translation, and suggest the exact text that should be added to make the translation complete.
+
+Return your response as a JSON object in this exact format:
+{
+  "isComplete": true/false,
+  "reason": "Brief explanation of your assessment",
+  "missingSuggestions": "If isComplete is false, provide specific suggestions for what needs to be added to complete the translation. Include the actual text that should be added. If isComplete is true, leave this empty."
 }`;
             const abortController = new AbortController();
             const result = await executePrompt([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parhelia/page-wizard",
-  "version": "0.1.11652",
+  "version": "0.1.11666",
   "type": "module",
   "publishConfig": {
     "access": "public"