content/auto-draft

getToc() does not handle tilde code fences (~~~)

apps/web/src/app/(marketing)/blog/[slug]/page.tsx

Fence-detection regex /^\s*```/ only matches backtick fences. A heading-like line inside a ~~~ block would be incorrectly included in the TOC, producing a deep-link that goes nowhere. Latent bug — not triggered by current posts.

calendar.yml status 'review' but MDX draft:false — post is live

apps/web/content/calendar.yml

The calendar entry for factor-de-potencia-cfe still shows status: review while the MDX has draft: false and the post is already being served. Update calendar to status: published.

getToc helper defined inline in page file; belongs in src/lib/

apps/web/src/app/(marketing)/blog/[slug]/page.tsx:61

getToc uses GithubSlugger + code-fence state machine and is tightly coupled to rehypeHeadingIds. Convention for shared utilities is src/lib/ (e.g. apps/web/src/lib/blog-toc.ts alongside blog.ts).

article element children inconsistently indented

apps/web/src/app/(marketing)/blog/[slug]/page.tsx:203

Children of <article> are at same indentation level as the opening tag instead of 2-space nested. Minor formatting inconsistency introduced when the article wrapper was added.

getToc() pure function has no tests

apps/web/src/app/(marketing)/blog/[slug]/page.tsx:61

Code-fence toggle logic is testable and non-trivial. Blast radius: wrong/empty TOC (degraded UX, not crash). The pattern of testing pure helpers is established in this codebase (charts.calculations.test.ts).

Frontmatter ## lines not filtered by getToc — potential silent TOC corruption

apps/web/src/app/(marketing)/blog/[slug]/page.tsx:61

getToc has no frontmatter guard. If post.content includes the raw --- block, any ## key in YAML frontmatter would appear as a TOC entry.

DemandVsConsumptionChart rework has no snapshot guard

apps/web/src/components/blog/charts.tsx:83

Significant rework of existing chart (new ToU band overlay). Math layer is tested; SVG structure has no regression net.

Duplicated TOC rendering logic (inline vs sidebar)

apps/web/src/app/(marketing)/blog/[slug]/page.tsx

Mobile inline TOC and xl+ sidebar TOC iterate over toc with nearly identical markup and link logic. Extract a shared TocList component to make future changes a single edit.

getToc() reimplements heading extraction already handled by remark/rehype pipeline

apps/web/src/app/(marketing)/blog/[slug]/page.tsx

A remark plugin would reuse the existing parse pass, guarantee identical slug generation, and remove the separate regex pass over raw MDX source.

Color constants duplicated inside chart component bodies

apps/web/src/components/blog/charts.tsx

HELIOTROPE, VIOLET, GREEN, CYAN, AMBER, MUTED are module-level constants but some chart components reference them inline. Consistent use of the named constants keeps the palette as a single-point edit.

Hardcoded SVG dimensions (w=720) across all chart components

apps/web/src/components/blog/charts.tsx

A shared CHART_WIDTH constant would make coordinated width changes a one-line edit.

mdxComponents object is unwieldy as a single large inline literal

apps/web/src/app/(marketing)/blog/[slug]/page.tsx

14+ entries in one dense expression. A named constant or dedicated mdx-components.ts would improve readability and enable reuse.

Meta description 2 chars over the 160-char limit

apps/web/content/blog/factor-de-potencia-cfe.mdx:4

Description is 162 chars (target 150–160). Trim 2 chars to avoid SERP truncation. Suggestion: drop 'con capacitores' from the end.

Article JSON-LD missing image field

apps/web/src/app/(marketing)/blog/[slug]/page.tsx:134

Article schema has no 'image' field. Google recommends it for rich results. The og-image URL already exists; add { '@type': 'ImageObject', url: 'https://batuenergy.com/og-image.png', width: 1200, height: 630 }. Affects all posts.