diff --git a/frontend/src/app/terminal/market/page.tsx b/frontend/src/app/terminal/market/page.tsx
index cfa4e0e..9ffb2d9 100644
--- a/frontend/src/app/terminal/market/page.tsx
+++ b/frontend/src/app/terminal/market/page.tsx
@@ -25,7 +25,9 @@ import {
LayoutGrid,
List,
SlidersHorizontal,
- MoreHorizontal
+ MoreHorizontal,
+ Eye,
+ Info
} from 'lucide-react'
import clsx from 'clsx'
@@ -136,6 +138,20 @@ function parseTimeToSeconds(timeStr?: string): number {
// COMPONENTS
// ============================================================================
+// Tooltip Component
+function Tooltip({ children, content }: { children: React.ReactNode; content: string }) {
+ return (
+
+ {children}
+
+ {content}
+ {/* Arrow */}
+
+
+
+ )
+}
+
// Stat Card
function StatCard({
label,
@@ -196,29 +212,27 @@ function ScoreDisplay({ score, mobile = false }: { score: number; mobile?: boole
const offset = circumference - (score / 100) * circumference
return (
-
-
-
= 80 ? 'text-emerald-400' : 'text-zinc-400')}>
- {score}
-
- {/* Tooltip */}
-
- Pounce Score
+
+
+
+ = 80 ? 'text-emerald-400' : 'text-zinc-400')}>
+ {score}
+
-
+
)
}
@@ -241,27 +255,36 @@ function FilterToggle({ active, onClick, label }: { active: boolean; onClick: ()
// Sort Header
function SortableHeader({
- label, field, currentSort, currentDirection, onSort, align = 'left'
+ label, field, currentSort, currentDirection, onSort, align = 'left', tooltip
}: {
- label: string; field: SortField; currentSort: SortField; currentDirection: SortDirection; onSort: (field: SortField) => void; align?: 'left'|'center'|'right'
+ label: string; field: SortField; currentSort: SortField; currentDirection: SortDirection; onSort: (field: SortField) => void; align?: 'left'|'center'|'right'; tooltip?: string
}) {
const isActive = currentSort === field
return (
-