diff --git a/app/routes/analyze.ticker.tsx b/app/routes/analyze.ticker.tsx index 65648e6..960594e 100644 --- a/app/routes/analyze.ticker.tsx +++ b/app/routes/analyze.ticker.tsx @@ -38,17 +38,52 @@ export default function StockDetail() {

{ticker} Detail

- + - -
-

Position

-

{position ? `Qty: ${position}` : "No position"}

+ +
+

Position

+

{position ? `Quantity: ${position} shares` : "No position held"}

- -
-

Recent Orders

- {orders.length === 0 ?

No orders

:
{JSON.stringify(orders, null, 2)}
} + +
+

Recent Orders

+ {orders.length === 0 ? ( +

No orders found for {ticker}

+ ) : ( +
+ + + + + + + + + + + + {orders.map((order: any, i: number) => ( + + + + + + + + ))} + +
SideQtyStatusFilled PriceFilled At
+ + {order.side?.toUpperCase()} + + {order.qty}{order.status} + {order.filled_avg_price ? `$${parseFloat(order.filled_avg_price).toFixed(2)}` : "-"} + + {order.filled_at ? new Date(order.filled_at).toLocaleDateString() : "-"} +
+
+ )}
diff --git a/docs/superpowers/specs/2026-05-14-stock-detail-page-design.md b/docs/superpowers/specs/2026-05-14-stock-detail-page-design.md index abd9b1e..4d321b6 100644 --- a/docs/superpowers/specs/2026-05-14-stock-detail-page-design.md +++ b/docs/superpowers/specs/2026-05-14-stock-detail-page-design.md @@ -19,11 +19,14 @@ ├── Stock Header (ticker, current price) ├── TradingView Chart (full width) ├── Position Card (quantity, avg cost, current value) +│ - Styled card with gray-900 headings, gray-600 text ├── Orders Table (recent orders with status) -├── Trading Graph Results (expandable sections) -│ ├── Analyst Reports (fundamentals, technical, sentiment) -│ ├── Debate Summary -│ └── Final Decision +│ - Table with Side (green/red), Qty, Status, Filled Price, Filled At +│ - Empty state shows "No orders found for {ticker}" +└── Trading Graph Results (expandable sections) + ├── Analyst Reports (fundamentals, technical, sentiment) + ├── Debate Summary + └── Final Decision ``` ## Data Sources