specsmd 0.1.71 → 0.1.72

package/lib/dashboard/web/extension-adapter.js

@@ -710,12 +710,16 @@ function createSetDataMessage(data) {
     };
   }
 
-  const flowInfo = {
-    id: data.flow,
-    displayName: flowDisplayName(data.flow),
-    icon: flowIcon(data.flow),
-    rootFolder: flowRootFolder(data.flow)
-  };
+  const availableFlows = (data.availableFlows && data.availableFlows.length > 0
+    ? data.availableFlows
+    : [data.flow])
+    .filter(Boolean)
+    .map((flow) => ({
+      id: flow,
+      displayName: flowDisplayName(flow),
+      icon: flowIcon(flow),
+      rootFolder: flowRootFolder(flow)
+    }));
 
   if (data.flow === 'fire') {
     return {
@@ -737,7 +741,7 @@ function createSetDataMessage(data) {
       specsHtml: '',
       overviewHtml: '',
       fireData: buildFireViewData(data.snapshot),
-      availableFlows: [flowInfo],
+      availableFlows,
       activeFlowId: data.flow
     };
   }
@@ -761,7 +765,7 @@ function createSetDataMessage(data) {
     },
     specsHtml: getSpecsViewHtml(webviewData),
     overviewHtml: getOverviewViewHtml(webviewData),
-    availableFlows: [flowInfo],
+    availableFlows,
     activeFlowId: data.flow
   };
 }

package/lib/dashboard/web/public/webview-bundle.js

@@ -6167,6 +6167,31 @@
 
                 <!-- Resources Footer -->
                 <div class="resources-footer">
+                    <div class="fabriqa-card">
+                        <div class="fabriqa-brand">
+                            <div class="fabriqa-mark">FA</div>
+                            <div>
+                                <div class="fabriqa-title">specs.md by Fabriqa.AI</div>
+                                <div class="fabriqa-subtitle">Spec-native agentic development environment</div>
+                            </div>
+                        </div>
+                        <div class="fabriqa-copy">
+                            Use Fabriqa.AI with your existing AI subscription to design, run, and reuse agentic workflows around your specs. It is free to try.
+                        </div>
+                        <div class="fabriqa-actions">
+                            <div class="fabriqa-link" @click=${() => this._openExternal("https://fabriqa.ai")}>Explore Fabriqa.AI</div>
+                            <div class="fabriqa-link secondary" @click=${() => this._openExternal("https://specs.md")}>Open specs.md</div>
+                        </div>
+                    </div>
+                    <div class="dashboard-tip">
+                        <div class="dashboard-tip-title">Did you know?</div>
+                        <div class="dashboard-tip-copy">
+                            You can use the specs.md dashboard outside VS Code and VS Code variants. Run <code>npx specsmd@latest dashboard</code> from your project folder.
+                        </div>
+                        <div class="fabriqa-actions">
+                            <div class="fabriqa-link secondary" @click=${() => this._openExternal("https://specs.md/getting-started/cli-dashboard")}>Dashboard docs</div>
+                        </div>
+                    </div>
                     <div class="resources-title">Links</div>
                     <div class="resources-links">
                         <div class="resource-link" @click=${() => this._openExternal("https://specs.md")} title="Website">
@@ -6497,6 +6522,104 @@
             .feedback-link:hover {
                 opacity: 0.8;
             }
