Move stats components to dedicated /stats page to isolate from homepage

Author: waynesutton

changelog.md

@@ -21,22 +21,25 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### Added
 
-- Temporary message milestone counter on Login page (real-time document count from messages table)
+- New public /stats page with platform statistics (isolated from homepage)
+  - Message milestone counter with real-time document count
   - Dynamic milestone targets (500k, 600k, etc.) that auto-update as counts grow
   - Progress bar showing percentage towards next milestone
-  - Raw number display with comma formatting for exact count
-  - Abbreviated format for milestone target (e.g., 500k)
-  - Marked with TODO comments for future removal
-- Temporary animated growth chart on Login page
-  - SVG-based line chart showing cumulative message growth over days
+  - Animated growth chart with SVG line showing cumulative message growth
   - Play/Reset animation controls (no auto-play)
   - Dynamic Y-axis scaling based on actual data
   - X-axis date labels (first, middle, last dates)
-  - Gradient fill under line for visual appeal
-  - Marked with TODO comments for future removal
+  - Dark/tan theme support with theme toggle
+  - Back link to homepage
 - New Convex queries in analytics.ts:
   - publicMessageCount: total message documents count (no auth required)
   - publicMessageGrowth: daily message counts with cumulative totals (no auth required)
+
+### Changed
+
+- Moved stats components from Login page to dedicated /stats page
+  - Prevents potential rendering issues from impacting homepage
+  - Stats accessible via /stats route (public, no auth required)
 - codex-sync plugin integration: sync OpenAI Codex CLI sessions to OpenSync
   - Added codex-sync to README Ecosystem table and Quick Start section
   - Added Codex CLI to AI Coding Agents in Settings (status: supported)

files.md

@@ -29,7 +29,7 @@ Backend functions and schema.
 | `users.ts` | User queries/mutations: getOrCreate, me (returns enabledAgents), stats, API key management, updateEnabledAgents, deleteAllData (parallel deletes for all 7 tables: parts, messages, sessions, sessionEmbeddings, messageEmbeddings, dailyWrapped, apiLogs), deleteAccount (deletes Convex first, then WorkOS to prevent partial deletion) |
 | `sessions.ts` | Session CRUD: list, get, getPublic, setVisibility, remove, getMarkdown, upsert (with 10s dedup window, idempotency), batchUpsert, listExternalIds, exportAllDataCSV |
 | `messages.ts` | Message mutations: upsert (with 5s dedup, combined session patch, parallel parts ops), batchUpsert for bulk sync |
-| `analytics.ts` | Analytics queries with source filtering: dailyStats, modelStats, projectStats, providerStats, summaryStats, sessionsWithDetails, sourceStats, publicPlatformStats (no auth, for homepage leaderboard), publicMessageCount (no auth, total message docs), publicMessageGrowth (no auth, daily growth with cumulative). Includes inferProvider helper with OAuth provider normalization (antigravity-oauth to google, anthropic-oauth to anthropic) and model-based provider detection (including Codex models mapped to openai) |
+| `analytics.ts` | Analytics queries with source filtering: dailyStats, modelStats, projectStats, providerStats, summaryStats, sessionsWithDetails, sourceStats, publicPlatformStats (no auth, for homepage leaderboard), publicMessageCount (no auth, total message docs for /stats page), publicMessageGrowth (no auth, daily growth with cumulative totals for /stats page, includes safety checks for invalid dates). Includes inferProvider helper with OAuth provider normalization (antigravity-oauth to google, anthropic-oauth to anthropic) and model-based provider detection (including Codex models mapped to openai) |
 | `search.ts` | Full-text and semantic search: searchSessions, searchSessionsPaginated, searchMessages, searchMessagesPaginated, semanticSearch, hybridSearch, semanticSearchMessages, hybridSearchMessages |
 | `embeddings.ts` | Vector embedding generation with idempotency checks and replace pattern for session-level and message-level semantic search |
 | `evals.ts` | Eval management: setEvalReady, listEvalSessions (with factoryDroid stats), getEvalTags, generateEvalExport (DeepEval JSON, OpenAI JSONL, Filesystem formats) |
@@ -48,15 +48,16 @@ React frontend application.
 | File | Description |
 |------|-------------|
 | `main.tsx` | App entry point with providers (Convex, AuthKit, Router), devMode=true for localStorage tokens (avoids third-party cookie blocking in production) |
-| `App.tsx` | Route definitions: public routes (/, /login, /docs, /s/:slug), protected routes (/dashboard, /profile, /settings, /evals, /context). ProtectedRoute with delayed spinner (500ms) and Safari timeout (5s), CallbackHandler for OAuth code exchange, return-to URL preservation |
+| `App.tsx` | Route definitions: public routes (/, /login, /docs, /stats, /s/:slug), protected routes (/dashboard, /profile, /settings, /evals, /context). ProtectedRoute with delayed spinner (500ms) and Safari timeout (5s), CallbackHandler for OAuth code exchange, return-to URL preservation |
 | `index.css` | Global styles, Tailwind imports, dark theme tokens, chart utilities, scrollbar-hide utility, mobile touch scrolling improvements (dvh, touch-action, webkit-overflow-scrolling) |
 | `vite-env.d.ts` | Vite client type declarations for import.meta.env |
 
 ### src/pages/
 
 | File | Description |
 |------|-------------|
