dsh-taskboard 0.5.5 → 0.6.0

package/src/client/board/TemplateManager.tsx

@@ -8,12 +8,14 @@
 import { useState } from 'react'
 import type { BoardController } from '../controller.ts'
 import { useAlert } from './AlertModal.tsx'
+import { useT } from '../i18n/runtime.ts'
 
 /**
  * The template manager modal.
  * @param controller - the controller.
  */
 export function TemplateManager({ controller }: { controller: BoardController }) {
+  const t = useT()
   const state = controller.getSnapshot()
   const [edits, setEdits] = useState<Record<string, string>>({})
   const [confirmId, setConfirmId] = useState<string | undefined>(undefined)
@@ -30,78 +32,79 @@ export function TemplateManager({ controller }: { controller: BoardController })
     void controller.upsertTemplate({ id, name, task: template.task }).then(ok => {
       if (ok) {
         setEdits(prev => { const next = { ...prev }; delete next[id]; return next })
-        showAlert('模板已改名')
+        showAlert(t('tpl.renamed'))
       }
     })
   }
 
   return (
     <div className="dsh-atb-modal-backdrop" onClick={e => { if (e.target === e.currentTarget) close() }}>
-      <div className="dsh-atb-modal dsh-atb-tplm" role="dialog" aria-modal="true" aria-label="管理模板">
+      <div className="dsh-atb-modal dsh-atb-tplm" role="dialog" aria-modal="true" aria-label={t('tpl.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('tpl.title')}</h3>
+            <p>{t('tpl.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">
           {state.templates.length === 0
-            ? <div className="dsh-atb-empty2">暂无模板 — 在任务详情页点「存为模板」把常用配置沉淀下来</div>
+            ? <div className="dsh-atb-empty2">{t('tpl.empty')}</div>
             : (
                 <div className="dsh-atb-tplm-list">
-                  {state.templates.map(t => (
-                    <div key={t.id} className="dsh-atb-tplm-row">
+                  {state.templates.map(tpl => (
+                    <div key={tpl.id} className="dsh-atb-tplm-row">
                       <input
                         className="dsh-atb-tplm-name"
-                        value={nameOf(t.id, t.name)}
+                        value={nameOf(tpl.id, tpl.name)}
                         maxLength={60}
                         spellCheck={false}
-                        aria-label={`模板名 ${t.name}`}
-                        onChange={e => setEdits(prev => ({ ...prev, [t.id]: e.target.value }))}
+                        aria-label={t('tpl.name.aria', { name: tpl.name })}
+                        onChange={e => setEdits(prev => ({ ...prev, [tpl.id]: e.target.value }))}
                         onKeyDown={e => {
-                          if (e.key === 'Enter') save(t.id, nameOf(t.id, t.name))
+                          if (e.key === 'Enter') save(tpl.id, nameOf(tpl.id, tpl.name))
                         }}
                       />
                       <span
                         className="dsh-atb-tplm-meta"
-                        title={`${t.builtin === true ? '内置' : '自建'}${t.task.checklist !== undefined && t.task.checklist.length > 0 ? ` · 清单 ${t.task.checklist.length} 项` : ''}${t.task.urgency !== undefined ? ` · ${t.task.urgency}` : ''}`}
+                        title={`${tpl.builtin === true ? t('tpl.builtin') : t('tpl.custom')}${tpl.task.checklist !== undefined && tpl.task.checklist.length > 0 ? t('tpl.meta.checklist', { n: tpl.task.checklist.length }) : ''}${tpl.task.urgency !== undefined ? ` · ${tpl.task.urgency}` : ''}${tpl.task.permission !== undefined ? ` · ${t('shared.permission')}: ${tpl.task.permission}` : ''}`}
                       >
-                        {t.builtin === true ? '内置' : '自建'}
-                        {t.task.checklist !== undefined && t.task.checklist.length > 0 ? ` · 清单 ${t.task.checklist.length} 项` : ''}
-                        {t.task.urgency !== undefined ? ` · ${t.task.urgency}` : ''}
+                        {tpl.builtin === true ? t('tpl.builtin') : t('tpl.custom')}
+                        {tpl.task.checklist !== undefined && tpl.task.checklist.length > 0 ? t('tpl.meta.checklist', { n: tpl.task.checklist.length }) : ''}
+                        {tpl.task.urgency !== undefined ? ` · ${tpl.task.urgency}` : ''}
+                        {tpl.task.permission !== undefined && tpl.task.permission !== 'workspace-write' ? ` · ${tpl.task.permission === 'read-only' ? t('tpl.meta.permReadOnly') : t('tpl.meta.permFull')}` : ''}
                       </span>
                       <span className="dsh-atb-tplm-btns">
                         <button
                           type="button"
                           className="dsh-atb-btn"
-                          disabled={nameOf(t.id, t.name) === t.name || nameOf(t.id, t.name).trim().length === 0}
-                          title="保存改名"
-                          onClick={() => save(t.id, nameOf(t.id, t.name))}
+                          disabled={nameOf(tpl.id, tpl.name) === tpl.name || nameOf(tpl.id, tpl.name).trim().length === 0}
+                          title={t('tpl.rename.title')}
+                          onClick={() => save(tpl.id, nameOf(tpl.id, tpl.name))}
                         >
-                          改名
+                          {t('tpl.rename.button')}
                         </button>
                         <button
                           type="button"
                           className="dsh-atb-btn"
-                          title="用此模板打开新建表单"
+                          title={t('tpl.use.title')}
                           onClick={() => {
                             close()
-                            controller.newFromTemplate(t.task)
+                            controller.newFromTemplate(tpl.task)
                           }}
                         >
-                          用此新建
+                          {t('tpl.use.button')}
                         </button>
-                        {confirmId === t.id
+                        {confirmId === tpl.id
                           ? (
                             <>
-                              <button type="button" className="dsh-atb-btn" data-danger="true" onClick={() => { void controller.deleteTemplate(t.id); setConfirmId(undefined) }}>确认删除</button>
-                              <button type="button" className="dsh-atb-btn" onClick={() => setConfirmId(undefined)}>取消</button>
+                              <button type="button" className="dsh-atb-btn" data-danger="true" onClick={() => { void controller.deleteTemplate(tpl.id); setConfirmId(undefined) }}>{t('shared.confirmDelete')}</button>
+                              <button type="button" className="dsh-atb-btn" onClick={() => setConfirmId(undefined)}>{t('shared.cancel')}</button>
                             </>
                           )
                           : (
-                              <button type="button" className="dsh-atb-btn" data-danger="true" title="删除该模板" onClick={() => setConfirmId(t.id)}>
+                              <button type="button" className="dsh-atb-btn" data-danger="true" title={t('tpl.delete.title')} onClick={() => setConfirmId(tpl.id)}>
                                 🗑
                               </button>
                             )}
@@ -112,9 +115,9 @@ export function TemplateManager({ controller }: { controller: BoardController })
               )}
         </div>
         <div className="dsh-atb-modal-foot">
-          <span className="dsh-atb-modal-hint">模板随台账一同保存在 DSH 主目录，升级不丢</span>
+          <span className="dsh-atb-modal-hint">{t('tpl.foot.hint')}</span>
           <span className="dsh-atb-modal-footbtns">
-            <button type="button" className="dsh-atb-btn" onClick={close}>关闭</button>
+            <button type="button" className="dsh-atb-btn" onClick={close}>{t('shared.close')}</button>
           </span>
         </div>
       </div>

package/src/client/board/labels.ts

@@ -1,44 +1,53 @@
 /**
- * Centralized zh-CN display labels for the board UI.
+ * Key maps for the board's enumerated display text (status / urgency /
+ * outcome). The values are i18n dictionary keys (see src/client/i18n/zh.ts
+ * for the canon and en.ts for the English side); components resolve them
+ * with useT()/translate() at render time, so the text follows the GUI
+ * language live.
  *
- * Review P2: the same status/urgency/outcome text used to live in three
- * components (TaskBoard / TaskCard / TaskDetail) and drifted — adding a
- * status meant three edits, missing one leaked the raw English key.
+ * Review P2 history: the same status/urgency/outcome text used to live in
+ * three components (TaskBoard / TaskCard / TaskDetail) and drifted — adding
+ * a status meant three edits, missing one leaked the raw English key. The
+ * three-way split below is deliberate and survived the i18n migration:
+ *
+ * - COLUMN_KEYS  — column headers on the five-column main board (+ secondary tab)
+ * - STATUS_KEYS  — status pill text (detail pane); terminal states read short
+ * - MOVE_KEYS    — move-button verbs (shorter than the pill text)
  *
  * @module dsh-taskboard/client/board/labels
  */
 import type { TaskStatus, Urgency } from '../../shared/protocol.ts'
 
-/** Column headers on the five-column main board (+ secondary tab). */
-export const COLUMN_LABELS: Readonly<Record<TaskStatus, string>> = {
-  backlog: '待规划',
-  todo: '待办',
-  in_progress: '进行中',
-  in_review: '待验收',
-  done: '已完成',
-  canceled: '已取消',
-  archived: '已归档',
+/** Column header keys on the five-column main board (+ secondary tab). */
+export const COLUMN_KEYS: Readonly<Record<TaskStatus, string>> = {
+  backlog: 'status.column.backlog',
+  todo: 'status.column.todo',
+  in_progress: 'status.column.in_progress',
+  in_review: 'status.column.in_review',
+  done: 'status.column.done',
+  canceled: 'status.column.canceled',
+  archived: 'status.column.archived',
 }
 
-/** Status pill text (detail pane) — historical wording kept verbatim:
+/** Status pill keys (detail pane) — historical wording kept verbatim:
  *  terminal states read short here, the column headers carry the full forms. */
-export const STATUS_LABEL: Readonly<Record<TaskStatus, string>> = {
-  backlog: '待规划', todo: '待办', in_progress: '进行中', in_review: '待验收',
-  done: '完成', canceled: '取消', archived: '归档',
+export const STATUS_KEYS: Readonly<Record<TaskStatus, string>> = {
+  backlog: 'status.pill.backlog', todo: 'status.pill.todo', in_progress: 'status.pill.in_progress', in_review: 'status.pill.in_review',
+  done: 'status.pill.done', canceled: 'status.pill.canceled', archived: 'status.pill.archived',
 }
 
-/** Move-button verbs (shorter than the pill text). */
-export const MOVE_LABEL: Readonly<Record<TaskStatus, string>> = {
-  backlog: '待规划', todo: '待办', in_progress: '进行中', in_review: '待验收',
-  done: '完成', canceled: '取消', archived: '归档',
+/** Move-button verb keys (shorter than the pill text). */
+export const MOVE_KEYS: Readonly<Record<TaskStatus, string>> = {
+  backlog: 'status.move.backlog', todo: 'status.move.todo', in_progress: 'status.move.in_progress', in_review: 'status.move.in_review',
+  done: 'status.move.done', canceled: 'status.move.canceled', archived: 'status.move.archived',
 }
 
-/** Urgency chip labels. */
-export const URGENCY_LABEL: Readonly<Record<Urgency, string>> = {
-  urgent: '紧急', normal: '一般', relaxed: '不急',
+/** Urgency chip keys. */
+export const URGENCY_KEYS: Readonly<Record<Urgency, string>> = {
+  urgent: 'urgency.urgent', normal: 'urgency.normal', relaxed: 'urgency.relaxed',
 }
 
-/** Execution outcome labels. */
-export const OUTCOME_LABEL: Readonly<Record<string, string>> = {
-  running: '执行中', succeeded: '成功', failed: '失败', cancelled: '已取消',
+/** Execution outcome keys. */
+export const OUTCOME_KEYS: Readonly<Record<string, string>> = {
+  running: 'outcome.running', succeeded: 'outcome.succeeded', failed: 'outcome.failed', cancelled: 'outcome.cancelled',
 }

package/src/client/controller.ts

@@ -7,11 +7,12 @@
  *
  * @module dsh-taskboard/client/controller
  */
-import type { ChangeEvent, DiagnosticsResponse, DiffResponse, ImportCommitResponse, ImportPreviewResponse, TaskTemplate, TaskTemplateSpec, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
+import type { ChangeEvent, DiagnosticsResponse, DiffResponse, ImportCommitResponse, ImportPreviewResponse, PromptCompletionsResponse, TaskTemplate, TaskTemplateSpec, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
 import type { ChecklistItem, TaskLedger, TaskRecord, Urgency } from '../shared/protocol.ts'
 import { emptyLedger } from '../shared/protocol.ts'
 import type { TaskboardClient } from './api.ts'
 import type { SessionJumpResult } from './session-jump.ts'
+import { translate } from './i18n/runtime.ts'
 
 /** View filters over the ledger. */
 export interface BoardFilters {
@@ -321,6 +322,54 @@ export class BoardController {
     return this.catalogFaces.presets
   }
 
+  /**
+   * Fetch model catalog: prefers installed runtime face, falls back to Taskboard client API (0.5.5).
+   */
+  async fetchModelCatalog(): Promise<Array<{
+    provider: string
+    model: string
+    name?: string
+    description?: string
+    reasoning?: {
+      efforts: Array<{ id: string; name: string; description?: string }>
+      defaultEffort?: string
+    }
+  }>> {
+    if (this.catalogFaces.models !== undefined) {
+      try {
+        const list = await this.catalogFaces.models()
+        if (list !== undefined && list.length > 0) return list
+      } catch { /* fallback to client */ }
+    }
+    try {
+      const res = await this.client.modelCatalog()
+      return res.models ?? []
+    } catch {
+      return []
+    }
+  }
+
+  /**
+   * Fetch preset roster: prefers installed runtime face, falls back to Taskboard client API (0.5.5).
+   */
+  async fetchPresetCatalog(): Promise<{ presets: Array<{ id: string; name?: string }>; defaultId?: string }> {
+    if (this.catalogFaces.presets !== undefined) {
+      try {
+        const roster = await this.catalogFaces.presets()
+        if (roster !== undefined && roster.presets !== undefined && roster.presets.length > 0) return roster
+      } catch { /* fallback to client */ }
+    }
+    try {
+      const res = await this.client.modelCatalog()
+      return {
+        presets: res.presets ?? [],
+        ...(res.defaultPresetId !== undefined ? { defaultId: res.defaultPresetId } : {}),
+      }
+    } catch {
+      return { presets: [] }
+    }
+  }
+
   /**
    * Jump to an execution's session (open it in the GUI). On success the board
    * closes so the conversation shows; a deleted-or-archived session reports
@@ -557,7 +606,7 @@ export class BoardController {
     try {
       await this.client.create({
         // Keep the suffix under the host's 200-char title cap (review P1).
-        title: `${task.title.slice(0, 196)}（副本）`,
+        title: task.title.slice(0, 196) + translate('shared.duplicate.suffix'),
         workspaceId: task.workspaceId,
         urgency: task.urgency,
         description: task.description.length > 0 ? task.description : undefined,
@@ -568,6 +617,7 @@ export class BoardController {
         model: task.model,
         isolation: task.isolation,
         ...(task.presetId !== undefined ? { presetId: task.presetId } : {}),
+        ...(task.permission !== undefined ? { permission: task.permission } : {}),
         ...(task.checklist !== undefined && task.checklist.length > 0 ? { checklist: task.checklist.map(i => i.text) } : {}),
       })
       await this.refresh()
@@ -640,11 +690,21 @@ export class BoardController {
         model: task.model,
         isolation: task.isolation,
         ...(task.presetId !== undefined ? { presetId: task.presetId } : {}),
+        ...(task.permission !== undefined ? { permission: task.permission } : {}),
         ...(task.checklist !== undefined && task.checklist.length > 0 ? { checklist: task.checklist.map(i => i.text) } : {}),
       },
     })
   }
 
+  /** Load prompt completions (skills + slash commands) from host (0.5.5). */
+  async fetchPromptCompletions(): Promise<PromptCompletionsResponse | undefined> {
+    try {
+      return await this.client.promptCompletions()
+    } catch {
+      return undefined
+    }
+  }
+
   // ------------------------------------------------ import (0.4.0)
   /** Open the import modal. */
   openImport(): void { this.setState({ importOpen: true }) }