@beastmode-develeap/beastmode 0.1.366 → 0.1.368

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260605-063235-fceeeb5";</script>
+<script>window.__BUILD_STAMP__ = "20260605-085557-99f18b0";</script>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -4281,7 +4281,7 @@ function Sidebar({ currentHash, factoryName, theme, onToggleTheme, selectedProje
     api('GET', '/api/projects')
       .then(data => setProjects(data.projects || []))
       .catch(() => {});
-  }, []);
+  }, [selectedProject]);
 
   const links = [
     { path: '#/dashboard', icon: 'dashboard', label: 'Dashboard' },
@@ -8989,8 +8989,8 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
         <div class="card" style="margin-bottom:0;">
           <div class="card-header"><h3>Start from Scratch</h3></div>
           <p style="font-size:13px;color:var(--text-secondary);margin-bottom:12px;">
-            Build a new product from an idea. BeastMode guides you through brainstorming,
-            PRD, architecture, and creates the project for you.
+            Start a new product from an idea. BeastMode creates a new project for it
+            and guides you through brainstorming, PRD, and architecture.
           </p>
           <button class="btn btn-primary" onclick=${() => navigate('#/new-product')}>
             <${Icon} name="plus" size=${14} />
@@ -10085,6 +10085,7 @@ function SettingsPage() {
   // plus well-known model families. No more hardcoding — when Anthropic
   // releases a new model, it shows up as soon as someone sets it in config.
   const KNOWN_MODELS = [
+    'claude-opus-4-8',
     'claude-opus-4-7', 'claude-sonnet-4-7',
     'claude-opus-4-6', 'claude-sonnet-4-6',
     'claude-haiku-4-5',
@@ -10617,7 +10618,7 @@ function PhaseProgress({ phases, currentPhase }) {
   `;
 }
 
-function InceptionSetup({ methodologies, onStart, onCancel }) {
+function InceptionSetup({ methodologies, onStart, onCancel, error }) {
   const [productName, setProductName] = useState('');
   const [idea, setIdea] = useState('');
   const [methodology, setMethodology] = useState('bmad');
@@ -10655,6 +10656,7 @@ function InceptionSetup({ methodologies, onStart, onCancel }) {
           <option value="fully_autonomous">Fully autonomous — generate everything, I approve (2-5 min)</option>
         </select>
       </div>
+      ${error ? html`<div class="error-msg">${error}</div>` : ''}
       <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:16px;">
         <button class="btn" onClick=${onCancel}>Cancel</button>
         <button class="btn btn-primary" disabled=${!productName.trim() || !idea.trim()}
@@ -11159,10 +11161,21 @@ function ToolResultCard({ content, extra }) {
 // Strategy Start Screen — 1-liner prompt or Product inception form
 // ================================================================
 
-function StrategyStartPage({ selectedProject, sessionType }) {
+// Derive a board/namespace slug from a product name: lowercase, collapse
+// runs of non-[a-z0-9] to a single hyphen, strip leading/trailing hyphens.
+function slugifyProduct(name) {
+  return String(name || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '');
+}
+
+function StrategyStartPage({ selectedProject, sessionType, onProjectChange }) {
   const [topic, setTopic] = useState('');
   const [approach, setApproach] = useState('auto');
   const [methodologies, setMethodologies] = useState([]);
+  const [productError, setProductError] = useState('');
 
   useEffect(() => {
     api('GET', '/api/methodologies').then(data => setMethodologies(data.methodologies || [])).catch(() => {});
@@ -11172,17 +11185,40 @@ function StrategyStartPage({ selectedProject, sessionType }) {
   if (sessionType === 'product') {
     return html`<${InceptionSetup}
       methodologies=${methodologies}
-      onStart=${(config) => {
-        api('POST', '/api/strategy/' + selectedProject + '/sessions', {
-          name: config.productName,
-          idea: config.idea,
-          methodology: config.methodology,
-          interactionMode: config.interactionMode,
-          sessionType: 'product',
-          approach: config.methodology,
-        }).then(session => {
+      error=${productError}
+      onStart=${async (config) => {
+        setProductError('');
+        const slug = slugifyProduct(config.productName);
+        if (!slug) {
+          setProductError('Enter a valid product name (letters or numbers).');
+          return;
+        }
+        try {
+          const projData = await api('GET', '/api/projects');
+          const existing = (projData && projData.projects) || [];
+          if (existing.some(p => p.name === slug)) {
+            setProductError("A project named '" + slug + "' already exists — choose a different product name.");
+            return;
+          }
+          await api('POST', '/api/products', {
+            productName: slug,
+            idea: config.idea,
+            methodology: config.methodology,
+            interactionMode: config.interactionMode,
+          });
+          const session = await api('POST', '/api/strategy/' + slug + '/sessions', {
+            name: config.productName,
+            idea: config.idea,
+            methodology: config.methodology,
+            interactionMode: config.interactionMode,
+            sessionType: 'product',
+            approach: config.methodology,
+          });
+          if (onProjectChange) onProjectChange(slug);
           navigate('#/strategy-session/' + session.sessionId);
-        });
+        } catch (e) {
+          setProductError('Failed to start product inception: ' + (e && e.message ? e.message : e));
+        }
       }}
       onCancel=${() => navigate('#/strategy')}
     />`;
@@ -12408,7 +12444,7 @@ function App() {
     default:
       if (route.startsWith('#/strategy-start/')) {
         const sessionType = route.replace('#/strategy-start/', '');
-        page = html`<${StrategyStartPage} selectedProject=${selectedProject} sessionType=${sessionType} />`;
+        page = html`<${StrategyStartPage} selectedProject=${selectedProject} sessionType=${sessionType} onProjectChange=${setSelectedProject} />`;
       } else if (route.startsWith('#/strategy-session/')) {
         const sessionId = route.replace('#/strategy-session/', '');
         page = html`<${ChatPage} selectedProject=${selectedProject} resumeSession=${sessionId} />`;

package/dist/web/build-commit.txt

@@ -1 +1 @@
-fceeeb5904953775795cf5d919b0305b7adb915c
+99f18b0e925030abe6b5cb06e19d56ee98837350

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260605-063235-fceeeb5
+20260605-085557-99f18b0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beastmode-develeap/beastmode",
-  "version": "0.1.366",
+  "version": "0.1.368",
   "description": "BeastMode Dark Factory — turn intent into verified software",
   "type": "module",
   "bin": {