@programinglive/dev-workflow-mcp-server 1.4.0 → 1.4.5

package/web/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "better-sqlite3": "^12.4.6",
+    "lucide-react": "^0.555.0",
+    "next": "16.0.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "autoprefixer": "^10.4.22",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.4",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.18",
+    "typescript": "^5"
+  }
+}

package/web/postcss.config.mjs

@@ -0,0 +1,9 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;

package/web/public/assets/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

package/web/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/web/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/web/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/web/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/web/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/web/server.js

@@ -1,159 +1,31 @@
-import { createServer } from "http";
-import { readFile, access } from "fs/promises";
-import { fileURLToPath } from "url";
-import { dirname, join } from "path";
-import getPort from "get-port";
-import { getHistoryForUser, getSummaryForUser, getHistorySummary } from "../db/index.js";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const projectRoot = join(__dirname, "..");
-
-const docSources = {
-  "README.md": {
-    markdown: join(projectRoot, "README.md"),
-    html: join(projectRoot, "dist", "docs", "README.html"),
-  },
-  "web-dashboard.md": {
-    markdown: join(projectRoot, "docs", "web-dashboard.md"),
-    html: join(projectRoot, "dist", "docs", "web-dashboard.html"),
-  },
-  "GETTING-STARTED.md": {
-    markdown: join(projectRoot, "docs", "antigravity", "GETTING-STARTED.md"),
-    html: join(projectRoot, "dist", "docs", "GETTING-STARTED.html"),
-  },
-  "EXAMPLES.md": {
-    markdown: join(projectRoot, "docs", "antigravity", "EXAMPLES.md"),
-    html: join(projectRoot, "dist", "docs", "EXAMPLES.html"),
-  },
-  "WORKFLOW-TEMPLATES.md": {
-    markdown: join(projectRoot, "docs", "antigravity", "WORKFLOW-TEMPLATES.md"),
-    html: join(projectRoot, "dist", "docs", "WORKFLOW-TEMPLATES.html"),
-  },
-  "TROUBLESHOOTING.md": {
-    markdown: join(projectRoot, "docs", "antigravity", "TROUBLESHOOTING.md"),
-    html: join(projectRoot, "dist", "docs", "TROUBLESHOOTING.html"),
-  },
-  "RELEASE_NOTES.md": {
-    markdown: join(projectRoot, "docs", "release-notes", "RELEASE_NOTES.md"),
-    html: join(projectRoot, "dist", "docs", "RELEASE_NOTES.html"),
-  },
-};
-
-async function resolveDocContent(docKey) {
-  const entry = docSources[docKey];
-  if (!entry) {
-    return { exists: false };
-  }
-
-  // Try HTML first, fall back to Markdown in development or if HTML missing.
-  const candidates = [entry.html, entry.markdown];
-  for (const candidate of candidates) {
-    try {
-      await access(candidate);
-      const content = await readFile(candidate, "utf-8");
-      const format = candidate.endsWith(".html") ? "html" : "markdown";
-      return { exists: true, content, format };
-    } catch {
-      // try next candidate
-    }
-  }
-
-  return { exists: false };
-}
-
-function getPreferredPort() {
-  const fromEnv = process.env.PORT || process.env.DEV_WORKFLOW_WEB_PORT;
-
-  if (!fromEnv) {
-    return null;
-  }
-
-  const parsed = Number(fromEnv);
-  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
-}
-
-async function start() {
-  const preferred = getPreferredPort();
-  const PORT = preferred ?? await getPort({ port: 3111 });
-
-  const server = createServer(async (req, res) => {
-    try {
-      const url = new URL(req.url, `http://${req.headers.host}`);
-      const userId = url.searchParams.get("user") || "default";
-
-      if (req.method === "GET" && url.pathname === "/output.css") {
-        const css = await readFile(join(__dirname, "public", "output.css"), "utf-8");
-        res.writeHead(200, { "Content-Type": "text/css" });
-        res.end(css);
-      } else if (req.method === "GET" && url.pathname === "/") {
-        const html = await readFile(join(__dirname, "public", "index.html"), "utf-8");
-        res.writeHead(200, { "Content-Type": "text/html" });
-        res.end(html);
-      } else if (req.method === "GET" && url.pathname === "/api/summary") {
-        const summary = getSummaryForUser(userId);
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ summary }));
-      } else if (req.method === "GET" && url.pathname === "/api/history") {
-        const page = Number(url.searchParams.get("page") || "1");
-        const pageSize = Number(url.searchParams.get("pageSize") || "20");
-        const startDate = url.searchParams.get("startDate") || undefined;
-        const endDate = url.searchParams.get("endDate") || undefined;
-        const history = getHistoryForUser(userId, { page, pageSize, startDate, endDate });
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify(history));
-      } else if (req.method === "GET" && url.pathname === "/api/history-summary") {
-        const startDate = url.searchParams.get("startDate") || undefined;
-        const endDate = url.searchParams.get("endDate") || undefined;
-        const frequency = url.searchParams.get("frequency") || "daily";
-        const summary = getHistorySummary(userId, { startDate, endDate, frequency });
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ summary }));
-      } else if (req.method === "GET" && url.pathname === "/api/docs") {
-        const rawDocKey = url.searchParams.get("doc");
-        const availableDocs = Object.keys(docSources);
-
-        if (!rawDocKey) {
-          res.writeHead(200, { "Content-Type": "application/json" });
-          res.end(JSON.stringify({ docs: availableDocs }));
-          return;
+const { createServer } = require('http');
+const { parse } = require('url');
+const next = require('next');
+
+const dev = process.env.NODE_ENV !== 'production';
+const hostname = 'localhost';
+const port = process.env.PORT || 3000;
+
+// Initialize Next.js app
+const app = next({ dev, hostname, port });
+const handle = app.getRequestHandler();
+
+app.prepare().then(() => {
+    createServer(async (req, res) => {
+        try {
+            const parsedUrl = parse(req.url, true);
+            await handle(req, res, parsedUrl);
+        } catch (err) {
+            console.error('Error occurred handling', req.url, err);
+            res.statusCode = 500;
+            res.end('internal server error');
         }
-
-        const docKey = rawDocKey.trim();
-        const resolvedKey = availableDocs.find((key) => key.toLowerCase() === docKey.toLowerCase());
-        if (!resolvedKey) {
-          res.writeHead(404, { "Content-Type": "application/json" });
-          res.end(JSON.stringify({ error: "Document not found", requested: docKey, available: availableDocs }));
-          return;
-        }
-
-        const result = await resolveDocContent(resolvedKey);
-        if (!result.exists) {
-          res.writeHead(500, { "Content-Type": "application/json" });
-          res.end(JSON.stringify({ error: "Document asset is missing" }));
-          return;
-        }
-
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ doc: resolvedKey, content: result.content, format: result.format }));
-      } else if (req.method === "GET" && url.pathname === "/api/version") {
-        const packageJson = await readFile(join(projectRoot, "package.json"), "utf-8");
-        const { version } = JSON.parse(packageJson);
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ version }));
-      } else {
-        res.writeHead(404, { "Content-Type": "text/plain" });
-        res.end("Not found");
-      }
-    } catch (err) {
-      res.writeHead(500, { "Content-Type": "text/plain" });
-      res.end(err.message);
-    }
-  });
-
-  server.listen(PORT, () => {
-    console.log(`🌐 Dev Workflow Dashboard running at http://localhost:${PORT}`);
-  });
-}
-
-start();
+    })
+        .once('error', (err) => {
+            console.error(err);
+            process.exit(1);
+        })
+        .listen(port, () => {
+            console.log(`> Ready on http://${hostname}:${port}`);
+        });
+});

