dsh-mesh-ui 0.0.11 → 0.0.13

package/lib/client.js

@@ -678,7 +678,7 @@ body.light .dm-edge-label { stroke: rgba(255,255,255,.92); }
             h('span', null, '⋯')
           )
         ),
-        h('div', { className: 'dm-hint' }, '拓扑 v21 · 内容 ' + Math.round(layout.W) + '×' + Math.round(layout.H) + 'px · 卡 ' + Math.round(layout.cardW) + '×' + Math.round(layout.cardH) + ' · 缩放 ' + Math.round(view.scale * 100) + '% · 滚轮缩放 / 拖拽平移')
+        h('div', { className: 'dm-hint' }, '拓扑 v23 · 内容 ' + Math.round(layout.W) + '×' + Math.round(layout.H) + 'px · 卡 ' + Math.round(layout.cardW) + '×' + Math.round(layout.cardH) + ' · 缩放 ' + Math.round(view.scale * 100) + '% · 滚轮缩放 / 拖拽平移')
       )
     }
 
@@ -1453,7 +1453,40 @@ function deviceLinkState(data, peer, lanMap) {
       // 2026-11-10：真刷新 —— 点击后等待后台采集完成再渲染；本地冷却 + 忙锁防止连点刷爆请求
       var s6 = useState(""); var refreshHint = s6[0]; var setRefreshHint = s6[1]
       var forceRef = useRef({ at: 0, busy: false })
+      // 2026-11-10：verdict 防抖 —— 单次探测失败（远端忙/超时）只显示 degraded，连续 2 次才显示 down
+      var verdictState = useState(''); var verdictShown = verdictState[0]; var setVerdictShown = verdictState[1]
+      var verdictRef = useRef({ raw: '', streak: 0 })
       var s5 = useState('local'); var selectedKey = s5[0]; var setSelectedKey = s5[1]
+      // 双栏宽度：拖动分隔条调整并记忆，窄屏由 CSS 媒体查询自动堆叠。
+      var dragState = useState(function () {
+        try { var saved = Number(window.localStorage.getItem('dsh-mesh-split-w')); return Number.isFinite(saved) && saved > 0 ? saved : 0 } catch (error) { return 0 }
+      })
+      var splitW = dragState[0]; var setSplitW = dragState[1]
+
+      function startSplit(event) {
+        event.preventDefault()
+        var body = event.currentTarget.parentElement
+        if (!body) return
+        var rect = body.getBoundingClientRect()
+        var startW = splitW > 0 ? splitW : Math.round(rect.width * 0.62)
+        var currentW = startW
+        function onMove(moveEvent) {
+          var width = Math.max(300, Math.min(moveEvent.clientX - rect.left, Math.max(300, rect.width - 360)))
+          currentW = width
+          setSplitW(width)
+        }
+        function onUp() {
+          window.removeEventListener('pointermove', onMove)
+          window.removeEventListener('pointerup', onUp)
+          document.body.style.cursor = ''
+          document.body.style.userSelect = ''
+          try { window.localStorage.setItem('dsh-mesh-split-w', String(currentW)) } catch (error) { /* ignore */ }
+        }
+        document.body.style.cursor = 'col-resize'
+        document.body.style.userSelect = 'none'
+        window.addEventListener('pointermove', onMove)
+        window.addEventListener('pointerup', onUp)
+      }
 
       function load(force) {
         if (!force) {
@@ -1515,6 +1548,24 @@ function deviceLinkState(data, peer, lanMap) {
       }, [])
 
       useEffect(function () { if (tick > 0 && !forceRef.current.busy) load(false) }, [tick])
+      useEffect(function () {
+        var raw = String((data && data.verdict) || '')
+        if (!raw) return
+        var st = verdictRef.current
+        var at = String((data && data.at) || '')
+        var fresh = Boolean(at) && at !== st.lastAt
+        if (raw === 'down') {
+          if (fresh && !st.downAt) st.downAt = Date.now()
+          st.lastAt = at
+          var persisted = Boolean(st.downAt) && Date.now() - st.downAt >= 15000
+          setVerdictShown(persisted ? 'down' : 'degraded')
+        } else {
+          st.downAt = 0
+          st.lastAt = at
+          setVerdictShown(raw)
+        }
+        st.raw = raw
+      }, [data])
 
       function copyJson() {
         var text = JSON.stringify(data || {}, null, 2)
@@ -1540,7 +1591,11 @@ function deviceLinkState(data, peer, lanMap) {
         h('style', null, CSS),
         h('div', { className: 'dm-head' },
           h('span', { className: 'dm-title' }, 'AI 网络 · dsh-mesh'),
-          h('span', { className: 'dm-pill ' + (data.warming ? 'muted' : tone(data.verdict)) }, data.warming ? '预热中' : (data.verdict || '?')),
+          h('span', {
+            className: 'dm-pill ' + (data.warming ? 'muted' : tone(verdictShown || data.verdict)),
+            title: data.warming ? '' : (verdictShown === 'degraded' ? '探测波动：需持续 ≥15s 且新快照仍 down 才显示 down' : ''),
+            style: verdictShown === 'degraded' ? { opacity: 0.75 } : undefined
+          }, data.warming ? '预热中' : (verdictShown || data.verdict || '?')),
           h('span', { className: 'dm-sub' }, (data.meshVersion ? 'mesh ' + data.meshVersion + ' · ' : '') + (data.at ? ago(data.at) : '')),
           h('span', { style: { flex: 1 } }),
           h('a', { className: 'dm-btn', href: API, target: '_blank', rel: 'noreferrer', style: { textDecoration: 'none' } }, '原始 JSON'),
@@ -1550,23 +1605,30 @@ function deviceLinkState(data, peer, lanMap) {
         ),
         error ? h('div', { className: 'dm-err' }, error) : null,
 
-        h(Viewport, { data: data, layout: computeLayout(1 + filterSelfPeers(dedupePeers(data.peers || []), data.nodeName).length), selectedKey: selectedKey, onSelect: setSelectedKey }),
-        h(InfraPanels, { data: data }),
-        h(DeviceDetails, { data: data, selectedKey: selectedKey }),
-        h(Details, { title: '本机实例', badge: ((data.local && data.local.instances) || []).length, open: true }, h(InstanceList, { data: data })),
-        h(Details, { title: '版本一致性', badge: versions.length ? versions.length + ' 处升级' : '一致' },
-          versions.length
-            ? versions.map(function (item, i) { return h('div', { key: i, className: 'dm-sub', style: { marginTop: 4 } }, '· ' + (typeof item === 'string' ? item : JSON.stringify(item))) })
-            : h('div', { className: 'dm-empty' }, '所有节点/实例版本一致')
-        ),
-        h(Details, { title: '委托台账', badge: (data.delegations && data.delegations.total) || 0 }, h(DelegationTable, { data: data })),
-        h(Details, { title: '告警历史', badge: ((data.alerts && data.alerts.history) || []).length }, h(AlertList, { data: data })),
-        (issues.length || hints.length) ? h(Details, { title: '诊断建议', badge: issues.length + hints.length },
-          h('div', null,
-            issues.slice(0, 6).map(function (issue, i) { return h('div', { key: 'i' + i, className: 'dm-err', style: { marginTop: 3 } }, '· ' + issue) }),
-            hints.slice(0, 6).map(function (hint, i) { return h('div', { key: 'h' + i, className: 'dm-sub', style: { marginTop: 3 } }, '· ' + hint) })
+        h('div', { className: 'dm-body', style: splitW > 0 ? { '--dm-main-w': splitW + 'px' } : undefined },
+          h('div', { className: 'dm-pane' },
+            h(Viewport, { data: data, layout: computeLayout(1 + filterSelfPeers(dedupePeers(data.peers || []), data.nodeName).length), selectedKey: selectedKey, onSelect: setSelectedKey }),
+            h(InfraPanels, { data: data }),
+            h(DeviceDetails, { data: data, selectedKey: selectedKey })
+          ),
+          h('div', { className: 'dm-divider', onPointerDown: startSplit, title: '↔ 拖拽调整左右宽度（双击恢复默认）', onDoubleClick: function () { setSplitW(0); try { window.localStorage.removeItem('dsh-mesh-split-w') } catch (error) { /* ignore */ } } }),
+          h('div', { className: 'dm-pane' },
+            h(Details, { title: '本机实例', badge: ((data.local && data.local.instances) || []).length, open: true }, h(InstanceList, { data: data })),
+            h(Details, { title: '版本一致性', badge: versions.length ? versions.length + ' 处升级' : '一致' },
+              versions.length
+                ? versions.map(function (item, i) { return h('div', { key: i, className: 'dm-sub', style: { marginTop: 4 } }, '· ' + (typeof item === 'string' ? item : JSON.stringify(item))) })
+                : h('div', { className: 'dm-empty' }, '所有节点/实例版本一致')
+            ),
+            h(Details, { title: '委托台账', badge: (data.delegations && data.delegations.total) || 0 }, h(DelegationTable, { data: data })),
+            h(Details, { title: '告警历史', badge: ((data.alerts && data.alerts.history) || []).length }, h(AlertList, { data: data })),
+            (issues.length || hints.length) ? h(Details, { title: '诊断建议', badge: issues.length + hints.length },
+              h('div', null,
+                issues.slice(0, 6).map(function (issue, i) { return h('div', { key: 'i' + i, className: 'dm-err', style: { marginTop: 3 } }, '· ' + issue) }),
+                hints.slice(0, 6).map(function (hint, i) { return h('div', { key: 'h' + i, className: 'dm-sub', style: { marginTop: 3 } }, '· ' + hint) })
+              )
+            ) : null
           )
-        ) : null,
+        ),
         h('div', { className: 'dm-foot' }, '数据源：mesh-health / host status / peer host_self / 委托台账 / 告警历史 · ' + (data.repo || '') + ' · node ' + (data.nodeVersion || '') + ' · ' + REFRESH_MS / 1000 + 's 自动刷新（只读）')
       )
     }
@@ -1785,6 +1847,23 @@ body[data-ds-dark-theme] .dm-dg-fs-item.active { background:rgba(88,166,255,.28)
       )
     }
 
+    /** 左侧栏「AI 网络」专用图标：中心节点 + 四向设备，和「委托」区分开。 */
+    function networkPanelIcon(props) {
+      var size = (props && props.size) || 16
+      return h('svg', {
+        'data-dsh-panel-entry': 'mesh-network', viewBox: '0 0 16 16', width: size, height: size,
+        fill: 'none', stroke: 'currentColor', strokeWidth: '1.3', strokeLinecap: 'round', 'aria-hidden': 'true',
+        style: { color: 'var(--dsh-brand-color, currentColor)' }
+      },
+        h('path', { d: 'M8 8 L8 2.6 M8 8 L13.4 8 M8 8 L8 13.4 M8 8 L2.6 8', opacity: '.55' }),
+        h('circle', { cx: 8, cy: 8, r: 2.1, fill: 'none', strokeWidth: '1.4' }),
+        h('circle', { cx: 8, cy: 2.6, r: 1.25, fill: 'currentColor', stroke: 'none' }),
+        h('circle', { cx: 13.4, cy: 8, r: 1.25, fill: 'currentColor', stroke: 'none' }),
+        h('circle', { cx: 8, cy: 13.4, r: 1.25, fill: 'currentColor', stroke: 'none' }),
+        h('circle', { cx: 2.6, cy: 8, r: 1.25, fill: 'currentColor', stroke: 'none' })
+      )
+    }
+
     function MeshDelegationPanel() {
       var s0 = useState(null); var list = s0[0]; var setList = s0[1]
       var s1 = useState(true); var loading = s1[0]; var setLoading = s1[1]
@@ -2224,6 +2303,111 @@ body[data-ds-dark-theme] .dm-dg-fs-item.active { background:rgba(88,166,255,.28)
       )
     }
 
+    // 2026-11-10：AI 网络现在是左侧栏主页面，不再受设置面板的窄容器约束。
+    // 主区域自身没有内边距，这里给页面统一留白并限制最大阅读宽度。
+    var PAGE_CSS = `
+.dm-page { box-sizing:border-box; width:100%; height:100%; overflow:hidden; padding:clamp(16px, 2.2vw, 30px) clamp(18px, 2.6vw, 42px) 0; }
+.dm-content-shell { width:100%; height:100%; position:relative; --dm-content-w:920px; }
+.dm-content-scroll { height:100%; overflow:auto; padding-bottom:36px; scrollbar-gutter:stable; }
+.dm-content { width:min(100%, var(--dm-content-w)); max-width:100%; margin:0 auto; box-sizing:border-box; container-type:inline-size; container-name:dm-content; }
+.dm-content > .dm-root { width:100%; max-width:100%; margin:0 auto; }
+/* 与 DSH 对话区一致的宽度手柄：位于内容两侧外 24px，平时隐藏，hover/拖拽显示 2px 渐变线 */
+.dm-width-handle { z-index:0; position:absolute; top:0; bottom:0; cursor:col-resize; width:clamp(0px, calc((100% - var(--dm-content-w)) / 2 - 48px), 10px); }
+.dm-width-handle[data-side="left"] { right:calc(50% + var(--dm-content-w) / 2 + 24px); }
+.dm-width-handle[data-side="right"] { left:calc(50% + var(--dm-content-w) / 2 + 24px); }
+.dm-width-handle::after { content:''; pointer-events:none; opacity:0; position:absolute; top:0; bottom:0; width:2px; border-radius:2px; background:linear-gradient(to bottom, transparent calc(var(--dm-width-handle-pointer-y, 50%) - 36px), var(--dsw-alias-scrollbar-bg-l1, rgba(128,128,128,.55)) calc(var(--dm-width-handle-pointer-y, 50%) - 8px), var(--dsw-alias-scrollbar-bg-l1, rgba(128,128,128,.55)) calc(var(--dm-width-handle-pointer-y, 50%) + 8px), transparent calc(var(--dm-width-handle-pointer-y, 50%) + 36px)); }
+.dm-width-handle[data-side="left"]::after { right:4px; }
+.dm-width-handle[data-side="right"]::after { left:4px; }
+.dm-width-handle[data-dragging]::after { opacity:1; }
+@media (hover:hover) { .dm-width-handle:hover::after { opacity:1; } }
+@media (max-width: 1000px) { .dm-width-handle { display:none; } }
+.dm-body { display:grid; grid-template-columns:minmax(300px, var(--dm-main-w, 62%)) 8px minmax(0,1fr); gap:10px; align-items:start; }
+.dm-pane { min-width:0; display:flex; flex-direction:column; gap:12px; }
+.dm-divider { cursor:col-resize; align-self:stretch; min-height:120px; border-radius:4px; position:relative; }
+.dm-divider::before { content:''; position:absolute; top:0; bottom:0; left:3px; width:1px; background:rgba(128,128,128,.28); }
+.dm-divider:hover::before, .dm-divider:active::before { background:rgba(88,166,255,.7); width:2px; left:2.5px; }
+@container dm-content (max-width: 860px) { .dm-body { grid-template-columns:1fr; } .dm-divider { display:none; } }
+`
+    function MeshNetworkPage() {
+      // 宽度偏好：与 DSH 对话区相同语义——空 = 默认宽度，数字 = 用户拖拽固定值。
+      var prefState = useState(function () {
+        try { var saved = Number(window.localStorage.getItem('dsh-mesh.contentWidth')); return Number.isFinite(saved) && saved > 0 ? saved : 0 } catch (error) { return 0 }
+      })
+      var pref = prefState[0]; var setPref = prefState[1]
+      var shellState = useState(0); var containerW = shellState[0]; var setContainerW = shellState[1]
+      var shellRef = useRef(null)
+
+      useEffect(function () {
+        var el = shellRef.current
+        if (!el) return
+        function measure() { setContainerW(el.clientWidth || 0) }
+        measure()
+        if (typeof ResizeObserver !== 'undefined') {
+          var observer = new ResizeObserver(measure)
+          observer.observe(el)
+          return function () { observer.disconnect() }
+        }
+        window.addEventListener('resize', measure)
+        return function () { window.removeEventListener('resize', measure) }
+      }, [])
+
+      // DSH 对话区公式：默认 clamp(680, 64% 容器, 920)；用户值 [640, 容器-176]。
+      var widthNow = containerW || 920
+      var maxW = Math.max(640, widthNow - 176)
+      var contentW = pref > 0 ? Math.min(Math.max(pref, 640), maxW) : Math.max(680, Math.min(widthNow * 0.64, 920))
+
+      function beginWidthDrag(side, event) {
+        event.preventDefault()
+        var handle = event.currentTarget
+        var shell = handle.closest ? handle.closest('.dm-content-shell') : (handle.parentElement && handle.parentElement.parentElement)
+        if (!shell) return
+        var max = Math.max(640, (shell.clientWidth || 920) - 176)
+        var base = contentW
+        var originX = event.clientX
+        var latest = contentW
+        var firstBox = handle.getBoundingClientRect()
+        handle.style.setProperty('--dm-width-handle-pointer-y', (event.clientY - firstBox.top) + 'px')
+        handle.toggleAttribute('data-dragging', true)
+        document.body.style.cursor = 'col-resize'
+        document.body.style.userSelect = 'none'
+        function onMove(moveEvent) {
+          var dx = moveEvent.clientX - originX
+          var outward = side === 'right' ? dx : -dx
+          // 只有拖拽时才更新高亮位置（与 DSH 一致）；hover 时保持手柄高度的 50%。
+          var box = handle.getBoundingClientRect()
+          handle.style.setProperty('--dm-width-handle-pointer-y', (moveEvent.clientY - box.top) + 'px')
+          // 两侧同时外扩/内收，所以内容宽度变化是手柄位移的 2 倍（与 DSH 一致）。
+          latest = Math.min(Math.max(base + outward * 2, 640), max)
+          setPref(latest)
+        }
+        function onUp() {
+          handle.toggleAttribute('data-dragging', false)
+          window.removeEventListener('pointermove', onMove)
+          window.removeEventListener('pointerup', onUp)
+          document.body.style.cursor = ''
+          document.body.style.userSelect = ''
+          try { window.localStorage.setItem('dsh-mesh.contentWidth', String(latest)) } catch (error) { /* ignore */ }
+        }
+        window.addEventListener('pointermove', onMove)
+        window.addEventListener('pointerup', onUp)
+      }
+      function resetContentWidth() {
+        setPref(0)
+        try { window.localStorage.removeItem('dsh-mesh.contentWidth') } catch (error) { /* ignore */ }
+      }
+
+      return h('div', { className: 'dm-page' },
+        h('style', null, PAGE_CSS),
+        h('div', { className: 'dm-content-shell', ref: shellRef, style: { '--dm-content-w': contentW + 'px' } },
+          h('div', { className: 'dm-width-handle', 'data-side': 'left', title: '拖拽调整内容宽度（双击恢复默认）', onPointerDown: function (event) { beginWidthDrag('left', event) }, onDoubleClick: resetContentWidth }),
+          h('div', { className: 'dm-width-handle', 'data-side': 'right', title: '拖拽调整内容宽度（双击恢复默认）', onPointerDown: function (event) { beginWidthDrag('right', event) }, onDoubleClick: resetContentWidth }),
+          h('div', { className: 'dm-content-scroll' },
+            h('div', { className: 'dm-content', style: { width: 'min(100%, ' + contentW + 'px)' } }, h(MeshStatusSection))
+          )
+        )
+      )
+    }
+
     var SECTION = { name: 'settings.section', id: 'dsh-mesh', order: 90, label: 'AI 网络' }
     var inject = ['slots']
 
@@ -2265,12 +2449,22 @@ body[data-ds-dark-theme] .dm-dg-fs-item.active { background:rgba(88,166,255,.28)
           var button = buttons[i]
           var text = (button.textContent || '').trim()
           if (text !== 'AI 网络' && text !== 'AI 网络（dsh-mesh）') continue
-          if (button.querySelector('svg[data-dsh-mesh-nav-icon]')) continue
-          var gear = button.querySelector('svg')
-          var className = gear ? gear.getAttribute('class') || '' : ''
-          var icon = navMeshIconDom(className)
-          if (gear && gear.parentNode === button) button.replaceChild(icon, gear)
-          else button.insertBefore(icon, button.firstChild)
+          // 0.2.2 的默认图标可能包在 span 里；在默认图标的父容器里原地替换，
+          // 保留间距/对齐，并清掉所有旧 SVG，避免齿轮 + 自绘图标双图标。
+          var existingIcon = button.querySelector('svg[data-dsh-mesh-nav-icon]')
+          var old = []
+          var all = button.querySelectorAll('svg')
+          for (var j = 0; j < all.length; j++) if (all[j] !== existingIcon) old.push(all[j])
+          var reference = old[0] || null
+          var parent = reference ? reference.parentNode : button
+          var className = reference ? reference.getAttribute('class') || '' : ''
+          if (!existingIcon) {
+            var icon = navMeshIconDom(className)
+            if (reference) parent.insertBefore(icon, reference)
+            else if (button.firstChild) button.insertBefore(icon, button.firstChild)
+            else button.appendChild(icon)
+          }
+          for (var k = 0; k < old.length; k++) if (old[k].parentNode) old[k].parentNode.removeChild(old[k])
         }
       } catch (error) {
         /* ignore */
@@ -2279,10 +2473,16 @@ body[data-ds-dark-theme] .dm-dg-fs-item.active { background:rgba(88,166,255,.28)
 
     function apply(ctx) {
       var disposers = []
+      // 2026-11-10：AI 网络从「设置」迁到左侧栏独立页面，使用更大的主区域。
       try {
-        disposers.push(ctx.slots.inject('settings.section', function () { return ctx.slots.register(SECTION, MeshStatusSection) }))
+        disposers.push(ctx.slots.inject('sidebar.panellist', function () {
+          return ctx.slots.register({ name: 'sidebar.panellist', id: 'mesh-network', order: 54, label: function () { return 'AI 网络' } }, networkPanelIcon)
+        }))
+        disposers.push(ctx.slots.inject('main', function () {
+          return ctx.slots.register({ name: 'main', key: 'mesh-network', inject: function () { return {} } }, MeshNetworkPage)
+        }))
       } catch (error) {
-        console.warn('[dsh-mesh-ui] settings section registration failed:', error)
+        console.warn('[dsh-mesh-ui] sidebar network page registration failed:', error)
       }
       // 2026-11-07 方案 A：左侧栏「委托」面板（sidebar.panellist + main）
       try {

package/lib/collect.js

@@ -15,10 +15,11 @@
 
 import { execFile } from 'node:child_process'
 import { existsSync, readdirSync, readFileSync, statfsSync, writeFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
 import { lookup as dnsLookup } from 'node:dns/promises'
 import { connect as netConnect } from 'node:net'
 import { arch as osArch, cpus as osCpus, freemem as osFreemem, homedir, platform as osPlatform, release as osRelease, totalmem as osTotalmem } from 'node:os'
-import { join } from 'node:path'
+import { dirname, join } from 'node:path'
 
 const CLI_TIMEOUT_MS = 25_000
 const ALERT_HISTORY_MAX = 12
@@ -29,9 +30,19 @@ export function meshHome() {
 }
 
 export function resolveRepo() {
+  // 1) 显式 DSH_MESH_REPO / 常见开发目录（源码/本地仓库）
   const candidates = [process.env.DSH_MESH_REPO, join(homedir(), 'Code', 'dsh-mesh'), join(homedir(), 'Desktop', 'dsh-mesh')].filter(Boolean)
   for (const candidate of candidates) {
-    if (existsSync(join(candidate, 'scripts', 'mesh-health.mjs'))) return candidate
+    if (existsSync(join(candidate, 'scripts', 'mesh-health.mjs')) && existsSync(join(candidate, 'src', 'cli.js'))) return candidate
+  }
+  // 2) 用户正常安装路径：dsh-mesh-ui 声明了 dsh-mesh-node 依赖，
+  //    直接解析已安装的 npm 包（随包带 scripts/mesh-health.mjs）。
+  try {
+    const requireFromPlugin = createRequire(import.meta.url)
+    const nodeRoot = dirname(requireFromPlugin.resolve('dsh-mesh-node/package.json'))
+    if (existsSync(join(nodeRoot, 'scripts', 'mesh-health.mjs')) && existsSync(join(nodeRoot, 'src', 'cli.js'))) return nodeRoot
+  } catch {
+    /* package not installed next to this plugin */
   }
   return null
 }
@@ -391,7 +402,7 @@ async function overviewData(repo, force = false) {
  */
 export async function collect(repo) {
   const generatedAt = new Date().toISOString()
-  if (!repo) return { ok: false, error: 'dsh-mesh repo not found (set DSH_MESH_REPO)', generatedAt }
+  if (!repo) return { ok: false, error: 'dsh-mesh-node is not installed for dsh-mesh-ui (install it with `npm i -g dsh-mesh-node`, or set DSH_MESH_REPO to a dsh-mesh checkout)', generatedAt }
 
   const meshPromise = meshHealthJson(repo)
   const overviewPromise = overviewData(repo)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-mesh-ui",
-  "version": "0.0.11",
-  "description": "DSH settings-page panel for dsh-mesh: AI network topology, peer health, and delegation panel. Read-only; data is collected from the local mesh CLI.",
+  "version": "0.0.13",
+  "description": "DSH sidebar page for dsh-mesh: AI network topology, peer health, and delegation panel. Read-only; data is collected from the installed dsh-mesh-node package.",
   "icon": "icon.svg",
   "type": "module",
   "engines": {
@@ -27,6 +27,9 @@
       "platform": "web"
     }
   },
+  "dependencies": {
+    "dsh-mesh-node": "0.0.12"
+  },
   "peerDependencies": {
     "@deepseek-ai/dsh": ">=0.2.0-rc.2 <0.3.0",
     "react": "^18.2.0",