@alpaca-editor/core 1.0.4184 → 1.0.4185

package/src/tour/default-tour.tsx

@@ -63,7 +63,7 @@ export function getDefaultTourSteps(
         </>
       ),
       focusElement: '#create-new-page-button, [data-testid="create-new-page-button"]',
-      bubblePosition: "top-right",
+      bubblePosition: "right",
       waitForUserInput: async () => {
         await waitForElement(".tour-pick-location");
       },
@@ -261,63 +261,78 @@ export function getDefaultTourSteps(
             <>
               <ArrowRight className="inline h-4 w-4" /> Great, show me!
             </>
-          ),
-          onClick: () => nextStep("open-agents-panel"),
+            ),
+            onClick: () => nextStep("open-agents-panel"),
+          },
+          ],
         },
-      ],
-    },
     "open-agents-panel": {
-      title: "Open AI Agents",
-      description: "Open the Agents panel to start an AI chat.",
-      focusElement: `#agents-panel-button, [data-testid="agents-panel-button"]`,
-      bubblePosition: "left",
-      waitForUserInput: async () => {
-        // Falls das Panel schon offen & Prompt da ist → sofort weiter
-        //if (document.querySelector(`[data-testid="agent-terminal-prompt"]`)) return;
-
-        const btn = document.querySelector(`#agents-panel-button, [data-testid="agents-panel-button"]`);
-        if (btn) {
-          await new Promise<void>((resolve) => {
+          title: "Open AI Agents",
+          description: "Open the Agents panel to start an AI chat.",
+          focusElement: "#agents-panel-button, [data-testid='agents-panel-button']",
+          bubblePosition: "left",
+          waitForUserInput: async () => {
+          const btn = document.querySelector(
+            "#agents-panel-button, [data-testid='agents-panel-button']"
+          );
+          if (btn) {
+            await new Promise<void>((resolve) => {
             btn.addEventListener("click", () => resolve(), { once: true });
-          });
-        }
-
-        await delay(500);
-        await waitForElement(`[data-testid="agent-terminal-prompt"]`);
-      },
-      nextStep: "start-agent-chat",
-    },
+            });
+          }
+          await delay(500);
+          await waitForElement("[data-testid='agent-profile-card']");
+          },
+          nextStep: "choose-agent",
+        },
+    "choose-agent": {
+          title: "Choose an AI Agent",
+          description: "Choose an AI agent to assist you with your tasks.",
+          focusElement: "#agent-profile-card, [data-testid='agent-profile-card']",
+          bubblePosition: "left",
+          waitForUserInput: async () => {
+          const btn = document.querySelector(
+            "#agent-profile-card, [data-testid='agent-profile-card']"
+          );
+          if (btn) {
+            await new Promise<void>((resolve) => {
+            btn.addEventListener("click", () => resolve(), { once: true });
+            });
+          }
+          await delay(500);
+          await waitForElement("[data-testid='agent-terminal-prompt']");
+          },
+          nextStep: "start-agent-chat",
+        },
     "start-agent-chat": {
-      title: "Start a chat",
-      description: "Type a prompt for the agent - Let AI create your whole webppage or just parts and press Enter.",
-      focusElement: `[data-testid="agent-terminal-prompt"]`,
-      bubblePosition: "top-left",
-      buttons: [
-        {
-          label: (
+          title: "Start a chat",
+          description:
+          "Type a prompt for the agent - Let AI create your whole webpage or just parts and press Enter.",
+          focusElement: "[data-testid='agent-terminal-prompt']",
+          bubblePosition: "top-left",
+          buttons: [
+          {
+            label: (
             <>
               <Check className="inline h-4 w-4" /> Got it
             </>
-          ),
-          onClick: () => nextStep("congratulations"),
-          className: "button button-primary mt-2",
+            ),
+            onClick: () => nextStep("congratulations"),
+            className: "button button-primary mt-2",
+          },
+          ],
+          waitForUserInput: async () => {
+          await waitForInput("[data-testid='agent-terminal-prompt'] textarea", 5);
+          },
+          nextStep: "congratulations",
         },
-      ],
-      waitForUserInput: async () => {
-        await waitForInput(
-          `[data-testid="agent-terminal-prompt"] textarea`,
-          5,
-        );
-      },
-      nextStep: "congratulations",
-    },
 
     congratulations: {
-      title: "Congratulations!",
-      description: "You have completed the tour and are now an AI Editor Pro!",
-      buttons: [
-        {
-          label: (
+          title: "Congratulations!",
+          description: "You have completed the tour and are now an AI Editor Pro!",
+          buttons: [
+          {
+            label: (
             <>
               <Check className="inline h-4 w-4" /> Finish Tour
             </>