package/web/tailwind.config.ts

@@ -0,0 +1,19 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+    content: [
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    ],
+    theme: {
+        extend: {
+            colors: {
+                background: "var(--background)",
+                foreground: "var(--foreground)",
+            },
+        },
+    },
+    plugins: [],
+};
+export default config;

package/web/tsconfig.json

@@ -0,0 +1,42 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/web-legacy/public/assets/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

package/{dist → web-legacy/public}/docs/EXAMPLES.html

@@ -1,5 +1,79 @@
-<h1>Practical Examples for Dev-Workflow MCP Server</h1>
-<p>This document provides real-world examples of using the dev-workflow MCP server in Antigravity.</p>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Practical Examples for Dev-Workflow MCP Server - Dev Workflow</title>
+    <link rel="icon" type="image/png" href="/assets/favicon.png">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://commiter.programinglive.com/docs/EXAMPLES.md">
+    <meta property="og:title" content="Practical Examples for Dev-Workflow MCP Server - Dev Workflow">
+    <meta property="og:description" content="Detailed documentation for Dev Workflow MCP Server commands and usage.">
+    <meta property="og:image" content="/assets/og-preview.png">
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://commiter.programinglive.com/docs/EXAMPLES.md">
+    <meta property="twitter:title" content="Practical Examples for Dev-Workflow MCP Server - Dev Workflow">
+    <meta property="twitter:description" content="Detailed documentation for Dev Workflow MCP Server commands and usage.">
+    <meta property="twitter:image" content="/assets/og-preview.png">
+    <link rel="stylesheet" href="/output.css">
+    <script src="https://unpkg.com/lucide@latest"></script>
+</head>
+<body class="bg-[#0a0a0f] text-white font-sans antialiased selection:bg-primary/30 selection:text-white min-h-screen flex flex-col">
+    <header class="fixed top-0 left-0 right-0 z-50 border-b border-white/10 bg-[#0a0a0f]/80 backdrop-blur-md">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
+            <div class="flex items-center gap-3">
+                <a href="/" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
+                    <div class="w-10 h-10 rounded-lg overflow-hidden border border-white/10 shadow-lg shadow-primary/20">
+                        <img src="/assets/logo.png" alt="Dev Workflow Logo" class="w-full h-full object-cover">
+                    </div>
+                    <div>
+                        <h1 class="font-bold text-lg tracking-tight text-white">Dev Workflow</h1>
+                        <div class="flex items-center gap-2 text-xs text-gray-400">
+                            <span class="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)]"></span>
+                            <span>Documentation</span>
+                        </div>
+                    </div>
+                </a>
+            </div>
+            <div class="flex items-center gap-4">
+                <a href="/" class="flex items-center gap-2 px-4 py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-full text-sm font-medium transition-all group">
+                    <i data-lucide="layout-dashboard" class="w-4 h-4 text-gray-400 group-hover:text-white transition-colors"></i>
+                    <span>Dashboard</span>
+                </a>
+            </div>
+        </div>
+    </header>
+
+    <div class="flex-1 max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8 pt-24 pb-12 flex gap-8">
+        <aside class="hidden lg:block w-64 flex-shrink-0 fixed h-[calc(100vh-6rem)] overflow-y-auto pr-4 custom-scrollbar">
+            <nav class="space-y-1">
+                <a href="/" class="flex items-center gap-3 px-4 py-3 text-sm font-medium rounded-lg text-gray-400 hover:text-white hover:bg-white/5 transition-colors">
+                    <i data-lucide="arrow-left" class="w-4 h-4"></i>
+                    Back to Dashboard
+                </a>
+            </nav>
+            <div class="mt-8 pt-8 border-t border-white/10">
+                <h3 class="px-4 text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">Documentation</h3>
+                <div class="space-y-1">
+                    <a href="/docs/README.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">README</a>
+<a href="/docs/web-dashboard.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">web dashboard</a>
+<a href="/docs/GETTING-STARTED.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">GETTING STARTED</a>
+<a href="/docs/EXAMPLES.html" class="doc-link block px-4 py-2 text-sm font-medium  hover:text-white hover:bg-white/5 rounded-lg transition-colors bg-white/5 text-white ring-1 ring-white/5">EXAMPLES</a>
+<a href="/docs/WORKFLOW-TEMPLATES.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">WORKFLOW TEMPLATES</a>
+<a href="/docs/TROUBLESHOOTING.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">TROUBLESHOOTING</a>
+<a href="/docs/RELEASE_NOTES.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">RELEASE_NOTES</a>
+                </div>
+            </div>
+        </aside>
+
+        <main class="flex-1 lg:pl-72 min-w-0">
+            <div class="bg-surface border border-white/10 rounded-xl p-8 backdrop-blur-sm">
+                <header class="mb-8 border-b border-white/10 pb-6">
+                    <h1 class="text-3xl font-bold text-white mb-2">Practical Examples for Dev-Workflow MCP Server</h1>
+                    <p class="text-gray-400 font-mono text-sm">EXAMPLES.md</p>
+                </header>
+                <article class="prose prose-invert prose-lg max-w-none">
+                    <p>This document provides real-world examples of using the dev-workflow MCP server in Antigravity.</p>
 <h2>Table of Contents</h2>
 <ul>
 <li><a href="#simple-feature-development">Simple Feature Development</a></li>
