npm - @programinglive/dev-workflow-mcp-server - Versions diffs - 1.3.12 → 1.4.4 - Mend

@programinglive/dev-workflow-mcp-server 1.3.12 → 1.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/.github/workflows/npm-publish.yml +3 -0
package/CHANGELOG.md +108 -0
package/README.md +1 -1
package/docs/PLESK_DEPLOYMENT.md +170 -0
package/docs/WORKFLOW-BEST-PRACTICES.md +14 -0
package/docs/release-notes/RELEASE_NOTES.md +26 -0
package/package.json +7 -6
package/release-wrapper.js +68 -33
package/tests/build.test.js +3 -3
package/tests/handlers.test.js +78 -0
package/tests/release-wrapper.test.js +2 -0
package/tests/workflowState.test.js +7 -4
package/tools/definitions.js +2 -2
package/tools/handlers.js +2 -2
package/vite.web.config.js +23 -0
package/web/README.md +36 -0
package/web/app/api/docs/route.ts +32 -0
package/web/app/api/history/route.ts +19 -0
package/web/app/api/npm-downloads/route.ts +21 -0
package/web/app/api/summary/route.ts +15 -0
package/web/app/api/version/route.ts +15 -0
package/web/app/docs/page.tsx +202 -0
package/web/app/favicon.ico +0 -0
package/web/app/globals.css +91 -0
package/web/app/layout.tsx +36 -0
package/web/app/page.tsx +15 -0
package/web/components/ApiReference.tsx +20 -0
package/web/components/Features.tsx +61 -0
package/web/components/Footer.tsx +9 -0
package/web/components/Hero.tsx +91 -0
package/web/components/History.tsx +143 -0
package/web/components/Navbar.tsx +64 -0
package/web/components/Terminal.tsx +114 -0
package/web/eslint.config.mjs +18 -0
package/web/lib/db.js +131 -0
package/web/lib/docs.js +73 -0
package/web/next.config.ts +8 -0
package/web/package-lock.json +6971 -0
package/web/package.json +29 -0
package/web/postcss.config.mjs +9 -0
package/web/public/assets/android-chrome-192x192.png +0 -0
package/web/public/assets/android-chrome-512x512.png +0 -0
package/web/public/assets/apple-touch-icon.png +0 -0
package/web/public/assets/favicon-16x16.png +0 -0
package/web/public/assets/favicon-32x32.png +0 -0
package/web/public/assets/favicon.ico +0 -0
package/web/public/assets/favicon.png +0 -0
package/web/public/assets/logo.png +0 -0
package/web/public/assets/og-preview.png +0 -0
package/web/public/assets/site.webmanifest +1 -0
package/web/public/file.svg +1 -0
package/web/public/globe.svg +1 -0
package/web/public/next.svg +1 -0
package/web/public/vercel.svg +1 -0
package/web/public/window.svg +1 -0
package/web/server.js +30 -158
package/web/tailwind.config.ts +19 -0
package/web/tsconfig.json +42 -0
package/web-legacy/public/assets/android-chrome-192x192.png +0 -0
package/web-legacy/public/assets/android-chrome-512x512.png +0 -0
package/web-legacy/public/assets/apple-touch-icon.png +0 -0
package/web-legacy/public/assets/favicon-16x16.png +0 -0
package/web-legacy/public/assets/favicon-32x32.png +0 -0
package/web-legacy/public/assets/favicon.ico +0 -0
package/web-legacy/public/assets/favicon.png +0 -0
package/web-legacy/public/assets/logo.png +0 -0
package/web-legacy/public/assets/og-preview.png +0 -0
package/web-legacy/public/assets/site.webmanifest +1 -0
package/{dist → web-legacy/public}/docs/EXAMPLES.html +87 -2
package/{dist → web-legacy/public}/docs/GETTING-STARTED.html +87 -2
package/{dist → web-legacy/public}/docs/README.html +87 -2
package/{dist → web-legacy/public}/docs/RELEASE_NOTES.html +92 -2
package/{dist → web-legacy/public}/docs/TROUBLESHOOTING.html +87 -2
package/{dist → web-legacy/public}/docs/WORKFLOW-TEMPLATES.html +87 -2
package/{dist → web-legacy/public}/docs/web-dashboard.html +87 -2
package/web-legacy/public/index.html +223 -0
package/web-legacy/public/input.css +80 -0
package/web-legacy/public/main.js +167 -0
package/web-legacy/public/output.css +1559 -0
package/web-legacy/server.js +207 -0
package/workflow-state.js +11 -25
package/web/public/index.html +0 -1046
package/web/public/input.css +0 -3
package/web/public/output.css +0 -1

