@alpaca-editor/core 1.0.3914 → 1.0.3915

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

@@ -74,7 +74,7 @@ export const ImagesStep = (props: StepComponentProps) => {
 
   const editContext = useEditContext();
 
-  const propName = props.step.propertyName || "images";
+  const propName = props.step.fields.propertyName || "images";
 
   const [showFolderDialog, setShowFolderDialog] = useState<boolean>(false);
   const [collapsedSections, setCollapsedSections] = useState<Set<number>>(
@@ -106,7 +106,7 @@ export const ImagesStep = (props: StepComponentProps) => {
                      Please anaylze the provided data and suggest a number of images and specific keywords per image. The keywords will be used to find matching images in the image library.                 
                      Response JSON format: { images: Image[] } type Image = { title: string,  keywords: string[] }
                      Input data: ${JSON.stringify(props.data)}
-                     Instructions: ${props.step.instructions}`,
+                     Instructions: ${props.step.fields.instructions}`,
 
             name: "system",
             role: "system",

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

@@ -44,7 +44,7 @@ export function LayoutStep({
   }, [data.pageModel, isLoading]);
 
   useEffect(() => {
-    setCustomInstructions(step.instructions);
+    setCustomInstructions(step.fields.instructions);
   }, []);
 
   const createLayout = async () => {
@@ -133,10 +133,10 @@ export function LayoutStep({
     if (!selectedComponentTypes.length) return;
 
     // Only set custom instructions if they're not already set or if step.instructions has changed
-    if (customInstructions !== step.instructions) {
-      setCustomInstructions(step.instructions);
+    if (customInstructions !== step.fields.instructions) {
+      setCustomInstructions(step.fields.instructions);
     }
-  }, [step.instructions, selectedComponentTypes]);
+  }, [step.fields.instructions, selectedComponentTypes]);
 
   // Custom instructions panel
   const customInstructionsPanel = () => {

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

@@ -50,7 +50,7 @@ export function MetaDataStep({
 
     const generateMetaFields = async () => {
       const metaInstructions =
-        step["Instructions for generating item name and meta fields"];
+        step.fields["Instructions for generating item name and meta fields"];
 
       setIsGenerating(true);
 

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

@@ -35,10 +35,10 @@ export function SelectStep({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [selectedOptions, setSelectedOptions] = useState<string[]>([]);
-  const [instructions, setInstructions] = useState(step.instructions);
+  const [instructions, setInstructions] = useState(step.fields.instructions);
 
   // Get the property name from the step or use "choice" as default
-  const propertyName = step.propertyName || "selectedOptions";
+  const propertyName = step.fields.propertyName || "selectedOptions";
 
   useEffect(() => {
     if (data[propertyName]?.length) {
@@ -91,7 +91,7 @@ export function SelectStep({
         createWizardAiContext,
         { allowedFunctions: [] },
         undefined,
-        step.aiModel || "gpt-4.1",
+        step.fields.aiModel || "gpt-4.1",
       );
 
       // Parse the result and set options
@@ -131,7 +131,7 @@ export function SelectStep({
       return;
     }
     generateOptions();
-  }, [step.instructions, internalState]);
+  }, [step.fields.instructions, internalState]);
 
   // Sync data[propertyName] with selectedOptions state
   useEffect(() => {
@@ -180,9 +180,12 @@ export function SelectStep({
   return (
     <div className="flex h-full flex-col md:flex-row">
       <WizardBox
-        title="Configuration"
+        title={step.fields.configureTitle || "Configuration"}
         icon={<Settings />}
-        description="Configure instructions and regenerate options"
+        description={
+          step.fields.configureDescription ||
+          "Configure instructions and regenerate options"
+        }
         className="md:w-96"
       >
         <div className="flex h-full flex-col items-stretch">
@@ -193,7 +196,7 @@ export function SelectStep({
                 className="h-48 w-full text-sm"
                 value={instructions}
                 onChange={(e) => setInstructions(e.target.value)}
-                placeholder="Enter instructions for the options"
+                placeholder="Enter instructions for generating the options"
               />
             </div>
           </div>
@@ -212,15 +215,22 @@ export function SelectStep({
       </WizardBox>
       <WizardBoxConnector />
       <WizardBox
-        title="Select Options"
+        title={step.fields.selectOptionsTitle || "Select Options"}
         icon={<CheckSquare />}
-        description="Choose from the generated options below"
+        description={
+          step.fields.selectOptionsDescription ||
+          "Choose from the generated options below"
+        }
         className="flex-1"
       >
         <div className="h-full">
           {loading && (
             <div className="flex h-full items-center justify-center">
-              <Generate title="Generating options..." />
+              <Generate
+                title={
+                  step.fields.generatingOptionsText || "Generating options..."
+                }
+              />
             </div>
           )}
           {!loading && (

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.3914";
-export const buildDate = "2025-06-02 01:46:23";
+export const version = "1.0.3915";
+export const buildDate = "2025-06-02 11:42:22";

package/src/splash-screen/SplashScreen.tsx

@@ -134,6 +134,25 @@ export function SplashScreen() {
                 <ActionButton onClick={() => editContext?.startTour()}>
                   Take tour <MagicEditIcon />
                 </ActionButton>
+                <ActionButton
+                  onClick={() => {
+                    window.open(
+                      "/sitecore/shell/sitecore/client/Applications/Launchpad",
+                      "_blank",
+                    );
+                  }}
+                >
+                  Open Sitecore Launchpad
+                </ActionButton>
+
+                <ActionButton
+                  className="mt-6 md:mt-18"
+                  onClick={() => {
+                    editContext?.switchView("page-editor");
+                  }}
+                >
+                  Return to editor
+                </ActionButton>
               </div>
             </div>
           </Card>