-
- GPU Cloud Pricing
+
+ {/* --- Hero Section --- */}
+
-
- {/* Table */}
-
- GPU Cloud Pricing
+
+ {/* --- Hero Section --- */}
+
+
+ CloudDealHunt Analytics
-
- Compare pricing across neo cloud providers · Data refreshes nightly
+
+ Advanced GPU Pricing Engine. Compare rates across neo-cloud providers with real-time value indexing.
-
+ CloudDealHunt Analytics
-- Compare pricing across neo cloud providers · Data refreshes nightly +
+ Advanced GPU Pricing Engine. Compare rates across neo-cloud providers with real-time value indexing.
-
- {status === "loading" && setSelectedRows([])} onRemoveRow={(row) => setSelectedRows(selectedRows.filter((r) => !(r.provider === row.provider && r.gpu === row.gpu)))} />
+ )}
);
}
+
+// --- Sub-component: Insight Card ---
+function InsightCard({ title, icon, row, color, metric }: { title: string, icon: React.ReactNode, row: GPURow, color: string, metric: string }) {
+ const colors: Record
-
+ )}
- {/* Footer */}
-
+ {selectedRows.length > 0 && (
+ {error}
+ + + {status === "loading" &&
+
+ {/* --- Control Bar --- */}
+
+ r.provider)).sort()}
+ gpuTypes={unique(data.map(r => r.gpu)).sort()}
+ gpuCounts={unique(data.map(r => String(r.gpu_count))).sort((a,b) => Number(a)-Number(b))}
selectedProvider={provider}
selectedGpuType={gpuType}
selectedNumGpus={numGpus}
@@ -241,46 +188,46 @@ export default function Dashboard() {
onProvider={(p) => { setProvider(p); setPage(1); }}
onGpuType={(t) => { setGpuType(t); setPage(1); }}
onNumGpus={(n) => { setNumGpus(n); setPage(1); }}
- onReset={handleReset}
+ onReset={() => { setProvider("all"); setGpuType("all"); setNumGpus("all"); setSearch(""); }}
sortKey={sortKey}
sortDir={sortDir}
- onSort={handleSort}
- page={safePage}
- totalPages={totalPages}
+ onSort={(k) => { if(sortKey === k) setSortDir(sortDir === "asc" ? "desc" : "asc"); else setSortKey(k); }}
+ page={page}
+ totalPages={Math.ceil(filtered.length / ITEMS_PER_PAGE)}
onPageChange={setPage}
minPrice={stats.minPrice}
selectedRows={selectedRows}
- onSelectRow={handleSelectRow}
+ onSelectRow={(row) => setSelectedRows(prev => prev.find(r => r.id === row.id) ? prev.filter(r => r.id !== row.id) : [...prev, row].slice(-4))}
/>
-
- {selectedRows.length > 0 && (
- setSelectedRows([])}
- onRemoveRow={handleRemoveRow}
- />
- )}
-
- )}
-
+
+
+
- )}
- {status === "done" && (
- <>
+ {/* --- Tools & Insights Wrapper --- */}
+ {showTools ? (
+
+
+ {/* Advanced Tools */}
+
+ ) : null}
+
+ {/* --- Main Data Table (Moves up when tools are hidden) --- */}
+
+
+
+ {/* Insight Cards */}
+ {insights && (
+
+
+
+
+
+
+ )}
+
+
+
Market Inventory
+
+
+ );
+}
\ No newline at end of file
diff --git a/nextjs-dashboard/src/components/GPUCompare.tsx b/nextjs-dashboard/src/components/GPUCompare.tsx
new file mode 100644
index 0000000..3e17045
--- /dev/null
+++ b/nextjs-dashboard/src/components/GPUCompare.tsx
@@ -0,0 +1,231 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import type { GPURow } from "@/types/gpu";
+import {
+ Swords,
+ Trophy,
+ Zap,
+ BarChart3,
+ AlertCircle,
+ Cpu,
+ ChevronDown
+} from "lucide-react";
+
+export default function GPUCompare({ data }: { data: GPURow[] }) {
+ const [gpu1, setGpu1] = useState("");
+ const [gpu2, setGpu2] = useState("");
+
+ const options = useMemo(() => {
+ return data
+ .filter((r) => r.price_num !== null)
+ .map((r, i) => ({
+ ...r,
+ id: `${r.provider}-${r.gpu}-${i}`,
+ price: Number(r.price_num),
+ }));
+ }, [data]);
+
+ const selected1 = options.find((o) => o.id === gpu1);
+ const selected2 = options.find((o) => o.id === gpu2);
+
+ const result = useMemo(() => {
+ if (!selected1 || !selected2) return null;
+
+ const value1 = (selected1.vram || 0) / (selected1.price || 1);
+ const value2 = (selected2.vram || 0) / (selected2.price || 1);
+ const priceDiff = Math.abs(selected1.price - selected2.price);
+
+ let winner = "";
+ if (value1 > value2) winner = "GPU 1";
+ else if (value2 > value1) winner = "GPU 2";
+ else winner = "Tie";
+
+ return { value1, value2, winner, priceDiff };
+ }, [selected1, selected2]);
+
+ return (
+
+
+ {title}
+{row.gpu} via {row.provider}
+{metric}
+
+ {icon}
+
+
+ {/* Header Card */}
+
+ );
+}
+
+// Sub-component for individual GPU cards
+type GPUOption = GPURow & { price: number };
+
+function ComparisonCard({
+ gpu,
+ isWinner,
+ score,
+ label,
+}: {
+ gpu: GPUOption;
+ isWinner: boolean;
+ score: number;
+ label: string;
+}) {
+ return (
+
+
+
+ {/* Comparison Results */}
+ {selected1 && selected2 && result ? (
+
+
+
+
+
+
+ {/* Selectors Grid */}
+
+
+
+
+ + GPU Battleground +
+COMPARE SPECS & VALUE EFFICIENCY
+
+ {/* "VS" Badge in middle for Desktop */}
+
+
+ VS
+
+
+ {[1, 2].map((num) => (
+
+
+
+ ))}
+
+
+
+
+
+ ) : (
+
+
+ {/* GPU 1 Card */}
+
+
+ {/* Value Summary Banner */}
+
+
+
+
+
+
+
+
+
+
+
+ + {result.winner === "Tie" ? "Statistical Deadlock" : `${result.winner} is Dominating`} +
++ Calculated by VRAM-to-Price efficiency ratio +
+
+
+
+
+ Price Gap
++ ${result.priceDiff.toFixed(3)}/hr +
+
+
+ Recommendation
+
+
+
+
+ )}
+
+
+ Awaiting Selection
+Select two different GPU configurations to trigger the value analysis engine.
+
+ {isWinner && (
+
+ );
+}
+
+function StatRow({ label, value, highlight = false }: { label: string, value: string, highlight?: boolean }) {
+ return (
+
+
+ )}
+
+
+
+
+ {label}
++ {gpu.gpu} +
+{gpu.provider}
+
+
+
+
+
+
+
+
+ GB PER $
+ Efficiency Score
++ {score.toFixed(2)} +
+
+ {label}
+
+ {value}
+
+
+ );
+}
\ No newline at end of file
diff --git a/nextjs-dashboard/src/components/TableSkeleton.tsx b/nextjs-dashboard/src/components/TableSkeleton.tsx
index 47fa511..13dd82d 100644
--- a/nextjs-dashboard/src/components/TableSkeleton.tsx
+++ b/nextjs-dashboard/src/components/TableSkeleton.tsx
@@ -1,60 +1,78 @@
-const COL_WIDTHS = ["w-24", "w-48", "w-14", "w-6", "w-8", "w-8", "w-8"];
+"use client";
export default function TableSkeleton() {
+ // Column widths mapping to match the actual Table columns
+ const COL_WIDTHS = ["w-32", "w-40", "w-24", "w-20", "w-16"];
+
return (
-
- {/* Filter bar */}
-
-
-
-
-
+
);
-}
+}
\ No newline at end of file
diff --git a/run_all_scrapers.py b/run_all_scrapers.py
index f6e1e9f..6bfad7b 100755
--- a/run_all_scrapers.py
+++ b/run_all_scrapers.py
@@ -24,4 +24,4 @@
sources.crusoe.scrape(url="https://www.crusoe.ai/cloud/pricing", out_csv="data/crusoe_gpu_prices.csv", out_json="data/crusoe_gpu_prices.json")
sources.lambdalabs.scrape(url="https://lambda.ai/pricing", out_csv="data/lambda_gpu_prices.csv", out_json="data/lambda_gpu_prices.json")
-
+print("Running Coreweave...")
+
+ {/* 🔍 Filter Bar Skeleton */}
+
+
- {/* Table */}
-
+
+
+
-
-
-
+
| - - | - ))} -||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
-
-
-
-
- |
- - - | -- - | -- - | -- - | -- - | -- - | + {/* 📊 Main Table Skeleton */} +
| + {/* Provider Col */} + | + {/* Status Col */} + | + {/* Price Col */} + | + {/* Action Col */} + |
|---|
+
+
+
+
+
+
+
+