-| `Login.tsx` | Public homepage with WorkOS AuthKit integration. Shows "Go to Dashboard" button when logged in (no auto-redirect), "Sign in" when logged out. Includes privacy messaging, "Syncs with" section showing supported CLI tools (OpenCode, Claude Code, Droid, Codex CLI, Cursor with coming soon badge), getting started section with plugin links including codex-sync (mobile-visible), tan mode theme support with footer (theme switcher, Terms/Privacy links), footer icons (GitHub, Discord, Support, Discussions), updated mockup with view tabs and OC/CC source badges (desktop-only), feature list with Sync/Search/Private/Tag/Export/Delete keywords and eval datasets tagline, Watch the demo link, trust message with cloud/local deployment info, real-time Platform Stats leaderboard (Top Models, Top CLI) above Open Source footer link, TEMP: MessageMilestoneCounter (real-time message count with dynamic milestones), TEMP: AnimatedGrowthChart (SVG chart with play/reset animation showing message growth over days) |
+| `Login.tsx` | Public homepage with WorkOS AuthKit integration. Shows "Go to Dashboard" button when logged in (no auto-redirect), "Sign in" when logged out. Includes privacy messaging, "Syncs with" section showing supported CLI tools (OpenCode, Claude Code, Droid, Codex CLI, Cursor with coming soon badge), getting started section with plugin links including codex-sync (mobile-visible), tan mode theme support with footer (theme switcher, Terms/Privacy links), footer icons (GitHub, Discord, Support, Discussions), updated mockup with view tabs and OC/CC source badges (desktop-only), feature list with Sync/Search/Private/Tag/Export/Delete keywords and eval datasets tagline, Watch the demo link, trust message with cloud/local deployment info, real-time Platform Stats leaderboard (Top Models, Top CLI) above Open Source footer link |
+| `Stats.tsx` | Public stats page (/stats) with platform statistics isolated from homepage. Includes MessageMilestoneCounter (real-time message count with dynamic milestones, progress bar), AnimatedGrowthChart (SVG chart with play/reset animation showing cumulative message growth over days, dynamic Y-axis scaling, X-axis date labels). Theme toggle, back link to homepage. No auth required. |
 | `Dashboard.tsx` | Main dashboard with custom themed source filter dropdown (filters by user's enabled agents from Settings, dark/tan mode support, click-outside close, escape key close), source badges (CC/OC/FD), eval toggle button, Context link with search icon, setup banner for new users with 3-column plugin cards (OpenCode, Claude Code, Factory Droid), mobile-optimized header/filters/session rows, URL param support for deep linking from Context search (?session=id), Cmd/Ctrl+K shortcut to open Context search, MessageBubble with content normalization helpers (getPartTextContent, getToolName) for multi-plugin format support, flash-free session transitions using lastValidSessionRef cache (shows cached content until new data loads, subtle corner spinner), and five views: Overview (responsive stat grids), Sessions (mobile-friendly list with stacked layout), Evals (eval-ready sessions with export modal), Analytics (responsive breakdowns with collapsible filters), Wrapped (Daily Sync Wrapped visualization) |
 | `Settings.tsx` | Tabbed settings: API Access (two-column layout with Plugin Setup and AI Coding Agents sections, keys, endpoints with plugin links including codex-sync), Profile (collapsible section for privacy, account info, Legal section with Terms/Privacy links, Danger Zone with delete data/account options). AI Coding Agents section lets users enable/disable CLI tools for the source filter dropdown (OpenCode, Claude Code, Factory Droid, Codex CLI with supported status, Cursor, Continue, Amp, Aider, Goose, Mentat, Cline, Kilo Code). Back link navigates to /dashboard |
 | `Docs.tsx` | Comprehensive documentation page with instant typeahead search (Cmd/Ctrl+K shortcut), left sidebar navigation (hidden scrollbar) with npm links (opencode-sync-plugin, claude-code-sync, codex-sync), right table of contents, anchor tags, copy/view as markdown buttons, mobile responsive, works with both dark/tan themes. Search indexes all sections with keywords for quick navigation to any topic via hash anchor. Covers use hosted version (with features, 3-plugin install cards with OC/CC/CX badges, login/sync for all three plugins), self-hosting requirements with cloud and 100% local deployment options, quick start (3-plugin cards), dashboard features, OpenCode plugin, Claude Code plugin, Codex CLI plugin with full documentation sections, API reference, search types, authentication, hosting, fork guide, troubleshooting, and FAQ. Links to opencode.ai, claude.ai, and openai.com/codex in hero and plugin sections. |

src/App.tsx

@@ -11,6 +11,7 @@ import { PublicSessionPage } from "./pages/PublicSession";
 import { SettingsPage } from "./pages/Settings";
 import { EvalsPage } from "./pages/Evals";
 import { ContextPage } from "./pages/Context";
+import { StatsPage } from "./pages/Stats";
 import { Loader2, ArrowLeft } from "lucide-react";
 
 // Storage key for preserving intended route across auth flow
@@ -167,6 +168,7 @@ export default function App() {
       <Route path="/callback" element={<CallbackHandler />} />
       <Route path="/s/:slug" element={<PublicSessionPage />} />
       <Route path="/docs" element={<DocsPage />} />
+      <Route path="/stats" element={<StatsPage />} />
       <Route
         path="/settings"
         element={