Describe the bug
The generated .md pages omit content placed inside interactive Tabs components, creating content-parity differences between the rendered documentation and the agent-facing Markdown representation.
After previously documenting the affected pages in an agent experience audit, I encountered a similar parity issue in another documentation project. Investigating that project revealed a serialization problem, so I examined Chainlink's Markdown-generation pipeline for a comparable cause.
Chainlink's public .md route is implemented in:
src/pages/[...path].md.ts
The route reads the source MDX and passes it to transformPageToMarkdown(). The conversion logic is implemented in:
src/lib/markdown/transformMarkdown.ts
The transformer provides handlers for selected MDX components, including Aside, CodeSample, and CcipCommon. However, it does not provide a serialization handler for Tabs, TabsContent, or their slotted Fragment children.
The cleanup rule subsequently removes unsupported MDX flow components:
[transformMarkdown.ts, lines 211–224]
(https://github.com/smartcontractkit/documentation/blob/main/src/lib/markdown/transformMarkdown.ts#L211-L224)
When a Tabs component is removed, its Fragment panels and their commands, tables, code samples, warnings, and expected outputs are removed with it.
For example, this source structure:
<Tabs client:visible>
<Fragment slot="tab.1">Starter kit</Fragment>
<Fragment slot="tab.2">Manual</Fragment>
<Fragment slot="panel.1">
Starter-kit instructions
</Fragment>
<Fragment slot="panel.2">
Manual instructions
</Fragment>
</Tabs>
produces a Markdown representation containing neither implementation path.
To Reproduce
-
Open the rendered LockRelease Token Pool documentation page:
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool
-
Navigate to Step 1: Deploy the LockRelease Token Pool.
-
Confirm that the page contains Starter kit and Manual tabs with deployment instructions.
-
Open the corresponding Markdown page:
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.md
-
Locate the same Step 1 section.
-
Observe that the Markdown moves from the introductory paragraph directly to Transfer-fee fields, omitting both tab panels.
-
Inspect the source MDX:
https://github.com/smartcontractkit/documentation/blob/main/src/content/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.mdx
-
Inspect the unsupported-component cleanup rule:
https://github.com/smartcontractkit/documentation/blob/main/src/lib/markdown/transformMarkdown.ts#L211-L224
URLs
Representative page:
Expected behavior
The Markdown transformer should preserve every tab label and its corresponding panel content.
Because Markdown is not interactive, each tab could be serialized sequentially as a labeled section. Nested components, such as CodeSample, should then be processed by their existing handlers.
No tab panel should be silently discarded.
Additional context
All affected pages are documented here: https://github.com/manueldezman/chainlink-documentation-audit.
I would be happy to submit a focused PR that adds serialization support for Tabs, TabsContent, and their Fragment panels, along with automated tests confirming that every tab label and panel remains present in the generated Markdown.
Describe the bug
The generated
.mdpages omit content placed inside interactiveTabscomponents, creating content-parity differences between the rendered documentation and the agent-facing Markdown representation.After previously documenting the affected pages in an agent experience audit, I encountered a similar parity issue in another documentation project. Investigating that project revealed a serialization problem, so I examined Chainlink's Markdown-generation pipeline for a comparable cause.
Chainlink's public
.mdroute is implemented in:src/pages/[...path].md.tsThe route reads the source MDX and passes it to
transformPageToMarkdown(). The conversion logic is implemented in:src/lib/markdown/transformMarkdown.tsThe transformer provides handlers for selected MDX components, including
Aside,CodeSample, andCcipCommon. However, it does not provide a serialization handler forTabs,TabsContent, or their slottedFragmentchildren.The cleanup rule subsequently removes unsupported MDX flow components:
[
transformMarkdown.ts, lines 211–224](https://github.com/smartcontractkit/documentation/blob/main/src/lib/markdown/transformMarkdown.ts#L211-L224)
When a
Tabscomponent is removed, itsFragmentpanels and their commands, tables, code samples, warnings, and expected outputs are removed with it.For example, this source structure:
produces a Markdown representation containing neither implementation path.
To Reproduce
Open the rendered LockRelease Token Pool documentation page:
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool
Navigate to Step 1: Deploy the LockRelease Token Pool.
Confirm that the page contains Starter kit and Manual tabs with deployment instructions.
Open the corresponding Markdown page:
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.md
Locate the same Step 1 section.
Observe that the Markdown moves from the introductory paragraph directly to Transfer-fee fields, omitting both tab panels.
Inspect the source MDX:
https://github.com/smartcontractkit/documentation/blob/main/src/content/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.mdx
Inspect the unsupported-component cleanup rule:
https://github.com/smartcontractkit/documentation/blob/main/src/lib/markdown/transformMarkdown.ts#L211-L224
URLs
Representative page:
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool
https://docs.chain.link/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.md
https://github.com/smartcontractkit/documentation/blob/main/src/content/ccip/tutorials/canton/cross-chain-tokens/lock-release-token-pool.mdx
Expected behavior
The Markdown transformer should preserve every tab label and its corresponding panel content.
Because Markdown is not interactive, each tab could be serialized sequentially as a labeled section. Nested components, such as
CodeSample, should then be processed by their existing handlers.No tab panel should be silently discarded.
Additional context
All affected pages are documented here: https://github.com/manueldezman/chainlink-documentation-audit.
I would be happy to submit a focused PR that adds serialization support for
Tabs,TabsContent, and theirFragmentpanels, along with automated tests confirming that every tab label and panel remains present in the generated Markdown.