@docsector/docsector-reader 4.4.1 → 4.4.3

package/bin/docsector.js

@@ -24,7 +24,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '4.4.1'
+const VERSION = '4.4.3'
 const AUTHORING_SKILL_NAME = 'docsector-documentation-authoring'
 const AUTHORING_SKILL_DESCRIPTION = 'Author Docsector documentation with Markdown, custom blocks, MCP, and WebMCP.'
 const AUTHORING_SKILL_PUBLIC_PATH = `/.well-known/agent-skills/${AUTHORING_SKILL_NAME}/SKILL.md`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "4.4.1",
+  "version": "4.4.3",
   "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/components/DPage.vue

@@ -136,6 +136,10 @@ const mobileAssistantOpen = computed({
   get: () => assistantEnabled && rightRailState.value.isMobile && layoutAssistant.value,
   set: (value) => { layoutAssistant.value = value }
 })
+const mobileTocOpen = computed({
+  get: () => rightRailState.value.isMobile && layoutMeta.value,
+  set: (value) => { layoutMeta.value = value }
+})
 const backToTopRightOffset = computed(() => {
   return rightRailState.value.backToTopRightOffset
 })
@@ -470,13 +474,38 @@ watch(() => route.fullPath, () => {
     </div>
   </q-drawer>
 
-  <q-dialog v-if="assistantEnabled" v-model="mobileAssistantOpen" maximized class="d-mobile-assistant-dialog">
-    <d-assistant-panel
-      class="d-mobile-assistant-panel"
-      :context-title="currentPageTitle"
-      :markdown-url="currentMarkdownUrl"
-      @close="closeAssistant"
-    />
+  <q-dialog
+    v-model="mobileTocOpen"
+    position="right"
+    square
+    full-height
+    class="d-mobile-anchor-dialog"
+  >
+    <div id="anchor" class="d-mobile-anchor-dialog__panel">
+      <d-page-anchor />
+    </div>
+  </q-dialog>
+
+  <q-dialog
+    v-if="assistantEnabled"
+    v-model="mobileAssistantOpen"
+    maximized
+    no-backdrop-dismiss
+    class="d-mobile-assistant-dialog"
+  >
+    <div
+      class="d-mobile-assistant-dialog__panel-shell"
+      @click.stop
+      @mousedown.stop
+      @touchstart.stop
+    >
+      <d-assistant-panel
+        class="d-mobile-assistant-panel"
+        :context-title="currentPageTitle"
+        :markdown-url="currentMarkdownUrl"
+        @close="closeAssistant"
+      />
+    </div>
   </q-dialog>
 </q-page-container>
 </template>
@@ -525,6 +554,12 @@ watch(() => route.fullPath, () => {
     align-items: stretch
     justify-content: stretch
 
+  &__panel-shell
+    width: 100vw
+    max-width: 100vw
+    height: 100dvh
+    max-height: 100dvh
+
   .d-mobile-assistant-panel
     width: 100vw
     max-width: 100vw
@@ -532,6 +567,32 @@ watch(() => route.fullPath, () => {
     max-height: 100dvh
     margin: 0
 
+.d-mobile-anchor-dialog
+  .q-dialog__inner
+    padding: 0
+    align-items: stretch
+    justify-content: flex-end
+
+  .q-dialog__backdrop
+    background: rgba(15, 23, 42, 0.24)
+
+  &__panel
+    width: min(100vw, 340px)
+    max-width: 100vw
+    height: 100%
+    max-height: 100dvh
+    padding-top: env(safe-area-inset-top, 0px)
+    padding-bottom: env(safe-area-inset-bottom, 0px)
+    background: rgba(248, 250, 252, 0.88)
+    backdrop-filter: blur(18px)
+    -webkit-backdrop-filter: blur(18px)
+    overflow: auto
+    box-shadow: -16px 0 40px rgba(15, 23, 42, 0.22)
+
+body.body--dark
+  .d-mobile-anchor-dialog__panel
+    background: rgba(15, 23, 42, 0.9)
+
 #scroll-container
   width: 100%
   max-width: 1200px

package/src/i18n/helpers.js

@@ -70,6 +70,26 @@ const engineDefaults = {
           deprecated: 'deprecated'
         }
       }
+    },
+    assistant: {
+      title: 'Docsector Assistant',
+      subtitle: "I'm here to help you with the docs.",
+      open: 'Open assistant',
+      close: 'Close assistant',
+      clear: 'Clear conversation',
+      placeholder: 'Ask, search, or explain...',
+      send: 'Send',
+      stop: 'Stop',
+      context: 'Based on your context',
+      sources: 'Sources',
+      sourcesCount: '{count} sources',
+      thinking: 'Searching the docs…',
+      resize: 'Resize assistant',
+      greeting: {
+        morning: 'Good morning',
+        afternoon: 'Good afternoon',
+        evening: 'Good evening'
+      }
     }
   },
   'pt-BR': {
@@ -120,6 +140,26 @@ const engineDefaults = {
           deprecated: 'obsoleta'
         }
       }
+    },
+    assistant: {
+      title: 'Assistente Docsector',
+      subtitle: 'Estou aqui para ajudar com a documentação.',
+      open: 'Abrir assistente',
+      close: 'Fechar assistente',
+      clear: 'Limpar conversa',
+      placeholder: 'Pergunte, pesquise ou explique...',
+      send: 'Enviar',
+      stop: 'Parar',
+      context: 'Com base no seu contexto',
+      sources: 'Fontes',
+      sourcesCount: '{count} fontes',
+      thinking: 'Consultando a documentação…',
+      resize: 'Redimensionar assistente',
+      greeting: {
+        morning: 'Bom dia',
+        afternoon: 'Boa tarde',
+        evening: 'Boa noite'
+      }
     }
   }
 }