HomeDiagram-D1ZErDRk.js

js qa.tech collected 2026-09-24 12:11:29 UTC 95,057 bytes, 1 lines download raw bytes

1import{j as e,u as at}from"./index-CY8Nbixe.js";import{u as lt}from"./use-no-index-Bt049Cg3.js";const $={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},oe="#EAFF81",O=[{id:"pr",label:"PR opens",meta:"Every change"},{id:"merge",label:"Merge",meta:"Main is green"},{id:"staging",label:"Staging",meta:"Deploy candidate"},{id:"prod",label:"Production",meta:"Live product"}],be=[{id:"exploratory",label:"Exploratory agent",when:"before merge",at:"pr",desc:"Agents roam the changed surface and file what a human reviewer would miss."},{id:"maintenance",label:"Test maintenance",when:"after merge",at:"merge",desc:"Broken selectors and moved flows are repaired instead of queued as debt."},{id:"plans",label:"Test plans",when:"on deploy",at:"staging",desc:"The full regression plan runs against the deploy candidate."},{id:"smoke",label:"Smoke checks",when:"around the clock",at:"prod",desc:"Critical journeys are re-walked on a schedule against the live product."}],nt=({children:t})=>e.jsx("p",{className:"text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:t}),it=()=>e.jsxs("div",{className:"bg-[#FAFAFA] px-4 py-10 sm:px-8 sm:py-14",children:[e.jsx("div",{className:"grid grid-cols-2 gap-x-4 gap-y-10 sm:grid-cols-4 sm:gap-x-0",children:O.map((t,a)=>{const s=be.find(i=>i.at===t.id);return e.jsxs("div",{className:"relative sm:px-3",children:[e.jsxs("div",{className:"rounded-[4px] border border-zinc-200 bg-white px-4 py-4",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.label}),e.jsx("p",{className:"mt-1 text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:t.meta})]}),e.jsxs("div",{className:"relative mt-6 h-px bg-zinc-200",children:[e.jsx("span",{className:"absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-neutral-900"}),a<O.length-1&&e.jsx("span",{className:"absolute right-0 top-1/2 hidden -translate-y-1/2 text-[10px] text-neutral-400 sm:block",style:$,children:"â"})]}),e.jsx("span",{className:"absolute left-1/2 top-[calc(100%-2.75rem)] hidden h-6 w-px -translate-x-1/2 bg-zinc-200 sm:block"}),e.jsx("div",{className:"mt-6 rounded-[4px] border border-neutral-900 p-px",children:e.jsxs("div",{className:"rounded-[3px] px-4 py-4",style:{background:oe},children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:s.label}),e.jsx("p",{className:"mt-1 text-[11px] uppercase tracking-widest text-neutral-700",style:$,children:s.when})]})}),e.jsx("p",{className:"mt-3 text-xs font-light leading-relaxed text-neutral-600",children:s.desc})]},t.id)})}),e.jsxs("div",{className:"mt-10 flex items-center gap-6",children:[e.jsxs("span",{className:"flex items-center gap-2 text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:[e.jsx("span",{className:"h-2 w-4 border border-neutral-900",style:{background:oe}}),"QA.tech runs this"]}),e.jsxs("span",{className:"flex items-center gap-2 text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:[e.jsx("span",{className:"h-2 w-4 border border-zinc-200 bg-white"}),"Your pipeline"]})]})]}),ot=()=>e.jsx("div",{className:"bg-[#FAFAFA]",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full min-w-[720px] border-collapse text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"w-[34%] border-b border-r border-zinc-200 px-5 py-4",children:e.jsx(nt,{children:"What QA.tech runs"})}),O.map(t=>e.jsxs("th",{className:"border-b border-r border-zinc-200 px-5 py-4 last:border-r-0",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.label}),e.jsx("p",{className:"mt-1 text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:t.meta})]},t.id))]})}),e.jsx("tbody",{children:be.map(t=>e.jsxs("tr",{children:[e.jsxs("th",{className:"border-b border-r border-zinc-200 bg-white px-5 py-5 align-top",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.label}),e.jsx("p",{className:"mt-2 text-xs font-light leading-relaxed text-neutral-600",children:t.desc})]}),O.map(a=>{const s=t.at===a.id;return e.jsx("td",{className:"border-b border-r border-zinc-200 px-5 py-5 align-middle last:border-r-0",style:s?{background:oe}:void 0,children:s?e.jsx("span",{className:"text-[11px] uppercase tracking-widest text-neutral-900",style:$,children:t.when}):e.jsx("span",{className:"text-neutral-300",style:$,children:"Â·"})},a.id)})]},t.id))})]})})}),dt=[{id:"lean",name:"No QA function",meta:"5â20 engineers",note:"Developers ship straight to production. QA.tech is the only verification layer.",jobs:["exploratory","smoke"]},{id:"platform",name:"One QA engineer",meta:"20â80 engineers",note:"A single QA owns the plan. Agents take the repetitive passes and the upkeep.",jobs:["exploratory","maintenance","plans"]},{id:"enterprise",name:"QA team with a suite",meta:"80+ engineers",note:"An existing suite stays. Agents cover the gaps it never had time to reach.",jobs:["maintenance","plans","smoke"]}],ct=()=>e.jsxs("div",{className:"bg-[#FAFAFA]",children:[e.jsx("div",{className:"grid grid-cols-4 border-b border-zinc-200",children:O.map(t=>e.jsx("div",{className:"border-r border-zinc-200 px-4 py-4 last:border-r-0 sm:px-5",children:e.jsx("p",{className:"text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:t.label})},t.id))}),dt.map(t=>e.jsxs("div",{className:"border-b border-zinc-200 last:border-b-0",children:[e.jsxs("div",{className:"px-4 pt-5 sm:px-5",children:[e.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.name}),e.jsx("p",{className:"text-[11px] uppercase tracking-widest text-neutral-500",style:$,children:t.meta})]}),e.jsx("p",{className:"mt-2 max-w-2xl text-xs font-light leading-relaxed text-neutral-600",children:t.note})]}),e.jsx("div",{className:"mt-4 grid grid-cols-4",children:O.map(a=>{const s=be.find(o=>

1o.at===a.id),i=t.jobs.includes(s.id);return e.jsx("div",{className:"border-r border-zinc-200 px-2 pb-5 last:border-r-0 sm:px-3",children:i?e.jsxs("div",{className:"rounded-[4px] border border-neutral-900 px-3 py-3",style:{background:oe},children:[e.jsx("p",{className:"text-xs font-medium leading-snug text-neutral-900",children:s.label}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-700",style:$,children:s.when})]}):e.jsx("div",{className:"rounded-[4px] border border-dashed border-zinc-200 px-3 py-3",children:e.jsx("p",{className:"text-[10px] uppercase tracking-widest text-neutral-400",style:$,children:"Not needed yet"})})},a.id)})})]},t.id))]}),L={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},Xe="#EAFF81",p=24,xt="#E4E4E7",pe="#18181B",Je=()=>e.jsxs(e.Fragment,{children:[e.jsxs("defs",{children:[e.jsx("pattern",{id:"gf-grid",width:p,height:p,patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:`M ${p} 0 L 0 0 0 ${p}`,fill:"none",stroke:"#EFEFF1",strokeWidth:"1"})}),e.jsxs("pattern",{id:"gf-grid-lg",width:p*4,height:p*4,patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{width:p*4,height:p*4,fill:"url(#gf-grid)"}),e.jsx("path",{d:`M ${p*4} 0 L 0 0 0 ${p*4}`,fill:"none",stroke:"#E4E4E7",strokeWidth:"1"})]}),e.jsx("marker",{id:"gf-arrow",viewBox:"0 0 8 8",refX:"6",refY:"4",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:e.jsx("path",{d:"M 0 1 L 6 4 L 0 7 z",fill:pe})}),e.jsx("marker",{id:"gf-arrow-muted",viewBox:"0 0 8 8",refX:"6",refY:"4",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:e.jsx("path",{d:"M 0 1 L 6 4 L 0 7 z",fill:"#A1A1AA"})})]}),e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#gf-grid-lg)"})]}),de=({x:t,y:a,w:s,h:i,label:o,meta:n,accent:r=!1})=>e.jsxs("g",{children:[e.jsx("rect",{x:t,y:a,width:s,height:i,rx:"4",fill:r?Xe:"#FFFFFF",stroke:r?"#D6EE64":xt}),e.jsx("text",{x:t+14,y:a+(n?26:i/2+5),fontSize:"14",fill:pe,fontWeight:"500",children:o}),n&&e.jsx("text",{x:t+14,y:a+45,fontSize:"10",letterSpacing:"1.2",fill:r?"#3F4A12":"#71717A",style:L,children:n.toUpperCase()})]}),pt=({children:t})=>e.jsx("p",{className:"mt-4 px-4 text-[11px] uppercase tracking-widest text-neutral-500 sm:px-8",style:L,children:t}),ht=()=>{const t=[{label:"PR opens",meta:"every change",x:p},{label:"Merge",meta:"main is green",x:p*11},{label:"Staging",meta:"deploy candidate",x:p*21},{label:"Production",meta:"live product",x:p*31}],a=[{label:"Exploratory agent",meta:"before merge",x:p},{label:"Test maintenance",meta:"after merge",x:p*11},{label:"Test plans",meta:"on deploy",x:p*21},{label:"Smoke checks",meta:"around the clock",x:p*31}],s=p*8,i=p*3,o=p*2,n=p*8;return e.jsx("div",{className:"overflow-x-auto border-y border-zinc-200 bg-white",children:e.jsxs("svg",{viewBox:`0 0 ${p*41} ${p*13}`,className:"h-auto w-full min-w-[720px]",children:[e.jsx(Je,{}),t.slice(0,-1).map((r,l)=>e.jsx("line",{x1:r.x+s,y1:o+i/2,x2:t[l+1].x,y2:o+i/2,stroke:pe,strokeWidth:"1.25",markerEnd:"url(#gf-arrow)"},r.label)),t.map(r=>e.jsx(de,{x:r.x,y:o,w:s,h:i,label:r.label,meta:r.meta},r.label)),a.map(r=>e.jsxs("g",{children:[e.jsx("path",{d:`M ${r.x+s/2} ${o+i} V ${n}`,stroke:"#A1A1AA",strokeWidth:"1.25",strokeDasharray:"3 3",fill:"none",markerEnd:"url(#gf-arrow-muted)"}),e.jsx(de,{x:r.x,y:n,w:s,h:i,label:r.label,meta:r.meta,accent:!0})]},r.label)),e.jsx("text",{x:p,y:p*12.4,fontSize:"10",letterSpacing:"1.4",fill:"#71717A",style:L,children:"YOUR PIPELINE â Â Â  QA.TECH RUNS â"})]})})},mt=()=>{const t=p*8,a=p*3,s=[p,p*11,p*21,p*31],i=p*2,o=p*8,n=["PR opens","Merge","Staging","Production"],r=["Exploratory agent","Test maintenance","Test plans","Smoke checks"];return e.jsx("div",{className:"overflow-x-auto border-y border-zinc-200 bg-white",children:e.jsxs("svg",{viewBox:`0 0 ${p*41} ${p*13}`,className:"h-auto w-full min-w-[720px]",children:[e.jsx(Je,{}),e.jsx("text",{x:p,y:p*1.4,fontSize:"10",letterSpacing:"1.4",fill:"#71717A",style:L,children:"DELIVERY"}),e.jsx("text",{x:p,y:p*7.4,fontSize:"10",letterSpacing:"1.4",fill:"#71717A",style:L,children:"QA.TECH"}),s.map((l,d)=>e.jsxs("g",{children:[e.jsx("path",{d:`M ${l+t/2} ${i+a} V ${o}`,stroke:pe,strokeWidth:"1.25",fill:"none",markerEnd:"url(#gf-arrow)"}),d<s.length-1&&e.jsx("path",{d:`M ${l+t} ${o+a/2} H ${s[d+1]+t/2} V ${i+a}`,stroke:"#A1A1AA",strokeWidth:"1.25",strokeDasharray:"3 3",fill:"none",markerEnd:"url(#gf-arrow-muted)"})]},d)),s.map((l,d)=>e.jsx(de,{x:l,y:i,w:t,h:a,label:n[d]},`s${d}`)),s.map((l,d)=>e.jsx(de,{x:l,y:o,w:t,h:a,label:r[d],accent:!0},`j${d}`))]})})},Me=[{label:"PR opens",meta:"1",qa:!1,note:"Change lands for review."},{label:"Exploratory agent",meta:"QA.tech",qa:!0,note:"Agents roam the changed surface."},{label:"Merge",meta:"2",qa:!1,note:"Main stays green."},{label:"Test maintenance",meta:"QA.tech",qa:!0,note:"Moved flows repaired, not queued."},{label:"Staging",meta:"3",qa:!1,note:"Deploy candidate is up."},{label:"Test plans",meta:"QA.tech",qa:!0,note:"Full regression plan runs."},{label:"Production",meta:"4",qa:!1,note:"Live for customers."},{label:"Smoke checks",meta:"QA.tech",qa:!0,note:"Critical journeys, on a schedule."}],ut=()=>e.jsxs("div",{className:"border-y border-zinc-200 bg-white",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",children:Me.map((t,a)=>e.jsxs("div",{className:"relative border-b border-r border-zinc-200 p-5 last:border-r-0",style:t.qa?{backgroundColor:Xe}:void 0,children:[e.jsx("p",{className:"text-[10px] uppercase tracking-widest",style:{...L,color:t.qa?"#3F4A12":"#A1A1AA"},children:t.meta}),e.jsx("p",{className:"mt-6 text-sm font-medium text-neutral-900",children:t.label}),e.jsx("p",{className:`mt-1 text-xs font-light ${t.qa?"text-[#3F4A12]":"text-neutral-600"}`,children:t.note}

1),a<Me.length-1&&e.jsx("span",{"aria-hidden":!0,className:"absolute right-[-6px] top-1/2 hidden -translate-y-1/2 text-xs text-neutral-400 lg:block",style:L,children:"â¸"})]},t.label))}),e.jsx(pt,{children:"flow reads left to right â lime modules are the ones QA.tech runs"}),e.jsx("div",{className:"h-6"})]}),y={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},ce="#EAFF81",We=["â","â","â","â","â","â","â"," "," ","â","â"," "],Ce=new Map;function ye(t,a){const s=`${t}:${a}`,i=Ce.get(s);if(i!==void 0)return i;let o=t;const n=()=>(o=(o*9301+49297)%233280,o/233280);let r="";for(let l=0;l<a;l++)r+=We[Math.floor(n()*We.length)];return Ce.set(s,r),r}const Ue={backgroundImage:"linear-gradient(to right, #EFEFF1 1px, transparent 1px), linear-gradient(to bottom, #EFEFF1 1px, transparent 1px), linear-gradient(to right, #E4E4E7 1px, transparent 1px), linear-gradient(to bottom, #E4E4E7 1px, transparent 1px)",backgroundSize:"24px 24px, 24px 24px, 96px 96px, 96px 96px"},G=[{id:"01",label:"PR opens",meta:"every change"},{id:"02",label:"Merge",meta:"main is green"},{id:"03",label:"Staging",meta:"deploy candidate"},{id:"04",label:"Production",meta:"live product"}],F=[{label:"Exploratory agent",when:"before merge",spec:"agents roam changed surface",seed:11},{label:"Test maintenance",when:"after merge",spec:"moved flows repaired",seed:47},{label:"Test plans",when:"on deploy",spec:"full regression run",seed:91},{label:"Smoke checks",when:"around the clock",spec:"critical journeys, scheduled",seed:137}],gt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsxs("div",{className:"relative overflow-hidden px-4 pb-8 pt-6 sm:px-8",style:Ue,children:[e.jsx("div",{className:"mb-6 flex items-end justify-between border-b border-zinc-300 pb-1",children:["0","24","48","72","96"].map(t=>e.jsx("span",{className:"text-[9px] tracking-widest text-neutral-400",style:y,children:t},t))}),e.jsx("div",{className:"grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 lg:grid-cols-4",children:G.map((t,a)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"rounded-[4px] border border-zinc-300 bg-white",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-zinc-200 px-3 py-1.5",children:[e.jsxs("span",{className:"text-[10px] tracking-widest text-neutral-400",style:y,children:["STAGE ",t.id]}),e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:y,children:"ââ"})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.label}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:y,children:t.meta})]})]}),a<G.length-1&&e.jsx("span",{"aria-hidden":!0,className:"absolute right-[-20px] top-[46px] hidden text-[11px] text-neutral-900 lg:block",style:y,children:"âââ¶"}),e.jsx("div",{className:"relative mx-auto h-8 w-px border-l border-dashed border-zinc-300",children:e.jsx("span",{"aria-hidden":!0,className:"absolute -bottom-1 left-1/2 -translate-x-1/2 text-[10px] text-neutral-400",style:y,children:"â¼"})}),e.jsxs("div",{className:"rounded-[4px] border border-[#D6EE64]",style:{backgroundColor:ce},children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[#D6EE64] px-3 py-1.5",children:[e.jsx("span",{className:"text-[10px] tracking-widest text-[#3F4A12]",style:y,children:"QA.TECH"}),e.jsx("span",{className:"text-[10px] tracking-widest text-[#3F4A12]",style:y,children:t.id})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:F[a].label}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-[#3F4A12]",style:y,children:F[a].when}),e.jsx("p",{"aria-hidden":!0,className:"mt-3 truncate text-[11px] leading-none text-[#3F4A12]/70",style:y,children:ye(F[a].seed,40)})]})]})]},t.id))})]})}),jt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-[#FAFAFA] p-4 sm:p-8",children:e.jsxs("div",{className:"overflow-x-auto rounded-[4px] border border-zinc-800 bg-[#0B0B0C]",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-zinc-800 px-4 py-2",children:[e.jsx("span",{className:"text-[10px] tracking-widest text-zinc-500",style:y,children:"PIPELINE / VERIFICATION"}),e.jsx("span",{className:"text-[10px] tracking-widest text-zinc-500",style:y,children:"4 STAGES Â· 4 QA.TECH JOBS"})]}),e.jsx("div",{className:"min-w-[560px] px-4 py-5",style:y,children:G.map((t,a)=>e.jsxs("div",{className:"pb-4 last:pb-0",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsx("span",{className:"text-[11px] text-zinc-600",children:a===G.length-1?"ââ":"ââ"}),e.jsx("span",{className:"text-[13px] text-white",children:t.label}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-zinc-500",children:t.meta})]}),e.jsxs("div",{className:"ml-[26px] mt-2 border-l border-zinc-800 pl-4",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("span",{className:"rounded-[3px] px-2 py-0.5 text-[11px] text-[#14170A]",style:{backgroundColor:ce}

1,children:"qa.tech"}),e.jsx("span",{className:"text-[12px] text-zinc-200",children:F[a].label}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-zinc-500",children:F[a].when})]}),e.jsx("p",{className:"mt-1.5 text-[11px] text-zinc-500",children:F[a].spec}),e.jsx("p",{"aria-hidden":!0,className:"mt-1.5 text-[12px] leading-none",style:{color:ce},children:ye(F[a].seed,34)})]})]},t.id))})]})}),bt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsxs("div",{className:"relative overflow-hidden px-4 py-10 sm:px-8",style:Ue,children:[e.jsx("div",{className:"grid grid-cols-2 gap-x-4 gap-y-10 lg:grid-cols-4 lg:gap-x-6",children:G.map((t,a)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"flex items-baseline gap-2",children:[e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:y,children:t.id}),e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.label})]}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:y,children:t.meta}),e.jsxs("div",{className:"relative mt-4 h-px bg-neutral-900",children:[e.jsx("span",{className:"absolute -top-[3px] left-0 h-[7px] w-[7px] rounded-full bg-neutral-900"}),a<G.length-1&&e.jsx("span",{"aria-hidden":!0,className:"absolute -top-[7px] right-[-14px] hidden text-[11px] text-neutral-900 lg:block",style:y,children:"â¶"})]}),e.jsx("div",{"aria-hidden":!0,className:"mt-4 select-none overflow-hidden text-[13px] leading-[13px] tracking-[-0.5px]",style:{...y,color:ce},children:[0,1,2,3,4,5].map(s=>e.jsx("div",{className:"truncate",children:ye(F[a].seed+s*7,44)},s))}),e.jsxs("div",{className:"mt-4 border-t border-zinc-200 pt-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:F[a].label}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:y,children:F[a].when}),e.jsx("p",{className:"mt-1 text-xs font-light text-neutral-600",children:F[a].spec})]})]},t.id))}),e.jsx("p",{className:"mt-8 text-[10px] uppercase tracking-widest text-neutral-500",style:y,children:"rail = your pipeline Â· block density = QA.tech coverage attached at that point"})]})}),x={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},se="#EAFF81",E="#D6EE64",w="#3F4A12",Te=["â","â","â","â","â","â","â"," "," ","â","â"," "],He=new Map;function yt(t,a){const s=`${t}:${a}`,i=He.get(s);if(i!==void 0)return i;let o=t;const n=()=>(o=(o*9301+49297)%233280,o/233280);let r="";for(let l=0;l<a;l++)r+=Te[Math.floor(n()*Te.length)];return He.set(s,r),r}const re={backgroundImage:"linear-gradient(to right, #EFEFF1 1px, transparent 1px), linear-gradient(to bottom, #EFEFF1 1px, transparent 1px), linear-gradient(to right, #E4E4E7 1px, transparent 1px), linear-gradient(to bottom, #E4E4E7 1px, transparent 1px)",backgroundSize:"24px 24px, 24px 24px, 96px 96px, 96px 96px"},S=[{id:"01",stage:"PR opens",stageMeta:"every change",artifact:"branch + preview deploy",seed:11,job:"Exploratory agent",trigger:"on pull request",checks:["Reads the PR title, description and diff","Identifies the features the change touches","Explores those flows in your preview environment","Files what it finds with steps, video and network log"],output:"Evaluation comment on the PR",result:"GitHub Â· GitLab and Bitbucket coming",runs:"3â8 min",works:"preview environment"},{id:"02",stage:"Merge",stageMeta:"main is green",artifact:"main branch build",seed:47,job:"Test maintenance",trigger:"after merge",checks:["Re-runs the suite against the merged build","Repairs steps whose selectors or copy moved","Splits or retires cases the product outgrew","Flags real regressions instead of retrying them away"],output:"Updated test cases, ready to review",result:"Change review in the QA.tech app",runs:"on every merge",works:"main branch"},{id:"03",stage:"Staging",stageMeta:"deploy candidate",artifact:"release candidate",seed:91,job:"Test plans",trigger:"on deploy",checks:["Runs the selected plans in parallel on real browsers","Covers signup, checkout and the journeys you picked","Checks desktop, mobile web and native mobile","Captures video, console and network per step"],output:"Report with pass, fail and root cause",result:"Slack Â· Teams Â· email Â· Jira and Linear",runs:"10â25 min",works:"staging or any environment"},{id:"04",stage:"Production",stageMeta:"live product",artifact:"live traffic",seed:137,job:"Smoke checks",trigger:"around the clock",checks:["Verifies critical paths after each deploy","Repeats them on a schedule, hourly if you want","Confirms login, payment and core journeys still work","Alerts the on-call channel the moment one breaks"],output:"Pass or alert, per run",result:"Slack alert Â· status in the dashboard",runs:"every hour",works:"production"}],ae=({seed:t,rows:a=3,len:s=44,className:i=""})=>

