dsh-taskboard 0.5.5 → 0.6.1

package/package.json

@@ -1,75 +1,75 @@
-{
-  "name": "dsh-taskboard",
-  "description": "Agent-first task board for the DSH web GUI: host-authoritative task ledger with taskboard_* agent tools, project (= workspace) claim boundaries, per-task model execution in fresh sessions, optional per-task git-worktree isolation (dedicated task branches, commit evidence, one-click merge), host-side cron scheduling, and a live SSE kanban view. Mounts via the official dsh plugin system — no DSH source changes.",
-  "version": "0.5.5",
-  "type": "module",
-  "main": "lib/index.js",
-  "exports": {
-    ".": "./lib/index.js",
-    "./invariant": "./lib/invariant.js",
-    "./client": "./lib/client.js",
-    "./package.json": "./package.json"
-  },
-  "dsh": {
-    "bundle": {
-      "patch": "./cordis.patch.yml"
-    },
-    "client": {
-      "inject": [],
-      "platform": "web"
-    }
-  },
-  "files": [
-    "lib/**/*.js",
-    "lib/**/*.js.map",
-    "src",
-    "cordis.patch.yml",
-    "LICENSE"
-  ],
-  "license": "Apache-2.0",
-  "author": "cloader",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cloader/dsh-taskboard.git"
-  },
-  "bugs": {
-    "url": "https://github.com/cloader/dsh-taskboard/issues"
-  },
-  "homepage": "https://github.com/cloader/dsh-taskboard#readme",
-  "keywords": [
-    "dsh",
-    "deepseek-harness",
-    "dsh-plugin",
-    "taskboard",
-    "kanban",
-    "agent"
-  ],
-  "scripts": {
-    "build": "node scripts/clean-lib.mjs && npm run build:host && npm run build:client",
-    "build:host": "tsdown -c tsdown.host.config.ts",
-    "build:client": "tsdown -c tsdown.client.config.ts && node scripts/wrap-client.mjs",
-    "watch": "tsdown -c tsdown.host.config.ts --watch",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run"
-  },
-  "devDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-agent": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-home-paths": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-system-prompt": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-tools": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-workspace": "^0.1.1-rc.2",
-    "@deepseek-ai/schemastery": "^3.18.1",
-    "@types/node": "^22.20.1",
-    "@types/react": "~18.3.1",
-    "@types/react-dom": "^18.3.7",
-    "jsdom": "^25.0.1",
-    "puppeteer-core": "^25.8.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "tsdown": "0.22.2",
-    "typescript": "~5.7.2",
-    "vitest": "^3.0.0"
-  }
-}
+{
+  "name": "dsh-taskboard",
+  "description": "Agent-first task board for the DSH web GUI: host-authoritative task ledger with taskboard_* agent tools, project (= workspace) claim boundaries, per-task model execution in fresh sessions, optional per-task git-worktree isolation (dedicated task branches, commit evidence, one-click merge), host-side cron scheduling, and a live SSE kanban view. Mounts via the official dsh plugin system — no DSH source changes.",
+  "version": "0.6.1",
+  "type": "module",
+  "main": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./invariant": "./lib/invariant.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [],
+      "platform": "web"
+    }
+  },
+  "files": [
+    "lib/**/*.js",
+    "lib/**/*.js.map",
+    "src",
+    "cordis.patch.yml",
+    "LICENSE"
+  ],
+  "license": "Apache-2.0",
+  "author": "cloader",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cloader/dsh-taskboard.git"
+  },
+  "bugs": {
+    "url": "https://github.com/cloader/dsh-taskboard/issues"
+  },
+  "homepage": "https://github.com/cloader/dsh-taskboard#readme",
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "dsh-plugin",
+    "taskboard",
+    "kanban",
+    "agent"
+  ],
+  "scripts": {
+    "build": "node scripts/clean-lib.mjs && npm run build:host && npm run build:client",
+    "build:host": "tsdown -c tsdown.host.config.ts",
+    "build:client": "tsdown -c tsdown.client.config.ts && node scripts/wrap-client.mjs",
+    "watch": "tsdown -c tsdown.host.config.ts --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@deepseek-ai/cordis": "^4.0.1",
+    "@deepseek-ai/dsh-agent": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-home-paths": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-system-prompt": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-tools": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-workspace": "^0.1.1-rc.2",
+    "@deepseek-ai/schemastery": "^3.18.1",
+    "@types/node": "^22.20.1",
+    "@types/react": "~18.3.1",
+    "@types/react-dom": "^18.3.7",
+    "jsdom": "^25.0.1",
+    "puppeteer-core": "^25.8.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsdown": "0.22.2",
+    "typescript": "~5.7.2",
+    "vitest": "^3.0.0"
+  }
+}

