dsh-remote-plugin 0.6.6 → 0.6.7

package/public/desktop/desktop.css

@@ -2,7 +2,7 @@
 html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; background: var(--dsr-bg); color: var(--dsr-text); }
 .hidden { display: none !important; }
 .ds-app { position: fixed; inset: 0; display: flex; overflow: hidden; }
-.ds-sidebar { width: 280px; flex: none; display: flex; flex-direction: column; border-right: 1px solid var(--dsr-line); background: var(--dsr-panel); }
+.ds-sidebar { width: 280px; flex: none; display: flex; flex-direction: column; border-right: 1px solid var(--dsr-line); background: var(--dsr-panel); overflow: hidden; }
 .ds-brand { display: flex; align-items: center; gap: 8px; padding: 14px 14px 10px; font-weight: 700; font-size: 15px; }
 .ds-logo { color: var(--dsr-accent-strong); }
 .ds-brand-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@@ -41,7 +41,8 @@ a.ds-btn { text-decoration: none; }
 .ds-session-meta { display: flex; gap: 7px; font-size: 11px; color: var(--dsr-muted); align-items: center; }
 .ds-session-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dsr-line); }
 .ds-session-dot.running { background: var(--dsr-warning); }
-.ds-sidebar-foot { border-top: 1px solid var(--dsr-line); padding: 8px; display: flex; flex-direction: column; gap: 3px; }
+.ds-sidebar-foot { border-top: 1px solid var(--dsr-line); padding: 8px; display: flex; flex-direction: column; gap: 3px; max-height: 58vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--dsr-line) transparent; }
+.ds-sidebar-foot > * { flex-shrink: 0; }
 .ds-nav-item { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 13px; padding: 9px 10px; border-radius: 9px; cursor: pointer; }
 .ds-nav-item:hover { background: var(--dsr-bg-2); }
 .ds-nav-item.active { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
@@ -80,6 +81,48 @@ a.ds-btn { text-decoration: none; }
 .ds-feedback-desc { font-size: 11px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 @keyframes ds-feedback-in { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: translateY(0) } }
 
+/* ---------- 工作台 ---------- */
+.ds-workbench { border: 1px solid var(--dsr-line); border-radius: 12px; background: var(--dsr-bg-2); padding: 8px; display: flex; flex-direction: column; gap: 6px; }
+.ds-wb-badge { font-size: 11.5px; font-weight: 700; color: var(--dsr-accent-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
+.ds-wb-unbound, .ds-wb-bound { display: flex; flex-direction: column; gap: 6px; }
+.ds-wb-bind-btn { justify-content: center; width: 100%; }
+.ds-wb-api-hint { font-size: 10.5px; color: var(--dsr-warning); line-height: 1.4; }
+.ds-wb-head { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12.5px; font-weight: 700; padding: 2px; cursor: pointer; }
+.ds-wb-caret { flex: none; color: var(--dsr-muted); font-size: 10px; width: 12px; text-align: center; }
+.ds-wb-head-text { flex: 1; min-width: 0; }
+.ds-wb-actions { display: flex; gap: 6px; }
+.ds-wb-actions .ds-mini-btn { flex: 1; }
+.ds-wb-panel { border-top: 1px solid var(--dsr-divider); padding-top: 6px; display: flex; flex-direction: column; gap: 5px; max-height: 42vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--dsr-line) transparent; }
+.ds-wb-panel > * { flex-shrink: 0; }
+.ds-wb-panel-title { font-size: 10.5px; font-weight: 700; color: var(--dsr-muted); letter-spacing: .6px; text-transform: uppercase; }
+.ds-wb-project { border: 1px solid var(--dsr-line); border-radius: 9px; background: var(--dsr-panel); overflow: hidden; }
+.ds-wb-project-head { width: 100%; display: flex; align-items: center; gap: 6px; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12.5px; padding: 6px 8px; cursor: pointer; text-align: left; }
+.ds-wb-project-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-project-count { flex: none; font-size: 10.5px; color: var(--dsr-muted); background: var(--dsr-bg-2); border-radius: 999px; padding: 0 7px; line-height: 16px; }
+.ds-wb-project-body { display: flex; flex-direction: column; gap: 3px; padding: 2px 6px 7px; }
+.ds-wb-new-session { align-self: flex-start; margin: 2px 0 3px; }
+.ds-wb-session { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; border: none; background: transparent; color: var(--dsr-text); font: inherit; font-size: 12px; padding: 5px 7px; border-radius: 7px; cursor: pointer; }
+.ds-wb-session.current { background: var(--dsr-accent-soft); color: var(--dsr-accent-strong); }
+.ds-wb-session-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--dsr-line); }
+.ds-wb-session-dot.running { background: var(--dsr-warning); }
+.ds-wb-session-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-session-empty, .ds-wb-empty { font-size: 11px; color: var(--dsr-muted); padding: 5px 7px; line-height: 1.5; }
+.ds-wb-unbind-panel { align-self: flex-end; }
+.ds-archived-toggle { width: 100%; border: none; background: transparent; color: var(--dsr-muted); font: inherit; font-size: 11px; letter-spacing: .4px; padding: 7px 4px; cursor: pointer; text-align: center; }
+
+/* ---------- 工作台绑定弹窗 ---------- */
+.ds-wb-modal-card { width: min(620px, 100%); }
+.ds-wb-modal-desc { font-size: 12.5px; color: var(--dsr-muted); line-height: 1.5; }
+.ds-wb-fsbar, .ds-wb-manual { display: flex; align-items: center; gap: 8px; }
+.ds-wb-fs-path { flex: 1; min-width: 0; font-size: 12px; color: var(--dsr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-fs-list { border: 1px solid var(--dsr-line); border-radius: 12px; background: var(--dsr-panel); max-height: 42vh; overflow-y: auto; }
+.ds-wb-fs-row { display: flex; align-items: center; gap: 9px; padding: 8px 11px; border-bottom: 1px solid var(--dsr-divider); font-size: 13px; cursor: pointer; }
+.ds-wb-fs-row:last-child { border-bottom: none; }
+.ds-wb-fs-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ds-wb-select { flex: none; }
+.ds-wb-manual input { flex: 1; min-width: 0; background: var(--dsr-panel); color: var(--dsr-text); border: 1px solid var(--dsr-line); border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 13px; outline: none; }
+.ds-wb-manual input:focus { border-color: var(--dsr-accent-line); }
+
 /* 写反馈弹层 */
 .ds-fb-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
 .ds-fb-chip {

package/public/desktop/desktop.html

@@ -30,6 +30,24 @@
       </div>
       <div class="ds-session-list" id="session-list"></div>
       <div class="ds-sidebar-foot">
+        <div id="workbench-box" class="ds-workbench">
+          <div id="wb-unbound" class="ds-wb-unbound">
+            <div class="ds-wb-badge" data-i18n="wb.unbound">DSH Remote（未绑定）</div>
+            <button id="btn-wb-bind" class="ds-btn ds-wb-bind-btn" data-i18n="wb.bind">绑定工作台</button>
+            <div id="wb-api-hint" class="ds-wb-api-hint hidden" data-i18n="wb.apiMissing">工作台接口不可用（需更新网关）</div>
+          </div>
+          <div id="wb-bound" class="ds-wb-bound hidden">
+            <button id="wb-head" class="ds-wb-head" type="button" aria-expanded="false">
+              <span id="wb-caret" class="ds-wb-caret" aria-hidden="true">▸</span>
+              <span id="wb-head-text" class="ds-wb-head-text"></span>
+            </button>
+            <div class="ds-wb-actions">
+              <button id="btn-wb-path" class="ds-mini-btn" data-i18n="wb.viewPath">已绑定 workspace</button>
+              <button id="btn-wb-unbind" class="ds-mini-btn" data-i18n="wb.unbind">解绑</button>
+            </div>
+            <div id="wb-panel" class="ds-wb-panel hidden"></div>
+          </div>
+        </div>
         <button class="ds-nav-item" data-view="view-files"><span class="ds-nav-ico">⇅</span><span data-i18n="ds.files">文件传输</span></button>
         <button class="ds-nav-item" data-view="view-settings"><span class="ds-nav-ico">⚙</span><span data-i18n="ds.settings">设置</span></button>
         <div class="ds-feedback">
@@ -307,6 +325,28 @@
     </div>
   </div>
 
+  <div id="modal-workbench" class="ds-modal hidden">
+    <div class="ds-modal-card ds-wb-modal-card">
+      <div class="ds-modal-title" data-i18n="wb.modalTitle">绑定工作台</div>
+      <div class="ds-modal-body">
+        <div class="ds-wb-modal-desc" data-i18n="wb.modalDesc">选择工作台根目录，其下每个子文件夹会自动成为项目工作区。</div>
+        <div class="ds-wb-fsbar">
+          <button id="wb-fs-up" class="ds-btn" data-i18n="wb.up">上级</button>
+          <span id="wb-fs-path" class="ds-wb-fs-path">~</span>
+          <button id="wb-fs-home" class="ds-btn" data-i18n="wb.home">根目录</button>
+        </div>
+        <div id="wb-fs-list" class="ds-wb-fs-list"></div>
+        <div class="ds-wb-manual">
+          <input id="wb-path-input" type="text" autocomplete="off" data-i18n-placeholder="wb.pathPlaceholder" placeholder="或手动输入绝对路径…">
+          <button id="btn-wb-bind-manual" class="ds-btn primary" data-i18n="wb.bind">绑定</button>
+        </div>
+      </div>
+      <div class="ds-modal-actions">
+        <button id="btn-wb-modal-close" class="ds-btn" data-i18n="ds.cancel">取消</button>
+      </div>
+    </div>
+  </div>
+
   <!-- 赞赏支持模态 -->
   <div id="modal-donate" class="ds-modal hidden">
     <div class="ds-modal-card">

package/public/desktop/desktop.js

@@ -62,6 +62,8 @@ const state = {
   pollSeq: { mux: 0, host: 0 },
   fs: { path: null, initial: null, loaded: false },
   models: { loaded: false, loading: false, groups: [], current: null, failures: [] },
+  wb: { bound: false, path: '', title: '', expanded: false, projects: null, open: null, apiMissing: false },
+  archivedIds: [],
   view: 'sessions'
 }
 const streams = {}
@@ -1102,6 +1104,7 @@ async function refreshSessions() {
   state.sessions = v.items || []
   state.byId = new Map(state.sessions.map(s => [s.sessionId, s]))
   renderSessions()
+  scheduleWorkbenchRefresh()
 }
 function sessionCwd(s) { return typeof s?.cwd === 'string' ? s.cwd.trim() : '' }
 function sessionWorkspaceLabel(s) {
@@ -1128,31 +1131,49 @@ function sortedSessions() {
   return items.sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0))
 }
 function renderSessions() {
-  const items = sortedSessions()
-  let lastWorkspace = null
-  const rows = []
-  for (const s of items) {
-    const workspace = sessionWorkspaceLabel(s)
-    const workspaceName = workspaceDisplayName(workspace)
-    if (state.sessionSort === 'workspace' && workspace !== lastWorkspace) {
-      rows.push(`<div class="ds-session-group" title="${esc(workspace)}"><span class="ds-session-group-icon" aria-hidden="true">⌂</span><span class="ds-session-group-name">${esc(workspaceName)}</span></div>`)
-      lastWorkspace = workspace
+  const allItems = sortedSessions()
+  const wbIds = new Set()
+  if (state.wb.bound && state.wb.projects) for (const w of state.wb.projects) for (const id of (w.sessionIds || [])) wbIds.add(id)
+  const root = state.wb.bound ? state.wb.path : ''
+  const visible = allItems.filter(s => !(state.wb.bound && (wbIds.has(s.sessionId) || wbStrictInside(s.cwd, root))))
+  const archivedSet = new Set(state.archivedIds || [])
+  const archived = visible.filter(s => archivedSet.has(s.sessionId))
+  const main = visible.filter(s => !archivedSet.has(s.sessionId))
+  const showArchived = LS.get('dsShowArchivedV1', '0') === '1'
+  const renderItems = (items) => {
+    let lastWorkspace = null
+    const rows = []
+    for (const s of items) {
+      const workspace = sessionWorkspaceLabel(s)
+      const workspaceName = workspaceDisplayName(workspace)
+      if (state.sessionSort === 'workspace' && workspace !== lastWorkspace) {
+        rows.push(`<div class="ds-session-group" title="${esc(workspace)}"><span class="ds-session-group-icon" aria-hidden="true">⌂</span><span class="ds-session-group-name">${esc(workspaceName)}</span></div>`)
+        lastWorkspace = workspace
+      }
+      const title = titleOf(s)
+      rows.push(`<button class="ds-session-item ${state.current === s.sessionId ? 'current' : ''}" data-id="${esc(s.sessionId)}">
+        <span class="ds-session-title">${esc(title)}</span>
+        <span class="ds-session-workspace" title="${esc(workspace)}">⌂ ${esc(workspaceName)}</span>
+        <span class="ds-session-meta"><span class="ds-session-dot ${s.running ? 'running' : ''}"></span>${fmtTime(s.updatedAt)}</span>
+      </button>`)
     }
-    const title = titleOf(s)
-    rows.push(`<button class="ds-session-item ${state.current === s.sessionId ? 'current' : ''}" data-id="${esc(s.sessionId)}">
-      <span class="ds-session-title">${esc(title)}</span>
-      <span class="ds-session-workspace" title="${esc(workspace)}">⌂ ${esc(workspaceName)}</span>
-      <span class="ds-session-meta"><span class="ds-session-dot ${s.running ? 'running' : ''}"></span>${fmtTime(s.updatedAt)}</span>
-    </button>`)
-  }
-  const html = rows.join('') || `<div class="ds-empty">${t('ds.sessionsEmpty')}</div>`
+    return rows.join('')
+  }
+  const divider = archived.length ? `<button class="ds-archived-toggle" type="button" data-archived-toggle>${esc(showArchived ? t('wb.archivedShown') : t('wb.archivedHidden'))}</button>` : ''
+  const hiddenByWorkbench = allItems.length - visible.length
+  const html = renderItems(main) + divider + (showArchived ? renderItems(archived) : '') || `<div class="ds-empty">${esc(hiddenByWorkbench ? t('wb.flatHidden', { n: hiddenByWorkbench }) : t('ds.sessionsEmpty'))}</div>`
   $('session-list').innerHTML = html
   $('mobile-session-list').innerHTML = html
   $('session-list').classList.toggle('workspace-sorted', state.sessionSort === 'workspace')
   $('mobile-session-list').classList.toggle('workspace-sorted', state.sessionSort === 'workspace')
   const sort = $('session-sort')
   if (sort) sort.value = state.sessionSort
+  document.querySelectorAll('[data-archived-toggle]').forEach(b => b.addEventListener('click', () => {
+    LS.set('dsShowArchivedV1', LS.get('dsShowArchivedV1', '0') === '1' ? '0' : '1')
+    renderSessions()
+  }))
   document.querySelectorAll('[data-id]').forEach(b => b.addEventListener('click', () => openSession(b.dataset.id)))
+  renderWorkbench()
 }
 
 async function openSession(id) {
@@ -1592,6 +1613,228 @@ function fsUp() {
   }
 }
 
+/* ---------------- 工作台绑定 / 项目会话 ---------------- */
+function wbPathKey(p) {
+  let value = String(p || '').replace(/\\/g, '/').replace(/\/+/g, '/')
+  if (value.length > 1) value = value.replace(/\/+$/, '')
+  const windows = /^[A-Za-z]:\//.test(value) || /Windows/i.test(navigator.platform || navigator.userAgent || '')
+  return windows ? value.toLowerCase() : value
+}
+function wbBaseName(p) {
+  const value = String(p || '').replace(/[\\/]+$/, '')
+  return value.split(/[\\/]/).pop() || value
+}
+function wbStrictInside(pathValue, rootValue) {
+  const pathKey = wbPathKey(pathValue)
+  const rootKey = wbPathKey(rootValue)
+  if (!pathKey || !rootKey || pathKey === rootKey) return false
+  return pathKey.startsWith(rootKey.endsWith('/') ? rootKey : rootKey + '/')
+}
+function wbJoin(root, name) {
+  const raw = String(root || '')
+  const separator = raw.includes('\\') ? '\\' : '/'
+  return raw.replace(/[\\/]+$/, '') + separator + String(name || '')
+}
+function wbFsParent(p) {
+  if (!p) return null
+  const raw = String(p)
+  const separator = raw.includes('\\') ? '\\' : '/'
+  const index = raw.lastIndexOf(separator)
+  if (index <= 0 || /^[A-Za-z]:$/.test(raw.slice(0, index))) return null
+  return raw.slice(0, index)
+}
+async function wbGateway(method, pathname, body) {
+  const options = { method, headers: { authorization: 'Bearer ' + state.token, 'x-dsh-remote-client': 'web' } }
+  if (body !== undefined) {
+    options.headers['content-type'] = 'application/json'
+    options.body = JSON.stringify(body)
+  }
+  const res = await fetch(apiUrl(pathname), options)
+  if (res.status === 401) throw new Error('AUTH')
+  const data = await res.json().catch(() => ({}))
+  if (!res.ok) throw new Error(data.error || ('HTTP ' + res.status))
+  return data
+}
+async function refreshWorkbench({ silent = false } = {}) {
+  if (!state.token) { renderWorkbench(); return }
+  let wb = null
+  try {
+    wb = await wbGateway('GET', '/workbench')
+    state.wb.apiMissing = false
+  } catch (e) {
+    if (e.message === 'AUTH') { toast(t('ds.toastAuth'), 'err'); return }
+    if (!silent) toast(t('wb.loadFailed', { msg: e.message }), 'err')
+    if (!state.wb.bound && /404/.test(e.message)) state.wb.apiMissing = true
+  }
+  const wl = await safeRpc('workspace.list', {}, '')
+  state.archivedIds = wl && Array.isArray(wl.archivedSessionIds) ? wl.archivedSessionIds : []
+  if (!wb) { renderWorkbench(); renderSessions(); return }
+  if (!wb.bound) {
+    state.wb = { bound: false, path: '', title: '', expanded: false, projects: null, open: null, apiMissing: false }
+    renderWorkbench()
+    renderSessions()
+    return
+  }
+  state.wb.bound = true
+  state.wb.path = wb.path || ''
+  state.wb.title = wb.title || ''
+  if (!wl) { state.wb.projects = []; renderWorkbench(); renderSessions(); return }
+  const items = Array.isArray(wl.items) ? wl.items.slice() : []
+  try {
+    const listRes = await fetch(fsApiUrl('/list', { path: state.wb.path }), { headers: fsHeaders() })
+    if (listRes.ok) {
+      const listData = await listRes.json().catch(() => ({}))
+      const have = new Set(items.map(w => wbPathKey(w.path)))
+      for (const entry of listData.entries || []) {
+        if (entry.type !== 'dir') continue
+        const projectPath = wbJoin(state.wb.path, entry.name)
+        if (have.has(wbPathKey(projectPath))) continue
+        try {
+          const created = await rpc('workspace.create', { path: projectPath })
+          if (created?.workspace) { items.push(created.workspace); have.add(wbPathKey(projectPath)) }
+        } catch {}
+      }
+    }
+  } catch {}
+  state.wb.projects = items
+    .filter(w => wbStrictInside(w.path, state.wb.path))
+    .sort((a, b) => String(a.title || wbBaseName(a.path)).localeCompare(String(b.title || wbBaseName(b.path)), 'zh-CN', { numeric: true }))
+  renderWorkbench()
+  renderSessions()
+}
+function renderWorkbench() {
+  const box = $('workbench-box')
+  if (!box) return
+  const unbound = $('wb-unbound')
+  const bound = $('wb-bound')
+  const hint = $('wb-api-hint')
+  if (!state.wb.bound) {
+    unbound.classList.remove('hidden')
+    bound.classList.add('hidden')
+    hint?.classList.toggle('hidden', !state.wb.apiMissing)
+    return
+  }
+  unbound.classList.add('hidden')
+  bound.classList.remove('hidden')
+  $('wb-head-text').textContent = t('wb.bound', { title: state.wb.title || wbBaseName(state.wb.path) })
+  $('wb-head').setAttribute('aria-expanded', state.wb.expanded ? 'true' : 'false')
+  $('wb-caret').textContent = state.wb.expanded ? '▾' : '▸'
+  const panel = $('wb-panel')
+  panel.classList.toggle('hidden', !state.wb.expanded)
+  if (!state.wb.expanded) return
+  const projects = state.wb.projects || []
+  let html = `<div class="ds-wb-panel-title">${esc(t('wb.projects'))}</div>`
+  html += projects.length ? projects.map(w => {
+    const id = String(w.workspaceId || '')
+    const sessions = (w.sessionIds || []).map(sid => state.byId.get(sid)).filter(Boolean).sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0))
+    const open = state.wb.open === id
+    return `<div class="ds-wb-project ${open ? 'open' : ''}">
+      <button type="button" class="ds-wb-project-head" data-wb-head="${esc(id)}">
+        <span class="ds-wb-caret" aria-hidden="true">${open ? '▾' : '▸'}</span>
+        <span class="ds-wb-project-title" title="${esc(w.path)}">${esc(w.title || wbBaseName(w.path) || short(id))}</span>
+        <span class="ds-wb-project-count">${sessions.length}</span>
+      </button>
+      <div class="ds-wb-project-body ${open ? '' : 'hidden'}">
+        <button type="button" class="ds-mini-btn ds-wb-new-session" data-wb-new="${esc(id)}">+ ${esc(t('wb.newSession'))}</button>
+        ${sessions.length ? sessions.map(s => `<button type="button" class="ds-wb-session ${state.current === s.sessionId ? 'current' : ''}" data-wb-session="${esc(s.sessionId)}"><span class="ds-wb-session-dot ${s.running ? 'running' : ''}"></span><span class="ds-wb-session-title">${esc(titleOf(s))}</span></button>`).join('') : `<div class="ds-wb-session-empty">${esc(t('wb.noSessions'))}</div>`}
+      </div>
+    </div>`
+  }).join('') : `<div class="ds-wb-empty">${esc(t('wb.noProjects'))}</div>`
+  html += `<button type="button" class="ds-mini-btn ds-wb-unbind-panel" data-wb-unbind-panel>${esc(t('wb.unbind'))}</button>`
+  panel.innerHTML = html
+  panel.querySelectorAll('[data-wb-head]').forEach(button => button.addEventListener('click', () => {
+    state.wb.open = state.wb.open === button.dataset.wbHead ? null : button.dataset.wbHead
+    renderWorkbench()
+  }))
+  panel.querySelectorAll('[data-wb-new]').forEach(button => button.addEventListener('click', async () => {
+    const value = await safeRpc('session.create', { workspaceId: button.dataset.wbNew }, '')
+    if (value?.sessionId) { await refreshSessions(); openSession(value.sessionId) }
+  }))
+  panel.querySelectorAll('[data-wb-session]').forEach(button => button.addEventListener('click', () => openSession(button.dataset.wbSession)))
+  panel.querySelectorAll('[data-wb-unbind-panel]').forEach(button => button.addEventListener('click', unbindWorkbench))
+}
+const wbFs = { path: null, initial: null }
+function openWorkbenchModal() {
+  $('modal-workbench').classList.remove('hidden')
+  wbFs.path = null
+  wbFs.initial = null
+  wbFsLoad(null)
+  setTimeout(() => $('wb-path-input').focus(), 50)
+}
+function closeWorkbenchModal() { $('modal-workbench').classList.add('hidden') }
+async function wbFsLoad(dir) {
+  const box = $('wb-fs-list')
+  const target = dir ?? wbFs.path ?? ''
+  box.innerHTML = `<div class="ds-empty">${esc(t('ds.loading'))}</div>`
+  $('wb-fs-path').textContent = target ? '…' + target.slice(-40) : '~'
+  try {
+    const res = await fetch(fsApiUrl('/list', target ? { path: target } : {}), { headers: fsHeaders() })
+    const data = await res.json().catch(() => ({}))
+    if (!res.ok || !Array.isArray(data.entries)) throw new Error(data.error || ('HTTP ' + res.status))
+    wbFs.path = data.path
+    if (!wbFs.initial) wbFs.initial = data.path
+    $('wb-fs-path').textContent = data.path
+    const dirs = (data.entries || []).filter(e => e.type === 'dir')
+    box.innerHTML = dirs.length ? dirs.map(e => {
+      const p = wbJoin(data.path, e.name)
+      return `<div class="ds-wb-fs-row" data-wb-dir="${esc(p)}"><span>📁</span><span class="ds-wb-fs-name">${esc(e.name)}</span><button type="button" class="ds-btn ds-wb-select" data-wb-select="${esc(p)}">${esc(t('wb.selectDir'))}</button></div>`
+    }).join('') : `<div class="ds-empty">${esc(t('wb.empty'))}</div>`
+    box.querySelectorAll('[data-wb-dir]').forEach(row => row.addEventListener('click', e => { if (!e.target.closest('[data-wb-select]')) wbFsLoad(row.dataset.wbDir) }))
+    box.querySelectorAll('[data-wb-select]').forEach(button => button.addEventListener('click', () => bindWorkbench(button.dataset.wbSelect)))
+  } catch (e) {
+    $('wb-fs-path').textContent = target || '~'
+    box.innerHTML = `<div class="ds-empty">${esc(e.message || t('ds.toastConnFailed'))}</div>`
+  }
+}
+function wbFsUp() {
+  if (wbFs.path && wbFs.initial && wbFs.path !== wbFs.initial) {
+    const parent = wbFsParent(wbFs.path)
+    if (parent) wbFsLoad(parent)
+  }
+}
+async function bindWorkbench(rawPath) {
+  const value = String(rawPath || '').trim()
+  if (!value) return toast(t('wb.pathEmpty'), 'err')
+  try {
+    const wb = await wbGateway('POST', '/workbench/bind', { path: value })
+    state.wb = { bound: true, path: wb.path || value, title: wb.title || '', expanded: true, projects: null, open: null, apiMissing: false }
+    const paths = [state.wb.path]
+    try {
+      const res = await fetch(fsApiUrl('/list', { path: state.wb.path }), { headers: fsHeaders() })
+      const data = await res.json().catch(() => ({}))
+      for (const e of data.entries || []) if (e.type === 'dir') paths.push(wbJoin(state.wb.path, e.name))
+    } catch {}
+    for (const projectPath of paths) {
+      try { await rpc('workspace.create', { path: projectPath }) } catch {}
+    }
+    closeWorkbenchModal()
+    await refreshWorkbench({ silent: true })
+    await refreshSessions()
+    toast(t('wb.boundOk', { path: state.wb.path }), 'ok')
+  } catch (e) {
+    if (e.message === 'AUTH') return toast(t('ds.toastAuth'), 'err')
+    toast(t('wb.bindFailed', { msg: e.message }), 'err')
+  }
+}
+async function unbindWorkbench() {
+  if (!confirm(t('wb.unbindConfirm'))) return
+  try {
+    await wbGateway('POST', '/workbench/unbind')
+    state.wb = { bound: false, path: '', title: '', expanded: false, projects: null, open: null, apiMissing: false }
+    renderWorkbench()
+    renderSessions()
+    toast(t('wb.unboundOk'), 'ok')
+  } catch (e) {
+    if (e.message === 'AUTH') return toast(t('ds.toastAuth'), 'err')
+    toast(t('wb.unbindFailed', { msg: e.message }), 'err')
+  }
+}
+let wbRefreshTimer = null
+function scheduleWorkbenchRefresh() {
+  clearTimeout(wbRefreshTimer)
+  wbRefreshTimer = setTimeout(() => refreshWorkbench({ silent: true }), 400)
+}
+
 /* ---------------- 统计 ---------------- */
 function bucketTokens(b) { return (b.input || 0) + (b.cacheRead || 0) + (b.cacheWrite || 0) + (b.output || 0) }
 let statsDrawerOpened = false
@@ -1749,9 +1992,30 @@ function bindUi() {
   })
   document.querySelectorAll('.ds-nav-item').forEach(b => b.addEventListener('click', () => showView(b.dataset.view)))
   $('session-list').addEventListener('click', (e) => {
+    if (e.target.closest('[data-archived-toggle]')) {
+      LS.set('dsShowArchivedV1', LS.get('dsShowArchivedV1', '0') === '1' ? '0' : '1')
+      renderSessions()
+      return
+    }
     const item = e.target.closest('[data-id]')
     if (item) openSession(item.dataset.id)
   })
