@dsh-tom/dsh-css 0.2.11 → 0.3.4

package/README.md

@@ -22,7 +22,7 @@ npm publish --access public --registry=https://registry.npmjs.org/
 打开 **插件 → 添加插件 → 安装第三方插件**，在“包名或地址”输入：
 
 ```text
-D:\product\dsh-css\dsh-tom-dsh-css-0.2.11.tgz
+D:\product\dsh-css\dsh-tom-dsh-css-0.3.4.tgz
 ```
 
 安装并启用，然后完全退出并重新打开 dsh。
@@ -32,7 +32,7 @@ D:\product\dsh-css\dsh-tom-dsh-css-0.2.11.tgz
 包发布到 npmjs 后，先卸载已安装的旧版，再打开 **插件 → 添加插件 → 安装第三方插件**，输入：
 
 ```text
-@dsh-tom/dsh-css@0.2.11
+@dsh-tom/dsh-css@0.3.4
 ```
 
 选择 **安装源 → npm 官方源**，安装并启用，然后完全退出并重新打开 dsh。

package/dist/client.js

@@ -29,7 +29,7 @@ __export(client_exports, {
   inject: () => inject2
 });
 module.exports = __toCommonJS(client_exports);
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // theme.css
 var theme_default = `.dsh-css-unread-dot {
@@ -78,6 +78,14 @@ html body[data-ds-dark-theme] {
   --dsw-alias-markdown-code-block: rgb(55, 56, 50) !important;
 }
 
+/* \u5DF2\u7F16\u8F91\u6587\u4EF6\u5361\u7247\uFF1A\u533A\u57DF 1 \u4E3A\u6807\u9898\uFF0C\u533A\u57DF 2 \u4E3A\u6587\u4EF6\u5217\u8868\u53CA\u5C55\u5F00\u6309\u94AE\u3002 */
+html body[data-ds-dark-theme] [data-changed-files] {
+  --changes-fill: #30312b;
+  --changes-hover: #353630;
+  --dsw-alias-interactive-bg-hover: #3a3b34;
+  background: #292b25;
+}
+
 /* \u6807\u9898\u680F\u53CA\u539F\u751F\u7A97\u53E3\u6309\u94AE\u5171\u4EAB\u6B64\u989C\u8272\uFF0C\u4F1A\u8BDD\u5217\u8868\u7EE7\u7EED\u4F7F\u7528\u539F\u6765\u7684\u80CC\u666F\u3002 */
 html[data-windows-titlebar] body[data-ds-dark-theme] {
   --dsw-specific-sidebar-fill: rgb(32, 32, 32) !important;
@@ -1319,8 +1327,48 @@ function registerUnread(ctx) {
   }, UnreadIndicator));
 }
 
+// src/rea/client.js
+var import_react5 = require("react");
+function ReaIcon(props) {
+  return (0, import_react5.createElement)(
+    "svg",
+    {
+      width: 16,
+      height: 16,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.65,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      ...props
+    },
+    (0, import_react5.createElement)("path", { d: "M6 3v2m4-2v2M3 8h2m-2 4h2m3 5v2M14 5H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2M8 8h4v3H8z" }),
+    (0, import_react5.createElement)("circle", { cx: 15, cy: 15, r: 5 }),
+    (0, import_react5.createElement)("path", { d: "m19 19 3 3" })
+  );
+}
+function registerReaIcon(ctx) {
+  ctx.effect(() => {
+    const commands = ctx.commandUi;
+    const original = commands.candidates;
+    const descriptor = Object.getOwnPropertyDescriptor(commands, "candidates");
+    const candidates = async function(...args) {
+      const rows = await original.apply(this, args);
+      return rows.map((row) => row.name === "rea" ? { ...row, icon: ReaIcon } : row);
+    };
+    commands.candidates = candidates;
+    return () => {
+      if (Object.getOwnPropertyDescriptor(commands, "candidates")?.value !== candidates) return;
+      if (descriptor) Object.defineProperty(commands, "candidates", descriptor);
+      else delete commands.candidates;
+    };
+  });
+}
+
 // src/cost/client.js
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/cost/pricing.js
 var PROJECTION_KEY = "dshTomCost";
@@ -1358,7 +1406,7 @@ function formatMoney(units) {
 }
 
 // src/cost/panel.js
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/cost/panel-styles.js
@@ -1434,8 +1482,8 @@ function costRows(totals, daily, day = beijingDay()) {
   ];
 }
 function useBeijingDay() {
-  const [day, setDay] = (0, import_react5.useState)(beijingDay);
-  (0, import_react5.useEffect)(() => {
+  const [day, setDay] = (0, import_react6.useState)(beijingDay);
+  (0, import_react6.useEffect)(() => {
     let timer;
     const refresh = () => {
       const current = beijingDay();
@@ -1449,7 +1497,7 @@ function useBeijingDay() {
   return day;
 }
 function CostIcon() {
-  return (0, import_react5.createElement)(
+  return (0, import_react6.createElement)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -1462,18 +1510,18 @@ function CostIcon() {
       strokeLinejoin: "round",
       "aria-hidden": true
     },
-    (0, import_react5.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
-    (0, import_react5.createElement)("path", { d: "m8.5 7.5 3.5 4 3.5-4M8.5 12h7M8.5 15h7M12 11.5V18" })
+    (0, import_react6.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
+    (0, import_react6.createElement)("path", { d: "m8.5 7.5 3.5 4 3.5-4M8.5 12h7M8.5 15h7M12 11.5V18" })
   );
 }
 function CostPanel({ totals, daily, balance }) {
   const day = useBeijingDay();
   const rows = costRows(totals, daily, day);
-  const [open2, setOpen] = (0, import_react5.useState)(false);
-  const anchor2 = (0, import_react5.useRef)(null);
-  const panel = (0, import_react5.useRef)(null);
-  const dialogId = (0, import_react5.useId)();
-  (0, import_react5.useLayoutEffect)(() => {
+  const [open2, setOpen] = (0, import_react6.useState)(false);
+  const anchor2 = (0, import_react6.useRef)(null);
+  const panel = (0, import_react6.useRef)(null);
+  const dialogId = (0, import_react6.useId)();
+  (0, import_react6.useLayoutEffect)(() => {
     if (!open2) return;
     const element = panel.current;
     const document2 = element.ownerDocument;
@@ -1512,11 +1560,11 @@ function CostPanel({ totals, daily, balance }) {
       document2.removeEventListener("keydown", dismissEscape);
     };
   }, [open2]);
-  return (0, import_react5.createElement)(
+  return (0, import_react6.createElement)(
     "span",
     { className: "dsh-tom-cost-anchor", "data-composer-stat": "cost" },
-    (0, import_react5.createElement)("style", { "data-dsh-tom-cost-styles": "" }, panelStyles),
-    (0, import_react5.createElement)("button", {
+    (0, import_react6.createElement)("style", { "data-dsh-tom-cost-styles": "" }, panelStyles),
+    (0, import_react6.createElement)("button", {
       ref: anchor2,
       type: "button",
       className: "dsh-tom-cost-pill",
@@ -1526,8 +1574,8 @@ function CostPanel({ totals, daily, balance }) {
       "aria-controls": open2 ? dialogId : void 0,
       "aria-label": `\u4F1A\u8BDD\u7D2F\u8BA1\u8D39\u7528 ${rows[1][1]}`,
       onClick: () => setOpen(!open2)
-    }, (0, import_react5.createElement)(CostIcon), (0, import_react5.createElement)("span", { className: "dsh-tom-cost-label" }, rows[1][1])),
-    open2 && (0, import_react_dom.createPortal)((0, import_react5.createElement)(
+    }, (0, import_react6.createElement)(CostIcon), (0, import_react6.createElement)("span", { className: "dsh-tom-cost-label" }, rows[1][1])),
+    open2 && (0, import_react_dom.createPortal)((0, import_react6.createElement)(
       "div",
       {
         ref: panel,
@@ -1537,11 +1585,11 @@ function CostPanel({ totals, daily, balance }) {
         className: "dsh-tom-cost-panel",
         style: { visibility: "hidden", left: 0, top: 0 }
       },
-      (0, import_react5.createElement)("div", { className: "dsh-tom-cost-title" }, (0, import_react5.createElement)(CostIcon), "\u8D39\u7528\u660E\u7EC6"),
-      (0, import_react5.createElement)("div", { className: "dsh-tom-cost-rule", "aria-hidden": true }),
-      (0, import_react5.createElement)("dl", { className: "dsh-tom-cost-details" }, rows.flatMap(([label, value]) => [
-        (0, import_react5.createElement)("dt", { key: label }, label),
-        (0, import_react5.createElement)("dd", { key: `${label}-value` }, value)
+      (0, import_react6.createElement)("div", { className: "dsh-tom-cost-title" }, (0, import_react6.createElement)(CostIcon), "\u8D39\u7528\u660E\u7EC6"),
+      (0, import_react6.createElement)("div", { className: "dsh-tom-cost-rule", "aria-hidden": true }),
+      (0, import_react6.createElement)("dl", { className: "dsh-tom-cost-details" }, rows.flatMap(([label, value]) => [
+        (0, import_react6.createElement)("dt", { key: label }, label),
+        (0, import_react6.createElement)("dd", { key: `${label}-value` }, value)
       ]))
     ), anchor2.current.ownerDocument.body)
   );
@@ -21488,7 +21536,7 @@ function createBalanceStore(readBalance) {
 }
 
 // src/cost/settings.js
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/cost/settings-styles.js
 var settingsStyles = `