package/src/client/api.ts

@@ -15,7 +15,9 @@ import type {
   ImportCommitResponse,
   ImportPreviewResponse,
   MergeBranchResponse,
+  ModelCatalogResponse,
   MoveTaskBody,
+  PromptCompletionsResponse,
   RejectTaskBody,
   RunTaskBody,
   SettingsResponse,
@@ -96,6 +98,10 @@ export interface TaskboardClient {
   settings(): Promise<SettingsResponse>
   /** Replace board settings (whole-object semantics; affects new tasks only). */
   updateSettings(body: UpdateSettingsBody): Promise<SettingsResponse>
+  /** Prompt completions for skills and slash commands (0.5.5). */
+  promptCompletions(): Promise<PromptCompletionsResponse>
+  /** Model catalog and agent preset roster (0.5.5). */
+  modelCatalog(): Promise<ModelCatalogResponse>
   /** Subscribe to change frames; the disposer stops the stream. */
   stream(onChange: (event: ChangeEvent) => void, onGap: () => void): () => void
 }
@@ -131,6 +137,8 @@ export function createClient(): TaskboardClient {
     templateDelete: id => post('/dsh-taskboard/templates/delete', { id }),
     settings: () => get<SettingsResponse>('/dsh-taskboard/settings'),
     updateSettings: body => post('/dsh-taskboard/settings/update', body),
+    promptCompletions: () => get<PromptCompletionsResponse>('/dsh-taskboard/prompt-completions'),
+    modelCatalog: () => get<ModelCatalogResponse>('/dsh-taskboard/model-catalog'),
     stream(onChange, onGap) {
       const es = new EventSource('/dsh-taskboard/events')
       let revision: number | undefined

package/src/client/board/AlertModal.tsx

@@ -5,6 +5,7 @@
  * @module dsh-taskboard/client/board/AlertModal
  */
 import { useState, useEffect } from 'react'
+import { useT } from '../i18n/runtime.ts'
 
 /** Show a non-blocking alert modal. Returns true when opened. */
 export function useAlert(): { alert: (msg: string) => void; el: React.ReactNode } {
@@ -18,6 +19,7 @@ export function useAlert(): { alert: (msg: string) => void; el: React.ReactNode
 }
 
 function AlertModal({ message, onClose }: { message: string; onClose: () => void }) {
+  const t = useT()
   useEffect(() => {
     const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') onClose() }
     window.addEventListener('keydown', handler)
@@ -29,7 +31,7 @@ function AlertModal({ message, onClose }: { message: string; onClose: () => void
       <div className="dsh-atb-alert" onClick={e => e.stopPropagation()}>
         <div className="dsh-atb-alert-icon">⛔</div>
         <div className="dsh-atb-alert-msg">{message}</div>
-        <button type="button" className="dsh-atb-btn" data-primary="true" onClick={onClose}>知道了</button>
+        <button type="button" className="dsh-atb-btn" data-primary="true" onClick={onClose}>{t('alert.ok')}</button>
       </div>
     </div>
   )

package/src/client/board/ImportModal.tsx

@@ -10,6 +10,7 @@ import { useRef, useState } from 'react'
 import type { BoardController } from '../controller.ts'
 import type { ImportPreviewResponse } from '../../shared/api.ts'
 import { useAlert } from './AlertModal.tsx'
+import { useT } from '../i18n/runtime.ts'
 
 /** One classified row (create / overwrite). */
 function PlanRow({ row }: { row: { id: string; title: string; status: string } }) {
@@ -26,6 +27,7 @@ function PlanRow({ row }: { row: { id: string; title: string; status: string } }
  * @param controller - the controller.
  */
 export function ImportModal({ controller }: { controller: BoardController }) {
+  const t = useT()
   const [fileName, setFileName] = useState('')
   const [parsed, setParsed] = useState<unknown>(null)
   const [parseError, setParseError] = useState<string | undefined>(undefined)
@@ -55,7 +57,7 @@ export function ImportModal({ controller }: { controller: BoardController }) {
           if (p !== undefined) setPlan(p)
         })
       } catch {
-        setParseError('文件不是合法 JSON')
+        setParseError(t('imp.parseError'))
       }
     })
   }
@@ -73,8 +75,8 @@ export function ImportModal({ controller }: { controller: BoardController }) {
       setConfirmReplace(false)
       if (r === undefined) return
       setResult(r.mode === 'replace'
-        ? `整册替换完成：导入 ${r.created + r.overwritten} 张（原 ${r.replacedTotal} 张已整册备份）`
-        : `合并完成：新增 ${r.created} 张、覆盖 ${r.overwritten} 张`)
+        ? t('imp.result.replace', { n: r.created + r.overwritten, total: r.replacedTotal ?? 0 })
+        : t('imp.result.merge', { n: r.created, m: r.overwritten }))
     })
   }
 
@@ -82,14 +84,14 @@ export function ImportModal({ controller }: { controller: BoardController }) {
 
   return (
     <div className="dsh-atb-modal-backdrop" onClick={e => { if (e.target === e.currentTarget) close() }}>
-      <div className="dsh-atb-modal dsh-atb-imp" role="dialog" aria-modal="true" aria-label="导入台账">
+      <div className="dsh-atb-modal dsh-atb-imp" role="dialog" aria-modal="true" aria-label={t('imp.aria')}>
         <div className="dsh-atb-modal-head">
           <span className="dsh-atb-modal-headicon">⬆</span>
           <div className="dsh-atb-modal-headtext">
-            <h3>导入台账</h3>
-            <p>选择导出的 JSON 备份文件：先预览、再合并或整册替换</p>
+            <h3>{t('imp.title')}</h3>
+            <p>{t('imp.subtitle')}</p>
           </div>
-          <button type="button" className="dsh-atb-modal-close" aria-label="关闭" onClick={close}>✕</button>
+          <button type="button" className="dsh-atb-modal-close" aria-label={t('shared.close')} onClick={close}>✕</button>
         </div>
         <div className="dsh-atb-modal-body">
           <div className="dsh-atb-imp-picker">
@@ -101,38 +103,38 @@ export function ImportModal({ controller }: { controller: BoardController }) {
             />
             {fileName.length > 0 && <span className="dsh-atb-imp-filename">{fileName}</span>}
           </div>
-          <div className="dsh-atb-imp-note">⬇ JSON 导出的文件即为同格式备份，可直接导入恢复；导入文件的 schemaVersion 必须与当前版本一致。</div>
+          <div className="dsh-atb-imp-note">{t('imp.note')}</div>
 
           {parseError !== undefined && <div className="dsh-atb-imp-error">{parseError}</div>}
-          {plan === undefined && parseError === undefined && fileName.length > 0 && <div className="dsh-atb-empty2">预览中…</div>}
+          {plan === undefined && parseError === undefined && fileName.length > 0 && <div className="dsh-atb-empty2">{t('imp.previewing')}</div>}
 
           {plan !== undefined && (
             <>
               <div className="dsh-atb-imp-stats">
-                <div className="dsh-atb-imp-stat" data-tone="ok"><b>{plan.create.length}</b><span>新增</span></div>
-                <div className="dsh-atb-imp-stat" data-tone="warn"><b>{plan.overwrite.length}</b><span>覆盖（同 id）</span></div>
-                <div className="dsh-atb-imp-stat" data-tone={plan.invalid.length > 0 ? 'bad' : undefined}><b>{plan.invalid.length}</b><span>无效（跳过）</span></div>
+                <div className="dsh-atb-imp-stat" data-tone="ok"><b>{plan.create.length}</b><span>{t('imp.stat.create')}</span></div>
+                <div className="dsh-atb-imp-stat" data-tone="warn"><b>{plan.overwrite.length}</b><span>{t('imp.stat.overwrite')}</span></div>
+                <div className="dsh-atb-imp-stat" data-tone={plan.invalid.length > 0 ? 'bad' : undefined}><b>{plan.invalid.length}</b><span>{t('imp.stat.invalid')}</span></div>
               </div>
 
               {plan.create.length > 0 && (
                 <div className="dsh-atb-imp-sec">
-                  <h4>新增任务</h4>
+                  <h4>{t('imp.sec.create')}</h4>
                   <div className="dsh-atb-imp-list">{plan.create.map(r => <PlanRow key={r.id} row={r} />)}</div>
                 </div>
               )}
               {plan.overwrite.length > 0 && (
                 <div className="dsh-atb-imp-sec">
-                  <h4>覆盖任务（整卡替换，含执行历史与评论）</h4>
+                  <h4>{t('imp.sec.overwrite')}</h4>
                   <div className="dsh-atb-imp-list">{plan.overwrite.map(r => <PlanRow key={r.id} row={r} />)}</div>
                 </div>
               )}
               {plan.invalid.length > 0 && (
                 <div className="dsh-atb-imp-sec">
-                  <h4>无效条目（不会导入）</h4>
+                  <h4>{t('imp.sec.invalid')}</h4>
                   <div className="dsh-atb-imp-list">
                     {plan.invalid.map((r, i) => (
                       <div key={r.id ?? `invalid-${i}`} className="dsh-atb-imp-row" data-tone="bad" title={r.id ?? ''}>
-                        <span className="dsh-atb-imp-row-title">{r.id ?? '（无 id）'}</span>
+                        <span className="dsh-atb-imp-row-title">{r.id ?? t('imp.noId')}</span>
                         <span className="dsh-atb-imp-row-status">{r.reason}</span>
                       </div>
                     ))}
@@ -142,12 +144,12 @@ export function ImportModal({ controller }: { controller: BoardController }) {
 
               <div className="dsh-atb-mode-picker">
                 <button type="button" className="dsh-atb-mode-opt" data-on={mode === 'merge'} onClick={() => { setMode('merge'); setConfirmReplace(false) }}>
-                  <span className="dsh-atb-mode-name">⊕ 合并</span>
-                  <span className="dsh-atb-mode-hint">新增 + 按 id 覆盖，其余不动</span>
+                  <span className="dsh-atb-mode-name">{t('imp.mode.merge')}</span>
+                  <span className="dsh-atb-mode-hint">{t('imp.mode.mergeHint')}</span>
                 </button>
                 <button type="button" className="dsh-atb-mode-opt" data-on={mode === 'replace'} onClick={() => setMode('replace')}>
-                  <span className="dsh-atb-mode-name">💣 整册替换</span>
-                  <span className="dsh-atb-mode-hint">清空当前台账，以导入文件为准（先自动备份）</span>
+                  <span className="dsh-atb-mode-name">{t('imp.mode.replace')}</span>
+                  <span className="dsh-atb-mode-hint">{t('imp.mode.replaceHint')}</span>
                 </button>
               </div>
 
@@ -158,11 +160,11 @@ export function ImportModal({ controller }: { controller: BoardController }) {
         <div className="dsh-atb-modal-foot">
           <span className="dsh-atb-modal-hint">
             {mode === 'replace'
-              ? confirmReplace ? '⚠ 再次点击确认执行整册替换（不可撤销，已自动备份）' : '整册替换需要二次确认'
-              : '合并只写入预览中列出的任务'}
+              ? confirmReplace ? t('imp.foot.replaceConfirm') : t('imp.foot.replaceNeedConfirm')
+              : t('imp.foot.mergeHint')}
           </span>
           <span className="dsh-atb-modal-footbtns">
-            <button type="button" className="dsh-atb-btn" onClick={close}>{result !== undefined ? '关闭' : '取消'}</button>
+            <button type="button" className="dsh-atb-btn" onClick={close}>{result !== undefined ? t('shared.close') : t('shared.cancel')}</button>
             <button
               type="button"
               className="dsh-atb-btn"
@@ -171,7 +173,7 @@ export function ImportModal({ controller }: { controller: BoardController }) {
               disabled={plan === undefined || busy}
               onClick={commit}
             >
-              {mode === 'replace' && confirmReplace ? '确认整册替换' : '执行导入'}
+              {mode === 'replace' && confirmReplace ? t('imp.action.confirmReplace') : t('imp.action.run')}
             </button>
           </span>
         </div>

package/src/client/board/SettingsModal.tsx

@@ -9,12 +9,13 @@
  */
 import { useState } from 'react'
 import type { BoardController } from '../controller.ts'
-import { DEFAULT_ISOLATION, defaultSyncExternalSessionsOf, type IsolationMode } from '../../shared/protocol.ts'
+import { DEFAULT_ISOLATION, defaultPermissionOf, defaultSyncExternalSessionsOf, type IsolationMode, type PermissionMode } from '../../shared/protocol.ts'
+import { useT, type Translate } from '../i18n/runtime.ts'
 
-/** The isolation options with one-line hints (mirrors the task form). */
-const ISOLATION_OPTIONS: ReadonlyArray<{ value: IsolationMode; name: string; hint: string }> = [
-  { value: 'none', name: '📁 原目录执行', hint: '不使用 git，直接在项目目录工作（出厂默认）' },
-  { value: 'worktree', name: '🌿 Worktree 隔离', hint: '每次执行在独立 worktree 分支上进行（task/标题+ID），互不污染' },
+/** The isolation options with one-line hints (mirrors the task form; translated per render). */
+const isolationOptions = (t: Translate): ReadonlyArray<{ value: IsolationMode; name: string; hint: string }> => [
+  { value: 'none', name: t('form.iso.none'), hint: t('set.iso.noneHint') },
+  { value: 'worktree', name: t('form.iso.worktree'), hint: t('set.iso.worktreeHint') },
 ]
 
 /**
@@ -23,17 +24,21 @@ const ISOLATION_OPTIONS: ReadonlyArray<{ value: IsolationMode; name: string; hin
  * @param controller - the board controller.
  */
 export function SettingsModal({ controller }: { controller: BoardController }) {
+  const t = useT()
   const state = controller.getSnapshot()
   const currentIso = state.ledger.settings?.defaultIsolation ?? DEFAULT_ISOLATION
   const currentSync = defaultSyncExternalSessionsOf(state.ledger.settings)
+  const currentPerm = defaultPermissionOf(state.ledger.settings)
   const [draftIso, setDraftIso] = useState<IsolationMode>(currentIso)
   const [draftSync, setDraftSync] = useState<boolean>(currentSync)
-  const dirty = draftIso !== currentIso || draftSync !== currentSync
+  const [draftPerm, setDraftPerm] = useState<PermissionMode>(currentPerm)
+  const dirty = draftIso !== currentIso || draftSync !== currentSync || draftPerm !== currentPerm
 
   const save = (): void => {
     void controller.updateSettings({
       defaultIsolation: draftIso,
       syncExternalSessions: draftSync,
+      defaultPermission: draftPerm,
     }).then(ok => {
       if (ok) controller.closeSettings()
     })
@@ -41,21 +46,21 @@ export function SettingsModal({ controller }: { controller: BoardController }) {
 
   return (
     <div className="dsh-atb-modal-backdrop" onClick={e => { if (e.target === e.currentTarget) controller.closeSettings() }}>
-      <div className="dsh-atb-modal dsh-atb-set" role="dialog" aria-modal="true" aria-label="看板设置">
+      <div className="dsh-atb-modal dsh-atb-set" role="dialog" aria-modal="true" aria-label={t('set.aria')}>
         <div className="dsh-atb-modal-head">
           <span className="dsh-atb-modal-headicon">🛠</span>
           <div className="dsh-atb-modal-headtext">
-            <h3>看板设置</h3>
-            <p>新建任务与会话同步的全局默认值</p>
+            <h3>{t('set.title')}</h3>
+            <p>{t('set.subtitle')}</p>
           </div>
-          <button type="button" className="dsh-atb-modal-close" aria-label="关闭" onClick={() => controller.closeSettings()}>✕</button>
+          <button type="button" className="dsh-atb-modal-close" aria-label={t('shared.close')} onClick={() => controller.closeSettings()}>✕</button>
         </div>
 
         <div className="dsh-atb-modal-body">
           <section className="dsh-atb-diag-sec">
-            <h4>默认执行隔离</h4>
+            <h4>{t('set.iso.heading')}</h4>
             <div className="dsh-atb-mode-picker">
-              {ISOLATION_OPTIONS.map(o => (
+              {isolationOptions(t).map(o => (
                 <button
                   key={o.value}
                   type="button"
@@ -70,48 +75,83 @@ export function SettingsModal({ controller }: { controller: BoardController }) {
               ))}
             </div>
             <span className="dsh-atb-isolation-note">
-              当前保存的默认：{currentIso === 'worktree' ? '🌿 Worktree 隔离' : '📁 原目录执行'}。
-              仅影响之后新建的任务；已有任务保持创建时的选择，非 git 项目运行时仍自动降级原目录。
+              {t('set.iso.current', { current: currentIso === 'worktree' ? t('form.iso.worktree') : t('form.iso.none') })}
             </span>
           </section>
 
           <section className="dsh-atb-diag-sec">
-            <h4>自动同步工作区会话</h4>
+            <h4>{t('set.sync.heading')}</h4>
             <div className="dsh-atb-mode-picker">
               <button
                 type="button"
                 className="dsh-atb-mode-opt"
                 data-on={!draftSync}
-                title="仅管理在任务看板中创建和触发的任务"
+                title={t('set.sync.off.title')}
                 onClick={() => setDraftSync(false)}
               >
-                <span className="dsh-atb-mode-name">🚫 关闭同步</span>
-                <span className="dsh-atb-mode-hint">仅管理看板任务（出厂默认）</span>
+                <span className="dsh-atb-mode-name">{t('set.sync.off.name')}</span>
+                <span className="dsh-atb-mode-hint">{t('set.sync.off.hint')}</span>
               </button>
               <button
                 type="button"
                 className="dsh-atb-mode-opt"
                 data-on={draftSync}
-                title="各工作区直接新建的会话也会在看板展示，运行中进入「进行中」，完成后自动进入「待验收」"
+                title={t('set.sync.on.title')}
                 onClick={() => setDraftSync(true)}
               >
-                <span className="dsh-atb-mode-name">🔄 自动纳入会话</span>
-                <span className="dsh-atb-mode-hint">跟踪运行并在完成后进入待验收</span>
+                <span className="dsh-atb-mode-name">{t('set.sync.on.name')}</span>
+                <span className="dsh-atb-mode-hint">{t('set.sync.on.hint')}</span>
               </button>
             </div>
             <span className="dsh-atb-isolation-note">
               {currentSync
-                ? '已开启：工作区直接新建并执行的会话将自动在看板生成任务卡片，并在完成后流转至「待验收」列。'
-                : '已关闭：仅在看板内部创建与触发执行的任务会出现在看板上。'}
+                ? t('set.sync.stateOn')
+                : t('set.sync.stateOff')}
+            </span>
+          </section>
+
+          <section className="dsh-atb-diag-sec">
+            <h4>{t('set.perm.heading')}</h4>
+            <div className="dsh-atb-perm-picker">
+              <button
+                type="button"
+                className="dsh-atb-perm-opt"
+                data-on={draftPerm === 'workspace-write'}
+                onClick={() => setDraftPerm('workspace-write')}
+              >
+                <span className="dsh-atb-perm-name">{t('set.perm.writeName')}</span>
+                <span className="dsh-atb-perm-hint">{t('set.perm.writeHint')}</span>
+              </button>
+              <button
+                type="button"
+                className="dsh-atb-perm-opt"
+                data-on={draftPerm === 'read-only'}
+                onClick={() => setDraftPerm('read-only')}
+              >
+                <span className="dsh-atb-perm-name">{t('set.perm.readOnlyName')}</span>
+                <span className="dsh-atb-perm-hint">{t('set.perm.readOnlyHint')}</span>
+              </button>
+              <button
+                type="button"
+                className="dsh-atb-perm-opt"
+                data-on={draftPerm === 'danger-full-access'}
+                onClick={() => setDraftPerm('danger-full-access')}
+              >
+                <span className="dsh-atb-perm-name">{t('set.perm.fullName')}</span>
+                <span className="dsh-atb-perm-hint">{t('set.perm.fullHint')}</span>
+              </button>
+            </div>
+            <span className="dsh-atb-isolation-note">
+              {t('set.perm.current', { current: currentPerm === 'read-only' ? t('set.perm.readOnlyName') : currentPerm === 'danger-full-access' ? t('set.perm.fullName') : t('set.perm.writeName') })}
             </span>
           </section>
         </div>
 
         <div className="dsh-atb-modal-foot">
-          <span className="dsh-atb-modal-hint">{dirty ? '有未保存的修改' : '与看板当前设置一致'}</span>
+          <span className="dsh-atb-modal-hint">{dirty ? t('set.foot.dirty') : t('set.foot.clean')}</span>
           <span className="dsh-atb-modal-footbtns">
-            <button type="button" className="dsh-atb-btn" onClick={() => controller.closeSettings()}>取消</button>
-            <button type="button" className="dsh-atb-btn" data-primary="true" disabled={!dirty} onClick={save}>保存设置</button>
+            <button type="button" className="dsh-atb-btn" onClick={() => controller.closeSettings()}>{t('shared.cancel')}</button>
+            <button type="button" className="dsh-atb-btn" data-primary="true" disabled={!dirty} onClick={save}>{t('set.action.save')}</button>
           </span>
         </div>
       </div>