dsh-remote-plugin 0.6.24 → 0.6.25

package/public/desktop/desktop.js

@@ -78,6 +78,7 @@ const state = {
   approvals: [],
   questions: [],
   queues: {},
+  sessionActivity: new Set(),
   queueSteering: {},
   compactions: {},
   pendingCommands: {},
@@ -1354,6 +1355,10 @@ document.addEventListener('visibilitychange', () => {
 function onMuxFrame(full) {
   const f = full.payload
   if (!f) return
+  if (f.type === 'session/reasoning') {
+    if (f.sessionId === state.current) { applyReasoningBaseline(f.partialReasoning); scheduleReasoningRender() }
+    return
+  }
   if (f.type === 'session/event') return onSessionEvent(f.sessionId, f.event)
   if (f.type === 'approval/requested') {
     state.approvals = state.approvals.filter(a => a.approvalId !== f.approvalId)
@@ -1728,7 +1733,31 @@ function renderSessions() {
   renderWorkbench()
 }
 
+const emptySessionCleanup = new Set()
+async function archiveEmptySessionOnLeave(sessionId) {
+  const base = state.server
+  const protectedSession = () => state.server !== base || state.current !== sessionId
+    || !state.byId.has(sessionId) || state.byId.get(sessionId)?.running
+    || state.sessionActivity?.has(sessionId) || state.pendingPrompts?.has(sessionId)
+    || (state.queues[sessionId] || []).length > 0
+    || (state.composerImages || []).length > 0 || !!$('composer')?.value?.trim()
+  if (!sessionId || emptySessionCleanup.has(sessionId) || protectedSession()) return false
+  emptySessionCleanup.add(sessionId)
+  try {
+    const history = await rpc('session.history', { sessionId, maxMessages: 1 })
+    if (protectedSession() || !Array.isArray(history?.events) || history.events.some(item => !['permission/preset', 'sandbox/mode', 'approval/policy'].includes(item?.event?.type || item?.type))
+        || history.hasMore || (history.partialReasoning || []).length) return false
+    const result = await rpc('workspace.archiveSession', { sessionId })
+    if (!Array.isArray(result?.archivedSessionIds) || !result.archivedSessionIds.includes(sessionId)) return false
+    if (state.server !== base) return false
+    await refreshSessions()
+    return true
+  } catch { return false } // 离线、历史未知或归档失败时保留会话。
+  finally { emptySessionCleanup.delete(sessionId) }
+}
+
 async function openSession(id) {
+  if (state.current && state.current !== id) await archiveEmptySessionOnLeave(state.current)
   state.current = id
   setSessionRecovery('loading')
   state.history = emptyDesktopHistory()
@@ -1745,7 +1774,10 @@ async function openSession(id) {
   void refreshCompactionStatus(id)
   await loadHistory()
 }
-function closeSession() {
+async function closeSession() {
+  const sessionId = state.current
+  if (sessionId) await archiveEmptySessionOnLeave(sessionId)
+  if (state.current !== sessionId) return
   state.current = null
   setSessionRecovery('idle')
   state.history = emptyDesktopHistory()
@@ -1760,17 +1792,22 @@ function closeSession() {
 async function loadHistory() {
   const id = state.current
   if (!id || state.history.loading) return
+  const history = state.history
+  const reasoningVersion = history.reasoningVersion || 0
   state.history.loading = true
   setSessionRecovery('loading')
   let v
   try { v = await rpc('session.history', { sessionId: id, maxMessages: 60 }) }
   catch (e) {
+    if (state.current !== id || state.history !== history) return
     state.history.loading = false
     if (e.message === 'AUTH') return
     setSessionRecovery('error', e.message)
     $('history').innerHTML = `<div class="ds-empty">${e.message}</div>`
     return
   }
+  if (state.current !== id || state.history !== history) return
+  const liveReasoning = (history.reasoningVersion || 0) !== reasoningVersion ? new Map(history.partialReasoning) : null
   hydrateSessionProjections(id, v.projections)
   for (const entry of v.events || []) {
     const ev = entry?.event
@@ -1783,6 +1820,8 @@ async function loadHistory() {
     state.history.visible.push({ seq, event: ev })
   }
   state.history.visible.sort((a, b) => a.seq - b.seq)
+  if (liveReasoning) history.partialReasoning = liveReasoning
+  else applyReasoningBaseline(v.partialReasoning)
   state.history.hasMore = !!v.hasMore
   state.history.loading = false
   setSessionRecovery('ready')
@@ -1817,6 +1856,12 @@ function shouldShowEvent(type, event) {
   return true
 }
 function reasoningStreamKey(data, index) { return `${data?.turn ?? '?'}:${data?.step ?? '?'}:${index ?? '?'}` }
+function applyReasoningBaseline(items) {
+  if (!Array.isArray(items)) return
+  state.history.reasoningVersion = (state.history.reasoningVersion || 0) + 1
+  state.history.partialReasoning.clear()
+  for (const item of items) state.history.partialReasoning.set(reasoningStreamKey(item, item.index), item)
+}
 function applyReasoningStreamEvent(event) {
   const h = state.history
   const data = event?.data || {}
@@ -1842,7 +1887,7 @@ function applyReasoningStreamEvent(event) {
     item.text += Array.isArray(data.texts) ? data.texts.join('') : String(data.text || '')
     h.partialReasoning.set(key, item)
     changed = true
-  } else if (event?.type === 'assistant/message') {
+  } else if (event?.type === 'assistant/message' || event?.type === 'assistant/attempt') {
     for (const [key, item] of h.partialReasoning) {
       if (item.turn === data.turn && item.step === data.step) { h.partialReasoning.delete(key); changed = true }
     }
@@ -1868,6 +1913,7 @@ function safeJson(v) { try { return JSON.stringify(v, null, 2) } catch { return
 function blockHtml(b) {
   if (!b) return ''
   if (b.type === 'text') return `<div class="md">${window.mdToHtml ? window.mdToHtml(b.text ?? '') : esc(b.text ?? '')}</div>`
+  if (b.type === 'file') return `<div class="ds-tool">📎 ${esc(b.attachment?.name || b.name || 'file')} <small>${esc(b.attachment?.bytes ?? b.bytes ?? '')} bytes</small></div>`
   if (b.type === 'thinking' || b.type === 'reasoning') return `<details><summary>${esc(t('block.thinking'))}</summary><div style="opacity:.82">${esc(b.text ?? b.content ?? '')}</div></details>`
   if (b.type === 'tool-call') return `<div>🔧 ${esc(b.name || '')}</div>`
   if (b.type === 'tool-result') return `<div>📦</div>`
@@ -2133,6 +2179,7 @@ async function sendMessage() {
   const input = $('composer')
   const text = input.value.trim()
   if (!text || !state.current) return
+  state.sessionActivity.add(state.current)
   if (await runSlashCommand(text)) { input.value = ''; return }
   input.value = ''
   setSessionRecovery('resuming')
@@ -3121,6 +3168,7 @@ function setMobileSidebar(open) {
 }
 
 function showView(id) {
+  if (state.view === 'view-chat' && id !== 'view-chat' && state.current) void archiveEmptySessionOnLeave(state.current)
   state.view = id
   for (const v of ['view-overview', 'view-sessions', 'view-chat', 'view-files', 'view-settings']) $(v).classList.toggle('hidden', v !== id)
   document.querySelectorAll('.ds-nav-item').forEach(b => b.classList.toggle('active', b.dataset.view === id))

package/public/genui.css

@@ -0,0 +1,2 @@
+.genui{margin:14px 0;padding:14px;border:1px solid #8884;border-radius:12px;line-height:1.65;overflow:hidden;color:inherit;background:#88808;font-size:14px}
+.genui *{box-sizing:border-box}.genui h1,.genui h2,.genui h3,.genui h4,.genui p{margin:0 0 10px}.genui-caption{font-size:11px;opacity:.65;margin-bottom:12px}.genui-row{display:flex;flex-wrap:wrap;gap:12px}.genui-row>*{flex:1;min-width:120px}.genui-col{display:grid;gap:12px}.genui-grid{display:grid;grid-template-columns:repeat(var(--genui-cols,2),minmax(0,1fr));gap:12px}.genui-card{border:1px solid #8884;border-radius:8px;padding:12px;min-width:0}.genui-card>h4{font-size:16px}.genui-stat{display:flex;flex-direction:column;min-width:0;padding:8px 0}.genui-stat strong{font-size:28px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.genui-stat small,.genui-stat span{opacity:.75}.genui-badge{display:inline-block;padding:2px 9px;border:1px solid #8885;border-radius:20px}.genui progress{display:block;width:100%;accent-color:#2563eb;height:10px;margin:7px 0}.genui-spacer{height:12px}.genui-callout{border-left:3px solid #2563eb;padding:10px 12px;background:#2563eb12}.genui-chart{margin:10px 0}.genui-chart figcaption{font-weight:600}.genui-chart svg{display:block;width:100%;height:auto;max-height:520px}.genui-chart svg text{fill:currentColor;font:11px system-ui}.genui-gridline{stroke:currentColor;opacity:.15;fill:none}.genui-legend{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:12px}.genui-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.genui-scroll{overflow:auto;max-height:420px}.genui table{width:100%;border-collapse:collapse;font-size:12px}.genui td,.genui th{text-align:left;padding:7px;border-bottom:1px solid #8884;white-space:nowrap}.genui-source{margin-top:12px}.genui summary{cursor:pointer;font-size:12px}.genui pre{max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word}.genui-unsupported{border-left:2px solid #d97706;padding:8px;margin:8px 0}.genui-html{display:block;width:100%;height:440px;border:1px solid #8884;border-radius:7px;background:white}.genui dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px}.genui dd{margin:0}.genui li{margin:4px 0}@media(max-width:520px){.genui{padding:10px}.genui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genui-stat strong{font-size:23px}.genui-html{height:380px}}

package/public/genui.js

@@ -0,0 +1,144 @@
+/* DSH Remote: dependency-free, read-only dsh-ui subset. Never executes model code. */
+(function (root, factory) {
+  if (typeof module === 'object' && module.exports) module.exports = factory()
+  else root.DshGenUi = factory()
+})(typeof self !== 'undefined' ? self : this, function () {
+  'use strict'
+  const esc = value => String(value == null ? '' : value).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]))
+  const palette = ['#2563eb', '#059669', '#d97706', '#db2777', '#7c3aed', '#0891b2']
+  const array = value => Array.isArray(value) ? value : []
+  const number = value => typeof value === 'number' && Number.isFinite(value) && Math.abs(value) <= 1e12
+  const color = (value, i) => /^#[0-9a-f]{3}(?:[0-9a-f]{3})?$/i.test(value || '') ? value : palette[i % palette.length]
+  const raw = value => '<pre><code>' + esc(typeof value === 'string' ? value : JSON.stringify(value, null, 2)) + '</code></pre>'
+  const details = value => '<details class="genui-source"><summary>JSON / 源码</summary>' + raw(value) + '</details>'
+  function unsupported(node, reason) {
+    return '<div class="genui-unsupported">暂不支持 / Unsupported: ' + esc(reason || node?.type || 'spec') + details(node) + '</div>'
+  }
+
+  function chart(node) {
+    const kind = node.kind || 'bars'
+    if (!['bars', 'line', 'donut'].includes(kind) || node.stacked || node.filter || node.sortField) return unsupported(node, 'chart options')
+    const series = array(node.series).length ? node.series : [{ label: node.title || '', data: node.data }]
+    if (series.length > 6 || (kind === 'donut' && series.length !== 1)) return unsupported(node, 'chart series')
+    if (series.some(s => !s || !Array.isArray(s.data) || !s.data.length || s.data.length > 100 || s.data.some(d => !d || !number(d.value)))) return unsupported(node, 'chart data')
+    const data = series[0].data
+    if (series.some(s => s.data.length !== data.length || s.data.some((d, i) => d.label !== data[i].label))) return unsupported(node, 'unaligned series')
+    const colors = series.map((s, i) => color(s.color || array(node.palette)[i], i))
+    const table = '<div class="genui-scroll"><table><thead><tr><th></th>' + series.map(s => '<th>' + esc(s.label || 'Value') + '</th>').join('') + '</tr></thead><tbody>' + data.map((d, i) => '<tr><th>' + esc(d.label) + '</th>' + series.map(s => '<td>' + esc(s.data[i].value) + '</td>').join('') + '</tr>').join('') + '</tbody></table></div>'
+    let svg = ''
+    if (kind === 'donut') {
+      const total = data.reduce((sum, d) => sum + d.value, 0)
+      if (data.some(d => d.value < 0) || total <= 0) return unsupported(node, 'donut requires non-negative values and positive total')
+      let offset = 0
+      svg = data.map((d, i) => {
+        const fraction = d.value / total * 100
+        const segment = '<circle cx="160" cy="120" r="75" fill="none" stroke="' + color(d.color || array(node.palette)[i], i) + '" stroke-width="34" pathLength="100" stroke-dasharray="' + fraction + ' ' + (100 - fraction) + '" stroke-dashoffset="' + (-offset) + '" transform="rotate(-90 160 120)"><title>' + esc(d.label) + ': ' + esc(d.value) + ' (' + fraction.toFixed(1) + '%)</title></circle>'
+        offset += fraction
+        return segment
+      }).join('') + '<text x="160" y="124" text-anchor="middle" fill="currentColor">' + esc(total) + '</text>'
+      svg = '<svg viewBox="0 0 320 240" role="img" aria-label="' + esc(node.title || 'Donut chart') + '">' + svg + '</svg>'
+      svg += '<div class="genui-legend">' + data.map((d, i) => '<span><i style="background:' + color(d.color || array(node.palette)[i], i) + '"></i>' + esc(d.label) + ' · ' + (d.value / total * 100).toFixed(1) + '%</span>').join('') + '</div>'
+    } else {
+      const values = series.flatMap(s => s.data.map(d => d.value))
+      let min = Math.min(0, ...values), max = Math.max(0, ...values)
+      if (min === max) max = min + 1
+      const horizontal = kind === 'bars' && node.horizontal === true
+      const width = 560, height = horizontal ? Math.max(240, data.length * 35 + 50) : 270
+      const left = horizontal ? 110 : 64, right = 20, top = 20, bottom = 45
+      const w = width - left - right, h = height - top - bottom
+      const scale = value => horizontal ? left + (value - min) / (max - min) * w : top + (max - value) / (max - min) * h
+      for (let i = 0; i <= 4; i++) {
+        const value = min + (max - min) * i / 4, p = scale(value)
+        svg += horizontal
+          ? '<path d="M' + p + ' ' + top + 'V' + (top + h) + '" class="genui-gridline"/><text x="' + p + '" y="' + (height - 12) + '" text-anchor="middle">' + esc(Number(value.toPrecision(4))) + '</text>'
+          : '<path d="M' + left + ' ' + p + 'H' + (left + w) + '" class="genui-gridline"/><text x="' + (left - 7) + '" y="' + (p + 4) + '" text-anchor="end">' + esc(Number(value.toPrecision(4))) + '</text>'
+      }
+      const step = (horizontal ? h : w) / data.length
+      series.forEach((s, si) => {
+        const points = []
+        s.data.forEach((d, i) => {
+          const center = (horizontal ? top : left) + step * (i + 0.5), pos = scale(d.value)
+          const hint = '<title>' + esc((s.label ? s.label + ' · ' : '') + d.label + ': ' + d.value) + '</title>'
+          if (kind === 'line') {
+            points.push(center + ',' + pos)
+            svg += '<circle cx="' + center + '" cy="' + pos + '" r="3" fill="' + colors[si] + '">' + hint + '</circle>'
+          } else {
+            const size = step * 0.7 / series.length, lane = center - step * 0.35 + si * size
+            const zero = scale(0)
+            svg += '<rect x="' + (horizontal ? Math.min(zero, pos) : lane) + '" y="' + (horizontal ? lane : Math.min(zero, pos)) + '" width="' + (horizontal ? Math.abs(zero - pos) : size) + '" height="' + (horizontal ? size : Math.abs(zero - pos)) + '" fill="' + (series.length === 1 ? color(d.color || array(node.palette)[i], i) : colors[si]) + '">' + hint + '</rect>'
+          }
+        })
+        if (kind === 'line') svg += '<polyline points="' + points.join(' ') + '" fill="none" stroke="' + colors[si] + '" stroke-width="2.5"/>'
+      })
+      data.forEach((d, i) => {
+        if (!horizontal && i % Math.ceil(data.length / 8) !== 0) return
+        const text = String(d.label || '')
+        svg += '<text x="' + (horizontal ? left - 6 : left + step * (i + 0.5)) + '" y="' + (horizontal ? top + step * (i + 0.5) + 4 : height - 21) + '" text-anchor="' + (horizontal ? 'end' : 'middle') + '">' + esc(text.length > 12 ? text.slice(0, 11) + '…' : text) + '</text>'
+      })
+      svg = '<svg viewBox="0 0 ' + width + ' ' + height + '" role="img" aria-label="' + esc(node.title || kind + ' chart') + '">' + svg + '</svg>'
+      if (series.length > 1) svg += '<div class="genui-legend">' + series.map((s, i) => '<span><i style="background:' + colors[i] + '"></i>' + esc(s.label) + '</span>').join('') + '</div>'
+    }
+    return '<figure class="genui-chart">' + (node.title ? '<figcaption>' + esc(node.title) + '</figcaption>' : '') + svg + '<details><summary>数据 / Data</summary>' + table + '</details></figure>'
+  }
+
+  function render(spec) {
+    if (!spec || typeof spec !== 'object') throw Error('Invalid spec')
+    let count = 0
+    function nodes(items, depth) { return array(items).map(n => node(n, depth)).join('') }
+    function node(n, depth) {
+      if (++count > 240 || depth > 12) throw Error('Component limit')
+      if (!n || typeof n !== 'object' || Array.isArray(n)) return unsupported(n)
+      const type = n.type
+      // Reject data-transforming options rather than silently displaying different data.
+      if (n.filter || n.sortField) return unsupported(n, type + ' filter/sort')
+      if ((type === 'table' && (array(n.rows).length > 200 || array(n.columns).length > 30)) ||
+          (['list', 'timeline', 'steps', 'keyvalue'].includes(type) && array(n.items || n.steps || n.pairs).length > 100)) return unsupported(n, type + ' size limit')
+      if (['row', 'col', 'grid', 'card'].includes(type)) {
+        const cols = Math.max(1, Math.min(4, Math.floor(Number(n.cols) || 2)))
+        return '<section class="genui-' + type + '"' + (type === 'grid' ? ' style="--genui-cols:' + cols + '"' : '') + '>' + (n.title ? '<h4>' + esc(n.title) + '</h4>' : '') + nodes(n.items, depth + 1) + '</section>'
+      }
+      if (type === 'text') { const tag = ['h1', 'h2', 'h3'].includes(n.size) ? n.size : 'p'; return '<' + tag + '>' + esc(n.content) + '</' + tag + '>' }
+      if (type === 'hero') return '<div class="genui-stat"><small>' + esc(n.label) + '</small><strong>' + esc(n.value) + '</strong><h4>' + esc(n.title) + '</h4><span>' + esc(n.subtitle) + '</span><span>' + esc(n.delta) + '</span></div>'
+      if (type === 'stat') return '<div class="genui-stat"><small>' + esc(n.label) + '</small><strong>' + esc(n.value) + '</strong><span>' + esc(n.delta) + '</span></div>'
+      if (type === 'badge') return '<span class="genui-badge">' + esc(n.label) + '</span>'
+      if (type === 'divider') return '<hr>'
+      if (type === 'spacer') return '<div class="genui-spacer"></div>'
+      if (type === 'progress' && !number(n.value)) return unsupported(n, 'progress value')
+      if (type === 'progress') return '<div>' + esc(n.label) + '<progress max="100" value="' + Math.max(0, Math.min(100, Number(n.value) || 0)) + '"></progress><small>' + esc(n.valueLabel || String(n.value || 0) + '%') + '</small>' + (number(n.target) ? '<small> · 目标 / Target: ' + esc(n.target) + '%</small>' : '') + '</div>'
+      if (type === 'callout') return '<aside class="genui-callout"><strong>' + esc(n.title) + '</strong><p>' + esc(n.content) + '</p></aside>'
+      if (type === 'code' || type === 'json') return raw(type === 'code' ? n.code : n.value)
+      if (type === 'list' || type === 'timeline' || type === 'steps') return '<ul>' + array(n.items || n.steps).slice(0, 100).map(v => '<li>' + (v && typeof v === 'object' ? (v.type ? node(v, depth + 1) : '<strong>' + esc(v.title) + '</strong> ' + esc(v.desc) + ' ' + esc(v.time)) : esc(v)) + '</li>').join('') + '</ul>'
+      if (type === 'keyvalue') return '<dl>' + array(n.pairs).slice(0, 100).map(v => '<dt>' + esc(v?.key) + '</dt><dd>' + esc(v?.value) + '</dd>').join('') + '</dl>'
+      if (type === 'table') return '<div class="genui-scroll"><table><thead><tr>' + array(n.columns).slice(0, 30).map(v => '<th>' + esc(v) + '</th>').join('') + '</tr></thead><tbody>' + array(n.rows).slice(0, 200).map(row => '<tr>' + array(row).slice(0, 30).map(v => '<td>' + esc(v) + '</td>').join('') + '</tr>').join('') + '</tbody></table></div>'
+      if (type === 'chart') return chart(n)
+      if (type === 'echart' && !n.option && ['bar', 'line', 'pie'].includes(n.preset)) return '<small>ECharts 基础数据预览 / Basic preview</small>' + chart({ ...n, type: 'chart', kind: { bar: 'bars', line: 'line', pie: 'donut' }[n.preset] })
+      if (type === 'accordion' || type === 'tabs') return array(n.tabs || n.items).slice(0, 30).map(v => '<details><summary>' + esc(v?.label || v?.title) + '</summary>' + nodes(v?.items, depth + 1) + '</details>').join('')
+      return unsupported(n)
+    }
+    const body = Array.isArray(spec) ? nodes(spec, 0) : spec.type ? node(spec, 0) : nodes(spec.items, 0)
+    if (!body) throw Error('No components')
+    return '<section class="genui"><div class="genui-caption">DSH UI · 只读预览 / Read-only</div>' + (spec.title ? '<h3>' + esc(spec.title) + '</h3>' : '') + body + details(spec) + '</section>'
+  }
+
+  function html(source) {
+    if (typeof document === 'undefined' || String(source).length > 200000) return raw(source)
+    // Template contents are inert: source images cannot start fetching during sanitization.
+    const template = document.createElement('template')
+    template.innerHTML = String(source)
+    const allowed = new Set('title style div span p br hr h1 h2 h3 h4 h5 h6 strong em b i u s small sub sup pre code blockquote ul ol li dl dt dd table thead tbody tfoot tr td th caption colgroup col section article header footer main aside figure figcaption details summary progress'.split(' '))
+    function clean(parent) {
+      for (const child of Array.from(parent.children)) {
+        if (!allowed.has(child.localName)) { child.remove(); continue }
+        for (const attr of Array.from(child.attributes)) {
+          if (!['style', 'class', 'colspan', 'rowspan', 'value', 'max'].includes(attr.name)) child.removeAttribute(attr.name)
+        }
+        clean(child)
+      }
+    }
+    clean(template.content)
+    const policy = "default-src 'none'; script-src 'none'; style-src 'unsafe-inline'; img-src 'none'; connect-src 'none'; frame-src 'none'; base-uri 'none'; form-action 'none'"
+    const srcDoc = '<!doctype html><html><head><meta http-equiv="Content-Security-Policy" content="' + policy + '"><meta name="viewport" content="width=device-width,initial-scale=1"><style>body{font:14px/1.6 system-ui;margin:16px;overflow-wrap:anywhere}table{border-collapse:collapse}td,th{padding:6px;border:1px solid #ccc}pre{white-space:pre-wrap}*{max-width:100%;box-sizing:border-box}</style></head><body>' + template.innerHTML + '</body></html>'
+    return '<section class="genui"><div class="genui-caption">HTML · 只读预览（脚本及外部资源已禁用）</div><iframe class="genui-html" sandbox="" referrerpolicy="no-referrer" title="HTML preview" srcdoc="' + esc(srcDoc) + '"></iframe></section>'
+  }
+  return { render, html }
+})

package/public/index.html

@@ -12,6 +12,7 @@
   <link rel="manifest" href="manifest.webmanifest">
   <link rel="icon" href="icon.svg" type="image/svg+xml">
   <link rel="stylesheet" href="styles.css">
+  <link rel="stylesheet" href="genui.css">
 </head>
 <body>
   <header class="topbar">
@@ -410,26 +411,6 @@
             <div class="setting-name" data-i18n="settings.groupTests">功能测试</div>
           </div>
         </div>
-        <div class="settings-group feature-test-shell">
-          <div class="feature-test-head">
-            <div>
-              <div class="setting-name" data-i18n="settings.asrTestTitle">ASR 模型测试（小米手机）</div>
-              <div class="setting-desc expanded" data-i18n="settings.asrTestDesc">使用 Android 系统 SpeechRecognizer 验证小米/系统云端语音识别，不上传测试日志。</div>
-            </div>
-          </div>
-          <div class="feature-test-note" data-i18n="settings.asrTestInstruction">请保持页面在前台，朗读一段中文，包含停顿、数字和英文 API 名称。测试约 60 秒，会自动记录 partial、最终结果、重建 session 和错误。</div>
-          <div class="feature-test-actions">
-            <button id="btn-asr-test-start" class="mini-btn primary" type="button" data-i18n="settings.asrTestStart">开始测试</button>
-            <button id="btn-asr-test-stop" class="mini-btn" type="button" data-i18n="settings.asrTestStop" disabled>停止测试</button>
-            <button id="btn-asr-test-copy" class="mini-btn" type="button" data-i18n="settings.asrTestCopy" disabled>复制日志</button>
-            <button id="btn-asr-test-clear" class="mini-btn" type="button" data-i18n="settings.asrTestClear">清空日志</button>
-            <button id="btn-asr-test-permission" class="mini-btn hidden" type="button" data-i18n="settings.asrTestPermissionSettings">权限设置</button>
-            <button id="btn-asr-test-engine" class="mini-btn hidden" type="button" data-i18n="settings.asrTestEngineSettings">语音引擎设置</button>
-          </div>
-          <div id="asr-test-status" class="feature-test-status muted" role="status" data-i18n="settings.asrTestNativeOnly">仅 Android App 可用</div>
-          <div id="asr-test-summary" class="feature-test-summary"></div>
-          <pre id="asr-test-log" class="feature-test-log" data-i18n="settings.asrTestLogEmpty">暂无测试日志</pre>
-        </div>
       </div>
 
       <div id="settings-page-servers" class="settings-subpage hidden" data-motion-panel>
@@ -553,6 +534,11 @@
           <div class="setting-row">
             <div><div class="setting-name" data-i18n="settings.updateTitle">检查更新</div><div class="setting-desc" id="update-desc" data-i18n="settings.updateLoading">加载中…</div>
             <button id="btn-download-update" class="mini-btn hidden" style="margin-top:6px" data-i18n="settings.downloadUpdate">下载并安装更新</button>
+            <div id="update-download-progress" class="update-download-progress hidden">
+              <div id="update-download-status" role="status" aria-live="polite"></div>
+              <progress id="update-download-bar" max="100" aria-label="APK download progress"></progress>
+              <div id="update-download-detail"></div>
+            </div>
             <button id="btn-update-expand" class="mini-btn hidden" style="margin-top:6px" data-i18n="update.expand">展开</button></div>
             <button id="btn-check-update" class="mini-btn" data-i18n="settings.check">检查</button>
           </div>
@@ -1034,7 +1020,7 @@
         'fs.notFound': '目录不存在', 'fs.forbidden': '路径不在允许范围内；DSH 已登记工作区会自动放行，其他目录请配置 DSH_REMOTE_FS_ROOT',
         'fs.loadFailed': '加载失败：{msg}', 'fs.loadFailedToast': '文件列表加载失败：{msg}',
         'fs.emptyDir': '空目录', 'fs.dir': '目录',
-        'fs.downloadStarted': '开始下载到「下载/dsh-remote」目录', 'fs.downloadFailed': '无法启动下载：{msg}',
+        'fs.downloadStarted': '开始下载到「下载/dsh-remote」目录', 'fs.downloadFailed': '下载失败：{msg}',
         'fs.downloadUnsupported': '当前 App 版本不支持系统下载，请先更新 App',
         'fs.uploadCancelled': '已取消上传', 'fs.pausedErr': '已暂停', 'fs.cancelledErr': '已取消',
         'fs.noTokenToast': '请先到「设置」页设置令牌', 'fs.tooLarge': '单文件超过 2GB 上限', 'fs.uploadBusy': '已有上传任务，先暂停或取消',
@@ -1050,6 +1036,7 @@
         'update.found': '发现新版本 v{version}{notes}', 'update.foundTitle': '发现新版本', 'update.foundBody': 'v{version} 可更新',
         'update.latestV': '已是最新 v{version}', 'update.latestRemote': '最新版本 v{version}', 'update.latestToast': '已是最新版本',
         'update.checkFailedDesc': '检查失败：{msg}', 'update.checkFailed': '检查更新失败：{msg}',
+        'update.phase.downloading': '正在下载…', 'update.phase.verifying': '正在校验安装包…', 'update.phase.complete': '下载完成', 'update.phase.legacy': '系统正在下载安装包；安装新版后可显示完整进度', 'update.busy': '已有更新下载正在进行',
         'update.downloadStarted': '开始下载，完成后会弹出安装页', 'update.downloadFailed': '无法启动下载：{msg}',
         'update.corrupted': '下载文件损坏，请重试', 'update.serverFileMissing': '服务器上还没有对应版本的文件，请稍后再试',
         'update.installUnsupported': '当前版本不支持 App 内安装，已转浏览器下载',
@@ -1085,9 +1072,7 @@
         'settings.modelNoModels': '暂无自定义模型，当前使用提供方默认目录', 'settings.modelCandidates': '发现的模型', 'settings.modelSelectAll': '全选', 'settings.modelSelectNone': '取消全选', 'settings.modelAddSelected': '加入选中模型',
         'settings.modelAdded': '已加入模型目录', 'settings.modelSaved': '模型配置已保存', 'settings.modelSaveFailed': '保存模型配置失败：{msg}', 'settings.modelOpenConfigFailed': '打开配置文件失败：{msg}', 'settings.modelOpenedConfig': '已请求打开 DSH 配置文件',
         'settings.modelLive': '保存后立即生效', 'settings.modelRestart': '保存后需重启 DSH 才生效',
-        'settings.asrTestTitle': 'ASR 模型测试（小米手机）', 'settings.asrTestDesc': '使用 Android 系统 SpeechRecognizer 验证小米/系统云端语音识别，不上传测试日志。', 'settings.asrTestInstruction': '请保持页面在前台，朗读一段中文，包含停顿、数字和英文 API 名称。测试约 60 秒，会自动记录 partial、最终结果、重建 session 和错误。', 'settings.asrTestStart': '开始测试', 'settings.asrTestStop': '停止测试', 'settings.asrTestCopy': '复制日志', 'settings.asrTestClear': '清空日志', 'settings.asrTestPermissionSettings': '权限设置', 'settings.asrTestNativeOnly': '仅 Android App 可用', 'settings.asrTestWebUnsupported': '浏览器不支持原生 ASR 诊断，请在 Android App 中打开。', 'settings.asrTestConsent': '测试会使用麦克风，并可能将音频发送给 Android 系统默认语音识别服务。是否继续？', 'settings.asrTestStarted': 'ASR 测试已开始，请朗读测试内容', 'settings.asrTestStopped': 'ASR 测试已停止', 'settings.asrTestRestarting': '识别 session 重建中…', 'settings.asrTestPermission': '正在请求麦克风权限…', 'settings.asrTestPermissionDenied': '未授予麦克风权限，无法测试 ASR', 'settings.asrTestPermissionError': '系统语音识别服务未获麦克风授权，请打开权限设置后重试', 'settings.asrTestUnavailable': '当前设备没有可用的系统语音识别服务', 'settings.asrTestBusy': '已有 ASR 测试正在运行', 'settings.asrTestCopyOk': '测试日志已复制', 'settings.asrTestCopyFailed': '复制测试日志失败', 'settings.asrTestLogEmpty': '暂无测试日志', 'settings.asrTestMeta': '设备信息', 'settings.asrTestSummary': '测试摘要', 'settings.asrTestEvent': '事件日志', 'settings.asrTestCloud': '系统默认识别服务可能使用云端 ASR；本测试不上传日志', 'settings.asrTestStatus': '状态：{status}',
         'settings.servers': '服务器地址（可多个）', 'settings.speedTest': '测速', 'settings.add': '添加',
-        'settings.asrTestEngineSettings': '语音引擎设置',
         'settings.scanTitle': '扫码连接', 'settings.scanDesc': '实时相机识别二维码，也可拍照/相册本地解码；无需谷歌服务', 'settings.scan': '扫码',
         'settings.notifyTitle': '通知', 'settings.notifyDesc': '收到审批/提问时推送', 'settings.announcementHistoryTitle': '历史公告', 'settings.announcementHistoryDesc': '查看以前收到的公告', 'settings.announcementHistory': '查看记录',
         'settings.testNotifyTitle': '测试通知', 'settings.testNotifyDesc': '立即排一条 3 秒后的本地通知，用于排查系统通知限制', 'settings.testNotify': '发送测试通知',
@@ -1267,7 +1252,7 @@
         'fs.notFound': 'Directory not found', 'fs.forbidden': 'Path is outside the allowed roots. Registered DSH workspaces are allowed automatically; configure DSH_REMOTE_FS_ROOT for other directories.',
         'fs.loadFailed': 'Load failed: {msg}', 'fs.loadFailedToast': 'Failed to load file list: {msg}',
         'fs.emptyDir': 'Empty directory', 'fs.dir': 'Directory',
-        'fs.downloadStarted': 'Downloading to "Download/dsh-remote"', 'fs.downloadFailed': 'Could not start download: {msg}',
+        'fs.downloadStarted': 'Downloading to "Download/dsh-remote"', 'fs.downloadFailed': 'Download failed: {msg}',
         'fs.downloadUnsupported': 'This app version cannot download to the system folder, please update',
         'fs.uploadCancelled': 'Upload cancelled', 'fs.pausedErr': 'Paused', 'fs.cancelledErr': 'Cancelled',
         'fs.noTokenToast': 'Set a token in Settings first', 'fs.tooLarge': 'File exceeds the 2GB limit', 'fs.uploadBusy': 'Another upload is active, pause or cancel it first',
@@ -1283,6 +1268,7 @@
         'update.found': 'New version v{version}{notes}', 'update.foundTitle': 'Update available', 'update.foundBody': 'v{version} is available',
         'update.latestV': 'Up to date v{version}', 'update.latestRemote': 'Latest version v{version}', 'update.latestToast': 'Already up to date',
         'update.checkFailedDesc': 'Check failed: {msg}', 'update.checkFailed': 'Update check failed: {msg}',
+        'update.phase.downloading': 'Downloading…', 'update.phase.verifying': 'Verifying APK…', 'update.phase.complete': 'Download complete', 'update.phase.legacy': 'System download started; install this update for full progress', 'update.busy': 'An update is already downloading',
         'update.downloadStarted': 'Downloading, the install page will open when ready', 'update.downloadFailed': 'Could not start download: {msg}',
         'update.corrupted': 'Downloaded file is corrupted, please retry', 'update.serverFileMissing': 'The file for this version is not on the server yet, please try again later',
         'update.installUnsupported': 'This version cannot install in-app, opening browser download',
@@ -1318,9 +1304,7 @@
         'settings.modelNoModels': 'No custom models; using the provider default catalog', 'settings.modelCandidates': 'Discovered models', 'settings.modelSelectAll': 'Select all', 'settings.modelSelectNone': 'Clear selection', 'settings.modelAddSelected': 'Add selected models',
         'settings.modelAdded': 'Models added to the catalog', 'settings.modelSaved': 'Model configuration saved', 'settings.modelSaveFailed': 'Could not save model configuration: {msg}', 'settings.modelOpenConfigFailed': 'Could not open config file: {msg}', 'settings.modelOpenedConfig': 'Requested DSH config file',
         'settings.modelLive': 'Takes effect immediately', 'settings.modelRestart': 'Restart DSH to apply',
-        'settings.asrTestTitle': 'ASR model test (Xiaomi)', 'settings.asrTestDesc': 'Use Android SpeechRecognizer to test Xiaomi/system cloud speech recognition. Test logs are not uploaded.', 'settings.asrTestInstruction': 'Keep this page in the foreground and read Chinese text containing pauses, numbers, and an English API name. The test runs for about 60 seconds and records partial/final results, session rebuilds, and errors.', 'settings.asrTestStart': 'Start test', 'settings.asrTestStop': 'Stop test', 'settings.asrTestRestarting': 'Rebuilding recognition session…', 'settings.asrTestCopy': 'Copy log', 'settings.asrTestClear': 'Clear log', 'settings.asrTestPermissionSettings': 'Permission settings', 'settings.asrTestNativeOnly': 'Available only in the Android app', 'settings.asrTestWebUnsupported': 'Native ASR diagnostics are unavailable in a browser. Open this page in the Android app.', 'settings.asrTestConsent': 'This test uses the microphone and may send audio to the Android system default speech recognition service. Continue?', 'settings.asrTestStarted': 'ASR test started; read the test content aloud', 'settings.asrTestStopped': 'ASR test stopped', 'settings.asrTestPermission': 'Requesting microphone permission…', 'settings.asrTestPermissionDenied': 'Microphone permission was not granted; ASR cannot be tested', 'settings.asrTestPermissionError': 'The system speech service lacks microphone authorization. Open permission settings and try again.', 'settings.asrTestUnavailable': 'No system speech recognition service is available on this device', 'settings.asrTestBusy': 'An ASR test is already running', 'settings.asrTestCopyOk': 'Test log copied', 'settings.asrTestCopyFailed': 'Could not copy the test log', 'settings.asrTestLogEmpty': 'No test log yet', 'settings.asrTestMeta': 'Device information', 'settings.asrTestSummary': 'Test summary', 'settings.asrTestEvent': 'Event log', 'settings.asrTestCloud': 'The system default recognition service may use cloud ASR; this test does not upload logs', 'settings.asrTestStatus': 'Status: {status}',
         'settings.servers': 'Servers (one or more)', 'settings.speedTest': 'Test', 'settings.add': 'Add',
-        'settings.asrTestEngineSettings': 'Speech engine settings',
         'settings.scanTitle': 'Scan to pair', 'settings.scanDesc': 'Use the live camera or photo/gallery QR decoding; no Google services required', 'settings.scan': 'Scan',
         'settings.notifyTitle': 'Notifications', 'settings.notifyDesc': 'Push on approvals / questions', 'settings.announcementHistoryTitle': 'Announcement history', 'settings.announcementHistoryDesc': 'Review announcements you received before', 'settings.announcementHistory': 'View history',
         'settings.testNotifyTitle': 'Test notification', 'settings.testNotifyDesc': 'Schedule a local notification in 3 seconds to verify the notification pipeline', 'settings.testNotify': 'Send test notification',
@@ -1390,6 +1374,7 @@
   <script src="jsqr.min.js"></script>
   <script src="i18n.js"></script>
   <script src="theme.js"></script>
+  <script src="genui.js"></script>
   <script src="md.js"></script>
   <script src="vendor/gsap/gsap.min.js"></script>
   <script src="motion.js"></script>

package/public/md.js

@@ -6,9 +6,9 @@
  * 同时支持浏览器全局 window.mdToHtml 与 Node CommonJS module.exports。
  */
 (function (root, factory) {
-  if (typeof module === 'object' && module.exports) module.exports = factory()
-  else root.mdToHtml = factory()
-})(typeof self !== 'undefined' ? self : this, function () {
+  if (typeof module === 'object' && module.exports) module.exports = factory(require('./genui.js'))
+  else root.mdToHtml = factory(root.DshGenUi)
+})(typeof self !== 'undefined' ? self : this, function (genui) {
   'use strict'
 
   function escapeHtml(s) {
@@ -172,6 +172,19 @@
         var code = parts[i]
         code = code.replace(/^\n/, '')
         if (code.slice(-1) === '\n') code = code.slice(0, -1)
+        var fence = code.match(/^([^\n]*)\n([\s\S]*)$/)
+        // Wait for the closing fence: streaming partial JSON stays readable as source.
+        if (genui && fence && i < parts.length - 1 && fence[2].length <= 200000) {
+          var language = fence[1].trim().toLowerCase()
+          try {
+            if (/^(?:dsh-ui|json dsh-ui|dsh-ui json)$/.test(language)) {
+              out += genui.render(JSON.parse(fence[2])); continue
+            }
+            if (language === 'html' || language === 'htm') {
+              out += genui.html(fence[2]) + '<details><summary>HTML / 源码</summary><pre><code>' + escapeHtml(fence[2]) + '</code></pre></details>'; continue
+            }
+          } catch (_) { /* Invalid or over-budget specs remain source, never execute. */ }
+        }
         out += '<pre><code>' + escapeHtml(code) + '</code></pre>'
       } else {
         var escaped = escapeHtml(parts[i])

package/public/styles.css

@@ -907,15 +907,6 @@ button.overview-attention-item, button.overview-session-item { cursor:pointer; }
 .model-editor-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 2px; }
 .model-editor-error { margin: 0; color: var(--dsr-error); font-size: 12px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
 .model-readonly { color: var(--dsr-warning); font-size: 12px; }
-.feature-test-shell { padding: 14px; }
-.feature-test-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--dsr-line); }
-.feature-test-note { margin-top: 12px; padding: 10px 11px; border: 1px solid var(--dsr-info-line); border-radius: 9px; background: var(--dsr-info-soft); color: var(--dsr-info); font-size: 12px; line-height: 1.55; }
-.feature-test-actions { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 0 8px; }
-.feature-test-status { min-height: 20px; padding: 4px 0; font-size: 12px; }
-.feature-test-status.error { color: var(--dsr-error); }
-.feature-test-status.ok { color: var(--dsr-success); }
-.feature-test-summary { margin-top: 6px; color: var(--dsr-text); font-size: 12px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
-.feature-test-log { max-height: 420px; min-height: 170px; margin: 10px 0 0; padding: 11px; overflow: auto; border: 1px solid var(--dsr-line); border-radius: 9px; background: var(--dsr-bg-2); color: var(--dsr-text); font: 11px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
 @media (max-width: 520px) {
   .model-settings-head { flex-direction: column; }
   .model-settings-head .setting-actions { width: 100%; justify-content: flex-start; }
@@ -926,8 +917,6 @@ button.overview-attention-item, button.overview-session-item { cursor:pointer; }
   .model-reasoning-entry .model-input:nth-child(2), .model-reasoning-entry .model-input:nth-child(3) { grid-column: 1 / -1; }
   .model-reasoning-entry .model-entry-remove { grid-column: 2; grid-row: 1; }
   .model-reasoning-default { grid-template-columns: 1fr; gap: 4px; }
-  .feature-test-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .feature-test-actions .mini-btn { width: 100%; }
 }
 .setting-row {
   display: flex; align-items: center; justify-content: space-between; gap: 10px;
@@ -1326,3 +1315,7 @@ button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible
   .overview-pulse-card { grid-template-columns:1fr auto; }
   .overview-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 }
+
+.update-download-progress { margin-top: 12px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
+.update-download-progress progress { display: block; width: 100%; height: 10px; margin: 7px 0; accent-color: var(--dsr-accent, #2563eb); }
+#update-download-detail { color: var(--dsr-text-muted); font-variant-numeric: tabular-nums; }

package/public/update.json

@@ -1,10 +1,14 @@
 {
-  "version": "0.6.24",
+  "version": "0.6.25",
   "apkUrl": "dsh-remote.apk",
-  "sha256": "524f38fd3c1f067ab1ce8bad692649366ca9b775dcf16c99ee9e21058c422529",
-  "releasedAt": "2026-09-05T13:01:00.792Z",
-  "notes": "0.6.24：同步 App 与宽屏客户端的会话命名体验；未命名会话显示为“新会话”并保留短标识，创建会话时可选择指定工作区；补充空会话清理与相关回归验证。",
+  "sha256": "56e3aa905bcc4a746c604af7b09a5bfe50c21deafd1b04756a345bd03cc44828",
+  "releasedAt": "2026-09-16T06:56:53.046Z",
+  "notes": "0.6.25：适配 DSH 0.1.5 的实时思考、文件消息与 V3 会话统计；修复 Windows 跨盘文件访问和空会话持久归档；完善 APK 下载进度与校验；新增 dsh-ui 常用组件及柱状图、折线图、环形图只读预览，HTML 代码块支持隔离预览，未支持的高级组件保留原始规格。",
   "history": [
+    {
+      "version": "0.6.25",
+      "notes": "0.6.25：适配 DSH 0.1.5 的实时思考、文件消息与 V3 会话统计；修复 Windows 跨盘文件访问和空会话持久归档；完善 APK 下载进度与校验；新增 dsh-ui 常用组件及柱状图、折线图、环形图只读预览，HTML 代码块支持隔离预览，未支持的高级组件保留原始规格。"
+    },
     {
       "version": "0.6.24",
       "notes": "0.6.24：同步 App 与宽屏客户端的会话命名体验；未命名会话显示为“新会话”并保留短标识，创建会话时可选择指定工作区；补充空会话清理与相关回归验证。"
@@ -40,10 +44,6 @@
     {
       "version": "0.6.16",
       "notes": "0.6.16：Windows 端 DSH 服务启动/重启接入 Windows Service（实验性功能），启动后继续检查 DSH HTTP 与 mux/host 实时通道；空对话退出时清理 App 本地残留；网关控制台主机 IP 改为可逐项启用的地址表，关闭地址不再进入配对二维码、诊断和防火墙建议；Android 设置新增模型配置、自定义模型思考深度档位和小米/系统 ASR 功能测试，支持复制设备、权限、partial/final、session 重建和错误诊断日志。"
-    },
-    {
-      "version": "0.6.15",
-      "notes": "0.6.15：修复拖拽候选项拦截普通竖向滑动的问题，卡片中间也可自然滚动；仅在长按真正进入拖拽后锁定页面，并补充指针结束、取消、失焦和页面隐藏时的解锁清理。保留边缘自动滚动、占位符同步重排、主列表/工作台工作区与组内对话拖动。"
     }
   ]
 }

package/public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.6.24"
+  "version": "0.6.25"
 }