https://ssicevs.com/assets/SessionPreview-B6i_jScC.js

1import{r as c,j as e}from"./metal-fx-C6GZ_SKA.js";import{Demo as h}from"./BalanceHeaderPro-CZPhOb4z.js";import{Demo as p}from"./AllocationBarPro-iIgIS69f.js";import{Demo as g}from"./ChangeTagPro-B2peb-Zp.js";import{Demo as u}from"./SectorPerformancePro-uy8ymPIc.js";import{Demo as f}from"./MarketWatchlist-S5V2R7wg.js";import{Demo as b}from"./KpiCardRow-CWmAzb3m.js";import{Demo as x}from"./CommandMenu-DvCM7bUY.js";import{Demo as k}from"./TxHistoryPro-f0WjNr96.js";import{Demo as w}from"./BenchmarkPicker-Bha33VWI.js";import{Demo as D}from"./HistoricalEps-tWpbM5TV.js";import{Demo as v}from"./VitalsStrip-CUrkAscJ.js";import{Demo as j}from"./RankedBarChart-Cnk7d6Mv.js";import{Demo as y}from"./PriceTargetFan-D2SYBIKF.js";import{Demo as N}from"./ComboBars-Bfa6p7_b.js";import{Demo as S}from"./TrendThresholdChart-DZqOzsfu.js";import{Demo as $}from"./TrendLineChart-DPAGBLQ-.js";import{Demo as C}from"./SmaChart-DnFUhLn1.js";import{Demo as A}from"./StackedBarChart-BEMrtco-.js";import{Demo as B}from"./SpreadChart-CirTXlZP.js";import{Demo as E}from"./FlowBars-Bbxosrc4.js";import{Demo as F}from"./PriceScrubberPro-jeFf7Nww.js";import{Demo as P}from"./CandleChart-b2fKMpJM.js";import"./CaretDown.es-D_rsxVrV.js";import"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";import"./CaretUp.es-CGhst6Hc.js";import"./shared-OtDZU4QY.js";import"./portfolioData-BLOwM6_D.js";import"./HoverGlide-D0IdXA3H.js";import"./SparklineAtom-CyGLBJUD.js";import"./kpi-card-row-C-WBS1iN.js";import"./live-figure-JLL6yHTN.js";import"./use-in-view-D8AUUq7X.js";import"./ShortcutHint-BdCOuuC7.js";import"./ArrowUp.es-D5uyxXSe.js";import"./ArrowsLeftRight.es-CHeeMxjw.js";import"./Check.es-B2lwH8mS.js";import"./MagnifyingGlass.es-BEZJJaij.js";import"./historical-eps-oHsUmQCI.js";import"./chart-overlay-eKIOGT9N.js";import"./price-target-fan-BGw57tzA.js";import"./sma-chart-C7wy4OVz.js";import"./useChartPointer-Dc8ejnc2.js";import"./formatValue-B9PpHWcg.js";import"./tradeData-DqLU_iOB.js";import"./BalanceChartPro-DEtRj8T-.js";import"./portfolioSeries-CHr0HCT8.js";const T={refined:{label:"refined",color:"var(--chart-2)"},bugfix:{label:"bug fixed",color:"var(--chart-down)"},todo:{label:"up next",color:"var(--chart-3)"}},m=[{name:"SMA Chart",kind:"refined",changed:"tokened the hardcoded green chip (color-mix); change color + chip now sign-aware (green up / red down); isSnapshot guard added",Demo:C,wide:!0},{name:"Flow Bars",kind:"refined",changed:"up-bar rgba → token; added a per-bar hover readout (crosshair + value pill, dims the rest); isSnapshot guard",Demo:E},{name:"Stacked Bar Chart",kind:"refined",changed:"palette #5AAAFF/#8F7CFF → chart-1/chart-5 tokens; hovering a series now shows its value inside each segment (was mute-only)",Demo:A},{name:"Spread Chart",kind:"refined",changed:"added a scrub crosshair + value pill (green above avg / amber below); tabular-nums on the Avg / Current footer; isSnapshot guard",Demo:B},{name:"Candle Chart",kind:"refined",changed:"header % was a hardcoded +32.11% → derived + sign-aware; crosshair gained a horizontal line + price badge on the axis (magnet read of the hovered close); isSnapshot",Demo:P,wide:!0},{name:"Price Scrubber",kind:"refined",changed:"NEW — magnet crosshair snapping to the datum + price/time badges riding the axes (TradingView); scrub updates the hero number & recolors off the reference (Robinhood); gradient area draw-in; timeframe pills morph in place. Built on shared usePointerValue + formatValue primitives.",Demo:F,wide:!0},{name:"Balance Header",kind:"refined",changed:"eyebrow label · cents de-emphasized · 24h → tinted delta pill · privacy eye now hover-quiet · staggered rise-in on load",Demo:h},{name:"Allocation Bar",kind:"refined",changed:"8px → 6px slim track · label dimmed to 75% · fills draw in staggered by row",Demo:p},{name:"Change Tag",kind:"refined",changed:"pill now fully-round (same family as Balance’s delta pill) · more breathing room · 13% tint to match",Demo:g},{name:"Sector Performance",kind:"refined",changed:"NEW this session — sector heat-list: session sparks + signed % pills + index weights (green up / amber down)",Demo:u},{name:"Market Watchlist",kind:"refined",changed:"killed a dead-duplicate sparkline → reuses shared SparklineAtom (area-fill + end dot) · rows enter + reorder-animate on sort",Demo:f,wide:!0},{name:"KPI Card Row",kind:"bugfix",changed:"BUG: down metric rendered the same green as up → Latency amber; full-bleed charts, bare icons, sentence-case labels, hover value+date readout",Demo:b,wide:!0},{name:"Command Menu",kind:"refined",changed:"selection was a hard snap → single highlight that glides between rows (layoutId) · dialog fades in on open",Demo:x},{name:"Tx History",kind:"refined",changed:"no motion before → rows stagger in · pending amber dot now pulses via motion (reduced-motion safe, not raw CSS)",Demo:k},{name:"Benchmark Picker",kind:"refined",changed:"filter results + check-marks now animate (AnimatePresence) · counter set tabular so 1/3 doesn’t jitter",Demo:w},{name:"Historical EPS",kind:"bugfix",changed:"hardcoded rgba() bypassed the tokens → broke light mode. Now color-mix off AMBER / GREEN; forecast blue; tooltip beside the column",Demo:D,wide:!0},{name:"Vitals Strip",kind:"refined",changed:"delta was pinned green regardless of sign → now direction-aware (green up / amber down); single-line, no scrollbar",Demo:v,wide:!0},{name:"Ranked Bar Chart",kind:"bugfix",changed:"negative deltas were RED → now amber (brand rule); bar fill hardcoded #5AAAFF → chart-1 token",Demo:j},{name:"Price Target Fan",kind:"refined",changed:"rebuilt interactive — scrub history + hover targets → Historical-EPS overlay with KPI-style value/context; isolate-on-hover; left price + bottom date axes",Demo:y,wide:!0},{name:"Combo Bars",kind:"refined",changed:"hardcoded hex → tokens (net income = blue, revenue neutral, margin = chart-4); hover value readout that flips at the edges",Demo:N,wide:!0},{name:"Trend Threshold Chart",kind:"refined",changed:"added bar draw-in motion (was fully static); hover readout moved from the far header to a pill right above the bar",Demo:S},{name:"Trend Line Chart",kind:"refined",changed:"hardcoded #5AAAFF → chart-1 token (theme-aware); tabular-nums on the scrubbing headline so it stops jittering",Demo:$}];function R({it:a,sent:r,onToggle:i}){const t=T[a.kind];return e.jsxs("section",{className:`overflow-hidden rounded-xl border transition-opacity ${a.wide?"md:col-span-2":""} ${r?"opacity-55":""}`,style:{background:"var(--card)",borderColor:r?"color-mix(in srgb, var(--chart-2) 45%, transparent)":"color-mix(in srgb, var(--foreground) 5%, transparent)"},children:[e.jsxs("div",{className:"flex items-start justify-between gap-4 border-b border-foreground

1/[0.05] px-4 py-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-[13px] font-semibold",children:a.name}),e.jsx("div",{className:"mt-1 text-[11px] leading-relaxed text-foreground/45",children:a.changed})]}),e.jsx("span",{className:"shrink-0 rounded-full px-2 py-[3px] text-[9px] font-semibold uppercase tracking-wide",style:{color:t.color,background:`color-mix(in srgb, ${t.color} 13%, transparent)`},children:t.label})]}),e.jsx("div",{className:"grid min-h-[280px] place-items-center",children:e.jsx(a.Demo,{})}),e.jsxs("div",{className:"flex items-center justify-between border-t border-foreground/[0.05] px-4 py-2.5",children:[e.jsx("span",{className:"text-[10px]",style:{color:r?"var(--chart-2)":"var(--muted-foreground)"},children:r?"approved — queued back to /lab":a.kind==="todo"?"not started":"live in /lab · not committed"}),e.jsx("button",{type:"button",onClick:i,className:"rounded-md border px-2.5 py-1 text-[11px] font-medium transition-colors",style:{color:r?"var(--chart-2)":"var(--foreground)",borderColor:r?"color-mix(in srgb, var(--chart-2) 45%, transparent)":"color-mix(in srgb, var(--foreground) 14%, transparent)",background:r?"color-mix(in srgb, var(--chart-2) 12%, transparent)":"transparent"},children:r?"✓ Sent to lab · undo":"Send back to the lab ↩"})]})]})}function Be(){const[a,r]=c.useState({}),i=o=>r(n=>({...n,[o]:!n[o]})),t=m.filter(o=>o.kind==="todo"),s=m.filter(o=>o.kind!=="todo"),l=Object.values(a).filter(Boolean).length,d=o=>e.jsx("div",{className:"grid grid-cols-1 gap-5 md:grid-cols-2",children:o.map(n=>e.jsx(R,{it:n,sent:!!a[n.name],onToggle:()=>i(n.name)},n.name))});return e.jsx("div",{className:"lab-page min-h-screen px-5 py-10 sm:px-10",children:e.jsxs("div",{className:"mx-auto max-w-[1180px]",children:[e.jsxs("header",{className:"mb-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-[13px] font-semibold",children:[e.jsx("span",{className:"inline-block h-2 w-2 rounded-full",style:{background:"var(--chart-1)"}}),"SSI / UI Lab — session workbench"]}),e.jsxs("p",{className:"mt-2 max-w-[660px] text-[13px] text-foreground/50",children:[s.length," refined, ",t.length," queued. Live and interactive — reload to replay the motion. Hit",e.jsx("span",{className:"text-foreground/70",children:" Send back to the lab "}),"on a card once it’s good; ",l," marked so far. Colours, tokens and the build stay untouched."]}),e.jsxs("div",{className:"mt-3 flex flex-wrap gap-4 text-[11px] text-foreground/40",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full",style:{background:"var(--chart-3)"}}

1)," up next"]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full",style:{background:"var(--chart-2)"}})," refined"]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full",style:{background:"var(--chart-down)"}})," bug fixed"]})]})]}),e.jsx("h2",{className:"mb-3 text-[12px] font-semibold uppercase tracking-[0.1em] text-foreground/40",children:"Up next — working on"}),d(t),e.jsx("h2",{className:"mb-3 mt-10 text-[12px] font-semibold uppercase tracking-[0.1em] text-foreground/40",children:"Refined this session"}),d(s)]})})}export{Be as default};