1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57913],{57913:(e,r,a)=>{a.r(r),a.d(r,{InteractiveShowcaseInner:()=>p,default:()=>_});var t=a(13744),l=a(23484),s=a(26223),o=a(52490),n=a(10615),i=a(16425),c=a(61847),d=a(7511),m=a(66994),u=a(55639);let b=["requirements","test-run","agents","remediation","system-graph"],f={requirements:i.b,"test-run":d.Z,agents:o.E,remediation:n.z,"system-graph":c.P};function g(e){let{defaultModule:r="requirements",enabledModules:a=b,autoPlay:o=!1,compact:n=!1,ctaHref:i,ctaLabel:c,onCtaClick:d,className:g,showHeading:x=!0,headingId:h="zof-showcase-heading",onModuleChange:p,onModuleComplete:_}=e,{messages:v}=(0,s.gf)(),w=a.filter(e=>b.includes(e)),E=w.includes(r)?r:w[0],[C,k]=(0,l.useState)(E),[N,j]=(0,l.useState)(o),y=(0,l.useRef)([]),z=v.narratives[C],I=f[C],R=null!=c?c:v.chrome.ctaDefault,D=(0,l.useCallback)(e=>{k(e),j(!1),null==p||p(e)},[p]),T=(0,l.useCallback)((e,r)=>{var a;let t=r;switch(e.key){case"ArrowRight":case"ArrowDown":t=(r+1)%w.length;break;case"ArrowLeft":case"ArrowUp":t=(r-1+w.length)%w.length;break;case"Home":t=0;break;case"End":t=w.length-1;break;default:return}e.preventDefault(),D(w[t]),null==(a=y.current[t])||a.focus()},[w,D]),A=(0,l.useCallback)(()=>{if(d)return void d();i&&(window.location.href=i)},[i,d]);return(0,t.jsx)("section",{className:(0,u.cn)("rounded-xl border border-[rgb(var(--zof-border,229_229_229))] bg-[rgb(var(--zof-card,255_255_255))] p-4 shadow-sm sm:p-6 lg:p-8",g),...x?{"aria-labelledby":h}:{"aria-label":v.chrome.heading},children:(0,t.jsxs)("div",{className:"mx-auto max-w-6xl",children:[x?(0,t.jsxs)("div",{className:"mb-6 flex flex-col items-center text-center lg:mb-8",children:[(0,t.jsx)(m.Ex,{variant:"muted",className:"mb-3",children:v.chrome.liveDemoBadge}),(0,t.jsx)("h2",{id:h,className:"text-2xl font-semibold tracking-tight text-[rgb(var(--zof-foreground,23_23_23))] sm:text-3xl",children:v.chrome.heading}),(0,t.jsx)("p",{className:"mx-auto mt-2 max-w-2xl text-sm text-[rgb(var(--zof-muted-foreground,115_115_115))] sm:text-base",children:v.chrome.description})]}):null,(0,t.jsx)("div",{role:"tablist","aria-label":v.chrome.tablistLabel,className:"mb-6 -mx-1 flex snap-x gap-2 overflow-x-auto px-1 pb-1 [-ms-overflow-style:none] [scrollbar-width:none] sm:mx-0 sm:flex-wrap sm:justify-center sm:overflow-visible sm:px-0 sm:pb-0 [&::-webkit-scrollbar]:hidden",children:w.map((e,r)=>{let a=C===e;return(0,t.jsx)("button",{ref:e=>{y.current[r]=e},type:"button",role:"tab",id:"tab-".concat(e),"aria-selected":a,"aria-controls":"panel-".concat(e),tabIndex:a?0:-1,onClick:()=>D(e),onKeyDown:e=>T(e,r),className:(0,u.cn)("shrink-0 snap-start whitespace-nowrap rounded-full border px-4 py-2.5 min-h-[44px] text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[rgb(var(--zof-primary,37_99_235))] sm:px-3.5 sm:min-h-[44px]",a?"border-[rgb(var(--zof-primary,37_99_235))] bg-[rgb(var(--zof-primary,37_99_235))] text-white":"border-[rgb(var(--zof-border,229_229_229))] bg-transparent text-[rgb(var(--zof-muted-foreground,115_115_115))] hover:border-[rgb(var(--zof-muted-foreground,115_115_115))]"),children:v.moduleLabels[e]},e)})}),(0,t.jsxs)("div",{className:"grid gap-6 lg:grid-cols-[minmax(240px,300px)_1fr] lg:gap-8",children:[(0,t.jsxs)("aside",{className:"flex flex-col gap-4 roun
1ded-lg border border-[rgb(var(--zof-border,229_229_229))] bg-[rgb(var(--zof-foreground,23_23_23)/0.03)] p-4 sm:p-5 lg:sticky lg:self-start sticky-below-header",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"text-base font-semibold leading-snug text-[rgb(var(--zof-foreground,23_23_23))]",children:z.title}),(0,t.jsx)("p",{className:"mt-2 text-sm leading-relaxed text-[rgb(var(--zof-muted-foreground,115_115_115))]",children:z.description}),(0,t.jsx)("p",{className:"mt-3 text-xs font-medium text-[rgb(var(--zof-primary,37_99_235))]",children:z.ctaHint})]}),(i||d)&&(0,t.jsx)(m.$n,{onClick:A,className:"w-full",children:R})]}),(0,t.jsx)("div",{role:"tabpanel",id:"panel-".concat(C),"aria-labelledby":"tab-".concat(C),className:"zof-proto-surface min-w-0",children:(0,t.jsx)(I,{autoPlay:N,compact:n,onComplete:_?()=>_(C):void 0})})]})]})})}var x=a(97111),h=a(51980);function p(e){let{messages:r,locale:a,dir:o,page:n,enabledModules:i,defaultModule:c,ctaLabel:d,ctaBaseHref:m="/demo"}=e,u=(0,x.UM)("analytics"),[b]=(0,l.useState)(()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches),[f,p]=(0,l.useState)(c),_=(0,l.useCallback)((e,r)=>{u&&(0,h.s)(e,r)},[u]),v=(0,l.useRef)(!1);(0,l.useEffect)(()=>{!v.current&&(v.current=!0,_(h.R.INTERACTIVE_MODULE_VIEWED,{module:c,page:n,locale:a,variant:"default",reduced_motion:b}),b||_(h.R.INTERACTIVE_MODULE_STARTED,{module:c,trigger:"autoplay",page:n,locale:a}))},[c,a,n,b,_]);let w=(0,l.useCallback)(e=>{p(e),_(h.R.INTERACTIVE_MODULE_VIEWED,{module:e,page:n,locale:a,variant:"default",reduced_motion:b,trigger:"tab"})},[a,n,b,_]),E=(0,l.useCallback)(e=>{_(h.R.INTERACTIVE_MODULE_COMPLETED,{module:e,page:n,locale:a})},[a,n,_]),C=(0,l.useCallback)(()=>{let e=new URLSearchParams({from_module:f,from_page:n,locale:a,utm_source:"interactive_showcase",utm_medium:"homepage",utm_campaign:"mini_dash",utm_content:f});return"".concat(m,"?").concat(e.toString())},[f,m,a,n]),k=(0,l.useCallback)(()=>{let e=C();_(h.R.INTERACTIVE_CTA_CLICKED,{module:f,cta_label:null!=d?d:"",href:e,page:n,locale:a}),window.location.href=e},[f,C,d,a,n,_]);return(0,t.jsx)(s.Oz,{messages:r,locale:a,dir:o,children:(0,t.jsx)("div",{"data-zof-module":f,children:(0,t.jsx)(g,{enabledModules:i,defaultModule:c,autoPlay:!b,showHeading:!1,ctaLabel:d,onCtaClick:k,onModuleChange:w,onModuleComplete:E})})})}let _=p}}]);
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.