dsh-ask-from-text 0.1.13 → 0.1.20

package/CHANGELOG.md

@@ -4,12 +4,125 @@ All notable changes to `dsh-ask-from-text` are documented here. The format is
 based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this
 project follows [Semantic Versioning](https://semver.org/).
 
+## [0.1.20] - 2026-11-13
+
+### Added
+
+- Runtime UI localization for Chinese and English. The active DSH language is
+  read through `ctx.locale`; other languages fall back to English. Native
+  conversation and Plugin Manager metadata continue to follow DSH.
+
+## [0.1.19] - 2026-11-13
+
+### Fixed
+
+- Do not pin a selected branch row above the group. Only the root/main Session
+  is allowed above `追问分支`; clicking a branch keeps it in the group.
+
+## [0.1.18] - 2026-11-13
+
+### Fixed
+
+- Put the shared `追问分支` header before the topmost branch row in visual
+  document order, so collapsing/expanding no longer moves it below the group.
+
+## [0.1.17] - 2026-11-13
+
+### Fixed
+
+- Keep the shared branch-group header when the group is collapsed by ignoring
+  rows hidden by the plugin itself, while still ignoring rows hidden inside a
+  folded Workspace or a stale search tree.
+
+## [0.1.16] - 2026-11-13
+
+### Fixed
+
+- Restore the shared `追问分支` header by inserting it inside the first branch
+  row wrapper, where the sidebar animation layer participates in layout, and
+  keep only one header for all branch rows.
+
+## [0.1.15] - 2026-11-13
+
+### Fixed
+
+- Group all branch Session rows under one shared `追问分支` header even when
+  the sidebar gives each row its own animated wrapper, and keep the selected
+  main row above that shared header.
+
+## [0.1.14] - 2026-11-13
+
+### Fixed
+
+- Handle main and branch Sessions that the sidebar places in different
+  Workspace sections by moving the main section above the first branch section.
+
 ## [0.1.13] - 2026-11-13
 
 ### Fixed
 
 - README screenshots now use absolute CDN URLs so they render on the npm package page.
 
+## [0.1.20] - 2026-11-13
+
+### Added
+
+- Runtime UI localization for Chinese and English. The active DSH language is
+  read through `ctx.locale`; other languages fall back to English. Native
+  conversation and Plugin Manager metadata continue to follow DSH.
+
+## [0.1.19] - 2026-11-13
+
+### Fixed
+
+- Do not pin a selected branch row above the group. Only the root/main Session
+  is allowed above `追问分支`; clicking a branch keeps it in the group.
+
+## [0.1.18] - 2026-11-13
+
+### Fixed
+
+- Put the shared `追问分支` header before the topmost branch row in visual
+  document order, so collapsing/expanding no longer moves it below the group.
+
+## [0.1.17] - 2026-11-13
+
+### Fixed
+
+- Keep the shared branch-group header when the group is collapsed by ignoring
+  rows hidden by the plugin itself, while still ignoring rows hidden inside a
+  folded Workspace or a stale search tree.
+
+## [0.1.16] - 2026-11-13
+
+### Fixed
+
+- Restore the shared `追问分支` header by inserting it inside the first branch
+  row wrapper, where the sidebar animation layer participates in layout, and
+  keep only one header for all branch rows.
+
+## [0.1.15] - 2026-11-13
+
+### Fixed
+
+- Group all branch Session rows under one shared `追问分支` header even when
+  the sidebar gives each row its own animated wrapper, and keep the selected
+  main row above that shared header.
+
+## [0.1.14] - 2026-11-13
+
+### Fixed
+
+- Handle main and branch Sessions that the sidebar places in different
+  Workspace sections by moving the main section above the first branch section.
+
+## [0.1.13] - 2026-11-13
+
+### Fixed
+
+- Prefer the selected sidebar row when pinning the main conversation above its
+  branch group, and re-evaluate when the selected Session changes.
+
 ## [0.1.12] - 2026-11-13
 
 ### Changed
@@ -91,3 +204,18 @@ project follows [Semantic Versioning](https://semver.org/).
 [0.1.11]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.11
 [0.1.12]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.12
 [0.1.13]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.13
+[0.1.14]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.14
+[0.1.15]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.15
+[0.1.16]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.16
+[0.1.17]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.17
+[0.1.18]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.18
+[0.1.19]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.19
+[0.1.20]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.20
+[0.1.13]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.13
+[0.1.14]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.14
+[0.1.15]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.15
+[0.1.16]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.16
+[0.1.17]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.17
+[0.1.18]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.18
+[0.1.19]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.19
+[0.1.20]: https://github.com/gbn0219/dsh-ask-from-text/releases/tag/v0.1.20

package/README.md

@@ -10,13 +10,13 @@
 
 需要 DeepSeek Harness 0.2.2-rc.x。
 
-### 从 GitHub 安装（当前可用）
+### 从 GitHub 安装
 
 ```sh
 dsh plugin --profile web add github:gbn0219/dsh-ask-from-text
 ```
 
-### 从 npm 安装（发布后可用）
+### 从 npm 安装
 
 ```sh
 dsh plugin --profile web add dsh-ask-from-text
@@ -103,7 +103,7 @@ dsh plugin --profile web add /absolute/path/to/dsh-ask-from-text
 - 追问回答是真实的 DSH Session，可以使用思考、工具调用、Stop 和原生输入框。
 - 分支只看到父级和祖先内容，不看到兄弟分支，也不会自动获得父级后来新增的内容。
 - 分支对话会出现在普通 Session 列表中，这是正常现象。
-- 当前浮窗和舞台的运行时按钮文案为中文；插件管理器的标题/描述提供中英文。
+- 界面文案跟随 DSH 语言：中文/英文；其他语言自动回退英文。原生对话区域继续跟随 DSH 自身的语言。
 - 目前主要面向 DSH Desktop；Web 共用同一套 UI，窄屏体验尚未专门优化。
 
 ## 常见问题
@@ -132,13 +132,13 @@ dsh plugin --profile web add /absolute/path/to/dsh-ask-from-text
 
 Requires DeepSeek Harness 0.2.2-rc.x.
 
-#### From GitHub (available now)
+#### From GitHub
 
 ```sh
 dsh plugin --profile web add github:gbn0219/dsh-ask-from-text
 ```
 
-#### From npm (after the npm release)
+#### From npm
 
 ```sh
 dsh plugin --profile web add dsh-ask-from-text
@@ -225,7 +225,7 @@ These sessions are grouped under a `追问分支` header. Click the header to co
 - A follow-up is a real DSH Session. It can use reasoning, tool calls, Stop, and the native composer.
 - A branch sees its parent and ancestors, not siblings, and does not automatically receive later turns added to its parent.
 - Branch conversations also appear in the normal Session list. This is expected.
-- Runtime UI labels are currently Chinese; Plugin Manager metadata is available in Chinese and English.
+- Runtime UI follows the DSH language: Chinese and English are bundled; other languages fall back to English. The native conversation follows DSH.
 - DSH Desktop is the primary target. The Web client shares the same UI, but narrow-screen behavior has not been specifically polished.
 
 ### FAQ

package/client.js

@@ -78,6 +78,13 @@ window.__ModuleLoader__.load({
         stages: '个节点',
         collapseDock: '收起列表',
         expandDock: '展开列表',
+        sidebarGroup: '追问分支',
+        context: '上下文',
+        contextStart: '上下文起点',
+        waiting: '待提问',
+        treeNote: '当前模型上下文：{context}。兄弟分支不在其中。',
+        anchorMissing: '的原文当前不可见，可能已被折叠或尚未加载',
+        draftWait: '在下方输入浮窗中提问',
       },
       en: {
         chip: 'Ask',
@@ -126,6 +133,13 @@ window.__ModuleLoader__.load({
         stages: 'nodes',
         collapseDock: 'Collapse list',
         expandDock: 'Expand list',
+        sidebarGroup: 'Branches',
+        context: 'Context',
+        contextStart: 'Context root',
+        waiting: 'Waiting for question',
+        treeNote: 'Current model context: {context}. Sibling branches are not included.',
+        anchorMissing: 'source text is not visible; it may be folded or not loaded yet',
+        draftWait: 'Ask in the input window below',
       },
     }
 
@@ -342,21 +356,21 @@ window.__ModuleLoader__.load({
     }
 
     function pathLabel(state, branch) {
-      return `${DICT.zh.main}${pathOf(state, branch).map(item => ` › #${item.number}`).join('')}`
+      return `${app.t('main')}${pathOf(state, branch).map(item => ` › #${item.number}`).join('')}`
     }
 
     function branchBasis(state, branch) {
-      if (!branch.parentBranchId) return `${DICT.zh.basedOn} ${DICT.zh.main}`
+      if (!branch.parentBranchId) return `${app.t('basedOn')} ${app.t('main')}`
       const parent = state.branches[branch.parentBranchId]
-      return parent ? `${DICT.zh.basedOn} #${parent.number}` : `${DICT.zh.basedOn} ${DICT.zh.main}`
+      return parent ? `${app.t('basedOn')} #${parent.number}` : `${app.t('basedOn')} ${app.t('main')}`
     }
 
     function statusLabel(branch) {
-      if (branch.status === 'sending') return DICT.zh.sending
-      if (branch.status === 'running') return DICT.zh.running
-      if (branch.status === 'error') return DICT.zh.failed
-      if (branch.prompted) return DICT.zh.ready
-      return DICT.zh.draft
+      if (branch.status === 'sending') return app.t('sending')
+      if (branch.status === 'running') return app.t('running')
+      if (branch.status === 'error') return app.t('failed')
+      if (branch.prompted) return app.t('ready')
+      return app.t('draft')
     }
 
     function colorVars(color) {
@@ -422,7 +436,15 @@ window.__ModuleLoader__.load({
         refs,
         chats,
         get main() { return main },
-        t(key) { return (ctx.locale && ctx.locale.bind(NS)(key)) || DICT.zh[key] || key },
+        t(key, params) {
+          if (ctx.locale) {
+            const value = ctx.locale.bind(NS)(key, params)
+            if (value && value !== key) return value
+          }
+          const template = DICT.en[key] ?? key
+          if (!params) return template
+          return template.replace(/\{(\w+)\}/g, (match, name) => name in params ? String(params[name]) : match)
+        },
         subscribe(listener) {
           listeners.add(listener)
           return () => { listeners.delete(listener) }
@@ -902,7 +924,7 @@ window.__ModuleLoader__.load({
         const quote = ranges.map(part => part.quote).join('\n').trim()
         if (!quote) { clearChip(); return }
         if (quote.length > MAX_QUOTE) {
-          notify(DICT.zh.tooLong)
+          notify(app.t('tooLong'))
           clearChip()
           return
         }
@@ -1013,7 +1035,13 @@ window.__ModuleLoader__.load({
             })
             if (!own) scheduleProject()
           })
-          mutationObserver.observe(document.body, { childList: true, subtree: true, characterData: true })
+          mutationObserver.observe(document.body, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+            attributes: true,
+            attributeFilter: ['aria-selected'],
+          })
         }
         scheduleProject()
         return () => {
@@ -1096,7 +1124,7 @@ window.__ModuleLoader__.load({
 
       function serialize(quote, question) {
         const body = String(quote || '').trim().split(/\r?\n/).map(line => `> ${line}`).join('\n')
-        const text = String(question || '').trim() || DICT.zh.defaultQuestion
+        const text = String(question || '').trim() || app.t('defaultQuestion')
         return `${body}\n\n${text}`
       }
 
@@ -1154,7 +1182,7 @@ window.__ModuleLoader__.load({
             await ensureReference(branch)
           }
           const reference = refs.get(branch.id)
-          if (!reference) throw new Error(DICT.zh.noSession)
+          if (!reference) throw new Error(app.t('noSession'))
           const text = serialize(branch.anchor.quote, branch.question)
           const echo = reference.binding.session.beginSubmission({
             mode: 'queue',
@@ -1169,7 +1197,7 @@ window.__ModuleLoader__.load({
           )
           if (!result.ok) {
             branch.status = 'error'
-            branch.error = result.error?.message || DICT.zh.error
+            branch.error = result.error?.message || app.t('error')
             emit()
             return false
           }
@@ -1198,7 +1226,7 @@ window.__ModuleLoader__.load({
         try {
           await ensureReference(branch)
           const reference = refs.get(branch.id)
-          if (!reference) throw new Error(DICT.zh.noSession)
+          if (!reference) throw new Error(app.t('noSession'))
           const echo = reference.binding.session.beginSubmission({
             mode: 'queue',
             text,
@@ -1212,7 +1240,7 @@ window.__ModuleLoader__.load({
           )
           if (!result.ok) {
             branch.status = 'error'
-            branch.error = result.error?.message || DICT.zh.error
+            branch.error = result.error?.message || app.t('error')
             emit()
             return false
           }
@@ -1263,57 +1291,96 @@ window.__ModuleLoader__.load({
         const ids = new Set(state.order
           .map(id => state.branches[id]?.sessionId)
           .filter(Boolean))
-        const parents = new Map()
+        const rows = []
         for (const id of ids) {
           for (const row of document.querySelectorAll(`[data-row-key="session:${cssEscape(id)}"]`)) {
             if (row.closest('[data-ifu-root]')) continue
-            const parent = row.parentElement
-            if (!parent) continue
-            const list = parents.get(parent) || []
-            list.push(row)
-            parents.set(parent, list)
+            // Keep rows hidden by our own collapsed state in the group so the
+            // header stays clickable; skip rows hidden inside a folded
+            // Workspace or a stale search tree.
+            if (row.getClientRects().length === 0 && !row.classList.contains('ifu-sidebar-hidden')) continue
+            rows.push(row)
           }
         }
-        const activeParents = new Set(parents.keys())
-        for (const header of document.querySelectorAll('[data-ifu-sidebar-group]')) {
-          if (!activeParents.has(header.parentElement)) header.remove()
-        }
-        for (const [parent, rows] of parents) {
-          let header = parent.querySelector(':scope > [data-ifu-sidebar-group]')
-          if (!header) {
-            header = document.createElement('button')
-            header.type = 'button'
-            header.className = 'ifu-sidebar-group'
-            header.setAttribute('data-ifu-sidebar-group', '')
-            header.addEventListener('click', (event) => {
-              event.preventDefault()
-              event.stopPropagation()
-              toggleSidebarBranches()
-            })
-          }
-          const first = rows[0]
-          if (header.nextSibling !== first) parent.insertBefore(header, first)
-          const label = `${state.sidebarCollapsed ? '▸' : '▾'} 追问分支 · ${rows.length}`
-          if (header.textContent !== label) header.textContent = label
-          for (const row of rows) row.classList.toggle('ifu-sidebar-hidden', state.sidebarCollapsed)
-          // Keep the main conversation row above its branch rows even when the
-          // host sort places a recently used branch first. Moving the row at
-          // the React-owned DOM level is deliberate: the Session list is not a
-          // flex/order container, and the collapsible group header sits here.
-          const mainId = state.mainSessionId
-          const mainRow = mainId
-            ? parent.querySelector(`:scope > [data-row-key="session:${cssEscape(mainId)}"]`)
-            : null
-          if (mainRow && mainRow !== header
+        rows.sort((a, b) => a === b ? 0
+          : (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) ? -1 : 1)
+        if (rows.length === 0) {
+          for (const header of document.querySelectorAll('[data-ifu-sidebar-group]')) header.remove()
+          for (const row of document.querySelectorAll('.ifu-sidebar-hidden')) row.classList.remove('ifu-sidebar-hidden')
+          return
+        }
+        const first = rows[0]
+        const firstParent = first.parentElement
+        if (!firstParent) return
+        let header = firstParent.querySelector(':scope > [data-ifu-sidebar-group]')
+        if (!header) {
+          header = document.createElement('button')
+          header.type = 'button'
+          header.className = 'ifu-sidebar-group'
+          header.setAttribute('data-ifu-sidebar-group', '')
+          header.addEventListener('click', (event) => {
+            event.preventDefault()
+            event.stopPropagation()
+            toggleSidebarBranches()
+          })
+        }
+        // Keep one shared header, inside the first branch wrapper. Putting it
+        // at the animated tree root would be clipped or ignored by the row
+        // animation layer; a wrapper child participates in the same layout as
+        // the original per-row header did.
+        for (const other of document.querySelectorAll('[data-ifu-sidebar-group]')) {
+          if (other !== header) other.remove()
+        }
+        if (header.nextSibling !== first) firstParent.insertBefore(header, first)
+        const label = `${state.sidebarCollapsed ? '▸' : '▾'} ${app.t('sidebarGroup')} · ${rows.length}`
+        if (header.textContent !== label) header.textContent = label
+        for (const row of rows) row.classList.toggle('ifu-sidebar-hidden', state.sidebarCollapsed)
+
+        const branchSessionIds = ids
+        const rootSessionIds = new Set(state.order
+          .map(id => state.branches[id]?.rootSessionId)
+          .filter(Boolean))
+        const sessionIdOf = (row) => {
+          const key = row.getAttribute('data-row-key') || ''
+          return key.startsWith('session:') ? key.slice('session:'.length) : null
+        }
+        const selectedRow = Array.from(document.querySelectorAll('[data-row-key^="session:"][aria-selected="true"]'))
+          .find(row => row.getClientRects().length > 0) || null
+        // A branch row can be selected too (opening it as the main view). Only a
+        // root/main Session may be pinned above the branch group; otherwise
+        // clicking a branch would make that branch jump above its siblings.
+        const selectedMain = selectedRow && rootSessionIds.has(sessionIdOf(selectedRow))
+          ? selectedRow
+          : null
+        let mainId = state.mainSessionId
+        if (mainId && branchSessionIds.has(mainId)) {
+          mainId = branchBySession(mainId)?.rootSessionId || null
+        }
+        const mainRow = selectedMain || (mainId
+          ? Array.from(document.querySelectorAll(`[data-row-key="session:${cssEscape(mainId)}"]`))
+            .find(row => row.getClientRects().length > 0) || null
+          : null)
+        if (!mainRow) return
+        if (mainRow.parentElement === firstParent) {
+          if (mainRow !== header
             && (mainRow.compareDocumentPosition(header) & Node.DOCUMENT_POSITION_FOLLOWING) === 0) {
-            parent.insertBefore(mainRow, header)
+            firstParent.insertBefore(mainRow, header)
           }
+          return
         }
-        // Keep row classes correct even when no parent could be found this pass.
-        for (const id of ids) {
-          for (const row of document.querySelectorAll(`[data-row-key="session:${cssEscape(id)}"]`)) {
-            if (!row.closest('[data-ifu-root]')) row.classList.toggle('ifu-sidebar-hidden', state.sidebarCollapsed)
-          }
+        let common = mainRow.parentElement
+        while (common && !common.contains(firstParent)) common = common.parentElement
+        if (!common || common === document.body || common === document.documentElement) return
+        const directChild = (node) => {
+          let element = node
+          while (element && element.parentElement !== common) element = element.parentElement
+          return element && element.parentElement === common ? element : null
+        }
+        const mainChild = directChild(mainRow)
+        const branchChild = directChild(firstParent)
+        if (mainChild && branchChild && mainChild !== branchChild
+          && (mainChild.compareDocumentPosition(branchChild) & Node.DOCUMENT_POSITION_FOLLOWING) === 0) {
+          common.insertBefore(mainChild, branchChild)
         }
       }
 
@@ -1379,7 +1446,7 @@ window.__ModuleLoader__.load({
           // giving up on this attempt.
           if (navigator && attempt === 0) navigator.click()
           if (attempt < 14) setTimeout(() => scrollBranchIntoView(branch, attempt + 1), 100)
-          else notify(`#${branch.number} 的原文当前不可见，可能已被折叠或尚未加载`)
+          else notify(`#${branch.number} ${app.t('anchorMissing')}`)
           return
         }
         if (navigator && attempt === 0) navigator.click()
@@ -1807,14 +1874,14 @@ window.__ModuleLoader__.load({
       }
       return h('div', { className: 'ifu-compose' },
         h('div', { className: 'ifu-quote', title: branch.anchor.quote },
-          h('div', { className: 'ifu-quote-label' }, `${DICT.zh.quote} · ${DICT.zh.basedOn} ${branch.parentBranchId ? `#${app.state.branches[branch.parentBranchId]?.number ?? ''}` : DICT.zh.main}`),
+          h('div', { className: 'ifu-quote-label' }, `${app.t('quote')} · ${app.t('basedOn')} ${branch.parentBranchId ? `#${app.state.branches[branch.parentBranchId]?.number ?? ''}` : app.t('main')}`),
           h('div', { className: 'ifu-quote-text' }, branch.anchor.quote.length > 220 ? `${branch.anchor.quote.slice(0, 219)}…` : branch.anchor.quote),
         ),
         h('textarea', {
           ref: areaRef,
           className: 'ifu-textarea',
           value: text,
-          placeholder: DICT.zh.empty,
+          placeholder: app.t('empty'),
           rows: 3,
           onChange: event => { setText(event.target.value); app.setDraftText(branch.id, event.target.value) },
           onKeyDown: event => {
@@ -1826,14 +1893,14 @@ window.__ModuleLoader__.load({
         }),
         branch.error ? h('div', { className: 'ifu-error', role: 'alert' }, branch.error) : null,
         h('div', { className: 'ifu-compose-foot' },
-          h('span', { className: 'ifu-hint' }, DICT.zh.sendHint),
+          h('span', { className: 'ifu-hint' }, app.t('sendHint')),
           h('div', { className: 'ifu-grow' }),
           h('button', {
             type: 'button',
             className: 'ifu-send',
             disabled: sending,
             onClick: submit,
-          }, sending ? DICT.zh.sendingAction : (branch.error ? DICT.zh.retry : DICT.zh.send)),
+          }, sending ? app.t('sendingAction') : (branch.error ? app.t('retry') : app.t('send'))),
         ),
       )
     }
@@ -1842,7 +1909,7 @@ window.__ModuleLoader__.load({
       const { branch, SessionProvider, renderSlot } = props
       const reference = app.refs.get(branch.id)
       if (!reference) {
-        return h('div', { className: 'ifu-loading' }, branch.error || DICT.zh.sending)
+        return h('div', { className: 'ifu-loading' }, branch.error || app.t('sending'))
       }
       return h(SessionProvider, { session: reference },
         h('div', {
@@ -1890,18 +1957,18 @@ window.__ModuleLoader__.load({
           ...colorVars(branch.color),
         },
         role: 'dialog',
-        'aria-label': `${DICT.zh.branchN} #${branch.number} ${DICT.zh.input}`,
+        'aria-label': `${app.t('branchN')} #${branch.number} ${app.t('input')}`,
       },
         h('header', { className: 'ifu-head', onPointerDown: event => app.startPanelDrag(branch.id, event, 'input') },
           h('span', { className: 'ifu-dot' }),
           h('div', { className: 'ifu-title-wrap' },
-            h('div', { className: 'ifu-title' }, `${DICT.zh.input} · #${branch.number}`),
+            h('div', { className: 'ifu-title' }, `${app.t('input')} · #${branch.number}`),
             h('div', { className: 'ifu-sub' }, statusLabel(branch)),
           ),
           h('div', { className: 'ifu-grow' }),
-          h(IconButton, { title: DICT.zh.collapse, onClick: () => app.collapse(branch.id) }, '—'),
+          h(IconButton, { title: app.t('collapse'), onClick: () => app.collapse(branch.id) }, '—'),
           branch.sessionId ? null : h(IconButton, {
-            title: DICT.zh.deleteDraft,
+            title: app.t('deleteDraft'),
             className: 'ifu-danger',
             onClick: () => app.deleteDraft(branch.id),
           }, '⌫'),
@@ -1911,7 +1978,7 @@ window.__ModuleLoader__.load({
             ref: areaRef,
             className: 'ifu-textarea',
             value: text,
-            placeholder: DICT.zh.empty,
+            placeholder: app.t('empty'),
             rows: 3,
             onChange: event => { setText(event.target.value); app.setInputText(branch.id, event.target.value) },
             onKeyDown: event => {
@@ -1923,14 +1990,14 @@ window.__ModuleLoader__.load({
           }),
           branch.error ? h('div', { className: 'ifu-error', role: 'alert' }, branch.error) : null,
           h('div', { className: 'ifu-compose-foot' },
-            h('span', { className: 'ifu-hint' }, DICT.zh.sendHint),
+            h('span', { className: 'ifu-hint' }, app.t('sendHint')),
             h('div', { className: 'ifu-grow' }),
             h('button', {
               type: 'button',
               className: 'ifu-send',
               disabled: sending,
               onClick: submit,
-            }, sending ? DICT.zh.sendingAction : DICT.zh.send),
+            }, sending ? app.t('sendingAction') : app.t('send')),
           ),
         ),
         ...['n', 's', 'e', 'w', 'ne', 'nw', 'se', 'sw'].map(direction => h('div', {
@@ -1946,7 +2013,7 @@ window.__ModuleLoader__.load({
       useVersion()
       if (!branch.prompted) return h(InputWindow, { key: `${branch.id}-input`, branch })
       const parent = branch.parentBranchId ? app.state.branches[branch.parentBranchId] : null
-      const basis = parent ? `${DICT.zh.basedOn} #${parent.number}` : `${DICT.zh.basedOn} ${DICT.zh.main}`
+      const basis = parent ? `${app.t('basedOn')} #${parent.number}` : `${app.t('basedOn')} ${app.t('main')}`
       const reference = app.refs.get(branch.id)
       const showThread = branch.prompted && reference && !branch.loading
       const showDraft = !branch.prompted
@@ -1967,20 +2034,20 @@ window.__ModuleLoader__.load({
             ...colorVars(branch.color),
           },
           role: 'dialog',
-          'aria-label': `${DICT.zh.branchN} #${branch.number}`,
+          'aria-label': `${app.t('branchN')} #${branch.number}`,
         },
           h('header', { className: 'ifu-head', onPointerDown: event => app.startPanelDrag(branch.id, event) },
             h('span', { className: 'ifu-dot' }),
             h('div', { className: 'ifu-title-wrap' },
-              h('div', { className: 'ifu-title' }, `${DICT.zh.branchN} #${branch.number}`),
+              h('div', { className: 'ifu-title' }, `${app.t('branchN')} #${branch.number}`),
               h('div', { className: 'ifu-sub' }, `${basis} · ${statusLabel(branch)}`),
             ),
             h('div', { className: 'ifu-grow' }),
-            h(IconButton, { title: DICT.zh.expand, onClick: () => app.promote(branch.id), disabled: !branch.prompted || !branch.sessionId }, '↗'),
-            h(IconButton, { title: DICT.zh.collapse, onClick: () => app.collapse(branch.id) }, '—'),
+            h(IconButton, { title: app.t('expand'), onClick: () => app.promote(branch.id), disabled: !branch.prompted || !branch.sessionId }, '↗'),
+            h(IconButton, { title: app.t('collapse'), onClick: () => app.collapse(branch.id) }, '—'),
             branch.sessionId || branch.prompted
-              ? h(IconButton, { title: DICT.zh.close, onClick: () => app.collapse(branch.id) }, '✕')
-              : h(IconButton, { title: DICT.zh.deleteDraft, className: 'ifu-danger', onClick: () => app.deleteDraft(branch.id) }, '⌫'),
+              ? h(IconButton, { title: app.t('close'), onClick: () => app.collapse(branch.id) }, '✕')
+              : h(IconButton, { title: app.t('deleteDraft'), className: 'ifu-danger', onClick: () => app.deleteDraft(branch.id) }, '⌫'),
           ),
           h('div', { className: 'ifu-panel-body' },
             showThread
@@ -1988,12 +2055,12 @@ window.__ModuleLoader__.load({
               : showDraft
                 ? h('div', { className: 'ifu-compose-center' },
                     h('div', { className: 'ifu-draft-quote' },
-                      h('div', { className: 'ifu-quote-label' }, `${DICT.zh.quote} · ${basis}`),
+                      h('div', { className: 'ifu-quote-label' }, `${app.t('quote')} · ${basis}`),
                       h('div', { className: 'ifu-quote-text' }, branch.anchor.quote),
-                      h('div', { className: 'ifu-draft-wait' }, '在下方输入浮窗中提问'),
+                      h('div', { className: 'ifu-draft-wait' }, app.t('draftWait')),
                     ),
                   )
-                : h('div', { className: 'ifu-loading' }, branch.error || DICT.zh.sending),
+                : h('div', { className: 'ifu-loading' }, branch.error || app.t('sending')),
           ),
           ...['n', 's', 'e', 'w', 'ne', 'nw', 'se', 'sw'].map(direction => h('div', {
             key: direction,
@@ -2008,11 +2075,11 @@ window.__ModuleLoader__.load({
     function StageQuote(props) {
       const { branch } = props
       const parent = branch.parentBranchId ? app.state.branches[branch.parentBranchId] : null
-      const basis = parent ? `#${parent.number}` : DICT.zh.main
+      const basis = parent ? `#${parent.number}` : app.t('main')
       return h('div', { className: 'ifu-stage-quote', title: branch.anchor.quote },
         h('div', { className: 'ifu-stage-quote-label' },
           h('span', { className: 'ifu-dot' }),
-          `${DICT.zh.quote} · ${DICT.zh.basedOn} ${basis}`,
+          `${app.t('quote')} · ${app.t('basedOn')} ${basis}`,
         ),
         h('div', { className: 'ifu-stage-quote-text' }, branch.anchor.quote),
       )
@@ -2034,7 +2101,7 @@ window.__ModuleLoader__.load({
         observer.observe(host, { childList: true, subtree: true, characterData: true })
         return () => observer.disconnect()
       }, [branch.id])
-      if (!reference) return h('div', { className: 'ifu-loading' }, branch.error || DICT.zh.sending)
+      if (!reference) return h('div', { className: 'ifu-loading' }, branch.error || app.t('sending'))
       return h(SessionProvider, { session: reference },
         h('div', {
           ref: hostRef,
@@ -2061,24 +2128,24 @@ window.__ModuleLoader__.load({
         ? rows.filter(row => pathIds.has(row.branch.id))
         : rows
       const contextText = path.length > 0
-        ? `${DICT.zh.main}${path.map(branch => ` → #${branch.number}`).join('')}`
-        : DICT.zh.main
+        ? `${app.t('main')}${path.map(branch => ` → #${branch.number}`).join('')}`
+        : app.t('main')
       return h('aside', { className: 'ifu-tree', 'data-ifu-no-select': '' },
         h('div', { className: 'ifu-tree-head' },
-          h('span', null, DICT.zh.tree),
+          h('span', null, app.t('tree')),
           h('div', { className: 'ifu-tree-tabs' },
             h('button', {
               type: 'button',
               className: `ifu-tree-tab ${scope === 'path' ? 'is-active' : ''}`,
               onClick: () => setScope('path'),
-            }, '路径'),
+            }, app.t('path')),
             h('button', {
               type: 'button',
               className: `ifu-tree-tab ${scope === 'all' ? 'is-active' : ''}`,
               onClick: () => setScope('all'),
-            }, '全部'),
+            }, app.t('all')),
           ),
-          h('button', { type: 'button', className: 'ifu-icon', title: DICT.zh.close, onClick: () => app.toggleTree() }, '✕'),
+          h('button', { type: 'button', className: 'ifu-icon', title: app.t('close'), onClick: () => app.toggleTree() }, '✕'),
         ),
         h('div', { className: 'ifu-tree-list' },
           h('div', {
@@ -2093,15 +2160,15 @@ window.__ModuleLoader__.load({
             },
           },
             h('span', { className: 'ifu-dot' }),
-            h('span', { className: 'ifu-tree-root-name' }, DICT.zh.main),
+            h('span', { className: 'ifu-tree-root-name' }, app.t('main')),
             h('span', { className: 'ifu-tree-root-tag' }, 'ROOT'),
-            h('span', { className: 'ifu-tree-root-meta' }, '上下文起点'),
+            h('span', { className: 'ifu-tree-root-meta' }, app.t('contextStart')),
           ),
           visibleRows.map(({ branch, depth }) => {
             const isDraft = !branch.sessionId && !branch.prompted
             const parent = branch.parentBranchId ? state.branches[branch.parentBranchId] : null
-            const parentLabel = parent ? `${DICT.zh.main} · #${parent.number}` : DICT.zh.main
-            const title = branch.question || branch.anchor.quote || '待提问'
+            const parentLabel = parent ? `${app.t('main')} · #${parent.number}` : app.t('main')
+            const title = branch.question || branch.anchor.quote || app.t('waiting')
             const inPath = pathIds.has(branch.id)
             return h('div', {
               key: branch.id,
@@ -2127,34 +2194,34 @@ window.__ModuleLoader__.load({
                 } else if (branch.prompted && branch.sessionId) app.promote(branch.id)
                 else app.openPanel(branch.id)
               },
-              title: `${DICT.zh.switchBranch} #${branch.number}`,
+              title: `${app.t('switchBranch')} #${branch.number}`,
             },
               h('div', { className: 'ifu-tree-top' },
                 h('span', { className: 'ifu-dot' }),
                 h('span', { className: 'ifu-tree-num' }, `#${branch.number}`),
                 h('span', { className: 'ifu-tree-title' }, snippet(title, 36)),
                 branch.id === activeId
-                  ? h('span', { className: 'ifu-tree-tag' }, DICT.zh.current)
+                  ? h('span', { className: 'ifu-tree-tag' }, app.t('current'))
                   : inPath
-                    ? h('span', { className: 'ifu-tree-tag is-context' }, '上下文')
+                    ? h('span', { className: 'ifu-tree-tag is-context' }, app.t('context'))
                     : null,
                 isDraft ? h('button', {
                   type: 'button',
                   className: 'ifu-tree-delete',
-                  title: DICT.zh.deleteDraft,
+                  title: app.t('deleteDraft'),
                   onClick: (event) => { event.stopPropagation(); app.deleteDraft(branch.id) },
                 }, '⌫') : null,
               ),
               h('div', { className: 'ifu-tree-quote' }, snippet(branch.anchor.quote, 72)),
               h('div', { className: 'ifu-tree-meta' },
-                h('span', null, `${DICT.zh.basedOn} ${parentLabel}`),
+                h('span', null, `${app.t('basedOn')} ${parentLabel}`),
                 h('span', null, statusLabel(branch)),
               ),
             )
           }),
         ),
         h('div', { className: 'ifu-tree-note' },
-          `当前模型上下文：${contextText}。兄弟分支不在其中。`,
+          app.t('treeNote', { context: contextText }),
         ),
       )
     }
@@ -2178,23 +2245,23 @@ window.__ModuleLoader__.load({
             type: 'button',
             className: 'ifu-stage-back',
             onClick: () => index <= 0 ? app.stageClose() : app.stageGo(-1),
-            title: index <= 0 ? DICT.zh.main : DICT.zh.back,
-          }, `← ${DICT.zh.back}`),
+            title: index <= 0 ? app.t('main') : app.t('back'),
+          }, `← ${app.t('back')}`),
           h('span', { className: 'ifu-stage-count' }, `${index + 1}/${total}`),
           h('button', {
             type: 'button',
             className: 'ifu-stage-back',
             disabled: index >= total - 1,
             onClick: () => app.stageGo(1),
-          }, DICT.zh.forward, ' →'),
+          }, app.t('forward'), ' →'),
           h('span', { className: 'ifu-stage-divider' }),
           h('div', { className: 'ifu-crumbs' },
             h('button', {
               type: 'button',
               className: 'ifu-crumb-btn',
               onClick: () => app.stageClose(),
-              title: DICT.zh.main,
-            }, DICT.zh.main),
+              title: app.t('main'),
+            }, app.t('main')),
             ...path.flatMap(item => [
               h('span', { key: `sep-${item.id}`, className: 'ifu-crumb-sep' }, '›'),
               h('button', {
@@ -2205,23 +2272,23 @@ window.__ModuleLoader__.load({
                   if (item.id === branch.id) return
                   app.promote(item.id)
                 },
-                title: `${DICT.zh.switchBranch} #${item.number}`,
+                title: `${app.t('switchBranch')} #${item.number}`,
               }, `#${item.number}`),
             ]),
           ),
-          h('span', { className: 'ifu-context-chip' }, `上下文 · ${path.length} ${DICT.zh.stages}`),
+          h('span', { className: 'ifu-context-chip' }, `${app.t('context')} · ${path.length} ${app.t('stages')}`),
           h('div', { className: 'ifu-grow' }),
           h('span', { className: 'ifu-stage-status' }, statusLabel(branch)),
-          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.toggleTree() }, '▤ ', DICT.zh.tree),
-          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.stageRestore() }, '↘ ', DICT.zh.restore),
-          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.stageClose() }, '✕ ', DICT.zh.close),
+          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.toggleTree() }, '▤ ', app.t('tree')),
+          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.stageRestore() }, '↘ ', app.t('restore')),
+          h('button', { type: 'button', className: 'ifu-stage-action', onClick: () => app.stageClose() }, '✕ ', app.t('close')),
         ),
-        h('div', { className: 'ifu-stage-tip' }, DICT.zh.stageHint),
+        h('div', { className: 'ifu-stage-tip' }, app.t('stageHint')),
         h('div', { className: 'ifu-stage-body' },
           h(StageQuote, { branch }),
           reference && !branch.loading
             ? h(StageThread, { key: branch.id, branch, SessionProvider, renderSlot })
-            : h('div', { className: 'ifu-loading' }, branch.error || DICT.zh.sending),
+            : h('div', { className: 'ifu-loading' }, branch.error || app.t('sending')),
         ),
         h(BranchTree),
       )
@@ -2358,7 +2425,7 @@ window.__ModuleLoader__.load({
           className: 'ifu-dock-collapsed',
           'data-ifu-dock': '',
           onClick: () => app.toggleDock(),
-        }, `◉ ${DICT.zh.dock} · ${branches.length}`)
+        }, `◉ ${app.t('dock')} · ${branches.length}`)
       }
       const dockStyle = state.dock
         ? {
@@ -2372,11 +2439,11 @@ window.__ModuleLoader__.load({
         : {}
       return h('aside', { className: 'ifu-dock', 'data-ifu-dock': '', style: dockStyle },
         h('div', { className: 'ifu-dock-head', onPointerDown: event => app.startDockDrag(event) },
-          h('span', null, `${DICT.zh.dock} · ${branches.length}`),
+          h('span', null, `${app.t('dock')} · ${branches.length}`),
           h('button', {
             type: 'button',
             className: 'ifu-dock-toggle',
-            title: DICT.zh.collapseDock,
+            title: app.t('collapseDock'),
             onClick: () => app.closeDock(),
           }, '—'),
         ),
@@ -2395,7 +2462,7 @@ window.__ModuleLoader__.load({
                 event.preventDefault()
                 app.revealBranch(branch.id)
               },
-              title: `${DICT.zh.switchBranch}: #${branch.number}`,
+              title: `${app.t('switchBranch')}: #${branch.number}`,
             },
               h('span', { className: 'ifu-dot', style: colorVars(branch.color) }),
               h('span', { className: 'ifu-dock-num' }, `#${branch.number}`),
@@ -2404,7 +2471,7 @@ window.__ModuleLoader__.load({
               isDraft ? h('button', {
                 type: 'button',
                 className: 'ifu-dock-delete',
-                title: DICT.zh.deleteDraft,
+                title: app.t('deleteDraft'),
                 onClick: (event) => { event.stopPropagation(); app.deleteDraft(branch.id) },
               }, '⌫') : null,
             )
@@ -2426,14 +2493,14 @@ window.__ModuleLoader__.load({
         className: 'ifu-chip',
         'data-ifu-chip': '',
         style: { left: `${chip.x}px`, top: `${chip.y}px` },
-        title: DICT.zh.chipHint,
+        title: app.t('chipHint'),
         onMouseDown: event => event.preventDefault(),
         onClick: () => {
           const x = clamp(chip.x - 120, 12, window.innerWidth - PANEL_WIDTH - 12)
           const y = clamp(chip.y + 38, 12, window.innerHeight - 320)
           app.openDraft(chip.anchor, x, y)
         },
-      }, '✦ ', DICT.zh.chip)
+      }, '✦ ', app.t('chip'))
     }
 
     function Notice() {
@@ -2662,6 +2729,7 @@ window.__ModuleLoader__.load({
         app = createApp(ctx)
         app.load()
         ctx.effect(() => ctx.locale.register(NS, { zh: DICT.zh, en: DICT.en }), 'inline-followup: locale')
+        ctx.effect(() => ctx.on('locale/change', () => app.emit()), 'inline-followup: locale-change')
         ctx.effect(() => app.install(), 'inline-followup: lifetime')
         ctx.slots.inject('shell.overlay', () => ctx.slots.register({
           name: 'shell.overlay',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-ask-from-text",
-  "version": "0.1.13",
+  "version": "0.1.20",
   "type": "module",
   "description": "Ask a follow-up from selected text in a DeepSeek Harness answer, in a real Session branch with a tree of context.",
   "exports": {