package/web-legacy/public/index.html ADDED Viewed

@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en">
+<div class="flex items-center gap-2">
+  <img src="/assets/logo.png" alt="Dev Workflow" class="w-8 h-8 rounded-lg">
+  <span class="text-lg font-bold">Dev Workflow</span>
+</div>
+<div class="hidden md:flex items-center gap-6">
+  <a href="#features" class="text-gray-300 hover:text-white transition">Features</a>
+  <a href="#history" class="text-gray-300 hover:text-white transition">History</a>
+  <a href="#api" class="text-gray-300 hover:text-white transition">API</a>
+  <a href="docs.html?doc=README.md" class="text-gray-300 hover:text-white transition">Docs</a>
+  <a href="https://github.com/programinglive/dev-workflow-mcp-server" target="_blank"
+    class="flex items-center gap-2 px-4 py-2 bg-white/5 hover:bg-white/10 rounded-lg transition">
+    <i data-lucide="github" class="w-4 h-4"></i>
+    GitHub
+  </a>
+</div>
+<button id="mobileMenuBtn" class="md:hidden p-2 rounded-lg hover:bg-white/5">
+  <i data-lucide="menu" class="w-6 h-6"></i>
+</button>
+</div>
+</div>
+<!-- Mobile Menu -->
+<div id="mobileMenu" class="hidden border-t border-white/10 bg-[#0a0a0f]">
+  <div class="px-4 py-4 space-y-3">
+    <a href="#features" class="block text-gray-300 hover:text-white transition">Features</a>
+    <a href="#history" class="block text-gray-300 hover:text-white transition">History</a>
+    <a href="#api" class="block text-gray-300 hover:text-white transition">API</a>
+    <a href="docs.html?doc=README.md" class="block text-gray-300 hover:text-white transition">Docs</a>
+    <a href="https://github.com/programinglive/dev-workflow-mcp-server" target="_blank"
+      class="flex items-center gap-2 text-gray-300 hover:text-white transition">
+      <i data-lucide="github" class="w-4 h-4"></i>
+      GitHub
+    </a>
+  </div>
+</div>
+</nav>
+<!-- Hero Section -->
+<section class="min-h-screen flex items-center justify-center px-4 pt-16 relative overflow-hidden">
+  <div class="absolute inset-0 bg-gradient-to-br from-indigo-500/10 via-purple-500/10 to-pink-500/10"></div>
+  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center relative z-10">
+    <!-- Left Column - Content -->
+    <div>
+      <div class="animate-fade-in-up" style="animation-delay: 0.1s;">
+        <div
+          class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 text-sm mb-8">
+          <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
+          <span id="versionBadge">v1.3.12 - Active</span>
+        </div>
+      </div>
+      <h1 class="text-5xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight animate-fade-in-up"
+        style="animation-delay: 0.2s;">
+        Master Your<br><span
+          class="bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">Workflow</span>
+      </h1>
+      <p class="text-lg md:text-xl text-gray-400 mb-8 max-w-xl animate-fade-in-up" style="animation-delay: 0.3s;">
+        An MCP server that acts as your coding conscience. Enforce test-driven development, ensure documentation, and
+        never skip a step in your release process.
+      </p>
+      <div class="flex flex-col sm:flex-row gap-4 mb-8 animate-fade-in-up" style="animation-delay: 0.4s;">
+        <a href="#history"
+          class="px-6 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-lg font-semibold hover:shadow-lg hover:shadow-indigo-500/50 transition inline-flex items-center justify-center gap-2">
+          View History <i data-lucide="arrow-right" class="w-4 h-4"></i>
+        </a>
+        <a href="docs.html?doc=README.md"
+          class="px-6 py-3 bg-white/5 border border-white/10 rounded-lg font-semibold hover:bg-white/10 transition text-center">
+          Documentation
+        </a>
+      </div>
+      <div class="flex items-center gap-8 text-sm animate-fade-in-up" style="animation-delay: 0.5s;">
+        <div>
+          <div class="text-2xl font-bold" id="versionNum">1.3.12</div>
+          <div class="text-gray-500">Latest Version</div>
+        </div>
+        <div>
+          <div class="text-2xl font-bold">MIT</div>
+          <div class="text-gray-500">License</div>
+        </div>
+        <div>
+          <div class="text-2xl font-bold">Node 18+</div>
+          <div class="text-gray-500">Compatibility</div>
+        </div>
+      </div>
+    </div>
+    <!-- Right Column - Terminal -->
+    <div class="hidden lg:block">
+      <div class="relative">
+        <div class="absolute inset-0 bg-gradient-to-r from-indigo-500/20 to-purple-500/20 blur-3xl"></div>
+        <div class="relative bg-[#1a1a24] rounded-xl border border-white/10 p-6 shadow-2xl">
+          <div class="flex items-center gap-2 mb-4">
+            <div class="w-3 h-3 rounded-full bg-red-500"></div>
+            <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
+            <div class="w-3 h-3 rounded-full bg-green-500"></div>
+            <span class="ml-auto text-xs text-gray-500">terminal</span>
+          </div>
+          <div class="font-mono text-sm space-y-2" id="terminalContent">
+            <!-- Content will be generated by JS -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- Features Section -->
+<section id="features" class="py-20 px-4">
+  <div class="max-w-7xl mx-auto">
+    <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Your Coding Conscience</h2>
+    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-indigo-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="shield-check" class="w-6 h-6 text-indigo-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">Enforced Discipline</h3>
+        <p class="text-gray-400">Won't let you skip important steps. Follows a strict, proven development workflow.
+        </p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-purple-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="test-tube" class="w-6 h-6 text-purple-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">Test-Driven</h3>
+        <p class="text-gray-400">Blocks commits if tests fail. Encourages writing tests before marking tasks complete.
+        </p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-emerald-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="file-text" class="w-6 h-6 text-emerald-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">Documentation</h3>
+        <p class="text-gray-400">Reminds you to update documentation (README, docs, changelog) for every change.</p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-orange-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="git-branch" class="w-6 h-6 text-orange-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">State Tracking</h3>
+        <p class="text-gray-400">Remembers exactly where you are in the workflow, even across sessions.</p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-blue-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="history" class="w-6 h-6 text-blue-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">Task History</h3>
+        <p class="text-gray-400">Keeps a detailed log of all completed tasks, commits, and releases.</p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10 hover:bg-white/10 transition">
+        <div class="w-12 h-12 rounded-lg bg-pink-500/20 flex items-center justify-center mb-4">
+          <i data-lucide="zap" class="w-6 h-6 text-pink-400"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-2">Smart Prompts</h3>
+        <p class="text-gray-400">Provides quick reminders and guidance on best practices as you work.</p>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- History Section -->
+<section id="history" class="py-20 px-4 bg-white/5">
+  <div class="max-w-7xl mx-auto">
+    <h2 class="text-3xl md:text-4xl font-bold mb-8">Workflow History</h2>
+    <p class="text-gray-400 mb-12">Track your development progress and analyze your workflow patterns.</p>
+    <div class="bg-[#0a0a0f] rounded-xl border border-white/10 p-6">
+      <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4 mb-6">
+        <input type="text" id="userId" placeholder="User ID"
+          class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 text-white">
+        <input type="date" id="startDate"
+          class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 [color-scheme:dark]">
+        <input type="date" id="endDate"
+          class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 [color-scheme:dark]">
+        <button id="applyFiltersBtn"
+          class="px-4 py-2 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-lg font-semibold hover:shadow-lg hover:shadow-indigo-500/50 transition">Apply
+          Filters</button>
+      </div>
+      <div id="summarySection" class="hidden mb-6">
+        <h3 class="text-lg font-semibold mb-4">Project Summary</h3>
+        <div id="summaryContent" class="text-gray-400"></div>
+      </div>
+      <div id="historySection" class="hidden">
+        <h3 class="text-lg font-semibold mb-4">Recent History</h3>
+        <div id="historyContent" class="space-y-3"></div>
+        <div id="paginationControls" class="flex items-center justify-between mt-6 hidden">
+          <button id="prevPageBtn"
+            class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg hover:bg-white/10 disabled:opacity-50">Previous</button>
+          <span id="pageInfo" class="text-sm text-gray-400"></span>
+          <button id="nextPageBtn"
+            class="px-4 py-2 bg-white/5 border border-white/10 rounded-lg hover:bg-white/10 disabled:opacity-50">Next</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- API Section -->
+<section id="api" class="py-20 px-4">
+  <div class="max-w-7xl mx-auto">
+    <h2 class="text-3xl md:text-4xl font-bold mb-8">API Reference</h2>
+    <p class="text-gray-400 mb-12">Query workflow data programmatically with our JSON API.</p>
+    <div class="grid md:grid-cols-2 gap-6">
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10">
+        <code class="text-indigo-400 font-mono text-sm">GET /api/history</code>
+        <p class="text-gray-400 mt-2">Retrieve paginated task history entries.</p>
+      </div>
+      <div class="p-6 rounded-xl bg-white/5 border border-white/10">
+        <code class="text-indigo-400 font-mono text-sm">GET /api/summary</code>
+        <p class="text-gray-400 mt-2">Get project health stats and recent tasks.</p>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- Footer -->
+<footer class="py-12 px-4 border-t border-white/10">
+  <div class="max-w-7xl mx-auto text-center text-gray-400">
+    <p>Built with ❤️ for developers who care about quality</p>
+  </div>
+</footer>
+<script src="/main.js"></script>
+</body>
+</html>

