@eddyskywalker/dsh-chatgpt-subscription 0.27.0 → 0.27.2

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## Unreleased
 
+## 0.27.2 - 2026-10-18
+- **[进展更新] 正文补上 GFM 表格，对话流与侧栏面板改用同一个渲染器**
+  - **现象**：模型在进展正文里写 GFM 表格（`| 题 | 难度 |` + `| --- | --- |`）时，面板把整块表格**原样**显示成一堆竖线；同时对话流里的主形态（`progress-row.tsx`）正文是纯文本 `<p>{message}</p>`，连 `**粗体**` 都不解析——同一份进展在侧栏渲染过、在对话流里是原文，两处观感对不上。
+  - **改法一（`markdown-lite.tsx`）**：补 GFM 表格块。识别用**两行前瞻**（本行含 `|` 且下一行是分隔行 `| :--- | ---: |`）：孤立的竖线不会被误判成表格；支持 `:---` / `:---:` / `---:` 三种对齐、单元格内 `\|` 转义、数据行短于表头时补空格子。渲染成真实 `<table>/<thead>/<tbody>/<th>/<td>`，对齐落在 `text-align` 上，窄屏外包一层 `overflow-x:auto`。仍然**零依赖**、不经 `dangerouslySetInnerHTML`。
+  - **改法二（`progress-row.tsx`）**：正文改用同一个 `MarkdownLite`，并去掉外层 `white-space: pre-wrap`（换行该由块级元素决定，而不是靠保留原文换行）。两处观感自此一致。
+  - **改法三（提示词与工具描述）**：`prompt.ts` 的正文写法与 `tool.ts` 的 `message` 参数描述都补了一句「有几行数据要对照时用 GFM 管道符表格」，让模型知道表格现在真的会被渲染出来。
+  - **仍然不做**：图片、链接、原始 HTML、脚注、围栏代码块——要么需要安全过滤，要么不属于「进展汇报」这个场景。
+  - **验证**：`npm run typecheck` 0 错误；全量 **246 passed | 1 skipped（247 文件）、3988 passed | 7 skipped、0 failed**；`npm run build` 通过，`lib/client.js` 里已含 `md-table`/`md-th`/`md-td` 标记。新增 3 条回归（面板表格 / 孤立竖线不误判 / 对话流也渲染），并做变异验证：把表格识别分支关掉，其中两条立刻变红（2 failed），恢复后 31 passed。
+
+## 0.27.1 - 2026-10-18
+- **仅版本号变更**：`package.json` 由 0.27.0 提到 0.27.1，源码零改动（`git diff v0.27.0 v0.27.1` 只有一行版本号）。
+  - **补记原因**：0.27.1 当天已发布到 npm（2026-10-18T04:31:48Z），但发版时漏打了 git tag、也没在 CHANGELOG 留记录，导致版本线在 git 侧断了一格。事后**只在本机补了 `v0.27.1` 标签**（指向 `f75bc78`），**未推送**——推上去会让 CI 去发布一个已存在的版本而失败。
+
 ## 0.27.0 - 2026-10-18
 - **【进展更新】agent 在多步任务中主动汇报，对话流里一行一条，右侧栏可回看**
   - **是什么**：新增 in-tree 子模块 `src/host/progress-updates/` + `src/client/progress-updates/`，复刻 Kimi Code 的「进展更新」。agent 通过一个**不结束回合**的工具 `progress_update(title?, message)` 主动汇报，对话流里渲染成一行（状态点 + 标题 + 状态词，正文点开看），右侧栏有一个总览面板。

package/lib/client.js

