@veluai/velu 0.2.31 → 0.2.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veluai/velu",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "type": "module",
   "bin": "./dist/cli.js",
   "publishConfig": {

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

@@ -179,8 +179,9 @@ function citeTitle(s) {
   return seg.replace(/[-_]/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
 }
 
-/* Source click: SPA-navigate same-origin targets via onNavigate (keeps the chat
-   panel open + scrolls to the heading); otherwise let the <a href> navigate. */
+/* Source click: SPA-navigate same-origin targets via onNavigate (host decides
+   whether to keep the panel open — desktop multi-cite hops vs mobile sheet
+   close); otherwise let the <a href> navigate. */
 function onSourceClick(e, s, onNavigate) {
   const href = sourceHref(s);
   if (!href) { e.preventDefault(); return; }
@@ -189,7 +190,15 @@ function onSourceClick(e, s, onNavigate) {
     const u = new URL(href, window.location.origin);
     if (u.origin === window.location.origin) {
       e.preventDefault();
-      onNavigate(u.pathname + u.search + u.hash);
+      // Prefer the docs route path (e.g. "/installation") over the absolute
+      // URL pathname ("/docs/installation"). React Router's basename is
+      // already "/docs" on subpath hosts — passing the full pathname makes
+      // navigate() produce /docs/docs/... and 404.
+      const route =
+        s?.path && s.path.startsWith('/')
+          ? `${s.path}${u.search || ''}${u.hash || ''}`
+          : `${u.pathname}${u.search}${u.hash}`;
+      onNavigate(route);
     }
   } catch { /* malformed — fall back to href */ }
 }

package/src/runtime/App.jsx

@@ -1277,6 +1277,16 @@ function DocsPage() {
              `inset-block-end: 0` override still wins. */
           '--velu-aside-bottom': `calc(${footerOverlap}px + var(--s4))`,
         }}
+        // Close the mobile drawer as soon as a nav link is activated.
+        // The pathname effect below also closes it on route change; this
+        // covers same-route hash jumps and feels snappier on touch devices.
+        onClick={(e) => {
+          if (!drawerOpen) return;
+          const a = e.target.closest?.('a[href]');
+          if (!a) return;
+          setDrawerOpen(false);
+          setNavOpen(false);
+        }}
       >
         {/* Drawer body — Stack with 32px gap composes the slots
             (topbar / tab-dropdown / context / nav). The aside is a flex
@@ -1732,7 +1742,27 @@ function DocsPage() {
         loadConversation={assistant?.loadConversation}
         suggestions={site.assistant?.suggestions}
         onNavigate={(to) => {
-          navigate(to);
+          // Strip the Vite base path so react-router basename is not applied
+          // twice (e.g. "/docs/installation" → "/installation" when
+          // BASE_PATH="/docs"). Absolute Ask-AI citation URLs include /docs.
+          let dest = to || '/';
+          if (BASE_PATH) {
+            if (dest === BASE_PATH || dest === `${BASE_PATH}/`) dest = '/';
+            else if (dest.startsWith(`${BASE_PATH}/`)) {
+              dest = dest.slice(BASE_PATH.length) || '/';
+            }
+          }
+          navigate(dest);
+          // Ask AI becomes a bottom sheet below 1024px (chatbot.css) and covers
+          // the article — close it so the user lands on the linked page, not
+          // behind the sheet. Desktop keeps the panel open so multi-cite hops
+          // stay convenient.
+          if (
+            typeof window !== 'undefined' &&
+            window.matchMedia('(max-width: 1024px)').matches
+          ) {
+            setChatOpen(false);
+          }
           // After the destination page mounts, scroll to the cited section
           // (its heading id) — or the top of the page when there's no anchor.
           const hash = to.includes('#') ? to.slice(to.indexOf('#') + 1) : '';