@docsector/docsector-reader 1.5.0 → 1.7.0

package/README.md

@@ -31,6 +31,7 @@ Transform Markdown content into beautiful, navigable documentation sites — wit
 - 🧭 **Content Signals** — Optional `Content-Signal` directive for declaring AI usage policy (`ai-train`, `search`, `ai-input`) in `robots.txt`
 - 🧩 **Agent Skills Discovery Index** — Optional `/.well-known/agent-skills/index.json` with RFC v0.2.0 schema and SHA-256 digests
 - 🪪 **MCP Server Card** — Optional `/.well-known/mcp/server-card.json` for MCP server discovery before connection
+- 🌐 **WebMCP Browser Tools** — Optional registration of in-page tools via `navigator.modelContext` for browser agents
 - 🔗 **Homepage Link Headers** — Auto-generated `Link` response headers for agent discovery (`api-catalog`, `service-doc`, `service-desc`, `describedby`) per RFC 8288 / RFC 9727
 - 🔌 **MCP Server** — Auto-generated [MCP](https://modelcontextprotocol.io) server at `/mcp` for AI assistant integration (Claude Desktop, VS Code, etc.)
 - 📄 **llms.txt / llms-full.txt** — Auto-generated [llms.txt](https://llmstxt.org) index and full-content file for LLM discovery (requires `siteUrl` in config)
@@ -46,6 +47,7 @@ Transform Markdown content into beautiful, navigable documentation sites — wit
 - 🌗 **Dark/Light Mode** — Automatic theme switching with Quasar Dark Plugin
 - 🔗 **Anchor Navigation** — Right-side Table of Contents tree with scroll tracking and auto-scroll to active section
 - 🔎 **Search** — Menu search across all documentation content and tags
+- 🌐 **WebMCP Browser Tools** — Registers in-page tools for browser agents with `registerTool` and optional `provideContext` fallback
 - 📱 **Responsive** — Mobile-friendly with collapsible sidebar and drawers
 - 🏷️ **Status Badges** — Mark pages as `done`, `draft`, or `empty` with visual indicators
 - ✏️ **Edit on GitHub** — Direct links to edit pages on your repository
@@ -56,6 +58,7 @@ Transform Markdown content into beautiful, navigable documentation sites — wit
 - 🔐 **Web Bot Auth** — Can publish a signed HTTP message signatures directory and includes helpers to sign outbound bot requests
 - 🧭 **Content Signals** — Injects `Content-Signal` policy in `robots.txt` with deterministic, idempotent build output
 - 🏠 **Markdown Home at Root** — Homepage is rendered from `src/pages/Homepage.{lang}.md` directly at `/`
+- 🌍 **Remote README as Home** — Optional build-time remote README source for homepage with automatic local fallback
 - 🧭 **Quick Links Custom Element** — Use `<d-quick-links>` and `<d-quick-link>` in Markdown to render rich home navigation cards
 - 🗂️ **API Catalog Well-Known** — Auto-generates `/.well-known/api-catalog` as Linkset JSON for machine-readable API discovery
 - ⚙️ **Single Config File** — Customize branding, links, and languages via `docsector.config.js`
@@ -205,6 +208,63 @@ Check `checks.discovery.mcpServerCard.status` equals `"pass"`.
 
 ---
 
+## 🌐 WebMCP Browser Tools
+
+Docsector Reader can register browser-side tools for agents when
+`navigator.modelContext` is available (secure context required).
+
+Default tools:
+
+- `docs.search_docs` (bridges to MCP `search_{toolSuffix}`)
+- `docs.get_page` (bridges to MCP `get_page_{toolSuffix}`)
+- `docs.navigate_to` (SPA navigation)
+- `docs.copy_current_page` (current page markdown URL/content)
+
+### WebMCP Configure
+
+```javascript
+export default {
+  // ...other config
+
+  mcp: {
+    serverName: 'my-docs',
+    toolSuffix: 'my_docs'
+  },
+
+  webMcp: {
+    enabled: true,
+    apiMode: 'dual', // 'registerTool' | 'dual'
+    toolPrefix: 'docs',
+    bridgeEndpoint: '/mcp',
+    bridgeToMcp: true,
+    tools: {
+      searchDocs: true,
+      getPage: true,
+      navigateTo: true,
+      copyCurrentPage: true
+    }
+  }
+}
+```
+
+Notes:
+
+- `apiMode: 'registerTool'` uses only `navigator.modelContext.registerTool()`.
+- `apiMode: 'dual'` also attempts `provideContext` fallback when available.
+- Registration happens on page load and is automatically cleaned up on unmount.
+
+### WebMCP Validate
+
+```bash
+curl -X POST https://isitagentready.com/api/scan \
+  -H 'Content-Type: application/json' \
+  -d '{"url":"https://YOUR-SITE.com"}'
+```
+
+Check `checks.discovery.webMcp.status` equals `"pass"`.
+
+---
+
 ## � llms.txt (LLM Discovery)
 
 Docsector Reader automatically generates [llms.txt](https://llmstxt.org) files at build time when `siteUrl` is configured (same requirement as sitemap.xml).
@@ -274,6 +334,39 @@ Set any target to `null` or `false` to disable that relation.
 
 ---
 
+## 🏠 Remote README as Home
+
+You can configure Docsector Reader to use a remote README as homepage content.
+
+- Fetch happens at build-time.
+- The same README content is used for all configured languages.
+- If fetch fails, it falls back to local `src/pages/Homepage.{lang}.md` by default.
+
+### Configure
+
+```javascript
+export default {
+  // ...other config
+
+  homePage: {
+    source: 'remote-readme',
+    remoteReadmeUrl: 'https://raw.githubusercontent.com/your-org/your-repo/main/README.md',
+    timeoutMs: 8000,
+    fallbackToLocal: true
+  }
+}
+```
+
+### Validate
+
+```bash
+npx docsector build
+cat dist/spa/homepage.md
+cat dist/spa/homepage.en-US.md
+```
+
+---
+
 ## 🔐 Web Bot Auth
 
 Docsector Reader can publish a signed Web Bot Auth directory at:

package/bin/docsector.js

@@ -23,7 +23,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '1.5.0'
+const VERSION = '1.7.0'
 
 const HELP = `
   Docsector Reader v${VERSION}
@@ -148,6 +148,33 @@ export default {
   //   }
   // },
 
+  // @ WebMCP browser tools (optional)
+  // Registers tools in browser contexts that expose navigator.modelContext.
+  // Uses registerTool when available, with optional provideContext fallback.
+  // webMcp: {
+  //   enabled: true,
+  //   apiMode: 'dual', // 'registerTool' | 'dual'
+  //   toolPrefix: 'docs',
+  //   bridgeEndpoint: '/mcp',
+  //   bridgeToMcp: true,
+  //   tools: {
+  //     searchDocs: true,
+  //     getPage: true,
+  //     navigateTo: true,
+  //     copyCurrentPage: true
+  //   }
+  // },
+
+  // @ Home page source (optional)
+  // Use a remote README.md as homepage content at build-time.
+  // Falls back to local src/pages/Homepage.{lang}.md on fetch failure by default.
+  // homePage: {
+  //   source: 'remote-readme', // 'local' | 'remote-readme'
+  //   remoteReadmeUrl: 'https://raw.githubusercontent.com/your-org/your-repo/main/README.md',
+  //   timeoutMs: 8000,
+  //   fallbackToLocal: true
+  // },
+
   // @ Homepage Link headers for agent discovery (optional)
   // linkHeaders: {
   //   enabled: true,

package/docsector.config.js

@@ -43,6 +43,14 @@ export default {
     toolSuffix: 'docsector'
   },
 
+  // @ Home page source
+  homePage: {
+    source: 'remote-readme',
+    remoteReadmeUrl: 'https://raw.githubusercontent.com/docsector/docsector-reader/main/README.md',
+    timeoutMs: 8000,
+    fallbackToLocal: true
+  },
+
   // @ Languages
   languages: [
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "A documentation rendering engine built with Vue 3, Quasar v2 and Vite. Transform Markdown into beautiful, navigable documentation sites.",
   "productName": "Docsector Reader",
   "author": "Rodrigo de Araujo Vieira",

package/src/App.vue

@@ -114,20 +114,24 @@
 </template>
 
 <script setup>
-import { reactive, computed, onMounted } from 'vue'
+import { reactive, computed, onMounted, onBeforeUnmount } from 'vue'
 import { useQuasar } from 'quasar'
 import { useStore } from 'vuex'
 import { useI18n } from 'vue-i18n'
-import { useRouter } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 
 import docsectorConfig from 'docsector.config.js'
+import { setupWebMcp } from './composables/useWebMcp'
 
 defineOptions({ name: 'App' })
 
 const $q = useQuasar()
 const store = useStore()
-const { locale } = useI18n()
+const { locale, t } = useI18n()
 const router = useRouter()
+const route = useRoute()
+
+let cleanupWebMcp = null
 
 const settings = reactive({
   general: {
@@ -213,6 +217,21 @@ onMounted(() => {
     settings.appearance.background.default = dark
   }
   $q.dark.set(dark)
+
+  cleanupWebMcp = setupWebMcp({
+    router,
+    route,
+    store,
+    translate: t,
+    locale
+  })
+})
+
+onBeforeUnmount(() => {
+  if (typeof cleanupWebMcp === 'function') {
+    cleanupWebMcp()
+    cleanupWebMcp = null
+  }
 })
 </script>
 

package/src/components/DPageBar.vue

@@ -71,6 +71,13 @@ const rawMarkdown = computed(() => {
 
 const markdownURL = computed(() => {
   if (store.state.page.base === 'home') {
+    const homePage = docsectorConfig.homePage || {}
+    const isRemoteHome = homePage.source === 'remote-readme' && typeof homePage.remoteReadmeUrl === 'string' && homePage.remoteReadmeUrl.length > 0
+
+    if (isRemoteHome) {
+      return homePage.remoteReadmeUrl
+    }
+
     return `/Homepage.${locale.value}.md`
   }
 
@@ -87,12 +94,27 @@ const fullMarkdownURL = computed(() => {
   return `${window.location.origin}${path}.md`
 })
 
+const chatSourceURL = computed(() => {
+  if (store.state.page.base !== 'home') {
+    return fullMarkdownURL.value
+  }
+
+  const homePage = docsectorConfig.homePage || {}
+  const isRemoteHome = homePage.source === 'remote-readme' && typeof homePage.remoteReadmeUrl === 'string' && homePage.remoteReadmeUrl.length > 0
+
+  if (isRemoteHome) {
+    return `${window.location.origin}/`
+  }
+
+  return fullMarkdownURL.value
+})
+
 const chatgptURL = computed(() => {
-  const prompt = `Read ${fullMarkdownURL.value} and answer questions about the content.`
+  const prompt = `Read ${chatSourceURL.value} and answer questions about the content.`
   return `https://chat.openai.com/?q=${encodeURIComponent(prompt)}`
 })
 const claudeURL = computed(() => {
-  const prompt = `Read ${fullMarkdownURL.value} and answer questions about the content.`
+  const prompt = `Read ${chatSourceURL.value} and answer questions about the content.`
   return `https://claude.ai/new?q=${encodeURIComponent(prompt)}`
 })
 

package/src/components/DPageMeta.vue

@@ -157,11 +157,19 @@ const next = computed(() => {
 
   return ''
 })
+
+const hideRemoteHomeFooterMeta = computed(() => {
+  const homePage = docsectorConfig.homePage || {}
+  const isRemoteHome = homePage.source === 'remote-readme' && typeof homePage.remoteReadmeUrl === 'string' && homePage.remoteReadmeUrl.length > 0
+  const isHomePage = route.path === '/' || store.state.page.base === 'home'
+
+  return isRemoteHome && isHomePage
+})
 </script>
 
 <template>
 <div id="d-page-meta">
-  <div class="row justify-between q-mt-lg">
+  <div v-if="!hideRemoteHomeFooterMeta" class="row justify-between q-mt-lg">
     <div id="d-page-edit" class="col">
       <q-btn dense no-caps text-color="black" :color="color" @click="openURL(URL)" aria-label="Edit page on Github">
         <q-icon class="q-mr-xs" name="fab fa-github" size="20px" />

package/src/components/DPageSection.vue

@@ -130,7 +130,10 @@ const tokenized = computed(() => {
 
   const { source: sourceWithQuickLinks, quickLinksMap } = extractQuickLinksBlocks(normalizedSource)
 
-  const Markdown = new MarkdownIt()
+  const Markdown = new MarkdownIt({
+    // Home remote README may contain raw HTML blocks (badges, centered headers, etc.)
+    html: true
+  })
   Markdown.use(attrs, {
     leftDelimiter: ':',
     rightDelimiter: ';',

package/src/composables/useWebMcp.js

@@ -0,0 +1,398 @@
+import docsectorConfig from 'docsector.config.js'
+
+let activeCleanup = null
+
+function toSafeToolPrefix (prefix) {
+  const value = String(prefix || 'docs')
+    .trim()
+    .replace(/[^A-Za-z0-9_.-]/g, '_')
+
+  if (!value) {
+    return 'docs'
+  }
+
+  return value.slice(0, 48)
+}
+
+function decodeMarkdownSource (source) {
+  return String(source || '')
+    .replace(/{/g, '{')
+    .replace(/}/g, '}')
+    .replace(/\{'([^']+)'\}/g, '$1')
+    .replace(/&/g, '&')
+}
+
+function isSecurePageContext () {
+  if (typeof window === 'undefined') return false
+
+  if (window.isSecureContext) return true
+
+  const protocol = window.location?.protocol || ''
+  const host = window.location?.hostname || ''
+  return protocol === 'https:' || host === 'localhost' || host === '127.0.0.1'
+}
+
+function buildMcpEndpoint (bridgeEndpoint) {
+  if (typeof window === 'undefined') return '/mcp'
+
+  const endpoint = bridgeEndpoint || '/mcp'
+  try {
+    return new URL(endpoint, window.location.origin).toString()
+  } catch {
+    return `${window.location.origin}/mcp`
+  }
+}
+
+async function callMcpTool ({ endpoint, toolName, args }) {
+  const requestId = `${toolName}:${Date.now()}`
+  const response = await fetch(endpoint, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      jsonrpc: '2.0',
+      id: requestId,
+      method: 'tools/call',
+      params: {
+        name: toolName,
+        arguments: args || {}
+      }
+    })
+  })
+
+  if (!response.ok) {
+    throw new Error(`MCP endpoint responded with ${response.status}`)
+  }
+
+  const payload = await response.json()
+  if (payload.error) {
+    throw new Error(payload.error.message || 'MCP tool call failed')
+  }
+
+  return payload.result || null
+}
+
+function normalizePath (inputPath) {
+  const value = String(inputPath || '').trim()
+  if (!value) return '/'
+
+  if (value.startsWith('http://') || value.startsWith('https://')) {
+    try {
+      const url = new URL(value)
+      return `${url.pathname}${url.search}${url.hash}`
+    } catch {
+      return '/'
+    }
+  }
+
+  if (value.startsWith('/')) {
+    return value
+  }
+
+  return `/${value}`
+}
+
+function createToolDefinitions ({
+  prefix,
+  mcpToolSuffix,
+  bridgeEndpoint,
+  bridgeToMcp,
+  tools,
+  router,
+  getCurrentPath,
+  getCurrentHash,
+  getLocale,
+  getAbsoluteI18nPath,
+  translate
+}) {
+  const endpoint = buildMcpEndpoint(bridgeEndpoint)
+
+  const maybeCallMcp = async (toolName, args) => {
+    if (!bridgeToMcp) {
+      throw new Error('MCP bridge disabled in webMcp configuration')
+    }
+
+    return callMcpTool({ endpoint, toolName, args })
+  }
+
+  const definitions = []
+
+  if (tools.searchDocs) {
+    definitions.push({
+      name: `${prefix}.search_docs`,
+      description: 'Search documentation pages by keyword and return top matches.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          query: {
+            type: 'string',
+            description: 'Search term or phrase.'
+          }
+        },
+        required: ['query']
+      },
+      annotations: { readOnlyHint: true },
+      execute: async (input) => {
+        const query = String(input?.query || '').trim()
+        if (!query) {
+          return {
+            ok: false,
+            error: 'Missing required field: query'
+          }
+        }
+
+        const toolName = `search_${mcpToolSuffix}`
+        const result = await maybeCallMcp(toolName, { query })
+
+        return {
+          ok: true,
+          query,
+          mcpTool: toolName,
+          endpoint,
+          result
+        }
+      }
+    })
+  }
+
+  if (tools.getPage) {
+    definitions.push({
+      name: `${prefix}.get_page`,
+      description: 'Fetch a documentation page in markdown format by its path.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          path: {
+            type: 'string',
+            description: 'Documentation page path without trailing .md.'
+          }
+        },
+        required: ['path']
+      },
+      annotations: { readOnlyHint: true },
+      execute: async (input) => {
+        const path = String(input?.path || '').trim()
+        if (!path) {
+          return {
+            ok: false,
+            error: 'Missing required field: path'
+          }
+        }
+
+        const toolName = `get_page_${mcpToolSuffix}`
+        const result = await maybeCallMcp(toolName, { path })
+
+        return {
+          ok: true,
+          path,
+          mcpTool: toolName,
+          endpoint,
+          result
+        }
+      }
+    })
+  }
+
+  if (tools.navigateTo) {
+    definitions.push({
+      name: `${prefix}.navigate_to`,
+      description: 'Navigate to a docs route and optional anchor hash in the current session.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          path: {
+            type: 'string',
+            description: 'Target path (absolute or relative).'
+          },
+          hash: {
+            type: 'string',
+            description: 'Optional hash fragment, with or without leading #.'
+          }
+        }
+      },
+      annotations: { readOnlyHint: false },
+      execute: async (input) => {
+        const path = normalizePath(input?.path || getCurrentPath())
+        const hashInput = String(input?.hash || '').trim()
+        const hash = hashInput ? (hashInput.startsWith('#') ? hashInput : `#${hashInput}`) : ''
+
+        await router.push({ path, hash })
+
+        return {
+          ok: true,
+          path,
+          hash,
+          currentPath: getCurrentPath(),
+          currentHash: getCurrentHash()
+        }
+      }
+    })
+  }
+
+  if (tools.copyCurrentPage) {
+    definitions.push({
+      name: `${prefix}.copy_current_page`,
+      description: 'Return markdown URL and markdown source for the current page context.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          includeContent: {
+            type: 'boolean',
+            description: 'When false, return metadata and URL only.'
+          }
+        }
+      },
+      annotations: { readOnlyHint: true },
+      execute: async (input) => {
+        const locale = getLocale() || 'en-US'
+        const currentPath = getCurrentPath()
+        const path = currentPath === '/' ? '/Homepage' : currentPath.replace(/\/+$/, '')
+        const markdownUrl = `${window.location.origin}${path}.md`
+
+        const includeContent = input?.includeContent !== false
+        const absolute = getAbsoluteI18nPath()
+
+        let content = ''
+        if (includeContent && absolute) {
+          const source = translate(`_.${absolute}.source`)
+          if (source) {
+            content = decodeMarkdownSource(source)
+          }
+        }
+
+        return {
+          ok: true,
+          locale,
+          path: currentPath,
+          markdownUrl,
+          content
+        }
+      }
+    })
+  }
+
+  return definitions
+}
+
+function registerWithProvideContext (modelContext, toolDefinitions) {
+  if (typeof modelContext.provideContext !== 'function') return null
+
+  const payload = {
+    tools: toolDefinitions.map((tool) => ({
+      name: tool.name,
+      description: tool.description,
+      inputSchema: tool.inputSchema,
+      execute: tool.execute
+    }))
+  }
+
+  const result = modelContext.provideContext(payload)
+
+  if (typeof result === 'function') {
+    return result
+  }
+
+  if (result && typeof result.dispose === 'function') {
+    return () => result.dispose()
+  }
+
+  if (result && typeof result.unregister === 'function') {
+    return () => result.unregister()
+  }
+
+  return null
+}
+
+export function setupWebMcp ({ router, route, store, translate, locale }) {
+  const webMcp = docsectorConfig.webMcp || {}
+  if (!webMcp.enabled) return () => {}
+
+  if (!isSecurePageContext()) return () => {}
+
+  const modelContext = navigator?.modelContext
+  if (!modelContext) return () => {}
+
+  if (activeCleanup) {
+    activeCleanup()
+    activeCleanup = null
+  }
+
+  const prefix = toSafeToolPrefix(webMcp.toolPrefix || 'docs')
+  const mcpToolSuffix = String(docsectorConfig.mcp?.toolSuffix || 'docs')
+    .replace(/[^A-Za-z0-9_]/g, '_')
+
+  const tools = {
+    searchDocs: webMcp.tools?.searchDocs !== false,
+    getPage: webMcp.tools?.getPage !== false,
+    navigateTo: webMcp.tools?.navigateTo !== false,
+    copyCurrentPage: webMcp.tools?.copyCurrentPage !== false
+  }
+
+  const definitions = createToolDefinitions({
+    prefix,
+    mcpToolSuffix,
+    bridgeEndpoint: webMcp.bridgeEndpoint || '/mcp',
+    bridgeToMcp: webMcp.bridgeToMcp !== false,
+    tools,
+    router,
+    getCurrentPath: () => route.path,
+    getCurrentHash: () => route.hash,
+    getLocale: () => locale.value,
+    getAbsoluteI18nPath: () => store?.state?.i18n?.absolute,
+    translate
+  })
+
+  if (definitions.length === 0) return () => {}
+
+  const supportsRegisterTool = typeof modelContext.registerTool === 'function'
+  const supportsProvideContext = typeof modelContext.provideContext === 'function'
+  const mode = webMcp.apiMode === 'registerTool' ? 'registerTool' : 'dual'
+
+  const abortController = new AbortController()
+  const cleanups = [() => abortController.abort()]
+
+  try {
+    if (supportsRegisterTool) {
+      for (const tool of definitions) {
+        modelContext.registerTool({
+          name: tool.name,
+          description: tool.description,
+          inputSchema: tool.inputSchema,
+          annotations: tool.annotations,
+          execute: tool.execute
+        }, { signal: abortController.signal })
+      }
+    } else if (mode === 'registerTool') {
+      return () => {}
+    }
+
+    if ((!supportsRegisterTool || mode === 'dual') && supportsProvideContext) {
+      const provideCleanup = registerWithProvideContext(modelContext, definitions)
+      if (provideCleanup) {
+        cleanups.push(provideCleanup)
+      }
+    }
+  } catch (error) {
+    if (import.meta.env?.DEV) {
+      console.warn('[docsector:webmcp] Failed to register tools', error)
+    }
+    return () => {}
+  }
+
+  const cleanup = () => {
+    while (cleanups.length > 0) {
+      const fn = cleanups.pop()
+      try {
+        fn()
+      } catch {
+        // Ignore cleanup errors
+      }
+    }
+  }
+
+  activeCleanup = cleanup
+  return cleanup
+}
+
+export default {
+  setupWebMcp
+}

