vibespot 0.9.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibespot",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "AI-powered HubSpot CMS landing page builder — vibe coding & React converter",
   "type": "module",
   "bin": {

package/ui/setup.js

@@ -293,9 +293,10 @@ function updateRailActive() {
   });
 }
 
-// "+" button → go to setup
+// "+" button → open New Theme panel (show setup first if needed)
 document.getElementById("project-rail-add")?.addEventListener("click", () => {
-  showSetup();
+  if (setupScreen.classList.contains("hidden")) showSetup();
+  togglePanel("new");
 });
 
 // ---------------------------------------------------------------------------
@@ -691,26 +692,35 @@ async function fetchTheme() {
   }
 }
 
+let _openThemePromise = null;
 async function openTheme(pathOrName) {
+  // Deduplicate concurrent calls for the same theme
+  if (_openThemePromise) return _openThemePromise;
   showLoading("Opening theme...");
 
-  try {
-    const res = await fetch("/api/setup/open", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ path: pathOrName }),
-    });
-    const data = await res.json();
+  _openThemePromise = (async () => {
+    try {
+      const res = await fetch("/api/setup/open", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: pathOrName }),
+      });
+      const data = await res.json();
 
-    if (data.error) {
-      showError(data.error);
-      return;
+      if (data.error) {
+        showError(data.error);
+        return;
+      }
+
+      showApp(data.themeName);
+    } catch (err) {
+      showError("Failed to open theme: " + err.message);
+    } finally {
+      _openThemePromise = null;
     }
+  })();
 
-    showApp(data.themeName);
-  } catch (err) {
-    showError("Failed to open theme: " + err.message);
-  }
+  return _openThemePromise;
 }
 
 async function resumeSession(sessionId) {
@@ -1190,14 +1200,18 @@ function handleRoute() {
   }
 }
 
-window.addEventListener("popstate", handleRoute);
-
 // ---------------------------------------------------------------------------
 // Initialize — check URL hash first, fall back to setup screen
 // ---------------------------------------------------------------------------
 
-if (location.hash && (location.hash.startsWith("#/app/") || location.hash.startsWith("#/dashboard/"))) {
-  handleRoute();
-} else {
-  initSetup();
-}
+let _initialized = false;
+window.addEventListener("popstate", () => { if (_initialized) handleRoute(); });
+
+// Always initialize setup (loads project rail, engine status, etc.)
+// then handle the hash route if present.
+initSetup().then(() => {
+  _initialized = true;
+  if (location.hash && (location.hash.startsWith("#/app/") || location.hash.startsWith("#/dashboard/"))) {
+    handleRoute();
+  }
+});