1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6105],{16105:(e,t,a)=>{a.r(t),a.d(t,{default:()=>f});var r=a(95155),l=a(41407),s=a(26497),i=a(39885),n=a(12115);let d=(0,a(71847).A)("bell",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]]);var o=a(85710),c=a(56154),x=a(23664),b=a(89715),u=a(39068);let p={bell:d,database:o.A,zap:c.A,mail:x.A,"file-text":b.A,globe:u.A},h={blue:"border-blue-500/30 bg-blue-500/10 text-blue-300",green:"border-green-500/30 bg-green-500/10 text-green-300",amber:"border-amber-500/30 bg-amber-500/10 text-amber-300",teal:"border-teal-500/30 bg-teal-500/10 text-teal-300",purple:"border-purple-500/30 bg-purple-500/10 text-purple-300",slate:"border-slate-500/30 bg-slate-500/10 text-slate-300"},m=[.22,1,.36,1];function f(e){let{beats:t,elapsedMs:a,handoffKey:i,config:o}=e,c=(0,l.I)(),x=(0,n.useRef)(null),b=t.filter(e=>a>=e.startAt);return(0,n.useEffect)(()=>{!c&&x.current&&(x.current.scrollTop=0)},[b.length,c]),(0,r.jsxs)("div",{className:"relative flex h-full flex-col gap-3 rounded-2xl border border-white/10 bg-slate-900/70 p-4 shadow-[0_0_0_1px_rgba(255,255,255,0.04)_inset] backdrop-blur-md sm:p-5",role:"log","aria-live":"polite","aria-label":"System event feed: ".concat(o.title),children:[(0,r.jsxs)("div",{className:"flex items-center gap-3 border-b border-white/10 pb-3",children:[(0,r.jsx)("div",{className:"flex h-9 w-9 items-center justify-center rounded-full bg-blue-500/20",children:(0,r.jsx)(d,{className:"h-5 w-5 text-blue-300","aria-hidden":"true"})}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsx)("p",{className:"truncate text-sm font-semibold text-white",children:o.title}),(0,r.jsx)("p",{className:"text-xs text-slate-400",children:o.subtitle})]})]}),(0,r.jsxs)("div",{className:"relative flex flex-1 flex-col",children:[(0,r.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 top-0 z-10 h-6 bg-gradient-to-b from-slate-900/80 to-transparent"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 z-10 h-6 bg-gradient-to-t from-slate-900/80 to-transparent"}),(0,r.jsxs)("div",{ref:x,className:"flex flex-1 flex-col-reverse gap-2 overflow-y-auto pr-1",children:[(0,r.jsx)("div",{}),(0,r.jsx)(s.N,{initial:!1,children:b.slice().reverse().map(e=>(0,r.jsx)(g,{beat:e,reduced:!!c,isFresh:i===e.id},e.id))}),0===b.length&&(0,r.jsx)("div",{className:"flex justify-center","aria-hidden":"true",children:(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-white/10 bg-white/[0.02] px-3 py-2 text-[12px] text-slate-500",children:"Waiting for eventsâ¦"})})]})]})]})}function g(e){var t;let{beat:a,reduced:l,isFresh:s}=e,n=null!=(t=p[a.icon])?t:d,o=h[a.sourceColor];return(0,r.jsx)(i.P.div,{initial:{opacity:0,y:10,scale:.96},animate:{opacity:1,y:0,scale:1},exit:{opacity:0},transition:{duration:l?.15:.4,ease:m},children:(0,r.jsxs)(i.P.div,{animate:s&&!l?{boxShadow:["0 0 0 0 rgba(32,178,170,0)","0 0 0 2px rgba(32,178,170,0.55), 0 0 24px rgba(32,178,170,0.25)","0 0 0 0 rgba(32,178,170,0)"]}:{boxShadow:"0 0 0 0 rgba(32,178,170,0)"},transition:{duration:.9},className:"flex items-start gap-3 rounded-xl bg-slate-800/60 px-3 py-2.5",children:[(0,r.jsx)("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md border ".concat(o),children:(0,r.jsx)(n,{className:"h-3.5 w-3.5","aria-hidden":"true"})}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsx)("span",{className:"inline-block rounded-full border px-1.5 py-0.5 text-[10px] font-medium ".concat(o),children:a.source}),(0,r.jsx)("p",{className:"mt-1 text-sm leading-snug text-slate-200",children:a.text})]})]})})}}}]);
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.