@migor/cli 0.10.8 → 0.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -5,6 +5,58 @@
5
5
  (0.x 阶段:minor 可含破坏性变更,每个破坏性变更都在对应版本的「迁移」小节里写明)。
6
6
  决策的完整证据链在 `docs/spec.md` §10(带时间线的决策日志)。
7
7
 
8
+ ## [0.10.9] - 2026-11-12
9
+
10
+ ### 变更
11
+
12
+ 调试面板的**两个渲染面各补一格**:右栏「回复正文」支持 GFM 表格,调用树展开的工具出参能把
13
+ **一整篇 Markdown** 渲染出来。无破坏性变更、无迁移动作。两包同步 0.10.8 → 0.10.9;
14
+ `@migor/agentia` 此次仍只有版本常量变化(`src/` 一行未动),实际改动全在 CLI 面板与
15
+ trace-view 渲染件。
16
+
17
+ - **两个面缺的是两件事,来源是同一份真实素材**:右栏正文里 `###` 渲染出来了、表格却是一行行
18
+ `| # | 错误内容 |` 加 `|---|`;调用树里展开的 `tool.output` 干脆整篇是源文
19
+ (`<!-- 迁移自 … -->`、`# JS 错误巡检`、`|---|---|` 全在)。
20
+ - **补 GFM 表格,并推翻当年那条「不做表格」的判断**:`markdown.ts` 头注当时明写「不做表格 /
21
+ 任务列表 / 嵌套列表 —— 面板是调试视图,不是文档站」。**那个判断是错的**:agent 的产出里
22
+ 「错误汇总 / 逐项统计 / 参数对照」天然就是表,砍掉它等于把最有信息量的几种结果打回源文,
23
+ 读者被迫在脑子里做列对齐。
24
+ - **成表的判据要两行同时成立、且列数相等**:只要「行里有 `|`」就成表,`a | b` 这种正文会被
25
+ 吞成表头;只要「下一行像分隔行」就成表,`---` 分隔线下面那段会被吃掉。列按表头对齐
26
+ (缺列补空、多列丢掉),`\|` 是格子里的字面竖线,对齐三档走 `:--` / `--:` / `:--:`,
27
+ 表格后紧跟的非 `|` 行立刻收尾(它没有围栏)。
28
+ - **HTML 注释丢弃、可跨行**:真实素材开头三四行常是 `<!-- 迁移自 … -->` 这类作者旁注,让它们
29
+ 以字面文本占掉首屏比不渲染更糟。**原文一个字节都不改** —— 隐藏只发生在渲染视图里;
30
+ **码块里的 `<!-- -->` 保留**:注释是注释,代码是代码。
31
+ - **一整篇 Markdown 现在是「字符串」,原先没有任何落点**:SKILL.md、巡检报告这类工具出参展开后
32
+ 是源文。现在走宿主注入 `createTraceView(root, { textBody })` —— 本包单独发布,反向
33
+ 依赖 CLI 不可能;让它自带一份解析器,仓库里就有两份必然漂移的。
34
+ - **「像不像 Markdown」的判据只认块级记号、且要两分**(围栏 / 表格各 2,标题 / 列表 / 引用各 1)。
35
+ **刻意不看行内记号**:`**kwargs` / `*args` 是 Python 源码里最常见的东西,按行内判会把整份
36
+ 源码判成 Markdown,而段落合并会**毁掉它的缩进**。超 100k 不渲染。判错的代价不是「少渲染」,
37
+ 是把一段本来好读的文本毁掉 ⇒ 宁漏不错(漏了还能看原文)。
38
+ - **注入的正文只负责画、不再铺树**:`createFullView(value, { body })` 给了 body 就原样挂,头部
39
+ 写 `string · N 字符` + `md` 标记(不与标记重复),「复制」取原文,`.tr-io` 仍持原文 ——
40
+ 与结构化块走**同一条挂载路径**,否则「哪种正文」会从外观上分叉成两套。
41
+ - **`textBody` 只在展开时调用、宿主抛错回落原文**:折叠态每条事件都重画整棵树,挂在那儿等于
42
+ 每来一条事件就把所有历史正文白解析一遍;调试面板不该因为一条坏正文白屏。
43
+ - ⚠️ **官网 Playground 不注入**(那里的工具出参保持原文)。这个不对称是**有意**的,写在
44
+ spec 里 —— 不写清楚就会在某个 PR 里被当成缺陷「顺手修掉」。
45
+
46
+ ### 新增:面板里的 Markdown(2026-11-12 ref-md-in-panel)
47
+
48
+ - 决策见 `docs/spec.md` §10 2026-11-12 ref-md-in-panel,守卫登记见 `docs/guards.md` §1。
49
+ - **验证**:CLI 252 → 257(表格 2、三种「像但不是」1、注释 1、接线 1)、trace-view
50
+ 90 → 96(注入件 2、接线 4)。**反向验证 8 条各自咬住**:去掉列数相等 / 去掉 `\|` 转义 /
51
+ 去掉跨行注释状态 / 把判据阈值降到 1;折叠态也调 `textBody` / 不把 body 交给块 / 忽略注入 /
52
+ 去掉宿主抛错的兜底。
53
+ - **顺带修一处守卫腐化**:trace-view 的「基线表不许重复键」用例原先按 `+ 2000` 字符切窗口,
54
+ 表一长尾部条目就滑出射程而断言照样绿 —— 正是「守卫看起来在管、实际不管」。改成按对象字面量
55
+ 的结束位置切。
56
+ - 行数棘轮逐项登记在 `packages/cli/test/structure.test.mjs` 与
57
+ `packages/trace-view/test/structure.test.js`:`markdown.ts` 296→453、`inspector-page.html`
58
+ 1493→1562、`view.js` 360→385、`full-view.js` 449→478、`trace-view.css` 375→386。
59
+
8
60
  ## [0.10.8] - 2026-11-12
9
61
 
10
62
  ### 变更
@@ -4509,7 +4561,8 @@ toolkit 142 / runtime 55 / engine 403 / container 10 / store 55 —— 全绿。
4509
4561
  首个公开发布:`@migor/agentia` + `@migor/cli`(scope `@migor/*`),两包版本同步。
4510
4562
  框架本体单包;CLI 独立成包(workspaces)。
4511
4563
 
4512
- [Unreleased]: https://github.com/migoric/agentia/compare/v0.10.8...HEAD
4564
+ [Unreleased]: https://github.com/migoric/agentia/compare/v0.10.9...HEAD
4565
+ [0.10.9]: https://github.com/migoric/agentia/releases/tag/v0.10.9
4513
4566
  [0.10.8]: https://github.com/migoric/agentia/releases/tag/v0.10.8
4514
4567
  [0.10.7]: https://github.com/migoric/agentia/releases/tag/v0.10.7
4515
4568
  [0.10.6]: https://github.com/migoric/agentia/releases/tag/v0.10.6
@@ -20,6 +20,11 @@
20
20
  * 序列化后又塞回 `content` 的工具 —— 这些值的类型是**字符串**,此前只显示成一串
21
21
  * `{\"a\":1` 的反斜杠汤,比无缩进的 JSON 更难读。现在首尾是 `{`…`}` / `[`…`]` 且解析成功的
22
22
  * 字符串按容器铺开,并在行里打 `str→json` 标记 —— 不标出来,读者会以为工具真的返回了对象。