@@ -15158,6 +15158,45 @@ window.__ModuleLoader__.load({
 			if (last < text.length) nodes.push(text.slice(last));
 			return nodes;
 		}
+		/** GFM 分隔行：至少一个 `-` 的单元格，形如 `| --- | :--: | ---: |`。 */
+		const TABLE_SEPARATOR = /^\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)*\|?$/;
+		/**
+		* 一行表格 → 单元格数组。
+		*
+		* 先按未转义的 `|` 切，再剥掉首尾因为 `| a | b |` 这种写法留下的空单元；
+		* `\|` 是单元格里的字面量竖线，切之前先换成占位符，切完再换回来。
+		* @param line - 表格的一行原文。
+		* @returns 去掉两侧空白的单元格。
+		*/
+		function splitRow(line) {
+			const PH = "\0";
+			const cells = line.replaceAll("\\|", PH).split("|").map((cell) => cell.replaceAll(PH, "|").trim());
+			if (cells.length > 0 && cells[0] === "") cells.shift();
+			if (cells.length > 0 && cells[cells.length - 1] === "") cells.pop();
+			return cells;
+		}
+		/**
+		* 分隔行的每个单元格 → 对齐方式。
+		* @param line - 分隔行原文。
+		* @returns 与列一一对应的对齐方式；缺省 left。
+		*/
+		function alignmentsOf(line) {
+			return splitRow(line).map((cell) => {
+				const left = cell.startsWith(":");
+				const right = cell.endsWith(":");
+				if (left && right) return "center";
+				if (right) return "right";
+				return "left";
+			});
+		}
+		/**
+		* 判断某一行是不是表格的分隔行（表格识别的前瞻条件之一）。
+		* @param line - 待判定的行（已 trim）。
+		* @returns 是分隔行则为 true。
+		*/
+		function isSeparator(line) {
+			return line.includes("-") && TABLE_SEPARATOR.test(line);
+		}
 		/**
 		* 把正文切成块。
 		* @param source - Markdown 原文。
@@ -15176,13 +15215,42 @@ window.__ModuleLoader__.load({
 				}
 			};
 			const lastBlock = () => blocks[blocks.length - 1];
-			for (const rawLine of source.replaceAll("\r\n", "\n").split("\n")) {
-				const line = rawLine.trimEnd();
+			const rows = source.replaceAll("\r\n", "\n").split("\n");
+			for (let index = 0; index < rows.length; index += 1) {
+				const line = rows[index].trimEnd();
 				const trimmed = line.trim();
 				if (trimmed === "") {
 					flushParagraph();
 					continue;
 				}
+				/**
+				* 表格必须**在当前行前瞻两行**才认：本行是表头、下一行是分隔行、两侧管道符
+				* 数目对得上。只凭「这行有 |」不行——普通正文里一个竖线不该把后文变成表格。
+				*/
+				const next = index + 1 < rows.length ? rows[index + 1].trim() : "";
+				if (trimmed.includes("|") && isSeparator(next)) {
+					const header = splitRow(trimmed);
+					const aligns = alignmentsOf(next);
+					if (header.length > 0) {
+						flushParagraph();
+						const body = [];
+						index += 2;
+						while (index < rows.length) {
+							const rowLine = rows[index].trim();
+							if (rowLine === "" || !rowLine.includes("|")) break;
+							body.push(splitRow(rowLine));
+							index += 1;
+						}
+						index -= 1;
+						blocks.push({
+							kind: "table",
+							header,
+							aligns,
+							rows: body
+						});
+						continue;
+					}
+				}
 				const heading = /^(#{1,3})\s+(.*)$/.exec(trimmed);
 				if (heading !== null) {
 					flushParagraph();
@@ -15237,6 +15305,45 @@ window.__ModuleLoader__.load({
 					},
 					children: renderInline(block.text, key)
 				}, key);
+				if (block.kind === "table") {
+					/** 单元格：行内标记照常解析，对齐落到 style 上（表格里没有 class 可挂）。 */
+					const cellStyle = (column) => ({
+						textAlign: block.aligns[column] ?? "left",
+						padding: "3px 8px",
+						verticalAlign: "top"
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						"data-dsh-part": "md-table-wrap",
+						style: {
+							overflowX: "auto",
+							margin: "6px 0"
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+							"data-dsh-part": "md-table",
+							style: {
+								borderCollapse: "collapse",
+								fontSize: "12px",
+								lineHeight: "1.5"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: block.header.map((cell, column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+								"data-dsh-part": "md-th",
+								style: {
+									...cellStyle(column),
+									borderBottom: "1px solid var(--dsw-alias-border-l2, rgb(0 0 0 / 15%))",
+									fontWeight: 600
+								},
+								children: renderInline(cell, key + "-h" + String(column))
+							}, key + "-h" + String(column))) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: block.rows.map((row, rowIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: block.header.map((_, column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+								"data-dsh-part": "md-td",
+								style: {
+									...cellStyle(column),
+									borderBottom: "1px solid var(--dsw-alias-border-l3, rgb(0 0 0 / 7%))"
+								},
+								children: renderInline(row[column] ?? "", key + "-r" + String(rowIndex) + "-" + String(column))
+							}, key + "-r" + String(rowIndex) + "-" + String(column))) }, key + "-r" + String(rowIndex))) })]
+						})
+					}, key);
+				}
 				if (block.kind === "ul" || block.kind === "ol") {
 					const items = block.items.map((item, itemIndex) => {
 						const itemKey = key + "-" + String(itemIndex);
@@ -15766,9 +15873,15 @@ window.__ModuleLoader__.load({
 			lineHeight: "1.5",
 			color: "var(--dsw-alias-label-tertiary, #8a9099)"
 		};
-		/** 正文样式：保留换行（契约允许轻 Markdown，这里只保证换行可读）。 */
+		/**
+		* 正文样式：只管外边距、字号与颜色。
+		*
+		* **不再**在这里写 `whiteSpace: 'pre-wrap'`：正文交给 {@link MarkdownLite} 渲染，
+		* 换行该不该保留由它产出的块级元素决定。早先这里是纯文本 `<p>{message}</p>`，
+		* 于是列表符号、`**粗体**` 和管道符表格全部原样上屏 —— 同一份进展在侧栏面板里
+		* 是渲染过的、在对话流里是原文，两处观感对不上。
+		*/
 		const messageStyle = {
-			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere",
 			margin: "0",
 			fontSize: "12px",
@@ -15868,10 +15981,10 @@ window.__ModuleLoader__.load({
 							children: translate(STATE_KEYS[state])
 						})
 					]
-				}), expanded && message !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				}), expanded && message !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					"data-dsh-part": "progress-row-message",
 					style: messageStyle,
-					children: message
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkdownLite, { text: message })
 				})]
 			});
 		}