Name: 012-mermaid-render-fix
Author: YudongL2000

Imported from YudongL2000/aibox-to-yizheng (Tesseract_yizheng/specs/012-mermaid-render-fix/AGENTS.md). Install upstream with npx skills add YudongL2000/aibox-to-yizheng --skill 012-mermaid-render-fix. Copyright stays with the author.

specs/012-mermaid-render-fix/

L2 | 父级: specs/AGENTS.md

简述

修复 aily-mermaid 代码块的渲染失败问题（"No diagram type detected" 错误）。

根因

normalizeAilyMermaid() 用 JSON.stringify({ code: trimmed }) 包装了原始 mermaid 代码后放入 fenced block。 ngx-x-markdown 渲染时对内容进行 entity unescape，导致 \n 变为真实换行、\" 变为 "，破坏 JSON 有效性。下游 parseContent() 静默忽略 JSON.parse 错误，最终 mermaidData 返回损坏的 JSON 字符串给 mermaid，触发渲染错误。

修复内容

文件	变更
`x-dialog.component.ts`	`normalizeAilyMermaid` 改为 identity pass-through，不再 JSON 包装
`aily-chat-code.component.ts`	`mermaidData` getter 新增 regex fallback，提取历史 JSON-wrapped 消息中的 code 字段

关键文件

aily-blockly/src/app/tools/aily-chat/components/x-dialog/x-dialog.component.ts
aily-blockly/src/app/tools/aily-chat/components/x-dialog/aily-chat-code.component.ts

成员清单 spec.md: 特性规格，含根因分析、用户故事与验收标准。 plan.md: 实现计划，含修复策略与文件变更说明。 tasks.md: 细化任务列表，含验收检查清单。 AGENTS.md: 本文件，模块地图。

[PROTOCOL]: 变更时更新此头部，然后检查 AGENTS.md

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Install 012-mermaid-render-fix and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "yudongl2000-aibox-to-yizheng-012-mermaid-render-fix", "kind": "skill", "name": "012-mermaid-render-fix", "description": "修复 `aily-mermaid` 代码块的渲染失败问题（\"No diagram type detected\" 错误）。", "publisher": "YudongL2000", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "修复 `aily-mermaid` 代码块的渲染失败问题（\"No diagram type detected\" 错误）。" ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/YudongL2000/aibox-to-yizheng", "path": "Tesseract_yizheng/specs/012-mermaid-render-fix/AGENTS.md", "ref": "ee80f074cc34a910bde3ea788e5d6f719429c6d3", "url": "https://github.com/YudongL2000/aibox-to-yizheng/blob/ee80f074cc34a910bde3ea788e5d6f719429c6d3/Tesseract_yizheng/specs/012-mermaid-render-fix/AGENTS.md", "key": "YudongL2000/aibox-to-yizheng/Tesseract_yizheng/specs/012-mermaid-render-fix/AGENTS.md" } }, "instructions": "# specs/012-mermaid-render-fix/\r\n> L2 | 父级: specs/AGENTS.md\r\n\r\n## 简述\r\n\r\n修复 `aily-mermaid` 代码块的渲染失败问题（\"No diagram type detected\" 错误）。\r\n\r\n## 根因\r\n\r\n`normalizeAilyMermaid()` 用 `JSON.stringify({ code: trimmed })` 包装了原始 mermaid 代码后放入 fenced block。\r\n`ngx-x-markdown` 渲染时对内容进行 entity unescape，导致 `\\n` 变为真实换行、`\\\"` 变为 `\"`，破坏 JSON 有效性。\r\n下游 `parseContent()` 静默忽略 JSON.parse 错误，最终 `mermaidData` 返回损坏的 JSON 字符串给 mermaid，触发渲染错误。\r\n\r\n## 修复内容\r\n\r\n| 文件 | 变更 |\r\n|------|------|\r\n| `x-dialog.component.ts` | `normalizeAilyMermaid` 改为 identity pass-through，不再 JSON 包装 |\r\n| `aily-chat-code.component.ts` | `mermaidData` gett", "cost": { "context_tokens": 249 } }

012-mermaid-render-fix

About

specs/012-mermaid-render-fix/

简述

根因

修复内容

关键文件

Use it

Install 012-mermaid-render-fix and it becomes one more candidate the router can pick - when it fits.

Manifest

Reviews