fix(post-publish): PricingPage Anonymous storage cell, Team price label, Storage(S3) → Object storage; docs code-block lang badges (#116)

Five small UI polish items from the PB04 post-publish bug-hunt:

1. PricingPage Anonymous "Storage" cell rendered '—' but plans.yaml has
   storage_storage_mb=10 for anonymous; backend really does return a
   10 MB 24h-TTL bucket. Cell now reads "10 MB / 24h TTL".

2. Homepage SERVICES grid label "Storage (S3)" implied AWS S3, but the
   live backend is DigitalOcean Spaces (S3-compatible, not AWS).
   Renamed to "Storage (S3-compatible)".

3. PricingPage Team tier headline price was "coming soon" with no
   number, which read as vaporware. Now shows "$199/mo" (per
   plans.yaml team tier) with the existing "soon" badge as the
   availability signal. CTA stays empty until launch.

4. The first two code blocks on /docs (quickstart.md, services.md
   curl examples in the InstaNode-dev/content repo) author their
   fences without a language tag (```\ncurl ...\n```), so they
   render monochrome with no badge. Added a conservative sniffLang
   pass in markdown.tsx that flags unlabelled fences as 'bash' only
   when the first non-empty line starts with curl/kubectl/npm/etc.
   Explicit fences are never overridden; the existing "no language
   class when fence has no language tag" test still passes because
   "plain text" isn't shell-ish.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: mastermanas805

src/lib/markdown.tsx

@@ -72,8 +72,17 @@ export function renderMarkdown(md: string, opts: RenderOptions = {}): ReactNode
       // The CodeBlock component handles syntax highlighting + the
       // "Copy" affordance (BugBash B3-P2-1, B3-P2-2).
       const langMatch = block.match(/^```(\w+)?/)
-      const lang = langMatch?.[1] ?? null
+      const explicitLang = langMatch?.[1] ?? null
       const inner = block.replace(/^```\w*\r?\n?/, '').replace(/\r?\n?```$/, '')
+      // PB04 P3 (2026-05-21): the docs content repo authors curl examples
+      // with an unlabelled fence (```\ncurl …\n```) — that lands at
+      // CodeBlock with lang=null, which renders monochrome with no badge.
+      // The first two code blocks on /docs (quickstart, services) are
+      // both curl examples, so the first thing readers see is a blank
+      // black block. Auto-detect the shell-curl shape and treat it as
+      // bash so the badge + syntax highlight kick in. Explicit fences
+      // win — this branch only fires when the author omitted the lang.
+      const lang = explicitLang ?? sniffLang(inner)
       return <CodeBlock key={key} lang={lang} code={inner} />
     }
 
@@ -126,6 +135,36 @@ export function renderMarkdown(md: string, opts: RenderOptions = {}): ReactNode
   })
 }
 
+/* sniffLang — last-resort language guess for a fenced code block whose
+ * author omitted the language tag. Only fires when the explicit fence
+ * label is empty (```\n…) — never overrides ```bash / ```json / etc.
+ *
+ * Conservative: returns a language only when the first non-empty line
+ * is unambiguously shell-ish (starts with curl / kubectl / npm / a flag
+ * pattern / a `$` prompt). Anything else stays null so the monochrome
+ * fallback path still works — never wrong-coloured.
+ *
+ * Background: the /docs content lives in InstaNode-dev/content. The
+ * first two code blocks on /docs (quickstart.md, services.md) are curl
+ * examples with an unlabelled fence, which left the first impression
+ * of the docs as two blank-black code blocks. Fixing the markdown in
+ * content+ requires a cross-repo PR and a content-repo redeploy; the
+ * cheaper, safer fix is to sniff at render time inside the existing
+ * markdown pipeline so unfenced curl examples get the bash badge +
+ * syntax highlighting they should have had all along. */
+function sniffLang(code: string): string | null {
+  const firstLine = code.split(/\r?\n/).find((l) => l.trim().length > 0)
+  if (!firstLine) return null
+  const trimmed = firstLine.trim()
+  // curl / kubectl / npm / docker / git / brew / sudo / a $-prompt all
+  // start unambiguously shell-ish. Keep this list short and obvious —
+  // anything weird stays monochrome.
+  if (/^(curl|kubectl|npm|docker|git|brew|sudo|cd|ls|cat|echo|export|node|go|make|bash|sh|\$)\b/.test(trimmed)) {
+    return 'bash'
+  }
+  return null
+}
+
 function headingTag(level: number, key: string, content: string): ReactNode {
   const clamped = Math.min(Math.max(level, 1), 6)
   const Tag = `h${clamped}` as Heading

src/pages/MarketingPage.tsx

@@ -99,7 +99,10 @@ const SERVICES: Service[] = [
   { id: 'rd', name: 'Redis',          curl: 'POST /cache/new',   liveIn: '0.9s' },
   { id: 'mg', name: 'MongoDB',        curl: 'POST /nosql/new',   liveIn: '1.2s' },
   { id: 'qu', name: 'Queue (NATS)',   curl: 'POST /queue/new',   liveIn: '0.7s' },
-  { id: 'st', name: 'Storage (S3)',   curl: 'POST /storage/new', liveIn: '0.8s' },
+  // PB04 P2 (2026-05-21): label was 'Storage (S3)' which implied AWS;
+  // the live backend is DO Spaces (S3-compatible API, not AWS S3).
+  // Renamed to avoid the brand-tie-in confusion.
+  { id: 'st', name: 'Storage (S3-compatible)', curl: 'POST /storage/new', liveIn: '0.8s' },
   { id: 'wh', name: 'Webhook',        curl: 'POST /webhook/new', liveIn: '0.3s' },
   { id: 'dp', name: 'Deploy',         curl: 'POST /deploy/new',  liveIn: '<10s' },
 ]

src/pages/PricingPage.tsx

@@ -79,16 +79,18 @@ const TIERS: {
     ctaHrefYearly: '/app/checkout?plan=pro&frequency=yearly',
     highlighted: true,
   },
-  // Team tier — not launched yet. We intentionally show NO pricing, NO
-  // detail, NO CTA. A single quiet "coming soon" placeholder is enough to
-  // signal the tier exists without making any commitment customers can
-  // hold us to. The per-row SOON markers in the matrix below render as
-  // empty cells for the same reason.
+  // Team tier — not launched yet, but PB04 P3 (2026-05-21) surfaced
+  // the price from plans.yaml ($199/mo) so the "soon" badge reads as an
+  // availability label rather than a vaporware signal. The "soon" badge
+  // (from t.comingSoon below) renders next to the tier name; the price
+  // itself stays a real number sourced from plans.yaml. Matches the
+  // existing Hobby/Pro {price, sub} pattern. The CTA stays empty until
+  // launch — interested customers can email support.
   {
     key: 'team',
     name: 'Team',
-    monthly: { price: 'coming soon', sub: '' },
-    // No yearly — there's nothing to bill annually for an unlaunched tier.
+    monthly: { price: '$199', sub: '/ mo' },
+    // No yearly — annual billing wires up at launch.
     cta: '',
     ctaHrefMonthly: '',
     comingSoon: true,
@@ -128,7 +130,10 @@ const ROWS: Row[] = [
   // moves to the field we actually enforce. Numbers mirror plans.yaml
   // queue_storage_mb (anonymous=1024, hobby=5120, pro=10240).
   { label: 'Queue',    sub: 'NATS storage', values: ['1 GB / 24h TTL', '5 GB', '10 GB', SOON] },
-  { label: 'Storage',  values: [{ mark: 'dash' },              '512 MB',           '50 GB',          SOON] },
+  // Anonymous storage: plans.yaml storage_storage_mb=10 (anonymous tier).
+  // PB04 P1 (2026-05-21): cell used to render '—' which contradicted the
+  // shipped backend — anonymous /storage/new returns a real 10 MB bucket.
+  { label: 'Storage',  values: ['10 MB / 24h TTL',              '512 MB',           '50 GB',          SOON] },
   { label: 'Webhook stored', values: ['100',                   '1 000',            '10k',            SOON] },
   { label: 'Deploy apps', values: [{ mark: 'dash' },           '1 small',          '10 medium',      SOON] },
   { label: 'Domains',  values: [{ mark: 'dash' }, '*.deployment.instanode.dev', 'custom domain', SOON] },