Interactive Demo Shell, Pricing Sync & Changelog Redesign

Interactive Developer Shell Demo

The features page now has a live, interactive terminal instead of a static screenshot. Visitors can type real commands, use Tab autocomplete, see ghost text suggestions, and click entity IDs in responses — exactly like the real Developer Shell inside the app.

• Auto-typing intro — the shell auto-types GET /invoices when it scrolls into view, showing syntax-highlighted JSON with clickable inv_142 and cont_8 IDs before the visitor touches anything.
• Full interaction — Tab completion, arrow-key history, ghost text acceptance with →, coloured method input (green for GET, blue for POST, amber for PUT, red for DELETE).
• Clickable entity IDs — click any prefixed ID in a response (inv_142, cont_8, txn_501) and it populates the input ready to fetch the detail view.
• Canned demo data — invoices, contacts, transactions, chart of accounts, organisation, and categorisation rules. Unknown routes return a friendly 404 with a hint.
• No auth required — runs entirely client-side with sample data. Hydrated on scroll via client:visible so it doesn’t affect page load.

The header now reads “Developer Shell — Give it a spin” with copy that invites interaction rather than describing a screenshot.

Pricing Page Sync

The pricing page feature lists were out of date — still showing generic bullets like “Bank reconciliation” and “Dividend vouchers” while the app had shipped scoped API keys, TMADD lattice scoring, DLA with S455 warnings, and more.

Pricing Cards (PricingCard.tsx)

• Sole Trader card — now shows 9 feature bullets covering double-entry, invoices, CSV bank import, auto-categorisation, VAT returns, REST API, Developer Shell, scoped API keys, webhooks, and dark mode.
• Limited Company card — uses “Everything on Sole Trader, plus:” pattern with 7 Ltd-specific bullets: director management, DLA with S455 & BIK, year-end snapshots, dividend wizard, board minutes, corporation tax set-aside, and dividend tax calculator.

Pricing Page (pricing.astro)

• Everything Included grid — all six feature categories updated to match the features page. Added auto-categorisation, contacts, scoped API keys, idempotency, webhooks, custom metadata, Row-Level Security, and public bug tracker.
• Roadmap section — removed Webhooks (shipped) and Open Banking (uncertain). Added Payroll integration.
• Version bumped to v4.10.1.

Homepage Pricing (PricingSection.tsx)

• Updated the toggle card feature bullets from generic items to shipped features with accurate Ltd-gated items.

Changelog Stats Redesign

• Card-based layout — replaced inline flex stats with three gradient stat cards (Lines of Code, Releases, API Endpoints) matching the transparency page design.
• API Endpoints card — now links to the API documentation at docs.speybooks.com/api-reference/overview with a “View API docs →” link.
• Breakdown line — dot separators between code breakdown spans for better scannability at small sizes.