@@ -21544,62 +21592,62 @@ function usageSummary(row) {
 function CostSettings({ useCostReport }) {
   const report = useCostReport((value2) => value2);
   const day = useBeijingDay();
-  const [hideZero, setHideZero] = (0, import_react6.useState)(true);
+  const [hideZero, setHideZero] = (0, import_react7.useState)(true);
   const value = report.status === "ready" && report.value.day === day ? report.value : void 0;
   const status = report.status === "error" ? "\u8BFB\u53D6\u5931\u8D25" : "\u52A0\u8F7D\u4E2D\u2026";
   const rows = value ? visibleHistory(value.history, hideZero) : [];
   const summaries = [["today", "\u4ECA\u65E5\u8D39\u7528"], ["week", "\u672C\u5468\u8D39\u7528"], ["month", "\u672C\u6708\u8D39\u7528"]];
-  return (0, import_react6.createElement)(
+  return (0, import_react7.createElement)(
     "section",
     { className: "dsh-tom-cost-settings", "aria-label": "\u8D39\u7528" },
-    (0, import_react6.createElement)("style", null, settingsStyles),
-    (0, import_react6.createElement)("div", { className: "dsh-tom-cost-cards" }, summaries.map(([key, label]) => {
+    (0, import_react7.createElement)("style", null, settingsStyles),
+    (0, import_react7.createElement)("div", { className: "dsh-tom-cost-cards" }, summaries.map(([key, label]) => {
       const row = value?.[key];
-      return (0, import_react6.createElement)(
+      return (0, import_react7.createElement)(
         "div",
         { key, className: "dsh-tom-cost-card" },
-        (0, import_react6.createElement)("div", { className: "dsh-tom-cost-card-label" }, label),
-        (0, import_react6.createElement)("div", { className: "dsh-tom-cost-amount" }, row ? costValue(row.totals, row.failedSessions) : status),
-        (0, import_react6.createElement)("div", { className: "dsh-tom-cost-usage" }, usageSummary(row))
+        (0, import_react7.createElement)("div", { className: "dsh-tom-cost-card-label" }, label),
+        (0, import_react7.createElement)("div", { className: "dsh-tom-cost-amount" }, row ? costValue(row.totals, row.failedSessions) : status),
+        (0, import_react7.createElement)("div", { className: "dsh-tom-cost-usage" }, usageSummary(row))
       );
     })),
-    (0, import_react6.createElement)(
+    (0, import_react7.createElement)(
       "div",
       { className: "dsh-tom-cost-history-heading" },
-      (0, import_react6.createElement)("h3", null, "\u5386\u53F2\u8BB0\u5F55", (0, import_react6.createElement)("span", null, "\u6700\u8FD1 30 \u5929")),
-      (0, import_react6.createElement)(
+      (0, import_react7.createElement)("h3", null, "\u5386\u53F2\u8BB0\u5F55", (0, import_react7.createElement)("span", null, "\u6700\u8FD1 30 \u5929")),
+      (0, import_react7.createElement)(
         "label",
         { className: "dsh-tom-cost-filter" },
-        (0, import_react6.createElement)("input", { type: "checkbox", checked: hideZero, onChange: (event) => setHideZero(event.target.checked) }),
+        (0, import_react7.createElement)("input", { type: "checkbox", checked: hideZero, onChange: (event) => setHideZero(event.target.checked) }),
         "\u8FC7\u6EE4\u96F6\u8D39\u7528\u65E5\u671F"
       )
     ),
-    (0, import_react6.createElement)(
+    (0, import_react7.createElement)(
       "div",
       { className: "dsh-tom-cost-table-wrap", tabIndex: 0, role: "region", "aria-label": "\u6BCF\u65E5\u8D39\u7528\u5386\u53F2\u8BB0\u5F55" },
-      (0, import_react6.createElement)(
+      (0, import_react7.createElement)(
         "table",
         { className: "dsh-tom-cost-table" },
-        (0, import_react6.createElement)("thead", null, (0, import_react6.createElement)("tr", null, ["\u65E5\u671F", "\u8C03\u7528", "\u8F93\u5165 tok", "\u7F13\u5B58 tok", "\u8F93\u51FA tok", "\u8D39\u7528"].map((label) => (0, import_react6.createElement)("th", { key: label, scope: "col" }, label)))),
-        (0, import_react6.createElement)("tbody", null, value && rows.length ? rows.map((row) => {
+        (0, import_react7.createElement)("thead", null, (0, import_react7.createElement)("tr", null, ["\u65E5\u671F", "\u8C03\u7528", "\u8F93\u5165 tok", "\u7F13\u5B58 tok", "\u8F93\u51FA tok", "\u8D39\u7528"].map((label) => (0, import_react7.createElement)("th", { key: label, scope: "col" }, label)))),
+        (0, import_react7.createElement)("tbody", null, value && rows.length ? rows.map((row) => {
           const totals = row.totals;
           const unavailable = row.failedSessions > 0 && calls(totals) === 0;
-          return (0, import_react6.createElement)(
+          return (0, import_react7.createElement)(
             "tr",
             { key: row.day },
-            (0, import_react6.createElement)("td", null, row.day),
-            (0, import_react6.createElement)("td", null, unavailable ? "\u2014" : calls(totals).toLocaleString("zh-CN")),
-            ...["inputTokens", "cacheTokens", "outputTokens"].map((key) => (0, import_react6.createElement)("td", {
+            (0, import_react7.createElement)("td", null, row.day),
+            (0, import_react7.createElement)("td", null, unavailable ? "\u2014" : calls(totals).toLocaleString("zh-CN")),
+            ...["inputTokens", "cacheTokens", "outputTokens"].map((key) => (0, import_react7.createElement)("td", {
               key,
               title: unavailable ? void 0 : totals[key].toLocaleString("zh-CN")
             }, unavailable ? "\u2014" : formatTokens(totals[key]))),
-            (0, import_react6.createElement)("td", null, costValue(totals, row.failedSessions))
+            (0, import_react7.createElement)("td", null, costValue(totals, row.failedSessions))
           );
-        }) : (0, import_react6.createElement)("tr", null, (0, import_react6.createElement)("td", { colSpan: 6, className: "dsh-tom-cost-empty", role: "status" }, value ? "\u6700\u8FD1 30 \u5929\u6682\u65E0\u975E\u96F6\u8D39\u7528\u8BB0\u5F55" : status)))
+        }) : (0, import_react7.createElement)("tr", null, (0, import_react7.createElement)("td", { colSpan: 6, className: "dsh-tom-cost-empty", role: "status" }, value ? "\u6700\u8FD1 30 \u5929\u6682\u65E0\u975E\u96F6\u8D39\u7528\u8BB0\u5F55" : status)))
       )
     ),
-    (0, import_react6.createElement)("p", { className: "dsh-tom-cost-note" }, "\u5317\u4EAC\u65F6\u95F4 \xB7 \u672C\u5468\u4ECE\u5468\u4E00\u5F00\u59CB \xB7 \u8D39\u7528\u6309\u672C\u673A\u4F1A\u8BDD\u8BB0\u5F55\u4F30\u7B97"),
-    value && value.history.some(incomplete) && (0, import_react6.createElement)(
+    (0, import_react7.createElement)("p", { className: "dsh-tom-cost-note" }, "\u5317\u4EAC\u65F6\u95F4 \xB7 \u672C\u5468\u4ECE\u5468\u4E00\u5F00\u59CB \xB7 \u8D39\u7528\u6309\u672C\u673A\u4F1A\u8BDD\u8BB0\u5F55\u4F30\u7B97"),
+    value && value.history.some(incomplete) && (0, import_react7.createElement)(
       "p",
       { className: "dsh-tom-cost-note", role: "status" },
       "\u90E8\u5206\u8BB0\u5F55\u65E0\u6CD5\u8BFB\u53D6\u6216\u8BA1\u4EF7\uFF0C\u76F8\u5173\u91D1\u989D\u53EF\u80FD\u4E0D\u5B8C\u6574\u3002"
@@ -21613,7 +21661,7 @@ function CostMount({ useProjection, useDailyCost, useAccountBalance, sessionId }
   const totals = useProjection(PROJECTION_KEY);
   const daily = useDailyCost((value) => value);
   const balance = useAccountBalance((value) => value);
-  return (0, import_react7.createElement)(CostPanel, { key: sessionId, totals, daily, balance });
+  return (0, import_react8.createElement)(CostPanel, { key: sessionId, totals, daily, balance });
 }
 async function apply(ctx) {
   await ctx.remote.$mount(dailyRemote);
@@ -21643,16 +21691,16 @@ async function apply(ctx) {
 }
 
 // src/client.js
-var inject2 = [.../* @__PURE__ */ new Set(["slots", "sessions", "workspaces", "layout", "uiWorkspace", ...inject])];
+var inject2 = [.../* @__PURE__ */ new Set(["slots", "sessions", "workspaces", "layout", "uiWorkspace", "commandUi", ...inject])];
 function ProjectHover({ sessionId, useWorkspaces, useSessions }) {
   const workspace = useWorkspaces((state) => state.items.find((item) => item.sessionIds.includes(sessionId)));
   const cwd = useSessions((state) => state.byId[sessionId]?.cwd);
   const path = workspace?.path || cwd;
   const name = workspace?.title || path?.split(/[\\/]/).filter(Boolean).at(-1) || path || "\u672A\u5F52\u5C5E\u9879\u76EE";
-  return (0, import_react8.createElement)(
+  return (0, import_react9.createElement)(
     "div",
     { className: "dsh-css-project", title: path },
-    (0, import_react8.createElement)("svg", {
+    (0, import_react9.createElement)("svg", {
       width: 14,
       height: 14,
       viewBox: "0 0 24 24",
@@ -21661,8 +21709,8 @@ function ProjectHover({ sessionId, useWorkspaces, useSessions }) {
       strokeWidth: 1.7,
       strokeLinejoin: "round",
       "aria-hidden": true
-    }, (0, import_react8.createElement)("path", { d: "M3 7V5a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm0 2h18" })),
-    (0, import_react8.createElement)("span", null, name)
+    }, (0, import_react9.createElement)("path", { d: "M3 7V5a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm0 2h18" })),
+    (0, import_react9.createElement)("span", null, name)
   );
 }
 function applySidebarWidth(layout) {
@@ -21741,6 +21789,7 @@ async function apply2(ctx) {
   registerDateGroups(ctx);
   registerProjects(ctx);
   registerUnread(ctx);
+  registerReaIcon(ctx);
   ctx.slots.inject("sidebar.session.row.hover", () => ctx.slots.register({
     name: "sidebar.session.row.hover",
     id: "dsh-css-project",

package/dist/index.js

@@ -20083,11 +20083,171 @@ function registerProgressUpdates(ctx) {
   });
 }
 
+// src/rea/index.js
+import { interpolate } from "@deepseek-ai/cordis-plugin-loader";
+import { createScope, scopeOf } from "@deepseek-ai/dsh-scope";
+import { createUserMessage } from "@deepseek-ai/dsh-llm";
+import * as mcpClient from "@deepseek-ai/dsh-mcp-client";
+
+// src/rea/projection.js
+var REA_STATE = "dshTomRea";
+var reaProjection = {
+  key: REA_STATE,
+  stateVersion: 2,
+  stateSchema: external_exports.object({ started: external_exports.boolean(), enabled: external_exports.boolean(), pending: external_exports.string().nullable() }),
+  init: () => ({ started: false, enabled: false, pending: null }),
+  apply(state, event) {
+    if (event.type === "command/run") {
+      if (event.data.name === "rea") {
+        return state.started || state.enabled ? state : { ...state, pending: event.data.commandId };
+      }
+      return state.started ? state : { ...state, started: true };
+    }
+    if (event.type === "command/done" && event.data.commandId === state.pending) {
+      return { ...state, enabled: event.data.kind === "success", pending: null };
+    }
+    if (event.type === "step/start" || event.type === "user/message" && event.data.source.kind === "user") {
+      return state.started ? state : { ...state, started: true };
+    }
+    return state;
+  }
+};
+
+// src/rea/index.js
+var MCP_PLUGIN = "@deepseek-ai/dsh-mcp-client";
+function findReaEntries(loader) {
+  return [...loader.entries()].filter((entry) => entry.options?.name === MCP_PLUGIN && entry.options.config?.serverName === "rea" && scopeOf(entry.ctx) === void 0);
+}
+function registerRea(ctx) {
+  ctx.sessionProjections.register(reaProjection);
+  const connections = /* @__PURE__ */ new Map();
+  let source;
+  let unregister;
+  let disposed = false;
+  let scheduled = false;
+  let pending = Promise.resolve();
+  const stateOf = (agent) => ctx.sessionProjections.stateOf(agent.session, REA_STATE);
+  async function disconnect(agent) {
+    const connection = connections.get(agent);
+    if (!connection) return;
+    connections.delete(agent);
+    await connection.scope.dispose();
+  }
+  function connect(agent) {
+    const existing = connections.get(agent);
+    if (existing) return existing.ready;
+    if (!source) throw new Error("\u672A\u68C0\u6D4B\u5230 REA MCP \u914D\u7F6E\uFF0C\u8BF7\u5148\u5728 DSH \u4E2D\u5B89\u88C5\u5E76\u914D\u7F6E REA\u3002");
+    const scope = createScope(ctx, agent);
+    const connection = { scope, ready: void 0 };
+    connections.set(agent, connection);
+    connection.ready = (async () => {
+      try {
+        const config2 = interpolate(source.ctx, source.options.config);
+        const fiber = scope.ctx.plugin(mcpClient, { ...config2, failOnStartupError: true });
+        await fiber;
+      } catch (error62) {
+        if (connections.get(agent) === connection) connections.delete(agent);
+        await scope.dispose();
+        throw error62;
+      }
+    })();
+    return connection.ready;
+  }
+  async function execute({ agent, rawInput, attachments, signal }) {
+    await pending;
+    signal.throwIfAborted();
+    const state = stateOf(agent);
+    if (!state.enabled && (state.started || agent.status !== "idle" || agent.inbox.nextTurn.length || agent.inbox.nextStep.length)) {
+      return { kind: "error", text: "\u8BF7\u65B0\u5EFA\u4F1A\u8BDD\uFF0C\u5E76\u4EE5 /rea \u6216 /rea \u4EFB\u52A1\u5185\u5BB9 \u5F00\u59CB\uFF1B\u666E\u901A\u4F1A\u8BDD\u4E0D\u4F1A\u4E2D\u9014\u52A0\u8F7D REA\u3002" };
+    }
+    const alreadyConnected = connections.has(agent);
+    const cancel = () => {
+      if (!alreadyConnected) void disconnect(agent).catch((error62) => ctx.logger.warn(error62));
+    };
+    signal.addEventListener("abort", cancel, { once: true });
+    try {
+      await connect(agent);
+      signal.throwIfAborted();
+      const text = rawInput.trim();
+      if (text || attachments.length) agent.followup(createUserMessage({
+        content: [...attachments, ...text ? [{ type: "text", text }] : []],
+        source: { kind: "user" }
+      }));
+      return { kind: "success", text: "REA \u5DF2\u4E3A\u5F53\u524D\u4F1A\u8BDD\u542F\u7528\uFF0C\u540E\u7EED\u6D88\u606F\u65E0\u9700\u518D\u52A0 /rea\u3002" };
+    } finally {
+      signal.removeEventListener("abort", cancel);
+    }
+  }
+  async function refresh() {
+    if (disposed) return;
+    const entries = findReaEntries(ctx.loader);
+    source = entries.length === 1 ? entries[0] : void 0;
+    if (!source) {
+      unregister?.();
+      unregister = void 0;
+      await Promise.all([...connections.keys()].map(disconnect));
+      if (entries.length > 1) ctx.logger.warn("\u68C0\u6D4B\u5230\u591A\u6761\u5168\u5C40 REA MCP \u914D\u7F6E\uFF0C\u8BF7\u4FDD\u7559\u4E00\u6761\u540E\u518D\u542F\u7528 /rea\u3002");
+      return;
+    }
+    const fiber = source.fiber;
+    if (!source.disabled || fiber?.uid) {
+      await source.update({ disabled: true });
+      while (fiber?.inertia) await fiber.inertia;
+    }
+    if (disposed) return;
+    unregister ??= ctx.commands.register({
+      definitionId: "@dsh-tom/dsh-css/rea",
+      name: "rea",
+      description: "\u5728\u65B0\u4F1A\u8BDD\u4E2D\u6309\u9700\u542F\u7528\u5DF2\u5B89\u88C5\u7684 REA \u9006\u5411\u5DE5\u5177",
+      input: { hint: "[\u4EFB\u52A1\u5185\u5BB9]", attachments: true },
+      handler: execute
+    });
+    for (const agent of ctx.agents.list()) if (stateOf(agent).enabled) await connect(agent);
+  }
+  function scheduleRefresh() {
+    if (disposed || scheduled) return;
+    scheduled = true;
+    queueMicrotask(() => {
+      scheduled = false;
+      if (disposed) return;
+      pending = pending.then(refresh).catch((error62) => ctx.logger.warn("REA \u6309\u9700\u52A0\u8F7D\u914D\u7F6E\u5931\u8D25\uFF1A%s", error62.message));
+    });
+  }
+  ctx.on("loader/entry-init", scheduleRefresh, { global: true });
+  ctx.on("loader/partial-dispose", scheduleRefresh, { global: true });
+  ctx.on("internal/plugin", (fiber) => {
+    if (fiber.entry?.options.name !== MCP_PLUGIN || scopeOf(fiber.ctx) !== void 0) return;
+    if (fiber.entry === source && source.disabled && fiber.uid) {
+      Promise.resolve(fiber.dispose()).catch((error62) => ctx.logger.warn(error62));
+    }
+    scheduleRefresh();
+  }, { global: true });
+  ctx.on("agent/created", async ({ agent }) => {
+    await Promise.resolve();
+    await pending;
+    if (stateOf(agent).enabled) await connect(agent);
+  });
+  ctx.on("agent/disposed", ({ agent }) => disconnect(agent));
+  ctx.effect(() => async () => {
+    disposed = true;
+    unregister?.();
+    await Promise.all([...connections.keys()].map(disconnect));
+  });
+  scheduleRefresh();
+  return { settle: async () => {
+    await Promise.resolve();
+    await pending;
+  } };
+}
+
 // index.js
 var name = "dsh-css";
 function apply2(ctx) {
   apply(ctx);
   ctx.inject(["systemPrompt"], registerProgressUpdates);
+  ctx.inject(["commands", "tools", "loader", "agents", "sessionProjections"], (reaCtx) => {
+    registerRea(reaCtx);
+  });
 }
 export {
   apply2 as apply,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-tom/dsh-css",
-  "version": "0.2.11",
+  "version": "0.3.4",
   "description": "为 DeepSeek Harness 调整深色界面，增加项目管理、费用统计和任务进展播报。",
   "type": "module",
   "main": "./dist/index.js",
@@ -35,6 +35,7 @@
         "@deepseek-ai/dsh-client-locale",
         "@deepseek-ai/dsh-client-ui-settings-general",
         "@deepseek-ai/dsh-client-ui-chat",
+        "@deepseek-ai/dsh-client-ui-commands",
         "@deepseek-ai/dsh-client-ui-session",
         "@deepseek-ai/dsh-client-ui-conversation"
       ]
@@ -49,9 +50,25 @@
   "license": "MIT",
   "peerDependencies": {
     "@deepseek-ai/cordis": "~4.0.5",
+    "@deepseek-ai/cordis-plugin-loader": "~1.0.6",
+    "@deepseek-ai/dsh-llm": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-mcp-client": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-scope": "0.2.1-rc.2",
     "@deepseek-ai/dsh-typert-protocol": "0.2.1-rc.2"
   },
   "peerDependenciesMeta": {
+    "@deepseek-ai/cordis-plugin-loader": {
+      "optional": true
+    },
+    "@deepseek-ai/dsh-llm": {
+      "optional": true
+    },
+    "@deepseek-ai/dsh-mcp-client": {
+      "optional": true
+    },
+    "@deepseek-ai/dsh-scope": {
+      "optional": true
+    },
     "@deepseek-ai/cordis": {
       "optional": true
     },
@@ -61,11 +78,16 @@
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.5",
+    "@deepseek-ai/cordis-plugin-loader": "1.0.6",
+    "@deepseek-ai/dsh-agent-loop": "0.2.1-rc.2",
     "@deepseek-ai/dsh-api-gateway": "0.2.1-rc.2",
-    "@deepseek-ai/dsh-typert-registry": "0.2.1-rc.2",
-    "@deepseek-ai/dsh-typert-protocol": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-commands": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-mcp-client": "0.2.1-rc.2",
     "@deepseek-ai/dsh-session-projection": "0.2.1-rc.2",
     "@deepseek-ai/dsh-system-prompt": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-tools": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-typert-protocol": "0.2.1-rc.2",
+    "@deepseek-ai/dsh-typert-registry": "0.2.1-rc.2",
     "esbuild": "0.28.2",
     "jsdom": "^27.0.0",
     "react": "18.3.1",

package/theme.css

@@ -44,6 +44,14 @@ html body[data-ds-dark-theme] {
   --dsw-alias-markdown-code-block: rgb(55, 56, 50) !important;
 }
 
+/* 已编辑文件卡片：区域 1 为标题，区域 2 为文件列表及展开按钮。 */
+html body[data-ds-dark-theme] [data-changed-files] {
+  --changes-fill: #30312b;
+  --changes-hover: #353630;
+  --dsw-alias-interactive-bg-hover: #3a3b34;
+  background: #292b25;
+}
+
 /* 标题栏及原生窗口按钮共享此颜色，会话列表继续使用原来的背景。 */
 html[data-windows-titlebar] body[data-ds-dark-theme] {
   --dsw-specific-sidebar-fill: rgb(32, 32, 32) !important;