rename: Slot Picture -> Signal Confluence + fix symbol disappearing

- Tab label, panel title, ariaLabel, and explanatory text all updated
- Add visible symbol badge below autocomplete input so user always sees
  what symbol they're viewing after picking from search results
This commit is contained in:
Investor Flow Build
2026-08-11 23:11:54 -04:00
parent 470a9a27e1
commit 1a063d199a
2 changed files with 9 additions and 4 deletions
+1 -1
View File
@@ -5,7 +5,7 @@ import { ConfluencePanel } from '@/components/ConfluencePanel';
import { CorridorPanel } from '@/components/CorridorPanel';
const TABS = [
{ id: 'confluence', label: 'Slot Picture' },
{ id: 'confluence', label: 'Signal Confluence' },
{ id: 'corridor', label: 'Price Corridor' },
] as const;
+8 -3
View File
@@ -110,7 +110,7 @@ export function ConfluencePanel() {
<div className="space-y-6">
{/* Explanatory text */}
<div className="text-xs text-fg-muted leading-relaxed">
Slot Picture combines technical, seasonal, and valuation signals into a single
Signal Confluence combines technical, seasonal, and valuation signals into a single
directional read. Each slot fires (green dot) when its condition is met, or stays
dormant. The overall quality grade reflects how many slots fired and in which direction.
Use the rack selector to switch between different signal subsets.
@@ -125,10 +125,15 @@ export function ConfluencePanel() {
onPick={pickSymbol}
onSubmitRaw={(raw) => pickSymbol(raw.toUpperCase())}
placeholder="Search symbol…"
ariaLabel="Select symbol for slot picture"
ariaLabel="Select symbol for signal confluence"
inputClassName="w-full bg-surface-sunken border border-line rounded-lg px-3 py-1.5 text-xs text-fg placeholder:text-fg-muted focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent"
/>
</div>
{symbol && (
<span className="mt-1 inline-flex items-center rounded bg-accent/10 border border-accent/30 px-2 py-0.5 text-xs font-medium text-accent">
{symbol}
</span>
)}
</div>
<div>
<label className="block text-xs text-fg-muted mb-1">Rack</label>
@@ -147,7 +152,7 @@ export function ConfluencePanel() {
</div>
</div>
{/* Picture quality + evidence summary */}
{/* Quality + evidence summary */}
{quality ? (
<div className="flex flex-wrap items-center gap-4">
<div className={`inline-flex items-center gap-2 rounded border px-3 py-1.5 text-sm font-medium ${QUALITY_COLOR[quality]}`}>