('sp500');
+ const [pruneMissing, setPruneMissing] = useState(false);
+
+ useEffect(() => {
+ if (data?.universe) {
+ setUniverse(data.universe);
+ }
+ }, [data]);
+
+ const onSaveDefault = () => {
+ updateDefault.mutate(universe);
+ };
+
+ const onBootstrap = () => {
+ bootstrap.mutate({ universe, pruneMissing });
+ };
+
+ return (
+
+
Ticker Universe Discovery
+
+ Auto-discover tickers from a predefined universe and keep your registry updated.
+
+
+ {isError && (
+
+ {(error as Error)?.message || 'Failed to load ticker universe setting'}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
No trade setups match the current filters.
;
@@ -84,6 +102,17 @@ export function TradeTable({ trades, sortColumn, sortDirection, onSort }: TradeT
{trade.symbol}
+
+
+ {recommendationActionLabel(trade.recommended_action)}
+ {recommendationActionDirection(trade.recommended_action) !== 'neutral' && recommendationActionDirection(trade.recommended_action) !== trade.direction && (
+ Alternative setup (not preferred)
+ )}
+ |
+
+ {trade.confidence_score === null ? '—' : `${trade.confidence_score.toFixed(1)}%`}
+ |
{trade.direction}
@@ -92,11 +121,13 @@ export function TradeTable({ trades, sortColumn, sortDirection, onSort }: TradeT
| {formatPrice(trade.entry_price)} |
{formatPrice(trade.stop_loss)} |
{formatPrice(trade.target)} |
+ {bestTargetText(trade)} |
{formatPrice(analysis.risk_amount)} |
{formatPrice(analysis.reward_amount)} |
{trade.rr_ratio.toFixed(2)} |
{formatPercent(analysis.stop_pct)} |
{formatPercent(analysis.target_pct)} |
+ {trade.risk_level ?? '—'} |
70 ? 'text-emerald-400' : trade.composite_score >= 40 ? 'text-amber-400' : 'text-red-400'}`}>
{Math.round(trade.composite_score)}
diff --git a/frontend/src/components/ticker/RecommendationPanel.tsx b/frontend/src/components/ticker/RecommendationPanel.tsx
new file mode 100644
index 0000000..31bfc9c
--- /dev/null
+++ b/frontend/src/components/ticker/RecommendationPanel.tsx
@@ -0,0 +1,168 @@
+import type { TradeSetup } from '../../lib/types';
+import { formatPrice, formatPercent } from '../../lib/format';
+import { recommendationActionDirection, recommendationActionLabel } from '../../lib/recommendation';
+
+interface RecommendationPanelProps {
+ symbol: string;
+ longSetup?: TradeSetup;
+ shortSetup?: TradeSetup;
+}
+
+function riskClass(risk: TradeSetup['risk_level']) {
+ if (risk === 'Low') return 'text-emerald-400';
+ if (risk === 'Medium') return 'text-amber-400';
+ if (risk === 'High') return 'text-red-400';
+ return 'text-gray-400';
+}
+
+function isRecommended(setup: TradeSetup | undefined, action: TradeSetup['recommended_action'] | undefined) {
+ if (!setup || !action) return false;
+ if (setup.direction === 'long') return action.startsWith('LONG');
+ return action.startsWith('SHORT');
+}
+
+function TargetTable({ setup }: { setup: TradeSetup }) {
+ if (!setup.targets || setup.targets.length === 0) {
+ return No target probabilities available. ;
+ }
+
+ return (
+
+
+
+
+ | Classification |
+ Price |
+ Distance |
+ R:R |
+ Probability |
+
+
+
+ {setup.targets.map((target) => (
+
+ | {target.classification} |
+ {formatPrice(target.price)} |
+ {formatPercent((target.distance_from_entry / setup.entry_price) * 100)} |
+ {target.rr_ratio.toFixed(2)} |
+ {target.probability.toFixed(1)}% |
+
+ ))}
+
+
+
+ Setup unavailable for this direction.
+
+ );
+ }
+
+ const recommended = isRecommended(setup, action);
+
+ return (
+
+
+
+ {setup.direction.toUpperCase()}
+
+ {setup.confidence_score?.toFixed(1) ?? '—'}%
+
+
+ {!recommended && recommendationActionDirection(action ?? null) !== 'neutral' && (
+ Alternative setup (ticker bias currently favors the opposite direction).
+ )}
+
+
+ Entry {formatPrice(setup.entry_price)}
+ Stop {formatPrice(setup.stop_loss)}
+ Primary Target {formatPrice(setup.target)}
+ R:R {setup.rr_ratio.toFixed(2)}
+
+
+
+
+ {setup.conflict_flags.length > 0 && (
+
+ {setup.conflict_flags.join(' • ')}
+
+ )}
+ Recommendation
+
+
+ {recommendationActionLabel(action)}
+
+ Risk: {summary?.risk_level ?? '—'}
+
+ Composite: {summary?.composite_score?.toFixed(1) ?? '—'}
+ {symbol.toUpperCase()}
+
+
+ Recommended Action is the ticker-level bias. The preferred setup is shown first; the opposite side is available under Alternative scenario.
+
+ {summary?.reasoning && (
+ {summary.reasoning}
+ )}
+
+ {preferredDirection !== 'neutral' && preferredSetup ? (
+
+
+
+ {alternativeSetup && (
+
+
+ Alternative scenario ({alternativeSetup.direction.toUpperCase()})
+
+
+
+
+
+ )}
+
+ ) : (
+
+
+
+
+ )}
+
{activeTab === 'Users' && }
{activeTab === 'Tickers' && }
- {activeTab === 'Settings' && }
- {activeTab === 'Jobs' && }
+ {activeTab === 'Settings' && (
+
+
+
+
+
+ )}
+ {activeTab === 'Jobs' && (
+
+ )}
{activeTab === 'Cleanup' && }
@@ -160,6 +182,51 @@ export default function ScannerPage() {
+
+
+ setMinConfidence(Number(e.target.value) || 0)}
+ className="w-24 rounded border border-gray-700 bg-gray-800 px-3 py-1.5 text-sm text-gray-200 focus:border-blue-500 focus:outline-none transition-colors duration-150"
+ />
+
+
+
+
+
+
+
+
+ Recommended Action Glossary (Ticker-Level Bias)
+
+ {RECOMMENDATION_ACTION_GLOSSARY.map((item) => (
+
+ {RECOMMENDATION_ACTION_LABELS[item.action]}:{' '}
+ {item.description}
+
+ ))}
+ Ticker Detail
|