package/web-legacy/public/input.css ADDED Viewed

@@ -0,0 +1,80 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer utilities {
+    @keyframes fadeInUp {
+        0% {
+            opacity: 0;
+            transform: translateY(20px);
+        }
+        100% {
+            opacity: 1;
+            transform: translateY(0px);
+        }
+    }
+    @keyframes fadeInRight {
+        0% {
+            opacity: 0;
+            transform: translateY(-50%) translateX(40px);
+        }
+        100% {
+            opacity: 1;
+            transform: translateY(-50%) translateX(0px);
+        }
+    }
+    @keyframes fadeIn {
+        0% {
+            opacity: 0;
+            transform: translateX(-10px);
+        }
+        100% {
+            opacity: 1;
+            transform: translateX(0px);
+        }
+    }
+    .animate-fade-in-up {
+        animation: fadeInUp 0.8s ease-out forwards;
+        opacity: 0;
+    }
+    .animate-fade-in-right {
+        animation: fadeInRight 0.8s ease-out forwards;
+        opacity: 0;
+    }
+    .terminal-line {
+        opacity: 0;
+        display: flex;
+    }
+    .terminal-line.visible {
+        opacity: 1;
+        transition: opacity 0.1s;
+    }
+    .typing-cursor::after {
+        content: '▋';
+        animation: blink 1s step-end infinite;
+        margin-left: 4px;
+        color: #a855f7;
+    }
+    @keyframes blink {
+        0%,
+        100% {
+            opacity: 1;
+        }
+        50% {
+            opacity: 0;
+        }
+    }
+}

