@alpaca-editor/core 1.0.4013 → 1.0.4015

package/src/page-wizard/steps/LayoutStep.tsx

@@ -18,6 +18,7 @@ export function LayoutStep({
   setStepCompleted,
   internalState,
   setInternalState,
+  setPageModel, // Add missing prop
 }: StepComponentProps) {
   const editContext = useEditContext();
   const abortController = new AbortController();
@@ -66,31 +67,31 @@ export function LayoutStep({
       const result = await executePrompt(
         [
           {
-            content: `${customInstructions?.trim()} Reply with a json object of type PageModel = { name: string; metaDescription: string; components: Component[]; message: string; }; 
-              Component = {  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. Also suggest a page name following default sitecore item naming conventions (no underscores, no white space, no umlaute, no special characters, hyphens are allowed) and the page meta description.
-              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.
-              Fill image ids into picture / image fields.
-              Input data: ${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; };
+              
+              Input data: ${JSON.stringify(data)}
+              
+              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",
+            id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
           },
         ],
-        editContext,
-        createWizardAiContext,
-        {},
-        { signal: localAbortController.signal },
-        "gpt-4.1",
-        (response) => {
+        { editContext, createAiContext: createWizardAiContext },
+        { model: "gpt-4.1" },
+        { signal: abortController.signal },
+        (response: any) => {
           try {
             // Handle streaming response - might have different structure during streaming
             const content =
@@ -99,14 +100,9 @@ export function LayoutStep({
             if (content) {
               const newLayout = JSON.parse(content) as WizardPageModel;
 
-              if (newLayout) {
-                setData((prev: WizardData) => ({
-                  ...prev,
-                  pageModel: newLayout,
-                }));
+              if (newLayout && setPageModel) {
+                setPageModel(newLayout);
               }
-
-              setMessage(newLayout.message);
             }
           } catch (parseError: unknown) {}
         },

package/src/page-wizard/steps/MetaDataStep.tsx

@@ -60,33 +60,23 @@ export function MetaDataStep({
         const result = await executePrompt(
           [
             {
-              content: `${metaInstructions?.trim()} Reply with a json object of type PageModel = { metaDescription: string; metaKeywords: string; };               
-              Generate SEO-optimized meta description and keywords.
-              The language of the page is ${parentItem?.language || "en"}.
-              Input data: ${JSON.stringify(data)}`,
+              content: `${metaInstructions?.trim()} Reply with a json object of type PageModel = { metaDescription: string; metaKeywords: string; };
+                The language of the page is ${parentItem?.language || "en"}.
+                Input data: ${JSON.stringify(data)}`,
               name: "system",
               role: "system",
+              id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
             },
           ],
-          editContext,
-          createWizardAiContext,
-          {},
+          { editContext, createAiContext: createWizardAiContext },
+          { model: "gpt-4.1" },
           { signal: abortController.signal },
-          "gpt-4.1",
-          (response) => {
+          (response: any) => {
             try {
-              // Handle streaming response - might have different structure during streaming
-              const content =
-                response.content ||
-                response.messages?.[response.messages.length - 1]?.content;
-              if (content) {
-                const newLayout = JSON.parse(content) as WizardPageModel;
-
-                setPageModel({
-                  ...pageModel,
-                  metaDescription: newLayout.metaDescription,
-                  metaKeywords: newLayout.metaKeywords,
-                });
+              const newLayout = JSON.parse(response.content) as WizardPageModel;
+
+              if (newLayout && setPageModel) {
+                setPageModel(newLayout);
               }
             } catch (parseError: unknown) {}
           },

package/src/page-wizard/steps/SelectStep.tsx

@@ -92,27 +92,30 @@ export function SelectStep({
       )}`;
 
       // Call the executePrompt function with the prompt
+      const abortController = new AbortController();
       const result = await executePrompt(
         [
           {
             content: `You are a helpful assistant that generates options for a wizard select step.
-              Generate a JSON array of options based on the instructions and current data.            
-              ONLY respond with a valid JSON array without any explanation or additional text.
-              JSON format: {options: {title: string, description: string}[] }`,
+
+Return a JSON array of objects with the following structure:
+[{ "value": "option_value", "label": "Option Label", "description": "Brief description" }]
+
+Create ${step.fields.numberOfOptions || 5} relevant options.`,
             name: "system",
             role: "system",
+            id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
           },
           {
             content: prompt,
             name: "user",
             role: "user",
+            id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
           },
         ],
-        editContext,
-        createWizardAiContext,
-        { allowedFunctions: [] },
-        undefined,
-        step.fields.aiModel || "gpt-4.1",
+        { editContext, createAiContext: createWizardAiContext },
+        { model: step.fields.aiModel || "gpt-4.1" },
+        { signal: abortController.signal },
       );
 
       // Parse the result and set options

package/src/page-wizard/steps/StructureStep.tsx

@@ -130,18 +130,17 @@ ${JSON.stringify(data)}`;
             content: `You are an expert content strategist helping to structure content.  Return ONLY a valid JSON array with section objects in this exact format: {sections: [{type: string, content: string, description: string}] }`,
             name: "system",
             role: "system",
+            id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
           },
           {
             content: basePrompt,
             name: "user",
             role: "user",
+            id: crypto.randomUUID(), // Use proper UUID instead of Date.now()
           },
         ],
-        editContext,
-        createWizardAiContext,
-        { allowedFunctions: [] },
-        undefined,
-        step.fields.aiModel || "gpt-4.1",
+        { editContext, createAiContext: createWizardAiContext },
+        { allowedFunctions: [], model: step.fields.aiModel || "gpt-4.1" },
       );
 
       console.log("AI RESULT: ", result);

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4013";
-export const buildDate = "2025-07-23 08:21:59";
+export const version = "1.0.4015";
+export const buildDate = "2025-07-24 09:45:13";