+
+            .fabriqa-card {
+                padding: 12px;
+                margin-bottom: 12px;
+                border: 1px solid rgba(249, 115, 22, 0.35);
+                border-radius: 6px;
+                background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(34, 197, 94, 0.08));
+            }
+
+            .fabriqa-brand {
+                display: flex;
+                align-items: center;
+                gap: 10px;
+                margin-bottom: 8px;
+            }
+
+            .fabriqa-mark {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex: 0 0 30px;
+                height: 30px;
+                border-radius: 6px;
+                background: var(--status-active);
+                color: #ffffff;
+                font-size: 11px;
+                font-weight: 700;
+            }
+
+            .fabriqa-title {
+                font-size: 13px;
+                font-weight: 700;
+                color: var(--foreground);
+            }
+
+            .fabriqa-subtitle,
+            .fabriqa-copy,
+            .dashboard-tip-copy {
+                font-size: 11px;
+                line-height: 1.45;
+                color: var(--description-foreground);
+            }
+
+            .fabriqa-copy {
+                margin-bottom: 10px;
+            }
+
+            .fabriqa-actions {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 8px;
+            }
+
+            .fabriqa-link {
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+                padding: 6px 9px;
+                border-radius: 5px;
+                background: var(--status-active);
+                color: #ffffff;
+                font-size: 11px;
+                font-weight: 600;
+                cursor: pointer;
+            }
+
+            .fabriqa-link.secondary {
+                border: 1px solid var(--border-color);
+                background: var(--editor-background);
+                color: var(--foreground);
+            }
+
+            .fabriqa-link:hover {
+                opacity: 0.86;
+            }
+
+            .dashboard-tip {
+                padding: 10px;
+                margin-bottom: 12px;
+                border: 1px solid var(--border-color);
+                border-radius: 6px;
+                background: var(--editor-background);
+            }
+
+            .dashboard-tip-title {
+                margin-bottom: 4px;
+                color: var(--foreground);
+                font-size: 11px;
+                font-weight: 700;
+            }
+
+            .dashboard-tip code {
+                padding: 1px 4px;
+                border-radius: 4px;
+                background: var(--background);
+                color: var(--foreground);
+                font-family: var(--font-family);
+            }
         `
   ];
   __decorateClass([

package/lib/dashboard/web/server.js

@@ -5,7 +5,7 @@ const { URL } = require('url');
 const { spawn } = require('child_process');
 const crypto = require('crypto');
 const { createWatchRuntime } = require('../runtime/watch-runtime');
-const { detectFlow } = require('../flow-detect');
+const { detectAvailableFlows, detectFlow } = require('../flow-detect');
 const { loadWebDashboardData } = require('./snapshot');
 
 const PUBLIC_DIR = path.join(__dirname, 'public');
@@ -179,9 +179,13 @@ async function startDashboardWeb(options = {}) {
   const clients = new Set();
   let watcher = null;
   let lastData = null;
+  let activeFlow = options.flow || null;
 
   async function loadAndBroadcast() {
-    lastData = await loadWebDashboardData({ workspacePath, flow: options.flow });
+    lastData = await loadWebDashboardData({ workspacePath, flow: activeFlow });
+    if (lastData.flow) {
+      activeFlow = lastData.flow;
+    }
     const message = lastData.webviewMessage || lastData;
     const payload = `event: message\ndata: ${JSON.stringify(message)}\n\n`;
     for (const client of clients) {
@@ -218,6 +222,19 @@ async function startDashboardWeb(options = {}) {
           sendJson(res, 200, { ok: true, data });
           return;
         }
+        if (message.type === 'switchFlow') {
+          const availableFlows = detectAvailableFlows(workspacePath);
+          const requestedFlow = typeof message.flowId === 'string' ? message.flowId : null;
+          if (requestedFlow && availableFlows.includes(requestedFlow)) {
+            activeFlow = requestedFlow;
+          } else if (availableFlows.length > 0) {
+            const currentIndex = availableFlows.indexOf(activeFlow);
+            activeFlow = availableFlows[(currentIndex + 1) % availableFlows.length];
+          }
+          const data = await loadAndBroadcast();
+          sendJson(res, 200, { ok: true, data });
+          return;
+        }
         if (message.type === 'openExternal') {
           const opened = openExternal(message.url);
           sendJson(res, opened ? 200 : 400, opened
@@ -308,14 +325,9 @@ async function startDashboardWeb(options = {}) {
 
   const initialData = await loadAndBroadcast();
   if (options.watch !== false && initialData.flow) {
-    let detection = null;
-    try {
-      detection = detectFlow(workspacePath, options.flow);
-    } catch {
-      detection = null;
-    }
-    const flow = detection?.flow || initialData.flow;
-    const roots = buildWatchRoots(workspacePath, flow).filter((root) => fs.existsSync(root));
+    const roots = detectAvailableFlows(workspacePath)
+      .flatMap((flow) => buildWatchRoots(workspacePath, flow))
+      .filter((root) => fs.existsSync(root));
     if (roots.length > 0) {
       watcher = createWatchRuntime({
         rootPaths: roots,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specsmd",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "description": "Multi-agent orchestration system for AI-native software development. Delivers AI-DLC, Agile, and custom SDLC flows as markdown-based agent systems.",
   "main": "lib/installer.js",
   "bin": {