1e.jsx("div",{"aria-hidden":!0,className:`select-none overflow-hidden text-[12px] leading-[12px] tracking-[-0.5px] text-neutral-300 ${i}`,style:x,children:Array.from({length:a},(o,n)=>e.jsx("div",{className:"truncate",children:yt(t+n*7,s)},n))}),Ke=()=>e.jsx("div",{className:"mb-6 flex items-end justify-between border-b border-zinc-300 pb-1",children:["0","24","48","72","96"].map(t=>e.jsx("span",{className:"text-[9px] tracking-widest text-neutral-400",style:x,children:t},t))}),ft=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsxs("div",{className:"relative overflow-hidden px-4 pb-8 pt-6 sm:px-8",style:re,children:[e.jsx(Ke,{}),e.jsx("div",{className:"grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 lg:grid-cols-4",children:S.map((t,a)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"rounded-[4px] border border-zinc-300 bg-white",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-zinc-200 px-3 py-1.5",children:[e.jsxs("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:["STAGE ",t.id]}),e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:"ââ"})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.stage}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:t.stageMeta}),e.jsx(ae,{seed:t.seed,rows:3,className:"mt-3"}),e.jsx("p",{className:"mt-3 text-[10px] uppercase tracking-widest text-neutral-400",style:x,children:t.artifact})]})]}),a<S.length-1&&e.jsx("span",{"aria-hidden":!0,className:"absolute right-[-20px] top-[56px] hidden text-[11px] text-neutral-900 lg:block",style:x,children:"âââ¶"}),e.jsx("div",{className:"relative mx-auto h-8 w-px border-l border-dashed border-zinc-300",children:e.jsx("span",{"aria-hidden":!0,className:"absolute -bottom-1 left-1/2 -translate-x-1/2 text-[10px] text-neutral-400",style:x,children:"â¼"})}),e.jsxs("div",{className:"rounded-[4px] border",style:{backgroundColor:se,borderColor:E},children:[e.jsxs("div",{className:"flex items-center justify-between border-b px-3 py-1.5",style:{borderColor:E},children:[e.jsx("span",{className:"text-[10px] tracking-widest",style:{...x,color:w},children:"QA.TECH"}),e.jsx("span",{className:"text-[10px] tracking-widest",style:{...x,color:w},children:t.id})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.job}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest",style:{...x,color:w},children:t.trigger}),e.jsx("ul",{className:"mt-3 space-y-1.5",children:t.checks.map(s=>e.jsxs("li",{className:"flex gap-2 text-xs font-light text-neutral-800",children:[e.jsx("span",{style:{...x,color:w},children:"Â·"}),e.jsx("span",{children:s})]},s))}),e.jsxs("div",{className:"mt-3 border-t pt-2",style:{borderColor:E},children:[e.jsx("p",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:"output"}),e.jsx("p",{className:"mt-1 text-xs font-light text-neutral-800",children:t.output}),e.jsx("p",{className:"mt-1.5 text-[10px] uppercase tracking-widest",style:{...x,color:w},children:t.result})]})]})]})]},t.id))})]})}),wt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsx("div",{className:"relative overflow-hidden px-4 py-8 sm:px-8",style:re,children:S.map((t,a)=>e.jsxs("div",{className:"relative pb-6 last:pb-0",children:[e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-[280px_1fr]",children:[e.jsxs("div",{className:"rounded-[4px] border border-zinc-300 bg-white",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-zinc-200 px-3 py-1.5",children:[e.jsxs("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:["STAGE ",t.id]}),e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:t.runs})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.stage}),e.jsxs("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:[t.stageMeta," Â· ",t.artifact]}),e.jsx(ae,{seed:t.seed,rows:4,len:38,className:"mt-3"})]})]}),e.jsxs("div",{className:"rounded-[4px] border",style:{backgroundColor:se,borderColor:E},children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 border-b px-3 py-1.5",style:{borderColor:E},children:[e.jsx("span",{className:"text-[10px] tracking-widest",style:{...x,color:w},children:"QA.TECH"}),e.jsx("span",{className:"text-sm font-medium text-neutral-900",children:t.job}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:t.trigger})]}),e.jsxs("dl",{className:"divide-y",style:{borderColor:E},children:[e.jsxs("div",{className:"grid grid-cols-1 gap-1 px-3 py-2 sm:grid-cols-[110px_1fr]",children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:"verifies"}),e.jsx("dd",{className:"text-xs font-light text-neutral-800",children:e.jsx("ul",{className:"space-y-1",children:t.checks.map(s=>e.jsx("li",{children:s},s))})})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-1 border-t px-3 py-2 sm:grid-cols-[110px_1fr]",

1style:{borderColor:E},children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:"output"}),e.jsx("dd",{className:"text-xs font-light text-neutral-800",children:t.output})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-1 border-t px-3 py-2 sm:grid-cols-[110px_1fr]",style:{borderColor:E},children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:"lands in"}),e.jsx("dd",{className:"text-xs font-light text-neutral-800",children:t.result})]})]})]})]}),a<S.length-1&&e.jsxs("div",{className:"mt-3 flex items-center gap-2 text-[10px] text-neutral-400",style:x,children:[e.jsx("span",{"aria-hidden":!0,children:"â¼"}),e.jsx("span",{className:"uppercase tracking-widest",children:"next stage"}),e.jsx("span",{className:"h-px flex-1 bg-zinc-200"})]})]},t.id))})}),kt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsxs("div",{className:"relative overflow-hidden px-4 py-8 sm:px-8",style:re,children:[e.jsx(Ke,{}),e.jsx("div",{className:"grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 lg:grid-cols-4",children:S.map((t,a)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"rounded-[4px] border border-zinc-300 bg-white",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-zinc-200 px-3 py-1.5",children:[e.jsxs("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:["TRIGGER ",t.id]}),a<S.length-1&&e.jsx("span",{"aria-hidden":!0,className:"text-[10px] text-neutral-900",style:x,children:"âââ¶"})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.stage}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:t.stageMeta}),e.jsx(ae,{seed:t.seed,rows:2,className:"mt-3"})]})]}),e.jsxs("div",{className:"mt-2 rounded-[4px] border",style:{backgroundColor:se,borderColor:E},children:[e.jsx("div",{className:"flex items-center justify-between border-b px-3 py-1.5",style:{borderColor:E},children:e.jsx("span",{className:"text-[10px] tracking-widest",style:{...x,color:w},children:"QA.TECH VERIFIES"})}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-2 space-y-1.5",children:t.checks.map(s=>e.jsx("li",{className:"text-xs font-light text-neutral-800",children:s},s))})]})]}),e.jsxs("div",{className:"mt-2 rounded-[4px] border border-zinc-300 bg-white px-3 py-3",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-widest text-neutral-400",style:x,children:"reports to"}),e.jsx("p",{className:"mt-1 text-xs font-light text-neutral-700",children:t.output}),e.jsx("p",{className:"mt-1.5 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:t.result})]})]},t.id))})]})}),Nt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsxs("div",{className:"relative overflow-hidden px-4 py-10 sm:px-8",style:re,children:[e.jsx("div",{className:"relative mb-8 hidden h-px bg-neutral-900 lg:block",children:S.map((t,a)=>e.jsx("span",{className:"absolute -top-[4px] h-[9px] w-[9px] rounded-full bg-neutral-900",style:{left:`${a/(S.length-1)*100}%`}},t.id))}),e.jsx("div",{className:"grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 lg:grid-cols-4",children:S.map(t=>e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-baseline gap-2",children:[e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:t.id}),e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.stage})]}),e.jsxs("div",{className:"rounded-[4px] border border-zinc-300 bg-white px-3 py-3",children:[e.jsx("dl",{className:"space-y-1.5",children:[["runs in",t.works],["input",t.artifact],["cadence",t.runs]].map(([a,s])=>e.jsxs("div",{className:"flex justify-between gap-3",children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-widest text-neutral-400",style:x,children:a}),e.jsx("dd",{className:"text-[11px] text-right font-light text-neutral-700",children:s})]},a))}),e.jsx(ae,{seed:t.seed,rows:5,className:"mt-3"})]}),e.jsxs("div",{className:"mt-2 rounded-[4px] border px-3 py-3",style:{backgroundColor:se,borderColor:E},children:[e.jsxs("p",{className:"text-[10px] tracking-widest",style:{...x,color:w},children:["QA.TECH Â· ",t.trigger.toUpperCase()]}),e.jsx("p",{className:"mt-1.5 text-sm font-medium text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-2 space-y-1.5",children:t.checks.map(a=>e.jsx("li",{className:"text-xs font-light text-neutral-800",children:a},a))}),e.jsx("p",{className:"mt-3 border-t pt-2 text-[10px] uppercase tracking-widest",style:{...x,color:w,borderColor:E},children:t.result})]})]},t.id))})]})}),vt=()=>e.jsx("div",{className:"border-y border-zinc-200 bg-white",children:e.jsx("div",{className:"relative overflow-x-auto px-4 py-8 sm:px-8",style:re,children:e.jsxs("div",{className:"min-w-[720px] overflow-hidden rounded-[4px] border border-zinc-300 bg-white",children:[e.jsx("div",{className:"grid grid-cols-[200px_1fr_240px] border-b border-zinc-300 bg-[#FAFAFA]",children:["PIPELINE STAGE","WHAT QA.TECH VERIFIES","OUTPUT / LANDS IN"].map(t=>e.jsx("div",{className:"px-3 py-2 text-[10px] tracking-widest text-neutral-500",style:x,children:t},t))}),S.map((t,a)=>e.jsxs("div",{className:`grid grid-cols-[200px_1fr_240px] ${a<S.length-1?"border-b border-zinc-200":""}`,children:[e.jsxs("div",{className:"border-r border-zinc-200 px-3 py-3",children:[e.jsx("span",{className:"text-[10px] tracking-widest text-neutral-400",style:x,children:t.id}),e.jsx("p",{className:"mt-1 text-sm font-medium text-neutral-900",children:t.stage}),e.jsx("p",{className:"mt-1 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:t.stageMeta}),e.jsx(ae,{seed:t.seed,rows:4,len:26,className:"mt-3"}),e.jsx("p",{className:"mt-3 text-[10px] uppercase tracking-widest text-neutral-400",style:x,children:t.runs})]}),e.jsxs("div",{className:"border-r px-3 py-3",style:{backgroundColor:se,borderColor:E},children:[e.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3",children:[e.jsx("p",{className:"text-sm font-medium text-neutral-900",children:t.job}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest",style:{...x,color:w},children:t.trigger})]}),e.jsx("ul",{className:"mt-2 grid gap-1.5 sm:grid-cols-2",children:t.checks.map(s=>e.jsxs("li",{className:"flex gap-2 text-xs font-light text-neutral-800",children:[e.jsx("span",{"aria-hidden":!0,style:{...x,color:w},children:"â"}),e.jsx("span",{children:s})]},s))})]}),e.jsxs("div",{className:"px-3 py-3",children:[e.jsx("p",{className:"text-xs font-light text-neutral-800",children:t.output}),e.jsx("p",{className:"mt-2 text-[10px] uppercase tracking-widest text-neutral-500",style:x,children:t.result}),e.jsxs("p",{className:"mt-2 text-[10px] uppercase tracking-widest text-neutral-400",style:x,children:["runs

1in ",t.works]})]})]},t.id))]})})}),_={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},Ze="#EAFF81",et="#D6EE64",Q="#3F4A12",N="#A1A1AA",ze=["â","â","â","â","â","â","â"," "," ","â","â"," "],De=new Map;function At(t,a){const s=`${t}:${a}`,i=De.get(s);if(i!==void 0)return i;let o=t;const n=()=>(o=(o*9301+49297)%233280,o/233280);let r="";for(let l=0;l<a;l++)r+=ze[Math.floor(n()*ze.length)];return De.set(s,r),r}const $t={backgroundImage:"linear-gradient(to right, #EFEFF1 1px, transparent 1px), linear-gradient(to bottom, #EFEFF1 1px, transparent 1px), linear-gradient(to right, #E4E4E7 1px, transparent 1px), linear-gradient(to bottom, #E4E4E7 1px, transparent 1px)",backgroundSize:"24px 24px, 24px 24px, 96px 96px, 96px 96px"},Et=({seed:t,rows:a=2,len:s=30})=>e.jsx("div",{"aria-hidden":!0,className:"mt-2 select-none overflow-hidden text-[11px] leading-[11px] tracking-[-0.5px] text-neutral-300",style:_,children:Array.from({length:a},(i,o)=>e.jsx("div",{className:"truncate",children:At(t+o*7,s)},o))}),fe=({w:t,h:a,children:s})=>e.jsx("div",{className:"overflow-x-auto border-y border-zinc-200 bg-white",style:$t,children:e.jsx("div",{className:"relative mx-auto",style:{width:t,height:a},children:s})}),we=({id:t})=>e.jsxs("defs",{children:[e.jsx("marker",{id:`${t}-arrow`,viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:N})}),e.jsx("marker",{id:`${t}-dot`,viewBox:"0 0 6 6",refX:"3",refY:"3",markerWidth:"6",markerHeight:"6",children:e.jsx("circle",{cx:"3",cy:"3",r:"2.5",fill:"#fff",stroke:N,strokeWidth:"1"})})]}),ke=({w:t,h:a,children:s})=>e.jsx("svg",{"aria-hidden":!0,className:"absolute inset-0",width:t,height:a,viewBox:`0 0 ${t} ${a}`,fill:"none",children:s}),D=({x:t,y:a,w:s,kind:i="white",label:o,title:n,lines:r,seed:l})=>{const d=i==="lime",h=i==="ghost";return e.jsxs("div",{className:"absolute rounded-[4px] border px-3 py-2.5",style:{left:t,top:a,width:s,background:d?Ze:"#fff",borderColor:d?et:"#D4D4D8",borderStyle:h?"dashed":"solid"},children:[e.jsx("p",{className:"text-[9px] uppercase tracking-widest",style:{..._,color:d?Q:"#A1A1AA"},children:o}),e.jsx("p",{className:"mt-1 text-[13px] font-medium leading-snug",style:{color:d?Q:"#171717"},children:n}),r?.length?e.jsx("ul",{className:"mt-1.5 space-y-0.5",children:r.map(c=>e.jsx("li",{className:"text-[11px] leading-snug",style:{..._,color:d?Q:"#52525B"},children:c},c))}):null,l!==void 0&&!d?e.jsx(Et,{seed:l}):null]})},Ne=({x:t,y:a,children:s})=>e.jsx("span",{className:"absolute -translate-y-1/2 bg-white px-1.5 text-[9px] uppercase tracking-widest text-neutral-400",style:{..._,left:t,top:a},children:s}),Re=[{y:56,trigger:{label:"trigger",title:"Pull request opens",lines:["preview deploy ready"],seed:11},job:{title:"Exploratory agent",lines:["reads the diff","explores the touched flows","files bugs with video + network"]},out:{label:"lands in",title:"PR comment",lines:["GitHub checks","3â8 min"],seed:21}},{y:216,trigger:{label:"trigger",title:"Deploy to staging",lines:["release candidate"],seed:43},job:{title:"Test plan execution",lines:["signup, checkout, your journeys","desktop, mobile web, native","step-level video and console"]},out:{label:"lands in",title:"Run report",lines:["Slack Â· Jira Â· Linear","10â25 min"],seed:57}},{y:376,trigger:{label:"trigger",title:"Live deploy",lines:["production traffic"],seed:79},job:{title:"Smoke checks",lines:["login, payment, core paths","repeats hourly on schedule"]},out:{label:"lands in",title:"Alert or green",lines:["on-call channel","status dashboard"],seed:93}}],Ft=()=>{const s={t:24,j:300,o:700},i={t:220,j:340,o:216};return e.jsxs(fe,{w:940,h:620,children:[e.jsxs(ke,{w:940,h:620,children:[e.jsx(we,{id:"l"}),Re.map((o,n)=>{const r=o.y+46;return e.jsxs("g",{children:[e.jsx("path",{d:`M${s.t+i.t} ${r} H${s.j-6}`,stroke:N,strokeWidth:"1",markerEnd:"url(#l-arrow)",markerStart:"url(#l-dot)"}),e.jsx("path",{d:`M${s.j+i.j} ${r} H${s.o-6}`,stroke:N,strokeWidth:"1",markerEnd:"url(#l-arrow)"})]},n)}),e.jsx("path",{d:`M${s.t+110} 570 V592 H${s.j+i.j/2} V502`,stroke:N,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#l-arrow)"}),e.jsx("path",{d:`M${s.o+i.o/2} 40 V24 H${s.t+i.t/2} V50`,stroke:N,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#l-arrow)"})]}),Re.map((o,n)=>e.jsxs("div",{children:[e.jsx(D,{x:s.t,y:o.y,w:i.t,label:o.trigger.label,title:o.trigger.title,lines:o.trigger.lines,seed:o.trigger.seed}),e.jsx(D,{x:s.j,y:o.y,w:i.j,kind:"lime",label:"qa.tech runs",title:o.job.title,lines:o.job.lines}),e.jsx(D,{x:s.o,y:o.y,w:i.o,label:o.out.label,title:o.out.title,lines:o.out.lines,seed:o.out.seed})]},n)),e.jsx(D,{x:s.t,y:490,w:220,kind:"ghost",label:"trigger",title:"Schedule",lines:["hourly, or your cadence"]}),e.jsx(Ne,{x:s.t+i.t/2-20,y:24,children:"findings"})]})},Y=[{x:24,label:"you",title:"Code"},{x:210,label:"git",title:"PR"},{x:396,label:"git",title:"Merge"},{x:582,label:"env",title:"Staging"},{x:768,label:"env",title:"Production"}],Ye=[{from:1,title:"Exploratory agent",lines:["explores what the diff touched","files bugs on the PR"]},{from:2,title:"Test maintenance",lines:["repairs moved selectors","retires cases you outgrew"]},{from:3,title:"Test plans",lines:["your journeys, in parallel","report to Slack and Jira"]},{from:4,title:"Smoke checks",lines:["critical paths, hourly","alerts the on-call channel"]}],St=()=>e.jsxs(fe,{w:940,h:420,children:[e.jsxs(ke,{w:940,h:420,children:[e.jsx(we,{id:"m"}),Y.slice(0,-1).map((r,l)=>e.jsx("path",{d:`M${r.x+148} 96 H${Y[l+1].x-6}`,stroke:N,strokeWidth:"1",markerEnd:"url(#m-arrow)"},l)),Ye.map((r,l)=>{const h=Y[r.from].x+148/2,c=30+l*228;return e.jsxs("g",{children:[e.jsx("path",{d:`M${h} 140 V176 Q${h} 194 ${c+200/2>

1h?h+18:h-18} 194 H${c+200/2}`,stroke:N,strokeWidth:"1",fill:"none"}),e.jsx("path",{d:`M${c+200/2} 194 V204`,stroke:N,strokeWidth:"1",markerEnd:"url(#m-arrow)"}),e.jsx("path",{d:`M${c+200} 256 H${c+200+14} V118`,stroke:N,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#m-arrow)"})]},l)}),e.jsx("path",{d:`M${Y[4].x+148/2} 62 V32 H${Y[0].x+148/2} V56`,stroke:N,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#m-arrow)"})]}),Y.map(r=>e.jsx(D,{x:r.x,y:66,w:148,label:r.label,title:r.title},r.title)),Ye.map((r,l)=>e.jsx(D,{x:30+l*228,y:210,w:200,kind:"lime",label:"qa.tech",title:r.title,lines:r.lines},r.title)),e.jsx(Ne,{x:Y[0].x+148/2+30,y:32,children:"fixes ship next"})]}),Be=[{y:30,title:"Pull request",lines:["diff + preview"],seed:13},{y:152,title:"Merge to main",lines:["main build"],seed:29},{y:274,title:"Staging deploy",lines:["release candidate"],seed:53},{y:396,title:"Schedule",lines:["hourly on production"],seed:71}],Le=[{y:26,title:"PR evaluation",lines:["pass, fail, root cause"],seed:17},{y:146,title:"Bug reports",lines:["steps, video, network"],seed:37},{y:266,title:"Team alerts",lines:["Slack Â· Teams Â· email"],seed:59},{y:386,title:"Tickets",lines:["Jira Â· Linear"],seed:83}],Mt=()=>e.jsxs(fe,{w:940,h:570,children:[e.jsxs(ke,{w:940,h:570,children:[e.jsx(we,{id:"n"}),Be.map((c,f)=>{const T=c.y+38;return e.jsx("path",{d:`M224 ${T} H290 Q308 ${T} 308 ${T>255?T-18:T+18} V255 H324`,stroke:N,strokeWidth:"1",markerEnd:"url(#n-arrow)",markerStart:"url(#n-dot)",strokeDasharray:f===3?"3 4":void 0},f)}),Le.map((c,f)=>{const T=c.y+32;return e.jsx("path",{d:`M610 255 H672 Q690 255 690 ${T>255?273:237} V${T} H710`,stroke:N,strokeWidth:"1",markerEnd:"url(#n-arrow)"},f)}),e.jsx("path",{d:`M${716+200/2} 500 V536 H${24+200/2} V492`,stroke:N,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#n-arrow)"})]}),Be.map(c=>e.jsx(D,{x:24,y:c.y,w:200,label:"trigger",title:c.title,lines:c.lines,seed:c.seed},c.title)),e.jsxs("div",{className:"absolute rounded-[4px] border p-3",style:{left:330,top:160,width:280,background:Ze,borderColor:et},children:[e.jsx("p",{className:"text-[9px] uppercase tracking-widest",style:{..._,color:Q},children:"qa.tech agents"}),e.jsx("p",{className:"mt-1 text-[15px] font-medium",style:{color:Q},children:"Plan Â· explore Â· verify Â· repair"}),e.jsx("ul",{className:"mt-2 space-y-1",children:["picks the journeys the change touches","runs them on real browsers and devices","repairs steps the product moved","separates real regressions from noise"].map(c=>e.jsx("li",{className:"text-[11px] leading-snug",style:{..._,color:Q},children:c},c))})]}),Le.map(c=>e.jsx(D,{x:716,y:c.y,w:200,label:"output",title:c.title,lines:c.lines,seed:c.seed},c.title)),e.jsx(Ne,{x:24+200/2+24,y:536,children:"regressions rejoin"})]}),j={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},z="#EAFF81",ve="#D6EE64",I="#3F4A12",Pe=["â","â","â","â","â","â","â"," "," ","â","â"," "],qe=new Map;function Wt(t,a){const s=`${t}:${a}`,i=qe.get(s);if(i!==void 0)return i;let o=t;const n=()=>(o=(o*9301+49297)%233280,o/233280);let r="";for(let l=0;l<a;l++)r+=Pe[Math.floor(n()*Pe.length)];return qe.set(s,r),r}const Ct={backgroundImage:"linear-gradient(to right, #EFEFF1 1px, transparent 1px), linear-gradient(to bottom, #EFEFF1 1px, transparent 1px), linear-gradient(to right, #E4E4E7 1px, transparent 1px), linear-gradient(to bottom, #E4E4E7 1px, transparent 1px)",backgroundSize:"24px 24px, 24px 24px, 96px 96px, 96px 96px"},Tt={backgroundColor:"#0B0B0C",backgroundImage:"linear-gradient(to right, #1B1B1E 1px, transparent 1px), linear-gradient(to bottom, #1B1B1E 1px, transparent 1px)",backgroundSize:"24px 24px, 24px 24px"},Ae=({w:t,h:a,dark:s=!1,children:i})=>e.jsx("div",{className:"overflow-x-auto border-y",style:{...s?Tt:Ct,borderColor:s?"#26262A":"#E4E4E7"},children:e.jsx("div",{className:"relative mx-auto",style:{width:t,height:a},children:i})}),$e=({w:t,h:a,children:s})=>e.jsx("svg",{"aria-hidden":!0,className:"absolute inset-0",width:t,height:a,viewBox:`0 0 ${t} ${a}`,fill:"none",children:s}),Ee=({id:t,color:a})=>e.jsx("defs",{children:e.jsx("marker",{id:t,viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:a})})}),B=[{x:24,id:"e0",title:"commit",meta:"a91c4f2"},{x:208,id:"e1",title:"pull_request",meta:"opened"},{x:392,id:"e2",title:"merge",meta:"main"},{x:576,id:"e3",title:"deploy",meta:"staging"},{x:760,id:"e4",title:"deploy",meta:"production"}],Qe=[{from:1,id:"qa.explore",title:"Exploratory agent",lines:["reads diff + PR body","walks the touched flows","â evaluation on the PR"],dur:"3â8 min"},{from:2,id:"qa.maintain",title:"Test maintenance",lines:["reruns the suite on main","repairs moved selectors","â change review queue"],dur:"per merge"},{from:3,id:"qa.plans",title:"Test plans",lines:["parallel on real browsers","desktop, mobile, native","â Slack Â· Jira Â· Linear"],dur:"10â25 min"},{from:4,id:"qa.smoke",title:"Smoke checks",lines:["login, payment, core paths","repeats on a schedule","â on-call alert"],dur:"hourly"}],Ht=()=>{const r="#3F3F46";return e.jsxs(Ae,{w:940,h:440,dark:!0,children:[e.jsxs($e,{w:940,h:440,children:[e.jsx(Ee,{id:"o-arrow",color:r}),B.slice(0,-1).map((l,d)=>e.jsx("path",{d:`M${l.x+152} 104 H${B[d+1].x-6}`,stroke:r,strokeWidth:"1",markerEnd:"url(#o-arrow)"},l.id)),Qe.map((l,d)=>{const h=B[l.from].x+22,c=24+d*230,f=196;return e.jsxs("g",{children:[e.jsx("circle",{cx:h,cy:138,r:"2.5",fill:z}),e.jsx("path",{d:`M${h} 138 V${f-14} Q${h} ${f} ${h+16} ${f} H${c+30}`,stroke:z,strokeWidth:"1",opacity:"0.65"}),e.jsx("path",{d:`M${c+30} ${f} V210`,stroke:z,strokeWidth:"1",opacity:"0.65"}),e.jsx("circle",{cx:c+30,cy:212,r:"2",fill:z})]},l.id)}),e.jsx("path",{d:`M${B[4].x+152/2} 72 V44 H${B[0].x+152/2} V66`,stroke:r,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#o-arrow)"})]}),B.map(l=>e.jsxs("div",{className:"absolute rounded-[4px] border px-3 py-2",style:{left:l.x,top:74,width:152,borderColor:"#2A2A2E",background:"#131316"},children:[e.jsx("p",{className:"text-[9px] tracking-widest text-neutral-500",style:j,children:l.id}),e.jsx("p",{className:"mt-0.5 text-[13px] text-neutral-100",style:j,children:l.title}),e.jsx("p",{className:"text-[10px] text-neutral-500",style:j,children:l.meta})]},l.id)),Qe.map((l,d)=>e.jsxs("div",{className:"absolute rounded-[4px] border px-3 py-2.5",style:{left:24+d*230,top:216,width:206,borderColor:ve,background:"#161A0C"},children:[e.jsxs("div",{className:"flex items-baseline justify-between",children:[e.jsx("p",{className:"text-[9px] tracking-widest",style:{...j,color:z},children:l.id}),e.jsx("p",{className:"text-[9px] text-neutral-500",style:j,children:l.dur})]}),e.jsx("p",{className:"mt-1 text-[13px] font-medium",style:{...j,color:z},children:l.title}),e.jsx("ul",{className:"mt-1.5 space-y-0.5",children:l.lines.map(h=>e.jsx("li",{className:"text-[11px] leading-snug text-neutral-400",style:j,children:h},h))})]},l.id)),e.jsx("p",{className:"absolute text-[9px] uppercase tracking-widest text-neutral-600",

1style:{...j,left:B[0].x+152/2+26,top:38},children:"fixes ship on the next commit"}),e.jsx("p",{className:"absolute text-[10px] tracking-widest text-neutral-600",style:{...j,left:24,top:386},children:"pipeline.yml Â· qa.tech attaches 4 jobs Â· no test scripts to maintain"})]})},J=[{x:24,pin:"01",title:"Code",port:"out: branch"},{x:208,pin:"02",title:"PR",port:"out: diff, preview url"},{x:392,pin:"03",title:"Merge",port:"out: main build"},{x:576,pin:"04",title:"Staging",port:"out: release candidate"},{x:760,pin:"05",title:"Production",port:"out: live traffic"}],Ie=[{from:1,pin:"A",title:"Exploratory agent",inp:"diff, preview url",out:"evaluation comment",seed:12},{from:2,pin:"B",title:"Test maintenance",inp:"main build, suite",out:"repaired test cases",seed:44},{from:3,pin:"C",title:"Test plans",inp:"release candidate",out:"run report, root cause",seed:88},{from:4,pin:"D",title:"Smoke checks",inp:"live url, schedule",out:"pass, or on-call alert",seed:131}],zt=()=>{const l="#A1A1AA";return e.jsxs(Ae,{w:940,h:460,children:[e.jsxs($e,{w:940,h:460,children:[e.jsx(Ee,{id:"p-arrow",color:l}),e.jsx("path",{d:"M24 52 H916",stroke:"#D4D4D8",strokeWidth:"1"}),Array.from({length:24},(d,h)=>e.jsx("path",{d:`M${24+h*38.8} 52 V${h%4===0?44:48}`,stroke:"#D4D4D8",strokeWidth:"1"},h)),J.slice(0,-1).map((d,h)=>e.jsx("path",{d:`M${d.x+152} 120 H${J[h+1].x-6}`,stroke:l,strokeWidth:"1",markerEnd:"url(#p-arrow)"},d.pin)),e.jsx("path",{d:"M24 200 H916",stroke:"#D4D4D8",strokeWidth:"1",strokeDasharray:"2 3"}),Ie.map((d,h)=>{const c=J[d.from].x+24,f=24+h*230+30;return e.jsxs("g",{children:[e.jsx("path",{d:`M${c} 152 V200`,stroke:l,strokeWidth:"1"}),e.jsx("circle",{cx:c,cy:200,r:"2.5",fill:"#fff",stroke:l,strokeWidth:"1"}),e.jsx("path",{d:`M${c} 200 H${f}`,stroke:l,strokeWidth:"1"}),e.jsx("path",{d:`M${f} 200 V242`,stroke:l,strokeWidth:"1",markerEnd:"url(#p-arrow)"}),e.jsx("path",{d:`M${f+206-60} 340 V360 H${J[d.from].x+152-24} V152`,stroke:l,strokeWidth:"1",strokeDasharray:"3 4",markerEnd:"url(#p-arrow)"})]},d.pin)})]}),J.map(d=>e.jsxs("div",{className:"absolute rounded-[4px] border border-zinc-300 bg-white px-3 py-2",style:{left:d.x,top:92,width:152},children:[e.jsxs("div",{className:"flex items-baseline justify-between",children:[e.jsx("p",{className:"text-[9px] tracking-widest text-neutral-400",style:j,children:d.pin}),e.jsx("span",{className:"h-1.5 w-1.5 rounded-full border border-zinc-300"})]}),e.jsx("p",{className:"mt-0.5 text-[13px] font-medium text-neutral-900",children:d.title}),e.jsx("p",{className:"text-[10px] text-neutral-500",style:j,children:d.port})]},d.pin)),Ie.map((d,h)=>e.jsxs("div",{className:"absolute rounded-[4px] border px-3 py-2.5",style:{left:24+h*230,top:248,width:206,background:z,borderColor:ve},children:[e.jsx("div",{className:"flex items-baseline justify-between",children:e.jsxs("p",{className:"text-[9px] tracking-widest",style:{...j,color:I},children:["qa.tech Â· ",d.pin]})}),e.jsx("p",{className:"mt-1 text-[13px] font-medium",style:{color:I},children:d.title}),e.jsxs("dl",{className:"mt-1.5 space-y-0.5 text-[11px] leading-snug",style:{...j,color:I},children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("dt",{className:"opacity-60",children:"in"}),e.jsx("dd",{children:d.inp})]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("dt",{className:"opacity-60",children:"out"}),e.jsx("dd",{children:d.out})]})]})]},d.pin)),e.jsx("p",{className:"absolute text-[9px] uppercase tracking-widest text-neutral-400",style:{...j,left:24,top:178},children:"qa.tech bus"}),e.jsx("p",{className:"absolute text-[9px] uppercase tracking-widest text-neutral-400",style:{...j,left:24,top:26},children:"rev 04 Â· delivery path with verification taps"})]})},Ve=[{x:24,t:"t0",title:"PR opened"},{x:262,t:"t1",title:"Merged"},{x:500,t:"t2",title:"Staging deploy"},{x:738,t:"t3",title:"Live"}],U=[{x:24,w:300,row:0,title:"qa.explore",detail:"walks the flows the diff touched",out:"evaluation on the PR",dur:"3â8 min",seed:15},{x:262,w:250,row:1,title:"qa.maintain",detail:"repairs steps the product moved",out:"change review queue",dur:"per merge",seed:41}

1,{x:500,w:330,row:2,title:"qa.plans",detail:"your journeys, parallel, real browsers",out:"report to Slack and Jira",dur:"10â25 min",seed:73},{x:738,w:178,row:3,title:"qa.smoke",detail:"critical paths, on a schedule",out:"on-call alert",dur:"hourly",seed:119}],Dt=()=>{const i=n=>140+n*88,o="#A1A1AA";return e.jsxs(Ae,{w:940,h:510,children:[e.jsxs($e,{w:940,h:510,children:[e.jsx(Ee,{id:"q-arrow",color:o}),e.jsx("path",{d:"M24 92 H916",stroke:"#71717A",strokeWidth:"1",markerEnd:"url(#q-arrow)"}),Ve.map(n=>e.jsxs("g",{children:[e.jsx("path",{d:`M${n.x} 84 V100`,stroke:"#71717A",strokeWidth:"1"}),e.jsx("path",{d:`M${n.x} 100 V${i(U.findIndex(r=>r.x===n.x))-4}`,stroke:o,strokeWidth:"1",strokeDasharray:"3 4"})]},n.t)),U.slice(0,-1).map((n,r)=>e.jsx("path",{d:`M${n.x+n.w} ${i(n.row)+26} H${n.x+n.w+18} V${i(n.row+1)+26} H${U[r+1].x+U[r+1].w+8}`,stroke:o,strokeWidth:"1",opacity:"0"},n.title))]}),Ve.map(n=>e.jsxs("div",{className:"absolute",style:{left:n.x+8,top:48},children:[e.jsx("p",{className:"text-[9px] tracking-widest text-neutral-400",style:j,children:n.t}),e.jsx("p",{className:"text-[13px] font-medium text-neutral-900",children:n.title})]},n.t)),U.map(n=>e.jsxs("div",{children:[e.jsxs("div",{className:"absolute rounded-[4px] border px-3 py-2",style:{left:n.x,top:i(n.row),width:n.w,background:z,borderColor:ve},children:[e.jsxs("div",{className:"flex items-baseline justify-between",children:[e.jsx("p",{className:"text-[10px] tracking-widest",style:{...j,color:I},children:n.title}),e.jsx("p",{className:"text-[10px]",style:{...j,color:I},children:n.dur})]}),e.jsx("p",{className:"mt-1 text-[12px] leading-snug",style:{...j,color:I},children:n.detail})]}),e.jsx("div",{className:"absolute rounded-[4px] border border-zinc-200 bg-white px-2 py-1",style:{left:n.x+n.w+12,top:i(n.row)+12},children:e.jsxs("p",{className:"text-[10px] text-neutral-500",style:j,children:["â ",n.out]})}),e.jsx("p",{"aria-hidden":!0,className:"absolute select-none overflow-hidden text-[11px] leading-[11px] tracking-[-0.5px] text-neutral-300",style:{...j,left:n.x,top:i(n.row)+70,width:n.w},children:Wt(n.seed,Math.floor(n.w/6))})]},n.title)),e.jsx("p",{className:"absolute text-[9px] uppercase tracking-widest text-neutral-400",style:{...j,left:24,top:20},children:"one release, traced Â· qa.tech spans in lime"}),e.jsx("p",{className:"absolute text-[10px] tracking-widest text-neutral-500",style:{...j,left:24,top:470},children:"each span starts itself from a pipeline event â nothing to schedule by hand"})]})},u={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},M="#EAFF81",V="#D6EE64",P="#3F4A12",Oe=["â","â","â","â","â","â"," "," ","â","â"," "],Ge=new Map;function X(t,a){const s=`${t}:${a}`,i=Ge.get(s);if(i!==void 0)return i;let o=t;const n=()=>(o=(o*9301+49297)%233280,o/233280);let r="";for(let l=0;l<a;l++)r+=Oe[Math.floor(n()*Oe.length)];return Ge.set(s,r),r}const v=[{n:"01",stage:"Pull request",env:"preview",trigger:"pr opened or pushed",out:"diff, preview url",job:"Exploratory agent",jobId:"qa.explore",reads:"diff + PR description",checks:["walks the flows you touched","hunts states no test covers","files what it breaks"],lands:"comment on the PR",cadence:"3â8 min",seed:11},{n:"02",stage:"Merge to main",env:"main",trigger:"merge commit",out:"main build",job:"Test maintenance",jobId:"qa.maintain",reads:"existing suite",checks:["reruns every saved case","repairs moved selectors","flags real breaks only"],lands:"change review queue",cadence:"per merge",seed:23},{n:"03",stage:"Staging",env:"staging",trigger:"release candidate",out:"signed-off build",job:"Test plans",jobId:"qa.plans",reads:"release candidate",checks:["full plans in parallel","desktop, mobile, native","root cause on each fail"],lands:"Slack Â· Jira Â· Linear",cadence:"10â25 min",seed:37},{n:"04",stage:"Production",env:"live",trigger:"deploy or schedule",out:"live traffic",job:"Smoke checks",jobId:"qa.smoke",reads:"live url + schedule",checks:["login, checkout, core paths","runs on a cadence","pages on-call when down"],lands:"on-call alert",cadence:"hourly",seed:53}],Rt=()=>e.jsx("div",{className:"px-4 pb-14 sm:px-6",children:e.jsxs("div",{className:"rounded-[4px] border border-[#26262A] bg-[#0B0B0C] p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[#1F1F23] pb-3 text-[11px] uppercase tracking-widest text-neutral-500",style:u,children:[e.jsx("span",{children:"run Â· delivery path"}),e.jsx("span",{children:"4 verification jobs attached"})]}),e.jsx("div",{className:"mt-6 overflow-x-auto",children:e.jsxs("div",{className:"grid min-w-[860px] grid-cols-4 gap-4",children:[v.map(t=>e.jsxs("div",{className:"flex h-full flex-col rounded-[3px] border border-[#26262A] bg-[#131316] p-4",children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-neutral-500",style:u,children:[e.jsx("span",{children:t.n}),e.jsx("span",{children:t.env})]}),e.jsx("p",{className:"mt-3 text-[15px] font-normal text-neutral-100",children:t.stage}),e.jsx("p",{className:"mt-1 text-[12px] text-neutral-500",style:u,children:t.trigger}),e.jsx("p",{className:"mt-3 select-none overflow-hidden whitespace-nowrap text-[10px] leading-[10px] text-[#3A3A40]",style:u,"aria-hidden":!0,

1children:X(t.seed,60)}),e.jsxs("p",{className:"mt-auto pt-3 text-[12px] text-neutral-400",style:u,children:["out ",t.out]})]},`s-${t.n}`)),v.map(t=>e.jsx("div",{className:"flex h-8 items-stretch justify-center",children:e.jsxs("svg",{width:"10",height:"32",viewBox:"0 0 10 32","aria-hidden":!0,fill:"none",children:[e.jsx("path",{d:"M5 0 V24",stroke:"#3A3A40",strokeWidth:"1",strokeDasharray:"3 3"}),e.jsx("path",{d:"M1 23 L5 31 L9 23 z",fill:M})]})},`c-${t.n}`)),v.map(t=>e.jsxs("div",{className:"flex h-full flex-col rounded-[3px] p-4",style:{backgroundColor:M},children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px]",style:{...u,color:P},children:[e.jsx("span",{children:t.jobId}),e.jsx("span",{children:t.cadence})]}),e.jsx("p",{className:"mt-3 text-[15px] font-medium text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-3 space-y-1.5 text-[12px] leading-snug",style:{color:"#2C3410"},children:t.checks.map(a=>e.jsxs("li",{style:u,children:["Â· ",a]},a))}),e.jsxs("p",{className:"mt-auto border-t pt-3 text-[12px]",style:{...u,borderColor:V,color:P},children:["â ",t.lands]})]},`j-${t.n}`))]})})]})}),Yt=[.35,.28,.9,.18],Bt=()=>e.jsx("div",{className:"px-4 pb-14 sm:px-6",children:e.jsxs("div",{className:"overflow-hidden rounded-[4px] border border-[#26262A] bg-[#0B0B0C]",children:[e.jsxs("div",{className:"flex items-center gap-3 border-b border-[#1F1F23] px-4 py-3 text-[11px] uppercase tracking-widest text-neutral-500",style:u,children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full",style:{backgroundColor:M}}),"qa.tech Â· attached to your pipeline"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsx("div",{className:"min-w-[820px]",children:v.map((t,a)=>e.jsxs("div",{className:"grid grid-cols-[64px_1fr_1fr_180px] items-stretch border-b border-[#17171A] last:border-b-0",children:[e.jsx("div",{className:"border-r border-[#17171A] px-4 py-5 text-[11px] text-neutral-600",style:u,children:t.n}),e.jsxs("div",{className:"border-r border-[#17171A] px-4 py-5",children:[e.jsx("p",{className:"text-[14px] text-neutral-100",children:t.stage}),e.jsxs("p",{className:"mt-1 text-[12px] text-neutral-500",style:u,children:[t.trigger," â ",t.out]}),e.jsx("p",{className:"mt-3 select-none overflow-hidden whitespace-nowrap text-[10px] leading-[10px] text-[#31313A]",style:u,"aria-hidden":!0,children:X(t.seed+1,48)})]}),e.jsxs("div",{className:"border-r border-[#17171A] px-4 py-5",children:[e.jsx("p",{className:"text-[14px]",style:{color:M},children:t.job}),e.jsxs("ul",{className:"mt-2 space-y-1 text-[12px] text-neutral-400",style:u,children:[t.checks.map(s=>e.jsxs("li",{children:["â ",s]},s)),e.jsxs("li",{className:"text-neutral-500",children:["â â ",t.lands]})]})]}),e.jsxs("div",{className:"px-4 py-5",children:[e.jsx("p",{className:"text-[11px] text-neutral-500",style:u,children:t.cadence}),e.jsx("div",{className:"mt-2 h-1.5 w-full bg-[#1B1B1F]",children:e.jsx("div",{className:"h-1.5",style:{width:`${Yt[a]*100}%`,backgroundColor:M}})}),e.jsxs("p",{className:"mt-2 text-[11px] text-neutral-600",style:u,children:["reads ",t.reads]})]})]},t.n))})})]})}),Lt=()=>e.jsx("div",{className:"bg-white px-4 py-14 sm:px-6",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("div",{className:"grid min-w-[880px] grid-cols-4 gap-6",children:[v.map(t=>e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-widest text-neutral-400",style:u,children:[t.n," Â· ",t.env]}),e.jsx("p",{className:"mt-3 text-[19px] font-light tracking-tight text-neutral-900",children:t.stage}),e.jsx("p",{className:"mt-2 text-[13px] font-light text-neutral-500",children:t.trigger}),e.jsx("p",{className:"mt-4 select-none overflow-hidden whitespace-nowrap text-[10px] leading-[10px] text-neutral-300",style:u,"aria-hidden":!0,children:X(t.seed+2,52)}),e.jsxs("p",{className:"mt-auto pt-4 text-[12px] text-neutral-500",style:u,children:["out ",t.out]}),e.jsx("div",{className:"mt-4 h-px w-full bg-neutral-200"})]},`s-${t.n}`)),v.map(t=>e.jsx("div",{className:"flex justify-start",children:e.jsxs("svg",{width:"12",height:"34",viewBox:"0 0 12 34","aria-hidden":!0,fill:"none",children:[e.jsx("path",{d:"M6 0 V26",stroke:"#D4D4D8",strokeWidth:"1"}),e.jsx("path",{d:"M2 25 L6 33 L10 25 z",fill:"#A1A1AA"})]})},`c-${t.n}`)),v.map(t=>e.jsxs("div",{className:"flex h-full flex-col rounded-xl bg-white p-5 ring-1 ring-neutral-200",style:{boxShadow:"0 1px 2px rgba(16,16,20,0.04), 0 8px 24px rgba(16,16,20,0.05)"},children:[e.jsx("span",{className:"inline-flex w-fit items-center rounded-full px-2.5 py-1 text-[10px] uppercase tracking-widest",style:{backgroundColor:M,color:P,...u},children:"qa.tech"}),e.jsx("p",{className:"mt-4 text-[17px] font-normal tracking-tight text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-3 space-y-2 text-[13px] font-light leading-snug text-neutral-600",children:t.checks.map(a=>e.jsxs("li",{className:"flex gap-2",children:[e.jsx("span",{className:"mt-[7px] h-1 w-1 shrink-0 rounded-full",style:{backgroundColor:V}}),a]},a))}),e.jsxs("p",{className:"mt-auto border-t border-neutral-200 pt-4 text-[12px] text-neutral-500",style:u,children:["â ",t.lands," Â· ",t.cadence]})]},`j-${t.n}`))]})})}),Pt=()=>e.jsx("div",{className:"bg-white px-4 py-16 sm:px-6",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("div",{className:"min-w-[900px]",children:[e.jsxs("div",{className:"relative grid grid-cols-4 gap-

15",children:[e.jsx("div",{className:"pointer-events-none absolute left-0 right-0 top-[46px] h-px bg-neutral-200"}),v.map((t,a)=>e.jsxs("div",{className:"relative flex h-full flex-col rounded-[4px] border border-neutral-200 bg-[#FAFAFA] px-5 pb-5 pt-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-widest text-neutral-400",style:u,children:["step ",t.n]}),e.jsx("span",{className:"h-2 w-2 rounded-full border border-neutral-300 bg-white"})]}),e.jsx("p",{className:"mt-4 text-[18px] font-light tracking-tight text-neutral-900",children:t.stage}),e.jsx("p",{className:"mt-3 select-none overflow-hidden whitespace-nowrap text-[10px] leading-[10px] text-neutral-300",style:u,"aria-hidden":!0,children:X(t.seed+3,46)}),e.jsxs("p",{className:"mt-auto pt-4 text-[12px] text-neutral-500",style:u,children:[t.trigger," â ",t.out]}),a<v.length-1&&e.jsxs("svg",{className:"absolute -right-[26px] top-[38px]",width:"18",height:"16",viewBox:"0 0 18 16","aria-hidden":!0,fill:"none",children:[e.jsx("path",{d:"M0 8 H12",stroke:"#D4D4D8",strokeWidth:"1"}),e.jsx("path",{d:"M11 4 L17 8 L11 12 z",fill:"#A1A1AA"})]})]},t.n))]}

1),e.jsx("div",{className:"grid grid-cols-4 gap-5",children:v.map(t=>e.jsx("div",{className:"flex justify-center",children:e.jsxs("svg",{width:"10",height:"36",viewBox:"0 0 10 36","aria-hidden":!0,fill:"none",children:[e.jsx("path",{d:"M5 0 V28",stroke:"#D4D4D8",strokeWidth:"1",strokeDasharray:"2 4"}),e.jsx("circle",{cx:"5",cy:"30",r:"4",fill:M,stroke:V})]})},t.n))}),e.jsx("div",{className:"grid grid-cols-4 gap-5",children:v.map(t=>e.jsxs("div",{className:"flex h-full flex-col rounded-[4px] border px-5 py-5",style:{backgroundColor:M,borderColor:V},children:[e.jsx("p",{className:"text-[11px] uppercase tracking-widest",style:{...u,color:P},children:"qa.tech runs"}),e.jsx("p",{className:"mt-3 text-[18px] font-normal tracking-tight text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-3 space-y-1.5 text-[13px] leading-snug",style:{color:"#2C3410"},children:t.checks.map(a=>e.jsx("li",{children:a},a))}),e.jsxs("p",{className:"mt-auto border-t pt-4 text-[12px]",style:{...u,borderColor:V,color:P},children:[t.cadence," Â· â ",t.lands]})]},t.n))})]})})}),b=24,K=b*6,tt=b*8,ge=b*3,H=b*9,me=H*4+b*3*3+b*2,ue=b*2+K+ge+tt+b*2,qt=()=>e.jsx("div",{className:"overflow-x-auto border-y",style:{borderColor:"#E4E4E7",backgroundColor:"#FCFCFD",backgroundImage:"linear-gradient(to right, #EDEDF0 1px, transparent 1px), linear-gradient(to bottom, #EDEDF0 1px, transparent 1px)",backgroundSize:`${b}px ${b}px, ${b}px ${b}px`,backgroundPosition:"0 0"},children:e.jsxs("div",{className:"relative mx-auto",style:{width:me,height:ue},children:[e.jsxs("svg",{"aria-hidden":!0,className:"absolute inset-0",width:me,height:ue,viewBox:`0 0 ${me} ${ue}`,fill:"none",children:[e.jsx("defs",{children:e.jsx("marker",{id:"v-arw",viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:"#71717A"})})}),v.map((t,a)=>{const s=b+a*(H+b*3)+H/2,i=b*2+K;return e.jsxs("g",{children:[e.jsx("path",{d:`M${s} ${i} V${i+ge-8}`,stroke:"#71717A",strokeWidth:"1",markerEnd:"url(#v-arw)"}),a<v.length-1&&e.jsx("path",{d:`M${s+H/2} ${b*2+K/2} H${s+H/2+b*3-8}`,stroke:"#71717A",strokeWidth:"1",markerEnd:"url(#v-arw)"})]},a)})]}),v.map((t,a)=>{const s=b+a*(H+b*3);return e.jsxs("div",{children:[e.jsxs("div",{className:"absolute flex flex-col border bg-white px-3 py-2",style:{left:s,top:b*2,width:H,height:K,borderColor:"#D4D4D8",borderRadius:2},children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-widest text-neutral-400",style:u,children:[t.n," Â· ",t.env]}),e.jsx("p",{className:"mt-2 text-[16px] font-light tracking-tight text-neutral-900",children:t.stage}),e.jsxs("p",{className:"mt-2 select-none overflow-hidden whitespace-nowrap text-[10px] leading-[12px] text-neutral-300",style:u,"aria-hidden":!0,children:[X(t.seed+4,40),e.jsx("br",{}),X(t.seed+9,40)]}),e.jsxs("p",{className:"mt-auto text-[11px] text-neutral-500",style:u,children:["out ",t.out]})]}),e.jsxs("div",{className:"absolute flex flex-col border px-3 py-2",style:{left:s,top:b*2+K+ge,width:H,height:tt,backgroundColor:M,borderColor:V,borderRadius:2},children:[e.jsx("p",{className:"text-[11px]",style:{...u,color:P},children:t.jobId}),e.jsx("p",{className:"mt-2 text-[16px] font-normal tracking-tight text-neutral-900",children:t.job}),e.jsx("ul",{className:"mt-2 space-y-1 text-[11px] leading-[16px]",style:{...u,color:"#2C3410"},children:t.checks.map(i=>e.jsxs("li",{children:["Â· ",i]},i))}),e.jsxs("p",{className:"mt-auto text-[11px]",style:{...u,color:P},children:["â ",t.lands]})]})]},t.n)})]})}),g='"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace',A="#EAFF81",Z="#D6EE64",he=({w:t,h:a,bg:s,children:i})=>e.jsx("div",{className:"overflow-x-auto",style:{backgroundColor:s},children:e.jsx("svg",{role:"img","aria-label":"Where QA.tech verification attaches to the delivery pipeline",width:t,height:a,viewBox:`0 0 ${t} ${a}`,fill:"none",style:{display:"block",margin:"0 auto"},children:i})}),xe=[{label:"code",meta:"branch"},{label:"pull request",meta:"diff + preview"},{label:"merge",meta:"main build"},{label:"staging",meta:"release candidate"},{label:"production",meta:"live traffic"}

1],ee=[{at:1,name:"exploratory agent",out:"PR comment",dur:"3â8 min"},{at:2,name:"test maintenance",out:"change review",dur:"per merge"},{at:3,name:"test plans",out:"Slack Â· Jira",dur:"10â25 min"},{at:4,name:"smoke checks",out:"on-call alert",dur:"hourly"}],Qt=()=>{const s=r=>70+r*215;return e.jsxs(he,{w:1e3,h:450,bg:"#07070A",children:[e.jsxs("defs",{children:[e.jsxs("filter",{id:"w-glow",x:"-60%",y:"-60%",width:"220%",height:"220%",children:[e.jsx("feGaussianBlur",{stdDeviation:"6",result:"b"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"b"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsx("marker",{id:"w-arw",viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"6",markerHeight:"6",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:A})})]}),e.jsx("path",{d:`M${s(0)} 84 H${s(4)}`,stroke:"#2A2A31",strokeWidth:"2"}),xe.slice(0,4).map((r,l)=>e.jsx("path",{d:`M${s(l)+14} 84 H${s(l+1)-16}`,stroke:"#5A5A66",strokeWidth:"2",markerEnd:"url(#w-arw)"},l)),e.jsx("path",{d:"M40 208 H960",stroke:"#23232B",strokeWidth:"1",strokeDasharray:"2 6"}),e.jsx("text",{x:40,y:196,fill:"#4B4B55",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"QA.TECH RUNTIME BUS"}),ee.map((r,l)=>{const d=s(r.at),h=190+l*205;return e.jsxs("g",{filter:"url(#w-glow)",children:[e.jsx("path",{d:`M${d} 98 C ${d} 178, ${h} 218, ${h} 284`,stroke:A,strokeOpacity:"0.75",strokeWidth:"1.5",markerEnd:"url(#w-arw)"}),e.jsx("circle",{cx:d,cy:208,r:"2.5",fill:A})]},r.name)}),xe.map((r,l)=>e.jsxs("g",{children:[e.jsx("circle",{cx:s(l),cy:84,r:"13",fill:"#0F0F14",stroke:"#4C4C58",strokeWidth:"1.5"}),e.jsx("circle",{cx:s(l),cy:84,r:"3.5",fill:"#8A8A99"}),e.jsx("text",{x:s(l),y:58,fill:"#E7E7EA",fontSize:"13",fontFamily:g,textAnchor:"middle",children:r.label}),e.jsx("text",{x:s(l),y:120,fill:"#5C5C68",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:r.meta}

1)]},r.label)),ee.map((r,l)=>{const d=190+l*205;return e.jsxs("g",{children:[e.jsx("g",{filter:"url(#w-glow)",children:e.jsx("circle",{cx:d,cy:300,r:"9",fill:A})}),e.jsx("circle",{cx:d,cy:300,r:"18",stroke:A,strokeOpacity:"0.35",strokeWidth:"1"}),e.jsx("text",{x:d,y:344,fill:A,fontSize:"12.5",fontFamily:g,textAnchor:"middle",children:r.name}),e.jsxs("text",{x:d,y:362,fill:"#6E6E7A",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:[r.dur," â ",r.out]})]},r.name)}),e.jsx("path",{d:`M${190+3*205} 374 C 700 432, 240 432, ${s(0)} 100`,stroke:"#3A3A44",strokeWidth:"1",strokeDasharray:"4 5"}),e.jsx("text",{x:430,y:444,fill:"#4B4B55",fontSize:"10",fontFamily:g,letterSpacing:"1.5",children:"FINDINGS RETURN TO THE NEXT COMMIT"})]})},It=()=>{const s=n=>80+n*210;return e.jsxs(he,{w:1e3,h:380,bg:"#FFFFFF",children:[e.jsx("path",{d:`M${s(0)} 110 H${s(4)}`,stroke:"#111114",strokeWidth:"7",strokeLinecap:"round"}),e.jsx("path",{d:`M${s(1)-60} 268 H${s(4)+20}`,stroke:Z,strokeWidth:"7",strokeLinecap:"round"}),ee.map(n=>{const r=s(n.at);return e.jsx("path",{d:`M${r} 268 V208 L${r} 208 L${r} 136`,stroke:Z,strokeWidth:"5",strokeLinecap:"round"},n.name)}),xe.map((n,r)=>e.jsxs("g",{children:[e.jsx("circle",{cx:s(r),cy:110,r:"11",fill:"#FFFFFF",stroke:"#111114",strokeWidth:"5"}),e.jsx("text",{x:s(r),y:80,fill:"#111114",fontSize:"14",fontFamily:g,textAnchor:"middle",children:n.label}),e.jsx("text",{x:s(r),y:60,fill:"#9A9AA3",fontSize:"10",fontFamily:g,textAnchor:"middle",letterSpacing:"1.5",children:String(r+1).padStart(2,"0")}),e.jsx("text",{x:s(r),y:178,fill:"#8A8A93",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:n.meta})]},n.label)),ee.map(n=>e.jsxs("g",{children:[e.jsx("circle",{cx:s(n.at),cy:268,r:"11",fill:"#FFFFFF",stroke:Z,strokeWidth:"5"}),e.jsx("text",{x:s(n.at),y:304,fill:"#111114",fontSize:"13.5",fontFamily:g,textAnchor:"middle",children:n.name}),e.jsxs("text",{x:s(n.at),y:322,fill:"#8A8A93",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:[n.dur," â ",n.out]})]},n.name)),e.jsx("text",{x:80,y:40,fill:"#9A9AA3",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"DELIVERY LINE"}),e.jsx("text",{x:80,y:274,fill:"#9A9AA3",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"QA.TECH LINE"})]})},Vt=()=>{const n=ee.map((r,l)=>{const d=(-135+l*90)*(Math.PI/180);return{...r,x:430+210*Math.cos(d),y:310+210*Math.sin(d),a:d}});return e.jsxs(he,{w:860,h:620,bg:"#FAFAFA",children:[e.jsx("defs",{children:e.jsx("marker",{id:"y-arw",viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"6",markerHeight:"6",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:"#111114"})})}),e.jsx("circle",{cx:430,cy:310,r:210,stroke:"#E4E4E7",strokeWidth:"1",strokeDasharray:"3 6"}),e.jsx("circle",{cx:430,cy:310,r:288,stroke:"#EDEDF0",strokeWidth:"1"}),n.map(r=>{const l=(430-r.x)/210,d=(310-r.y)/210,h=r.a+24*(Math.PI/180),c=430+284*Math.cos(h),f=310+284*Math.sin(h);return e.jsxs("g",{children:[e.jsx("path",{d:`M${r.x+l*26} ${r.y+d*26} L${430-l*90} ${310-d*90}`,stroke:"#111114",strokeWidth:"1.25",markerEnd:"url(#y-arw)"}),e.jsx("path",{d:`M${430+84*Math.cos(h)} ${310+84*Math.sin(h)} L${c} ${f}`,stroke:Z,strokeWidth:"2.5"}),e.jsx("circle",{cx:c,cy:f,r:"5",fill:A,stroke:Z}),e.jsx("text",{x:c+(c>430?12:-12),y:f+4,fill:"#4B4B55",fontSize:"10.5",fontFamily:g,textAnchor:c>430?"start":"end",children:r.out})]},r.name)}),e.jsx("circle",{cx:430,cy:310,r:"76",fill:"#111114"}),e.jsx("text",{x:430,y:306,fill:A,fontSize:"15",fontFamily:g,textAnchor:"middle",children:"qa.tech"}),e.jsx("text",{x:430,y:326,fill:"#8A8A93",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:"agent runtime"}),e.jsx("text",{x:430,y:344,fill:"#8A8A93",fontSize:"10.5",fontFamily:g,textAnchor:"middle",children:"knowledge graph"}),n.map(r=>{const l=r.x>430;return e.jsxs("g",{children:[e.jsx("circle",{cx:r.x,cy:r.y,r:"11",fill:"#FFFFFF",stroke:"#111114",strokeWidth:"2.5"}),e.jsx("text",{x:l?r.x+22:r.x-22,y:r.y-2,fill:"#111114",fontSize:"13.5",fontFamily:g,textAnchor:l?"start":"end",children:xe[r.at].label}),e.jsx("text",{x:l?r.x+22:r.x-22,y:r.y+16,fill:"#8A8A93",fontSize:"10.5",fontFamily:g,textAnchor:l?"start":"end",children:r.name})]},`n-${r.name}`)}),e.jsx("text",{x:30,y:34,fill:"#9A9AA3",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"ONE RUNTIME Â· FOUR ATTACH POINTS"})]})},ie=[{trigger:"pr opened",agent:"exploratory agent",dest:"comment on the PR"},{trigger:"merge to main",agent:"test maintenance",dest:"change review queue"},{trigger:"release candidate",agent:"test plans",dest:"Slack Â· Jira Â· Linear"},{trigger:"schedule Â· live url",agent:"smoke checks",dest:"on-call alert"}],Ot=()=>{const s=r=>70+r*100;return e.jsxs(he,{w:1e3,h:440,bg:"#0B0B0C",children:[e.jsxs("defs",{children:[e.jsx("marker",{id:"z-arw",viewBox:"0 0 8 8",refX:"7",refY:"4",markerWidth:"6",markerHeight:"6",orient:"auto",children:e.jsx("path",{d:"M0,0 L8,4 L0,8 z",fill:"#6E6E7A"})}),e.jsxs("radialGradient",{id:"z-halo",children:[e.jsx("stop",{offset:"0%",stopColor:A,stopOpacity:"0.35"}),e.jsx("stop",{offset:"100%",stopColor:A,stopOpacity:"0"})]})]}),ie.map((r,l)=>[l-1,l+1].map(d=>d>=0&&d<ie.length?e.jsx("path",{d:`M224 ${s(l)} C 370 ${s(l)}, 300 ${s(d)}, 464 ${s(d)}`,stroke:"#1E1E23",strokeWidth:"1"},`x-${l}-${d}`):null)),ie.map((r,l)=>e.jsxs("g",{children:[e.jsx("path",{d:`M224 ${s(l)} C 380 ${s(l)}, 310 ${s(l)}, 462 ${s(l)}`,stroke:"#4A4A55",strokeWidth:"1.25",markerEnd:"url(#z-arw)"}),e.jsx("path",{d:`M498 ${s(l)} C 650 ${s(l)}, 660 ${s(l)}, 816 ${s(l)}`,stroke:A,strokeOpacity:"0.5",strokeWidth:"1.25",markerEnd:"url(#z-arw)"})]},r.agent)),ie.map((r,l)=>e.jsxs("g",{children:[e.jsx("circle",{cx:210,cy:s(l),r:"6",fill:"#8A8A99"}),e.jsx("text",{x:194,y:s(l)+4,fill:"#D8D8DE",fontSize:"12.5",fontFamily:g,textAnchor:"end",children:r.trigger}),e.jsx("circle",{cx:480,cy:s(l),r:"34",fill:"url(#z-halo)"}),e.jsx("circle",{cx:480,cy:s(l),r:"10",fill:A}),e.jsx("text",{x:480,y:s(l)-24,fill:A,fontSize:"12.5",fontFamily:g,textAnchor:"middle",children:r.agent}),e.jsx("circle",{cx:830,cy:s(l),r:"6",fill:"none",stroke:"#8A8A99",strokeWidth:"1.5"}),e.jsx("text",{x:846,y:s(l)+4,fill:"#9A9AA3",fontSize:"12",fontFamily:g,children:r.dest})]},`n-${r.agent}`)),e.jsx("text",{x:40,y:416,fill:"#4B4B55",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"SIGNALS"}),e.jsx("text",{x:440,y:416,fill:"#4B4B55",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"QA.TECH AGENTS"}),e.jsx("text",{x:810,y:416,fill:"#4B4B55",fontSize:"10",fontFamily:g,letterSpacing:"2",children:"WHERE IT LANDS"})]})},te='"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace',Gt="#EAFF81",Fe="#C9DE58",st="#C7C7CC",rt="#171717",_e=.78,le=({w:t,h:a,children:s,paper:i="#F2F1EF"})=>e.jsx("div",{className:"px-4 pb-4 sm:px-6",children:e.jsx("div",{style:{height:a*_e,overflow:"hidden"},children:e.jsx("div",{className:"relative rounded-[14px] border border-zinc-200",style:{width:t,height:a,transform:`scale(${_e})`,transformOrigin:"top left",backgroundColor:i,backgroundImage:"radial-gradient(#D8D7D3 1px, transparent 1px)",backgroundSize:"16px 16px"},children:s})})}),ne=({w:t,h:a,children:s})=>e.jsxs("svg",{width:t,height:a,viewBox:`0 0 ${t} ${a}`,className:"pointer-events-none absolute inset-0","aria-hidden":!0,fill:"none",children:[e.jsxs("defs",{children:[e.jsx("marker",{id:"v9arrow",viewBox:"0 0 8 8",refX:"6",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:e.jsx("path",{d:"M0 0 L7 4 L0 8 z",fill:st})}),e.jsx("marker",{id:"v9arrowInk",viewBox:"0 0 8 8",refX:"6",refY:"4",markerWidth:"7",markerHeight:"7",orient:"auto",children:e.jsx("path",{d:"M0 0 L7 4 L0 8 z",fill:rt})})]}),s]}),k=({d:t,arrow:a=!0})=>e.jsx("path",{d:t,stroke:st,strokeWidth:1.25,strokeDasharray:"5 5",markerEnd:a?"url(#v9arrow)":void 0}),R=({d:t,arrow:a=!0})=>e.jsx("path",{d:t,stroke:rt,strokeWidth:1.5,markerEnd:a?"url(#v9arrowInk)":void 0}),q=({box:t,label:a,children:s,tone:i="white"})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute flex items-center rounded-t-[10px] border border-b-0 border-zinc-200 px-3",style:{left:t.x,top:t.y-30,height:30,backgroundColor:i==="white"?"#FFFFFF":"#FBFBFA"},children:e.jsx("span",{className:"text-[11px] tracking-tight text-neutral-600",

1style:{fontFamily:te},children:a})}),e.jsx("div",{className:"absolute rounded-[12px] rounded-tl-none border border-zinc-200",style:{left:t.x,top:t.y,width:t.w,height:t.h,backgroundColor:i==="white"?"#FFFFFF":"#FBFBFA"}}),s]}),_t=({accent:t=!1})=>e.jsx("span",{className:"flex size-7 shrink-0 items-center justify-center rounded-[6px] border",style:{backgroundColor:t?Gt:"#F4F4F5",borderColor:t?Fe:"#E4E4E7"},children:e.jsx("span",{className:"block size-2 rounded-[2px]",style:{backgroundColor:t?"#5C6B14":"#A1A1AA"}})}),W=({box:t,title:a,meta:s,accent:i=!1,chip:o})=>e.jsxs("div",{className:"absolute flex items-center gap-3 rounded-[9px] border bg-white px-3",style:{left:t.x,top:t.y,width:t.w,height:t.h,borderColor:i?Fe:"#E4E4E7",backgroundColor:i?"#FCFFF0":"#FFFFFF"},children:[e.jsx(_t,{accent:i}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsx("span",{className:"block truncate text-[13px] font-medium tracking-tight text-neutral-900",children:a}),s?e.jsx("span",{className:"block truncate text-[11px] text-neutral-500",style:{fontFamily:te},children:s}):null]}),o?e.jsx("span",{className:"shrink-0 rounded-full border px-2 py-0.5 text-[10px] text-neutral-600",style:{borderColor:"#E4E4E7",backgroundColor:"#FAFAFA",fontFamily:te},children:o}):null]}),Se=({box:t,title:a,meta:s})=>e.jsxs("div",{className:"absolute flex flex-col items-center justify-center rounded-[10px] border-2 border-dashed",style:{left:t.x,top:t.y,width:t.w,height:t.h,borderColor:Fe,backgroundColor:"#FBFFEB"},children:[e.jsx("span",{className:"text-[14px] font-medium tracking-tight text-neutral-900",children:a}),e.jsx("span",{className:"mt-1 text-[11px] text-neutral-500",style:{fontFamily:te},children:s})]}),C=({x:t,y:a,text:s,w:i=160})=>e.jsx("span",{className:"absolute text-[10px] uppercase leading-4 tracking-[0.14em] text-neutral-500",style:{left:t,top:a,width:i,fontFamily:te},children:s}),Xt=()=>{const s=[{t:"Pull request",m:"diff + preview"},{t:"Merge",m:"main build"},{t:"Staging",m:"release candidate"},{t:"Production",m:"live traffic"}],i=[{t:"PR verdict",m:"GitHub check"},{t:"Bug report",m:"Jira Â· Linear"},{t:"Run results",m:"Slack"},{t:"Todos",m:"recurring issues"}],o=[96,176,256,336];return e.jsxs(le,{w:1200,h:500,children:[e.jsxs(ne,{w:1200,h:500,children:[o.map(n=>e.jsx(k,{d:`M366 ${n+30} H 452`,arrow:!1},`l${n}`)),e.jsx(k,{d:"M452 126 V 366",arrow:!1}),e.jsx(R,{d:"M452 246 H 610"}),e.jsx(R,{d:"M790 246 H 858"}),e.jsx(k,{d:"M858 126 V 366",arrow:!1}),o.map(n=>e.jsx(k,{d:`M858 ${n+30} H 906`},`r${n}`))]}),e.jsx(q,{box:{x:32,y:66,w:500,h:350},label:"your delivery pipeline"}),s.map((n,r)=>e.jsx(W,{box:{x:62,y:o[r],w:304,h:60},title:n.t,meta:n.m},n.t)),e.jsx(Se,{box:{x:610,y:200,w:180,h:92},title:"QA.tech agents",meta:"test Â· verify Â· maintain"}),e.jsx(C,{x:610,y:306,text:"runs on every trigger",w:180}),e.jsx(q,{box:{x:906,y:66,w:262,h:350},label:"what you get back",tone:"quiet"}),i.map((n,r)=>e.jsx(W,{box:{x:926,y:o[r],w:222,h:60},title:n.t,meta:n.m,accent:!0},n.t)),e.jsx(C,{x:32,y:440,text:"rev AA Â· verification attaches to the path you already ship on",w:520})]})},Jt=()=>{const s=[{label:"on every pull request",box:{x:560,y:60,w:400,h:152},rows:[{t:"Exploratory agent",chip:"preview"},{t:"Impacted test cases",chip:"auto"}]},{label:"on merge and staging",box:{x:560,y:242,w:400,h:152},rows:[{t:"Test plan run",chip:"staging"},{t:"Test maintenance",chip:"self-heal"}]},{label:"on a schedule",box:{x:560,y:424,w:400,h:84},rows:[{t:"Smoke checks in production",chip:"hourly"}]}];return e.jsxs(le,{w:1200,h:520,paper:"#F4F3F1",children:[e.jsxs(ne,{w:1200,h:520,children:[e.jsx(R,{d:"M232 120 H 300 V 264",arrow:!1}),e.jsx(R,{d:"M300 264 H 372"}),e.jsx(k,{d:"M470 264 H 512 V 136 H 556"}),e.jsx(k,{d:"M470 264 H 512 V 318 H 556"}),e.jsx(k,{d:"M512 264 H 556"}),e.jsx(k,{d:"M470 264 H 512 V 466 H 556"})]}),e.jsx(W,{box:{x:48,y:90,w:184,h:60},title:"Your repo",meta:"github Â· gitlab"}),e.jsx(Se,{box:{x:372,y:226,w:98,h:76},title:"QA.tech",meta:"router"}),s.map(i=>e.jsx(q,{box:i.box,label:i.label,children:i.rows.map((o,n)=>e.jsx(W,{box:{x:i.box.x+16,y:i.box.y+16+n*68,w:i.box.w-32,h:52},title:o.t,chip:o.chip,accent:!0},o.t))},i.label)),e.jsx(C,{x:48,y:170,text:"one connection",w:184}),e.jsx(C,{x:48,y:460,text:"rev AB Â· every trigger routes to the checks that fit it",w:300})]})},Ut=()=>{const s=[{t:"Web app",m:"chrome Â· any size"},{t:"Mobile builds",m:"ios Â· android"},{t:"APIs",m:"auth + data"},{t:"Preview envs",m:"per pull request"}],i=[{t:"Agents",m:"explore Â· verify"},{t:"Knowledge",m:"how your app works"},{t:"Results",m:"traces + evidence"}],o=[96,168,240,312],n=[110,200,290];return e.jsxs(le,{w:1200,h:520,children:[e.jsxs(ne,{w:1200,h:520,children:[o.map(r=>e.jsx(k,{d:`M336 ${r+26} H 400`,arrow:!1},r)),e.jsx(k,{d:"M400 122 V 338",arrow:!1}),e.jsx(R,{d:"M400 230 H 546"}),e.jsx(R,{d:"M654 214 H 760"}),e.jsx(R,{d:"M760 246 H 654"}),e.jsx(k,{d:"M894 390 V 424"})]}),e.jsx(q,{box:{x:32,y:66,w:300,h:322},label:"your environment"}),s.map((r,l)=>e.jsx(W,{box:{x:52,y:o[l],w:260,h:52},title:r.t,meta:r.m},r.t)),e.jsx(Se,{box:{x:546,y:196,w:108,h:68},title:"Secure path",meta:"ip Â· tunnel"}),e.jsx(C,{x:430,y:172,text:"allowlisted egress",w:160}),e.jsx(q,{box:{x:760,y:66,w:268,h:322},label:"QA.tech",tone:"quiet"}),i.map((r,l)=>e.jsx(W,{box:{x:780,y:n[l],w:228,h:60}

1,title:r.t,meta:r.m,accent:!0},r.t)),e.jsx(W,{box:{x:784,y:424,w:220,h:52},title:"Your tools",meta:"slack Â· jira Â· ci"}),e.jsx(C,{x:32,y:442,text:"rev AC Â· QA.tech reaches your app the way your own team does, and reports back where you work",w:560})]})},Kt=()=>{const s=["Code","Pull request","Merge","Staging","Production"],i=[{t:"Exploratory agent",m:"finds new bugs"},{t:"Test maintenance",m:"keeps tests true"},{t:"Test plans",m:"full regression"},{t:"Smoke checks",m:"live traffic"}],o=[48,268,488,708,928],n=[268,488,708,928];return e.jsxs(le,{w:1200,h:460,paper:"#F5F4F2",children:[e.jsxs(ne,{w:1200,h:460,children:[o.slice(0,4).map(r=>e.jsx(R,{d:`M${r+204} 116 H ${r+216}`},r)),n.map(r=>e.jsx(k,{d:`M${r+102} 152 V 236`},r)),e.jsx(k,{d:"M1132 300 V 356 H 148 V 152"})]}),e.jsx(q,{box:{x:32,y:76,w:1136,h:80},label:"how your team ships"}),s.map((r,l)=>e.jsx("div",{className:"absolute flex items-center justify-center rounded-[9px] border border-zinc-200 bg-white",style:{left:o[l],top:90,width:204,height:52},children:e.jsx("span",{className:"text-[13px] font-medium tracking-tight text-neutral-900",children:r})},r)),i.map((r,l)=>e.jsx(W,{box:{x:n[l],y:236,w:204,h:64},title:r.t,meta:r.m,accent:!0},r.t)),e.jsx(C,{x:480,y:370,text:"fixes ship on the next commit",w:240}),e.jsx(C,{x:32,y:412,text:"rev AD Â· one tap per stage, nothing new to run yourself",w:520})]})},Zt=()=>{const s=[{label:"ships behind pull requests",x:32,rows:[{t:"PR opens",m:"preview deploy"},{t:"Exploratory agent",m:"verdict on the diff",accent:!0},{t:"Merge gate",m:"GitHub check",accent:!0}]},{label:"ships on a release train",x:412,rows:[{t:"Staging build",m:"release candidate"},{t:"Test plan run",m:"full regression",accent:!0},{t:"Sign-off report",m:"Slack digest",accent:!0}]},{label:"ships mobile and web together",x:792,rows:[{t:"CI uploads build",m:"ios Â· android"},{t:"Cross-surface run",m:"web + app",accent:!0},{t:"Store-ready evidence",m:"traces + video",accent:!0}]}];return e.jsxs(le,{w:1200,h:400,children:[e.jsx(ne,{w:1200,h:400,children:s.map(i=>e.jsxs("g",{children:[e.jsx(k,{d:`M${i.x+188} 130 V 172`}),e.jsx(k,{d:`M${i.x+188} 226 V 268`})]},i.label))}),s.map(i=>e.jsx(q,{box:{x:i.x,y:66,w:376,h:268},label:i.label,children:i.rows.map((o,n)=>e.jsx(W,{box:{x:i.x+20,y:78+n*96,w:336,h:52},title:o.t,meta:o.m,accent:o.accent},o.t))},i.label)),e.jsx(C,{x:32,y:356,text:"rev AE Â· same platform, three delivery shapes",w:520})]})},je={fontFamily:'"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'},m=({n:t,name:a,rationale:s,children:i})=>e.jsxs("section",{className:"border-t border-zinc-200 bg-[#FAFAFA]",children:[e.jsxs("div",{className:"px-4 pt-12 sm:px-6 sm:pt-16",children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-widest text-neutral-500",style:je,children:["Take ",t]}),e.jsx("h2",{className:"mt-3 text-3xl font-light tracking-tight text-neutral-900 sm:text-4xl",children:a}),e.jsx("p",{className:"mt-3 max-w-2xl text-sm font-light text-neutral-600",children:s})]}),e.jsx("div",{className:"mt-8",children:i})]}),ss=()=>(lt(),at({title:"Homepage diagram draft â QA.tech",description:"Internal draft of the verification map diagram for the homepage.",canonicalPath:"/_wip/home-diagram",robots:"noindex,nofollow"}),e.jsx("main",{className:"relative bg-[#FAFAFA]",children:e.jsxs("div",{className:"relative mx-auto max-w-5xl border-x border-zinc-200",children:[e.jsxs("div",{className:"rounded-t-[4px] border-b border-zinc-200 px-4 py-12 sm:px-6 sm:py-16",children:[e.jsx("p",{className:"text-[11px] uppercase tracking-widest text-neutral-500",style:je,children:"Draft â internal"}),e.jsx("h1",{className:"mt-4 max-w-3xl text-4xl font-light tracking-tight text-neutral-900 sm:text-5xl",children:"Where QA.tech verification sits in your deliveryÂ pipeline."}),e.jsx("p",{className:"mt-5 max-w-2xl text-sm font-light text-neutral-600",style:je,children:"Three static takes on the diagram that would replace the agentic QA loop on the homepage. Same content in each: PR, merge, staging, production, with the QA.tech job that attaches at each point. Pick one and we build it out."})]}

1),e.jsx(m,{n:"AA",name:"Enclosure fan",rationale:"Your pipeline lives inside one labelled panel, brackets gather every stage into the QA.tech runtime, and a second panel holds what comes back. Closest to the reference, translated to our greys plus one lime.",children:e.jsx(Xt,{})}),e.jsx(m,{n:"AB",name:"Routing cards",rationale:"One connection into a QA.tech router, fanning into grouped rule cards â per pull request, per merge, on a schedule â each row a check with a scope chip.",children:e.jsx(Jt,{})}),e.jsx(m,{n:"AC",name:"Two planes",rationale:"Your environment on the left, QA.tech on the right, joined by a labelled secure path. Shows reach and reporting rather than sequence.",children:e.jsx(Ut,{})}),e.jsx(m,{n:"AD",name:"Rail with taps",rationale:"Delivery as one horizontal rail of equal stages, with a lime verification tile tapping down from each, and a dotted return for fixes.",children:e.jsx(Kt,{})}),e.jsx(m,{n:"AE",name:"Team setups",rationale:"Three small panels, one per delivery shape â PR-driven, release train, mobile and web together â so a visitor recognises their own setup.",children:e.jsx(Zt,{})}),e.jsx(m,{n:"W",name:"Neon circuit",rationale:"Pure graph, no cards. Delivery path as a wired trunk of nodes, a QA.tech runtime bus underneath, glowing lime agent nodes tapping in, and a dashed return path back to the next commit.",children:e.jsx(Qt,{})}),e.jsx(m,{n:"X",name:"Transit map",rationale:"Two lines like a metro map: your delivery line in black, the QA.tech line in lime, joined at interchanges where verification attaches. Labels hang off the stations.",children:e.jsx(It,{})}),e.jsx(m,{n:"Y",name:"Radial runtime",rationale:"One QA.tech runtime at the centre with four attach points in orbit. Black spokes carry signals in, lime spokes carry results out. Says platform, not checklist.",children:e.jsx(Vt,{})}),e.jsx(m,{n:"Z",name:"Signal web",rationale:"Knowledge-graph style: signals on the left, QA.tech agents as haloed nodes in the middle, destinations on the right, with faint cross edges showing agents share context.",children:e.jsx(Ot,{})}),e.jsx(m,{n:"R",name:"Run panel (dark)",rationale:"No background grid at all. One dark console surface, every delivery step the same height with a shader field inside it, and the lime QA.tech job hanging straight below on the same column.",children:e.jsx(Rt,{})}),e.jsx(m,{n:"S",name:"Job log (dark)",rationale:"Same dark language, read as rows instead of columns: step, what QA.tech runs with tree glyphs, and a duration bar per job. Densest of the dark takes.",children:e.jsx(Bt,{})}),e.jsx(m,{n:"T",name:"Airy stack (light)",rationale:"Modern SaaS take: white space instead of grid lines, delivery steps as light typographic columns, QA.tech jobs as soft elevated cards with a lime pill.",children:e.jsx(Lt,{})}),e.jsx(m,{n:"U",name:"Light rail",rationale:"One hairline rail runs through the delivery steps left to right, each step the same height, then a dotted tap drops into the lime job it feeds.",children:e.jsx(Pt,{})}),e.jsx(m,{n:"V",name:"Snapped blueprint",rationale:"Grid kept, but every box is an exact multiple of the 24px module and sits on grid lines, so the grid reads as structure rather than noise.",children:e.jsx(qt,{})}),e.jsx(m,{n:"O",name:"CI DAG (dark)",rationale:"The trunk graph read as a pipeline run: dark canvas, mono node ids and commit refs, lime taps branching off the events QA.tech listens to, and durations on every job.",children:e.jsx(Ht,{})}),e.jsx(m,{n:"P",name:"Wiring schematic",rationale:"Delivery path on top with numbered pins and named outputs, a dotted QA.tech bus underneath, and each job wired in with in/out ports plus a dashed return line back to the stage.",children:e.jsx(zt,{})}),e.jsx(m,{n:"Q",name:"Trace view",rationale:"One release on a time axis. Pipeline events tick along the top and each QA.tech job is a span underneath, its length showing how long it runs and a tag showing where the result goes.",children:e.jsx(Dt,{})}),e.jsx(m,{n:"L",name:"Signal graph",rationale:"Drawn as a graph, not a stack: each trigger flows into the agent that handles it and on to where the result lands, with a dotted schedule feed and a dotted findings loop back to the top.",children:e.jsx(Ft,{})}),e.jsx(m,{n:"M",name:"Trunk graph",rationale:"One pipeline line across the top with small nodes. Each QA.tech job branches off the node it attaches to and merges its result back into the trunk, and the whole thing closes as a loop back to code.",children:e.jsx(St,{})}),e.jsx(m,{n:"N",name:"Fan graph",rationale:"Four triggers converge on one QA.tech hub, then the results fan out to the places your team already reads. Fewest boxes, clearest direction of travel.",children:e.jsx(Mt,{})}),e.jsx(m,{n:"G",name:"Spec sheet, full detail",rationale:"Take D's layout, but the shader field moved onto the white stage tiles and the lime card now carries the real checklist â what the agents read, explore and file â plus its output and where it lands.",children:e.jsx(ft,{})}),e.jsx(m,{n:"H",name:"Spec rows",rationale:"One row per stage so each job has room for a labelled spec table: verifies, output, lands in. Densest reading order top to bottom, still on the grid.",children:e.jsx(wt,{})}),e.jsx(m,{n:"I",name:"Trigger Â· verify Â· report",rationale:"Three stacked bands per column so the reader scans one question at a time â what starts it, what QA.tech checks, where the answer goes. Shader stays on the white bands.",children:e.jsx(kt,{})}),e.jsx(m,{n:"J",name:"Rail with spec sheets",rationale:"Hairline rail carries the pipeline across the top. Under each node a white facts tile â environment, input, cadence, with the shader as its field â then the lime job and its checks.",children:e.jsx(Nt,{})}),e.jsx(m,{n:"K",name:"Ledger",rationale:"The most content per pixel: a bordered ledger with stage, what QA.tech verifies in t

1wo columns, and output plus destination. Shader stays inside the white stage column.",children:e.jsx(vt,{})}),e.jsx(m,{n:"D",name:"Spec sheet (earlier)",rationale:"Take A pushed toward a drawing. Ruler ticks and coordinates along the top, stage headers as mono spec labels, and each QA.tech node carries a shader block field as its load.",children:e.jsx(gt,{})}),e.jsx(m,{n:"E",name:"Job manifest",rationale:"The pipeline read the way a developer reads CI output â one dark panel, mono throughout, tree glyphs for structure, lime reserved for the jobs QA.tech owns.",children:e.jsx(jt,{})}),e.jsx(m,{n:"F",name:"Shader field",rationale:"No second row of cards. The rail is your pipeline and the lime block field under each stage is the QA.tech coverage attached there, so density carries the meaning.",children:e.jsx(bt,{})}),e.jsx(m,{n:"A",name:"Blueprint flow (your pick)",rationale:"Drawn on a 24px blueprint grid. Your pipeline is one trunk line with arrows; each QA.tech job drops off the trunk on its own grid column, so the flow and the hand-off points are both literal.",children:e.jsx(ht,{})}),e.jsx(m,{n:"B",name:"Grid lanes",rationale:"Two lanes on the same grid â delivery on top, QA.tech below. The path snakes down into a QA.tech job and forward into the next stage, so the reader traces one continuous flow.",children:e.jsx(mt,{})}),e.jsx(m,{n:"C",name:"Grid modules",rationale:"A tiled grid where the flow reads across cells and the lime modules are the ones we run. Closest to the bordered card language used elsewhere on the site, and it reflows cleanly on mobile.",children:e.jsx(ut,{})}),e.jsx(m,{n:"1",name:"Pipeline rail (earlier)",rationale:"Your pipeline runs along a hairline rail. Each QA.tech job hangs off the stage it attaches to, so the placement is literal and the lime marks exactly what we own.",children:e.jsx(it,{})}),e.jsx(m,{n:"2",name:"Coverage matrix",rationale:"A bordered table in the same language as the pricing and comparison tables. Rows are what QA.tech runs, columns are pipeline stages, lime cells mark the hand-off point.",children:e.jsx(ot,{})}),e.jsx(m,{n:"3",name:"Team setups",rationale:"Same pipeline, three team shapes. Answers the reader's real question â what does this look like for a team like mine â instead of showing one idealised setup.",children:e.jsx(ct,{})})]})}));export{ss 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.