(()=>{const f=window.React;if(!f)return;const e=f.createElement,b=f.useState,v=f.useEffect,o={bg:"var(--app-bg,#0e0e10)",surface:"var(--app-surface,#1a1a1c)",elevated:"var(--app-elevated,#2a2a2e)",rule:"var(--app-rule,rgba(255,255,255,.07))",ink:"var(--app-ink,#e6e3da)",inkSoft:"var(--app-ink-soft,rgba(230,227,218,.62))",inkFaint:"var(--app-ink-faint,rgba(230,227,218,.38))",accent:"var(--app-accent,#00f3ff)",accentDim:"var(--app-accent-dim,rgba(0,243,255,.16))",success:"var(--app-success,#00d4b8)",warn:"var(--app-warn,#f8d974)",fail:"var(--app-fail,#f43f6c)",mono:'var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace)'},w={score:72,band:"ok",deltaPct:2.1},k={overall:w,dims:[{name:"Checkout friction",score:38,band:"fail",deltaPct:-6.4,topIssue:"3-step checkout with forced account creation before payment step",spark:[58,54,49,46,44,41,39,38],sub:[{c:"Guest checkout available",s:"fail",impact:"High"},{c:"Payment methods \u2265 3",s:"warn",impact:"Med"},{c:"Address autocomplete",s:"fail",impact:"Med"}]},{name:"Trust signals",score:61,band:"warn",deltaPct:-1.2,topIssue:"No visible security badges near payment",spark:[64,63,63,62,62,61,61,61],sub:[{c:"SSL badge shown",s:"ok",impact:"Low"},{c:"Reviews visible",s:"warn",impact:"High"},{c:"Return policy linked",s:"ok",impact:"Low"}]},{name:"Mobile UX",score:66,band:"warn",deltaPct:3.8,topIssue:"Tap targets < 44px on filter chips",spark:[58,60,61,62,63,64,65,66],sub:[{c:"Tap targets \u2265 44px",s:"warn",impact:"Med"},{c:"Viewport meta set",s:"ok",impact:"Low"}]},{name:"Clarity",score:78,band:"ok",deltaPct:.5,topIssue:"Primary CTA competes with 2 secondaries above fold",spark:[77,77,78,78,77,78,78,78],sub:[{c:"Single primary CTA",s:"warn",impact:"Med"},{c:"Value prop above fold",s:"ok",impact:"Low"}]},{name:"Performance",score:91,band:"ok",deltaPct:1.4,topIssue:"LCP 2.1s on PDP (target < 2.5s \u2014 passing)",spark:[86,87,88,89,90,90,91,91],sub:[{c:"LCP < 2.5s",s:"ok",impact:"Low"},{c:"CLS < 0.1",s:"ok",impact:"Low"}]},{name:"Page speed index",score:94,band:"ok",deltaPct:.2,topIssue:"Third-party tags add 180ms",spark:[92,93,93,93,94,94,94,94],sub:[{c:"TTFB < 600ms",s:"ok",impact:"Low"}]}],funnel:[{step:"Landing",count:48200,pct:100,health:"ok"},{step:"Product view",count:31300,pct:65,health:"ok"},{step:"Add to cart",count:14100,pct:29,health:"warn"},{step:"Checkout",count:5900,pct:12,health:"fail"},{step:"Purchase",count:1640,pct:3.4,health:"warn"}],source:"seed"};function g(r){return r==="fail"?o.fail:r==="warn"?o.warn:o.success}function N(r){return r==="fail"?"POOR":r==="warn"?"NEEDS WORK":"GOOD"}function S(r){const c={ok:["OK",o.success],warn:["WARN",o.warn],fail:["FAIL",o.fail]}[r]||[String(r||"").toUpperCase(),o.inkFaint];return{label:c[0],color:c[1]}}function $(r,s){const a=2*Math.PI*66,d=Math.max(0,Math.min(100,r||0)),m=a*(1-d/100),u=g(s);return e("div",{className:"cro-gauge-wrap"},[e("svg",{key:"svg",viewBox:"0 0 160 160",width:160,height:160},[e("circle",{key:"trk",cx:80,cy:80,r:66,fill:"none",stroke:o.rule,strokeWidth:12}),e("circle",{key:"val",cx:80,cy:80,r:66,fill:"none",stroke:u,strokeWidth:12,strokeLinecap:"round",strokeDasharray:a,strokeDashoffset:m,transform:"rotate(-90 80 80)"})]),e("div",{key:"ctr",className:"cro-gauge-center"},[e("div",{key:"sc",className:"cro-gauge-score mono"},String(Math.round(d))),e("div",{key:"of",className:"cro-gauge-of mono"},"/ 100")])])}function C(r,s,c,n){const t=Array.isArray(r)&&r.length?r:[0,0],a=Math.min(...t),m=Math.max(...t)-a||1,u=l=>l/(t.length-1||1)*s,h=l=>c-(l-a)/m*c,p=t.map((l,P)=>`${u(P).toFixed(1)},${h(l).toFixed(1)}`),i=p[p.length-1].split(",");return e("svg",{viewBox:`0 0 ${s} ${c}`,width:s,height:c,style:{display:"block"}},[e("polyline",{key:"ln",points:p.join(" "),fill:"none",stroke:n,strokeWidth:1.6}),e("circle",{key:"dt",cx:i[0],cy:i[1],r:2.2,fill:n})])}function R(r){const s=Array.isArray(r)?r:[];return e("div",{className:"cro-funnel"},s.map((c,n)=>e("div",{key:c.step||n,className:"cro-funnel-row"},[e("div",{key:"l",className:"cro-funnel-label"},c.step||"\u2014"),e("div",{key:"b",className:"cro-funnel-track"},e("span",{className:"cro-funnel-fill",style:{width:`${c.pct||0}%`,background:g(c.health)}})),e("div",{key:"n",className:"cro-funnel-num mono"},`${(c.count||0).toLocaleString("en-US")} \xB7 ${c.pct??0}%`)])))}function E(r,s,c){const n=g(r.band),t=typeof r.deltaPct=="number"?r.deltaPct:0,a=t>=0;return e("button",{key:r.name,type:"button",className:`cro-dim-card${s?" on":""}`,style:{borderColor:s?o.accent:o.rule},onClick:c},[e("div",{key:"hd",className:"cro-dim-head"},[e("span",{key:"nm",className:"cro-dim-name"},r.name||"\u2014"),e("span",{key:"dl",className:"cro-dim-delta mono",style:{color:a?o.success:o.fail}},`${a?"\u25B2":"\u25BC"} ${a?"+":""}${t}%`)]),e("div",{key:"sc",className:"cro-dim-score-row"},[e("span",{key:"v",className:"cro-dim-score mono",style:{color:n}},String(r.score??"\u2014")),e("span",{key:"sp",className:"cro-dim-spark"},C(r.spark,100,28,n))]),e("div",{key:"bar",className:"cro-dim-bar"},e("span",{style:{width:`${r.score||0}%`,background:n}})),e("div",{key:"issue",className:"cro-dim-issue"},r.topIssue||"No issue on file.")])}function I(r){if(!r)return null;const s=Array.isArray(r.sub)?r.sub:[];return e("div",{className:"cro-card cro-seldim"},[e("div",{key:"hd",className:"cro-card-head"},[e("span",{key:"ov",className:"cro-overline mono"},"SUB-CHECKS"),e("span",{key:"nm",className:"cro-seldim-name"},r.name)]),s.length===0?e("p",{key:"e",className:"cro-seldim-empty"},"No sub-checks on file for this dimension."):e("div",{key:"list",className:"cro-seldim-list"},s.map((c,n)=>{const t=S(c.s);return e("div",{key:c.c||n,className:"cro-seldim-row"},[e("span",{key:"c",className:"cro-chip mono",style:{color:t.color,borderColor:t.color}},t.label),e("span",{key:"d",className:"cro-seldim-c"},c.c||"\u2014"),e("span",{key:"i",className:"cro-seldim-impact mono"},c.impact||"\u2014")])}))])}const x="cro-scores-style";function L(){if(document.getElementById(x))return;const r=`
    .croscores{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0;font-size:14px;line-height:1.45;color:${o.ink};font-family:var(--app-font-body,"Inter",system-ui,sans-serif);overflow:auto;padding:1.5rem;}
    .croscores *,.croscores *::before,.croscores *::after{box-sizing:border-box;}
    .croscores button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;}
    .croscores .mono{font-family:${o.mono};font-variant-numeric:tabular-nums;}

    .croscores .cro-src{font-family:${o.mono};font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:${o.inkFaint};margin:-6px 0 0;}

    .croscores .cro-row{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;}
    .croscores .cro-card{background:${o.surface};border:1px solid ${o.rule};border-radius:12px;padding:20px;}
    .croscores .cro-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;}
    .croscores .cro-overline{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:${o.inkFaint};}

    .croscores .cro-gauge-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
    .croscores .cro-gauge-wrap{position:relative;width:160px;height:160px;flex-shrink:0;}
    .croscores .cro-gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
    .croscores .cro-gauge-score{font-weight:700;font-size:2.1rem;color:${o.ink};line-height:1;}
    .croscores .cro-gauge-of{font-size:10.5px;color:${o.inkFaint};margin-top:2px;}
    .croscores .cro-gauge-meta{display:flex;flex-direction:column;gap:8px;}
    .croscores .cro-gauge-band{font-family:${o.mono};font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;width:fit-content;}
    .croscores .cro-gauge-delta{font-family:${o.mono};font-size:11.5px;color:${o.inkSoft};}

    .croscores .cro-funnel{display:flex;flex-direction:column;gap:10px;}
    .croscores .cro-funnel-row{display:grid;grid-template-columns:108px 1fr 118px;gap:10px;align-items:center;}
    .croscores .cro-funnel-label{font-size:12px;color:${o.inkSoft};}
    .croscores .cro-funnel-track{height:10px;border-radius:999px;background:${o.bg};overflow:hidden;}
    .croscores .cro-funnel-fill{display:block;height:100%;border-radius:999px;}
    .croscores .cro-funnel-num{font-size:11px;color:${o.inkFaint};text-align:right;}

    .croscores .cro-dims-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
    .croscores .cro-dim-card{display:flex;flex-direction:column;gap:10px;text-align:left;background:${o.surface};border:1px solid ${o.rule};border-radius:12px;padding:16px;transition:border-color .15s ease;}
    .croscores .cro-dim-card.on{background:${o.accentDim};}
    .croscores .cro-dim-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
    .croscores .cro-dim-name{font-size:13px;font-weight:600;color:${o.ink};}
    .croscores .cro-dim-delta{font-size:10.5px;white-space:nowrap;}
    .croscores .cro-dim-score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .croscores .cro-dim-score{font-weight:700;font-size:1.6rem;line-height:1;}
    .croscores .cro-dim-spark{flex-shrink:0;}
    .croscores .cro-dim-bar{height:5px;background:${o.bg};border-radius:999px;overflow:hidden;}
    .croscores .cro-dim-bar>span{display:block;height:100%;border-radius:999px;}
    .croscores .cro-dim-issue{font-size:11.5px;color:${o.inkFaint};line-height:1.4;}

    .croscores .cro-seldim-name{font-size:13px;font-weight:600;color:${o.ink};}
    .croscores .cro-seldim-empty{font-size:12px;color:${o.inkFaint};margin:0;}
    .croscores .cro-seldim-list{display:flex;flex-direction:column;gap:8px;}
    .croscores .cro-seldim-row{display:grid;grid-template-columns:64px 1fr 60px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid ${o.rule};}
    .croscores .cro-seldim-row:first-child{border-top:0;}
    .croscores .cro-chip{font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid;width:fit-content;}
    .croscores .cro-seldim-c{font-size:12px;color:${o.inkSoft};}
    .croscores .cro-seldim-impact{font-size:10.5px;color:${o.inkFaint};text-align:right;}

    @media(max-width:900px){.croscores .cro-row{grid-template-columns:1fr;}.croscores .cro-seldim-row{grid-template-columns:56px 1fr;}.croscores .cro-seldim-impact{text-align:left;}}
    `,s=document.createElement("style");s.id=x,s.textContent=r,document.head.appendChild(s)}function y(){L();const r=()=>window.KIND_REGISTRY&&window.KIND_REGISTRY.croScores&&window.KIND_REGISTRY.croScores.data||k,[s,c]=b(r),[n,t]=b(null);v(()=>{const i=()=>c(r());return window.addEventListener("cro-scores-live-hydrated",i),()=>window.removeEventListener("cro-scores-live-hydrated",i)},[]);const a=s&&s.overall||w,d=Array.isArray(s&&s.dims)?s.dims:[],m=Array.isArray(s&&s.funnel)?s.funnel:[],u=d.slice().sort((i,l)=>(i.score??0)-(l.score??0)),h=d.find(i=>i.name===n)||null,p=typeof a.deltaPct=="number"?a.deltaPct:0;return e("div",{className:"croscores"},[s&&s.source?e("p",{key:"src",className:"cro-src"},`source: ${s.source}`):null,e("div",{key:"row1",className:"cro-row"},[e("div",{key:"gauge",className:"cro-card"},[e("div",{key:"hd",className:"cro-card-head"},e("span",{className:"cro-overline mono"},"OVERALL CRO SCORE")),e("div",{key:"body",className:"cro-gauge-row"},[$(a.score,a.band),e("div",{key:"meta",className:"cro-gauge-meta"},[e("span",{key:"band",className:"cro-gauge-band",style:{color:g(a.band),background:"var(--app-elevated,#2a2a2e)"}},N(a.band)),e("span",{key:"delta",className:"cro-gauge-delta"},`${p>=0?"+":""}${p}% vs prior window`)])])]),e("div",{key:"funnel",className:"cro-card"},[e("div",{key:"hd",className:"cro-card-head"},e("span",{className:"cro-overline mono"},"CONVERSION FUNNEL")),R(m)])]),e("div",{key:"dims",className:"cro-dims-grid"},u.map(i=>E(i,n===i.name,()=>t(l=>l===i.name?null:i.name)))),I(h)])}y.displayName="CroScoresView",window.CRO_SCORES_VIEW_FN=y,window.VIEWS=window.VIEWS||{},window.VIEWS.croScores=y,window.KIND_REGISTRY=window.KIND_REGISTRY||{},window.KIND_REGISTRY.croScores=window.KIND_REGISTRY.croScores||{id:"croScores",label:"CRO",workspaceLabel:"Conversion Scores",workspaceIcon:"trending_up",description:"Conversion-rate-optimization scorecard: overall 0-100 score, Landing\u2192Purchase funnel, and per-dimension breakdown (checkout friction, trust signals, mobile UX, clarity, performance, page speed) with sparklines and drill-down sub-checks.",defaultView:"croScores",defaultDetail:"none",agentTreatment:"implicit",primaryAction:{label:"Sync from API",kind:"primary",icon:"sync"},secondaryActions:[{label:"Export",icon:"download"}],heroKpis:[{label:"CRO score",value:"72/100",delta:"+2.1%",trend:"up"},{label:"Conv. rate",value:"3.4%",delta:"+0.3pp",trend:"up"},{label:"Sessions",value:"48.2K",trend:"flat"},{label:"Top leak",value:"Checkout",delta:"\u221258% drop-off",trend:"down"},{label:"Last sync",value:"06:00 UTC",trend:"flat"}],data:k},window.CRO_SCORES_SEED=k})();