package/src/css/app.sass

@@ -1,7 +1,7 @@
 /* --- Docsector Reader --- */
 @font-face
   font-family: "Fira Code Nerd Font"
-  src: url('/fonts/FiraCodeNerdFont-Regular.ttf') format('truetype')
+  src: local('Fira Code Nerd Font'), local('FiraCode Nerd Font')
   font-weight: normal
   font-style: normal
 // * General

package/src/i18n/helpers.js

@@ -117,9 +117,10 @@ export function filter (source) {
  * @param {Object} options.pages - Page registry from pages/index.js
  * @param {Object} options.boot - Boot meta from pages/boot.js
  * @param {string[]} [options.langs] - Language codes to process (auto-detected from langModules if omitted)
+ * @param {Object<string,string>} [options.homePageOverride] - Optional per-language Home markdown override
  * @returns {Object} Complete i18n messages object keyed by locale
  */
-export function buildMessages ({ langModules, mdModules, pages, boot, langs }) {
+export function buildMessages ({ langModules, mdModules, pages, boot, langs, homePageOverride = {} }) {
   // Auto-detect languages from HJSON files if not provided
   if (!langs) {
     langs = Object.keys(langModules).map(key => {
@@ -145,6 +146,11 @@ export function buildMessages ({ langModules, mdModules, pages, boot, langs }) {
   }
 
   function loadHomepage (lang) {
+    const override = homePageOverride?.[lang] ?? homePageOverride?.['en-US']
+    if (typeof override === 'string' && override.length > 0) {
+      return filter(override)
+    }
+
     const key = `../pages/Homepage.${lang}.md`
     const fallbackKey = '../pages/Homepage.en-US.md'
 
@@ -159,6 +165,23 @@ export function buildMessages ({ langModules, mdModules, pages, boot, langs }) {
   }
 
   function extractHeadingFromHomepage (lang) {
+    const override = homePageOverride?.[lang] ?? homePageOverride?.['en-US']
+    if (typeof override === 'string' && override.length > 0) {
+      const htmlHeadingMatch = override.match(/<h1[^>]*>([\s\S]*?)<\/h1>/i)
+      if (htmlHeadingMatch) {
+        const htmlHeading = htmlHeadingMatch[1]
+          .replace(/<[^>]+>/g, ' ')
+          .replace(/\s+/g, ' ')
+          .trim()
+        if (htmlHeading) {
+          return htmlHeading
+        }
+      }
+
+      const overrideMatch = override.match(/^#\s+(.+)$/m)
+      return overrideMatch ? overrideMatch[1].trim() : ''
+    }
+
     const key = `../pages/Homepage.${lang}.md`
     const fallbackKey = '../pages/Homepage.en-US.md'
 

package/src/i18n/index.js

@@ -1,5 +1,6 @@
 // @ Import i18n message builder
 import { buildMessages } from './helpers'
+import homePageOverride from 'virtual:docsector-homepage-override'
 
 // @ Import language HJSON files (Vite-compatible eager import)
 const langModules = import.meta.glob('./languages/*.hjson', { eager: true })
@@ -10,4 +11,4 @@ const mdModules = import.meta.glob('../pages/**/*.md', { eager: true, query: '?r
 import boot from 'pages/boot'
 import pages from 'pages'
 
-export default buildMessages({ langModules, mdModules, pages, boot })
+export default buildMessages({ langModules, mdModules, pages, boot, homePageOverride })

package/src/index.js

@@ -87,6 +87,22 @@
  * @param {Object} [config.mcpServerCard.capabilities] - Optional capability overrides for tools/resources/prompts
  * @param {Array<Object>} [config.mcpServerCard.remotes=[]] - Optional additional remotes to include in the server card
  * @param {Object} [config.mcpServerCard.metadata] - Optional additional metadata merged into the server card payload
+ * @param {Object} [config.webMcp] - WebMCP browser tools settings
+ * @param {boolean} [config.webMcp.enabled=false] - Enables browser-side WebMCP tool registration on page load
+ * @param {'registerTool'|'dual'} [config.webMcp.apiMode='dual'] - Registration mode: registerTool only or registerTool + provideContext fallback
+ * @param {string} [config.webMcp.toolPrefix='docs'] - Prefix used to build WebMCP tool names (e.g. docs.search_docs)
+ * @param {string} [config.webMcp.bridgeEndpoint='/mcp'] - Relative endpoint used to bridge search/get_page to the MCP HTTP server
+ * @param {boolean} [config.webMcp.bridgeToMcp=true] - Uses MCP endpoint bridge for search/get_page tools when true
+ * @param {Object} [config.webMcp.tools] - Per-tool enable flags
+ * @param {boolean} [config.webMcp.tools.searchDocs=true] - Enables tool search_docs
+ * @param {boolean} [config.webMcp.tools.getPage=true] - Enables tool get_page
+ * @param {boolean} [config.webMcp.tools.navigateTo=true] - Enables tool navigate_to
+ * @param {boolean} [config.webMcp.tools.copyCurrentPage=true] - Enables tool copy_current_page
+ * @param {Object} [config.homePage] - Home page content source settings
+ * @param {'local'|'remote-readme'} [config.homePage.source='local'] - Source strategy for home page markdown
+ * @param {string|null} [config.homePage.remoteReadmeUrl=null] - Absolute URL of remote README markdown when source is remote-readme
+ * @param {number} [config.homePage.timeoutMs=8000] - Timeout in milliseconds for remote README fetch during build
+ * @param {boolean} [config.homePage.fallbackToLocal=true] - Fallback to local Homepage.{lang}.md when remote fetch fails
  * @returns {Object} Resolved Docsector configuration
  */
 export function createDocsector (config = {}) {
@@ -190,6 +206,30 @@ export function createDocsector (config = {}) {
       remotes: [],
       metadata: null,
       ...config.mcpServerCard
+    },
+
+    webMcp: {
+      enabled: false,
+      apiMode: 'dual',
+      toolPrefix: 'docs',
+      bridgeEndpoint: '/mcp',
+      bridgeToMcp: true,
+      ...config.webMcp,
+      tools: {
+        searchDocs: true,
+        getPage: true,
+        navigateTo: true,
+        copyCurrentPage: true,
+        ...(config.webMcp?.tools || {})
+      }
+    },
+
+    homePage: {
+      source: 'local',
+      remoteReadmeUrl: null,
+      timeoutMs: 8000,
+      fallbackToLocal: true,
+      ...config.homePage
     }
   }
 }

package/src/quasar.factory.js

@@ -141,7 +141,6 @@ function createPrerenderMetaPlugin (projectRoot) {
     async closeBundle () {
       const distDir = resolve(projectRoot, 'dist', 'spa')
       const baseHtmlPath = resolve(distDir, 'index.html')
-
       if (!existsSync(baseHtmlPath)) return
 
       const baseHtml = readFileSync(baseHtmlPath, 'utf-8')
@@ -421,6 +420,148 @@ function createGitDatesPlugin (projectRoot) {
   }
 }
 
+function getHomePageConfig (config = {}) {
+  const homePage = config.homePage || {}
+  return {
+    source: homePage.source || 'local',
+    remoteReadmeUrl: homePage.remoteReadmeUrl || null,
+    timeoutMs: Number.isFinite(homePage.timeoutMs)
+      ? Math.max(1000, Number(homePage.timeoutMs))
+      : 8000,
+    fallbackToLocal: homePage.fallbackToLocal !== false
+  }
+}
+
+function getConfiguredLanguages (config = {}) {
+  const defaultLang = config.defaultLanguage || config.languages?.[0]?.value || 'en-US'
+  const languageValues = config.languages?.map(language => language.value).filter(Boolean) || []
+  const langs = [...new Set([defaultLang, ...languageValues])]
+  return { defaultLang, langs }
+}
+
+async function fetchRemoteMarkdown (url, timeoutMs = 8000) {
+  const controller = new AbortController()
+  const timeout = setTimeout(() => controller.abort(), timeoutMs)
+
+  try {
+    const response = await fetch(url, {
+      headers: {
+        Accept: 'text/markdown, text/plain;q=0.9, */*;q=0.8'
+      },
+      signal: controller.signal
+    })
+
+    if (!response.ok) {
+      throw new Error(`Remote README request failed with status ${response.status}`)
+    }
+
+    return await response.text()
+  } finally {
+    clearTimeout(timeout)
+  }
+}
+
+async function resolveHomePageSources (projectRoot, config = {}, options = {}) {
+  const { logPrefix = '[docsector]' } = options
+  const pagesDir = resolve(projectRoot, 'src', 'pages')
+  const { defaultLang, langs } = getConfiguredLanguages(config)
+  const homePageConfig = getHomePageConfig(config)
+
+  const byLang = {}
+  let mode = 'local'
+
+  if (homePageConfig.source === 'remote-readme' && homePageConfig.remoteReadmeUrl) {
+    try {
+      const remote = await fetchRemoteMarkdown(homePageConfig.remoteReadmeUrl, homePageConfig.timeoutMs)
+      for (const lang of langs) {
+        byLang[lang] = remote
+      }
+      mode = 'remote-readme'
+      console.log(`\x1b[36m${logPrefix}\x1b[0m Loaded remote README for home page`)
+      return { mode, byLang, defaultLang, langs }
+    } catch (error) {
+      const reason = error?.message || String(error)
+      console.warn(`${logPrefix} Failed to load remote README for home page: ${reason}`)
+
+      if (!homePageConfig.fallbackToLocal) {
+        throw error
+      }
+    }
+  }
+
+  for (const lang of langs) {
+    const homepage = resolve(pagesDir, `Homepage.${lang}.md`)
+    if (existsSync(homepage)) {
+      byLang[lang] = readFileSync(homepage, 'utf-8')
+      continue
+    }
+
+    const fallback = resolve(pagesDir, `Homepage.${defaultLang}.md`)
+    if (existsSync(fallback)) {
+      byLang[lang] = readFileSync(fallback, 'utf-8')
+    }
+  }
+
+  return { mode, byLang, defaultLang, langs }
+}
+
+function createHomePageOverridePlugin (projectRoot) {
+  const virtualId = 'virtual:docsector-homepage-override'
+  const resolvedId = '\0' + virtualId
+  let byLang = null
+  let loadPromise = null
+
+  const ensureSources = async () => {
+    if (byLang) return byLang
+    if (!loadPromise) {
+      loadPromise = (async () => {
+        const configUrl = pathToFileURL(resolve(projectRoot, 'docsector.config.js')).href
+        const { default: config } = await import(configUrl)
+        const sources = await resolveHomePageSources(projectRoot, config, { logPrefix: '[docsector]' })
+        byLang = sources.byLang
+        return byLang
+      })().finally(() => {
+        loadPromise = null
+      })
+    }
+
+    return loadPromise
+  }
+
+  return {
+    name: 'docsector-homepage-override',
+    resolveId (id) {
+      if (id === virtualId) return resolvedId
+    },
+    async buildStart () {
+      await ensureSources()
+    },
+    configureServer () {
+      ensureSources().catch((error) => {
+        console.warn(`[docsector] Could not prepare home page override: ${error?.message || String(error)}`)
+      })
+    },
+    async load (id) {
+      if (id === resolvedId) {
+        await ensureSources()
+        return `export default ${JSON.stringify(byLang || {})}`
+      }
+
+      await ensureSources()
+      if (!byLang) return null
+
+      const match = id.match(/Homepage\.([A-Za-z0-9-]+)\.md\?raw(?:$|&)/)
+      if (!match) return null
+
+      const lang = match[1]
+      const content = byLang[lang]
+      if (typeof content !== 'string') return null
+
+      return `export default ${JSON.stringify(content)}`
+    }
+  }
+}
+
 /**
  * Create a Vite plugin that serves raw Markdown content for `.md` suffixed URLs.
  *
@@ -496,32 +637,63 @@ function createMarkdownEndpointPlugin (projectRoot) {
     name: 'docsector-markdown-endpoint',
 
     configureServer (server) {
-      // Read default language from config
       let defaultLang = 'en-US'
       let markdownNegotiationEnabled = true
       let markdownAgentFallback = true
-      try {
-        const configPath = resolve(projectRoot, 'docsector.config.js')
-        if (existsSync(configPath)) {
-          // Dynamic import in dev — we read it synchronously via a simple approach
-          const configContent = readFileSync(configPath, 'utf-8')
-          const match = configContent.match(/defaultLanguage\s*:\s*['"]([^'"]+)['"]/)
-          if (match) defaultLang = match[1]
-
-          const enabledMatch = configContent.match(/markdownNegotiation\s*:\s*\{[\s\S]*?enabled\s*:\s*(true|false)/)
-          if (enabledMatch) markdownNegotiationEnabled = enabledMatch[1] === 'true'
-
-          const fallbackMatch = configContent.match(/markdownNegotiation\s*:\s*\{[\s\S]*?agentFallback\s*:\s*(true|false)/)
-          if (fallbackMatch) markdownAgentFallback = fallbackMatch[1] === 'true'
+      let homepageByLang = null
+
+      const configReady = (async () => {
+        try {
+          const configUrl = pathToFileURL(resolve(projectRoot, 'docsector.config.js')).href
+          const { default: config } = await import(configUrl)
+
+          defaultLang = config.defaultLanguage || config.languages?.[0]?.value || 'en-US'
+          const markdownNegotiationConfig = config.markdownNegotiation || {}
+          markdownNegotiationEnabled = markdownNegotiationConfig.enabled !== false
+          markdownAgentFallback = markdownNegotiationConfig.agentFallback !== false
+
+          const sources = await resolveHomePageSources(projectRoot, config, { logPrefix: '[docsector]' })
+          homepageByLang = sources.byLang
+        } catch (error) {
+          console.warn(`[docsector] Could not load config for markdown endpoint: ${error?.message || String(error)}`)
         }
-      } catch { /* use fallback */ }
+      })()
+
+      server.middlewares.use(async (req, res, next) => {
+        await configReady
 
-      server.middlewares.use((req, res, next) => {
         const url = new URL(req.url, 'http://localhost')
         const accept = (req.headers.accept || '').toLowerCase()
         const wantsMarkdown = accept.includes('text/markdown')
         const lang = url.searchParams.get('lang') || defaultLang
 
+        const homepagePath = url.pathname === '/' || url.pathname === '/index.html'
+        const remoteHomepage = homepageByLang?.[lang] || homepageByLang?.[defaultLang] || null
+
+        const homepageMarkdownMatch = url.pathname.match(/^\/homepage(?:\.([A-Za-z0-9-]+))?\.md$/i)
+        if (homepageMarkdownMatch) {
+          const requestedLang = homepageMarkdownMatch[1] || lang
+          const homepageMarkdown = homepageByLang?.[requestedLang] || homepageByLang?.[defaultLang] || null
+
+          if (typeof homepageMarkdown === 'string' && homepageMarkdown.length > 0) {
+            res.setHeader('Content-Type', 'text/markdown; charset=utf-8')
+            res.setHeader('Vary', 'Accept')
+            res.setHeader('x-markdown-tokens', String(estimateMarkdownTokens(homepageMarkdown)))
+            res.end(homepageMarkdown)
+            return
+          }
+        }
+
+        if (homepagePath && typeof remoteHomepage === 'string' && remoteHomepage.length > 0) {
+          if ((markdownNegotiationEnabled && wantsMarkdown) || (markdownAgentFallback && LLM_BOT_PATTERN.test(req.headers['user-agent'] || ''))) {
+            res.setHeader('Content-Type', 'text/markdown; charset=utf-8')
+            res.setHeader('Vary', 'Accept')
+            res.setHeader('x-markdown-tokens', String(estimateMarkdownTokens(remoteHomepage)))
+            res.end(remoteHomepage)
+            return
+          }
+        }
+
         // Explicit .md request
         if (url.pathname.endsWith('.md')) {
           const file = resolveMarkdownFile(url.pathname, lang)
@@ -620,16 +792,14 @@ function createMarkdownBuildPlugin (projectRoot) {
       }
 
       // Generate homepage markdown files so root content can be negotiated in production
-      const languageValues = config.languages?.map(language => language.value).filter(Boolean) || []
-      const allLangs = [...new Set([defaultLang, ...languageValues])]
+      const homepageSources = await resolveHomePageSources(projectRoot, config, { logPrefix: '[docsector]' })
       let homepageCount = 0
-      for (const lang of allLangs) {
-        const homepageSrc = resolve(pagesDir, `Homepage.${lang}.md`)
-        if (!existsSync(homepageSrc)) continue
+      for (const lang of homepageSources.langs) {
+        const homepageContent = homepageSources.byLang?.[lang]
+        if (typeof homepageContent !== 'string' || homepageContent.length === 0) continue
 
-        const homepageContent = readFileSync(homepageSrc, 'utf-8')
         writeFileSync(resolve(distDir, `homepage.${lang}.md`), homepageContent)
-        if (lang === defaultLang) {
+        if (lang === homepageSources.defaultLang) {
           writeFileSync(resolve(distDir, 'homepage.md'), homepageContent)
         }
         homepageCount++
@@ -1705,6 +1875,7 @@ export function createQuasarConfig (options = {}) {
 
       vitePlugins: [
         createHjsonPlugin(),
+        createHomePageOverridePlugin(projectRoot),
         createGitDatesPlugin(projectRoot),
         createMarkdownEndpointPlugin(projectRoot),
         createMarkdownBuildPlugin(projectRoot),