@goodandready/dsh-task-tracker 0.2.13 → 0.2.14

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [0.2.14] - 2026-11-15
+
+### Changed
+- **Navigation Panel Integration**: moved Tasks entry from the top new session bar (`.hHd-Xa_newSessionRow`) into the standard left navigation panel list (`<nav class="hHd-Xa_panelList">`) via slot `sidebar.panellist` with order 25 and `TaskPanelIcon`, matching sibling items («Плагины», «Задачи автоматизации») (#82).
+- **Central Main View Slot**: Tasks view is now mounted into the central content area via slot `main` (`key: "dsh-task-tracker"`), allowing seamless switching between tasks and chat sessions without state loss (#82).
+
+### Fixed
+- **Cordis Context Injection**: layout service synchronization resolved asynchronously with `ctx.inject([ layout], ...)` and safe property fallbacks, preventing undeclared service proxy exceptions (#82).
+
 ## [0.2.13] - 2026-11-14
 
 ### Changed

package/lib/client.js

@@ -86,6 +86,7 @@ function notifyDataChanged() {
       'html[data-dsh-task-tracker-open] [data-dsh-task-tracker-view]{display:flex!important}' +
       'html[data-dsh-task-tracker-open] [data-pane=conversation]>:not([data-dsh-task-tracker-view]){display:none!important}' +
       'html[data-dsh-task-tracker-open] [class*=centerCol]>:not([data-dsh-task-tracker-view]){display:none!important}' +
+      '.tt-main-page{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;flex:1;background:var(--dsw-alias-bg-base);position:relative;overflow:hidden}' +
       '.tt-screen-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);position:relative;overflow:hidden}' +
       '.tt-screen-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);flex:none}' +
       '.tt-screen-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}' +
@@ -1214,6 +1215,7 @@ function notifyDataChanged() {
 
       const ensure = () => {
         if (container !== null) return
+        if (document.querySelector('.tt-main-page')) return
         const column = document.querySelector(COLUMN_SELECTOR)
         if (column === null) return
 
@@ -1278,71 +1280,41 @@ function notifyDataChanged() {
       }
     }
 
-    function mountSidebarEntry(toggle, label) {
-      if (typeof document === 'undefined') return () => {}
-
-      let entry = null
-      let observer = null
-
-      const tryPlace = () => {
-        if (document.querySelector('[data-dsh-part="task-tracker-sidebar"]')) {
-          if (observer) {
-            observer.disconnect()
-            observer = null
-          }
-          return
-        }
-        const nodes = document.querySelectorAll('button[class*="newSession"]')
-        let target = null
-        for (const n of nodes) {
-          if (String(n.className).indexOf('newSessionLabel') === -1) {
-            target = n
-            break
-          }
-        }
-        if (!target) return
-
-        entry = target.cloneNode(true)
-        entry.className = String(target.className) + ' tt-sidebar-entry'
-        entry.setAttribute('data-dsh-plugin', 'dsh-task-tracker')
-        entry.setAttribute('data-dsh-part', 'task-tracker-sidebar')
-        entry.setAttribute('aria-label', label)
-        entry.removeAttribute('id')
-        entry.innerHTML = ''
-
-        const icon = document.createElement('span')
-        icon.innerHTML = ICON_TASK
-        entry.appendChild(icon)
-
-        const text = document.createElement('span')
-        text.style.marginLeft = '8px'
-        text.textContent = label
-        entry.appendChild(text)
-
-        entry.addEventListener('click', (e) => {
-          e.preventDefault()
-          e.stopPropagation()
-          toggle.toggle()
-        })
-
-        target.insertAdjacentElement('afterend', entry)
-        if (observer) {
-          observer.disconnect()
-          observer = null
-        }
-      }
-
-      observer = new MutationObserver(tryPlace)
-      observer.observe(document.body, { childList: true, subtree: true })
-      tryPlace()
+    function TaskPanelIcon(props) {
+      const size = (props && props.size) || 16
+      return h(
+        'svg',
+        {
+          'data-dsh-panel-entry': PANEL_ID,
+          viewBox: '0 0 24 24',
+          width: size,
+          height: size,
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: 2,
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+        },
+        h('polyline', { points: '9 11 12 14 22 4' }),
+        h('path', { d: 'M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11' }),
+      )
+    }
 
-      return () => {
-        if (observer) {
-          observer.disconnect()
-          observer = null
-        }
-        if (entry && entry.remove) entry.remove()
-      }
+    function TasksMainPage(props) {
+      return h(
+        'div',
+        {
+          className: 'tt-main-page',
+          'data-dsh-task-tracker-view': '',
+          'data-dsh-plugin': 'dsh-task-tracker',
+        },
+        h(TasksScreen, {
+          ctx: props.ctx,
+          toggle: props.toggle,
+          isMainPage: true,
+        }),
+      )
     }
 
                 function PluginCard(props) {
@@ -1623,6 +1595,7 @@ function notifyDataChanged() {
 
     module.exports.inject = ['slots', 'locale', 'configForms']
     module.exports.apply = function apply(ctx) {
+      try {
       if (ctx.locale && typeof ctx.locale.register === 'function') {
                                 const registerLocale = () =>
           ctx.locale.register(NS, {
@@ -1852,8 +1825,129 @@ function notifyDataChanged() {
       }
 
       const toggle = createToggle()
+      const t = (ctx.locale && typeof ctx.locale.bind === 'function') ? ctx.locale.bind(NS) : (k, fb) => fb || k
+
+      let layoutService = null
+      const bindLayout = () => {
+        if (!layoutService) return
+        if (layoutService.panelInfo && typeof layoutService.panelInfo.subscribe === 'function') {
+          const syncFromLayout = () => {
+            const activeId = layoutService.panelInfo.getSnapshot?.()?.activePanelId
+            toggle.set(activeId === PANEL_ID)
+          }
+          if (typeof ctx.effect === 'function') {
+            ctx.effect(() => layoutService.panelInfo.subscribe(syncFromLayout), 'dsh-task-tracker: layout sync')
+          } else {
+            layoutService.panelInfo.subscribe(syncFromLayout)
+          }
+        }
+      }
+
+      if (typeof ctx.inject === 'function') {
+        try {
+          ctx.inject(['layout'], (scoped) => {
+            if (scoped && scoped.layout) {
+              layoutService = scoped.layout
+              bindLayout()
+            }
+          })
+        } catch (_) {
+          /* bestEffort: optional layout service */
+        }
+      } else if (typeof ctx.get === 'function') {
+        try {
+          layoutService = ctx.get('layout') || null
+          if (layoutService) bindLayout()
+        } catch (_) {
+          /* bestEffort: optional layout service */
+        }
+      } else {
+        try {
+          layoutService = ctx.layout || null
+          if (layoutService) bindLayout()
+        } catch (_) {
+          /* bestEffort: optional layout service */
+        }
+      }
+
+      toggle.subscribe((open) => {
+        if (layoutService && typeof layoutService.selectPanel === 'function') {
+          const activeId = layoutService.panelInfo?.getSnapshot?.()?.activePanelId
+          if (open && activeId !== PANEL_ID) {
+            layoutService.selectPanel(PANEL_ID)
+          } else if (!open && activeId === PANEL_ID) {
+            layoutService.selectPanel(null)
+          }
+        }
+      })
+
+      if (ctx.slots && (typeof ctx.slots.register === 'function' || typeof ctx.slots.inject === 'function')) {
+        const injectNavRow = () => {
+          if (typeof ctx.slots.inject === 'function') {
+            return ctx.slots.inject('sidebar.panellist', () => {
+              if (typeof ctx.slots.register === 'function') {
+                const off = ctx.slots.register(
+                  {
+                    name: 'sidebar.panellist',
+                    id: PANEL_ID,
+                    order: 25,
+                    label: () => (t ? t('tasks.title', 'Tasks') : 'Tasks'),
+                    locale: NS,
+                  },
+                  TaskPanelIcon,
+                )
+                return off
+              }
+              return () => {}
+            })
+          }
+          if (typeof ctx.slots.register === 'function') {
+            return ctx.slots.register(
+              {
+                name: 'sidebar.panellist',
+                id: PANEL_ID,
+                order: 25,
+                label: () => (t ? t('tasks.title', 'Tasks') : 'Tasks'),
+                locale: NS,
+              },
+              TaskPanelIcon,
+            )
+          }
+          return () => {}
+        }
+
+        const injectMainPage = () => {
+          if (typeof ctx.slots.inject === 'function') {
+            return ctx.slots.inject('main', () => {
+              if (typeof ctx.slots.register === 'function') {
+                const off = ctx.slots.register(
+                  {
+                    name: 'main',
+                    key: PANEL_ID,
+                    locale: NS,
+                    inject: () => ({ ctx, toggle }),
+                  },
+                  TasksMainPage,
+                )
+                return off
+              }
+              return () => {}
+            })
+          }
+          if (typeof ctx.slots.register === 'function') {
+            return ctx.slots.register(
+              {
+                name: 'main',
+                key: PANEL_ID,
+                locale: NS,
+                inject: () => ({ ctx, toggle }),
+              },
+              TasksMainPage,
+            )
+          }
+          return () => {}
+        }
 
-      if (ctx.slots && typeof ctx.slots.inject === 'function') {
         const injectChip = () =>
           ctx.slots.inject('conversation.session.header.utilities', () =>
             ctx.slots.register(
@@ -1869,15 +1963,18 @@ function notifyDataChanged() {
           )
 
         if (typeof ctx.effect === 'function') {
+          ctx.effect(injectNavRow, 'dsh-task-tracker: sidebar nav entry')
+          ctx.effect(injectMainPage, 'dsh-task-tracker: main page')
           ctx.effect(injectChip, 'dsh-task-tracker: chip')
         } else {
+          injectNavRow()
+          injectMainPage()
           injectChip()
         }
       }
 
       const mountOverlay = () => {
         const off = [
-          mountSidebarEntry(toggle, 'Tasks'),
           mountTasksScreen(ctx, toggle),
         ]
         return () => {
@@ -1894,6 +1991,10 @@ function notifyDataChanged() {
       } else {
         mountOverlay()
       }
+      } catch (applyErr) {
+        console.error('[dsh-task-tracker] Apply error:', applyErr)
+        throw applyErr
+      }
     }
 
     return module.exports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-task-tracker",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Автономный встроенный Todo-инбокс для Ди: локальное JSON-хранилище tasks.json, тулы todo_add / todo_list / todo_done, REST API webServer и полноэкранный интерфейс TasksScreen.",
   "type": "module",
   "main": "lib/index.js",
@@ -27,7 +27,9 @@
       "inject": [
         "@deepseek-ai/dsh-client-ui-slots",
         "@deepseek-ai/dsh-client-locale",
-        "@deepseek-ai/dsh-client-ui-settings"
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-ui-sidebar",
+        "@deepseek-ai/dsh-client-ui-layout"
       ]
     }
   },