@dsh-plus/agent-preset-rea 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-plus/agent-preset-rea",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "dsh-plus service + UI plugin: 注册逆向工程 agent preset（id=rea）——官方 standard 全量行镜像 + 预设作用域的 REA MCP 客户端（mcp__rea__*）、随包 REA 官方 skill、提示词卡片与 REA/skill 的受管安装更新",
   "type": "module",
   "main": "lib/index.js",
@@ -32,7 +32,7 @@
     }
   },
   "dependencies": {
-    "@dsh-plus/shared": "0.1.40"
+    "@dsh-plus/shared": "0.1.41"
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.5-alpha.2",

package/src/client/api.ts

@@ -6,7 +6,7 @@
  * @module agent-preset-rea/client/api
  */
 import { getJson, postJson } from '@dsh-plus/shared/client'
-import type { JobActionDto, JobDto, StatusDto } from '../dto.ts'
+import type { JobActionDto, JobDto, JobKind, StatusDto } from '../dto.ts'
 
 /** 载荷类型谓词（与 shared/client 的 fetch 同形；此处按本插件契约自持）。 */
 type Guard<T> = (value: unknown) => value is T
@@ -34,6 +34,7 @@ function isStatus(value: unknown): value is StatusDto {
   const install = body['install']
   const skill = body['skill']
   const mcp = body['mcp']
+  const reverse = body['reverse']
   return (
     typeof install === 'object' &&
     install !== null &&
@@ -41,6 +42,8 @@ function isStatus(value: unknown): value is StatusDto {
     skill !== null &&
     typeof mcp === 'object' &&
     mcp !== null &&
+    typeof reverse === 'object' &&
+    reverse !== null &&
     typeof body['config'] === 'object' &&
     body['config'] !== null
   )
@@ -60,13 +63,11 @@ export async function fetchStatus(): Promise<StatusDto> {
 
 /**
  * 启动作业。
- * @param kind - `install` = 安装/更新 REA 包；`skill` = 拉取并替换 skill 副本。
+ * @param kind - `install` = 安装/更新 REA 包；`skill` = 更新 REA skill 副本；
+ *   `reverse` = 更新 reverse-skill（GitHub 源）。
  * @param proxyPort - 草稿里当前填的代理端口（未保存也即时生效）。
  */
-export async function startJob(
-  kind: 'install' | 'skill',
-  proxyPort: number,
-): Promise<JobActionDto> {
+export async function startJob(kind: JobKind, proxyPort: number): Promise<JobActionDto> {
   return postJson<JobActionDto>(`${ROUTE_BASE}/${kind}`, { proxyPort }, isJobAction)
 }
 

package/src/client/card.tsx

@@ -6,11 +6,12 @@
  * （CardChrome + useNamespaceDraft：staged 草稿、脏判定、revision fencing、
  * Host 更新不覆盖在途编辑），安装维护区见 client/install.tsx。
  *
- * 两个活动字段（`Config` 里标 `.volatile()` 的）都在这里给出编辑器：
+ * 五个活动字段（`Config` 里标 `.volatile()` 的）都在这里给出编辑器：
  * - `personaPrefix`：system-prompt 的 persona 前缀段；
- * - `proxyPort`：安装/更新时的本机代理端口。
- * 其余字段（安装位置、MCP 参数、超时、附加 skill 根）属部署方平面，由 profile 的
- * cordis.patch.yml 行级配置覆盖，卡片只读展示关键事实。
+ * - `proxyPort`：安装/更新时的本机代理端口；
+ * - `mcpEnabled` / `skillEnabled` / `reverseSkillEnabled`：三个能力开关（见 toggles.tsx）。
+ * 其余字段（受管目录、版本钉、skill 组、MCP 参数、超时、附加 skill 根）属部署方平面，
+ * 由 profile 的 cordis.patch.yml 行级配置覆盖，卡片只读展示关键事实。
  *
  * 安装维护为什么不放在注册期自动做：启动期 `npx`/npm 安装会跑依赖安装脚本
  * （原生 prebuild 下载），卡住即吊死预设激活与整个名册；因此改成显式动作
@@ -33,6 +34,7 @@ import type { ReactElement } from 'react'
 import { type ConfigValue, type Draft, draftFromValue, parseProxyPort, toPatch } from './draft.ts'
 import type { Translate } from './i18n.ts'
 import { InstallSection } from './install.tsx'
+import { ToggleSection } from './toggles.tsx'
 
 export interface CardProps extends PluginConfigViewProps {
   t: Translate
@@ -139,6 +141,8 @@ export function ReaCard(props: CardProps): ReactElement | string | null {
         onEdit={(text) => state.edit({ proxyPort: text })}
       />
 
+      <ToggleSection t={t} draft={draft} disabled={disabled} onEdit={state.edit} />
+
       <InstallSection t={t} disabled={disabled} proxyPort={port} />
     </CardChrome>
   )

package/src/client/client.ts

@@ -4,8 +4,8 @@
  * 构建产物为 window.__ModuleLoader__.load({id, factory}) 形式的 CJS factory
  * （包装见 tsdown.config.ts）；样式沿用官方 data-plugin-css 约定，HMR 据此卸载。
  *
- * 卡片编辑两个活动字段（`personaPrefix`、`proxyPort`），并驱动宿主半的受管安装/更新
- * 作业（同源自定义端点，见 client/api.ts）；配置读写经共享层直连 `ctx.remote.settings`
+ * 卡片编辑五个活动字段（`personaPrefix`、`proxyPort` 与 mcp/skill/reverse 三个开关），
+ * 并驱动宿主半的受管安装/更新作业（同源自定义端点，见 client/api.ts）；配置读写经共享层直连 `ctx.remote.settings`
  * （官方 `settingsScope` 服务不存在、由 `configForms` 取代），与 notify-email 同机制。
  * @module @dsh-plus/agent-preset-rea/client
  */

package/src/client/draft.ts

@@ -1,9 +1,10 @@
 /**
  * 卡片草稿的纯逻辑（无 JSX，node --test 可直接测）：命名空间解析值 ⇄ 编辑草稿。
  *
- * 卡片编辑两个活动字段（`personaPrefix` 提示词、`proxyPort` 安装代理端口），其余字段
+ * 卡片编辑五个活动字段（`personaPrefix` 提示词、`proxyPort` 安装代理端口、
+ * `mcpEnabled` / `skillEnabled` / `reverseSkillEnabled` 三个能力开关），其余字段
  * 属部署方平面不进卡片；命名空间值是整行配置的脱敏视图，读取时按字段收窄：
- * 值缺席或类型不符一律回落默认（提示词空串、代理 0）。
+ * 值缺席或类型不符一律回落默认（提示词空串、代理 0、开关 true）。
  *
  * 代理端口以文本承载：越界/非法不静默改写，标 `invalid` 并禁用保存（见 card.tsx），
  * 避免「输入 99999 被悄悄存成 65535」这类静默数据损坏。
@@ -14,6 +15,9 @@
 export interface ConfigValue {
   personaPrefix?: unknown
   proxyPort?: unknown
+  mcpEnabled?: unknown
+  skillEnabled?: unknown
+  reverseSkillEnabled?: unknown
 }
 
 /** 编辑草稿。 */
@@ -21,6 +25,15 @@ export interface Draft {
   personaPrefix: string
   /** 代理端口文本（空串与 `'0'` 都表示不用代理）。 */
   proxyPort: string
+  /** 三个能力开关（REA MCP 行 / REA skill / reverse-skill）。 */
+  mcpEnabled: boolean
+  skillEnabled: boolean
+  reverseSkillEnabled: boolean
+}
+
+/** 布尔字段收窄（缺席或类型不符回落默认值）。 */
+function boolOf(value: unknown, fallback: boolean): boolean {
+  return typeof value === 'boolean' ? value : fallback
 }
 
 /** 代理端口上限。 */
@@ -31,6 +44,9 @@ export function draftFromValue(value: ConfigValue): Draft {
   return {
     personaPrefix: typeof value.personaPrefix === 'string' ? value.personaPrefix : '',
     proxyPort: typeof value.proxyPort === 'number' ? String(value.proxyPort) : '',
+    mcpEnabled: boolOf(value.mcpEnabled, true),
+    skillEnabled: boolOf(value.skillEnabled, true),
+    reverseSkillEnabled: boolOf(value.reverseSkillEnabled, true),
   }
 }
 
@@ -51,5 +67,8 @@ export function toPatch(draft: Draft): Record<string, unknown> {
   return {
     personaPrefix: draft.personaPrefix,
     proxyPort: parseProxyPort(draft.proxyPort) ?? 0,
+    mcpEnabled: draft.mcpEnabled,
+    skillEnabled: draft.skillEnabled,
+    reverseSkillEnabled: draft.reverseSkillEnabled,
   }
 }

package/src/client/i18n.ts

@@ -10,7 +10,7 @@ export const NS = 'dsh-plus-agent-preset-rea'
 const ownZh = {
   title: '逆向工程预设',
   description: 'REA 提示词与安装维护：提示词留空即空 persona，工具指引与运行时上下文照常注入。',
-  summaryLine: '编辑「逆向工程」预设的提示词，并安装/更新 REA 与 skill',
+  summaryLine: '编辑「逆向工程」预设的提示词、开关 REA MCP 与两类 skill，并安装/更新',
   prompt: '系统提示词（persona 前缀）',
   promptHint:
     '写入 system-prompt 的 persona 前缀段，仅对「逆向工程」预设的新会话生效；留空 = 不注入 persona 段（官方工具指引、项目指令与运行时上下文不受影响）。保存后新建会话即用新值。',
@@ -58,6 +58,26 @@ const ownZh = {
   jobElapsed: '已用时',
   jobLogEmpty: '（暂无输出）',
 
+  toggleSection: '能力开关',
+  toggleMcp: 'REA MCP 工具（mcp__rea__*）',
+  toggleMcpHint:
+    '关掉即从本预设摘掉 REA MCP 行，模型面看不到 mcp__rea__* 工具；REA 仍留在磁盘上，随时可开回来（保存后新建会话生效）。',
+  toggleSkill: 'REA 官方 skill',
+  toggleSkillHint:
+    '关掉即不挂 REA 官方 skill 根（reverse-engineer-anything），其余 skill 根不受影响。',
+  toggleReverse: 'reverse-skill 技能包',
+  toggleReverseHint:
+    '关掉即不挂 zhaoxuya520/reverse-skill 的技能组（默认挂主包根：路由技能 + 各模块技能）；安装副本仍在，可从下面重新更新。',
+  enabled: '已挂载',
+  disabled: '已关闭',
+  reverseSource: 'reverse-skill',
+  reverseCommit: '提交',
+  reverseGroups: '技能组',
+  reverseGroupsHint: '树内可选组：',
+  reversePath: '技能包目录',
+  reverseAction: '更新 reverse-skill',
+  jobReverse: '更新 reverse-skill',
+
   proxyPort: '安装代理端口',
   proxyPortHint:
     '安装/更新时供 npm 与原生依赖（node-pty）prebuild 下载使用的本机代理端口；0 或留空 = 直连。未保存也用于本次安装，保存后长期生效。',
@@ -68,7 +88,7 @@ const ownEn = {
   title: 'Reverse-engineering preset',
   description:
     'REA prompt and installation: an empty prompt means a blank persona; tool guidance and runtime context stay in place.',
-  summaryLine: 'Edit the “逆向工程” prompt and install/update REA and its skill',
+  summaryLine: 'Edit the “逆向工程” prompt, toggle REA MCP/skills, install and update them',
   prompt: 'System prompt (persona prefix)',
   promptHint:
     'Written to the persona-prefix section of the system prompt for new sessions of this preset only. Empty means no persona section (official tool guidance, project instructions and runtime context are unaffected). New sessions pick up the saved value.',
@@ -118,6 +138,26 @@ const ownEn = {
   jobElapsed: 'Elapsed',
   jobLogEmpty: '(no output yet)',
 
+  toggleSection: 'Capability switches',
+  toggleMcp: 'REA MCP tools (mcp__rea__*)',
+  toggleMcpHint:
+    'Turning this off drops the REA MCP row from this preset, so mcp__rea__* tools disappear; REA stays on disk and can be switched back on. New sessions pick up the change.',
+  toggleSkill: 'REA official skill',
+  toggleSkillHint:
+    'Turning this off unmounts the bundled REA skill root (reverse-engineer-anything); other skill roots are unaffected.',
+  toggleReverse: 'reverse-skill pack',
+  toggleReverseHint:
+    'Turning this off unmounts the skill groups of zhaoxuya520/reverse-skill (the main pack root is mounted by default: router skill plus module skills). The installed copy stays on disk and can be updated again below.',
+  enabled: 'Mounted',
+  disabled: 'Off',
+  reverseSource: 'reverse-skill',
+  reverseCommit: 'Commit',
+  reverseGroups: 'Skill groups',
+  reverseGroupsHint: 'Available in tree: ',
+  reversePath: 'Pack directory',
+  reverseAction: 'Update reverse-skill',
+  jobReverse: 'Update reverse-skill',
+
   proxyPort: 'Install proxy port',
   proxyPortHint:
     'Local proxy port used by npm and by the native node-pty prebuild download during install/update; 0 or empty means direct. The unsaved value is used for the next install and applies permanently once saved.',

package/src/client/install.tsx

@@ -1,6 +1,6 @@
 /**
- * 卡片的「REA 安装与更新」区：只读状态表 + 三个动作（安装/更新 REA、更新 skill、
- * 取消作业）+ 运行中作业的阶段进度条、已用时与日志尾部。
+ * 卡片的「REA 安装与更新」区：只读状态表 + 四个动作（安装/更新 REA、更新 REA skill、
+ * 更新 reverse-skill、取消作业）+ 运行中作业的阶段进度条、已用时与日志尾部。
  *
  * 状态与作业都来自宿主半的同源端点（见 client/api.ts 与宿主 routes.ts）：这里只管
  * 轮询与呈现。作业在跑时按 {@link PROGRESS_POLL_MS} 轮询——进度是宿主侧的真事实，
@@ -8,9 +8,9 @@
  * @module agent-preset-rea/client/install
  */
 import { Button } from '@dsh-plus/shared/client'
-import { type ReactElement, useCallback, useEffect, useRef, useState } from 'react'
+import { type ReactElement, type ReactNode, useCallback, useEffect, useRef, useState } from 'react'
 
-import type { JobDto, StatusDto } from '../dto.ts'
+import type { JobDto, ReverseSkillDto, SkillDto, StatusDto } from '../dto.ts'
 import { cancelJob, fetchStatus, startJob } from './api.ts'
 import type { Translate } from './i18n.ts'
 
@@ -43,6 +43,14 @@ const STATE_CLASS = {
   cancelled: 'Cancelled',
 } as const
 
+/** 作业种类 → 文案键。 */
+const JOB_LABEL = { install: 'jobInstall', skill: 'jobSkill', reverse: 'jobReverse' } as const
+
+/** 进度条百分比（防御性收窄，避免越界宽度）。 */
+function widthOf(percent: number): string {
+  return `${Math.max(0, Math.min(100, percent))}%`
+}
+
 /** 作业进度块：状态徽标 + 阶段 + 进度条 + 日志尾部。 */
 function JobPanel(props: { t: Translate; job: JobDto }): ReactElement {
   const { t, job } = props
@@ -59,9 +67,7 @@ function JobPanel(props: { t: Translate; job: JobDto }): ReactElement {
     <div className="apr-job">
       <div className="apr-jobHead">
         <span className={`apr-pill apr-pill${STATE_CLASS[job.state]}`}>{t(stateKey)}</span>
-        <span className="apr-jobTitle">
-          {t(job.kind === 'install' ? 'jobInstall' : 'jobSkill')}
-        </span>
+        <span className="apr-jobTitle">{t(JOB_LABEL[job.kind])}</span>
         <span className="apr-hint">
           {t('jobPhase')} {job.progress.step}/{job.progress.steps}·{job.progress.phase}
         </span>
@@ -76,7 +82,7 @@ function JobPanel(props: { t: Translate; job: JobDto }): ReactElement {
         aria-valuemax={100}
         aria-valuenow={job.progress.percent}
       >
-        <div className="apr-barFill" style={{ width: `${job.progress.percent}%` }} />
+        <div className="apr-barFill" style={{ width: widthOf(job.progress.percent) }} />
       </div>
       {job.error === null ? null : <p className="apr-error">{job.error}</p>}
       <details className="apr-logBox" open={job.state !== 'ok'}>
@@ -88,7 +94,7 @@ function JobPanel(props: { t: Translate; job: JobDto }): ReactElement {
 }
 
 /** 一行状态（键 + 值）。 */
-function StatusRow(props: { label: string; children: React.ReactNode }): ReactElement {
+function StatusRow(props: { label: string; children: ReactNode }): ReactElement {
   return (
     <div className="apr-installRow">
       <dt className="apr-installKey">{props.label}</dt>
@@ -97,10 +103,16 @@ function StatusRow(props: { label: string; children: React.ReactNode }): ReactEl
   )
 }
 
-/** 只读状态表：REA 包 / 受管目录 / skill 来源 / MCP 行形态。 */
-function StatusTable(props: { t: Translate; status: StatusDto }): ReactElement {
+/** 状态徽标（已就绪 / 未就绪 / 已关闭）。 */
+function Pill(props: { ok: boolean; label: string }): ReactElement {
+  return (
+    <span className={`apr-pill ${props.ok ? 'apr-pillOk' : 'apr-pillMiss'}`}>{props.label}</span>
+  )
+}
+
+/** REA 包与 MCP 行状态。 */
+function InstallRows(props: { t: Translate; status: StatusDto }): ReactElement {
   const { t, status } = props
-  const skillLabel = status.skill.source === 'updated' ? t('skillUpdated') : t('skillBundled')
   const mcpLabel = !status.mcp.enabled
     ? status.config.mcpEnabled
       ? t('mcpMissing')
@@ -109,11 +121,12 @@ function StatusTable(props: { t: Translate; status: StatusDto }): ReactElement {
       ? t('mcpCustom')
       : t('mcpInstalled')
   return (
-    <dl className="apr-install">
+    <>
       <StatusRow label={t('installPackage')}>
-        <span className={`apr-pill ${status.install.installed ? 'apr-pillOk' : 'apr-pillMiss'}`}>
-          {t(status.install.installed ? 'installed' : 'notInstalled')}
-        </span>
+        <Pill
+          ok={status.install.installed}
+          label={t(status.install.installed ? 'installed' : 'notInstalled')}
+        />
         {status.install.version === null ? null : (
           <span className="apr-mono">{status.install.version}</span>
         )}
@@ -124,18 +137,6 @@ function StatusTable(props: { t: Translate; status: StatusDto }): ReactElement {
       <StatusRow label={t('installPath')}>
         <code className="apr-mono">{status.install.root}</code>
       </StatusRow>
-      <StatusRow label={t('skillSource')}>
-        <span className="apr-mono">{skillLabel}</span>
-        <span className="apr-hint">
-          {t('skillFiles')} {status.skill.files}
-          {status.skill.version === null ? '' : ` · ${status.skill.version}`}
-        </span>
-        {status.skill.updatedAt === null ? null : (
-          <span className="apr-hint">
-            {t('updatedAt')} {status.skill.updatedAt}
-          </span>
-        )}
-      </StatusRow>
       <StatusRow label={t('mcpRow')}>
         <span className="apr-mono">{mcpLabel}</span>
         {status.mcp.command === null ? null : (
@@ -144,10 +145,125 @@ function StatusTable(props: { t: Translate; status: StatusDto }): ReactElement {
           </code>
         )}
       </StatusRow>
+    </>
+  )
+}
+
+/** REA 官方 skill 状态。 */
+function SkillRows(props: { t: Translate; skill: SkillDto; enabled: boolean }): ReactElement {
+  const { t, skill, enabled } = props
+  const version = skill.version === null ? '' : ` · ${skill.version}`
+  return (
+    <StatusRow label={t('skillSource')}>
+      <Pill ok={enabled} label={t(enabled ? 'enabled' : 'disabled')} />
+      <span className="apr-mono">
+        {t(skill.source === 'updated' ? 'skillUpdated' : 'skillBundled')}
+      </span>
+      <span className="apr-hint">
+        {t('skillFiles')} {skill.files}
+        {version}
+      </span>
+      {skill.updatedAt === null ? null : (
+        <span className="apr-hint">
+          {t('updatedAt')} {skill.updatedAt}
+        </span>
+      )}
+    </StatusRow>
+  )
+}
+
+/** reverse-skill（GitHub 源）状态。 */
+function ReverseRows(props: {
+  t: Translate
+  reverse: ReverseSkillDto
+  enabled: boolean
+}): ReactElement {
+  const { t, reverse, enabled } = props
+  const active = reverse.activeGroups.length === 0 ? '—' : reverse.activeGroups.join(', ')
+  const all = reverse.groups.length === 0 ? '—' : reverse.groups.join(', ')
+  return (
+    <>
+      <StatusRow label={t('reverseSource')}>
+        <Pill ok={reverse.installed} label={t(reverse.installed ? 'installed' : 'notInstalled')} />
+        <span className="apr-mono">{reverse.repo}</span>
+        {reverse.sha === null ? null : (
+          <span className="apr-hint">
+            {t('reverseCommit')} {reverse.sha.slice(0, 12)}
+            {reverse.version === null ? '' : ` · v${reverse.version}`}
+          </span>
+        )}
+      </StatusRow>
+      <StatusRow label={t('reverseGroups')}>
+        <Pill ok={enabled} label={t(enabled ? 'enabled' : 'disabled')} />
+        <span className="apr-mono">{active}</span>
+        <span className="apr-hint">
+          {t('reverseGroupsHint')} {all}
+        </span>
+      </StatusRow>
+      <StatusRow label={t('reversePath')}>
+        <code className="apr-mono">{reverse.tree}</code>
+        {reverse.updatedAt === null ? null : (
+          <span className="apr-hint">
+            {t('updatedAt')} {reverse.updatedAt}
+          </span>
+        )}
+      </StatusRow>
+    </>
+  )
+}
+
+/** 只读状态表：REA 包 / MCP 行 / REA skill / reverse-skill。 */
+function StatusTable(props: { t: Translate; status: StatusDto }): ReactElement {
+  const { t, status } = props
+  return (
+    <dl className="apr-install">
+      <InstallRows t={t} status={status} />
+      <SkillRows t={t} skill={status.skill} enabled={status.config.skillEnabled} />
+      <ReverseRows t={t} reverse={status.reverse} enabled={status.config.reverseSkillEnabled} />
     </dl>
   )
 }
 
+/** 动作按钮行。 */
+function ActionRow(props: {
+  t: Translate
+  busy: boolean
+  running: boolean
+  disabled: boolean
+  proxyPort: number | null
+  onAction(kind: 'install' | 'skill' | 'reverse'): void
+  onCancel(): void
+}): ReactElement {
+  const { t, busy, running, disabled, proxyPort, onAction, onCancel } = props
+  const blocked = disabled || busy || running || proxyPort === null
+  return (
+    <div className="apr-btnRow">
+      <Button
+        prefix="apr"
+        variant="primary"
+        label={t('installAction')}
+        disabled={blocked}
+        onClick={() => onAction('install')}
+      />
+      <Button
+        prefix="apr"
+        label={t('skillAction')}
+        disabled={blocked}
+        onClick={() => onAction('skill')}
+      />
+      <Button
+        prefix="apr"
+        label={t('reverseAction')}
+        disabled={blocked}
+        onClick={() => onAction('reverse')}
+      />
+      {running ? (
+        <Button prefix="apr" label={t('cancelAction')} disabled={busy} onClick={onCancel} />
+      ) : null}
+    </div>
+  )
+}
+
 export interface InstallSectionProps {
   t: Translate
   /** 设置只读（不可写）时禁用全部动作。 */
@@ -215,7 +331,6 @@ export function InstallSection(props: InstallSectionProps): ReactElement {
     [load, t],
   )
 
-  const blocked = disabled || busy || running === true
   const job = status?.job ?? null
   return (
     <section className="apr-field">
@@ -235,35 +350,19 @@ export function InstallSection(props: InstallSectionProps): ReactElement {
       ) : (
         <>
           <StatusTable t={t} status={status} />
-          <div className="apr-btnRow">
-            <Button
-              prefix="apr"
-              variant="primary"
-              label={t('installAction')}
-              disabled={blocked || proxyPort === null}
-              onClick={() => {
-                runAction(() => startJob('install', proxyPort ?? 0))
-              }}
-            />
-            <Button
-              prefix="apr"
-              label={t('skillAction')}
-              disabled={blocked || proxyPort === null}
-              onClick={() => {
-                runAction(() => startJob('skill', proxyPort ?? 0))
-              }}
-            />
-            {running === true ? (
-              <Button
-                prefix="apr"
-                label={t('cancelAction')}
-                disabled={busy}
-                onClick={() => {
-                  runAction(() => cancelJob())
-                }}
-              />
-            ) : null}
-          </div>
+          <ActionRow
+            t={t}
+            busy={busy}
+            running={running === true}
+            disabled={disabled}
+            proxyPort={proxyPort}
+            onAction={(kind) => {
+              runAction(() => startJob(kind, proxyPort ?? 0))
+            }}
+            onCancel={() => {
+              runAction(() => cancelJob())
+            }}
+          />
         </>
       )}
       {job === null ? null : <JobPanel t={t} job={job} />}

package/src/client/toggles.tsx

@@ -0,0 +1,57 @@
+/**
+ * 卡片的「能力开关」区：三个一键开关（REA MCP 行 / REA 官方 skill / reverse-skill
+ * 技能包）。三者都是活动字段，保存后本预设换代注册——新建会话按新装配起（REA 工具
+ * 与 skill 根的有无），已存在会话保持既有装配。
+ *
+ * 开关只管「挂不挂」，不管「装没装」：关掉不会删磁盘上的安装副本（更新/回滚仍是
+ * 显式动作，见 install.tsx）。
+ * @module agent-preset-rea/client/toggles
+ */
+import { CheckRow } from '@dsh-plus/shared/client'
+import type { ReactElement } from 'react'
+
+import type { Draft } from './draft.ts'
+import type { Translate } from './i18n.ts'
+
+/** 三个开关的键与文案键。 */
+const TOGGLES = [
+  { field: 'mcpEnabled', id: 'apr-toggle-mcp', label: 'toggleMcp', hint: 'toggleMcpHint' },
+  { field: 'skillEnabled', id: 'apr-toggle-skill', label: 'toggleSkill', hint: 'toggleSkillHint' },
+  {
+    field: 'reverseSkillEnabled',
+    id: 'apr-toggle-reverse',
+    label: 'toggleReverse',
+    hint: 'toggleReverseHint',
+  },
+] as const
+
+export interface ToggleSectionProps {
+  t: Translate
+  draft: Draft
+  disabled: boolean
+  onEdit(patch: Partial<Draft>): void
+}
+
+export function ToggleSection(props: ToggleSectionProps): ReactElement {
+  const { t, draft, disabled, onEdit } = props
+  return (
+    <section className="apr-field">
+      <div className="apr-head">
+        <span className="apr-label">{t('toggleSection')}</span>
+      </div>
+      {TOGGLES.map((toggle) => (
+        <div key={toggle.field}>
+          <CheckRow
+            prefix="apr"
+            id={toggle.id}
+            label={t(toggle.label)}
+            checked={draft[toggle.field]}
+            disabled={disabled}
+            onEdit={(checked) => onEdit({ [toggle.field]: checked })}
+          />
+          <p className="apr-hint">{t(toggle.hint)}</p>
+        </div>
+      ))}
+    </section>
+  )
+}

package/src/config.ts

@@ -5,10 +5,11 @@
  * 与 settings 用户层（GUI 配置卡片写入 profile 行级覆盖层，loader 原位提交活动
  * 引用，消费端 `unwrapVolatile` 现取即热）。
  *
- * **活动字段只有两个**：`personaPrefix` 与 `proxyPort`——两者都在配置卡片里有编辑器
- * （见 src/client/card.tsx），保存即热更（预设换代 / 安装作业即时生效）。其余字段是
- * **部署方平面**（安装位置、超时、附加 skill 根等运维旋钮），由 `cordis.patch.yml`
- * 整体覆盖，GUI 不提供入口。
+ * **活动字段（`.volatile()`）共五个**，全部在配置卡片里有编辑器（见 src/client/card.tsx）：
+ * `personaPrefix`（提示词）、`proxyPort`（安装代理）、`mcpEnabled` / `skillEnabled` /
+ * `reverseSkillEnabled`（三个能力开关）——保存即热更（预设换代，新建会话生效）。
+ * 其余字段是**部署方平面**（受管目录、版本钉、skill 组、超时等运维旋钮），由
+ * `cordis.patch.yml` 整体覆盖，GUI 不提供入口。
  *
  * **persona 默认为空串**：`dsh-persona` 的空模板照样遮蔽部署级 persona 段，
  * 渲染为空后在提示词里消失；官方装配（harness 身份、工具指引、项目指令、
@@ -50,7 +51,35 @@ export const Config = z.object({
   mcpEnabled: z
     .boolean()
     .description('是否挂 REA MCP 客户端行（false = 只保留预设其余能力）')
-    .default(true),
+    .default(true)
+    .volatile(),
+  skillEnabled: z
+    .boolean()
+    .description('是否把 REA 官方 skill 根挂进本预设（false = 模型只看到其余 skill 根）')
+    .default(true)
+    .volatile(),
+  reverseSkillEnabled: z
+    .boolean()
+    .description(
+      '是否挂 zhaoxuya520/reverse-skill 技能包（false = 从本预设的 skill 根里摘掉，安装副本仍在）',
+    )
+    .default(true)
+    .volatile(),
+  reverseSkillRepo: z
+    .string()
+    .pattern(/^[\w.-]+\/[\w.-]+$/)
+    .description('reverse-skill 仓库（<owner>/<repo>；安装/手动更新都从这里拉）')
+    .default('zhaoxuya520/reverse-skill'),
+  reverseSkillRef: z
+    .string()
+    .description('reverse-skill 的 ref（分支/标签/提交；留空 = 仓库默认分支的最新提交）')
+    .default(''),
+  reverseSkillGroups: z
+    .array(z.string())
+    .description(
+      'reverse-skill 里挂进本预设的技能组（相对安装树根；默认只挂主包根 skills——含路由技能与全部模块技能，CTF 侧车等组按需追加）',
+    )
+    .default(['skills']),
   mcpServerName: z
     .string()
     .pattern(/^[A-Za-z0-9_-]{1,32}$/)