dsh-zen-remote 2.3.4 → 2.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-zen-remote",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "一个插件、两种角色：主服务端把 DeepSeek Harness 变成手机能安全访问的 PWA（移动端界面、配对码网关、Web Push），并把选定会话共享给已配对的桌面端；子客户端在另一台 DSH 桌面端的侧边栏里远程使用这些会话。One DSH plugin, two roles: the host turns DeepSeek Harness into a phone-reachable PWA (mobile UI, pairing-code gateway behind your own reverse proxy, Web Push) and shares chosen sessions to paired desktops; the client uses those sessions remotely from another DSH desktop app's sidebar.",
   "license": "MIT",
   "type": "module",
@@ -116,43 +116,43 @@
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.5",
-    "@deepseek-ai/cosmokit": "1.8.5",
-    "@deepseek-ai/dsh-agent": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-api-remotes": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-api-session-controller": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-api-workspace-controller": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-brand": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-connection": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-locale": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-store": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-layout": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-session": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-sidebar": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-host-webserver": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-llm": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-ptc-runtime": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-sandbox": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-sandbox-policy": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-scope": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-session": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-session-log-export": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-session-projection": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-session-query": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-session-stats": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-subagent": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-timeout": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-token-meter": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-tools": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-typert-protocol": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-util-crypto": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-util-values": "0.2.1-rc.4",
-    "@deepseek-ai/dsh-workspace": "0.2.1-rc.4",
+    "@deepseek-ai/cosmokit": "1.8.6",
+    "@deepseek-ai/dsh-agent": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-api-remotes": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-api-workspace-controller": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-brand": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-connection": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-locale": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-store": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-layout": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-session": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-sidebar": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-host-webserver": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-llm": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-ptc-runtime": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-sandbox": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-sandbox-policy": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-scope": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session-log-export": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session-projection": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session-query": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session-stats": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-subagent": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-timeout": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-token-meter": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-tools": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-typert-protocol": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-util-crypto": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-util-values": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-workspace": "0.2.1-rc.5",
     "@deepseek-ai/schemastery": "3.18.5",
-    "@types/node": "^26.2.0",
+    "@types/node": "^26.6.5",
     "@types/react": "~18.3.1",
     "@types/react-dom": "~18.3.0",
     "typescript": "^6.0.3"

package/scripts/check-info-sheet-stacking.mjs

@@ -14,6 +14,9 @@
 // Run: node scripts/check-info-sheet-stacking.mjs   (needs Node >= 23.6 type stripping)
 import assert from 'node:assert/strict'
 import { INFO_CSS } from '../src/client/styles/info.css.ts'
+import { CONTENT_CSS } from '../src/client/styles/content.css.ts'
+import { LAYOUT_CSS } from '../src/client/styles/layout.css.ts'
+import { en, zh } from '../src/client/locales.ts'
 
 /** Host z-index values this sheet has to out-rank (dsh-client-ui-conversation). */
 const HOST_COMPOSER_SEAT = 7
@@ -52,4 +55,86 @@ assert.ok(
   'the header promotion escaped the (max-width: 767px) block — it would change the desktop layout',
 )
 