@@ -409,3 +483,14 @@ Next: Create documentation
 </ul>
 <hr>
 <p><strong>Happy coding with disciplined workflows!</strong> 🎯</p>
+
+                </article>
+            </div>
+        </main>
+    </div>
+
+    <script>
+        lucide.createIcons();
+    </script>
+</body>
+</html>

package/{dist → web-legacy/public}/docs/GETTING-STARTED.html

@@ -1,5 +1,79 @@
-<h1>Getting Started with Dev-Workflow MCP Server in Antigravity</h1>
-<p>This guide will help you set up and use the dev-workflow MCP server in the Antigravity text editor.</p>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Getting Started with Dev-Workflow MCP Server in Antigravity - Dev Workflow</title>
+    <link rel="icon" type="image/png" href="/assets/favicon.png">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://commiter.programinglive.com/docs/GETTING-STARTED.md">
+    <meta property="og:title" content="Getting Started with Dev-Workflow MCP Server in Antigravity - Dev Workflow">
+    <meta property="og:description" content="Detailed documentation for Dev Workflow MCP Server commands and usage.">
+    <meta property="og:image" content="/assets/og-preview.png">
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://commiter.programinglive.com/docs/GETTING-STARTED.md">
+    <meta property="twitter:title" content="Getting Started with Dev-Workflow MCP Server in Antigravity - Dev Workflow">
+    <meta property="twitter:description" content="Detailed documentation for Dev Workflow MCP Server commands and usage.">
+    <meta property="twitter:image" content="/assets/og-preview.png">
+    <link rel="stylesheet" href="/output.css">
+    <script src="https://unpkg.com/lucide@latest"></script>
+</head>
+<body class="bg-[#0a0a0f] text-white font-sans antialiased selection:bg-primary/30 selection:text-white min-h-screen flex flex-col">
+    <header class="fixed top-0 left-0 right-0 z-50 border-b border-white/10 bg-[#0a0a0f]/80 backdrop-blur-md">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
+            <div class="flex items-center gap-3">
+                <a href="/" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
+                    <div class="w-10 h-10 rounded-lg overflow-hidden border border-white/10 shadow-lg shadow-primary/20">
+                        <img src="/assets/logo.png" alt="Dev Workflow Logo" class="w-full h-full object-cover">
+                    </div>
+                    <div>
+                        <h1 class="font-bold text-lg tracking-tight text-white">Dev Workflow</h1>
+                        <div class="flex items-center gap-2 text-xs text-gray-400">
+                            <span class="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)]"></span>
+                            <span>Documentation</span>
+                        </div>
+                    </div>
+                </a>
+            </div>
+            <div class="flex items-center gap-4">
+                <a href="/" class="flex items-center gap-2 px-4 py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-full text-sm font-medium transition-all group">
+                    <i data-lucide="layout-dashboard" class="w-4 h-4 text-gray-400 group-hover:text-white transition-colors"></i>
+                    <span>Dashboard</span>
+                </a>
+            </div>
+        </div>
+    </header>
+
+    <div class="flex-1 max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8 pt-24 pb-12 flex gap-8">
+        <aside class="hidden lg:block w-64 flex-shrink-0 fixed h-[calc(100vh-6rem)] overflow-y-auto pr-4 custom-scrollbar">
+            <nav class="space-y-1">
+                <a href="/" class="flex items-center gap-3 px-4 py-3 text-sm font-medium rounded-lg text-gray-400 hover:text-white hover:bg-white/5 transition-colors">
+                    <i data-lucide="arrow-left" class="w-4 h-4"></i>
+                    Back to Dashboard
+                </a>
+            </nav>
+            <div class="mt-8 pt-8 border-t border-white/10">
+                <h3 class="px-4 text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">Documentation</h3>
+                <div class="space-y-1">
+                    <a href="/docs/README.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">README</a>
+<a href="/docs/web-dashboard.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">web dashboard</a>
+<a href="/docs/GETTING-STARTED.html" class="doc-link block px-4 py-2 text-sm font-medium  hover:text-white hover:bg-white/5 rounded-lg transition-colors bg-white/5 text-white ring-1 ring-white/5">GETTING STARTED</a>
+<a href="/docs/EXAMPLES.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">EXAMPLES</a>
+<a href="/docs/WORKFLOW-TEMPLATES.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">WORKFLOW TEMPLATES</a>
+<a href="/docs/TROUBLESHOOTING.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">TROUBLESHOOTING</a>
+<a href="/docs/RELEASE_NOTES.html" class="doc-link block px-4 py-2 text-sm font-medium text-gray-400 hover:text-white hover:bg-white/5 rounded-lg transition-colors ">RELEASE_NOTES</a>
+                </div>
+            </div>
+        </aside>
+
+        <main class="flex-1 lg:pl-72 min-w-0">
+            <div class="bg-surface border border-white/10 rounded-xl p-8 backdrop-blur-sm">
+                <header class="mb-8 border-b border-white/10 pb-6">
+                    <h1 class="text-3xl font-bold text-white mb-2">Getting Started with Dev-Workflow MCP Server in Antigravity</h1>
+                    <p class="text-gray-400 font-mono text-sm">GETTING-STARTED.md</p>
+                </header>
+                <article class="prose prose-invert prose-lg max-w-none">
+                    <p>This guide will help you set up and use the dev-workflow MCP server in the Antigravity text editor.</p>
 <h2>What is Dev-Workflow MCP Server?</h2>
 <p>The dev-workflow MCP server is a development discipline enforcer that guides you through proper software development workflows. It ensures you:</p>
 <ul>
@@ -231,3 +305,14 @@ export DEV_WORKFLOW_USER_ID=windsurf-user
 </ul>
 <hr>
 <p><strong>Ready to enforce development discipline with Antigravity? Start your first workflow now!</strong> 🚀</p>
+
+                </article>
+            </div>
+        </main>
+    </div>
+
+    <script>
+        lucide.createIcons();
+    </script>
+</body>
+</html>