23
+ * 5. **一整篇 Markdown 的字符串正文**(2026-11-12 晚):工具出参的另一种常见形态就是一份
24
+ * SKILL.md / 错误汇总报告,类型仍是字符串 ⇒ 展开后是 `# 标题`、`|---|---|`、
25
+ * `<!-- 迁移自 … -->` 的源文。本件**不**自带解析器 —— 那会是仓库里的第二份,必然与宿主
26
+ * 那份漂移,所以只接受宿主渲染好的元素(`opts.body`),自己负责头部
27
+ * (`string · N 字符 · md` + `md` 标记)与「复制取原文」。
23
28
  *
24
29
  * ## 边界(都是「不这么做就会坏」的地方,不是口味)
25
30
  *
@@ -44,6 +49,8 @@
44
49
  * 数字/空值/布尔就是**改写工具返回的事实**。解析结果内部的字符串**不再二次解析**:
45
50
  * 一层套一层是业务里的真实现象(SSE data 里再套 JSON),逐层展开会让 10KB 变成十万个节点。
46
51
  * 表格单元格也不解析 —— 同构表已经放弃了逐层展开,单元格里放不下嵌套块。
52
+ * - **宿主正文不再解析**:`opts.body` 给了就**原样用**。同一段内容既渲染又铺树,读者会看到
53
+ * 两套互相矛盾的呈现 —— 那比不做这一档更糟。所以这条判据只有一处(`createFullView`)。
47
54
  *
48
55
  * 零依赖、纯 DOM 构造(只用 createElement / appendChild / textContent / className /
49
56
  * dataset / innerHTML=''),与 view.js 共用同一套 DOM stub 跑测试。
@@ -170,6 +177,14 @@ function jsonBadge() {
170
177
  return b;
171
178
  }
172
179
 
180
+ /** 「这段正文被渲染过」的标记。同样**必须显眼**:Markdown 源文与渲染结果差得很远,
181
+ * 不标出来,读者会以为工具返回的就是排好版的样子(而它返回的是一串 `#` 与 `|`)。 */
182
+ function mdBadge() {
183
+ const b = fvEl('span', 'tr-full-md', 'md');
184
+ b.title = '这个字符串按 Markdown 渲染(原文仍在 .tr-io 与「复制」里,一字未改)';
185
+ return b;
186
+ }
187
+
173
188
  /** 子键的 JSON 路径:对象用 `.key`,数组用 `[i]`。根是空串,所以 `[0]` 不会变成 `.[0]` */
