@veluai/velu 0.2.19 → 0.2.20

package/package.json

@@ -1,64 +1,64 @@
-{
-  "name": "@veluai/velu",
-  "version": "0.2.19",
-  "type": "module",
-  "bin": "./dist/cli.js",
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist/**",
-    "src/runtime/**",
-    "src/navigation.js",
-    "src/template.html",
-    "src/lib/issues.js",
-    "src/lib/extract-mdx-error.js",
-    "src/lib/known-components.js",
-    "runtime/velu-ui/**",
-    "schema/**",
-    "templates/**"
-  ],
-  "scripts": {
-    "build": "node scripts/build.mjs",
-    "prepack": "node scripts/build.mjs",
-    "build:preview-runtime": "vite build -c vite.preview.config.mjs",
-    "test:parity": "node scripts/parity-test.mjs"
-  },
-  "dependencies": {
-    "@apidevtools/swagger-parser": "^10.1.0",
-    "@icons-pack/react-simple-icons": ">=13.0.0 <13.13.0",
-    "@mdx-js/mdx": "^3.1.1",
-    "@mdx-js/react": "^3.1.1",
-    "@mdx-js/rollup": "^3.1.1",
-    "@tailwindcss/vite": "^4.1.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "chokidar": "^3.6.0",
-    "estree-util-value-to-estree": "^3.5.0",
-    "express": "^4.21.1",
-    "github-slugger": "^2.0.0",
-    "iso-639-1": "^3.1.5",
-    "js-yaml": "^4.1.0",
-    "lucide-react": "^0.460.0",
-    "mdast-util-to-string": "^4.0.0",
-    "prism-react-renderer": "^2.4.0",
-    "prismjs": "^1.29.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.28.0",
-    "rehype-slug": "^6.0.0",
-    "remark-frontmatter": "^5.0.0",
-    "remark-gfm": "^4.0.1",
-    "remark-mdx-frontmatter": "^5.2.0",
-    "tailwindcss": "^4.1.0",
-    "unist-util-visit": "^5.1.0",
-    "vite": "^5.4.11"
-  },
-  "devDependencies": {
-    "@fontsource/outfit": "^5.0.0",
-    "@resvg/resvg-js": "^2.6.2",
-    "esbuild": "^0.28.0",
-    "pagefind": "^1.3.0",
-    "playwright": "^1.48.0",
-    "satori": "^0.12.0"
-  }
-}
+{
+  "name": "@veluai/velu",
+  "version": "0.2.20",
+  "type": "module",
+  "bin": "./dist/cli.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/**",
+    "src/runtime/**",
+    "src/navigation.js",
+    "src/template.html",
+    "src/lib/issues.js",
+    "src/lib/extract-mdx-error.js",
+    "src/lib/known-components.js",
+    "runtime/velu-ui/**",
+    "schema/**",
+    "templates/**"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepack": "node scripts/build.mjs",
+    "build:preview-runtime": "vite build -c vite.preview.config.mjs",
+    "test:parity": "node scripts/parity-test.mjs"
+  },
+  "dependencies": {
+    "@apidevtools/swagger-parser": "^10.1.0",
+    "@icons-pack/react-simple-icons": ">=13.0.0 <13.13.0",
+    "@mdx-js/mdx": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@mdx-js/rollup": "^3.1.1",
+    "@tailwindcss/vite": "^4.1.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "chokidar": "^3.6.0",
+    "estree-util-value-to-estree": "^3.5.0",
+    "express": "^4.21.1",
+    "github-slugger": "^2.0.0",
+    "iso-639-1": "^3.1.5",
+    "js-yaml": "^4.1.0",
+    "lucide-react": "^0.460.0",
+    "mdast-util-to-string": "^4.0.0",
+    "prism-react-renderer": "^2.4.0",
+    "prismjs": "^1.29.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.28.0",
+    "rehype-slug": "^6.0.0",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-mdx-frontmatter": "^5.2.0",
+    "tailwindcss": "^4.1.0",
+    "unist-util-visit": "^5.1.0",
+    "vite": "^5.4.11"
+  },
+  "devDependencies": {
+    "@fontsource/outfit": "^5.0.0",
+    "@resvg/resvg-js": "^2.6.2",
+    "esbuild": "^0.28.0",
+    "pagefind": "^1.3.0",
+    "playwright": "^1.48.0",
+    "satori": "^0.12.0"
+  }
+}

package/runtime/velu-ui/components/ContextMenu.jsx

@@ -61,11 +61,11 @@ const REGISTRY = {
   aistudio: { icon: Sparkles, label: 'Open in AI Studio', desc: 'Ask questions about this page', kind: 'ai', external: true, url: (q) => `https://aistudio.google.com/app/prompts/new_chat?prompt=${q}` },
   devin: { icon: Bot, label: 'Open in Devin', desc: 'Ask questions about this page', kind: 'ai', external: true, url: (q) => `https://app.devin.ai/?prompt=${q}` },
   windsurf: { icon: Wind, label: 'Open in Windsurf', desc: 'Ask questions about this page', kind: 'ai', external: true, url: (q) => `https://windsurf.com/?q=${q}` },
-  mcp: { icon: Terminal, label: 'Copy MCP install command', desc: 'Copy npx command to install MCP server', kind: 'mcp' },
+  mcp: { icon: Terminal, label: 'Copy MCP install command', desc: 'Copy command to install the MCP server', kind: 'mcp' },
   'add-mcp': { icon: Terminal, label: 'Add MCP server', desc: 'Copy command to add the MCP server', kind: 'mcp' },
   cursor: { icon: CursorIcon, label: 'Connect to Cursor', desc: 'Install MCP Server on Cursor', kind: 'cursor', external: true },
   vscode: { icon: VscodeIcon, label: 'Connect to VS Code', desc: 'Install MCP Server on VS Code', kind: 'vscode', external: true },
-  'devin-mcp': { icon: Terminal, label: 'Connect to Devin', desc: 'Install MCP Server on Devin', kind: 'cursor', external: true },
+  'devin-mcp': { icon: Terminal, label: 'Connect to Devin', desc: 'Copy command to add the MCP server on Devin', kind: 'devin' },
 };
 
 export default function ContextMenu({
@@ -166,6 +166,9 @@ export default function ContextMenu({
     setOpen(false);
     const origin = window.location.origin;
     const absMd = origin + mdUrl;
+    const mcpUrl = `${origin}/mcp`;
+    // CLI-safe server name (siteName may contain spaces).
+    const serverName = (siteName || 'docs').trim().replace(/\s+/g, '-').toLowerCase() || 'docs';
     switch (it.kind) {
       case 'copy':
         return copyPage();
@@ -192,12 +195,12 @@ export default function ContextMenu({
         return void window.open(it.url(q), '_blank', 'noopener');
       }
       case 'mcp':
-        // Stubbed: the Velu MCP server isn't hosted yet — this is the intended
-        // command, wired to <origin>/mcp once it exists.
-        return copyText(`npx -y @veluai/mcp@latest ${origin}/mcp`);
+        // Hosted HTTP MCP server lives at <origin>/mcp. Copy a client-neutral
+        // command: `mcp-remote` bridges the HTTP server to stdio, so it works
+        // in any MCP client config (Claude, Cursor, VS Code, Windsurf, …).
+        return copyText(`npx mcp-remote ${mcpUrl}`);
       case 'cursor': {
-        const cfg =
-          typeof btoa === 'function' ? btoa(JSON.stringify({ url: `${origin}/mcp` })) : '';
+        const cfg = typeof btoa === 'function' ? btoa(JSON.stringify({ url: mcpUrl })) : '';
         return void window.open(
           `cursor://anysphere.cursor-deeplink/mcp/install?name=${encodeURIComponent(siteName)}&config=${cfg}`,
           '_blank',
@@ -205,13 +208,16 @@ export default function ContextMenu({
         );
       }
       case 'vscode': {
-        const cfg = encodeURIComponent(JSON.stringify({ name: siteName, url: `${origin}/mcp` }));
-        return void window.open(
-          `https://insiders.vscode.dev/redirect/mcp/install?${cfg}`,
-          '_blank',
-          'noopener',
+        // Official VS Code install URI: `vscode:mcp/install?<urlencoded JSON>`,
+        // with the transport `type` inside the payload.
+        const cfg = encodeURIComponent(
+          JSON.stringify({ name: siteName, type: 'http', url: mcpUrl }),
         );
+        return void window.open(`vscode:mcp/install?${cfg}`, '_blank', 'noopener');
       }
+      case 'devin':
+        // Devin has no install deep-link — copy its CLI add command instead.
+        return copyText(`devin mcp add ${serverName} ${mcpUrl}`);
       case 'custom':
         return void window.open(it.href, '_blank', 'noopener');
       default:

package/runtime/velu-ui/components/chatbot.css

@@ -510,7 +510,10 @@
   opacity: 0;
   transition: opacity 0.12s ease;
 }
-.velu-chatbot__msg--ai:hover .velu-chatbot__msg-actions {
+.velu-chatbot__msg--ai:hover .velu-chatbot__msg-actions,
+/* Keep the row visible once a vote is cast, so the selection stays
+   confirmed after the pointer leaves the message. */
+.velu-chatbot__msg-actions:has(.is-active) {
   opacity: 1;
 }
 .velu-chatbot__msg-action {
@@ -530,6 +533,11 @@
   background: var(--surface-color);
   color: var(--text-color);
 }
+/* Chosen thumb (up/down) — accent tint so the click is clearly registered. */
+.velu-chatbot__msg-action.is-active {
+  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
+  color: var(--accent-color);
+}
 
 /* ── Composer ───────────────────────────────────────────────────────── */
 .velu-chatbot__composer {