1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3075],{63075:function(e,n,r){r.r(n),r.d(n,{default:function(){return eo}});var s=r(27573),a=r(50294),t=r(88558),o=r(99215),i=r(47594),l=r(64043),d=r(99278),c=r(52431),h=r(24546),p=r(75440),x=r(23607),m=r(67152),g=r(35289),u=r(64357),f=r(7653);let b=[.22,1,.36,1],v=e=>{let{visualHtml:n,LegacyVisual:r,imageUrl:t,imageAlt:o}=e;return n?(0,s.jsx)(i.default,{html:n,className:"w-full h-full"}):r?(0,s.jsx)(r,{}):t?(0,s.jsx)("div",{className:"relative w-full h-full overflow-hidden",style:{borderRadius:"19.464px"},children:(0,s.jsx)(a.default,{src:t,alt:o,fill:!0,className:"object-contain",sizes:"65vw"})}):null},j=e=>{let{item:n,isActive:r,mounted:a,prefersReducedMotion:o,blockRefSetter:i}=e,l=(0,f.useRef)(null),{scrollYProgress:p}=(0,d.v)({target:l,offset:["start end","end start"]}),x=(0,c.H)(p,[0,.45,.55,1],["#BEBEBE","#BEBEBE","#D9F400","#D9F400"]);return(0,s.jsxs)("div",{ref:e=>{l.current=e,i(e)},className:"relative min-h-[80vh] flex items-center pl-12",children:[(0,s.jsx)(h.E.span,{"aria-hidden":!0,className:"absolute left-0 top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full transition-all duration-300",style:{width:r?16:14,height:r?16:14,backgroundColor:o?"#D9F400":x,boxShadow:r?"0 0 0 4px #F2F1EB, 0 0 0 10px rgba(217,244,0,0.22)":"0 0 0 4px #F2F1EB"}}),(0,s.jsxs)(h.E.div,{animate:a?{opacity:r?1:.32,x:r?0:-4}:void 0,transition:{duration:.5,ease:b},className:"space-y-6 max-w-[28rem]",children:[n.eyebrow&&(0,s.jsx)("p",{className:"font-paralucent font-medium text-gray-500 text-sm tracking-[0.08em]",children:n.eyebrow}),(0,s.jsx)("h3",{className:"font-new-spirit font-medium text-gray-900 tracking-tight leading-[1.1] text-2xl sm:text-3xl lg:text-4xl",children:n.title}),(0,s.jsx)("p",{className:"font-paralucent font-light text-gray-700 leading-[150%] text-base sm:text-lg lg:text-xl",children:n.subtitle}),(0,s.jsxs)(t.Z,{href:n.ctaHref||"",className:"inline-flex items-center gap-2 font-paralucent font-medium text-sm sm:text-base border-b transition-colors pb-0.5 w-fit text-black-900 border-black-900/30 hover:border-black-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black-900",children:[n.ctaText,(0,s.jsx)("span",{"aria-hidden":"true",className:"translate-y-[-1px]",children:"â"})]})]})]})};var y=e=>{let{items:n,visualRegistry:r}=e,t=(0,f.useRef)(null),o=(0,f.useRef)(null),i=(0,f.useRef)(null),c=(0,f.useRef)([]),[b,y]=(0,f.useState)(0),[k,w]=(0,f.useState)(!1),[N,L]=(0,f.useState)(""),C=(0,p.c)(0),[M,S]=(0,f.useState)(!1),[z,W]=(0,f.useState)(null),[B,E]=(0,f.useState)(null),R=!!(0,x.J)();(0,f.useEffect)(()=>{w(!0)},[]);let{scrollYProgress:H}=(0,d.v)({target:t,offset:["start start","end end"]}),F=(0,m.q)(H,{stiffness:200,damping:32,restDelta:.001});(0,f.useEffect)(()=>{let e=()=>{if(!o.current||0===c.current.length)return;let e=o.current.getBoundingClientRect(),n=c.current[0],r=c.current[c.current.length-1];if(!n||!r)return;let s=n.getBoundingClientRect(),a=r.getBoundingClientRect(),t=e.top,i=s.top+s.height/2-t,l=a.top+a.height/2-t,d=i-80;L("M ".concat(0," ").concat(d," L ").concat(0," ").concat(l)),W({topY:d,bottomY:l}),E({startY:i,endY:l});let h=Math.max(0,Math.min(1,F.get())),p=i+h*(l-i)-28;C.set(p),S(h>=.95)},n=setTimeout(e,100),r=new ResizeObserver(()=>e());return o.current&&r.observe(o.current),c.current.forEach(e=>{e&&r.observe(e)}),window.addEventListener("resize",e),()=>{clearTimeout(n),window.removeEventListener("resize",e),r.disconnect()}},[n.length,F,C]),(0,g.W)(F,"change",e=>{if(R||!B)return;let n=Math.max(0,Math.min(1,e)),r=B.startY+n*(B.endY-B.startY)-28;C.set(r);let s=n>=.95;S(e=>e===s?e:s)}),(0,f.useEffect)(()=>{let e=0,n=-1,r=()=>{let e=c.current.filter(e=>!!e);if(0===e.length)return;let r=.4*window.innerHeight,s=0;e.forEach((e,n)=>{e.getBoundingClientRect().top<=r&&(s=n)}),s!==n&&(n=s,y(s))},s=()=>{cancelAnimationFrame(e),e=requestAnimationFrame(r)};return r(),window.addEventListener("scroll",s,{passive:!0}),window.addEventListener("resize",s),()=>{cancelAnimationFrame(e),window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}},[]);let D=n[b],A=null==D?void 0:D.visualHtml,T=(null==D?void 0:D.visualKey)?r[D.visualKey]:void 0,P=(0,l.bO)(null==D?void 0:D.image),I=(0,l.yM)(null==D?void 0:D.image,(null==D?void 0:D.title)||""),Z=String(n.length).padStart(2,"0"),V=String(b+1).padStart(2,"0");return(0,s.jsx)("div",{ref:t,className:"relative max-w-[96rem] 2xl:max-w-[104rem] mx-auto",children:(0,s.jsxs)("div",{className:"grid grid-cols-12 gap-8 lg:gap-10",children:[(0,s.jsxs)("div",{ref:o,className:"col-span-4 relative",children:[(0,s.jsxs)("svg",{"aria-hidden":"true",className:"absolute top-0 left-0 w-full h-full pointer-events-none z-0",style:{overflow:"visible"},children:[(0,s.jsx)("path",{d:N,stroke:"#BEBEBE",strokeWidth:"4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)(h.E.path,{ref:i,d:N,stroke:"#D9F400",strokeWidth:"4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:R?1:0},style:R?void 0:{pathLength:F}}),z&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("circle",{cx:0,cy:z.topY,r:"12",fill:"#D9F400"}),(0,s.jsx)("polyline",{points:"".concat(-5,",").concat(z.topY-1," ").concat(-1.5,",").concat(z.topY+3," ",5,",").concat(z.topY-3),fill:"none",stroke:"#222",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),!R&&N&&(0,s.jsx)(h.E.div,{"aria-hidden":"true",className:"absolute w-14 h-14 z-20 pointer-events-none left-0",style:{x:-28,y:C},children:(0,s.jsx)(h.E.div,{className:"relative w-full h-full bg-[#D9F400] rounded-full p-[6px]",animate:{scale:M?[1,1.2,1]:1},transition:{duration:.3},children:(0,s.jsxs)("div",{className:"relative w-full h-full flex items-center justify-center",style:{borderRadius:"67.391px",background:"#F2F1EB"},children:[(0,s.jsx)("svg",{className:"absolute inset-0 w-full h-full",style:{transform:"rotate(-90deg)"},children:(0,s.jsx)("circle",{cx:"50%",cy:"50%",r:"48%",fill:"none",stroke:"#222",strokeWidth:"0.857",strokeDasharray:"3 5"})}
1),(0,s.jsx)(h.E.div,{initial:!1,animate:{opacity:M?1:0,scale:M?1:0},transition:{duration:.3},className:"absolute inset-0 flex items-center justify-center",children:(0,s.jsx)("svg",{className:"relative z-10",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,s.jsx)(h.E.div,{initial:!1,animate:{opacity:M?0:1,scale:M?0:1},transition:{duration:.3},className:"absolute inset-0 flex items-center justify-center",children:(0,s.jsx)(a.default,{src:"/icons/misc/robot.svg",alt:"",width:38,height:39,className:"object-contain relative z-10"})})]})})}),n.map((e,n)=>(0,s.jsx)(j,{item:e,isActive:k&&n===b,mounted:k,prefersReducedMotion:R,blockRefSetter:e=>{c.current[n]=e}},e.id||n))]}),(0,s.jsx)("div",{className:"col-span-8",children:(0,s.jsxs)("div",{className:"sticky top-[12vh] flex flex-col items-stretch",style:{height:"88vh"},children:[(0,s.jsx)("div",{className:"flex-1 flex items-center min-h-0",children:(0,s.jsx)("div",{className:"w-full",style:{height:"min(760px, 80vh)"},children:(0,s.jsx)(u.M,{mode:"wait",children:(0,s.jsxs)(h.E.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.4,ease:[.4,0,.2,1]},className:"relative w-full h-full",children:[v({visualHtml:A,LegacyVisual:T,imageUrl:P,imageAlt:I}),(0,s.jsx)("div",{"aria-hidden":!0,className:"absolute bottom-0 left-0 right-0 pointer-events-none",style:{height:"180px",borderBottomLeftRadius:"19.464px",borderBottomRightRadius:"19.464px",background:"linear-gradient(to bottom, rgba(242,241,235,0) 0%, rgba(242,241,235,0.55) 40%, rgba(242,241,235,0.9) 75%, #F2F1EB 100%)"}})]},b)})})}),(0,s.jsxs)("div",{className:"mt-5 flex items-center gap-3",children:[(0,s.jsx)("div",{className:"flex items-center gap-1.5",children:n.map((e,n)=>(0,s.jsx)("span",{className:"block transition-all duration-500 ease-out",style:{width:n===b?44:24,height:2,borderRadius:1,background:n===b?"#d9f400":"#d4d4d4"}},n))}),(0,s.jsxs)("span",{className:"font-paralucent ml-2",style:{fontSize:11,letterSpacing:"0.08em",color:"#71717a",fontVariantNumeric:"tabular-nums",textTransform:"uppercase"},children:[V," / ",Z]})]})]})})]})})},k=e=>{let{children:n,showReplayChip:r=!0,bareInner:a=!1}=e;return(0,s.jsxs)("div",{className:"visual-frame group/visual-frame relative w-full h-full p-6 sm:p-8 lg:p-10",style:{backgroundColor:"#f3f2ec",borderRadius:"24px",border:"1px solid rgba(20,20,28,0.06)",boxShadow:"0 32px 80px -30px rgba(20,20,28,0.22), 0 12px 24px -14px rgba(20,20,28,0.10), inset 0 1px 0 rgba(255,255,255,0.6)"},children:[(0,s.jsx)("style",{children:"\n .visual-frame {\n transition: transform 320ms cubic-bezier(0.23, 1, 0.32, 1),\n box-shadow 320ms cubic-bezier(0.23, 1, 0.32, 1);\n }\n /* Subtle paper grain over the mat â gives the cream a physical surface\n and kills the AI-flat-plane feel. SVG fractal noise, multiply-blended. */\n .visual-frame-grain {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>\");\n mix-blend-mode: multiply;\n opacity: 0.07;\n pointer-events: none;\n }\n .visual-frame-inner {\n position: relative;\n background: #f8f8f5;\n border: 1px solid #e6e6e6;\n border-radius: 14px;\n box-shadow:\n 0 1px 3px rgba(0,0,0,0.04),\n inset 0 1px 0 rgba(255,255,255,0.7);\n }\n .visual-frame-inner.bare {\n background: transparent;\n border: none;\n box-shadow: none;\n }\n .visual-frame-replay {\n position: absolute;\n top: 14px;\n right: 16px;\n display: inline-flex;\n align-items: center;\n gap: 6px;
1\n height: 26px;\n padding: 0 10px;\n border-radius: 999px;\n background: rgba(20,20,28,0.06);\n color: #52525b;\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.02em;\n opacity: 0;\n transform: translateY(-4px);\n pointer-events: none;\n transition: opacity 220ms ease, transform 220ms ease;\n z-index: 2;\n }\n .visual-frame-replay::before {\n content: '\\21bb';\n font-size: 13px;\n line-height: 1;\n }\n @media (hover: hover) and (prefers-reduced-motion: no-preference) {\n .group\\/visual-frame:hover {\n transform: translateY(-5px);\n box-shadow:\n 0 44px 100px -30px rgba(20,20,28,0.28),\n 0 18px 32px -14px rgba(20,20,28,0.14),\n inset 0 1px 0 rgba(255,255,255,0.6);\n }\n .group\\/visual-frame:hover .visual-frame-replay {\n opacity: 1;\n transform: translateY(0);\n }\n }\n "}),(0,s.jsx)("span",{"aria-hidden":"true",className:"visual-frame-grain"}),(0,s.jsx)("div",{className:"visual-frame-inner".concat(a?" bare":""," w-full h-full overflow-hidden flex flex-col"),children:n}),r&&(0,s.jsx)("span",{"aria-hidden":"true",className:"visual-frame-replay",children:"Hover to replay"})]})};let w=()=>(0,s.jsxs)("svg",{viewBox:"0 0 63 130",width:"11",height:"22",xmlns:"http://www.w3.org/2000/svg",fill:"none",children:[(0,s.jsx)("path",{d:"M32 0H0V62L63.0005 130L63 58H47.2426C56.6503 52.6775 63 42.5803 63 31C63 13.8792 49.1208 0 32 0Z",fill:"#D9F400"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 0H32C49.1208 0 63 13.8792 63 31C63 42.5803 56.6503 52.6775 47.2426 58H63L63.0005 130L0 62V0ZM4 4H32C46.9117 4 59 16.0883 59 31C59 45.9117 46.9117 58 32 58H4V4ZM5.45287 62L59.0004 119.797L59 62H6.45287Z",fill:"#222222"})]}),N=()=>(0,s.jsx)("span",{className:"phase-arrow","aria-hidden":"true",children:(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M4 2.5L7.5 6L4 9.5",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}),L=()=>(0,s.jsx)("span",{className:"cc-check",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"7",cy:"7",r:"6",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("path",{d:"M4.2 7.2l2 2 3.6-4.2",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})]})});var C=r(38683),M=r(2100),S=r(90743),z=r(36673),W=r(87615),B=r(84142),E=r(81936),R=r(71523),H=r(38983),F=r(87354),D=r(2734),A=r(20054);let T={border:"#E4E4E1",borderSoft:"#EFEEEA",bgSubtle:"#F8F8F5",text:"#222222",textDim:"#6A6868",textMuted:"#8D8D8D",greenStrong:"#16A34A",greenSoft:"#DCFCE7",greenBorder:"#86EFAC",highlight:"#FEF3C7"},P=[.23,1,.32,1],I={hidden:{},shown:{transition:{staggerChildren:.06,delayChildren:.1}}},Z={hidden:{opacity:0,y:6},shown:{opacity:1,y:0,transition:{duration:.4,ease:P}}},V=e=>{let{alertTitle:n,alertSubtitle:r,badge:a,children:t}=e,o=(0,f.useRef)(null),i=(0,C.Y)(o,{once:!0,margin:"-15% 0px"}),[l,d]=(0,f.useState)(!1);return(0,f.useEffect)(()=>{let e=setTimeout(()=>d(!0),600);return()=>clearTimeout(e)},[]),(0,s.jsxs)(h.E.div,{ref:o,variants:I,initial:"hidden",animate:i||l?"shown":"hidden",className:"w-full h-auto md:h-full rounded-2xl border bg-white overflow-hidden flex flex-col shadow-box font-paralucent",style:{borderColor:T.border},children:[(0,s.jsxs)(h.E.div,{variants:Z,className:"flex items-center gap-2.5 px-4 py-2.5 border-b",style:{borderColor:T.borderSoft},children:[(0,s.jsx)(A.Z,{className:"w-4 h-4 text-orange-500 shrink-0","aria-hidden":!0}),(0,s.jsxs)("p",{className:"text-[13px] text-gray-900 truncate min-w-0",children:[n,r&&(0,s.jsxs)("span",{style:{color:T.textMuted},children:[" â ",r]})]}),a&&(0,s.jsxs)("span",{className:"hidden sm:inline-flex ml-auto items-center gap-1.5 rounded-md px-2 py-0.5 text-[11px] font-medium shrink-0",style:{backgroundColor:T.greenSoft,color:T.greenStrong},children:[(0,s.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{backgroundColor:T.greenStrong},"aria-hidden":!0}),a]})]}),(0,s.jsx)("div",{className:"flex flex-col md:flex-row flex-1 min-h-0",children:t})]})};V.Left=e=>{let{children:n,className:r=""}=e;return(0,s.jsx)("div",{className:"w-full md:w-[42%] border-b md:border-b-0 md:border-r p-4 flex flex-col gap-4 ".concat(r),style:{borderColor:T.borderSoft},children:n})},V.Right=e=>{let{children:n,className:r=""}=e;return(0,s.jsx)("div",{className:"flex-1 flex flex-col min-w-0 min-h-0 ".concat(r),children:n})};var _=r(2966),q=e=>{let{phases:n,activeIndex:r}=e;return(0,s.jsx)("div",{className:"flex items-center gap-1 flex-wrap",children:n.map((e,a)=>{let t=a<r,o=a===r;return(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsxs)("span",{className:(0,D.cn)("inline-flex items-center gap-1 rounded-full px-2 py-[3px] text-[11px]",o&&"bg-gray-900 text-white",!o&&!t&&"text-gray-400"),style:t?{backgroundColor:T.bgSubtle,color:T.textDim}:void 0,children:[t&&(0,s.jsx)(F.Z,{className:"w-3 h-3",style:{color:T.greenStrong},"aria-hidden":!0}),o&&(0,s.jsxs)("span",{className:"relative inline-flex w-1.5 h-1.5","aria-hidden":!0,
1children:[(0,s.jsx)("span",{className:"absolute inset-0 rounded-full bg-white opacity-60 animate-ping"}),(0,s.jsx)("span",{className:"relative w-1.5 h-1.5 rounded-full bg-white"})]}),e]}),a<n.length-1&&(0,s.jsx)(_.Z,{className:"w-3 h-3 text-gray-400","aria-hidden":!0})]},e)})})};let Y={hidden:{},shown:{transition:{staggerChildren:.04,delayChildren:.45}}},O={hidden:{opacity:0,scale:.9},shown:{opacity:1,scale:1,transition:{duration:.3,ease:P}}};var Q=e=>{let{label:n="The Council",agents:r}=e;return(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[n&&(0,s.jsx)("p",{className:"text-[10px] tracking-[0.12em] uppercase shrink-0",style:{color:T.textMuted},children:n}),(0,s.jsx)(h.E.div,{variants:Y,className:"flex items-center -space-x-1",children:r.map((e,n)=>{let{id:a,Icon:t}=e;return(0,s.jsxs)(h.E.div,{variants:O,className:"relative w-6 h-6 rounded-full border flex items-center justify-center",style:{borderColor:T.border,backgroundColor:T.bgSubtle,zIndex:r.length-n},children:[(0,s.jsx)(t,{className:"w-3 h-3",style:{color:T.textDim},"aria-hidden":!0}),(0,s.jsx)("span",{className:"absolute -bottom-0.5 -right-0.5 w-1.5 h-1.5 rounded-full border border-white",style:{backgroundColor:T.greenStrong},"aria-hidden":!0})]},a)})})]})},U=r(16843),K=e=>{let{title:n,query:r,path:a,yLabels:t,xLabels:o,delay:i=0,active:l,width:d=320,height:c=56}=e;return(0,s.jsxs)("div",{className:"rounded-lg border bg-white",style:{borderColor:T.border},children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3 px-3 py-2 border-b",style:{borderColor:T.borderSoft},children:[(0,s.jsx)("p",{className:"text-[11.5px] font-medium text-gray-900 truncate",children:n}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 text-[10px] shrink-0",style:{color:T.textMuted},children:["Explore in tab ",(0,s.jsx)(U.Z,{className:"w-3 h-3","aria-hidden":!0})]})]}),(0,s.jsxs)("div",{className:"px-3 pt-2 pb-3",children:[r&&(0,s.jsx)("code",{className:"block font-mono text-[10.5px] truncate mb-1.5",style:{color:T.textDim},children:r}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)("div",{className:"flex flex-col justify-between text-[8px] py-1 pr-1 shrink-0",style:{color:"#BEBEBE"},children:[(0,s.jsx)("span",{children:t[0]}),(0,s.jsx)("span",{children:t[1]}),(0,s.jsx)("span",{children:t[2]})]}),(0,s.jsxs)("div",{className:"flex-1 relative",children:[(0,s.jsxs)("svg",{viewBox:"0 0 ".concat(d," ").concat(c),className:"w-full h-14",preserveAspectRatio:"none","aria-hidden":!0,children:[(0,s.jsx)("line",{x1:"0",x2:d,y1:"6",y2:"6",stroke:T.borderSoft,strokeWidth:"1"}),(0,s.jsx)("line",{x1:"0",x2:d,y1:c/2,y2:c/2,stroke:T.borderSoft,strokeWidth:"1"}),(0,s.jsx)("line",{x1:"0",x2:d,y1:c-4,y2:c-4,stroke:T.borderSoft,strokeWidth:"1"}),(0,s.jsx)(h.E.path,{d:"".concat(a," L").concat(d," ").concat(c," L0 ").concat(c," Z"),fill:T.greenSoft,initial:{opacity:0}
1,animate:l?{opacity:1}:{},transition:{duration:.6,delay:i+.6,ease:P}}),(0,s.jsx)(h.E.path,{d:a,stroke:T.greenStrong,strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0},animate:l?{pathLength:1}:{},transition:{duration:1.2,delay:i,ease:P}})]}),(0,s.jsxs)("div",{className:"flex justify-between text-[8px] mt-0.5",style:{color:"#BEBEBE"},children:[(0,s.jsx)("span",{children:o[0]}),(0,s.jsx)("span",{children:o[1]}),(0,s.jsx)("span",{children:o[2]})]})]})]})]})]})},G=r(80334),$=r(65797);let J={chart:{bg:"#EEF0FF",fg:"#5B5BD6",Icon:G.Z},log:{bg:"#EFF6FF",fg:"#3B82F6",Icon:$.Z},alert:{bg:"#FEE2E2",fg:"#DC2626",Icon:S.Z}};var X=e=>{let{type:n}=e,{bg:r,fg:a,Icon:t}=J[n];return(0,s.jsx)("span",{className:"inline-flex items-center justify-center w-[18px] h-[18px] rounded align-text-bottom ml-0.5",style:{backgroundColor:r,color:a},"aria-hidden":!0,children:(0,s.jsx)(t,{className:"w-2.5 h-2.5"})})};let ee=[{id:"lead",Icon:M.Z},{id:"triager",Icon:S.Z},{id:"logs",Icon:z.Z},{id:"sort",Icon:W.Z},{id:"metrics",Icon:B.Z},{id:"verifier",Icon:E.Z},{id:"mitigator",Icon:R.Z}],en=["Assessed","Hypothesized","Verified","Concluded"],er=[{id:"what-happened",label:"What happened"},{id:"root-cause",label:"Root cause"},{id:"key-evidence",label:"Key evidence"},{id:"recommendations",label:"Recommendations"},{id:"suggested-fix",label:"Suggested fix"}],es=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:320,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:56,s=n/(e.length-1);return e.map((e,n)=>"".concat(0===n?"M":"L").concat((n*s).toFixed(1)," ").concat((r-e*(r-4)-2).toFixed(1))).join(" ")}([1,.98,.97,.95,.92,.88,.83,.76,.68,.58,.48,.38,.28,.2,.14,.1,.07,.05,.044,.044]),ea={"incidents-workbench":()=>{let e=(0,f.useRef)(null),n=(0,f.useRef)(null),r=(0,f.useRef)({"what-happened":null,"root-cause":null,"key-evidence":null,recommendations:null,"suggested-fix":null}),[a,t]=(0,f.useState)("what-happened"),o=(0,f.useRef)(0),i=(0,C.Y)(n,{once:!0,margin:"-15% 0px"}),l=n=>{t(n),o.current=Date.now()+700;let s=r.current[n],a=e.current;if(s&&a){if(a.scrollHeight>a.clientHeight+4){let e=a.scrollTop+s.getBoundingClientRect().top-a.getBoundingClientRect().top;a.scrollTo({top:e,behavior:"smooth"})}else s.scrollIntoView({behavior:"smooth",block:"start"})}};return(0,f.useEffect)(()=>{let n=e.current;if(!n)return;let s=0,i=()=>{Date.now()<o.current||(cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=n.getBoundingClientRect().top,s=[...er.map(n=>{let{id:s}=n,a=r.current[s];return a?{id:s,top:a.getBoundingClientRect().top-e}:null}).filter(Boolean)].reverse().find(e=>e.top<=80);s&&s.id!==a&&t(s.id)}))};return n.addEventListener("scroll",i,{passive:!0}),()=>{cancelAnimationFrame(s),n.removeEventListener("scroll",i)}},[a]),(0,s.jsx)("div",{ref:n,className:"w-full h-full",children:(0,s.jsxs)(V,{alertTitle:"High rollback rate in entity DB",alertSubtitle:"PostgreSQL High Rollback Rate",badge:"Investigation complete",children:[(0,s.jsxs)(V.Left,{children:[(0,s.jsxs)(h.E.div,{variants:Z,className:"flex gap-5",children:[(0,s.jsx)("span",{className:"text-[13px] font-medium text-gray-900 border-b-2 pb-1.5",style:{borderColor:T.text},children:"War Room"}),(0,s.jsx)("span",{className:"text-[13px] pb-1.5",style:{color:T.textMuted},children:"Threads"})]}),(0,s.jsx)(h.E.div,{variants:Z,children:(0,s.jsx)(q,{phases:en,activeIndex:3})}),(0,s.jsx)(h.E.div,{variants:Z,children:(0,s.jsx)(Q,{agents:ee})}),(0,s.jsxs)(h.E.div,{variants:Z,className:"flex-1 flex flex-col gap-2 min-h-0",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("p",{className:"text-[10px] tracking-[0.12em] uppercase",style:{color:T.textMuted},children:["Theories ",(0,s.jsx)("span",{style:{color:"#BEBEBE"},children:"(1)"})]}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-0.5 text-[11px]",style:{color:T.textMuted},children:["Show 1 ruled out ",(0,s.jsx)(H.Z,{className:"w-3 h-3","aria-hidden":!0})]})]}),(0,s.jsxs)(h.E.div,{initial:{opacity:0,y:8},animate:i?{opacity:1,y:0}:{},transition:{duration:.5,delay:.85,ease:P},className:"rounded-lg border p-3 bg-white",style:{borderColor:T.green
1Border,boxShadow:"0 0 0 3px ".concat(T.greenSoft)},children:[(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-[10px] font-medium px-1.5 py-0.5 rounded",style:{backgroundColor:T.greenSoft,color:T.greenStrong},children:[(0,s.jsx)(F.Z,{className:"w-3 h-3","aria-hidden":!0}),"Root cause"]}),(0,s.jsxs)("p",{className:"mt-2 text-[12px] text-gray-900 leading-snug",children:["Missing database migrations (0335, 0337) on"," ",(0,s.jsx)("code",{className:"font-mono text-[10.5px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"groot-cluster"})," ","causing transaction rollbacks"]}),(0,s.jsxs)("div",{className:"mt-2 flex items-center gap-2 text-[10px]",style:{color:T.textMuted},children:[(0,s.jsxs)("span",{className:"inline-flex gap-0.5",children:[(0,s.jsx)("span",{className:"w-1 h-2.5 rounded-sm",style:{backgroundColor:T.greenStrong}}),(0,s.jsx)("span",{className:"w-1 h-2.5 rounded-sm",style:{backgroundColor:T.greenStrong}}),(0,s.jsx)("span",{className:"w-1 h-2.5 rounded-sm",style:{backgroundColor:T.greenStrong}})]}),"7 evidence"]})]})]})]}),(0,s.jsxs)(V.Right,{children:[(0,s.jsx)(h.E.div,{variants:Z,className:"flex gap-1 px-4 border-b shrink-0 overflow-x-auto scrollbar-none",style:{borderColor:T.borderSoft},children:er.map(e=>{let n=a===e.id;return(0,s.jsx)("button",{type:"button",onClick:()=>l(e.id),className:(0,D.cn)("text-[13px] pb-1.5 pt-2.5 px-1.5 border-b-2 transition-colors duration-150 shrink-0 whitespace-nowrap",n?"text-gray-900 font-medium":"text-gray-500 hover:text-gray-700"),style:{borderColor:n?T.text:"transparent",marginBottom:"-1px"},children:e.label},e.id)})}),(0,s.jsxs)(h.E.div,{ref:e,variants:Z,className:"flex-1 md:overflow-y-auto px-4 pt-3 pb-4 md:pb-[60%]",style:{scrollBehavior:"smooth"},children:[(0,s.jsxs)("section",{ref:e=>{r.current["what-happened"]=e},className:"scroll-mt-1",children:[(0,s.jsx)("h4",{className:"text-[14px] font-medium text-gray-900 mb-2",children:"What happened"}),(0,s.jsxs)("p",{className:"text-[12.5px] leading-[1.65]",style:{color:T.textDim},children:["Alert fired at ",(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"1:19am Wednesday"})," for PostgreSQL High Rollback Rate on"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"pgdb-groot-instance-3"})," ","(database"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"entity"}),", cluster"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"groot-cluster"}),"). The"," ",(0,s.jsx)(h.E.span,{initial:{backgroundColor:"rgba(254, 243, 199, 0)"},animate:i?{backgroundColor:T.highlight}:{},transition:{duration:.5,delay:1.15,ease:P},className:"text-gray-900 font-medium px-1 rounded",children:"rollback ratio sat near 2.2% with peaks to 4.3%"})," ",(0,s.jsx)(X,{type:"chart"}),", then cleared at 1:29am Wednesday, about ten minutes later ",(0,s.jsx)(X,{type:"log"}),"."]}),(0,s.jsxs)("p",{className:"text-[12.5px] leading-[1.65] mt-3",style:{color:T.textDim},children:["Root cause: chronic schema drift on"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"groot-cluster"})," ","â a missing"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"alert_outcome"})," ","column (steady state 7+ days) plus a missing"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"canvas_doc_state"})," ","table that escalated at 1:23pm Tuesday ",(0,s.jsx)(X,{type:"log"})," and acted as the acute trigger. Errors stopped at ~7:33am Wednesday once remediation migrations were applied ",(0,s.jsx)(X,{type:"log"}),"."]}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5 mt-4",children:["Why was the alert cleared so quickly?",'What does "chronic schema drift" mean?'].map(e=>(0,s.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1.5 self-start rounded-full border px-2.5 py-1 text-[11.5px] hover:bg-gray-50 transition-colors duration-150",style:{borderColor:T.border,color:T.textDim}
1,children:[(0,s.jsx)("span",{"aria-hidden":!0,children:"â³"}),e]},e))})]}),(0,s.jsxs)("section",{ref:e=>{r.current["root-cause"]=e},className:"mt-6 pt-6 border-t scroll-mt-1",style:{borderColor:T.borderSoft},children:[(0,s.jsx)("h4",{className:"text-[14px] font-medium text-gray-900 mb-2",children:"Root cause"}),(0,s.jsx)("p",{className:"text-[13px] font-medium text-gray-900 mt-2 mb-1.5",children:"Missing database migrations on groot-cluster"}),(0,s.jsxs)("p",{className:"text-[12.5px] leading-[1.65]",style:{color:T.textDim},children:["Drizzle migrations"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"0335_alert_outcome_column.sql"})," ","and"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"0337_quick_argent.sql"})," ","were never applied to the groot-cluster entity DB. Application code deployed 8â13 days earlier references the missing"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"alert_outcome"})," ","column and"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"canvas_doc_state"})," ","table, so every transaction touching them rolls back."]}),(0,s.jsx)("p",{className:"text-[12.5px] font-medium text-gray-900 mt-4 mb-1.5",children:"Causal chain"}),(0,s.jsxs)("ol",{className:"flex flex-col gap-1.5 text-[12px] leading-[1.55] list-decimal pl-4",style:{color:T.textDim},children:[(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Missing migrations (0335, 0337)"})," on groot-cluster entity DB â migration runner is manual and was never run on groot-cluster ",(0,s.jsx)(X,{type:"log"})," ",(0,s.jsx)(X,{type:"alert"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"canvas_doc_state errors escalated at 1:23pm Tuesday"})," ","(0 â ~120+ /10min) â the acute trigger ",(0,s.jsx)(X,{type:"log"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Deployment at 8:30pm Tuesday"})," triggered an eval workflow storm (14,441 logs/min at peak), amplifying error frequency ",(0,s.jsx)(X,{type:"log"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Commit surge subsided at ~11:00pm Tuesday"}),", ratio rose as denominator shrank (same rollbacks \xf7 fewer commits =",">"," 22\xd7 ratio amplification)"," ",(0,s.jsx)(X,{type:"chart"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Alert fired at 1:19am Wednesday"})," when ratio reached 2.43%, cleared at 1:29am Wednesday ",(0,s.jsx)(X,{type:"alert"})]})]}),(0,s.jsxs)("p",{className:"text-[12px] leading-[1.55] mt-3",style:{color:T.textDim},children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Remediation applied:"})," migrations applied at ~7:34am Wednesday, both error patterns stopped immediately ",(0,s.jsx)(X,{type:"log"}),"."]}),(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(K,{title:"Commit rate â entity DB (pgdb-groot-instance-3)",query:'rate(pg_stat_database_xact_commit{datname="entity", cluster="groot-cluster"})',path:es,yLabels:["18","9","0"],xLabels:["Tue 22:00","Wed 00:30","Wed 01:19"],delay:1,active:i})}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5 mt-4",children:["Why is the migration runner manual?","Why did the commit surge subside?"].map(e=>(0,s.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1.5 self-start rounded-full border px-2.5 py-1 text-[11.5px] hover:bg-gray-50 transition-colors duration-150",style:{borderColor:T.border,color:T.textDim},children:[(0,s.jsx)("span",{"aria-hidden":!0,children:"â³"}),e]},e))})]}),(0,s.jsxs)("section",{ref:e=>{r.current["key-evidence"]=e},className:"mt-6 pt-6 border-t scroll-mt-1",style:{borderColor:T.borderSoft},children:[(0,s.jsx)("h4",{className:"text-[14px] font-medium text-gray-900 mb-2",children:"Key evidence"}),(0,s.jsxs)("ul",{className:"flex flex-col gap-2 text-[12px] leading-[1.55] list-disc pl-4",style:{color:T.textDim},children:[(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"137,639 combined schema errors"})," during the incident window: ~15,439"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"alert_outcome"})," ","+ ~122,200"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"canvas_doc_state"})," ","errors ",(0,s.jsx)(X,{type:"log"})," ",(0,s.jsx)(X,{type:"chart"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Ratio spike from commit collapse, not rollback increase"})," ","â commit rate dropped from 16.74 tx/s (peak at 10:00pm Tuesday) to 0.74 tx/s at alert time, amplifying constant background rollbacks (~0.017 tx/s) by 22\xd7 ",(0,s.jsx)(X,{type:"chart"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Migration PRs identified"}),":"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"0335"})," ","â PR #27326 (merged April 22),"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"0337"})," ","â PR #27872 (merged April 27) ",(0,s.jsx)(X,{type:"log"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Why migrations weren't applied"}),": migrations are manually invoked (",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"run-db-migrate.mjs"}),"), not automated. CI ran on dev0-cluster only; groot-cluster was never targeted ",(0,s.jsx)(X,{type:"log"})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Prior known issue"}),": PR #27504 fixed Drizzle migrator silently skipping migration 0335 due to timestamp ordering in"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"_journal.json"})," ",(0,s.jsx)(X,{type:"log"})]})]})]}),(0,s.jsxs)("section",{ref:e=>{r.current.recommendations=e},className:"mt-6 pt-6 border-t scroll-mt-1",style:{borderColor:T.borderSoft},children:[(0,s.jsx)("h4",{className:"text-[14px] font-medium text-gray-900 mb-2",children:"Recommendations"}),(0,s.jsxs)("ul",{className:"flex flex-col gap-2 text-[12px] leading-[1.55] list-disc pl-4",style:{color:T.textDim},children:[(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"No immediate action required"})," â migrations have been applied (errors stopped ~7:34am Wednesday); alert auto-resolves as baseline returns."]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Enable migrations by default for groot deploys"})," â"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"deploy-groot.yml"})," ","sets"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"run-db-migrations: false"}),"; flip default to"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"true"})," ","or add drift detection."]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("span",{className:"text-gray-900 font-medium",children:"Add pre-deployment schema validation"})," â validate code's schema references against the target DB before deploy."]})]})]}),(0,s.jsxs)("section",{ref:e=>{r.current["suggested-fix"]=e},className:"mt-6 pt-6 border-t scroll-mt-1 pb-2",style:{borderColor:T.borderSoft},children:[(0,s.jsx)("h4",{className:"text-[14px] font-medium text-gray-900 mb-2",children:"Suggested fix"}),(0,s.jsxs)("p",{className:"text-[12.5px] leading-[1.65]",style:{color:T.textDim},children:["Flip"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"run-db-migrations"})," ","default from"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"false"})," ","to"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"true"}
1)," ","in"," ",(0,s.jsx)("code",{className:"font-mono text-[11px] px-1 py-0.5 rounded text-gray-900",style:{backgroundColor:T.bgSubtle},children:"deploy-groot.yml"})," ","so migrations run by default on groot deploys."]}),(0,s.jsxs)("div",{className:"mt-3 rounded-lg border bg-white p-3",style:{borderColor:T.border},children:[(0,s.jsx)("p",{className:"text-[11px] font-medium text-gray-900 mb-1.5",children:"Diff preview"}),(0,s.jsx)("pre",{className:"font-mono text-[10.5px] leading-[1.55] whitespace-pre-wrap",style:{color:T.textDim},children:"# .github/workflows/deploy-groot.yml\n inputs:\n run-db-migrations:\n- default: false\n+ default: true"})]})]})]})]})]})})},"oncall-investigations":()=>(0,s.jsx)(k,{bareInner:!0,showReplayChip:!1,children:(0,s.jsxs)("div",{className:"rv-oncall-home",children:[(0,s.jsx)("style",{children:"\n.rv-oncall-home {\n --background: #f8f8f5;\n --foreground: #09090b;\n --card: #ffffff;\n --muted-foreground: #71717a;\n --accent: #f3f2ec;\n --accent-strong: #ebe9e0;\n --border: #e6e6e6;\n --border-strong: #d4d4d8;\n\n --green-500: #16a34a;\n --green-700: #15803d;\n --red-500: #dc2626;\n --resolve-yellow: #d9f400;\n --slack-link: #1264a3;\n --amazon-q: #ff9900;\n\n --code-bg: #fef2f2;\n --code-border: #fecaca;\n --code-text: #be123c;\n\n --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n\n width: 100%;\n height: 100%;\n min-height: 640px;\n display: flex;\n justify-content: center;\n align-items: stretch;\n font-family: var(--font-sans);\n font-feature-settings: 'cv11', 'ss01', 'ss03';\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n color: var(--foreground);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.rv-oncall-home *,\n.rv-oncall-home *::before,\n.rv-oncall-home *::after { box-sizing: border-box; }\n\n.rv-oncall-home .fragment {\n width: 100%;\n max-width: 640px;\n height: 100%;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 10px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.06);\n overflow: hidden;\n color: var(--foreground);\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n/* Internal scroll area â chrome stays fixed at top, messages scroll on hover. */\n.rv-oncall-home .frag-scroll {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.18) transparent;\n}\n.rv-oncall-home .frag-scroll::-webkit-scrollbar { width: 6px; }\n.rv-oncall-home .frag-scroll::-webkit-scrollbar-track { background: transparent; }\n.rv-oncall-home .frag-scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; }\n.rv-oncall-home .frag-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); }\n\n/* Extra space at end of scroll content so the last items (Create PR button,\n etc.) can scroll above the outer ScrollNarrativeLayout cream fade. */\n.rv-oncall-home .frag-scroll > :last-child { padding-bottom: 180px; }\n\n/* Slack chrome */\n.rv-oncall-home .chrome {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 20px;\n background: #f8f8f5;\n border-bottom: 1px solid var(--border);\n}\n.rv-oncall-home .chrome .chrome-left {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.rv-oncall-home .chrome .channel-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--foreground);\n}\n.rv-oncall-home .chrome .members {\n font-size: 12px;\n color: var(--muted-foreground);\n margin-left: 8px;\n}\n.rv-oncall-home .chrome .chrome-right { color: #bcbcc3; }\n.rv-oncall-home .chrome .chrome-icon { display: inline-flex; color: var(--muted-foreground); }\n\n/* Message */\n.rv-oncall-home .msg {\n position: relative;\n display: grid;\n grid-template-columns: 40px 1fr;\n gap: 10px;\n padding: 16px 20px 18px 16px;\n align-items: start;\n}\n.rv-oncall-home .msg + .msg { padding-top: 6px; }\n\n.rv-oncall-home .msg::before {\n content: '';\n position: absolute;\n left: 16px;\n top: 16px;\n bottom: 16px;\n width: 3px;\n border-radius: 1.5px;\n}\n.rv-oncall-home .msg--alert::before { background: var(--red-500); }\n.rv-oncall-home .msg--resolved::before { background: var(--green-500); }\n\n.rv-oncall-home .avatar {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-left: 14px;\n margin-top: 2px;\n overflow: hidden;\n font-weight: 700;\n font-size: 15px;\n color: #ffffff;\n}\n.rv-oncall-home .avatar--q { background: var(--amazon-q); }\n.rv-oncall-home .avatar--resolve { background: transparent; padding: 0; }\n.rv-oncall-home .avatar--resolve svg { width: auto; height: 100%; display: block; }\n\n.rv-oncall-home .body { min-width: 0; }\n\n.rv-oncall-home .byline {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 4px;\n}\n.rv-oncall-home .author {\n font-size: 14px;\n font-weight: 700;\n color: var(--foreground);\n}\n.rv-oncall-home .app-tag {\n font-size: 10px;\n font-weight: 600;\n color: var(--muted-foreground);\n background: var(--accent);\n border: 1px solid var(--border);\n border-radius: 3px;\n padding: 1px 5px;\n line-height: 1;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n}\n.rv-oncall-home .timestamp {\n font-size: 12px;\n color: var(--muted-foreground);\n font-weight: 400;\n}\n\n.rv-oncall-home .alert-title {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 14px;\n font-weight: 700;\n color: var(--foreground);\n margin-bottom: 8px;\n}\n.rv-oncall-home .alert-title .siren { flex-shrink: 0; display: inline-flex; }\n.rv-oncall-home .alert-title .link { color: var(--slack-link); font-weight: 700; }\n\n.rv-oncall-home .msg p {\n margin: 0 0 8px 0;\n color: var(--foreground);\n}\n.rv-oncall-home .msg p:last-child { margin-bottom: 0; }\n.rv-oncall-home .msg strong { font-weight: 700; }\n\n.rv-oncall-home .code {\n font-family: var(--font-mono);\n font-size: 12px;\n font-weight: 500;\n background: var(--code-bg);\n color: var(--code-text);\n padding: 2px 6px;\n border-radius: 4px;\n border: 1px solid var(--code-border);\n white-space: nowrap;\n}\n\n.rv-oncall-home .chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;
1\n width: 20px;\n height: 20px;\n border-radius: 4px;\n vertical-align: -5px;\n margin: 0 1px;\n}\n.rv-oncall-home .chip--trend {\n background: #dbeafe;\n border: 1px solid #bfdbfe;\n color: #2563eb;\n}\n.rv-oncall-home .chip--log {\n background: #ede9fe;\n border: 1px solid #ddd6fe;\n color: #7c3aed;\n}\n\n.rv-oncall-home .msg ul {\n margin: 6px 0 8px;\n padding-left: 20px;\n list-style: disc;\n}\n.rv-oncall-home .msg li { margin: 3px 0; }\n\n.rv-oncall-home .btn-row {\n display: flex;\n gap: 6px;\n margin-top: 12px;\n}\n.rv-oncall-home .btn-ghost {\n height: 30px;\n padding: 0 13px;\n background: #ffffff;\n border: 1px solid var(--border-strong);\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n color: var(--foreground);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.rv-oncall-home .btn-ghost--icon {\n padding: 0 10px;\n color: var(--muted-foreground);\n}\n\n.rv-oncall-home .status {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n margin: 14px 0 10px;\n font-size: 12px;\n font-weight: 600;\n color: var(--green-700);\n letter-spacing: 0.02em;\n}\n.rv-oncall-home .status .dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--green-500);\n}\n\n.rv-oncall-home .cta-row {\n display: flex;\n gap: 6px;\n margin-top: 6px;\n flex-wrap: wrap;\n}\n.rv-oncall-home .btn-primary {\n height: 34px;\n padding: 0 14px;\n background: var(--foreground);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n}\n.rv-oncall-home .btn-primary .icon-pr { color: var(--resolve-yellow); display: inline-flex; }\n.rv-oncall-home .btn-secondary {\n height: 34px;\n padding: 0 14px;\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n color: var(--foreground);\n display: inline-flex;\n align-items: center;\n}\n\n.rv-oncall-home .msg--muted { opacity: 0.55; }\n.rv-oncall-home .msg--muted::before { background: var(--red-500); opacity: 1; }\n"}),(0,s.jsxs)("div",{className:"fragment",children:[(0,s.jsxs)("div",{className:"chrome",children:[(0,s.jsxs)("span",{className:"chrome-left",children:[(0,s.jsx)("span",{className:"chrome-icon",children:(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:(0,s.jsx)("path",{d:"M4 1.5L3 12.5M11 1.5L10 12.5M1 5h12M1 9h12",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),(0,s.jsx)("span",{className:"channel-name",children:"ecommerce-app-alerts"}),(0,s.jsx)("span",{className:"members",children:"12 members"})]}),(0,s.jsx)("span",{className:"chrome-right",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:[(0,s.jsx)("circle",{cx:"3",cy:"7",r:"1.4",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"7",cy:"7",r:"1.4",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"11",cy:"7",r:"1.4",fill:"currentColor"})]})})]}),(0,s.jsxs)("div",{className:"frag-scroll",children:[(0,s.jsxs)("article",{className:"msg msg--muted msg--alert",children:[(0,s.jsx)("span",{className:"avatar avatar--q","aria-label":"Amazon Q",children:"Q"}),(0,s.jsxs)("div",{className:"body",children:[(0,s.jsxs)("div",{className:"byline",children:[(0,s.jsx)("span",{className:"author",children:"Amazon Q"}),(0,s.jsx)("span",{className:"app-tag",children:"App"}),(0,s.jsx)("span",{className:"timestamp",children:"8:28 AM"})]}),(0,s.jsxs)("div",{className:"alert-title",children:[(0,s.jsx)("span",{className:"siren","aria-hidden":"true",children:(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M2 12h10M3.5 12v-1a3.5 3.5 0 0 1 7 0v1M7 4.5V1.5M4 3l-1-1M10 3l1-1",stroke:"#dc2626",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"link",children:"CloudWatch Alarm | RDS CPU utilization high | us-east-2"})]}),(0,s.jsx)("p",{children:"Threshold Crossed: 1 datapoint [61.1074 (10/05/26 15:26:00)] was greater than the threshold (30.0)."}),(0,s.jsxs)("div",{className:"btn-row",children:[(0,s.jsx)("span",{className:"btn-ghost",children:"List dashboards"}),(0,s.jsx)("span",{className:"btn-ghost",children:"Query logs"}),(0,s.jsx)("span",{className:"btn-ghost btn-ghost--icon",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"3",cy:"7",r:"1.3",fill:"
1currentColor"}),(0,s.jsx)("circle",{cx:"7",cy:"7",r:"1.3",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"11",cy:"7",r:"1.3",fill:"currentColor"})]})})]})]})]}),(0,s.jsxs)("article",{className:"msg msg--resolved",children:[(0,s.jsx)("span",{className:"avatar avatar--resolve","aria-label":"Resolve",children:(0,s.jsxs)("svg",{viewBox:"0 0 63 130",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",preserveAspectRatio:"xMidYMid meet",children:[(0,s.jsx)("path",{d:"M32 0H0V62L63.0005 130L63 58H47.2426C56.6503 52.6775 63 42.5803 63 31C63 13.8792 49.1208 0 32 0Z",fill:"#D9F400"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 0H32C49.1208 0 63 13.8792 63 31C63 42.5803 56.6503 52.6775 47.2426 58H63L63.0005 130L0 62V0ZM4 4H32C46.9117 4 59 16.0883 59 31C59 45.9117 46.9117 58 32 58H4V4ZM5.45287 62L59.0004 119.797L59 62H5.45287Z",fill:"#222222"})]})}),(0,s.jsxs)("div",{className:"body",children:[(0,s.jsxs)("div",{className:"byline",children:[(0,s.jsx)("span",{className:"author",children:"Resolve"}),(0,s.jsx)("span",{className:"app-tag",children:"App"}),(0,s.jsx)("span",{className:"timestamp",children:"8:29 AM"})]}),(0,s.jsxs)("div",{className:"alert-title",children:[(0,s.jsx)("span",{className:"siren","aria-hidden":"true",children:(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M2 12h10M3.5 12v-1a3.5 3.5 0 0 1 7 0v1M7 4.5V1.5M4 3l-1-1M10 3l1-1",stroke:"#dc2626",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{children:"RDS CPU utilization high â otel-demo-consolidated"})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"What happened:"})," CPU spiked from ~9% to ",(0,s.jsx)("strong",{children:"99.6%"})," at 8:27 AM. A single expensive SQL query saturated the ",(0,s.jsx)("span",{className:"code",children:"db.t4g.micro"})," instance."]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Customer impact:"})," recommendation service latency ",(0,s.jsx)("strong",{children:"25\xd7"})," (50ms â 1,244ms), throughput collapsed to ~20% of normal."," ",(0,s.jsx)("span",{className:"chip chip--trend","aria-label":"metric chart",children:(0,s.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M2 9.5L5 6.5L7 8L10 4M10 4h-2.2M10 4v2.2",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Root cause:"})," Feature flag ",(0,s.jsx)("span",{className:"code",children:"database-health-monitor"})," toggled ON at 8:25 AM, activating 15 CPU-intensive full-table scans per request."," ",(0,s.jsx)("span",{className:"chip chip--log","aria-label":"log source",children:(0,s.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[(0,s.jsx)("path",{d:"M2.5 1.5 H7 L9.5 4 V10.5 a0.5 0.5 0 0 1 -0.5 0.5 H2.5 a0.5 0.5 0 0 1 -0.5 -0.5 V2 a0.5 0.5 0 0 1 0.5 -0.5 z",stroke:"currentColor",strokeWidth:"1.1",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M7 1.5 V3.5 a0.5 0.5 0 0 0 0.5 0.5 H9.5",stroke:"currentColor",strokeWidth:"1",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M3.6 6 L5 7.2 L3.6 8.4",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M6 8.4 H8",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]})})]}),(0,s.jsx)("p",{children:(0,s.jsx)("strong",{children:"Causal chain:"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:["Flag toggle â ",(0,s.jsx)("span",{className:"code",children:"read_user_info_partial()"})," called 3\xd7/request"]}),(0,s.jsx)("li",{children:"Each call runs 5 full-table scans with MD5"}),(0,s.jsxs)("li",{children:["Single query = ",(0,s.jsx)("strong",{children:"100% of load spike"})," (16.6 of 17 AAS)"]})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Recommended action:"})," Toggle flag OFF in"," ",(0,s.jsx)("span",{className:"code",children:"etc/flagd/demo.flagd.json"})," â CPU returns to baseline in 1â2 min."]}),(0,s.jsxs)("div",{className:"status",children:[(0,s.jsx)("span",{className:"dot"}),"Investigation concluded"]}),(0,s.jsxs)("div",{className:"cta-row",children:[(0,s.jsxs)("span",{className:"btn-primary",children:[(0,s.jsx)("span",{className:"icon-pr",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"3",cy:"2.5",r:"1.5",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("circle",{cx:"3",cy:"11.5",r:"1.5",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("circle",{cx:"11",cy:"11.5",r:"1.5",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("path",{d:"M3 4v6",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"}),(0,s.jsx)("path",{d:"M11 10c0-3.5-2.5-5-5-5h-2",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})]})}),"Create PR"]}),(0,s.jsx)("span",{className:"btn-secondary",children:"View details at Resolve"})]})]})]})]})]})]})}),"incidents-rollback-cockpit":()=>(0,s.jsx)(k,{bareInner:!0,showReplayChip:!1,children:(0,s.jsxs)("div",{className:"rv-cowork-home",children:[(0,s.jsx)("style",{children:"\n.rv-cowork-home {\n --background: #f8f8f5;\n --foreground: #09090b;\n --card: #ffffff;\n --card-soft: #fafafa;\n --muted-foreground: #71717a;\n --mid-foreground: #3f3f46;\n --accent: #f3f2ec;\n --accent-subtle: #f1f0e9;\n --accent-strong: #ebe9e0;\n --border: #e6e6e6;\n --border-soft: #d6d6d6;\n --border-strong: #bcbcc3;
1\n\n --emerald-50: #ecfdf5;\n --emerald-200: #a7f3d0;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n\n --amber-50: #fffbeb;\n --amber-200: #fde68a;\n --amber-500: #d97706;\n --amber-700: #b45309;\n\n --sky-50: #f0f9ff;\n --sky-200: #bae6fd;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n\n --resolve-yellow: #d9f400;\n\n --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;\n --font-display: 'paralucent-text', 'Inter', ui-sans-serif, system-ui, sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n\n width: 100%;\n height: 100%;\n min-height: 640px;\n display: flex;\n justify-content: center;\n align-items: stretch;\n font-family: var(--font-sans);\n font-feature-settings: 'cv11', 'ss01', 'ss03';\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n color: var(--foreground);\n}\n\n.rv-cowork-home *,\n.rv-cowork-home *::before,\n.rv-cowork-home *::after { box-sizing: border-box; }\n\n.rv-cowork-home code {\n font-family: var(--font-mono);\n background: var(--accent-strong);\n padding: 0.06em 0.32em;\n border-radius: 4px;\n font-size: 0.85em;\n color: var(--foreground);\n white-space: nowrap;\n}\n\n/* Cream paper wrapper that creates the \"small box outside the image\" look,\n matching the bgagents pattern. Sits inside VisualFrame's bare inner. */\n.rv-cowork-home .paper {\n width: 100%;\n max-width: 1196px;\n height: 100%;\n background: #f3f2ec;\n border: 1px solid rgba(20, 20, 28, 0.06);\n border-radius: 12px;\n padding: 8px;\n display: flex;\n flex-direction: column;\n /* Container query root â measures the visual's true width so layout\n decisions (hide chat panel, trim header) respond to actual size. */\n container-type: inline-size;\n container-name: cowork-frag;\n}\n\n.rv-cowork-home .fragment {\n width: 100%;\n flex: 1;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\n/* Internal scroll area â header stays fixed; body scrolls on hover. */\n.rv-cowork-home .frag-scroll {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.18) transparent;\n}\n.rv-cowork-home .frag-scroll::-webkit-scrollbar { width: 6px; }\n.rv-cowork-home .frag-scroll::-webkit-scrollbar-track { background: transparent; }\n.rv-cowork-home .frag-scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; }\n.rv-cowork-home .frag-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); }\n\n/* Extra space at end of scroll content so the last items can scroll above the\n outer ScrollNarrativeLayout cream fade. */\n.rv-cowork-home .frag-scroll > :last-child { padding-bottom: 180px; }\n\n/* Header */\n.rv-cowork-home .frag-header {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px 22px;\n background: var(--background);\n border-bottom: 1px solid var(--border);\n flex-wrap: wrap;\n}\n.rv-cowork-home .alert-tri { display: inline-flex; color: var(--amber-500); flex-shrink: 0; }\n.rv-cowork-home .alert-title-h {\n font-size: 14px;\n font-weight: 600;\n color: var(--foreground);\n white-space: nowrap;\n}\n.rv-cowork-home .header-pills {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-left: 12px;\n flex-wrap: wrap;\n}\n.rv-cowork-home .pill-soft {\n display: inline-flex;\n align-items: center;\n height: 26px;\n padding: 0 10px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 12px;\n color: var(--mid-foreground);\n white-space: nowrap;\n}\n.rv-cowork-home .pill-soft .pill-label {\n color: var(--muted-foreground);\n margin-right: 4px;\n}\n.rv-cowork-home .pill-soft code {\n background: transparent;\n padding: 0;\n font-size: 12px;\n color: var(--foreground);\n}\n.rv-cowork-home .pill-tiny {\n display: inline-flex;\n align-items: center;
1\n height: 26px;\n padding: 0 9px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 11.5px;\n color: var(--muted-foreground);\n}\n.rv-cowork-home .header-right {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.rv-cowork-home .avatar-circle {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: #6f9eff;\n color: white;\n font-size: 11px;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n letter-spacing: 0.02em;\n flex-shrink: 0;\n}\n.rv-cowork-home .avatar-circle--sp { background: #8e6fff; }\n\n.rv-cowork-home .agent-stack {\n display: inline-flex;\n align-items: center;\n gap: 0;\n}\n.rv-cowork-home .agent-mini {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid var(--background);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: -10px;\n box-sizing: border-box;\n flex-shrink: 0;\n}\n.rv-cowork-home .agent-mini:first-child { margin-left: 0; }\n.rv-cowork-home .agent-mini--lead {\n background: var(--amber-50);\n color: var(--amber-700);\n box-shadow: inset 0 0 0 1.5px var(--amber-200);\n}\n.rv-cowork-home .agent-mini--investigator {\n background: var(--sky-50);\n color: var(--sky-600);\n box-shadow: inset 0 0 0 1.5px var(--sky-200);\n}\n.rv-cowork-home .agent-mini--verifier {\n background: var(--emerald-50);\n color: var(--emerald-600);\n box-shadow: inset 0 0 0 1.5px var(--emerald-200);\n}\n.rv-cowork-home .agent-overflow {\n margin-left: 7px;\n font-size: 12px;\n color: var(--mid-foreground);\n font-weight: 500;\n white-space: nowrap;\n}\n.rv-cowork-home .icon-btn {\n width: 30px;\n height: 30px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--mid-foreground);\n background: transparent;\n border: none;\n border-radius: 6px;\n}\n\n/* Phases â pills with arrows between (new cleaned-up version) */\n.rv-cowork-home .phases {\n padding: 16px 22px 14px;\n background: var(--card);\n}\n.rv-cowork-home .phase-pills {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n.rv-cowork-home .phase-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 5px 11px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 12px;\n white-space: nowrap;\n}\n.rv-cowork-home .phase-pill .phase-name {\n font-weight: 500;\n color: var(--mid-foreground);\n}\n.rv-cowork-home .phase-pill .phase-dur {\n font-size: 11.5px;\n font-weight: 500;\n color: var(--muted-foreground);\n font-variant-numeric: tabular-nums;\n}\n.rv-cowork-home .phase-pill--done {\n background: var(--emerald-50);\n border-color: var(--emerald-200);\n}\n.rv-cowork-home .phase-pill--done .phase-name {\n color: var(--emerald-700);\n font-weight: 600;\n}\n.rv-cowork-home .phase-pill--done .phase-check {\n color: var(--emerald-600);\n display: inline-flex;\n}\n.rv-cowork-home .phase-arrow {\n display: inline-flex;\n color: var(--border-strong);\n flex-shrink: 0;\n}\n\n/* Split body */\n.rv-cowork-home .frag-body {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 380px;\n min-height: 460px;\n}\n\n.rv-cowork-home .report-panel {\n padding: 22px 26px 0;\n border-right: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n gap: 22px;\n position: relative;\n min-width: 0;\n}\n\n.rv-cowork-home .section-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n}\n.rv-cowork-home .section-head h2 {\n font-family: var(--font-display);\n font-size: 19px;\n font-weight: 700;\n color: var(--foreground);\n margin: 0;\n letter-spacing: -0.01em;\n}\n.rv-cowork-home .section-reactions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--muted-foreground);\n}\n.rv-cowork-home .section-reactions .icon-btn {\n width: 24px;\n height: 24px;\n}\n\n/* Theories â single column now (Contributing Factor moved into causal chain) */\n.rv-cowork-home .theories-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n}\n.rv-cowork-home .theory-card {\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 14px 14px 12px;\n background: var(--card);\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.rv-cowork-home .theory-meta {\n display: flex;\n flex-direction: column;\n gap: 7px;\n}\n.rv-cowork-home .meta-row-top {\n display: flex;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n}\n.rv-cowork-home .meta-item {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n}\n.rv-cowork-home .meta-item--root {\n color: var(--emerald-700);\n font-weight: 600;\n}\n.rv-cowork-home .meta-item--root .meta-icon {\n color: var(--emerald-600);\n display: inline-flex;\n}\n.rv-cowork-home .meta-item--contrib {\n color: var(--mid-foreground);\n font-weight: 500;\n}\n.rv-cowork-home .meta-item--contrib .meta-icon {\n color: var(--amber-500);\n display: inline-flex;\n}\n.rv-cowork-home .meta-item .conf-label {\n color: var(--mid-foreground);\n font-weight: 500;\n}\n.rv-cowork-home .conf-dots {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n}\n.rv-cowork-home .conf-dots .dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n}\n.rv-cowork-home .dot--green { background: var(--emerald-500); }\n.rv-cowork-home .dot--amber { background: var(--amber-500); }
1\n.rv-cowork-home .dot--empty {\n background: transparent;\n border: 1.5px solid var(--border-strong);\n width: 7px;\n height: 7px;\n box-sizing: border-box;\n}\n.rv-cowork-home .meta-evidence {\n color: var(--muted-foreground);\n font-size: 12px;\n font-weight: 500;\n}\n.rv-cowork-home .theory-title {\n font-family: var(--font-display);\n font-size: 15.5px;\n font-weight: 700;\n color: var(--foreground);\n line-height: 1.35;\n margin: 0;\n letter-spacing: -0.005em;\n}\n.rv-cowork-home .theory-title code {\n font-family: var(--font-mono);\n font-size: 0.88em;\n font-weight: 600;\n}\n\n.rv-cowork-home .contributors-row {\n display: flex;\n align-items: center;\n gap: 10px;\n padding-top: 10px;\n border-top: 1px dashed var(--border);\n margin-top: 2px;\n flex-wrap: wrap;\n}\n.rv-cowork-home .contrib-label {\n font-family: var(--font-mono);\n font-size: 9.5px;\n font-weight: 600;\n color: var(--muted-foreground);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.rv-cowork-home .contrib-chips {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n.rv-cowork-home .contrib-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n font-weight: 500;\n color: var(--mid-foreground);\n}\n.rv-cowork-home .contrib-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n box-shadow: 0 0 0 2px var(--card);\n}\n.rv-cowork-home .contrib-chip--lead .contrib-dot { background: var(--amber-500); }\n.rv-cowork-home .contrib-chip--investigator .contrib-dot { background: var(--sky-500); }\n.rv-cowork-home .contrib-chip--verifier .contrib-dot { background: var(--emerald-500); }\n\n/* Causal chain */\n.rv-cowork-home .cc-section h2 {\n font-family: var(--font-display);\n font-size: 19px;\n font-weight: 700;\n color: var(--foreground);\n margin: 0 0 12px;\n letter-spacing: -0.01em;\n}\n.rv-cowork-home .cc-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 14px;\n}\n.rv-cowork-home .cc-item {\n display: grid;\n grid-template-columns: 16px 1fr;\n gap: 10px;\n font-size: 13.5px;\n line-height: 1.5;\n color: var(--mid-foreground);\n}\n.rv-cowork-home .cc-item .cc-check {\n color: var(--emerald-600);\n margin-top: 2px;\n display: inline-flex;\n}\n.rv-cowork-home .cc-item strong {\n color: var(--foreground);\n font-weight: 600;\n}\n\n.rv-cowork-home .suggestion-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.rv-cowork-home .sug-chip {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border: 1px solid var(--border);\n background: var(--card);\n border-radius: 9999px;\n padding: 5px 12px;\n font-size: 12.5px;\n color: var(--mid-foreground);\n line-height: 1.3;\n}\n.rv-cowork-home .sug-chip .arr {\n color: var(--muted-foreground);\n display: inline-flex;\n}\n\n/* Steer composer */\n.rv-cowork-home .steer-wrap {\n margin: 0 -26px;\n padding: 14px 26px 18px;\n margin-top: auto;\n}\n.rv-cowork-home .steer-composer {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 9px 10px 9px 12px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 10px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n.rv-cowork-home .steer-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 5px 11px;\n border: 1px solid var(--border);\n background: var(--card-soft);\n border-radius: 8px;\n font-size: 12.5px;\n font-weight: 500;\n color: var(--foreground);\n flex-shrink: 0;\n}\n.rv-cowork-home .steer-btn .steer-icon { color: var(--mid-foreground); display: inline-flex; }\n.rv-cowork-home .steer-chat-icon { color: var(--muted-foreground); display: inline-flex; }\n.rv-cowork-home .steer-placeholder {\n flex: 1;\n font-size: 13px;\n color: var(--muted-foreground);\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rv-cowork-home .steer-send {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: var(--accent-strong);\n color: var(--mid-foreground);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n flex-shrink: 0;\n}\n\n/* Chat panel */\n.rv-cowork-home .chat-panel {\n display: flex;\n flex-direction: column;\n background: var(--card);\n position: relative;\n min-width: 0;\n}\n.rv-cowork-home .chat-list {\n flex: 1;\n padding: 22px 22px 14px;\n display: flex;\n flex-direction: column;\n gap: 22px;\n overflow: hidden;\n position: relative;\n}\n\n/* Vertical thread line behind avatars */\n.rv-cowork-home .chat-list::before {\n content: \"\";\n position: absolute;\n left: 35px;\n top: 38px;\n bottom: 24px;\n width: 1px;\n background: var(--border-soft);\n z-index: 0;\n pointer-events: none;\n}\n\n.rv-cowork-home .chat-msg {\n display: grid;\n grid-template-columns: 28px 1fr;\n gap: 10px;\n}\n.rv-cowork-home .chat-msg .avatar-circle {\n margin-top: 2px;\n position: relative;\n z-index: 1;\n}\n.rv-cowork-home .chat-msg .msg-text {\n font-size: 13px;\n color: var(--foreground);\n line-height: 1.5;\n}\n.rv-cowork-home .chat-msg.agent .msg-text { padding-top: 0; }\n\n.rv-cowork-home .agent-resolve-mark {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 50%;\n margin-top: 0;\n position: relative;\n z-index: 1;\n}\n\n/* Engineer message header (parallel to agent message header) */\n.rv-cowork-home .msg-header {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 4px;\n color: var(--foreground);\n}\n.rv-cowork-home .msg-header .msg-author {\n font-size: 13px;\n font-weight: 600;\n color: var(--foreground);\n}\n.rv-cowork-home .msg-header .msg-time {\n font-size: 11.5px;\n color: var(--muted-foreground);\n}\n\n.rv-cowork-home .agent-header {\n display: flex;\n align-items: center;\n gap: 7px;\n margin-bottom: 8px;\n color: var(--foreground);\n}\n.rv-cowork-home .agent-name {\n font-size: 13px;\n font-weight: 600;\n color: var(--foreground);\n}\n.rv-cowork-home .agent-time {\n font-size: 11.5px;\n color: var(--muted-foreground);\n margin-left: auto;\n}\n.rv-cowork-home .msg-body p {\n font-size: 13px;\n line-height: 1.55;\n color: var(--mid-foreground);\n margin: 0 0 8px;\n}\n.rv-cowork-home .msg-body p:last-child { margin-bottom: 0; }\n.rv-cowork-home .msg-body strong {\n color: var(--foreground);\n font-weight: 600;\n}\n\n.rv-cowork-home .chat-composer {\n margin: 0 22px 18px;\n padding: 11px 14px;\n border: 1px solid var(--border);\n border-radius: 10px;\n background: var(--card);\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.rv-cowork-home .chat-composer .placeholder {\n flex: 1;\n font-size: 12.5px;\n color: var(--muted-foreground);\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rv-cowork-home .chat-composer .send {\n width: 26px;
1\n height: 26px;\n border-radius: 50%;\n background: var(--foreground);\n color: white;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n/* Header trimming so it stays on one row at typical desktop widths.\n Hide the cluster pill and the \"+3\" tiny pill â the alert title + Fired\n pill on the left, AP/SP + agent stack on the right are enough identity. */\n@container cowork-frag (max-width: 999px) {\n .rv-cowork-home .header-pills .pill-soft:nth-child(2),\n .rv-cowork-home .header-pills .pill-tiny {\n display: none;\n }\n}\n\n/* Trim header chrome at moderate widths so it stays on one row. */\n@container cowork-frag (max-width: 739px) {\n .rv-cowork-home .agent-overflow,\n .rv-cowork-home .header-right .icon-btn {\n display: none;\n }\n}\n\n/* Only on truly narrow widths (small portrait devices) hide the chat side\n panel. We never stack it below; it disappears. Threshold sits below typical\n desktop visual widths so the chat shows on all real laptops. */\n@container cowork-frag (max-width: 599px) {\n .rv-cowork-home .frag-body {\n grid-template-columns: minmax(0, 1fr);\n }\n .rv-cowork-home .report-panel {\n border-right: none;\n }\n .rv-cowork-home .chat-panel {\n display: none;\n }\n .rv-cowork-home .frag-header { padding: 12px 16px; }\n .rv-cowork-home .report-panel { padding: 18px 18px 0; }\n .rv-cowork-home .steer-wrap { margin: 0 -18px; padding: 14px 18px 16px; }\n}\n"}),(0,s.jsx)("div",{className:"paper",children:(0,s.jsxs)("div",{className:"fragment",children:[(0,s.jsxs)("header",{className:"frag-header",children:[(0,s.jsx)("span",{className:"alert-tri","aria-hidden":"true",children:(0,s.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,s.jsx)("path",{d:"M8 1.6l6.4 11.2H1.6L8 1.6z",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M8 6v3.4M8 11v.4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})]})}),(0,s.jsx)("span",{className:"alert-title-h",children:"PostgreSQL High Rollback Rate"}),(0,s.jsxs)("div",{className:"header-pills",children:[(0,s.jsxs)("span",{className:"pill-soft",children:[(0,s.jsx)("span",{className:"pill-label",children:"Fired:"})," 9:14am yesterday"]}),(0,s.jsxs)("span",{className:"pill-soft",children:[(0,s.jsx)("span",{className:"pill-label",children:"cluster:"})," ",(0,s.jsx)("code",{children:"orders-db-cluster"})]}),(0,s.jsx)("span",{className:"pill-tiny",children:"+3"})]}),(0,s.jsxs)("div",{className:"header-right",children:[(0,s.jsx)("span",{className:"avatar-circle","aria-label":"Alex Park",children:"AP"}),(0,s.jsx)("span",{className:"avatar-circle avatar-circle--sp","aria-label":"Sam Patel",children:"SP"}),(0,s.jsxs)("span",{className:"agent-stack",children:[(0,s.jsx)("span",{className:"agent-mini agent-mini--lead","aria-label":"Lead agent",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M2 5.5l2 5h6l2-5L9 7.5 7 3.5 5 7.5 2 5.5zM4 11h6v1.5H4z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.6",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"agent-mini agent-mini--investigator","aria-label":"Investigator agent",children:(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"6",cy:"6",r:"3.3",stroke:"currentColor",strokeWidth:"1.5"}),(0,s.jsx)("path",{d:"M8.5 8.5l3 3",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"})]})}),(0,s.jsx)("span",{className:"agent-mini agent-mini--verifier","aria-label":"Verifier agent",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M2.8 7.2l2.4 2.4 6-6",stroke:"currentColor",strokeWidth:"1.9",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"agent-overflow",children:"+4 more"})]}),(0,s.jsx)("span",{className:"icon-btn","aria-label":"More",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"3",cy:"7",r:"1.2",fill:"
1currentColor"}),(0,s.jsx)("circle",{cx:"7",cy:"7",r:"1.2",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"11",cy:"7",r:"1.2",fill:"currentColor"})]})}),(0,s.jsx)("span",{className:"icon-btn","aria-label":"Report",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("rect",{x:"3",y:"2",width:"8",height:"10",rx:"1",stroke:"currentColor",strokeWidth:"1.2"}),(0,s.jsx)("path",{d:"M5 5h4M5 7h4M5 9h2.5",stroke:"currentColor",strokeWidth:"1.1",strokeLinecap:"round"})]})})]})]}),(0,s.jsxs)("div",{className:"frag-scroll",children:[(0,s.jsx)("div",{className:"phases",children:(0,s.jsxs)("div",{className:"phase-pills",children:[(0,s.jsxs)("span",{className:"phase-pill",children:[(0,s.jsx)("span",{className:"phase-name",children:"Assessed"}),(0,s.jsx)("span",{className:"phase-dur",children:"4m 34s"})]}),(0,s.jsx)(N,{}),(0,s.jsxs)("span",{className:"phase-pill",children:[(0,s.jsx)("span",{className:"phase-name",children:"Hypothesized"}),(0,s.jsx)("span",{className:"phase-dur",children:"3s"})]}),(0,s.jsx)(N,{}),(0,s.jsxs)("span",{className:"phase-pill",children:[(0,s.jsx)("span",{className:"phase-name",children:"Verified"}),(0,s.jsx)("span",{className:"phase-dur",children:"2m 47s"})]}),(0,s.jsx)(N,{}),(0,s.jsxs)("span",{className:"phase-pill phase-pill--done",children:[(0,s.jsx)("span",{className:"phase-check",children:(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M2.5 6.2l2.4 2.4L9.5 3.6",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"phase-name",children:"Concluded"})]})]})}),(0,s.jsxs)("div",{className:"frag-body",children:[(0,s.jsxs)("div",{className:"report-panel",children:[(0,s.jsxs)("section",{className:"theories-section",children:[(0,s.jsxs)("div",{className:"section-head",children:[(0,s.jsx)("h2",{children:"Theories"}),(0,s.jsxs)("div",{className:"section-reactions",children:[(0,s.jsx)("span",{className:"icon-btn","aria-label":"Helpful",children:(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M5 7v5H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2zm0 0V4.5a1.5 1.5 0 0 1 3 0V6h2.5a1 1 0 0 1 1 1.2l-.8 4a1 1 0 0 1-1 .8H5",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"icon-btn","aria-label":"Not helpful",children:(0,s.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,s.jsx)("path",{d:"M9 7v-5h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H9zm0 0v2.5a1.5 1.5 0 0 1-3 0V8h-2.5a1 1 0 0 1-1-1.2l.8-4a1 1 0 0 1 1-.8H9",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"icon-btn","aria-label":"More",children:(0,s.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("circle",{cx:"3",cy:"7",r:"1.2",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"7",cy:"7",r:"1.2",fill:"currentColor"}),(0,s.jsx)("circle",{cx:"11",cy:"7",r:"1.2",fill:"currentColor"})]})})]})]}),(0,s.jsx)("div",{className:"theories-grid",children:(0,s.jsxs)("div",{className:"theory-card",children:[(0,s.jsxs)("div",{className:"theory-meta",children:[(0,s.jsxs)("div",{className:"meta-row-top",children:[(0,s.jsxs)("span",{className:"meta-item meta-item--root",children:[(0,s.jsx)("span",{className:"meta-icon",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",children:(0,s.jsx)("path",{d:"M2.5 6.8l2.4 2.4L10 4.1",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})}),"Root Cause"]}),(0,s.jsxs)("span",{className:"meta-item",children:[(0,s.jsxs)("span",{className:"conf-dots",children:[(0,s.jsx)("span",{className:"dot dot--green"}),(0,s.jsx)("span",{className:"dot dot--green"}),(0,s.jsx)("span",{className:"dot dot--green"})]}),(0,s.jsx)("span",{className:"conf-label",children:"High Confidence"})]})]}),(0,s.jsx)("span",{className:"meta-evidence",children:"Evidence (12)"})]}),(0,s.jsxs)("h3",{className:"theory-title",children:["PostgreSQL disk filled by data file growth on ",(0,s.jsx)("code",{children:"orders-db-cluster"}),", not WAL accumulation"]}),(0,s.jsxs)("div",{className:"contributors-row",children:[(0,s.jsx)("span",{className:"contrib-label",children:"Contributors"}),(0,s.jsxs)("span",{className:"contrib-chips",children:[(0,s.jsxs)("span",{className:"contrib-chip contrib-chip--lead",children:[(0,s.jsx)("span",{className:"contrib-dot"})," Lead"]}),(0,s.jsxs)("span",{className:"contrib-chip contrib-chip--investigator",children:[(0,s.jsx)("span",{className:"contrib-dot"})," Investigator"]}),(0,s.jsxs)("span",{className:"contrib-chip contrib-chip--verifier",children:[(0,s.jsx)("span",{className:"contrib-dot"})," Verifier"]})]})]})]})})]}),(0,s.jsxs)("section",{className:"cc-section",children:[(0,s.jsx)("h2",{children:"Causal chain"}),(0,s.jsxs)("div",{className:"cc-list",children:[(0,s.jsxs)("div",{className:"cc-item",children:[(0,s.jsx)(L,{}),(0,s.jsxs)("span",{children:[(0,s.jsx)("strong",{children:"RDS volume reached 100%"})," on ",(0,s.jsx)("code",{children:"orders-db-cluster"}
1)," at 04:01Z â 276 GB consumed in 24 hours from sustained writes"]})]}),(0,s.jsxs)("div",{className:"cc-item",children:[(0,s.jsx)(L,{}),(0,s.jsxs)("span",{children:[(0,s.jsx)("strong",{children:"Storage autoscaling disabled"})," on RDS instance (",(0,s.jsx)("code",{children:"MaxAllocatedStorage = null"}),") â volume could not grow"]})]}),(0,s.jsxs)("div",{className:"cc-item",children:[(0,s.jsx)(L,{}),(0,s.jsxs)("span",{children:["Database process ",(0,s.jsx)("strong",{children:"killed by OS (OOM)"}),"; rollback ratio alert fired"," ",(0,s.jsx)("strong",{children:"94 min later"})]})]})]}),(0,s.jsxs)("div",{className:"suggestion-chips",children:[(0,s.jsxs)("span",{className:"sug-chip",children:[(0,s.jsx)("span",{className:"arr",children:(0,s.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 3v4a2 2 0 0 0 2 2h4M6 6l3 3-3 3",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})}),"Why did rollback rate spike at 08:30Z?"]}),(0,s.jsxs)("span",{className:"sug-chip",children:[(0,s.jsx)("span",{className:"arr",children:(0,s.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 3v4a2 2 0 0 0 2 2h4M6 6l3 3-3 3",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})}),"What does WAL accumulation mean?"]})]})]}),(0,s.jsx)("div",{className:"steer-wrap",children:(0,s.jsxs)("div",{className:"steer-composer",children:[(0,s.jsxs)("span",{className:"steer-btn",children:[(0,s.jsx)("span",{className:"steer-icon",children:(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",children:[(0,s.jsx)("path",{d:"M3 4.5h5.5a2 2 0 0 1 2 2v2M10.5 8.5L9 7M10.5 8.5L9 10",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("circle",{cx:"3",cy:"4.5",r:"1.5",stroke:"currentColor",strokeWidth:"1.2"})]})}),"Steer"]}),(0,s.jsx)("span",{className:"steer-chat-icon",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",children:(0,s.jsx)("path",{d:"M2 3a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H6l-2 2V9H3a1 1 0 0 1-1-1V3z",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round"})})}),(0,s.jsx)("span",{className:"steer-placeholder",children:"Steer the investigationâ¦"}),(0,s.jsx)("span",{className:"steer-send","aria-label":"Send",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",children:(0,s.jsx)("path",{d:"M6.5 11V2M3 5.5L6.5 2L10 5.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})]}),(0,s.jsxs)("aside",{className:"chat-panel",children:[(0,s.jsxs)("div",{className:"chat-list",children:[(0,s.jsxs)("div",{className:"chat-msg",children:[(0,s.jsx)("span",{className:"avatar-circle","aria-label":"Alex Park",children:"AP"}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"msg-header",children:[(0,s.jsx)("span",{className:"msg-author",children:"Alex Park"}),(0,s.jsx)("span",{className:"msg-time",children:"3:32 PM"})]}),(0,s.jsx)("div",{className:"msg-text",children:"Are you sure the deploy caused this? Could it just be normal load?"})]})]}),(0,s.jsxs)("div",{className:"chat-msg agent",children:[(0,s.jsx)("span",{className:"agent-resolve-mark","aria-label":"Resolve",children:(0,s.jsx)(w,{})}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"agent-header",children:[(0,s.jsx)("span",{className:"agent-name",children:"Resolve"}),(0,s.jsx)("span",{className:"agent-time",children:"3:33 PM"})]}),(0,s.jsxs)("p",{children:["Write throughput jumped from ",(0,s.jsx)("strong",{children:"~12 MB/s baseline"})," to ",(0,s.jsx)("strong",{children:"71.8 MB/s"})," at 04:01Z â coincident with deploy ",(0,s.jsx)("code",{children:"c8a1f3b"}),". Pre-deploy traffic stayed under 15 MB/s for the prior 24h."]})]})]}),(0,s.jsxs)("div",{className:"chat-msg",children:[(0,s.jsx)("span",{className:"avatar-circle avatar-circle--sp","aria-label":"Sam Patel",children:"SP"}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"msg-header",children:[(0,s.jsx)("span",{className:"msg-author",children:"Sam Patel"}),(0,s.jsx)("span",{className:"msg-time",children:"3:34 PM"})]}),(0,s.jsx)("div",{className:"msg-text",children:"Was there a comparable spike on any other service?"})]})]}),(0,s.jsxs)("div",{className:"chat-msg agent",children:[(0,s.jsx)("span",{className:"agent-resolve-mark","aria-label":"Resolve",children:(0,s.jsx)(w,{})}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"agent-header",children:[(0,s.jsx)("span",{className:"agent-name",children:"Resolve"}),(0,s.jsx)("span",{className:"agent-time",children:"3:34 PM"})]}),(0,s.jsxs)("p",{children:["No comparable spike on any other service writing to ",(0,s.jsx)("code",{children:"orders-db-cluster"}),". Same write-pattern signature was present in staging during canary."," ",(0,s.jsx)("strong",{children:"Confidence on deploy as trigger: High."})]})]})]})]}),(0,s.jsxs)("div",{className:"chat-composer",children:[(0,s.jsx)("span",{className:"placeholder",children:"Ask Resolve or @mention a teammate"}),(0,s.jsx)("span",{className:"send","aria-label":"Send",children:(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",children:(0,s.jsx)("path",{d:"M5.5 9V2M3 4.5L5.5 2L8 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})]})]})})]})}),"reclaw-deploy-health":()=>(0,s.jsx)(k,{bareInner:!0,showReplayChip:!1,children:(0,s.jsxs)("div",{className:"rv-bgagents-home",children:[(0,s.jsx)("style",{children:"\n.rv-bgagents-home {\n --thread-bg: #fafafa;\n --tasks-bg: #f1f0e9;\n --frame-bg: #f3f2ec;\n --card: #ffffff;\n --foreground: #09090b;\n --muted: #71717a;\n --mid: #3f3f46;\n --border: #e6e6e6;\n --border-warm: #ebe9e0;\n --pill-bg: #f3f2ec;\n --rose-600: #be123c;\n --rose-500: #f43f5e;\n --rose-50: #fff1f2;\n --amber-500: #fbbf24;\n --emerald-600: #16a34a;\n --resolve-yellow: #d9f400;\n\n --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n\n --frag-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);\n\n width: 100%;\n height: 100%;\n min-height: 640px;\n display: flex;\n justify-content: center;\n font-family: var(--font-sans);\n font-feature-settings: 'cv11', 'ss01', 'ss03';\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n color: var(--foreground);\n}\n\n.rv-bgagents-home *,\n.rv-bgagents-home *::before,\n.rv-bgagents-home *::after { box-sizing: border-box; }\n\n.rv-bgagents-home .fragment {\n width: 100%;\n max-width: 1196px;\n height: 100%;\n background: var(--frame-bg);\n border: 1px solid rgba(20, 20, 28, 0.06);\n border-radius: 12px;\n overflow: hidden;\n padding: 8px;\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\n.rv-bgagents-home .inner {\n background: var(--thread-bg);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n display: grid;\n grid-template-columns: minmax(0, 1fr) 260px;\n flex: 1;\n min-height: 0;\n /* Container query root on .inner (no padding) so width here matches the\n real layout columns. Keeps tasks visible at typical desktop widths and\n hides only at narrow/portrait. */\n container-type: inline-size;\n container-name: bgagents-frag;\n}\n\n/* LEFT â thread */\n.rv-bgagents-home .thread {\n background: var(--thread-bg);\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--border);\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n position: relative;\n}\n\n/* Internal scroll area for the thread content. */\n.rv-bgagents-home .thread-scroll {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.18) transparent;\n}\n.rv-bgagents-home .thread-scroll::-webkit-scrollbar { width: 6px; }\n.rv-bgagents-home .thread-scroll::-webkit-scrollbar-track { background: transparent; }\n.rv-bgagents-home .thread-scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; }\n.rv-bgagents-home .thread-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); }\n\n/* Extra space at the end of scroll content so the last article (Daily Deploy\n Health roll-up + follow-up chip) can scroll above the outer cream fade. */\n.rv-bgagents-home .thread-scroll >
1 :last-child { padding-bottom: 180px; }\n\n.rv-bgagents-home .day-sep {\n text-align: center;\n padding: 14px 20px 8px;\n font-size: 11px;\n color: var(--muted);\n}\n\n.rv-bgagents-home .msg-row {\n display: grid;\n grid-template-columns: 30px 1fr;\n gap: 12px;\n padding: 10px 22px 14px;\n min-width: 0;\n}\n\n.rv-bgagents-home .avatar {\n width: 30px;\n height: 30px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.rv-bgagents-home .avatar svg { display: block; }\n.rv-bgagents-home .avatar--github {\n background: var(--foreground);\n color: white;\n border-radius: 50%;\n}\n.rv-bgagents-home .avatar--github svg { width: 17px; height: 17px; }\n\n.rv-bgagents-home .msg-body { min-width: 0; }\n\n.rv-bgagents-home .msg-byline {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.rv-bgagents-home .author {\n font-size: 13px;\n font-weight: 600;\n color: var(--foreground);\n}\n.rv-bgagents-home .msg-time {\n font-size: 11px;\n color: var(--muted);\n}\n\n.rv-bgagents-home .source-pill {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n height: 19px;\n padding: 0 7px;\n background: var(--pill-bg);\n border: 1px solid var(--border-warm);\n border-radius: 4px;\n font-size: 10px;\n font-weight: 500;\n color: var(--muted);\n}\n.rv-bgagents-home .source-pill--fired {\n background: #fff7ed;\n border-color: #fed7aa;\n color: #c2410c;\n}\n.rv-bgagents-home .source-pill--fired .bolt { color: #ea580c; display: inline-flex; }\n\n/* GitHub deploy card */\n.rv-bgagents-home .deploy-card {\n margin-top: 2px;\n padding: 10px 12px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 6px;\n font-size: 13px;\n line-height: 1.5;\n color: var(--foreground);\n}\n.rv-bgagents-home .deploy-card .deploy-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n.rv-bgagents-home .deploy-card .status-tag {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 1px 7px 1px 5px;\n background: #ecfdf5;\n border: 1px solid #a7f3d0;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n color: #047857;\n}\n.rv-bgagents-home .deploy-card .status-tag .check { color: #059669; display: inline-flex; }\n.rv-bgagents-home .deploy-card code {\n font-family: var(--font-mono);\n font-size: 11.5px;\n font-weight: 500;\n background: var(--pill-bg);\n color: var(--foreground);\n padding: 2px 5px;\n border-radius: 4px;\n border: 1px solid var(--border-warm);\n}\n.rv-bgagents-home .deploy-card .deploy-sep {\n color: var(--muted);\n font-size: 12px;\n}\n.rv-bgagents-home .deploy-card .deploy-meta {\n margin-top: 6px;\n font-size: 11.5px;\n color: var(--muted);\n display: inline-flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n/* Thoughts collapsible */\n.rv-bgagents-home .thoughts {\n margin-bottom: 12px;\n border: 1px solid var(--border);\n border-radius: 6px;\n background: var(--thread-bg);\n overflow: hidden;\n}\n.rv-bgagents-home .thoughts-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 7px 11px;\n font-size: 11px;\n color: var(--muted);\n}\n.rv-bgagents-home .thoughts-head .th-left {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n.rv-bgagents-home .thoughts-head .check { color: var(--emerald-600); display: inline-flex; }\n\n/* tiptap body */\n.rv-bgagents-home .tiptap {\n font-size: 13px;\n line-height: 1.55;\n color: var(--foreground);\n min-width: 0;\n}\n.rv-bgagents-home .tiptap section { margin-bottom: 6px; }\n.rv-bgagents-home .tiptap section > * + * { margin-top: 6px; }\n.rv-bgagents-home .tiptap > section:first-child > h1:first-child,\n.rv-bgagents-home .tiptap > section:first-child > h2:first-child,\n.rv-bgagents-home .tiptap > section:first-child > h3:first-child { margin-top: 0; }\n.rv-bgagents-home .tiptap h1,\n.rv-bgagents-home .tiptap h3 {\n font-size: 17px;\n font-weight: 600;\n line-height: 1.3;\n margin: 10px 0 4px;\n}\n.rv-bgagents-home .tiptap h2 {\n font-size: 14.5px;\n font-weight: 600;\n line-height: 1.3;\n margin: 10px 0 4px;\n}\n.rv-bgagents-home .tiptap p {\n font-size: 13px;\n line-height: 1.55;\n margin: 0;\n}\n.rv-bgagents-home .tiptap strong { font-weight: 700; }\n.rv-bgagents-home .tiptap code {\n font-family: var(--font-mono);\n font-size: 11.5px;\n line-height: 1;\n font-weight: 500;\n background: var(--pill-bg);\n color: var(--foreground);\n padding: 2px 5px;\n border-radius: 4px;\n border: 1px solid var(--border-warm);\n white-space: nowrap;\n}\n\n/* Finding callout */\n.rv-bgagents-home .finding-block { margin-top: 10px; }\n.rv-bgagents-home .finding-label {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 4px;\n}\n.rv-bgagents-home .finding-block p {\n font-size: 13px;\n line-height: 1.55;\n margin: 0;\n}\n\n.rv-bgagents-home .act-divider {\n height: 1px;\n background: var(--border);\n margin: 14px 0 2px;\n}\n\n/* Inline chart */\n.rv-bgagents-home .inline-chart {\n margin: 8px 0;\n padding: 11px 13px;\n background: var(--tasks-bg);\n border: 1px solid var(--border-warm);\n border-radius: 8px;\n}
1\n.rv-bgagents-home .chart-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 10.5px;\n color: var(--muted);\n margin-bottom: 7px;\n gap: 10px;\n flex-wrap: wrap;\n}\n.rv-bgagents-home .anomaly {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n color: var(--rose-600);\n font-weight: 500;\n white-space: nowrap;\n}\n.rv-bgagents-home .anomaly .pip {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--rose-500);\n}\n.rv-bgagents-home .spark { width: 100%; height: 52px; display: block; }\n\n/* Follow-up chip */\n.rv-bgagents-home .follow-up {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin-top: 10px;\n padding: 4px 9px;\n background: var(--thread-bg);\n border: 1px solid var(--border);\n border-radius: 5px;\n font-size: 11px;\n color: var(--muted);\n}\n.rv-bgagents-home .follow-up .arrow { color: #bcbcc3; display: inline-flex; }\n\n/* Composer */\n.rv-bgagents-home .composer-wrap {\n margin-top: auto;\n padding: 14px 22px 18px;\n position: relative;\n z-index: 2;\n background: var(--thread-bg);\n}\n.rv-bgagents-home .composer {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 12px;\n background: var(--thread-bg);\n border: 1px solid var(--border);\n border-radius: 6px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n.rv-bgagents-home .composer-input {\n flex: 1;\n font-size: 13px;\n color: var(--muted);\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rv-bgagents-home .send-btn {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n background: var(--border-warm);\n color: var(--muted);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n/* RIGHT â tasks panel */\n.rv-bgagents-home .tasks {\n background: var(--tasks-bg);\n display: flex;\n flex-direction: column;\n min-width: 0;\n overflow: hidden;\n}\n.rv-bgagents-home .tasks-scroll {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.18) transparent;\n}\n.rv-bgagents-home .tasks-scroll::-webkit-scrollbar { width: 6px; }\n.rv-bgagents-home .tasks-scroll::-webkit-scrollbar-track { background: transparent; }\n.rv-bgagents-home .tasks-scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; }\n\n.rv-bgagents-home .tasks-head {\n padding: 14px 14px 8px;\n font-size: 11px;\n color: var(--muted);\n font-weight: 500;\n}\n.rv-bgagents-home .tasks-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 0 12px 16px;\n}\n.rv-bgagents-home .group-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 9px 10px;\n background: var(--thread-bg);\n border: 1px solid var(--border);\n border-radius: 6px;\n}\n.rv-bgagents-home .group-head--open {\n background: var(--pill-bg);\n border-color: var(--border-warm);\n}\n.rv-bgagents-home .group-head .gh-left {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n min-width: 0;\n}\n.rv-bgagents-home .group-head .gh-label {\n font-size: 11px;\n font-weight: 500;\n color: var(--foreground);\n}\n.rv-bgagents-home .group-head .gh-count {\n font-size: 11px;\n color: var(--muted);\n margin-left: 2px;\n}\n.rv-bgagents-home .group-head .gh-count-sub {\n font-size: 10.5px;\n color: var(--muted);\n margin-left: 5px;\n}\n.rv-bgagents-home .gh-chev { color: var(--muted); display: inline-flex; }\n.rv-bgagents-home .group-body {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-top: 6px;\n}\n.rv-bgagents-home .task-card {\n display: flex;\n flex-direction: column;\n gap: 5px;\n padding: 9px 11px;\n background: var(--thread-bg);\n border: 1px solid var(--border);\n border-radius: 6px;\n}\n.rv-bgagents-home .task-row1 {\n display: flex;\n align-items: flex-start;\n gap: 7px;\n}\n.rv-bgagents-home .task-icon {\n color: var(--muted);\n margin-top: 2px;\n flex-shrink: 0;\n display: inline-flex;\n}\n.rv-bgagents-home .task-title {\n font-size: 11.5px;\n font-weight: 500;\n color: var(--foreground);\n line-height: 1.4;\n}\n.rv-bgagents-home .task-meta {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 10.5px;\n color: var(--muted);\n margin-left: 21px;\n}\n.rv-bgagents-home .task-meta .clock-i { display: inline-flex; }\n\n/* Container queries last so they override base rules at narrow widths. */\n/* Only on truly narrow widths (small portrait devices) hide the tasks side\n panel. The threshold sits below typical desktop visual widths (~700-900px
1)\n so tasks show on all real laptops. */\n@container bgagents-frag (max-width: 599px) {\n .rv-bgagents-home .inner {\n grid-template-columns: minmax(0, 1fr);\n }\n .rv-bgagents-home .tasks {\n display: none;\n }\n .rv-bgagents-home .thread {\n border-right: none;\n }\n .rv-bgagents-home .day-sep { padding: 12px 16px 6px; }\n .rv-bgagents-home .msg-row { padding: 8px 16px 12px; }\n}\n"}),(0,s.jsx)("div",{className:"fragment",children:(0,s.jsxs)("div",{className:"inner",children:[(0,s.jsxs)("main",{className:"thread",children:[(0,s.jsxs)("div",{className:"thread-scroll",children:[(0,s.jsx)("div",{className:"day-sep",children:"Wednesday, May 13"}),(0,s.jsxs)("article",{className:"msg-row",children:[(0,s.jsx)("span",{className:"avatar avatar--github","aria-label":"GitHub",children:(0,s.jsx)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",children:(0,s.jsx)("path",{d:"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"})})}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"msg-byline",children:[(0,s.jsx)("span",{className:"author",children:"GitHub"}),(0,s.jsx)("span",{className:"msg-time",children:"10:14 PT"}),(0,s.jsxs)("span",{className:"source-pill",children:[(0,s.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 6h6M6 3v6",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})}),"production deploy"]})]}),(0,s.jsxs)("div",{className:"deploy-card",children:[(0,s.jsxs)("div",{className:"deploy-row",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)("strong",{children:"Deploy"})," ",(0,s.jsx)("code",{children:"7e2a91c"})]}),(0,s.jsx)("span",{className:"deploy-sep",children:"\xb7"}),(0,s.jsx)("span",{children:(0,s.jsx)("code",{children:"checkout-service"})}),(0,s.jsx)("span",{className:"deploy-sep",children:"\xb7"}),(0,s.jsx)("span",{children:"production"}),(0,s.jsxs)("span",{className:"status-tag",children:[(0,s.jsx)("span",{className:"check",children:(0,s.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M2.5 6.2l2.4 2.4L9.5 3.6",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})}),"success"]})]}),(0,s.jsxs)("div",{className:"deploy-meta",children:[(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M9 4.5L3.5 10L1.5 8",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),"by alex.park \xb7 all health checks passed \xb7 error rate at baseline"]})]})]})]}),(0,s.jsxs)("article",{className:"msg-row",children:[(0,s.jsx)("span",{className:"avatar","aria-label":"Resolve",children:(0,s.jsxs)("svg",{viewBox:"0 0 63 130",width:"14",height:"29",xmlns:"http://www.w3.org/2000/svg",fill:"none",children:[(0,s.jsx)("path",{d:"M32 0H0V62L63.0005 130L63 58H47.2426C56.6503 52.6775 63 42.5803 63 31C63 13.8792 49.1208 0 32 0Z",fill:"#D9F400"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 0H32C49.1208 0 63 13.8792 63 31C63 42.5803 56.6503 52.6775 47.2426 58H63L63.0005 130L0 62V0ZM4 4H32C46.9117 4 59 16.0883 59 31C59 45.9117 46.9117 58 32 58H4V4ZM5.45287 62L59.0004 119.797L59 62H6.45287Z",fill:"#222222"})]})}),(0,s.jsxs)("div",{className:"msg-body",children:[(0,s.jsxs)("div",{className:"msg-byline",children:[(0,s.jsx)("span",{className:"author",children:"Deploy Health Agent"}),(0,s.jsx)("span",{className:"msg-time",children:"12:14 PT"}),(0,s.jsxs)("span",{className:"source-pill source-pill--fired",children:[(0,s.jsx)("span",{className:"bolt",children:(0,s.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M6.5 1.5L3 7h2.5L4.5 10.5L8.5 5H6L6.5 1.5z",fill:"
1currentColor"})})}),"auto-fired \xb7 2h post-deploy"]})]}),(0,s.jsx)("div",{className:"thoughts",children:(0,s.jsxs)("div",{className:"thoughts-head",children:[(0,s.jsxs)("span",{className:"th-left",children:[(0,s.jsx)("span",{className:"check",children:(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M2.5 6.2l2.4 2.4L9.5 3.6",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),"Thoughts"]}),(0,s.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),(0,s.jsxs)("div",{className:"tiptap",children:[(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{children:"checkout-service: p99 drifted 2h post-deploy"}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:"deploy 7e2a91c"})," rolled out cleanly at ",(0,s.jsx)("strong",{children:"10:14 PT"})," â all health checks passed, error rate stayed at baseline. ",(0,s.jsx)("strong",{children:"p99 latency started climbing at 12:14 PT"})," ","(~2h after deploy) as traffic ramped. Currently sustained at ",(0,s.jsx)("strong",{children:"~387ms"}),", up from a 7-day baseline of ",(0,s.jsx)("strong",{children:"142ms"}),"."]}),(0,s.jsxs)("div",{className:"inline-chart",children:[(0,s.jsxs)("div",{className:"chart-head",children:[(0,s.jsx)("span",{children:"checkout-service p99 latency \xb7 last 6h"}),(0,s.jsxs)("span",{className:"anomaly",children:[(0,s.jsx)("span",{className:"pip"}),"drift began 12:14 PT"]})]}),(0,s.jsxs)("svg",{className:"spark",viewBox:"0 0 600 56",preserveAspectRatio:"none",children:[(0,s.jsx)("line",{x1:"0",y1:"40",x2:"600",y2:"40",stroke:"#e6e6e6",strokeWidth:"1",strokeDasharray:"3 4"}),(0,s.jsx)("path",{d:"M340,40 L360,36 L380,32 L400,28 L420,24 L440,20 L460,17 L480,15 L500,14 L520,15 L540,14 L560,15 L580,14 L600,14 L600,56 L340,56 Z",fill:"#fff1f2",opacity:"0.7"}),(0,s.jsx)("line",{x1:"120",y1:"4",x2:"120",y2:"52",stroke:"#bcbcc3",strokeWidth:"1",strokeDasharray:"2 3"}),(0,s.jsx)("text",{x:"124",y:"12",fill:"#71717a",fontFamily:"Inter,sans-serif",fontSize:"9",fontWeight:"500",children:"deploy"}),(0,s.jsx)("line",{x1:"340",y1:"4",x2:"340",y2:"52",stroke:"#f43f5e",strokeWidth:"1",strokeDasharray:"2 3"}),(0,s.jsx)("text",{x:"344",y:"12",fill:"#be123c",fontFamily:"Inter,sans-serif",fontSize:"9",fontWeight:"600",children:"drift"}),(0,s.jsx)("path",{d:"M0,40 L20,41 L40,39 L60,40 L80,38 L100,41 L120,40 L140,39 L160,40 L180,38 L200,40 L220,39 L240,41 L260,40 L280,39 L300,40 L320,40 L340,40 L360,36 L380,32 L400,28 L420,24 L440,20 L460,17 L480,15 L500,14 L520,15 L540,14 L560,15 L580,14 L600,14",fill:"none",stroke:"#65758b",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),(0,s.jsxs)("div",{className:"finding-block",children:[(0,s.jsx)("div",{className:"finding-label",children:"Finding"}),(0,s.jsxs)("p",{children:["The deploy completed cleanly. This signal only emerged once traffic ramped. Likely candidate: new code path in ",(0,s.jsx)("code",{children:"order-fulfillment.ts"})," hits a slow query at p99 only under load."]})]})]}),(0,s.jsx)("div",{className:"act-divider"}),(0,s.jsxs)("section",{children:[(0,s.jsx)("h2",{children:"Daily Deploy Health \xb7 21 deploys / 19 healthy / 2 flagged"}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"19 other deploys completed cleanly."})," 1 caught at deploy time:"," ",(0,s.jsx)("code",{children:"auth-gateway"})," rolled back at 4 min (already resolved)."]})]})]}),(0,s.jsxs)("span",{className:"follow-up",children:[(0,s.jsx)("span",{className:"arrow",children:(0,s.jsx)("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 2v4a2 2 0 0 0 2 2h4M6 5l3 3-3 3",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}),"Investigate checkout-service latency drift"]})]})]})]}),(0,s.jsx)("div",{className:"composer-wrap",children:(0,s.jsxs)("div",{className:"composer",children:[(0,s.jsx)("span",{className:"composer-input",children:"Ask anything to start a threadâ¦"}),(0,s.jsx)("span",{className:"send-btn",children:(0,s.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M6 10V2M3 4.5L6 1.5L9 4.5",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})]}),(0,s.jsx)("aside",{className:"tasks",children:(0,s.jsxs)("div",{className:"tasks-scroll",children:[(0,s.jsx)("div",{className:"tasks-head",children:"Tasks"}),(0,s.jsxs)("div",{className:"tasks-list",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"group-head group-head--open",children:[(0,s.jsxs)("span",{className:"gh-left",children:[(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none",style:{color:"#fbbf24"},children:[(0,s.jsx)("path",{d:"M8 1.6l6.4 11.2H1.6L8 1.6z",stroke:"currentColor",strokeWidth:"1.6",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M8 6v3.4M8 11v.4",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"})]}),(0,s.jsx)("span",{className:"gh-label",children:"Auto-flagged"}),(0,s.jsx)("span",{className:"gh-count",children:"2"})]}),(0,s.jsx)("span",{className:"gh-chev",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,s.jsxs)("div",{className:"group-body",children:[(0,s.jsxs)("div",{className:"task-card",children:[(0,s.jsxs)("div",{className:"task-row1",children:[(0,s.jsx)("span",{className:"task-icon",children:(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("rect",{x:"2",y:"3",width:"10",height:"9",rx:"1",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M2 5.5h10",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M5 2v2M9 2v2",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),(0,s.jsx)("span",{className:"task-title",children:"checkout-service \xb7 p99 drifted +172% post-deploy (7e2a91c)"})]}),(0,s.jsxs)("div",{className:"task-meta",children:[(0,s.jsx)("span",{className:"clock-i",children:(0,s.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:[(0,s.jsx)("circle",{cx:"6",cy:"6",r:"4.6",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M6 3.3V6L7.6 7.2",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),"4h 12m ago"]})]}),(0,s.jsxs)("div",{className:"task-card",children:[(0,s.jsxs)("div",{className:"task-row1",children:[(0,s.jsx)("span",{className:"task-icon",children:(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",children:[(0,s.jsx)("rect",{x:"2",y:"3",width:"10",height:"9",rx:"1",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M2 5.5h10",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M5 2v2M9 2v2",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),(0,s.jsx)("span",{className:"task-title",children:"auth-gateway \xb7 rollback after 4m (deploy-time CI signal)"})]}),(0,s.jsxs)("div",{className:"task-meta",children:[(0,s.jsx)("span",{className:"clock-i",children:(0,s.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:[(0,s.jsx)("circle",{cx:"6",cy:"6",r:"4.6",stroke:"currentColor",strokeWidth:"1.3"}),(0,s.jsx)("path",{d:"M6 3.3V6L7.6 7.2",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),"11h ago"]})]})]})]}),(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"group-head",children:[(0,s.jsxs)("span",{className:"gh-left",children:[(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",style:{color:"#71717a"},children:(0,s.jsx)("circle",{cx:"7",cy:"7",r:"5.4",stroke:"currentColor",strokeWidth:"1.4",strokeDasharray:"2.4,1.6"})}),(0,s.jsx)("span",{className:"gh-label",children:"In Progress"}),(0,s.jsx)("span",{className:"gh-count",children:"0"})]}),(0,s.jsx)("span",{className:"gh-chev",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}),(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"group-head",children:[(0,s.jsxs)("span",{className:"gh-left",children:[(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",style:{color:"#71717a"},children:[(0,s.jsx)("circle",{cx:"7",cy:"7",r:"5.4",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("path",{d:"M7 4v3l2 2",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})]}),(0,s.jsx)("span",{className:"gh-label",children:"Upcoming"}),(0,s.jsx)("span",{className:"gh-count",children:"1"})]}),(0,s.jsx)("span",{className:"gh-chev",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}),(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"group-head",children:[(0,s.jsxs)("span",{className:"gh-left",children:[(0,s.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 14 14",fill:"none",style:{color:"#16a34a"},children:[(0,s.jsx)("circle",{cx:"7",cy:"7",r:"5.4",stroke:"currentColor",strokeWidth:"1.4"}),(0,s.jsx)("path",{d:"M4.5 7.2l1.8 1.8 3.2-3.6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,s.jsx)("span",{className:"gh-label",children:"Completed"}),(0,s.jsx)("span",{className:"gh-count",children:"19"}),(0,s.jsx)("span",{className:"gh-count-sub",children:"last 24h"})]}),(0,s.jsx)("span",{className:"gh-chev",children:(0,s.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 12 12",fill:"none",children:(0,s.jsx)("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})]})]})})]})})]})})},et=e=>{let{visualHtml:n,LegacyVisual:r,imageUrl:t,imageAlt:o}=e;return n?(0,s.jsx)(i.default,{html:n,className:"w-full h-full"}):r?(0,s.jsx)(r,{}):t?(0,s.jsx)(a.default,{src:t,alt:o,fill:!0,sizes:"100vw",className:"object-contain"}):null};var eo=e=>{let{eyebrow:n,title:r,subtitle:a,items:i,showOnWebsite:d=!0,backgroundColor:c="#F2F1EB"}=e;return d&&Array.isArray(i)&&0!==i.length?(0,s.jsx)("div",{className:"w-full",style:{backgroundColor:c},children:(0,s.jsxs)(o.Z,{className:"!px-0 lg:!px-[4.5rem] xl:!px-[7rem]",children:[(n||r||a)&&(0,s.jsx)("div",{className:"hidden lg:block max-w-[96rem] 2xl:max-w-[104rem] mx-auto pb-10",children:(0,s.jsxs)("div",{className:"max-w-3xl",children:[(0,s.jsx)("span",{"aria-hidden":"true",className:"block rounded-full mb-12 md:mb-16",style:{width:56,height:2,background:"#d9f400"}}),n&&(0,s.jsx)("p",{className:"font-paralucent font-medium mb-4",style:{color:"#222",fontSize:"16px",lineHeight:"100%"},children:n}),r&&(0,s.jsx)("h2",{className:"font-new-spirit font-medium text-gray-900 text-4xl md:text-5xl lg:text-6xl xl:text-7xl leading-[105%] mb-5 md:mb-6",style:{letterSpacing:"-0.025em"},children:r}),a&&(0,s.jsx)("p",{className:"text-base md:text-lg lg:text-xl font-paralucent font-light leading-[155%] text-gray-700 max-w-2xl",children:a})]})}),(0,s.jsxs)("div",{className:"lg:hidden px-6 py-8",children:[n&&(0,s.jsx)("p",{className:"font-paralucent font-medium mb-8 text-center",style:{color:"#222",fontSize:"16px",lineHeight:"100%"},children:n}
1),r&&(0,s.jsx)("h2",{className:"text-[24px] font-new-spirit font-medium leading-[115%] text-gray-900 text-center mb-4",children:r}),a&&(0,s.jsx)("p",{className:"text-[16px] font-paralucent font-light leading-[150%] text-gray-700 text-center max-w-2xl mx-auto mb-12",children:a}),i.map((e,n)=>{let r=(0,l.bO)(e.mobileImage),a=(0,l.bO)(e.image),o=r?(0,l.yM)(e.mobileImage,e.title):(0,l.yM)(e.image,e.title),i=e.visualKey?ea[e.visualKey]:void 0;return(0,s.jsxs)("div",{className:"mb-16",children:[(0,s.jsxs)("div",{className:"mb-6 text-center",children:[e.eyebrow&&(0,s.jsx)("p",{className:"font-paralucent text-gray-500 text-sm tracking-[0.08em] mb-3",children:e.eyebrow}),(0,s.jsx)("h3",{className:"text-[20px] font-new-spirit font-medium leading-[115%] text-gray-900 mb-3",children:e.title}),(0,s.jsx)("p",{className:"text-[16px] font-paralucent leading-[150%] text-gray-700",children:e.subtitle}),(0,s.jsxs)(t.Z,{href:e.ctaHref||"",className:"inline-flex items-center gap-2 mt-5 font-paralucent font-medium text-sm sm:text-base border-b transition-colors pb-0.5 text-black-900 border-black-900/30 hover:border-black-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black-900",children:[e.ctaText,(0,s.jsx)("span",{"aria-hidden":"true",className:"translate-y-[-1px]",children:"â"})]})]}),(0,s.jsx)("div",{className:"relative w-full",style:{height:"clamp(600px, 70vh, 800px)"},children:et({visualHtml:e.visualHtml,LegacyVisual:i,imageUrl:r||a,imageAlt:o})})]},e.id||n)})]}),(0,s.jsx)("div",{className:"hidden lg:block pb-16",children:(0,s.jsx)(y,{items:i,visualRegistry:ea})})]})}):null}},99215:function(e,n,r){var s=r(27573),a=r(7653),t=r(2734);let o=(0,a.forwardRef)((e,n)=>{let{children:r,className:a,style:o}=e;return(0,s.jsx)("div",{ref:n,className:(0,t.cn)("py-8 lg:py-[4.25rem] px-4 sm:px-[3.5rem] lg:px-[4.5rem] xl:px-[7rem]",a),style:o,children:(0,s.jsx)("div",{className:"max-w-[88rem] mx-auto h-full",children:r})})});o.displayName="CompactContainer",n.Z=o},47594:function(e,n,r){r.r(n),r.d(n,{prefetchEmbeddedHtml:function(){return c}});var s=r(27573),a=r(7653);let t=e=>e.replace(/(^|[}\s,])\s*:root\b/g,"$1:host").replace(/(^|[}\s,])\s*html\b/g,"$1:host").replace(/(^|[}\s,])\s*body\b/g,"$1.ehv-root"),o=e=>{let n=[...e.matchAll(/<link[^>]+rel=["']stylesheet["'][^>]*>/gi)].map(e=>e[0]).join("\n"),r=[...e.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/gi)].map(e=>e[1]).join("\n"),s=e.match(/<body[^>]*>([\s\S]*?)<\/body>/i),a=s?s[1]:e.replace(/<!doctype[^>]*>/gi,"").replace(/<\/?html[^>]*>/gi,"").replace(/<head[^>]*>[\s\S]*?<\/head>/gi,"").replace(/<style[^>]*>[\s\S]*?<\/style>/gi,"").replace(/<link[^>]+rel=["']stylesheet["'][^>]*>/gi,"");return{linkTags:n,css:t(r.replace(/min-height:\s*100vh/g,"min-height: 100%")),body:a}},i=(e,n)=>{let{linkTags:r,css:s,body:a}=o(n);(a||s)&&(e.innerHTML="\n ".concat(r,"\n <style>\n /* Cascade definite height into the shadow tree so descendants using\n `height: 100%` / `h-full` resolve to real pixels â mirrors the\n light-DOM dangerouslySetInnerHTML behavior. Without this, :host\n picks up Tailwind h-full from outside but the shadow root starts\n a new containing block with no definite height, so .visual-frame\n { height: 100% } inside fragments falls back to auto and content\n overflows the parent frame. */\n :host { display: block; width: 100%; height: 100%; }\n .ehv-root { height: 100%; }\n ").concat(s,'\n </style>\n <div class="ehv-root">').concat(a,"</div>\n "))},l=e=>{let n=[];try{let r=Array.from(document.styleSheets).map(e=>{try{let n=new CSSStyleSheet;return n.replaceSync(Array.from(e.cssRules).map(e=>e.cssText).join("\n")),n}catch(r){return e.ownerNode&&n.push(e.ownerNode.cloneNode(!0)),null}}).filter(e=>null!==e);r.length&&(e.adoptedStyleSheets=r)}catch(e){document.head.querySelectorAll('link[rel="stylesheet"], style').forEach(e=>{n.push(e.cloneNode(!0))})}return n},d=new Map,c=e=>{!e||d.has(e)||fetch(e).then(e=>e.text()).then(n=>d.set(e,n)).catch(()=>{})};n.default=e=>{let{src:n,html:r,className:t="",style:o}=e,c=(0,a.useRef)(null),h=(0,a.useRef)([]),[p,x]=(0,a.useState)(!1);return(0,a.useEffect)(()=>
1{if(c.current){if(!c.current.shadowRoot){let e=c.current.attachShadow({mode:"open"});h.current=l(e)}x(!0)}},[]),(0,a.useEffect)(()=>{var e;if(!p||!(null===(e=c.current)||void 0===e?void 0:e.shadowRoot))return()=>{};let s=c.current.shadowRoot,a=!1,t=e=>{i(s,e),h.current.forEach(e=>s.appendChild(e.cloneNode(!0)))};if(r)return t(r),()=>{a=!0};if(n){let e=d.get(n);if(void 0!==e)return t(e),()=>{a=!0};s.innerHTML="",fetch(n).then(e=>e.text()).then(e=>{d.set(n,e),!a&&s&&t(e)}).catch(()=>{})}return()=>{a=!0}},[n,r,p]),(0,s.jsx)("div",{ref:c,className:t,style:o})}}}]);
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.