174
189
  function pathOf(parent, key, isArr) {
175
190
  return isArr ? `${parent}[${key}]` : parent ? `${parent}.${key}` : key;
@@ -401,48 +416,62 @@ function renderInto(ctx, v, depth, path, allowParse = true) {
401
416
  /**
402
417
  * 建一个结构化正文块。
403
418
  * @param {any} value `ev.full` 的**原值**(不是序列化后的字符串)
404
- * @param {{fold?: Map<string, boolean>}} [opts]
419
+ * @param {{fold?: Map<string, boolean>, body?: Element}} [opts]
405
420
  * `fold` 是**调用方持有**的折叠状态(路径 → 是否展开)。省略时本块自建一份,
406
421
  * 此时折叠状态活不过下一次「全量重建」—— 只对一次性渲染(测试、静态快照)够用。
422
+ * `body` 是**宿主已经渲染好的正文**(如 Markdown):给了就原样用,不再走缩进/折叠,
423
+ * 本件只负责头部(类型 / `md` 标记 / 复制)与挂载位置。
407
424
  * @returns {Element} `.tr-full` 块;调用方负责 append 到展开行之后
408
425
  */
409
426
  export function createFullView(value, opts = {}) {
410
427
  const fold = opts.fold instanceof Map ? opts.fold : new Map();
411
-
412
- // 根是字符串 ⇒ 只有「里面装着 JSON」才会进来(调用方用 hasStructuredBody 先筛过)。
413
- // 头部同时写出**两件事**:它原本是字符串(字符数)、解析后是什么规模 —— 只写后者,
414
- // 读者会以为工具真的返回了对象。
415
- const parsedRoot = jsonInString(value);
428
+ /* 宿主渲染好的正文。**判据只此一处**:给了它就不解析、不铺树 —— 否则会同时出现
429
+ 两套呈现(宿主渲染的正文 + 本件又在旁边铺一遍原值),那比不渲染更糟。 */
430
+ const injected = opts.body && typeof opts.body === 'object' ? opts.body : null;
431
+
432
+ // 根是字符串 ⇒ 只有「里面装着 JSON」或「宿主认得的正文」才会进来。
433
+ // 头部同时写出**两件事**:它原本是字符串(字符数)、以及它是怎么被展示的 —— 只写后者,
434
+ // 读者会以为工具真的返回了对象 / 排好版的正文。
435
+ const parsedRoot = injected ? null : jsonInString(value);
416
436
  const root = parsedRoot ?? value;
417
437
  const fromJson = parsedRoot !== null;
418
438
 
419
439
  const box = fvEl('div', 'tr-full');
420
- box.dataset.kind = Array.isArray(root) ? 'array' : 'object';
440
+ box.dataset.kind = injected ? 'md' : Array.isArray(root) ? 'array' : 'object';
421
441
 
422
442
  const head = fvEl('div', 'tr-full-head');
423
443
  const label = typeLabelOf(root);
424
- head.appendChild(
425
- fvEl('span', 'tr-full-type', fromJson ? `string · ${value.length} 字符 → ${label}` : label),
426
- );
444
+ let typeText = label;
445
+ if (fromJson) typeText = `string · ${value.length} 字符 → ${label}`;
446
+ // 注入正文时不写「→ md」:紧跟其后的 `md` 标记已经说了这件事,
447
+ // 同一行说两遍只会让人以为其中一个另有含义(字符数才是头部真正要补的信息)
448
+ else if (injected) typeText = `string · ${value.length} 字符`;
449
+ head.appendChild(fvEl('span', 'tr-full-type', typeText));
427
450
  if (fromJson) head.appendChild(jsonBadge());
451
+ if (injected) head.appendChild(mdBadge());
428
452
  const copy = fvEl('span', 'tr-full-copy', '复制');
429
453
  copy.dataset.copy = '1';
430
- // 字符串根复制的是**原文**(拿到手能直接喂 jq);容器根复制的是缩进后的 JSON
454
+ // 字符串根复制的是**原文**(拿到手能直接喂 jq / 贴回上游);容器根复制的是缩进后的 JSON
431
455
  copy.addEventListener('click', () =>
432
- copyInto(copy, fromJson ? String(value) : safeStringify(root), '已复制'),
456
+ copyInto(copy, fromJson || injected ? String(value) : safeStringify(root), '已复制'),
433
457
  );
434
458
  head.appendChild(copy);
435
459
  box.appendChild(head);
436
460
 
437
461
  const body = fvEl('div', 'tr-full-body');
438
- const ctx = { body, fold, repaint: null };
439
- // 只重画正文(不动头部):折叠不需要重建整棵树,滚动位置与头部反馈都留着
440
- ctx.repaint = () => {
441
- body.innerHTML = '';
442
- // 根若是从字符串解析来的,它的子树不再二次解析(只解析一层,防嵌套放大)
443
- renderInto(ctx, root, 0, '', !fromJson);
444
- };
445
- ctx.repaint();
462
+ if (injected) {
463
+ // 宿主正文自带排版;本件的缩进/折叠那一套对散文没有意义(它也没有「路径」可复制)
464
+ body.appendChild(injected);
465
+ } else {
466
+ const ctx = { body, fold, repaint: null };
467
+ // 只重画正文(不动头部):折叠不需要重建整棵树,滚动位置与头部反馈都留着
468
+ ctx.repaint = () => {
469
+ body.innerHTML = '';
470
+ // 根若是从字符串解析来的,它的子树不再二次解析(只解析一层,防嵌套放大)
471
+ renderInto(ctx, root, 0, '', !fromJson);
472
+ };
473
+ ctx.repaint();
474
+ }
446
475
 
447
476
  box.appendChild(body);
448
477
  return box;
@@ -25,6 +25,11 @@
25
25
  * 序列化后又塞回 `content` 的工具 —— 这些值的类型是**字符串**,此前只显示成一串
26
26
  * `{\"a\":1` 的反斜杠汤,比无缩进的 JSON 更难读。现在首尾是 `{`…`}` / `[`…`]` 且解析成功的
27
27
  * 字符串按容器铺开,并在行里打 `str→json` 标记 —— 不标出来,读者会以为工具真的返回了对象。
28
+ * 5. **一整篇 Markdown 的字符串正文**(2026-11-12 晚):工具出参的另一种常见形态就是一份
29
+ * SKILL.md / 错误汇总报告,类型仍是字符串 ⇒ 展开后是 `# 标题`、`|---|---|`、
30
+ * `<!-- 迁移自 … -->` 的源文。本件**不**自带解析器 —— 那会是仓库里的第二份,必然与宿主
31
+ * 那份漂移,所以只接受宿主渲染好的元素(`opts.body`),自己负责头部
32
+ * (`string · N 字符 · md` + `md` 标记)与「复制取原文」。
28
33
  *
29
34
  * ## 边界(都是「不这么做就会坏」的地方,不是口味)
30
35
  *
@@ -49,6 +54,8 @@
49
54
  * 数字/空值/布尔就是**改写工具返回的事实**。解析结果内部的字符串**不再二次解析**:
50
55
  * 一层套一层是业务里的真实现象(SSE data 里再套 JSON),逐层展开会让 10KB 变成十万个节点。
51
56
  * 表格单元格也不解析 —— 同构表已经放弃了逐层展开,单元格里放不下嵌套块。
57
+ * - **宿主正文不再解析**:`opts.body` 给了就**原样用**。同一段内容既渲染又铺树,读者会看到
58
+ * 两套互相矛盾的呈现 —— 那比不做这一档更糟。所以这条判据只有一处(`createFullView`)。
52
59
  *
53
60
  * 零依赖、纯 DOM 构造(只用 createElement / appendChild / textContent / className /
54
61
  * dataset / innerHTML=''),与 view.js 共用同一套 DOM stub 跑测试。
@@ -175,6 +182,14 @@ function jsonBadge() {
175
182
  return b;
176
183
  }
177
184
 
185
+ /** 「这段正文被渲染过」的标记。同样**必须显眼**:Markdown 源文与渲染结果差得很远,
186
+ * 不标出来,读者会以为工具返回的就是排好版的样子(而它返回的是一串 `#` 与 `|`)。 */
187
+ function mdBadge() {
188
+ const b = fvEl('span', 'tr-full-md', 'md');
189
+ b.title = '这个字符串按 Markdown 渲染(原文仍在 .tr-io 与「复制」里,一字未改)';
190
+ return b;
191
+ }
192
+
178
193
  /** 子键的 JSON 路径:对象用 `.key`,数组用 `[i]`。根是空串,所以 `[0]` 不会变成 `.[0]` */
179
194
  function pathOf(parent, key, isArr) {
180
195
  return isArr ? `${parent}[${key}]` : parent ? `${parent}.${key}` : key;
@@ -406,48 +421,62 @@ function renderInto(ctx, v, depth, path, allowParse = true) {
406
421
  /**
407
422
  * 建一个结构化正文块。
408
423
  * @param {any} value `ev.full` 的**原值**(不是序列化后的字符串)
409
- * @param {{fold?: Map<string, boolean>}} [opts]
424
+ * @param {{fold?: Map<string, boolean>, body?: Element}} [opts]
410
425
  * `fold` 是**调用方持有**的折叠状态(路径 → 是否展开)。省略时本块自建一份,
411
426
  * 此时折叠状态活不过下一次「全量重建」—— 只对一次性渲染(测试、静态快照)够用。
427
+ * `body` 是**宿主已经渲染好的正文**(如 Markdown):给了就原样用,不再走缩进/折叠,
428
+ * 本件只负责头部(类型 / `md` 标记 / 复制)与挂载位置。
412
429
  * @returns {Element} `.tr-full` 块;调用方负责 append 到展开行之后
413
430
  */
414
431
  function createFullView(value, opts = {}) {
415
432
  const fold = opts.fold instanceof Map ? opts.fold : new Map();
416
-
417
- // 根是字符串 ⇒ 只有「里面装着 JSON」才会进来(调用方用 hasStructuredBody 先筛过)。
418
- // 头部同时写出**两件事**:它原本是字符串(字符数)、解析后是什么规模 —— 只写后者,
419
- // 读者会以为工具真的返回了对象。
420
- const parsedRoot = jsonInString(value);
433
+ /* 宿主渲染好的正文。**判据只此一处**:给了它就不解析、不铺树 —— 否则会同时出现
434
+ 两套呈现(宿主渲染的正文 + 本件又在旁边铺一遍原值),那比不渲染更糟。 */
435
+ const injected = opts.body && typeof opts.body === 'object' ? opts.body : null;
436
+
437
+ // 根是字符串 ⇒ 只有「里面装着 JSON」或「宿主认得的正文」才会进来。
438
+ // 头部同时写出**两件事**:它原本是字符串(字符数)、以及它是怎么被展示的 —— 只写后者,
439
+ // 读者会以为工具真的返回了对象 / 排好版的正文。
440
+ const parsedRoot = injected ? null : jsonInString(value);
421
441
  const root = parsedRoot ?? value;
422
442
  const fromJson = parsedRoot !== null;
423
443
 
424
444
  const box = fvEl('div', 'tr-full');
425
- box.dataset.kind = Array.isArray(root) ? 'array' : 'object';
445
+ box.dataset.kind = injected ? 'md' : Array.isArray(root) ? 'array' : 'object';
426
446
 
427
447
  const head = fvEl('div', 'tr-full-head');
428
448
  const label = typeLabelOf(root);
429
- head.appendChild(
430
- fvEl('span', 'tr-full-type', fromJson ? `string · ${value.length} 字符 → ${label}` : label),
431
- );
449
+ let typeText = label;
450
+ if (fromJson) typeText = `string · ${value.length} 字符 → ${label}`;
451
+ // 注入正文时不写「→ md」:紧跟其后的 `md` 标记已经说了这件事,
452
+ // 同一行说两遍只会让人以为其中一个另有含义(字符数才是头部真正要补的信息)
453
+ else if (injected) typeText = `string · ${value.length} 字符`;
454
+ head.appendChild(fvEl('span', 'tr-full-type', typeText));
432
455
  if (fromJson) head.appendChild(jsonBadge());
456
+ if (injected) head.appendChild(mdBadge());
433
457
  const copy = fvEl('span', 'tr-full-copy', '复制');
434
458
  copy.dataset.copy = '1';
435
- // 字符串根复制的是**原文**(拿到手能直接喂 jq);容器根复制的是缩进后的 JSON
459
+ // 字符串根复制的是**原文**(拿到手能直接喂 jq / 贴回上游);容器根复制的是缩进后的 JSON
436
460
  copy.addEventListener('click', () =>
437
- copyInto(copy, fromJson ? String(value) : safeStringify(root), '已复制'),
461
+ copyInto(copy, fromJson || injected ? String(value) : safeStringify(root), '已复制'),
438
462
  );
439
463
  head.appendChild(copy);
440
464
  box.appendChild(head);
441
465
 
442
466
  const body = fvEl('div', 'tr-full-body');
443
- const ctx = { body, fold, repaint: null };
444
- // 只重画正文(不动头部):折叠不需要重建整棵树,滚动位置与头部反馈都留着
445
- ctx.repaint = () => {
446
- body.innerHTML = '';
447
- // 根若是从字符串解析来的,它的子树不再二次解析(只解析一层,防嵌套放大)
448
- renderInto(ctx, root, 0, '', !fromJson);
449
- };
450
- ctx.repaint();
467
+ if (injected) {
468
+ // 宿主正文自带排版;本件的缩进/折叠那一套对散文没有意义(它也没有「路径」可复制)
469
+ body.appendChild(injected);
470
+ } else {
471
+ const ctx = { body, fold, repaint: null };
472
+ // 只重画正文(不动头部):折叠不需要重建整棵树,滚动位置与头部反馈都留着
473
+ ctx.repaint = () => {
474
+ body.innerHTML = '';
475
+ // 根若是从字符串解析来的,它的子树不再二次解析(只解析一层,防嵌套放大)
476
+ renderInto(ctx, root, 0, '', !fromJson);
477
+ };
478
+ ctx.repaint();
479
+ }
451
480
 
452
481
  box.appendChild(body);
453
482
  return box;
@@ -473,11 +502,14 @@ function createFullView(value, opts = {}) {
473
502
  * 宿主需提供的 CSS 变量:--ice --faint --text(见 trace-view.css)。
474
503
  */
475
504
 
476
- /* 展开态的正文有两种形状,由 `full` 的类型决定(2026-11-11,2026-11-12 扩了一档):
505
+ /* 展开态的正文有三种形状(2026-11-11,2026-11-12 扩了两档):
477
506
  * - 纯文本字符串 → 老路:`.tr-io` 里放原文,靠 `.tr-open` 换行(纯文本正文、官网模拟回放);
478
507
  * - 对象/数组 → 追加一个 `.tr-full` 结构化块(折叠 / 成表 / 路径复制),`.tr-io` 由 CSS 隐藏;
479
508
  * - **装着 JSON 的字符串**(`content: "{\"rows\":[...]}"`,工具把结构序列化后塞回文本字段)
480
- * → 同上一档,块头写明「string · N 字符 → object · M 项」并打 `str→json` 标记。
509
+ * → 同上一档,块头写明「string · N 字符 → object · M 项」并打 `str→json` 标记;
510
+ * - **一整篇 Markdown 的字符串**(工具出参就是一份 SKILL.md / 报告)→ 由宿主注入的
511
+ * `opts.textBody(text)` 渲染成正文块,块头打 `md` 标记。注入是刻意的:本包是独立
512
+ * 发布单元,解析器只有一份(在宿主里),两边各带一份必然漂移。
481
513
  * 判据与块内完全同源(`hasStructuredBody`),「挂不挂块」与「块里画什么」因此不会跑偏。
482
514
  * 前两档并存是刻意的:纯文本那条路有 test/style.test.js 的两个不变量守着(最小宽度、caret 常显),
483
515
  * 全换成本件会让那两个守卫失去落点。 */
@@ -547,6 +579,9 @@ function createTraceView(rootEl, opts = {}) {
547
579
  let price = opts.price ?? null;
548
580
  const onUsage = opts.onUsage ?? null;
549
581
  const usageEls = opts.usage ?? null;
582
+ /* 字符串正文的宿主渲染器(可选):`(text) => Element | null`。返回 null = 「不是那种
583
+ 正文,保持原文」。本包不自带 Markdown 解析器 —— 见文件头注。 */
584
+ const textBody = typeof opts.textBody === 'function' ? opts.textBody : null;
550
585
 
551
586
  let traceRoot = null;
552
587
  const spanMap = new Map();
@@ -574,6 +609,17 @@ function createTraceView(rootEl, opts = {}) {
574
609
  renderTrace();
575
610
  }
576
611
 
612
+ /** 宿主渲染器包一层:**只在展开时调用**(折叠态每条事件都会重画,挂在那儿等于白解析
613
+ * 一遍所有历史正文);宿主抛错也不许让整棵树白屏 —— 回落原文即可。 */
614
+ function textBodyOf(v) {
615
+ if (!textBody || typeof v !== 'string') return null;
616
+ try {
617
+ return textBody(v) || null;
618
+ } catch {
619
+ return null;
620
+ }
621
+ }
622
+
577
623
  function renderTrace() {
578
624
  rootEl.innerHTML = '';
579
625
  const rows = [];
@@ -606,11 +652,13 @@ function createTraceView(rootEl, opts = {}) {
606
652
  // 这一格整个不渲染,别把「无工具」显示成假工具名(.tr-name 是 flex:none,.tr-io 自然占满)
607
653
  if (ev.tool) row.appendChild(el('span', 'tr-name', ev.tool));
608
654
  // 展开态用全文(ev.full),折叠态用摘要(ev.text)—— 折叠态因此与加展开之前逐字一致。
609
- // `full` 是对象/数组、或**装着 JSON 的字符串**时(2026-11-11 / 2026-11-12):`.tr-io`
610
- // 仍放**原文**(结构化块挂在行后、由 CSS 隐藏本格),所以「展开拿到的是原文而不是
611
- // 62 字符摘要」这条不变量原样成立。
655
+ // `full` 是对象/数组、装着 JSON 的字符串、或宿主认得的正文(Markdown)时
656
+ // (2026-11-11 / 2026-11-12):`.tr-io` 仍放**原文**(结构化块挂在行后、由 CSS 隐藏本格),
657
+ // 所以「展开拿到的是原文而不是 62 字符摘要」这条不变量原样成立。
612
658
  const structured = hasStructuredBody(ev.full);
613
- const fullText = structured ? rawArg(ev.full) : ev.full || '';
659
+ const mdBody = open && !structured ? textBodyOf(ev.full) : null;
660
+ const blocked = structured || mdBody !== null;
661
+ const fullText = blocked ? rawArg(ev.full) : ev.full || '';
614
662
  const io = el('span', 'tr-io', (open ? fullText : ev.text) || '');
615
663
  // 展开后正文已在行里,再挂一个占满整行的原生 tooltip 只会挡视线
616
664
  io.title = open ? '' : ev.text || '';
@@ -618,7 +666,7 @@ function createTraceView(rootEl, opts = {}) {
618
666
  if (ev.full) {
619
667
  row.dataset.expandable = '1'; // 可展开标记:CSS 靠它出 caret / cursor,测试靠它找行
620
668
  row.appendChild(el('span', 'tr-caret', open ? '▾' : '▸'));
621
- if (open) row.className += ' tr-open' + (structured ? ' tr-structured' : '');
669
+ if (open) row.className += ' tr-open' + (blocked ? ' tr-structured' : '');
622
670
  row.addEventListener('click', () => {
623
671
  if (!hasSelection()) toggleExpand(ev.key);
624
672
  });
@@ -627,13 +675,15 @@ function createTraceView(rootEl, opts = {}) {
627
675
  // 结构化正文是**兄弟块**而不是 `.tr-io` 的子节点:行是 flex + nowrap,
628
676
  // 塞进去会把树的列对齐打乱;独立成块才能自己换行、自己缩进。
629
677
  // 折叠状态按事件键取一份带进去(2026-11-11 晚):块每次重建都 new,状态不能放块里。
630
- if (open && structured) {
678
+ // `body` 是宿主渲染好的正文(Markdown),交给同一条挂载路径:块头、复制、`.tr-io`
679
+ // 隐藏这些行为必须一致,否则「哪种正文」会从**外观**上分叉成两套。
680
+ if (open && blocked) {
631
681
  let fold = folds.get(ev.key);
632
682
  if (!fold) {
633
683
  fold = new Map();
634
684
  folds.set(ev.key, fold);
635
685
  }
636
- rootEl.appendChild(createFullView(ev.full, { fold }));
686
+ rootEl.appendChild(createFullView(ev.full, { fold, body: mdBody }));
637
687
  }
638
688
  return;
639
689
  }
@@ -296,6 +296,17 @@
296
296
  padding: 0 4px;
297
297
  margin-right: 4px;
298
298
  }
299
+ /* `md`:这段正文被 Markdown 渲染过(2026-11-12)。与 `str→json` 同一套外观 ——
300
+ 两者都是「你看到的不是原样」的告示,样式分叉只会让人以为它们是不同性质的东西。 */
301
+ .tr-full-md {
302
+ color: var(--faint);
303
+ font-size: 10px;
304
+ line-height: 1.4;
305
+ border: 1px solid #2c2c32;
306
+ border-radius: 3px;
307
+ padding: 0 4px;
308
+ margin-right: 4px;
309
+ }
299
310
  /* `⧉` 复制路径:hover 才露。与 .tr-caret 的区别是**它暴露的是动作、不是信息** ——
300
311
  路径的内容(键名)始终写在行里,常显只会给每行多一个字形噪声。
301
312
  没有剪贴板实现时照样显示、点了不谎报成功(见 full-view.js 的 copyInto)。 */
@@ -17,11 +17,14 @@
17
17
  * 宿主需提供的 CSS 变量:--ice --faint --text(见 trace-view.css)。
18
18
  */
19
19
 
20
- /* 展开态的正文有两种形状,由 `full` 的类型决定(2026-11-11,2026-11-12 扩了一档):
20
+ /* 展开态的正文有三种形状(2026-11-11,2026-11-12 扩了两档):
21
21
  * - 纯文本字符串 → 老路:`.tr-io` 里放原文,靠 `.tr-open` 换行(纯文本正文、官网模拟回放);
22
22
  * - 对象/数组 → 追加一个 `.tr-full` 结构化块(折叠 / 成表 / 路径复制),`.tr-io` 由 CSS 隐藏;
23
23
  * - **装着 JSON 的字符串**(`content: "{\"rows\":[...]}"`,工具把结构序列化后塞回文本字段)
24
- * → 同上一档,块头写明「string · N 字符 → object · M 项」并打 `str→json` 标记。
24
+ * → 同上一档,块头写明「string · N 字符 → object · M 项」并打 `str→json` 标记;
25
+ * - **一整篇 Markdown 的字符串**(工具出参就是一份 SKILL.md / 报告)→ 由宿主注入的
26
+ * `opts.textBody(text)` 渲染成正文块,块头打 `md` 标记。注入是刻意的:本包是独立
27
+ * 发布单元,解析器只有一份(在宿主里),两边各带一份必然漂移。
25
28
  * 判据与块内完全同源(`hasStructuredBody`),「挂不挂块」与「块里画什么」因此不会跑偏。
26
29
  * 前两档并存是刻意的:纯文本那条路有 test/style.test.js 的两个不变量守着(最小宽度、caret 常显),
27
30
  * 全换成本件会让那两个守卫失去落点。 */
@@ -91,6 +94,9 @@ export function createTraceView(rootEl, opts = {}) {
91
94
  let price = opts.price ?? null;
92
95
  const onUsage = opts.onUsage ?? null;
93
96
  const usageEls = opts.usage ?? null;
97
+ /* 字符串正文的宿主渲染器(可选):`(text) => Element | null`。返回 null = 「不是那种
98
+ 正文,保持原文」。本包不自带 Markdown 解析器 —— 见文件头注。 */
99
+ const textBody = typeof opts.textBody === 'function' ? opts.textBody : null;
94
100
 
95
101
  let traceRoot = null;
96
102
  const spanMap = new Map();
@@ -118,6 +124,17 @@ export function createTraceView(rootEl, opts = {}) {
118
124
  renderTrace();
119
125
  }
120
126
 
127
+ /** 宿主渲染器包一层:**只在展开时调用**(折叠态每条事件都会重画,挂在那儿等于白解析
128
+ * 一遍所有历史正文);宿主抛错也不许让整棵树白屏 —— 回落原文即可。 */
129
+ function textBodyOf(v) {
130
+ if (!textBody || typeof v !== 'string') return null;
131
+ try {
132
+ return textBody(v) || null;
133
+ } catch {
134
+ return null;
135
+ }
136
+ }
137
+
121
138
  function renderTrace() {
122
139
  rootEl.innerHTML = '';
123
140
  const rows = [];
@@ -150,11 +167,13 @@ export function createTraceView(rootEl, opts = {}) {
150
167
  // 这一格整个不渲染,别把「无工具」显示成假工具名(.tr-name 是 flex:none,.tr-io 自然占满)
151
168
  if (ev.tool) row.appendChild(el('span', 'tr-name', ev.tool));
152
169
  // 展开态用全文(ev.full),折叠态用摘要(ev.text)—— 折叠态因此与加展开之前逐字一致。
153
- // `full` 是对象/数组、或**装着 JSON 的字符串**时(2026-11-11 / 2026-11-12):`.tr-io`
154
- // 仍放**原文**(结构化块挂在行后、由 CSS 隐藏本格),所以「展开拿到的是原文而不是
155
- // 62 字符摘要」这条不变量原样成立。
170
+ // `full` 是对象/数组、装着 JSON 的字符串、或宿主认得的正文(Markdown)时
171
+ // (2026-11-11 / 2026-11-12):`.tr-io` 仍放**原文**(结构化块挂在行后、由 CSS 隐藏本格),
172
+ // 所以「展开拿到的是原文而不是 62 字符摘要」这条不变量原样成立。
156
173
  const structured = hasStructuredBody(ev.full);
157
- const fullText = structured ? rawArg(ev.full) : ev.full || '';
174
+ const mdBody = open && !structured ? textBodyOf(ev.full) : null;
175
+ const blocked = structured || mdBody !== null;
176
+ const fullText = blocked ? rawArg(ev.full) : ev.full || '';
158
177
  const io = el('span', 'tr-io', (open ? fullText : ev.text) || '');
159
178
  // 展开后正文已在行里,再挂一个占满整行的原生 tooltip 只会挡视线
160
179
  io.title = open ? '' : ev.text || '';
@@ -162,7 +181,7 @@ export function createTraceView(rootEl, opts = {}) {
162
181
  if (ev.full) {
163
182
  row.dataset.expandable = '1'; // 可展开标记:CSS 靠它出 caret / cursor,测试靠它找行
164
183
  row.appendChild(el('span', 'tr-caret', open ? '▾' : '▸'));
165
- if (open) row.className += ' tr-open' + (structured ? ' tr-structured' : '');
184
+ if (open) row.className += ' tr-open' + (blocked ? ' tr-structured' : '');
166
185
  row.addEventListener('click', () => {
167
186
  if (!hasSelection()) toggleExpand(ev.key);
168
187
  });
@@ -171,13 +190,15 @@ export function createTraceView(rootEl, opts = {}) {
171
190
  // 结构化正文是**兄弟块**而不是 `.tr-io` 的子节点:行是 flex + nowrap,
172
191
  // 塞进去会把树的列对齐打乱;独立成块才能自己换行、自己缩进。
173
192
  // 折叠状态按事件键取一份带进去(2026-11-11 晚):块每次重建都 new,状态不能放块里。
174
- if (open && structured) {
193
+ // `body` 是宿主渲染好的正文(Markdown),交给同一条挂载路径:块头、复制、`.tr-io`
194
+ // 隐藏这些行为必须一致,否则「哪种正文」会从**外观**上分叉成两套。
195
+ if (open && blocked) {
175
196
  let fold = folds.get(ev.key);
176
197
  if (!fold) {
177
198
  fold = new Map();
178
199
  folds.set(ev.key, fold);
179
200
  }
180
- rootEl.appendChild(createFullView(ev.full, { fold }));
201
+ rootEl.appendChild(createFullView(ev.full, { fold, body: mdBody }));
181
202
  }
182
203
  return;
183
204
  }
@@ -180,6 +180,20 @@
180
180
  .md blockquote { margin: 0 0 6px; padding-left: 9px; border-left: 2px solid var(--border); color: var(--muted); }
181
181
  .md a { color: var(--ice); }
182
182
  .md hr { border: 0; border-top: 1px solid var(--border); margin: 8px 0; }
183
+ /* 表格(2026-11-12):右栏只有 ~400px,内边距压到 3px 6px,列多时还能读;
184
+ 对齐用类名,不用 inline style(与「innerHTML 只许一处」同类纪律)。 */
185
+ .md-table { border-collapse: collapse; margin: 0 0 6px; font-size: 11.5px; }
186
+ .md-table:last-child { margin-bottom: 0; }
187
+ .md-table th, .md-table td { border: 1px solid var(--border); padding: 3px 6px; }
188
+ .md-table th { background: var(--card); color: var(--text); font-weight: 600; }
189
+ .md-table .md-right { text-align: right; }
190
+ .md-table .md-center { text-align: center; }
191
+ .md-table .md-left { text-align: left; }
192
+ /* trace 树里的 Markdown 正文(2026-11-12):树本身是 11px,正文块跟着收紧一档;
193
+ 字体不换 —— 一块正文突然换成无衬线,会和相邻的行错开视觉基线。 */
194
+ .md-trace { font-size: 11.5px; line-height: 1.55; }
195
+ .md-trace .md-h { font-size: 12px; margin: 8px 0 3px; }
196
+ .md-trace .md-table { font-size: 11px; }
183
197
  /* 正文用无衬线正文栈(模型输出是散文,等宽栈读它更累);码块与行内码仍是等宽。
184
198
  挂在 `.md-wrap`(渲染器的包装节点)而不是 `#reply .md, .turn .md`:单一类选择器
185
199
  既不用管特异性排序,也让「哪块是模型正文」只由一处决定。 */
@@ -352,7 +366,7 @@
352
366
 
353
367
  <script type="module">
354
368
  import { createTraceView, playTrace, summarizeTrace, renderSummary } from './index.js';
355
- import { parseMarkdown } from './markdown.js';
369
+ import { parseMarkdown, looksLikeMarkdown } from './markdown.js';
356
370
  import {
357
371
  HISTORY_DRAFT,
358
372
  applyTraceEvent,
@@ -423,12 +437,17 @@
423
437
  const view = createTraceView(traceEl, {
424
438
  // 无公开单价 → 不估算成本;只展示 token
425
439
  usage: { in: $('u-in'), out: $('u-out') },
440
+ // 展开的工具出参若是 Markdown(SKILL.md / 报告),渲染成正文而不是源文;
441
+ // 判据与解析器只有一份(markdown.ts),见 traceTextBody 的口径注
442
+ textBody: traceTextBody,
426
443
  });
427
444
 
428
445
  // 并排 A/B 的**第二棵**树。刻意不共用 `view`:`createTraceView` 绑一个容器 +
429
446
  // 一个 usage 出口,两棵树塞进同一容器会互相清空(trace-view 的 `playTrace` 是
430
447
  // 整容器替换式的)。共用 `u-in`/`u-out` 也无意义 —— 那两个读数属于「正在看的那条」。
431
- const view2 = createTraceView(trace2El);
448
+ // `textBody` 与主树用**同一个**:同一份 trace 在两栏里必须长成同一个样子,
449
+ // 否则「并排看差异」会先看见渲染差异。
450
+ const view2 = createTraceView(trace2El, { textBody: traceTextBody });
432
451
 
433
452
  // ---------- 并排 A/B(档 B) ----------
434
453
 
@@ -871,6 +890,37 @@
871
890
  list.appendChild(li);
872
891
  }
873
892
  el.appendChild(list);
893
+ } else if (b.type === 'table') {
894
+ /* 表格(2026-11-12):错误汇总 / 逐项统计天然成表,一律渲染。
895
+ 对齐走类名(`md-left` / `md-right` / `md-center`),不写 inline style ——
896
+ 全页对 style 属性的写入为 0,这条和「innerHTML 只许一处」同一类纪律。 */
897
+ const table = document.createElement('table');
898
+ table.className = 'md-table';
899
+ const thead = document.createElement('thead');
900
+ const htr = document.createElement('tr');
901
+ b.header.forEach((cell, ci) => {
902
+ const th = document.createElement('th');
903
+ const al = b.align[ci];
904
+ if (al) th.className = 'md-' + al;
905
+ appendInline(th, cell);
906
+ htr.appendChild(th);
907
+ });
908
+ thead.appendChild(htr);
909
+ table.appendChild(thead);
910
+ const tbody = document.createElement('tbody');
911
+ for (const row of b.rows) {
912
+ const tr = document.createElement('tr');
913
+ row.forEach((cell, ci) => {
914
+ const td = document.createElement('td');
915
+ const al = b.align[ci];
916
+ if (al) td.className = 'md-' + al;
917
+ appendInline(td, cell);
918
+ tr.appendChild(td);
919
+ });
920
+ tbody.appendChild(tr);
921
+ }
922
+ table.appendChild(tbody);
923
+ el.appendChild(table);
874
924
  } else if (b.type === 'quote') {
875
925
  const q = document.createElement('blockquote');
876
926
  appendInline(q, b.inline);
@@ -885,6 +935,25 @@
885
935
  }
886
936
  }
887
937
 
938
+ /**
939
+ * trace 树里「一整篇 Markdown」的字符串正文 —— 挂给 trace-view 的 `textBody` 钩子。
940
+ *
941
+ * 工具出参的另一种常见形态就是一份 SKILL.md / 错误汇总报告:类型是**字符串** ⇒
942
+ * 之前只能走 `.tr-io` 的原文,展开后是 `<!-- 迁移自 … -->`、`# 标题`、`|---|---|`
943
+ * 的源文。这里把它渲染成正文(`<!-- -->` 已在解析层丢弃)。
944
+ *
945
+ * 返回 `null` 表示「这不是 Markdown,保持原文」。判据与解析器都只有一份,在
946
+ * `markdown.ts`:trace-view 是**独立发布包**,不能反向依赖 CLI,所以走**注入**
947
+ * 而不是让它自己再带一份解析器 —— 两份必然漂移。
948
+ */
949
+ function traceTextBody(text) {
950
+ if (!looksLikeMarkdown(text)) return null;
951
+ const box = document.createElement('div');
952
+ box.className = 'md md-trace';
953
+ renderMarkdownInto(box, text);
954
+ return box;
955
+ }
956
+
888
957
  /**
889
958
  * 一段**模型正文**(最终回复 / 助手轮)→ 填进 `wrap`。
890
959
  *
package/dist/markdown.js CHANGED
@@ -15,15 +15,22 @@
15
15
  *
16
16
  * 支持的子集(刻意不做的都在「不做」里):
17
17
  * - 块:`#` 标题(1–6 级)、围栏码块(``` / ~~~,带语言标注)、无序/有序列表(**一层**)、
18
- * 引用(合并成一段正文)、`---` 分隔线、段落
18
+ * 引用(合并成一段正文)、`---` 分隔线、**GFM 表格**(表头 / 分隔行 / 对齐 / `\|` 转义)、段落
19
19
  * - 行内:行内码、`**粗**`、`*斜*`、`[文字](链接)`、`<https://…>` 自动链接
20
+ * - **HTML 注释被丢弃**(`<!-- … -->`,可跨行):注释不是正文。真实素材里最常见的就是
21
+ * 「迁移自 …」「TODO: 这条规则已废弃」这类作者旁注,让它们以字面文本占掉开头三四行,
22
+ * 比不渲染更糟。原文一个字节都不改(调用方手里仍是原串)⇒ 「隐藏」只发生在**渲染视图**里。
20
23
  *
21
24
  * 不做(都是刻意的,不是漏):
22
- * - **不做 HTML 透传**(安全前提,见上)
23
- * - 不做表格 / 任务列表 / 嵌套列表 / 脚注 / 数学 —— 面板是调试视图,不是文档站
25
+ * - **不做 HTML 透传**(安全前提,见上)—— 注释是唯一的例外,且是**丢掉**而不是渲染
26
+ * - **不做任务列表 / 嵌套列表 / 脚注 / 数学** —— 面板是调试视图,不是文档站
24
27
  * - 不做 setext 标题(`===` 下划线式)—— 与分隔线歧义大、收益小
25
28
  * - 不做图片(`![]()`)—— 面板**不去外网取图**:一次 run 的正文不该触发网络请求
26
29
  * - 不做**词内** `_` 强调(`read_file_tool` 原样显示)—— 与 CommonMark 同口径,见 `parseInline`
30
+ *
31
+ * ⚠️ 表格是 2026-11-12 补的(原先明写「不做表格」)。**那个判断是错的**:agent 的产出里
32
+ * 「错误汇总 / 逐项统计 / 参数对照」天然就是表,砍掉表格等于把最有信息量的几种结果打回
33
+ * 一行行 `| a | b |` 加上 `|---|---|` 的源文 —— 面板的读者被迫在脑子里做列对齐。
27
34
  */
28
35
  /**
29
36
  * 链接协议白名单。**这是安全边界,不是风格选择**:
@@ -43,6 +50,14 @@ const QUOTE = /^\s{0,3}>\s?(.*)$/;
43
50
  const UL = /^(\s*)([-*+])\s+(.*)$/;
44
51
  const OL = /^(\s*)(\d{1,9})[.)]\s+(.*)$/;
45
52
  const BLANK = /^\s*$/;
53
+ /**
54
+ * 表格的分隔行:`| --- | :--: |` / `--- | ---` 两种写法都收。
55
+ * 至少**两列**(`(\|…)+` 强制的)—— 单列「表格」在面板里就是一段带竖线的文本,
56
+ * 成表只会白占一行表头,还容易被 `a | b` 这种正文误判。
57
+ */
58
+ const TABLE_SEP = /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)+\|?\s*$/;
59
+ /** 「这个字符串值不值得渲染」的长度上限(见 `looksLikeMarkdown`)—— 几百 KB 逐行建 DOM 只会卡住面板 */
60
+ const MAX_RENDER_CHARS = 100_000;
46
61
  /** 「单词字符」:`_` 的词内排除用它判边界(与 CommonMark 的 intraword 规则同口径) */
47
62
  const WORD_CHAR = /[A-Za-z0-9_]/;
48
63
  /** 下标可能越界(`text[-1]` / `text[len]` 都是 `undefined`)⇒ 越界一律当「不是单词字符」 */
@@ -52,15 +67,18 @@ function isWordChar(ch) {
52
67
  /**
53
68
  * 把一段 Markdown 文本解析成块序列。
54
69
  *
55
- * 三条与「真 Markdown」不同但**刻意**的口径:
70
+ * 四条与「真 Markdown」不同但**刻意**的口径:
56
71
  * - 缩进 ≥2 空格的续行归上一条列表项(列表只解析**一层**:更深一层当正文,不递归建树);
57
72
  * - 未闭合的围栏码块吃掉到文末(**不静默丢内容** —— 模型被截断时最常见的就是这个形态);
58
- * - 引用(`>`)合并成**一段正文**(面板里引用几乎总是模型在引日志,逐行建块只会更碎)。
73
+ * - 引用(`>`)合并成**一段正文**(面板里引用几乎总是模型在引日志,逐行建块只会更碎);
74
+ * - 表格按**表头**宽度对齐:缺的列补空、多出来的列丢掉(与 GFM 同口径)。表格之后紧接的
75
+ * 非 `|` 行立刻收尾 —— 表格没有围栏,边界只能靠「下一行还像不像表格」来判断。
59
76
  */
60
77
  export function parseMarkdown(text) {
61
78
  const src = String(text ?? '').replace(/\r\n?/g, '\n');
62
79
  const lines = src.split('\n');
63
80
  const blocks = [];
81
+ const comment = { open: false };
64
82
  let i = 0;
65
83
  let para = [];
66
84
  const flushPara = () => {
@@ -72,7 +90,9 @@ export function parseMarkdown(text) {
72
90
  blocks.push({ type: 'p', inline: parseInline(joined, 0) });
73
91
  };
74
92
  while (i < lines.length) {
75
- const line = lines[i];
93
+ // 注释先剥掉再看这一行是什么(围栏码块的内容由下面的内层循环整段吞掉,不会走到这里 ⇒
94
+ // 码块里的 `<!-- … -->` 原样保留,这正是「代码是字面量」的意思)
95
+ const line = stripComments(lines[i], comment);
76
96
  // —— 围栏码块 ——
77
97
  const fence = FENCE.exec(line);
78
98
  if (fence) {
@@ -159,6 +179,34 @@ export function parseMarkdown(text) {
159
179
  blocks.push({ type: 'list', ordered, items });
160
180
  continue;
161
181
  }
182
+ // —— 表格(GFM):表头行 + 分隔行**同时**成立才算 ——
183
+ // 两条都要,是这条判据的全部要害:只要「行里有 `|`」就成表,`a | b` 这种正文会被
184
+ // 吞成一行表头;只要「下一行像分隔行」就成表,`---` 分隔线下面那段会被吃掉。
185
+ if (isTableStart(line, lines[i + 1])) {
186
+ flushPara();
187
+ const header = splitRow(line).map((c) => parseInline(c, 0));
188
+ const align = splitRow(stripComments(lines[i + 1], { open: comment.open })).map(alignOf);
189
+ const rows = [];
190
+ i += 2;
191
+ while (i < lines.length) {
192
+ // 表格没有围栏:边界只能靠「下一行还像不像表格」。空白、另一个块的起始、
193
+ // 不含 `|` 的行,三者任一条都收尾(否则后面的正文会被当成格子吃掉)。
194
+ const raw = lines[i];
195
+ if (!raw.includes('|') || BLANK.test(raw))
196
+ break;
197
+ if (FENCE.test(raw) || HR.test(raw) || HEADING.test(raw) || QUOTE.test(raw))
198
+ break;
199
+ if (UL.test(raw) || olAt(raw))
200
+ break;
201
+ const cells = splitRow(raw).slice(0, header.length);
202
+ while (cells.length < header.length)
203
+ cells.push('');
204
+ rows.push(cells.map((c) => parseInline(c, 0)));
205
+ i++;
206
+ }
207
+ blocks.push({ type: 'table', align, header, rows });
208
+ continue;
209
+ }
162
210
  // —— 其余:段落(连续非空行合并,行内换行保留) ——
163
211
  para.push(line.trim());
164
212
  i++;
@@ -166,6 +214,122 @@ export function parseMarkdown(text) {
166
214
  flushPara();
167
215
  return blocks;
168
216
  }
217
+ /**
218
+ * 剥掉 HTML 注释(可跨行)。`state.open` 跨行携带 —— 块级解析是逐行扫的,
219
+ * 没有这个开关,一段被空行隔开的三行注释会被当成三段正文(每段都带着半截 `<!--`)。
220
+ *
221
+ * 只在**非码块**的行上调用。码块内容由围栏那段内层循环整段吞掉,走不到这里 ——
222
+ * 所以「代码里的 `<!-- -->` 原样保留」不是靠额外判断,是靠调用点。
223
+ */
224
+ function stripComments(line, state) {
225
+ let s = line;
226
+ for (;;) {
227
+ if (state.open) {
228
+ const end = s.indexOf('-->');
229
+ if (end < 0)
230
+ return '';
231
+ s = s.slice(end + 3);
232
+ state.open = false;
233
+ continue;
234
+ }
235
+ const start = s.indexOf('<!--');
236
+ if (start < 0)
237
+ return s;
238
+ const end = s.indexOf('-->', start + 4);
239
+ if (end < 0) {
240
+ state.open = true;
241
+ return s.slice(0, start);
242
+ }
243
+ s = s.slice(0, start) + s.slice(end + 3);
244
+ }
245
+ }
246
+ /**
247
+ * 一行表格 → 格子文本(已 trim,`\|` 解成 `|`)。
248
+ * 首尾的定界竖线去掉;**但**以 `\|` 结尾时不能去 —— 那是最后一个格子里的字面竖线。
249
+ */
250
+ function splitRow(line) {
251
+ let s = line.trim();
252
+ if (s.startsWith('|'))
253
+ s = s.slice(1);
254
+ if (s.endsWith('|') && !s.endsWith('\\|'))
255
+ s = s.slice(0, -1);
256
+ const cells = [];
257
+ let buf = '';
258
+ for (let i = 0; i < s.length; i++) {
259
+ const c = s[i];
260
+ if (c === '\\' && s[i + 1] === '|') {
261
+ buf += '|';
262
+ i++;
263
+ continue;
264
+ }
265
+ if (c === '|') {
266
+ cells.push(buf.trim());
267
+ buf = '';
268
+ continue;
269
+ }
270
+ buf += c;
271
+ }
272
+ cells.push(buf.trim());
273
+ return cells;
274
+ }
275
+ /** 分隔行的单个格子 → 对齐方式 */
276
+ function alignOf(cell) {
277
+ const t = cell.trim();
278
+ const left = t.startsWith(':');
279
+ const right = t.endsWith(':');
280
+ if (left && right)
281
+ return 'center';
282
+ if (right)
283
+ return 'right';
284
+ if (left)
285
+ return 'left';
286
+ return null;
287
+ }
288
+ /** 这一行是不是表格的开头:表头含 `|`、下一行是分隔行、且两行列数**相等** */
289
+ function isTableStart(head, sep) {
290
+ if (sep === undefined || !head.includes('|') || !TABLE_SEP.test(sep))
291
+ return false;
292
+ return splitRow(head).length === splitRow(sep).length;
293
+ }
294
+ /**
295
+ * 这段正文「值不值得按 Markdown 渲染」—— 给**宿主**用(trace 树里展开的工具出参)。
296
+ *
297
+ * 判据只认**块级**记号,且要求**至少两分**(围栏码块与表格各算两分,其余各一分):
298
+ * 标题 + 列表 = 2 分 ✅;只有一堆 `#` 注释 ❌;只有一处围栏码块 ✅。
299
+ *
300
+ * 为什么这么严:判错的代价不是「少渲染一点」,而是**把一段本来好读的文本毁掉** ——
301
+ * 日志行被并成段落、原有缩进被吃掉、行首的 `#` 与 `|` 凭空消失。所以宁可漏(保持原文),
302
+ * 不可错。
303
+ *
304
+ * 刻意**不**看行内记号(`**粗**` / `[x](y)`):`**kwargs` / `*args` 是 Python 源码里最常见
305
+ * 的东西,按行内记号判会把整份源码判成 Markdown —— 而那正是工具出参的另一种常见形态。
306
+ *
307
+ * 超过 `MAX_RENDER_CHARS` 一律不渲染:几百 KB 的正文逐行建 DOM 只会把面板卡住,
308
+ * 而这种长度的东西本来就该用「复制」拿走。
309
+ */
310
+ export function looksLikeMarkdown(text) {
311
+ if (typeof text !== 'string' || text.length > MAX_RENDER_CHARS)
312
+ return false;
313
+ const lines = text.replace(/\r\n?/g, '\n').split('\n');
314
+ const kinds = new Set();
315
+ for (let i = 0; i < lines.length; i++) {
316
+ const line = lines[i];
317
+ if (FENCE.test(line))
318
+ kinds.add('fence');
319
+ else if (isTableStart(line, lines[i + 1]))
320
+ kinds.add('table');
321
+ else if (HEADING.test(line))
322
+ kinds.add('h');
323
+ else if (QUOTE.test(line))
324
+ kinds.add('q');
325
+ else if (UL.test(line) || olAt(line))
326
+ kinds.add('list');
327
+ }
328
+ let score = 0;
329
+ for (const k of kinds)
330
+ score += k === 'fence' || k === 'table' ? 2 : 1;
331
+ return score >= 2;
332
+ }
169
333
  /** 有序列表标记(`1.` / `1)`),返回与 UL 同形的三组:缩进 / 标记 / 正文 */
170
334
  function olAt(line) {
171
335
  const m = OL.exec(line);
@@ -11,10 +11,10 @@
11
11
  "typecheck": "tsc --noEmit -p tsconfig.json"
12
12
  },
13
13
  "dependencies": {
14
- "@migor/agentia": "^0.10.8"
14
+ "@migor/agentia": "^0.10.9"
15
15
  },
16
16
  "devDependencies": {
17
- "@migor/cli": "^0.10.8",
17
+ "@migor/cli": "^0.10.9",
18
18
  "tsx": "^4.19.0",
19
19
  "typescript": "^7.0.2",
20
20
  "@types/node": "^22.0.0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@migor/cli",
3
- "version": "0.10.8",
3
+ "version": "0.10.9",
4
4
  "description": "CLI for the Agentia framework: scaffold a project, generate a capability, and open a local trace inspector for runs.",
5
5
  "type": "module",
6
6
  "bin": {