https://serveyou.ai/_next/static/chunks/3-4omfwcj963f.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,8276868,e=>{"use strict";var i=e.i(7843476),s=e.i(5271645),n=e.i(8776552),t=e.i(8866796),r=e.i(4940799),x=e.i(7884364),o=e.i(672314),l=e.i(8386144);let a="#FFFFFF",h="#17202A",d="rgba(23,32,42,0.58)",p="rgba(23,32,42,0.42)",c="rgba(17,24,39,0.08)",g="rgba(17,24,39,0.11)",m="rgba(17,24,39,0.05)",f="#FD7215",u="#B34600",j="rgba(253,114,21,0.10)",b="#127A51",y="0 1px 2px rgba(17,24,39,0.04), 0 6px 18px -10px rgba(17,24,39,0.14)",k='"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',w="rgba(23,32,42,0.045)",B="rgba(23,32,42,0.14)",S="@media (max-width: 1023px)",$=[0,1,2].map(e=>16+128*e+59),M=$[1],R=M-30,v=R+60,O=370,z=530,I="cubic-bezier(.2,.7,.2,1)",D="cubic-bezier(.4,0,.2,1)",E=x.keyframes`
2  0% { grid-template-rows: 0fr; opacity: 0; }
3  62% { grid-template-rows: 1fr; opacity: .12; }
4  100% { grid-template-rows: 1fr; opacity: 1; }
5`,W=x.keyframes`
6  0% { stroke-dashoffset: 0; }
7  22% { stroke-dashoffset: -103; }
8  100% { stroke-dashoffset: -103; }
9`,C=x.keyframes`
10  0% { transform: translate(-50%, 0); opacity: 0; }
11  8% { opacity: 1; }
12  30% { transform: translate(-50%, 17px); opacity: 1; }
13  36%, 100% { transform: translate(-50%, 17px); opacity: 0; }
14`,A={gridArea:"1 / 1"},F=(0,r.styled)("path")({}),H=(0,r.styled)("circle")({});function N({d:e,size:s=13,sw:t=1.8}){return(0,i.jsx)(n.Box,{component:"svg","aria-hidden":!0,viewBox:"0 0 24 24",sx:{width:s,height:s,flexShrink:0,display:"block",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round"},children:(0,i.jsx)("path",{d:e})})}let T=[{id:"sched",name:"Scheduling",glyph:"M4.4 6.4h15.2v13.2H4.4zM4.4 10.4h15.2M8.6 3.8v3.4M15.4 3.8v3.4",side:"l",row:0,ink:"#2A55B0",tint:"rgba(47,95,192,0.10)",hot:"rgba(47,95,192,0.20)",ring:"rgba(47,95,192,0.34)",chip:"scheduling"},{id:"acct",name:"Accounting",glyph:"M6 3.6h12v16.8l-2-1.4-2 1.4-2-1.4-2 1.4-2-1.4-2 1.4zM9.2 8.4h5.6M9.2 12h5.6",side:"r",row:0,ink:b,tint:"rgba(31,157,107,0.12)",hot:"rgba(31,157,107,0.22)",ring:"rgba(31,157,107,0.36)",chip:"accounting"},{id:"crm",name:"CRM",glyph:"M3.8 4.6h16.4l-6.2 7v6.8l-4-2.2v-4.6Z",side:"l",row:1,ink:"#6A45AE",tint:"rgba(123,81,190,0.11)",hot:"rgba(123,81,190,0.21)",ring:"rgba(123,81,190,0.34)",chip:"crm"},{id:"email",name:"Email",glyph:"M3.6 6.8h16.8v10.4H3.6zM4 7.2 12 12.6 20 7.2",side:"r",row:1,ink:"#8A5A0B",tint:"rgba(190,140,20,0.13)",hot:"rgba(190,140,20,0.24)",ring:"rgba(190,140,20,0.38)",chip:"email"},{id:"inv",name:"Inventory",glyph:"M12 3.2 20.2 7.5v9L12 20.8 3.8 16.5v-9ZM3.8 7.5 12 11.8l8.2-4.3M12 11.8v9",side:"l",row:2,ink:"#0F7796",tint:"rgba(23,135,168,0.11)",hot:"rgba(23,135,168,0.21)",ring:"rgba(23,135,168,0.34)",chip:"inventory"},{id:"comp",name:"Compliance",glyph:"M12 3.2 19.2 5.9v5.8c0 4.5-2.9 7.4-7.2 9.1-4.3-1.7-7.2-4.6-7.2-9.1V5.9ZM8.9 11.9l2.3 2.3 4-4.4",side:"r",row:2,ink:"#48566A",tint:"rgba(72,86,106,0.10)",hot:"rgba(72,86,106,0.20)",ring:"rgba(72,86,106,0.32)",chip:"compliance"}],L=T.length,P=T.map(e=>{let i="l"===e.side,s=i?215:685,n=i?O:z,t=$[e.row]-(e.row-1)*38,r=M+(e.row-1)*15;return{id:e.id,d:`M${s} ${t} Q${s+(n-s)*.42} ${t} ${(s+n)/2} ${(t+r)/2} T${n} ${r}`,x0:s,y0:t}}),V=`M450 ${v} L450 316`,U=[{label:"OPEN DEAL",value:"$18,400 proposal",src:2},{label:"NEXT JOB",value:"Fri 9:00 AM",src:0},{label:"BALANCE",value:"$1,840 paid",money:!0,src:1},{label:"ON ORDER",value:"12 × HX-40 reserved",src:4},{label:"COVERAGE",value:"COI current",src:5},{label:"EMAIL",value:"[email protected]",src:3}];function Z({anim:e,ms:s=460,sx:t,children:r}){return(0,i.jsx)(n.Box,{sx:{display:"grid",gridTemplateRows:"1fr",animation:e?`${E} ${s}ms ${D} both`:"none",...o.NOMO,...t},children:(0,i.jsx)(n.Box,{sx:{minHeight:0,overflow:"hidden"},children:r})})}function K({s:e,hot:s,grow:t=1.11,sx:r,children:x}){return(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",borderRadius:"3px",bgcolor:s?e.hot:e.tint,color:e.ink,transform:s?`scale(${t})`:"none",boxShadow:s?`0 0 0 2px ${e.ring}`:`0 0 0 0 ${e.ring}`,transition:`transform 300ms ${I}, background-color 300ms ${D}, box-shadow 300ms ${D}`,...o.NOMO,...r},children:x})}function X({size:e=8,ink:s=p,w:n=500,sx:r,children:x}){return(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:'"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace',fontSize:`${e}px`,fontWeight:n,color:s,lineHeight:1,letterSpacing:"-0.01em",...r},children:x})}let Y=["M","T","W","T","F"],q=[{inv:"INV-1039",who:"HALE, J.",amt:"$420"},{inv:"INV-1042",who:"REED, MARCUS",amt:"$1,840",me:!0},{inv:"INV-1044",who:"OSORIO, P.",amt:"$960"}],G=[{who:"Marcus Reed",org:"Northgate Mechanical",stage:"PROPOSAL",amt:"$18,400",me:!0},{who:"D. Okafor",org:"Lakeside HVAC",stage:"QUALIFIED",amt:"$6,200"}],J=[{from:"[email protected]",subj:"Re: north gate install quote",at:"9:04",me:!0},{from:"[email protected]",subj:"Invoice question",at:"Mon"}],Q=[{so:"SO-2214",who:"M. REED",line:"12 × HX-40 unit",status:"RESERVED",me:!0},{so:"SO-2209",who:"LAKESIDE",line:"4 × PV-12 coil",status:"PICKED"}],_=[{doc:"COI-1188",org:"Northgate Mechanical",status:"CURRENT",exp:"exp 03/27",me:!0},{doc:"PRM-0452",org:"Mechanical permit",status:"PENDING",exp:"in review"}],ee={sched:function({s:e,hot:s,c:t}){let r=t?4:5,x=t?2:3,o=t?2:3,l=[];for(let a=0;a<x;a++)for(let x=0;x<r;x++){if(1===a&&x===o+1)continue;if(1===a&&x===o){l.push((0,i.jsx)(K,{s:e,hot:s,grow:1.08,sx:{gridColumn:`${x+1} / span 2`,gridRow:`${a+1}`,justifyContent:"center",px:"2px"},children:(0,i.jsx)(X,{size:t?7.5:8.5,ink:e.ink,w:600,children:"M. Reed"})},`${a}-${x}`));continue}let r=0===a&&1===x;l.push((0,i.jsx)(n.Box,{sx:{gridColumn:`${x+1}`,gridRow:`${a+1}`,borderRadius:"3px",bgcolor:r?"rgba(23,32,42,0.10)":w}},`${a}-${x}`))}return(0,i.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,i.jsx)(n.Box,{sx:{display:"grid",gridTemplateColumns:`repeat(${r},1fr)`,gap:"3px",mb:"4px"},children:Y.slice(0,r).map((e,s)=>(0,i.jsx)(X,{size:t?6.5:7.5,sx:{textAlign:"center"},children:e},s))}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"grid",gap:"3px",gridTemplateColumns:`repeat(${r},1fr)`,gridTemplateRows:`repeat(${x},1fr)`},children:l})]})},acct:function({s:e,hot:s,c:t}){let r=t?q.slice(1,3):q,x=t?44:54,o=t?34:44,l=t?7:8;return(0,i.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"5px",pb:"4px",borderBottom:`1px solid ${m}`},children:[(0,i.jsx)(X,{size:t?6:6.5,sx:{width:x,flexShrink:0,letterSpacing:"0.08em"},children:"INVOICE"}),(0,i.jsx)(X,{size:t?6:6.5,sx:{flex:1,minWidth:0,letterSpacing:"0.08em"},children:"CUSTOMER"}),(0,i.jsx)(X,{size:t?6:6.5,sx:{width:o,flexShrink:0,textAlign:"right",letterSpacing:"0.08em"},children:"AMOUNT"})]}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",gap:"2px",pt:"3px"},children:r.map(t=>t.me?(0,i.jsxs)(K,{s:e,hot:s,grow:1.03,sx:{flex:1,gap:"5px",px:"3px",mx:"-3px"},children:[(0,i.jsx)(X,{size:l,ink:e.ink,w:600,sx:{width:x,flexShrink:0},children:t.inv}),(0,i.jsx)(X,{size:l,ink:e.ink,w:600,sx:{flex:1,minWidth:0},children:t.who}),(0,i.jsx)(X,{size:l,ink:e.ink,w:600,sx:{width:o,flexShrink:0,textAlign:"right"},children:t.amt})]},t.inv):(0,i.jsxs)(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",gap:"5px"},children:[(0,i.jsx)(X,{size:l,sx:{width:x,flexShrink:0},children:t.inv}),(0,i.jsx)(X,{size:l,sx:{flex:1,minWidth:0},children:t.who}),(0,i.jsx)(X,{size:l,sx:{width:o,flexShrink:0,textAlign:"right"},children:t.amt})]},t.inv))})]})},crm:function({s:e,hot:s,c:t}){let r=t?7.5:8.5;return(0,i.jsx)(n.Box,{sx:{height:"100%",display:"flex",flexDirection:"column",gap:"4px"},children:G.map(x=>{let o=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"baseline",gap:"3px",minWidth:0},children:[(0,i.jsx)(X,{size:r,ink:x.me?e.ink:d,w:600,sx:{flexShrink:0},children:x.who}),(0,i.jsxs)(X,{size:t?6.5:7.5,ink:x.me?e.ink:p,sx:{minWidth:0},children:["· ",x.org]})]}),(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:11,px:"3px",borderRadius:"3px",flexShrink:0,bgcolor:x.me?"rgba(255,255,255,0.72)":w},children:(0,i.jsx)(X,{size:6,w:600,ink:x.me?e.ink:p,sx:{letterSpacing:"0.08em"},children:x.stage})}),(0,i.jsx)(n.Box,{sx:{flex:1,minWidth:2}}),(0,i.jsx)(X,{size:r,ink:x.me?e.ink:d,w:600,sx:{flexShrink:0},children:x.amt})]})]});return x.me?(0,i.jsx)(K,{s:e,hot:s,grow:1.03,sx:{flex:1,minHeight:0,flexDirection:"column",alignItems:"stretch",justifyContent:"center",gap:"3px",px:"5px"},children:o},x.who):(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center",gap:"3px",px:"5px",borderRadius:"3px",border:`1px solid ${c}`},children:o},x.who)})})},email:function({s:e,hot:s,c:r}){return(0,i.jsx)(n.Box,{sx:{height:"100%",display:"flex",flexDirection:"column",gap:"6px"},children:J.map(x=>(0,i.jsxs)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center",gap:"4px"},children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"5px"},children:[(0,i.jsx)(n.Box,{sx:{width:5,height:5,borderRadius:"50%",flexShrink:0,bgcolor:x.me?e.ink:B}}),x.me?(0,i.jsx)(K,{s:e,hot:s,sx:{px:"3px",mx:"-3px",minWidth:0},children:(0,i.jsx)(X,{size:r?7.5:8.5,ink:e.ink,w:600,children:x.from})}):(0,i.jsx)(X,{size:r?7.5:8.5,ink:d,sx:{minWidth:0},children:x.from}),(0,i.jsx)(n.Box,{sx:{flex:1,minWidth:2}}),(0,i.jsx)(X,{size:7,sx:{flexShrink:0},children:x.at})]}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:r?"8.5px":"9.5px",color:p,lineHeight:1,letterSpacing:"-0.006em",pl:"10px"},children:x.subj})]},x.from))})},inv:function({s:e,hot:s,c:t}){let r=t?7:8;return(0,i.jsxs)(n.Box,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[!t&&(0,i.jsx)(X,{size:6.5,sx:{letterSpacing:"0.1em",pb:"4px",borderBottom:`1px solid ${m}`},children:"SALES ORDERS"}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",gap:"3px",pt:t?0:"3px"},children:Q.map(x=>{let o=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"4px",minWidth:0},children:[(0,i.jsxs)(X,{size:r,ink:x.me?e.ink:d,w:600,sx:{minWidth:0},children:[x.so," · ",x.who]}),(0,i.jsx)(n.Box,{sx:{flex:1,minWidth:2}}),(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:11,px:"3px",borderRadius:"3px",flexShrink:0,bgcolor:x.me?"rgba(255,255,255,0.72)":w},children:(0,i.jsx)(X,{size:6,w:600,ink:x.me?e.ink:p,sx:{letterSpacing:"0.08em"},children:x.status})})]}),(0,i.jsx)(X,{size:t?6.5:7.5,ink:x.me?e.ink:p,w:x.me?600:500,children:x.line})]});return x.me?(0,i.jsx)(K,{s:e,hot:s,grow:1.03,sx:{flex:1,minHeight:0,flexDirection:"column",alignItems:"stretch",justifyContent:"center",gap:"3px",px:"4px",mx:"-4px"},children:o},x.so):(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center",gap:"3px",borderBottom:`1px solid ${m}`},children:o},x.so)})})]})},comp:function({s:e,hot:s,c:t}){let r=t?7:8;return(0,i.jsxs)(n.Box,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[!t&&(0,i.jsx)(X,{size:6.5,sx:{letterSpacing:"0.1em",pb:"4px",borderBottom:`1px solid ${m}`},children:"CERTIFICATES"}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",gap:"3px",pt:t?0:"3px"},children:_.map(x=>{let o=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"4px",minWidth:0},children:[(0,i.jsx)(n.Box,{sx:{color:x.me?e.ink:p,display:"flex",flexShrink:0},children:(0,i.jsx)(N,{d:"M6.6 3.8h7.6l3.2 3.2v13.2H6.6zM14.2 3.8V7h3.2",size:t?8:9,sw:2})}),(0,i.jsxs)(X,{size:r,ink:x.me?e.ink:d,w:600,sx:{minWidth:0},children:[x.doc," · ",x.org]})]}),(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"4px",pl:t?"12px":"13px"},children:[(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:11,px:"3px",borderRadius:"3px",flexShrink:0,bgcolor:x.me?"rgba(255,255,255,0.72)":w},children:(0,i.jsx)(X,{size:6,w:600,ink:x.me?e.ink:p,sx:{letterSpacing:"0.08em"},children:x.status})}),(0,i.jsx)(X,{size:t?6.5:7.5,ink:x.me?e.ink:p,children:x.exp})]})]});return x.me?(0,i.jsx)(K,{s:e,hot:s,grow:1.03,sx:{flex:1,minHeight:0,flexDirection:"column",alignItems:"stretch",justifyContent:"center",gap:"3px",px:"4px",mx:"-4px"},children:o},x.doc):(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center",gap:"3px",borderBottom:`1px solid ${m}`},children:o},x.doc)})})]})}};function ei({s:e,hot:s,c:r}){let x=ee[e.id];return(0,i.jsxs)(n.Box,{sx:{height:"100%",minWidth:0,bgcolor:a,borderRadius:"10px",border:`1px solid ${s?e.ring:c}`,boxShadow:s?`0 0 0 3px ${e.tint}, ${y}`:`0 0 0 0 ${e.tint}`,transition:`border-color 300ms ${D}, box-shadow 300ms ${D}`,...o.NOMO,p:r?"7px 8px":"8px 9px",display:"flex",flexDirection:"column",overflow:"hidden"},children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",flexShrink:0,mb:r?"5px":"6px"},children:[(0,i.jsx)(n.Box,{sx:{width:r?15:18,height:r?15:18,borderRadius:"5px",flexShrink:0,bgcolor:e.tint,color:e.ink,display:"grid",placeItems:"center"},children:(0,i.jsx)(N,{d:e.glyph,size:r?9:11,sw:1.9})}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:r?"10px":"11.5px",fontWeight:600,color:h,lineHeight:1,letterSpacing:"-0.012em"},children:e.name})]}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0},children:(0,i.jsx)(x,{s:e,hot:s,c:r})})]})}function es({arrived:e,c:s}){let r=e/L,x=(0,i.jsxs)(i.Fragment,{children:[e," / ",L," SOURCES"]}),l=e=>(0,i.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"5px",height:"100%"},children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",color:e?"#fff":p},children:[(0,i.jsx)(N,{d:"M12 8.6a3.4 3.4 0 1 0 0 6.8 3.4 3.4 0 0 0 0-6.8ZM12 3.2v5.4M12 15.4v5.4M3.2 12h5.4M15.4 12h5.4",size:s?14:15,sw:1.9}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:s?"14px":"15px",fontWeight:600,color:e?"#fff":d,lineHeight:1,letterSpacing:"-0.018em"},children:"serveyou"})]}),(0,i.jsx)(X,{size:7.5,w:600,ink:e?"rgba(255,255,255,0.82)":p,sx:{letterSpacing:"0.12em"},children:x})]});return(0,i.jsxs)(n.Box,{sx:{display:"grid",height:"100%",width:"100%"},children:[(0,i.jsx)(n.Box,{sx:{...A,borderRadius:"12px",bgcolor:a,border:`1px dashed ${B}`},children:l(!1)}),(0,i.jsx)(n.Box,{sx:{...A,borderRadius:"12px",bgcolor:f,boxShadow:"0 2px 6px rgba(180,70,0,0.18), 0 12px 26px -12px rgba(253,114,21,0.60)",opacity:r,transition:`opacity 320ms ${D}`,...o.NOMO},children:l(!0)})]})}function en({f:e,c:s,last:r}){let x=T[e.src],o=e.money?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Box,{component:"span",sx:{color:b,fontWeight:700},children:"$1,840"})," paid"]}):e.value;return(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"7px",height:s?22:18,borderBottom:r?"none":`1px solid ${m}`},children:[(0,i.jsx)(X,{size:7.5,w:600,sx:{letterSpacing:"0.1em",width:s?62:58,flexShrink:0},children:e.label}),(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:13,px:"4px",borderRadius:"4px",flexShrink:0,bgcolor:x.tint},children:(0,i.jsx)(X,{size:7,w:600,ink:x.ink,sx:{letterSpacing:"0.04em"},children:x.chip})}),(0,i.jsx)(n.Box,{sx:{flex:1,minWidth:4}}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:s?"11.5px":"11px",fontWeight:600,color:h,lineHeight:1,letterSpacing:"-0.008em",flexShrink:0},children:o})]})}function et({c:e}){return(0,i.jsxs)(n.Box,{sx:{height:e?180:156,bgcolor:a,borderRadius:"11px",border:`1px solid ${c}`,borderTop:`2px solid ${f}`,boxShadow:y,p:e?"9px 12px":"9px 14px",display:"flex",flexDirection:"column",overflow:"hidden"},children:[(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"8px",flexShrink:0,pb:"7px",borderBottom:`1px solid ${m}`},children:[(0,i.jsx)(n.Box,{sx:{width:22,height:22,borderRadius:"50%",flexShrink:0,bgcolor:j,border:"1px solid rgba(253,114,21,0.16)",display:"grid",placeItems:"center"},children:(0,i.jsx)(X,{size:8.5,w:600,ink:u,sx:{letterSpacing:"0.02em"},children:"MR"})}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:"13.5px",fontWeight:600,color:h,lineHeight:1,letterSpacing:"-0.014em"},children:"Marcus Reed"}),(0,i.jsx)(X,{size:9,children:"· acct #1042"}),(0,i.js

14x)(n.Box,{sx:{flex:1,minWidth:4}}),(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:16,px:"6px",borderRadius:"5px",flexShrink:0,bgcolor:j},children:(0,i.jsx)(X,{size:7.5,w:600,ink:u,sx:{letterSpacing:"0.12em"},children:"ONE RECORD"})})]}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:U.map((s,n)=>(0,i.jsx)(en,{f:s,c:e,last:n===U.length-1},s.label))})]})}function er({drawn:e,flow:t,out:r}){return(0,i.jsxs)(n.Box,{component:"svg","aria-hidden":!0,viewBox:"0 0 900 478",sx:{position:"absolute",left:0,top:0,width:900,height:478,overflow:"visible",pointerEvents:"none"},children:[P.map((n,r)=>{let x=e>r;return(0,i.jsxs)(s.default.Fragment,{children:[(0,i.jsx)(F,{d:n.d,fill:"none",stroke:f,strokeWidth:1.6,strokeLinecap:"round",pathLength:100,sx:{strokeDasharray:100,strokeDashoffset:100*!x,transition:x?`stroke-dashoffset 520ms ${I}`:"none",...o.NOMO}}),(0,i.jsx)(H,{cx:n.x0,cy:n.y0,r:2.6,fill:f,sx:{opacity:+!!x,transition:`opacity 240ms ${I} ${160*!!x}ms`,...o.NOMO}}),(0,i.jsx)(F,{d:n.d,fill:"none",stroke:f,strokeWidth:5.5,strokeLinecap:"round",pathLength:100,sx:{strokeDasharray:"0.6 300",opacity:+!!t,animation:t?`${W} 4.2s linear ${.14*r}s infinite`:"none",...o.NOMO}})]},n.id)}),(0,i.jsx)(F,{d:V,fill:"none",stroke:f,strokeWidth:1.6,strokeLinecap:"round",pathLength:100,sx:{strokeDasharray:100,strokeDashoffset:100*!r,transition:r?`stroke-dashoffset 420ms ${I}`:"none",...o.NOMO}}),(0,i.jsx)(F,{d:V,fill:"none",stroke:f,strokeWidth:5.5,strokeLinecap:"round",pathLength:100,sx:{strokeDasharray:"0.6 300",opacity:t&&r?1:0,animation:t&&r?`${W} 4.2s linear ${.14*L}s infinite`:"none",...o.NOMO}})]})}function ex({drawn:e,flow:s,out:t}){let r=(e,i)=>({position:"absolute",left:i,top:0,width:"1.6px",height:17,ml:"-0.8px",bgcolor:f,transformOrigin:"top",transform:`scaleY(${+!!e})`,transition:`transform 380ms ${I}`,...o.NOMO});return(0,i.jsxs)(n.Box,{sx:{position:"relative",height:36,flexShrink:0},children:[(0,i.jsx)(n.Box,{sx:r(e>=2,"25%")}),(0,i.jsx)(n.Box,{sx:r(e>=5,"75%")}),(0,i.jsx)(n.Box,{sx:{position:"absolute",left:"25%",right:"25%",top:16,height:"1.6px",bgcolor:f,transform:`scaleX(${+(e>=1)})`,transition:`transform 420ms ${I} 120ms`,...o.NOMO}}),(0,i.jsx)(n.Box,{sx:{position:"absolute",left:"50%",top:16,width:"1.6px",height:20,ml:"-0.8px",bgcolor:f,transformOrigin:"top",transform:`scaleY(${+!!t})`,transition:`transform 360ms ${I}`,...o.NOMO}}),(0,i.jsx)(n.Box,{sx:{position:"absolute",left:"50%",top:15,width:5,height:5,borderRadius:"50%",bgcolor:f,opacity:0,animation:s&&t?`${C} 4.2s linear infinite`:"none",...o.NOMO}})]})}e.s(["default",0,function(){let e=(0,s.useRef)(null),r=(0,l.useInView)(e),[x,a]=(0,s.useState)(-1),[m,f]=(0,s.useState)(L),[u,b]=(0,s.useState)(L),[w,B]=(0,s.useState)(!0),[M,v]=(0,s.useState)(!0),[z,E]=(0,s.useState)(!1),[W,C]=(0,s.useState)(!1),A=(0,s.useRef)(!0);(0,l.useReel)(r,{loopMs:24e3,settle:()=>{a(-1),f(L),b(L),B(!0),v(!0),E(!1)},play:e=>{let i=1200*!!A.current;A.current=!1;let s=()=>{C(!0),a(-1),f(0),b(0),B(!1),v(!1)};i?(e(()=>E(!0),600),e(s,850),e(()=>E(!1),900)):e(s,0),T.forEach((s,n)=>e(()=>a(n),1600+380*n+i)),e(()=>a(-1),1600+380*L+i),T.forEach((s,n)=>e(()=>f(n+1),4200+140*n+i)),e(()=>B(!0),6e3+i),T.forEach((s,n)=>e(()=>b(n+1),6920+.14*n*1e3+i)),e(()=>v(!0),7900+i),e(()=>E(!0),22e3+i),e(s,22250+i),e(()=>E(!1),22350+i)}});let F={opacity:+!z,transition:`opacity ${z?200:300}ms ${z?D:I}`,...o.NOMO};return(0,i.jsxs)(n.Box,{ref:e,"aria-hidden":!0,sx:{position:"relative",width:"100%",height:560,overflow:"hidden",display:"flex",flexDirection:"column",userSelect:"none",bgcolor:"#F4F2EE",borderRadius:"14px",border:`1px solid ${g}`,boxShadow:y,[S]:{height:720}},children:[(0,i.jsxs)(n.Box,{sx:{height:54,flexShrink:0,px:"16px",display:"flex",alignItems:"center",gap:"9px",bgcolor:"#FBFAF8",borderBottom:`1px solid ${c}`},children:[(0,i.jsx)(n.Box,{sx:{width:24,height:24,borderRadius:"7px",flexShrink:0,bgcolor:j,color:"#E4620B",display:"grid",placeItems:"center"},children:(0,i.jsx)(N,{d:"M12 3.4 21 8l-9 4.6L3 8ZM3.2 12.2l8.8 4.5 8.8-4.5M3.2 16.2l8.8 4.5 8.8-4.5",size:14,sw:1.9})}),(0,i.jsx)(t.Typography,{noWrap:!0,sx:{fontFamily:k,fontSize:"13px",fontWeight:600,color:h,lineHeight:1,letterSpacing:"-0.012em"},children:"Atlas"}),(0,i.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",height:18,px:"7px",borderRadius:"6px",border:`1px solid ${g}`,flexShrink:0},children:(0,i.jsx)(X,{size:9,ink:d,sx:{letterSpacing:"0.08em"},children:"6 SYSTEMS"})}),(0,i.jsx)(n.Box,{sx:{flex:1,minWidth:6}}),(0,i.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",color:p,flexShrink:0,[S]:{display:"none"}},children:[(0,i.jsx)(N,{d:"M19.6 12a7.6 7.6 0 1 1-2.3-5.4M17.4 3.6v3.4h-3.4",size:13,sw:1.9}),(0,i.jsx)(X,{size:9.5,children:"synced 2m ago"})]})]}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,px:"16px",py:"14px",display:"block",[S]:{display:"none"}},children:(0,i.jsxs)(n.Box,{sx:{position:"relative",width:900,height:478,mx:"auto",...F},children:[(0,i.jsx)(er,{drawn:m,flow:w,out:M}),T.map((e,s)=>(0,i.jsx)(n.Box,{sx:{position:"absolute",width:215,height:118,left:685*("l"!==e.side),top:$[e.row]-

1459},children:(0,i.jsx)(ei,{s:e,hot:x===s})},e.id)),(0,i.jsx)(n.Box,{sx:{position:"absolute",left:O,top:R,width:160,height:60},children:(0,i.jsx)(es,{arrived:u})}),M&&(0,i.jsx)(Z,{anim:W,sx:{position:"absolute",left:240,top:316,width:420},children:(0,i.jsx)(et,{})})]})}),(0,i.jsx)(n.Box,{sx:{flex:1,minHeight:0,px:"12px",py:"12px",display:"none",[S]:{display:"block"}},children:(0,i.jsxs)(n.Box,{sx:{height:"100%",maxWidth:560,mx:"auto",display:"flex",flexDirection:"column",...F},children:[(0,i.jsx)(n.Box,{sx:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"10px",flexShrink:0},children:T.map((e,s)=>(0,i.jsx)(n.Box,{sx:{height:110,minWidth:0},children:(0,i.jsx)(ei,{s:e,hot:x===s,c:!0})},e.id))}),(0,i.jsx)(ex,{drawn:m,flow:w,out:M}),(0,i.jsx)(n.Box,{sx:{height:58,flexShrink:0},children:(0,i.jsx)(es,{arrived:u,c:!0})}),M&&(0,i.jsx)(Z,{anim:W,sx:{mt:"14px",flexShrink:0},children:(0,i.jsx)(et,{c:!0})})]})})]})}])},3342382,function(e){e.n(e.i(8276868))}]);