1import{j as e}from"./vendor-CXh69xiq.js";import{V as i}from"./LivePagePreviewModal-Dg48NYFC.js";import{S as c}from"./SuggestedFixCard-DyHip5ux.js";import{M as d}from"./index-BVVRvbjs.js";import"./Modal-BmPxbOG5.js";import"./app-vendor-nlFuy7bi.js";import"./motion-BljJOqSN.js";import"./rotate-ccw-DZk31c-h.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};t.SENTRY_RELEASE={id:"app-build-1790920293420"};var n=new t.Error().stack;n&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[n]="6f80655b-6c98-42df-8f04-33d1a052059b",t._sentryDebugIdIdentifier="sentry-dbid-6f80655b-6c98-42df-8f04-33d1a052059b")}catch{}})();const o="https://www.kedianomics.com/",r="h2.elementor-heading-title",l={style:"color: #0B1F44"},a="Insufficient color contrast",s="#475569",m="#C41E3A",x="#15803D",p={selector:r,issue_type:"insufficient_color_contrast",wcag_criteria:"1.4.3",impact:"serious",description:"Hero heading text is too light on white. Darken the text color for AA contrast.",current_value:"color: rgb(76, 88, 103)",suggested_fix:"color: #0B1F44",attributes:l,category:"contrast"};function F(){return e.jsxs("div",{className:"min-h-screen",style:{background:"#F4F7FB",color:"#101827"},children:[e.jsxs("header",{className:"border-b px-6 py-4 flex items-center justify-between",style:{background:"#FFFFFF",borderColor:"#ECEFF8"},children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-[0.14em] mb-1",style:{color:"#0052CC"},children:"Local demo"}),e.jsx("h1",{className:"text-xl font-semibold m-0",children:"View on page"}),e.jsx("p",{className:"text-sm m-0 mt-1",style:{color:s},children:"Real dashboard components · live Kedianomics captures via local mock API"})]}),e.jsx("span",{className:"text-xs font-mono px-2.5 py-1 rounded-xs",style:{background:"#ECFDF5",color:"#047857"},children:"localhost"})]}),e.jsxs("main",{className:"max-w-4xl mx-auto px-6 py-8 flex flex-col gap-8",children:[e.jsxs("section",{className:"rounded-xl border bg-white p-6",style:{borderColor:"#ECEFF8"},"data-testid":"demo-tooltips",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-wider m-0",style:{color:s},children:"Tooltip"}),e.jsx("h2",{className:"text-lg font-semibold m-0 mt-1",children:"First-time guidance"}),e.jsx("p",{className:"text-sm m-0 mt-2 mb-4 leading-relaxed",style:{color:s},children:"Hover or focus the button to see the tooltip: open a live snapshot of this element on the customer site, before and after the proposed fix."}),e.jsx("div",{className:"flex justify-start",children:e.jsx(i,{url:o,selector:r,attributes:l,title:a,size:"sm",skipFlagGate:!0})})]}),e.jsxs("section",{className:"rounded-xl border bg-white p-6",style:{borderColor:"#ECEFF8"},"data-testid":"demo-autofixes",children:[e.jsx("div",{className:"flex items-start justify-between gap-4 mb-4",children:e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-wider m-0",style:{color:s},children:"Auto-Fixes · fix card"}),e.jsx("h2",{className:"text-lg font-semibold m-0 mt-1",children:a}),e.jsxs("p",{className:"text-sm m-0 mt-1",style:{color:s},children:["WCAG 1.4.3 · ",o.replace(/\/$/,"")]})]})}),e.jsxs("div",{className:"rounded-lg p-4 mb-5 text-sm font-mono",style:{background:"#FAFCFE",border:"1px solid hsl(var(--border))"},children:[e.jsxs("div",{children:[e.jsx("span",{style:{color:s},children:"attribute: "}),"style.color"]}),e.jsxs("div",{children:[e.jsx("span",{style:{color:m},children:"before: "}),"rgb(76, 88, 103)"]}),e.jsxs("div",{children:[e.jsx("span",{style:{color:x},children:"after: "}),"#0B1F44"]}),e.jsxs("div",{className:"mt-2 break-all",children:[e.jsx("span",{style:{color:s},children:"selector: "}),r]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2 flex-wrap",children:[e.jsx(i,{url:o,selector:r,attributes:l,title:a,skipFlagGate:!0}),e.jsxs("div",{className:"flex justify-end gap-2 flex-wrap",children:[e.jsx("button",{type:"button",className:"px-5 py-2.5 text-sm font-bold rounded-lg text-white",style:{background:"#0052CC"},children:"Approve"}),e.jsx("button",{type:"button",className:"px-5 py-2.5 text-sm font-bold rounded-lg bg-white border-2 text-red-700",style:{borderColor:"#FCA5A5"},children:"Reject"})]})]})]}),e.jsxs("section",{"data-testid":"demo-suggested",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-wider m-0 mb-3",style:{color:s}
1,children:"Older flow · View Suggested"}),e.jsx(c,{fix:p,url:o,onAccept:()=>{},onReject:()=>{},isUpdating:!1})]}),e.jsxs("section",{className:"rounded-xl border bg-white p-6",style:{borderColor:"#ECEFF8"},"data-testid":"demo-scanner",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-wider m-0",style:{color:s},children:"Scanner · issue detail"}),e.jsx("h2",{className:"text-lg font-semibold m-0 mt-1",children:"Elements must have sufficient color contrast"}),e.jsx("p",{className:"text-sm m-0 mt-1 mb-4",style:{color:s},children:"Serious · WCAG 1.4.3 AA · selector on finding"}),e.jsx(i,{url:o,selector:r,attributes:l,title:"Elements must have sufficient color contrast",size:"sm",skipFlagGate:!0})]}),e.jsxs("p",{className:"text-xs flex items-center gap-2 m-0 leading-relaxed",style:{color:s},children:[e.jsx(d,{className:"w-3.5 h-3.5 shrink-0",style:{color:"#0052CC"},"aria-hidden":!0}),"Hover View on page for a short explanation. The modal opens with Compare and real before/after frames from www.kedianomics.com."]})]})]})}export{F as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.