Pricing Compare

Twenty-four rows across five groups, and every column — name, price, badge, Price ID, which tier is promoted — read from lib/automindz/pricing.ts. Scroll the page and the tier names pin; narrow the window and the feature column pins instead while the tiers scroll under it.

The distinction every comparison table gets wrong. A cross means withheld; a dash means there is nothing here to withhold — a price per extra project on a plan with unlimited projects. Each glyph carries sr-only text (“Included” / “Not included” / “Not applicable”), so no row reads as its label and then silence.

The same table with interval="year". Prices change and so do the Price IDs behind the checkout buttons — nothing else in the matrix does, and no Price ID is written down twice. Pair the prop with the toggle over the pricing cards so the two can never disagree.

Skeletons at the real row count, computed from the matrix rather than guessed, so the page does not jump when the prices land. The group headings and the row structure are already correct; only the values are pending.

enabled: false on Growth. PricingTable drops that tier — you cannot buy it. This one keeps the column and blocks the CTA instead, because removing a column silently changes what the other two are being compared against.

Two failures at once: a Scale tier in the pricing config that the matrix never mentions, and legacy values left behind by a tier that was deleted from it. The panel is development-only — process.env.NODE_ENV is inlined, so it is dead code in a client's production build — and the empty Scale column is exactly what it warns about.

No groups, so nothing renders — not a headed table with no rows under it, which reads as a load that failed. The frame below is empty on purpose.