From f1148fd99c509a2d1206010e4573de891a149180 Mon Sep 17 00:00:00 2001 From: Pranay Prakash Date: Thu, 14 May 2026 18:12:54 -0700 Subject: [PATCH] Hide flaky worlds indicators --- docs/app/[lang]/worlds/page.tsx | 3 - docs/components/worlds/WorldCard.tsx | 83 +------------ docs/components/worlds/WorldCardSimple.tsx | 52 +-------- docs/components/worlds/WorldDetailHero.tsx | 110 ------------------ .../worlds/WorldTestingPerformance.tsx | 98 ++++++---------- docs/components/worlds/WorldsDashboard.tsx | 21 +--- docs/components/worlds/WorldsFilteredGrid.tsx | 6 +- 7 files changed, 41 insertions(+), 332 deletions(-) diff --git a/docs/app/[lang]/worlds/page.tsx b/docs/app/[lang]/worlds/page.tsx index 34dc72c0c4..1d3fe19650 100644 --- a/docs/app/[lang]/worlds/page.tsx +++ b/docs/app/[lang]/worlds/page.tsx @@ -101,9 +101,6 @@ export default async function WorldsPage() {
-
- Perf -
{/* Benchmark bars */} diff --git a/docs/components/worlds/WorldCard.tsx b/docs/components/worlds/WorldCard.tsx index 91bfea7471..1c68281f00 100644 --- a/docs/components/worlds/WorldCard.tsx +++ b/docs/components/worlds/WorldCard.tsx @@ -1,12 +1,6 @@ 'use client'; -import { - AlertCircle, - CheckCircle2, - Clock, - ExternalLinkIcon, - XCircle, -} from 'lucide-react'; +import { ExternalLinkIcon } from 'lucide-react'; import Link from 'next/link'; import { Badge } from '@/components/ui/badge'; import { @@ -16,8 +10,6 @@ import { CardHeader, CardTitle, } from '@/components/ui/card'; -import { Progress } from '@/components/ui/progress'; -import { cn } from '@/lib/utils'; import type { World } from './types'; interface WorldCardProps { @@ -25,53 +17,14 @@ interface WorldCardProps { world: World; } -const statusConfig = { - passing: { - label: 'Passing', - icon: CheckCircle2, - variant: 'default' as const, - className: 'bg-green-500/10 text-green-600 border-green-500/20', - }, - partial: { - label: 'Partial', - icon: AlertCircle, - variant: 'secondary' as const, - className: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20', - }, - failing: { - label: 'Failing', - icon: XCircle, - variant: 'destructive' as const, - className: 'bg-red-500/10 text-red-600 border-red-500/20', - }, - pending: { - label: 'Pending', - icon: Clock, - variant: 'outline' as const, - className: 'bg-muted text-muted-foreground', - }, -}; - const typeEmoji = { official: '', community: '', }; -export function WorldCard({ id, world }: WorldCardProps) { - const e2eStatus = world.e2e?.status || 'pending'; - const config = statusConfig[e2eStatus]; - const StatusIcon = config.icon; - +export function WorldCard({ world }: WorldCardProps) { const isExternal = world.docs.startsWith('http'); - // Calculate E2E progress excluding skipped tests from denominator - // so pass rate reflects actual test results (not artificially lowered by skips) - const effectiveTotal = world.e2e ? world.e2e.total - world.e2e.skipped : 0; - const displayProgress = - effectiveTotal > 0 && world.e2e - ? Math.round((world.e2e.passed / effectiveTotal) * 100) - : 0; - return ( @@ -92,10 +45,6 @@ export function WorldCard({ id, world }: WorldCardProps) { {world.package}
- - - {config.label} -
@@ -103,34 +52,6 @@ export function WorldCard({ id, world }: WorldCardProps) { {world.description}

- {/* E2E Progress */} - {world.e2e && ( -
-
- E2E Tests - - {world.e2e.passed}/{effectiveTotal} ({displayProgress}%) - -
- div]:bg-green-500' - : displayProgress >= 75 - ? '[&>div]:bg-yellow-500' - : '[&>div]:bg-red-500' - )} - /> - {world.e2e.failed > 0 && ( -

- {world.e2e.failed} failing, {world.e2e.skipped} skipped -

- )} -
- )} - {/* Links */}
0 - ? Math.round((effectivePassed / effectiveTotal) * 100) - : 0; - return ( @@ -72,38 +53,7 @@ export function WorldCardSimple({ id, world }: WorldCardSimpleProps) { {world.description}

- {/* Stats footer */} -
- {/* E2E with gauge */} - - -
- = 75 - ? { primary: 'var(--ds-green-700)' } - : displayProgress >= 50 - ? { primary: 'var(--ds-amber-700)' } - : { primary: 'var(--ds-red-700)' } - } - /> - - E2E:{` `} - - {world.e2e ? `${displayProgress}%` : '—'} - - -
- - -

E2E Test Suite Coverage

- - - {/* Encryption badge */} +
{world.features.includes('encryption') && ( diff --git a/docs/components/worlds/WorldDetailHero.tsx b/docs/components/worlds/WorldDetailHero.tsx index 3163b2faa2..06163d85ff 100644 --- a/docs/components/worlds/WorldDetailHero.tsx +++ b/docs/components/worlds/WorldDetailHero.tsx @@ -1,12 +1,9 @@ 'use client'; import { - AlertCircle, BadgeCheck, - CheckCircle2, CheckIcon, ChevronRight, - Clock, Code, CopyIcon, ExternalLink, @@ -14,8 +11,6 @@ import { HeartHandshake, Package, ShieldCheck, - Timer, - XCircle, } from 'lucide-react'; import Link from 'next/link'; import { useState } from 'react'; @@ -42,29 +37,6 @@ interface WorldDetailHeroProps { world: World; } -const statusConfig = { - passing: { - label: 'Passing', - icon: CheckCircle2, - className: 'text-green-900', - }, - partial: { - label: 'Partial', - icon: AlertCircle, - className: 'text-amber-900', - }, - failing: { - label: 'Failing', - icon: XCircle, - className: 'text-red-900', - }, - pending: { - label: 'Pending', - icon: Clock, - className: 'text-muted-foreground', - }, -}; - export function WorldDetailHero({ id, world }: WorldDetailHeroProps) { const [copied, setCopied] = useState(false); @@ -88,25 +60,6 @@ export function WorldDetailHero({ id, world }: WorldDetailHeroProps) { const CopyButtonIcon = copied ? CheckIcon : CopyIcon; - // E2E test calculations - const e2e = world.e2e; - const turbopackData = e2e?.nextjsTurbopack; - const scoringPassed = turbopackData - ? turbopackData.passed - : (e2e?.passed ?? 0); - const scoringFailed = turbopackData - ? turbopackData.failed - : (e2e?.failed ?? 0); - const testsRan = scoringPassed + scoringFailed; - const status = e2e?.status ?? 'pending'; - const StatusIcon = statusConfig[status].icon; - - // Benchmark calculations - const benchmark = world.benchmark; - const benchmarkCount = benchmark?.metrics - ? Object.keys(benchmark.metrics).length - : 0; - // GitHub source URL for official worlds const githubUrl = world.repository || @@ -206,69 +159,6 @@ export function WorldDetailHero({ id, world }: WorldDetailHeroProps) { {/* Right side - Quick links */} ); -// The main benchmark used for the PERF metric -const PERF_BENCHMARK_NAME = 'workflow with 10 sequential steps'; - export interface WorldTestingPerformanceProps { worldId: string; world: World; @@ -314,65 +309,40 @@ export function WorldTestingPerformance({ - {standardMetrics.map(([name, metric]) => { - const isPerfBenchmark = name === PERF_BENCHMARK_NAME; - return ( - setSelectedMetric(name)} - > - -
- {isPerfBenchmark && ( - - - - - -

- Primary performance benchmark (PERF) -

- - - )} - {name} -
- - - {metric.workflowTime !== undefined - ? formatTime(metric.workflowTime) - : '—'} - - {hasWorkflowRange && ( - <> - - {metric.workflowMin !== undefined - ? formatTime(metric.workflowMin) - : '—'} - - - {metric.workflowMax !== undefined - ? formatTime(metric.workflowMax) - : '—'} - - - )} - - {metric.samples || '—'} - - - - - - ); - })} + {standardMetrics.map(([name, metric]) => ( + setSelectedMetric(name)} + > + {name} + + {metric.workflowTime !== undefined + ? formatTime(metric.workflowTime) + : '—'} + + {hasWorkflowRange && ( + <> + + {metric.workflowMin !== undefined + ? formatTime(metric.workflowMin) + : '—'} + + + {metric.workflowMax !== undefined + ? formatTime(metric.workflowMax) + : '—'} + + + )} + + {metric.samples || '—'} + + + + + + ))} )} diff --git a/docs/components/worlds/WorldsDashboard.tsx b/docs/components/worlds/WorldsDashboard.tsx index a6821de742..5064a6885c 100644 --- a/docs/components/worlds/WorldsDashboard.tsx +++ b/docs/components/worlds/WorldsDashboard.tsx @@ -30,10 +30,6 @@ export function WorldsDashboard({ data }: WorldsDashboardProps) { total: worlds.length, official: officialWorlds.length, community: communityWorlds.length, - passing: worlds.filter(([, w]) => w.e2e?.status === 'passing').length, - partial: worlds.filter(([, w]) => w.e2e?.status === 'partial').length, - withBenchmarks: worlds.filter(([, w]) => w.benchmark?.status === 'measured') - .length, }; // Get benchmark names for the bar chart @@ -60,20 +56,6 @@ export function WorldsDashboard({ data }: WorldsDashboardProps) { 🌐 {stats.community} Community - - ✅ {stats.passing} Fully Compatible - - {stats.partial > 0 && ( - - ⚠️ {stats.partial} Partial - - )}
{/* Tabs */} @@ -87,6 +69,7 @@ export function WorldsDashboard({ data }: WorldsDashboardProps) { {/* Filter */}