+  $('btn-wb-bind').addEventListener('click', openWorkbenchModal)
+  $('btn-wb-bind-manual').addEventListener('click', () => bindWorkbench($('wb-path-input').value))
+  $('wb-path-input').addEventListener('keydown', e => {
+    if (e.key === 'Enter' && !e.isComposing) { e.preventDefault(); bindWorkbench($('wb-path-input').value) }
+  })
+  $('wb-fs-up').addEventListener('click', wbFsUp)
+  $('wb-fs-home').addEventListener('click', () => wbFsLoad(wbFs.initial || null))
+  $('btn-wb-modal-close').addEventListener('click', closeWorkbenchModal)
+  $('modal-workbench').addEventListener('click', e => { if (e.target === $('modal-workbench')) closeWorkbenchModal() })
+  $('wb-head').addEventListener('click', () => {
+    state.wb.expanded = !state.wb.expanded
+    if (state.wb.expanded && !state.wb.projects) refreshWorkbench({ silent: false })
+    else renderWorkbench()
+  })
+  $('btn-wb-path').addEventListener('click', () => { if (state.wb.path) toast(t('wb.boundPath', { path: state.wb.path }), 'ok') })
+  $('btn-wb-unbind').addEventListener('click', unbindWorkbench)
   $('btn-send').addEventListener('click', sendMessage)
   $('composer').addEventListener('keydown', (e) => {
     if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) { e.preventDefault(); sendMessage() }
@@ -1885,12 +2149,14 @@ async function start() {
   }
   $('token-desc').textContent = state.token ? '● ' + state.token.slice(0, 12) + '…' : t('ds.toastAuth')
   bindUi()
+  renderWorkbench()
   updateConn()
   checkNotesOnStart()
   if (state.token) {
     if (state.servers.length) await selectFastestServer({ silent: true, reconnect: false })
     openStreams()
     refreshSessions()
+    refreshWorkbench({ silent: true })
   }
 }
 

