@docsector/docsector-reader 4.4.4 → 4.4.5

package/README.md

@@ -57,7 +57,7 @@ Transform Markdown content into beautiful, navigable documentation sites — wit
 - 🔗 **Anchor Navigation** — Right-side source-ordered Table of Contents tree with stable scroll tracking, resize-safe drawer state, auto-scroll to the active section, and active-heading resolution based on the last heading that crossed the content threshold
 - 🖱️ **Active Menu Item UX** — Active menu entries keep pointer cursor, clear URL hash without redundant navigation, and prevent accidental label text selection
 - 🔎 **Search** — Menu search across all documentation content and tags
-- 💬 **Assistant Chat UX Enhancements** — Long conversations keep focus on recent messages, load earlier history progressively, deduplicate repeated sources, include per-message copy actions, and show a floating quick return to the bottom
+- 💬 **Assistant Chat UX Enhancements** — Long conversations keep focus on recent messages, load earlier history progressively, deduplicate repeated sources, preserve the assistant panel open state across reloads, include per-message copy actions, and show a floating quick return to the bottom
 - 📱 **Responsive** — Mobile-friendly with collapsible sidebar and drawers
 - 📚 **Book Tabs with Per-State Colors** — Define `*.book.js` tabs with icons, order, and `color.active` / `color.inactive`
 - 🔀 **Internal Shortcut Pages** — Route entries can redirect with `config.link.to`, keeping localized titles while inheriting icon/status from the destination page
@@ -298,7 +298,7 @@ Check `checks.discovery.webMcp.status` equals `"pass"`.
 
 Docsector Reader can add an opt-in assistant panel for documentation Q&A. Users open it from the global header while reading pages and subpages; it is not a dedicated documentation route. The drawer posts to a same-origin Cloudflare Pages Function, and that function calls Cloudflare AI Search so secrets, rate-limit strategy, provider errors, and future auth stay server-side.
 
-The panel is disabled by default. When enabled, desktop pages get a dedicated right-side assistant rail that can sit beside the table of contents on wide screens. Mobile uses a fullscreen dialog. Conversations restore at the latest message, reveal earlier history progressively in long chats, deduplicate repeated source links, and provide per-message copy actions.
+The panel is disabled by default. When enabled, desktop pages get a dedicated right-side assistant rail that can sit beside the table of contents on wide screens. Mobile uses a fullscreen dialog. Conversations restore at the latest message, reveal earlier history progressively in long chats, deduplicate repeated source links, preserve the panel open state across page reloads, and provide per-message copy actions.
 
 ### Configure
 

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.4'
+const VERSION = '4.4.5'
 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.4",
+  "version": "4.4.5",
   "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/store/Layout.js

@@ -1,7 +1,35 @@
-export default {
-  namespaced: true,
+export const LAYOUT_ASSISTANT_STORAGE_KEY = 'docsector.layout.assistant.v1'
+
+function getStorage (storage = null) {
+  if (storage) return storage
+  if (typeof window === 'undefined') return null
+  return window.localStorage || null
+}
+
+export function loadPersistedAssistantLayout ({ storage = null, key = LAYOUT_ASSISTANT_STORAGE_KEY } = {}) {
+  const target = getStorage(storage)
+  if (!target) return false
+
+  try {
+    return target.getItem(key) === 'true'
+  } catch {
+    return false
+  }
+}
+
+export function savePersistedAssistantLayout (value, { storage = null, key = LAYOUT_ASSISTANT_STORAGE_KEY } = {}) {
+  const target = getStorage(storage)
+  if (!target) return
 
-  state: {
+  try {
+    target.setItem(key, value ? 'true' : 'false')
+  } catch {
+    // Ignore storage failures so layout keeps working in memory.
+  }
+}
+
+export function createLayoutState () {
+  return {
     header: true,
     footer: true,
     left: false,
@@ -30,9 +58,15 @@ export default {
     scrolling: true,
     meta: true,
     metaToggle: false,
-    assistant: false,
+    assistant: loadPersistedAssistantLayout(),
     assistantWidth: 380
-  },
+  }
+}
+
+export default {
+  namespaced: true,
+
+  state: createLayoutState,
   getters: {
     view (state) {
       const
@@ -122,7 +156,8 @@ export default {
       state.metaToggle = val
     },
     setAssistant (state, val) {
-      state.assistant = val
+      state.assistant = Boolean(val)
+      savePersistedAssistantLayout(state.assistant)
     },
     setAssistantWidth (state, val) {
       state.assistantWidth = val