package/web-legacy/public/main.js ADDED Viewed

@@ -0,0 +1,167 @@
+const state = {
+    userId: "", startDate: "", endDate: "", page: 1, pageSize: 20, totalPages: 1
+};
+const el = (id) => document.getElementById(id);
+async function load() {
+    const params = new URLSearchParams();
+    if (state.userId) params.append("user", state.userId);
+    if (state.startDate) params.append("startDate", state.startDate);
+    if (state.endDate) params.append("endDate", state.endDate);
+    params.append("page", state.page);
+    params.append("pageSize", state.pageSize);
+    try {
+        const res = await fetch(`/api/history?${params}`);
+        const data = await res.json();
+        state.totalPages = data.totalPages;
+        el("historySection").classList.remove("hidden");
+        el("summarySection").classList.remove("hidden");
+        el("paginationControls").classList.remove("hidden");
+        el("pageInfo").textContent = `Page ${data.page} of ${data.totalPages}`;
+        el("historyContent").innerHTML = (data.data || []).map(row => `
+      <div class="p-4 rounded-lg bg-white/5 border border-white/10">
+        <div class="font-semibold">${row.task_description}</div>
+        <div class="text-sm text-gray-400 mt-1">${new Date(row.created_at).toLocaleString()}</div>
+      </div>
+    `).join('') || '<p class="text-gray-500">No history yet.</p>';
+        el("prevPageBtn").disabled = data.page <= 1;
+        el("nextPageBtn").disabled = data.page >= data.totalPages;
+    } catch (err) {
+        console.error(err);
+    }
+    try {
+        const summaryRes = await fetch(`/api/summary?${params}`);
+        const summary = await summaryRes.json();
+        el("summaryContent").innerHTML = `<p>Total tasks: ${summary.summary?.totalTasks || 0}</p>`;
+    } catch (err) {
+        console.error(err);
+    }
+}
+el("applyFiltersBtn").addEventListener("click", () => {
+    state.userId = el("userId").value;
+    state.startDate = el("startDate").value;
+    state.endDate = el("endDate").value;
+    state.page = 1;
+    load();
+});
+el("prevPageBtn").addEventListener("click", () => {
+    if (state.page > 1) {
+        state.page--;
+        load();
+    }
+});
+el("nextPageBtn").addEventListener("click", () => {
+    if (state.page < state.totalPages) {
+        state.page++;
+        load();
+    }
+});
+// Terminal Animation
+const terminalLines = [
+    { type: 'command', text: 'start_task', delay: 500 },
+    { type: 'success', text: '✓ Task started: Implement user auth', delay: 1500 },
+    { type: 'comment', text: '# Write code...', delay: 2500 },
+    { type: 'command', text: 'mark_bug_fixed', delay: 4000 },
+    { type: 'info', text: '✨ Feature complete! Now create tests...', delay: 5000 },
+    { type: 'command', text: 'create_tests', delay: 6500 },
+    { type: 'success', text: '✓ Tests created', delay: 7500 },
+    { type: 'command', text: 'run_tests', delay: 8500 },
+    { type: 'success', text: '✓ All tests passed!', delay: 9500 },
+    { type: 'command', text: 'create_documentation', delay: 10500 },
+    { type: 'success', text: '✓ Documentation updated', delay: 11500 },
+    { type: 'command', text: 'commit_and_push', delay: 12500 },
+    { type: 'final', text: 'Ready to release!', delay: 13500 }
+];
+const terminalContent = document.getElementById('terminalContent');
+function createLine(line) {
+    const div = document.createElement('div');
+    div.className = 'terminal-line';
+    if (line.type === 'command') {
+        div.innerHTML = `<span class="text-gray-500 mr-2">$</span><span class="text-white typing-cursor">${line.text}</span>`;
+    } else if (line.type === 'success') {
+        div.className += ' text-emerald-400';
+        div.textContent = line.text;
+    } else if (line.type === 'comment') {
+        div.innerHTML = `<span class="text-gray-500 mr-2">$</span><span class="text-white">${line.text}</span>`;
+        div.classList.add('mt-3');
+    } else if (line.type === 'info') {
+        div.className += ' text-purple-400';
+        div.textContent = line.text;
+    } else if (line.type === 'final') {
+        div.className += ' text-pink-400 flex items-center gap-2';
+        div.innerHTML = `<i data-lucide="rocket" class="w-4 h-4"></i>${line.text}`;
+    }
+    return div;
+}
+async function runTerminalAnimation() {
+    terminalContent.innerHTML = '';
+    for (const line of terminalLines) {
+        const div = createLine(line);
+        terminalContent.appendChild(div);
+        if (line.type === 'command') {
+            const textSpan = div.querySelector('.typing-cursor');
+            const fullText = line.text;
+            textSpan.textContent = '';
+            div.classList.add('visible');
+            for (let i = 0; i < fullText.length; i++) {
+                textSpan.textContent += fullText[i];
+                await new Promise(r => setTimeout(r, 50 + Math.random() * 50));
+            }
+            textSpan.classList.remove('typing-cursor');
+        } else {
+            await new Promise(r => setTimeout(r, 300));
+            div.classList.add('visible');
+        }
+        await new Promise(r => setTimeout(r, 500));
+    }
+}
+// Start animation when visible
+const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            runTerminalAnimation();
+            observer.disconnect();
+        }
+    });
+});
+observer.observe(document.querySelector('.relative.bg-\\[\\#1a1a24\\]'));
+// Mobile menu toggle
+const mobileMenuBtn = document.getElementById('mobileMenuBtn');
+const mobileMenu = document.getElementById('mobileMenu');
+if (mobileMenuBtn && mobileMenu) {
+    mobileMenuBtn.addEventListener('click', () => {
+        mobileMenu.classList.toggle('hidden');
+    });
+    // Close mobile menu when clicking on a link
+    mobileMenu.querySelectorAll('a').forEach(link => {
+        link.addEventListener('click', () => {
+            mobileMenu.classList.add('hidden');
+        });
+    });
+}