package/public/desktop/i18n.js

@@ -10,6 +10,38 @@
     if (saved === 'zh' || saved === 'en') return saved
     return (navigator.language || 'zh').toLowerCase().startsWith('zh') ? 'zh' : 'en'
   }
+  const BUILTIN = {
+    zh: {
+      'wb.unbound': 'DSH Remote（未绑定）', 'wb.bind': '绑定工作台', 'wb.bound': 'DSH Remote（绑定 {title}）',
+      'wb.viewPath': '已绑定 workspace', 'wb.unbind': '解绑', 'wb.unbindConfirm': '确定解绑当前工作台？解绑后这些会话将回到扁平会话列表。',
+      'wb.modalTitle': '绑定工作台', 'wb.modalDesc': '选择工作台根目录，其下每个子文件夹会自动成为项目工作区。',
+      'wb.up': '上级', 'wb.home': '根目录', 'wb.selectDir': '选择此目录', 'wb.pathPlaceholder': '或手动输入绝对路径…',
+      'wb.pathEmpty': '请输入要绑定的路径', 'wb.empty': '此目录没有子文件夹', 'wb.boundOk': '工作台已绑定：{path}',
+      'wb.bindFailed': '绑定失败：{msg}', 'wb.unboundOk': '已解绑工作台', 'wb.unbindFailed': '解绑失败：{msg}',
+      'wb.boundPath': '绑定路径：{path}', 'wb.projects': '项目', 'wb.noProjects': '暂无项目（根目录下新建文件夹后会自动出现）',
+      'wb.newSession': '新会话', 'wb.noSessions': '暂无会话', 'wb.flatHidden': '工作台会话已收起（{n} 个在工作台面板）',
+      'wb.apiMissing': '工作台接口不可用（需更新网关）', 'wb.loadFailed': '工作台加载失败：{msg}',
+      'wb.archivedHidden': '------隐藏已归档会话------', 'wb.archivedShown': '------显示已归档会话------'
+    },
+    en: {
+      'wb.unbound': 'DSH Remote (unbound)', 'wb.bind': 'Bind workbench', 'wb.bound': 'DSH Remote (bound {title})',
+      'wb.viewPath': 'Bound workspace', 'wb.unbind': 'Unbind', 'wb.unbindConfirm': 'Unbind the current workbench? These sessions will return to the flat list.',
+      'wb.modalTitle': 'Bind workbench', 'wb.modalDesc': 'Choose the workbench root; each subfolder becomes a project workspace automatically.',
+      'wb.up': 'Up', 'wb.home': 'Root', 'wb.selectDir': 'Select this folder', 'wb.pathPlaceholder': 'Or type an absolute path…',
+      'wb.pathEmpty': 'Enter a path to bind', 'wb.empty': 'No subfolders in this folder', 'wb.boundOk': 'Workbench bound: {path}',
+      'wb.bindFailed': 'Bind failed: {msg}', 'wb.unboundOk': 'Workbench unbound', 'wb.unbindFailed': 'Unbind failed: {msg}',
+      'wb.boundPath': 'Bound path: {path}', 'wb.projects': 'Projects', 'wb.noProjects': 'No projects yet',
+      'wb.newSession': 'New session', 'wb.noSessions': 'No sessions', 'wb.flatHidden': 'Workbench sessions folded ({n} in the workbench panel)',
+      'wb.apiMissing': 'Workbench API unavailable (update gateway)', 'wb.loadFailed': 'Workbench load failed: {msg}',
+      'wb.archivedHidden': '------ Hide archived ------', 'wb.archivedShown': '------ Show archived ------'
+    }
+  }
+  function mergeDicts(strings) {
+    return {
+      zh: Object.assign({}, BUILTIN.zh, strings?.zh || {}),
+      en: Object.assign({}, BUILTIN.en, strings?.en || {})
+    }
+  }
   let dict = null
   let lang = detect()
 
@@ -46,7 +78,7 @@
   }
 
   window.I18N = {
-    init(strings) { dict = strings || dict; return apply(document) },
+    init(strings) { dict = mergeDicts(strings || dict || {}); return apply(document) },
     t, setLang, apply,
     get lang() { return lang }
   }