+// ---- UI-1 (2026-10-30): turn-tail clock + info-card stat cells -------------
+// Lives here rather than in its own script because package.json's test line
+// is an explicit list, and the info-card half of UI-1 is this sheet's own
+// content. Both halves regress silently (CSS still parses, the card still
+// opens), so they get the same loud-failure treatment as the stacking rule.
+
+/** Body of the single rule whose selector line matches `selector` exactly. */
+const ruleBody = (css, selector, label) => {
+  const escaped = selector.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  const match = new RegExp(`(?:^|\\n)\\s*${escaped}\\s*\\{([^}]*)\\}`).exec(css)
+  assert.ok(match, `${label}: rule \`${selector}\` is gone`)
+  return match[1]
+}
+
+// DSH 0.2.x wraps the usage button and the 24h clock in one non-wrapping
+// inline-flex _endInfo. The 0.1.x-era rule (flex-basis: 100% + white-space:
+// normal on the clock) squeezed "18:06" onto two lines inside it.
+const tailTime = ruleBody(
+  CONTENT_CSS,
+  '[data-chat-flow-kind="turn-tail"] [class$="_actions"] [class$="_timeEnd"]',
+  'content.css.ts',
+)
+assert.ok(
+  /white-space:\s*nowrap\s*!important/.test(tailTime),
+  'turn-tail _timeEnd must declare white-space: nowrap !important — the clock may never break mid-"18:06"',
+)
+assert.ok(
+  !/flex-basis:\s*100%/.test(tailTime),
+  'turn-tail _timeEnd still carries flex-basis: 100% — the 0.1.x "own line" clamp that squeezes the clock inside _endInfo',
+)
+assert.ok(
+  !/white-space:\s*normal/.test(tailTime),
+  'turn-tail _timeEnd still carries white-space: normal — this is what let the clock wrap',
+)
+assert.ok(
+  /flex:\s*none\s*!important/.test(tailTime),
+  'turn-tail _timeEnd must be flex: none — a shrinkable clock is the squeeze itself',
+)
+
+// The other half of the root cause: layout.css.ts used to make the clock a
+// shrinkable flex item (flex: 0 1 auto + min-width: 0) for every message row.
+const rowTime = ruleBody(LAYOUT_CSS, '[data-phase] [class$="_actions"] [class$="_timeEnd"]', 'layout.css.ts')
+assert.ok(/flex:\s*none\s*!important/.test(rowTime), 'layout.css.ts _timeEnd must be flex: none !important')
+assert.ok(
+  !/min-width:\s*0/.test(rowTime) && !/flex:\s*0 1 auto/.test(rowTime),
+  'layout.css.ts _timeEnd is shrinkable again (min-width: 0 / flex: 0 1 auto) — the clock will be squeezed inside _endInfo',
+)
+
+// _endInfo wraps as a unit, and the row may grow instead of clipping.
+const endInfo = ruleBody(
+  CONTENT_CSS,
+  '[data-chat-flow-kind="turn-tail"] [class$="_actions"] [class$="_endInfo"]',
+  'content.css.ts',
+)
+assert.ok(/flex:\s*none/.test(endInfo), 'turn-tail _endInfo must be flex: none so the usage + clock group wraps whole')
+const tailRows = [...CONTENT_CSS.matchAll(/\n\s*\[data-chat-flow-kind="turn-tail"\] \[class\$="_actions"\]\s*\{([^}]*)\}/g)]
+const tailRow = tailRows.map((m) => m[1]).find((body) => /flex-wrap/.test(body))
+assert.ok(tailRow, 'content.css.ts lost the wrapping turn-tail _actions rule')
+assert.ok(
+  /height:\s*auto\s*!important/.test(tailRow) && /overflow:\s*visible\s*!important/.test(tailRow),
+  'turn-tail _actions must release the host fixed height (height: auto) and layout.css.ts overflow: hidden (overflow: visible), or a wrapped second line is cut off',
+)
+
+// Desktop no-op: every turn-tail rule above has to sit inside the phone block.
+const contentPhone = /@media \(max-width: 767px\) \{/.exec(CONTENT_CSS)
+assert.ok(contentPhone, 'content.css.ts lost its phone media query')
+assert.ok(
+  CONTENT_CSS.indexOf('[data-chat-flow-kind="turn-tail"]') > contentPhone.index,
+  'a turn-tail rule escaped the (max-width: 767px) block — it would change the desktop layout',
+)
+
+// Info-card stat cells: turns + steps merged into one cell, output speed in
+// the freed slot. Both dictionaries must carry the keys or t() prints the key.
+for (const [name, dict] of [['zh', zh], ['en', en]]) {
+  for (const key of ['infoStatTurnsSteps', 'infoStatSpeed']) {
+    assert.ok(
+      typeof dict[key] === 'string' && dict[key].length > 0,
+      `locales.ts ${name} is missing '${key}' — the info card would render the raw key as a label`,
+    )
+  }
+}
+
 console.log('check-info-sheet-stacking: ok')

package/src/adapters/dsh-better-sidebar/index.ts

@@ -15,8 +15,11 @@
  * model spend (commit-message generation), documented as such; NO path
  * fencing; `open.external` refuses for a remote session; `settings.*` and
  * `/sidebar/bundle` stay local; the adapter registers as whole-machine
- * data (consent per plugin, default off). PB-15: the 0.26.0 WebSocket
- * `/sidebar/ws/sidechat` is deliberately NOT declared (not bridged).
+ * data (consent per plugin, default off). PB-15 left the 0.26.0 WebSocket
+ * `/sidebar/ws/sidechat` undeclared; PB-26b bridges it — its ids ride the
+ * post-handshake JSON frames (`{"op":"watch","threadIds":[...]}`), which
+ * the json-body upgrade gate locates, classifies and rewrites frame by
+ * frame on both halves.
  *
  * The `cwd` handling is the one subtle part: better-sidebar resolves a
  * request's working directory as the session's own `header.cwd` first and
@@ -147,6 +150,16 @@ export const dshBetterSidebarAdapter: BridgeAdapter = {
     // file paths, not session ids).
     { path: '/sidebar/ws/agent-opens', match: 'exact', methods: ['GET'], upgrade: true, locator: { in: 'query', name: 'sessionId' } },
     { path: '/sidebar/ws/fs-watch', match: 'exact', methods: ['GET'], upgrade: true, locator: { in: 'query', name: 'sessionId' } },
+    // The side-chat push feed (PB-26b; lib/index.js's third registerUpgrade):
+    // the upgrade URL carries NO query — the browser's first frame after the
+    // handshake is `{"op":"watch","threadIds":[...]}` and the plugin pushes
+    // `{"threadId":"..."}` per event. The json-body locator rides the FRAME
+    // gate: the client half classifies and rewrites every watch frame (an
+    // empty list — unsubscribe-all — crosses untouched), the server's send
+    // gate share-checks each frame before the plugin sees it, and the
+    // client.response hook below virtualizes the pushed threadId so the
+    // browser's `wantedRef.includes(frame.threadId)` comparison fires.
+    { path: '/sidebar/ws/sidechat', match: 'exact', methods: ['GET'], upgrade: true, locator: { in: 'json-body', fields: ['threadIds'] } },
   ],
   client: {
     request: (ctx) => {
@@ -160,6 +173,22 @@ export const dshBetterSidebarAdapter: BridgeAdapter = {
       return { allow: true }
     },
     response: (ctx) => {
+      // PB-26b: the sidechat ws PUSH frames name their thread on the TOP
+      // level — `{"threadId":"<real id>"}`. The browser compares
+      // `wantedRef.current.includes(frame.threadId)` against the VIRTUAL ids
+      // it watched, so a real id here would silently miss every push; the
+      // virtualized form rides in its place. A frame with no usable tid (a
+      // non-object, or an id that is already virtual) crosses untouched.
+      if (ctx.pathname === '/sidebar/ws/sidechat') {
+        if (ctx.body !== null && typeof ctx.body === 'object' && !Array.isArray(ctx.body)) {
+          const record = ctx.body as Record<string, unknown>
+          const tid = record.threadId
+          if (typeof tid === 'string' && tid !== '' && !ctx.isVirtual(tid)) {
+            return { ...record, threadId: ctx.virtualize(tid) }
+          }
+        }
+        return ctx.body
+      }
       const name = apiMethodOf(ctx.pathname)
       if (name === '') return ctx.body
       const spec = SIDEBAR_METHODS[name]

package/src/client/MobileSessionInfo.tsx

@@ -100,6 +100,17 @@ function formatDuration(ms: number): string {
   return `${Math.floor(whole / 60)}m${whole % 60}s`
 }
 
+/**
+ * Decode-throughput figure: whole tokens from ten up, one decimal below.
+ * Ported digit-for-digit from dsh-client-ui-chat lib/client.js
+ * formatTokensPerSecond (DSH 0.2.x TurnUsagePanel; verified 2026-10-30),
+ * which also owns the "{tps} tok/s" unit the cell appends.
+ */
+function formatTokensPerSecond(tps: number): string {
+  const clamped = Math.max(0, tps)
+  return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10)
+}
+
 /** Sum of the three disjoint prompt-side billing buckets. */
 function billedInputTokens(usage: { uncachedInputTokens: number; cacheReadTokens: number; cacheWriteTokens: number }): number {
   return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens
@@ -448,8 +459,24 @@ export function MobileSessionInfo({
   }
 
   const cells: Array<{ label: string; value: string; sub: string | undefined }> = [
-    { label: t('infoStatTurns'), value: stats === undefined ? NA : String(stats.turns), sub: undefined },
-    { label: t('infoStatSteps'), value: stats === undefined ? NA : String(stats.steps), sub: undefined },
+    /* Turns and steps share one cell ("3 / 12") so the grid stays 2×3 with
+       output speed taking the freed slot (UI-1, 2026-10-30). */
+    {
+      label: t('infoStatTurnsSteps'),
+      value: stats === undefined ? NA : `${stats.turns} / ${stats.steps}`,
+      sub: undefined,
+    },
+    /* Same guard and formula as the official TurnUsagePanel: decodeMs > 0
+       is its "we have a throughput reading" test, so a session with no
+       usage-reporting step shows the placeholder, never "0 tok/s". */
+    {
+      label: t('infoStatSpeed'),
+      value:
+        stats === undefined || stats.decodeMs <= 0
+          ? NA
+          : `${formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3))} tok/s`,
+      sub: undefined,
+    },
     {
       label: t('infoStatTtft'),
       value: stats === undefined || stats.ttftSteps === 0 ? NA : formatDuration(stats.ttftMs / stats.ttftSteps),

package/src/client/effects/turn-fold.ts

@@ -111,39 +111,97 @@ const ACTIVE_ATTR = 'data-mnav-fold-on'
 /** Selector of the one row kind that can fold whole — see {@link foldsWholeRow}. */
 const STEP_SELECTOR = '[data-chat-flow-kind="assistant-step"]'
 
+/** Elements that show something without a text node of their own. Every other
+ * element is a wrapper: it is content only if something inside it is. */
+const SELF_VISIBLE = new Set([
+  'AUDIO', 'CANVAS', 'EMBED', 'HR', 'IFRAME', 'IMG', 'INPUT', 'OBJECT',
+  'PICTURE', 'SELECT', 'SVG', 'TEXTAREA', 'VIDEO',
+])
+
+/** The DOM surface {@link hasContentOutside} reads — kept this narrow so the
+ * verdict is testable off-DOM (test/turn-fold-blank-step.test.cjs). */
+export interface ContentNode {
+  readonly nodeType: number
+  readonly textContent: string | null
+  readonly childNodes: ArrayLike<ContentNode>
+  readonly tagName?: string
+  matches?(selector: string): boolean
+}
+
+/**
+ * True when `node` renders anything a reader could see outside the subtrees
+ * that match `skip`: a non-blank text node, or a {@link SELF_VISIBLE} element.
+ * Structural, no class names — same discipline as the rest of this effect.
+ */
+export function hasContentOutside(node: ContentNode, skip: string | null): boolean {
+  if (node.nodeType === 3) return (node.textContent ?? '').trim() !== ''
+  if (node.nodeType !== 1) return false
+  if (skip !== null && node.matches?.(skip) === true) return false
+  if (SELF_VISIBLE.has((node.tagName ?? '').toUpperCase())) return true
+  const children = node.childNodes
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i]
+    if (child !== undefined && hasContentOutside(child, skip)) return true
+  }
+  return false
+}
+
 /**
  * True when the reasoning rows are the ONLY thing this row renders, so the
  * whole flow item has to go: the flow column is `display: flex` with
  * `gap: 16px`, and an emptied-out flex item still claims its gap — the
  * reader would see the folded steps as a column of blank bands.
- * Structural test, no class names: every ancestor from the reasoning rows'
- * shared parent up to the flow item must be an only child.
+ * Structural test, no class names: outside the reasoning rows the row holds
+ * nothing visible — only wrappers. Each reasoning block sits in its own
+ * ProcessReasoning wrapper, and since DSH 0.2.1-rc.5 a block whose display
+ * text is empty once a leading `<signature>…</signature>` is stripped renders
+ * its ReasoningRow as null and leaves that wrapper empty; an empty wrapper
+ * beside a Think must not keep the row unfolded.
  */
-function foldsWholeRow(row: Element, thinks: readonly Element[]): boolean {
-  const first = thinks[0]
-  if (first === undefined) return false
-  const body = first.parentElement
-  if (body === null || body.childElementCount !== thinks.length) return false
-  let node: Element = body
-  while (node !== row) {
-    const parent = node.parentElement
-    if (parent === null) return false
-    if (parent.childElementCount !== 1) return false
-    node = parent
-  }
-  return true
+export function foldsWholeRow(row: ContentNode, thinks: readonly unknown[]): boolean {
+  if (thinks.length === 0) return false
+  return !hasContentOutside(row, THINK)
 }
 
-/** The process items one flow row contributes: the row itself, its reasoning
- * rows, or nothing at all. */
-function processItems(row: Element): readonly Element[] {
+/**
+ * True for an assistant-step row that renders nothing at all — no Think, no
+ * prose, no image, no notice. DSH 0.2.1-rc.5 produces one for a step whose
+ * only reasoning is a `<signature>…</signature>` (ReasoningRow hides itself,
+ * the wrappers stay). It is not process to count in the chip, and it is not
+ * content either: left alone it is a blank band in the flow (the gap again),
+ * so it is hidden on its own marker ({@link BLANK}) that the chip's open
+ * override never releases. On 0.2.1-rc.2, which renders such a block as an
+ * ordinary Think, the row is not blank and folds exactly as before.
+ */
+export function isBlankStep(row: ContentNode): boolean {
+  return !hasContentOutside(row, null)
+}
+
+/** Marker of a {@link isBlankStep} row; the stylesheet hides it while the
+ * fold is live. Never counted, never opened. */
+export const BLANK = 'data-mnav-blank'
+
+/** Hold {@link BLANK} on an assistant-step row exactly while it is
+ * {@link isBlankStep} — set the moment it empties, dropped the moment
+ * anything (a Think, prose, an image) arrives in it. */
+function markBlank(row: Element, thinks: readonly Element[]): void {
+  if (thinks.length === 0 && isBlankStep(row)) row.setAttribute(BLANK, '')
+  else row.removeAttribute(BLANK)
+}
+
+/** The process items one flow row contributes — the row itself, its reasoning
+ * rows, or nothing at all — and how many steps they are on the chip: a row
+ * folded whole still counts each reasoning block it holds, so the count does
+ * not depend on how the row had to be hidden. */
+function processItems(row: Element): { readonly items: readonly Element[], readonly steps: number } {
   const kind = row.getAttribute('data-chat-flow-kind')
-  if (kind === null) return []
-  if (PROCESS_KIND_SET.has(kind)) return [row]
-  if (kind !== 'assistant-step') return []
+  if (kind === null) return { items: [], steps: 0 }
+  if (PROCESS_KIND_SET.has(kind)) return { items: [row], steps: 1 }
+  if (kind !== 'assistant-step') return { items: [], steps: 0 }
   const thinks = [...row.querySelectorAll(THINK)]
-  if (thinks.length === 0) return []
-  return foldsWholeRow(row, thinks) ? [row] : thinks
+  markBlank(row, thinks)
+  if (thinks.length === 0) return { items: [], steps: 0 }
+  return { items: foldsWholeRow(row, thinks) ? [row] : thinks, steps: thinks.length }
 }
 
 /**
@@ -170,6 +228,8 @@ interface Group {
   readonly key: string
   /** Every process element of this turn, in flow order. */
   readonly items: Element[]
+  /** Steps the chip announces (see {@link processItems}). */
+  steps: number
 }
 
 /** Split the flow column into turns: a group runs from one user/steering row
@@ -183,10 +243,12 @@ function groupsOf(flow: Element): readonly Group[] {
     const kind = row.getAttribute('data-chat-flow-kind')
     if (kind === null) continue
     if (current === undefined || TURN_HEAD_KINDS.has(kind)) {
-      current = { key: row.getAttribute('data-chat-flow-key') ?? `pos${groups.length}`, items: [] }
+      current = { key: row.getAttribute('data-chat-flow-key') ?? `pos${groups.length}`, items: [], steps: 0 }
       groups.push(current)
     }
-    current.items.push(...processItems(row))
+    const { items, steps } = processItems(row)
+    current.items.push(...items)
+    current.steps += steps
   }
   return groups
 }
@@ -279,7 +341,7 @@ export function installTurnFold(ctx: ClientContext): void {
         const groupRunning = running && index === groups.length - 1
         if (groupRunning) chip.dataset['running'] = ''
         else delete chip.dataset['running']
-        label(chip, group.items.length, groupRunning)
+        label(chip, group.steps, groupRunning)
         live.add(group.key)
       })
 
@@ -302,6 +364,11 @@ export function installTurnFold(ctx: ClientContext): void {
         stale.removeAttribute(FOLD)
         stale.removeAttribute(OPEN)
       }
+      // {@link BLANK} is held by groupsOf on every assistant-step row of this
+      // column; anything else carrying it left the column (or changed kind).
+      for (const stale of flow.querySelectorAll(`[${BLANK}]`)) {
+        if (stale.parentElement !== flow || !stale.matches(STEP_SELECTOR)) stale.removeAttribute(BLANK)
+      }
     }
 
     /**
@@ -359,6 +426,9 @@ export function installTurnFold(ctx: ClientContext): void {
         const thinks = [...row.querySelectorAll(THINK)]
         if (thinks.length > 0 && foldsWholeRow(row, thinks)) row.setAttribute(FOLD, '')
         else row.removeAttribute(FOLD)
+        // Same frame for the blank row (see {@link isBlankStep}): hidden
+        // before it paints its band, shown before its first content paints.
+        markBlank(row, thinks)
       }
     }
 
@@ -396,6 +466,7 @@ export function installTurnFold(ctx: ClientContext): void {
         item.removeAttribute(FOLD)
         item.removeAttribute(OPEN)
       }
+      for (const item of document.querySelectorAll(`[${BLANK}]`)) item.removeAttribute(BLANK)
     }
 
     const attach = (): void => {

package/src/client/locales.ts

@@ -35,6 +35,8 @@ export const zh = {
   'activityOpen': '查看子代理与后台任务',
   'infoStatTurns': '轮次',
   'infoStatSteps': '步骤',
+  'infoStatTurnsSteps': '轮次 / 步数',
+  'infoStatSpeed': '输出速度',
   'infoStatTtft': '首字延迟',
   'infoStatLlm': '模型耗时',
   'infoStatTool': '工具耗时',
@@ -549,6 +551,8 @@ export const en: Record<MobileNavKey, string> = {
   'activityOpen': 'View subagents and background tasks',
   'infoStatTurns': 'Turns',
   'infoStatSteps': 'Steps',
+  'infoStatTurnsSteps': 'Turns / Steps',
+  'infoStatSpeed': 'Output speed',
   'infoStatTtft': 'TTFT',
   'infoStatLlm': 'LLM time',
   'infoStatTool': 'Tool time',

package/src/client/styles/content.css.ts

@@ -84,15 +84,25 @@ export const CONTENT_CSS = `/* ---------- chat markdown content (< 768px) ------
     max-width: none !important;
   }
 
-  /* Turn-tail metadata (2026-08-18): the timing stats ("18:06 · 用时 29秒 ·
-     首 token 0.9秒 · 163 tok/s") are desktop-hover-revealed (official
-     [data-time-hover-root] gate holds them at opacity 0 until :hover /
-     :focus-within) — a phone never hovers, so they were simply invisible;
-     and even ignoring that, the row is nowrap + overflow:hidden (plus this
-     plugin's own legacy ellipsis clamp in layout.css.ts), which clipped the
-     text. On phones: always visible, own full-width line under the action
-     icons, wrapping freely, one type size down. !important + the extra
-     [class$="_actions"] hop out-specifies both upstream and layout.css.ts. */
+  /* Turn-tail metadata (2026-08-18; reshaped 2026-10-30 for DSH 0.2.x): the
+     tail's 24h clock is desktop-hover-revealed (official
+     [data-time-hover-root] gate holds it at opacity 0 until :hover /
+     :focus-within) — a phone never hovers, so it was simply invisible; and
+     the row is a fixed-height nowrap + overflow:hidden flex line (plus this
+     plugin's own clamp in layout.css.ts), which clipped it.
+
+     DSH 0.2.x (MessageIconActions, dsh-client-ui-chat) groups the usage
+     button (TurnUsagePanel) and the clock (_timeEnd) inside ONE inline-flex
+     _endInfo (min-width: 0; align-items: center; gap: 8px; margin-left: 8px)
+     that never wraps internally. The 0.1.x-era rule here gave _timeEnd
+     flex-basis: 100% + white-space: normal — inside _endInfo that no longer
+     reads as "own full-width line", it reads as "shrink to nothing and
+     break", and with the transcript-wide overflow-wrap: anywhere above,
+     "18:06" rendered as two lines. On phones now: always visible; the row
+     may grow in height and wrap; _endInfo drops to the next line as one
+     unit when icons + usage + clock do not fit; the clock itself never
+     shrinks or breaks. !important + the extra [class$="_actions"] hop
+     out-specifies both upstream and layout.css.ts. */
   /* Pin the tail row's width chain before allowing wrap: with wrap enabled
      the row's intrinsic (shrink-to-fit) width collapses to its widest
      single icon, taking the whole tail down to ~16px. */
@@ -100,9 +110,26 @@ export const CONTENT_CSS = `/* ---------- chat markdown content (< 768px) ------
   [data-chat-flow-kind="turn-tail"] [class$="_actions"] {
     width: 100%;
   }
+  /* height: auto releases the upstream fixed height: calc(28px + …);
+     overflow: visible beats layout.css.ts's overflow: hidden (same
+     specificity — this file is concatenated last, so it wins the tie). A
+     wrapped second line must not be cut off vertically; min-height keeps
+     the one-line case at the upstream height so nothing shifts when it
+     fits. */
   [data-chat-flow-kind="turn-tail"] [class$="_actions"] {
     flex-wrap: wrap;
     row-gap: 2px;
+    height: auto !important;
+    min-height: 28px;
+    overflow: visible !important;
+  }
+  /* _endInfo moves as a whole: flex: none so the usage + clock group is
+     never asked to shrink — when the row is too narrow the entire group
+     wraps to the next line instead of compressing the clock inside it.
+     max-width keeps an unusually long usage label inside the column. */
+  [data-chat-flow-kind="turn-tail"] [class$="_actions"] [class$="_endInfo"] {
+    flex: none;
+    max-width: 100%;
   }
   /* Wide companion to the rule below: mirrors the upstream hover-gate
      selector shape directly, with no assumptions about the tail's DOM
@@ -113,13 +140,16 @@ export const CONTENT_CSS = `/* ---------- chat markdown content (< 768px) ------
     opacity: 1 !important;
     transition: none !important;
   }
+  /* overflow-wrap / word-break: normal undo the [data-chat-flow]
+     overflow-wrap: anywhere inherited from the top of this block — that is
+     the rule that let "18:06" break between digits once its box was
+     squeezed. */
   [data-chat-flow-kind="turn-tail"] [class$="_actions"] [class$="_timeEnd"] {
     opacity: 1 !important;
-    flex-basis: 100% !important;
-    white-space: normal !important;
-    overflow: visible !important;
-    text-overflow: clip !important;
-    padding-left: 0 !important;
+    flex: none !important;
+    white-space: nowrap !important;
+    overflow-wrap: normal !important;
+    word-break: normal !important;
     font-size: 12px;
     line-height: 18px;
   }

package/src/client/styles/layout.css.ts

@@ -139,12 +139,18 @@ export const LAYOUT_CSS = `/* ---------- mobile-only layout ---------- */
   [data-phase] [class$="_actions"] {
     overflow: hidden !important;
   }
+  /* The 24h clock ("18:06" / "MM-DD 18:06") is a fixed-size item: it must
+     never be the thing that shrinks. DSH 0.2.x wraps it with the usage
+     button in an inline-flex _endInfo (min-width: 0), so a shrinkable
+     time (the old flex: 0 1 auto + min-width: 0) got squeezed inside that
+     non-wrapping box and "18:06" broke into two lines. flex: none pins its
+     width; the turn-tail rules in content.css.ts let _endInfo wrap as a
+     whole instead. */
   [data-phase] [class$="_actions"] [class$="_timeEnd"] {
-    flex: 0 1 auto !important;
-    min-width: 0 !important;
+    flex: none !important;
+    white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
-    white-space: nowrap !important;
   }
 
   [data-phase] [class$="_scroll"]:has(p) {

package/src/client/styles/turn-fold.css.ts

@@ -83,6 +83,15 @@ const rules = (scope: string): string => `
     display: none !important;
   }
 
+  /* An assistant-step row that renders nothing at all (effects/turn-fold.ts
+     isBlankStep — DSH 0.2.1-rc.5 leaves one behind for a step whose only
+     reasoning is a <signature>…</signature>). Not a step: never counted on
+     the chip and never released by the open override, it would only ever
+     paint the flow column's 16px gap as a blank band. Literal mirror of BLANK in effects/turn-fold.ts. */
+  ${scope} [data-chat-flow] > [data-mnav-blank] {
+    display: none !important;
+  }
+
   /* Compact chip, sized like the composer's own pills rather than a button:
      it is a reading affordance in the middle of the message flow, so it has
      to stay quieter than the content around it. The flow column is a flex

package/src/index.ts

@@ -743,6 +743,14 @@ export function apply(ctx: Context, config: MobileNavConfig = {}): void {
         // best-effort bookkeeping — it must never be able to fail the
         // creation that triggered it.
         try {
+          // PB-26a: record the subagent→parent link the moment the child
+          // exists — for EVERY source. A sidechat child (better-sidebar's
+          // sidechat.start → agents.create) rides no workspace and writes
+          // no catalog; until its first session/event the index knew
+          // nothing of it, so the relay answered not-shared for a session
+          // whose share it inherits through its parent, and the forwarded
+          // status frames the client needs to announce the row never left.
+          parentIndex.observe(agent.session)
           if (source !== 'startup') return
           onSessionCreated(agent.session.header, {
             store,
@@ -1578,6 +1586,11 @@ export function apply(ctx: Context, config: MobileNavConfig = {}): void {
         // answer — the rewriteIds deep scan rewrites an id that already sits
         // in the browser's view even when this request never carried it.
         getKnownRealIds: () => knownRealIds,
+        // PB-26a: a response rewrite that minted a virtual id (a sidechat
+        // child from `rewriteIds.fields` or an adapter's `virtualize`) is the
+        // client's only early notice of a row that rides no workspace/follow
+        // frame — hand it to the summary sync so the sidebar row appears.
+        onMintedVirtualIds: (ids) => { interceptHandle?.nudgeSummarySync(ids) },
         log: (format, ...args) => { ctx.logger?.info(`dsh-zen-remote ${format}`, ...args) },
       })
       pluginRouteHandle = handle