1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9059],{19059:(e,s,t)=>{t.r(s),t.d(s,{default:()=>w});var a=t(95155),i=t(12115),n=t(74570),r=t(26402),l=t(26497),d=t(15239),c=t(93758),m=t(67921),o=t(41753),x=t(61512),p=t(92852),h=t(66373),u=t(56734),g=t(57973),f=t(28768);let y=({labelKey:e,delay:s})=>(0,a.jsx)(h.yv,{labelKey:e,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.4,delay:s}});function b({emailRef:e,prefersReducedMotion:s,animationStep:t,currentProvider:i,draftText:n,fullDraftText:h,showDraftLabel:b,className:j,initialFadeInDelayMs:N=800}){return(0,a.jsxs)(r.P.div,{ref:e,initial:{opacity:0,y:40*!s},animate:{opacity:1,y:0},transition:{duration:s?.3:1,delay:s?0:N/1e3},className:(0,u.cn)("relative z-30 mx-auto max-w-6xl",j),children:[(0,a.jsxs)(o.A,{variant:"frosted",rounded:"lg",padding:"md",innerPadding:"none",innerClassName:"relative h-[500px] max-h-[500px] overflow-hidden rounded-xl border-gray-300 shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] sm:rounded-2xl",children:[(0,a.jsx)("div",{className:"border-b border-gray-300 bg-white px-3 py-3 shadow-sm sm:px-6 sm:py-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 sm:gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full bg-red-500 sm:h-2.5 sm:w-2.5"}),(0,a.jsx)("div",{className:"h-2 w-2 rounded-full bg-yellow-500 sm:h-2.5 sm:w-2.5"}),(0,a.jsx)("div",{className:"h-2 w-2 rounded-full bg-green-500 sm:h-2.5 sm:w-2.5"})]}),(0,a.jsx)("span",{className:"ml-1 text-sm font-medium text-gray-700 sm:text-base",children:"Inbox"})]}),(0,a.jsx)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:(0,a.jsx)(l.N,{mode:"wait",children:(0,a.jsxs)(r.P.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.3},className:"flex items-center gap-2",children:["gmail"===i?(0,a.jsx)(c.Z,{className:"size-4 sm:size-5.5"}):(0,a.jsx)(m._,{className:"size-4 sm:size-6"}),(0,a.jsx)("span",{className:"xs:inline hidden text-xs font-medium text-gray-700 sm:text-sm",children:"gmail"===i?"Gmail":"Outlook"})]},i)})})]})}),(0,a.jsxs)("div",{className:"flex h-[calc(100%-57px)]",children:[(0,a.jsx)("div",{className:"hidden w-16 border-r border-gray-200 bg-gray-50 py-4 md:block",children:(0,a.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,a.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600",children:(0,a.jsxs)("svg",{className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",children:[(0,a.jsx)("path",{d:"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"}),(0,a.jsx)("path",{d:"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"})]})}),(0,a.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100",children:(0,a.jsx)("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})}),(0,a.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100",children:(0,a.jsx)("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"})})})]})}),(0,a.jsx)("div",{className:"flex-1 overflow-hidden [&::-webkit-scrollbar]:hidden",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:(0,a.jsxs)("div",{className:"divide-y divide-gray-100",children:[(0,a.jsx)(r.P.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.3,delay:1,ease:g.sp},className:`p-3 transition-colors duration-200 sm:p-4 ${1===t?"bg-blue-50/50":"bg-white"}`,children:(0,a.jsxs)("div",{className:"flex items-start gap-2.5 sm:gap-4",children:[(0,a.jsx)("div",{className:"flex size-8 flex-shrink-0 items-center justify-center rounded-full bg-pink-100 text-xs font-semibold text-pink-700 sm:size-10 sm:text-sm",children:"S"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"mb-1.5 flex items-start justify-between gap-2 sm:mb-2 sm:gap-4",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[(0,a.jsx)("p",{className:"p-0 text-sm font-semibold text-gray-900 sm:text-base",children:"Sarah Chen"}),(0,a.jsx)(l.N,{children:t>=2&&(0,a.jsx)(r.P.div,{initial:{opacity:0,scale:.8,x:-10}
1,animate:{opacity:1,scale:1,x:0},transition:{duration:.4,delay:.2},children:(0,a.jsx)(y,{labelKey:"toRespond",delay:0})})})]}),(0,a.jsx)("p",{className:"mt-0.5 text-xs font-medium text-gray-900 sm:mt-1 sm:text-sm",children:"Re: Q4 Budget Review"})]}),(0,a.jsx)("span",{className:"text-tiny text-gray-500 sm:text-xs",children:"2:34 PM"})]}),(0,a.jsx)("p",{className:"text-xs leading-relaxed text-gray-600 sm:text-sm",children:"Hi team, I wanted to follow up on our discussion about the Q4 budget allocation..."}),(0,a.jsx)(p.U,{show:1===t,label:"Reading email...",prefersReducedMotion:s,presenceKey:"hero-reading-email"}),(0,a.jsx)(l.N,{children:t>=3&&(0,a.jsx)(r.P.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.3,ease:g.sp},className:"mt-2 overflow-hidden sm:mt-3",children:(0,a.jsxs)("div",{className:"rounded-lg bg-gray-50 px-2.5 py-2 sm:px-3 sm:py-2.5",children:[(0,a.jsx)("div",{className:"mb-1.5 flex items-center justify-between sm:mb-2",children:(0,a.jsx)(x.Q,{isDrafting:!b,prefersReducedMotion:s,readyLabel:"Draft"})}),(0,a.jsxs)("p",{className:"text-xs leading-relaxed text-gray-700 sm:text-sm",children:[n,n.length<h.length&&!s&&(0,a.jsx)(r.P.span,{animate:n.length<h.length?{opacity:[1,0]}:{opacity:1},transition:{duration:.8,repeat:n.length<h.length?1/0:0},className:"ml-0.5 inline-block h-3 w-0.5 bg-gray-600 sm:h-4"})]})]})})})]})]})}),(0,a.jsx)(r.P.div,{initial:{opacity:0,x:-20},animate:{opacity:t>=3?.5:1,x:0},transition:{duration:.3,delay:1.2,ease:g.sp},className:"bg-white p-3 transition-opacity sm:p-4",children:(0,a.jsxs)("div",{className:"flex items-start gap-2.5 sm:gap-4",children:[(0,a.jsx)("div",{className:"flex size-8 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 text-xs font-semibold text-blue-700 sm:size-10 sm:text-sm",children:"J"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"mb-1.5 flex items-start justify-between gap-2 sm:mb-2 sm:gap-4",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-gray-900 sm:text-base",children:"John Martinez"}),(0,a.jsx)(l.N,{children:t>=2&&(0,a.jsx)(r.P.div,{initial:{opacity:0,scale:.8,x:-10},animate:{opacity:1,scale:1,x:0},transition:{duration:.4,delay:.4},children:(0,a.jsx)(y,{labelKey:"meetingUpdate",delay:0})})})]}),(0,a.jsx)("p",{className:"mt-0.5 text-xs font-medium text-gray-900 sm:mt-1 sm:text-sm",children:"Meeting Tomorrow at 2pm"})]}),(0,a.jsx)("span",{className:"text-tiny text-gray-500 sm:text-xs",children:"1:15 PM"})]}),(0,a.jsx)("p",{className:"text-xs leading-relaxed text-gray-600 sm:text-sm",children:"Just confirming our meeting for tomorrow afternoon to discuss the new project timeline..."})]})]})}),(0,a.jsx)(r.P.div,{initial:{opacity:0,x:-20},animate:{opacity:t>=3?.5:1,x:0},transition:{duration:.3,delay:1.4,ease:g.sp},className:"bg-white p-3 transition-opacity sm:p-4",children:(0,a.jsxs)("div",{className:"flex items-start gap-2.5 sm:gap-4",children:[(0,a.jsx)("div",{className:"flex size-8 flex-shrink-0 items-center justify-center rounded-full bg-pink-100 text-xs font-semibold text-pink-700 sm:size-10 sm:text-sm",children:"L"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"mb-1.5 flex items-start justify-between gap-2 sm:mb-2 sm:gap-4",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-gray-900 sm:text-base",children:"Legal Team"}),(0,a.jsx)(l.N,{children:t>=2&&(0,a.jsx)(r.P.div,{initial:{opacity:0,scale:.8,x:-10},animate:{opacity:1,scale:1,x:0},transition:{duration:.4,delay:.6},children:(0,a.jsx)(y,{labelKey:"fyi",delay:0})})})]}),(0,a.jsx)("p",{className:"mt-1 font-medium text-gray-900",children:"Contract Review Needed"})]}),(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"11:42 AM"})]}),(0,a.jsx)("p",{className:"text-sm text-gray-600",children:"Please review the attached contract and provide your feedback by end of week..."})]})]})}),(0,a.jsx)(r.P.div,{initial:{opacity:0,x:-20}
1,animate:{opacity:t>=3?.5:1,x:0},transition:{duration:.3,delay:1.6,ease:g.sp},className:"bg-white p-4 transition-opacity",children:(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-purple-100 text-sm font-semibold text-purple-700",children:"M"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-start justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("p",{className:"font-semibold text-gray-900",children:"Marketing Team"}),(0,a.jsx)(l.N,{children:t>=2&&(0,a.jsx)(r.P.div,{initial:{opacity:0,scale:.8,x:-10},animate:{opacity:1,scale:1,x:0},transition:{duration:.4,delay:.8},children:(0,a.jsx)(y,{labelKey:"marketing",delay:0})})})]}),(0,a.jsx)("p",{className:"mt-1 font-medium text-gray-900",children:"Q4 Campaign Results"})]}),(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"10:15 AM"})]}),(0,a.jsx)("p",{className:"text-sm text-gray-600",children:"Here are the preliminary results from our Q4 marketing campaign..."})]})]})})]})})]})]}),(0,a.jsx)(r.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.6,delay:1.8},className:"absolute top-20 -right-12 hidden rounded-xl border border-gray-200 bg-white/95 px-4 py-2.5 text-sm font-medium text-gray-700 shadow-[0_8px_30px_rgb(0,0,0,0.12)] backdrop-blur-sm xl:block",children:(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)(d.default,{src:f.W.IMAGES_BRAND_GRAPHICS_ICONS_MULTI_FLAG_WEBP,alt:"","aria-hidden":!0,role:"presentation",width:16,height:16,sizes:"16px"}),"Instant categorization"]})}),(0,a.jsx)(r.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.6,delay:2},className:"absolute bottom-20 -left-12 hidden rounded-xl border border-gray-200 bg-white/95 px-4 py-2.5 text-sm font-medium text-gray-700 shadow-[0_8px_30px_rgb(0,0,0,0.12)] backdrop-blur-sm xl:block",children:(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)(d.default,{src:f.W.IMAGES_BRAND_GRAPHICS_ICONS_MULTI_MAIL_WEBP,alt:"","aria-hidden":!0,role:"presentation",width:16,height:16,sizes:"16px"}),"Drafts in your voice"]})})]})}var j=t(28418),N=t(44814);let v="Thanks for the follow-up, Sarah. I've reviewed the Q4 budget proposal and have a few thoughts on the allocation. I think we should prioritize the marketing initiatives...";function w({className:e,initialAnimationDelayMs:s=600,initialFadeInDelayMs:t=800}){let{prefersReducedMotion:r}=(0,j.A)(),{md:l}=(0,N.A)(),d=!l,[c,m]=(0,i.useState)(""),[o,x]=(0,i.useState)(0),[p,h]=(0,i.useState)("gmail"),[u,g]=(0,i.useState)(!1),f=(0,i.useRef)(null),y=(0,n.W)(f,{once:!0,amount:d?.3:.6});return(0,i.useEffect)(()=>{let e=setInterval(()=>{h(e=>"gmail"===e?"outlook":"gmail")},3e3);return()=>clearInterval(e)},[]),(0,i.useEffect)(()=>{if(!y)return;let e=[];return e.push(setTimeout(()=>{x(1)},s)),e.push(setTimeout(()=>{x(2)},s+800)),e.push(setTimeout(()=>{x(3)},s+1800)),()=>e.forEach(e=>clearTimeout(e))},[s,y]),(0,i.useEffect)(()=>{let e;if(3!==o)return;if(r||d){m(v);let e=setTimeout(()=>g(!0),300);return()=>clearTimeout(e)}let s=0,t=performance.now(),a=i=>{i-t>=50?(t=i,(s+=3)<=v.length?(m(v.slice(0,s)),e=requestAnimationFrame(a)):(m(v),setTimeout(()=>g(!0),300))):e=requestAnimationFrame(a)};return e=requestAnimationFrame(a),()=>cancelAnimationFrame(e)},[o,r,d]),(0,a.jsx)(b,{emailRef:f,prefersReducedMotion:r,animationStep:o,currentProvider:p,draftText:c,fullDraftText:v,showDraftLabel:u,className:e??"mt-20",initialFadeInDelayMs:t})}},41753:(e,s,t)=>{t.d(s,{A:()=>c});var a=t(95155),i=t(56734);let n={none:"p-0",sm:"p-2",mdTight:"p-3",md:"p-4",lg:"p-6"},r={sm:"rounded-xl",md:"rounded-2xl",lg:"rounded-3xl"},l={sm:"rounded-[calc(0.75rem-1px)]",md:"rounded-[calc(1rem-1px)]",lg:"rounded-[calc(1.25rem-1px)]"},d={sm:"rounded-[calc(0.75rem-2px)]",md:"rounded-[calc(1rem-2px)]",lg:"rounded-[calc(1.25rem-2px)]"};function c({children:e,header:s,padding:t="md",innerPadding:c,rounded:m="md",innerClassName:o,className:x,variant:p="default"}){let h=c??t;return"frosted"===p?(0,a.jsxs)("div",{className:(0,i.cn)("border-rb-border flex flex-col border bg-gradient-to-br from-white via-gray-50/50 to-gray-50",n[t],r[m],x),children:[s?(0,a.jsx)("div",{className:"mb-3",children:s}):null,(0,a.jsx)("div",{className:(0,i.cn)("border-rb-border flex flex-col overflow-hidden border bg-white",l[m],n[h],o),children:e})]}):(0,a.jsx)("div",{className:(0,i.cn)("from-rb-parchement-3 via-rb-white to-rb-parchement-3 box-border flex flex-col bg-gradient-to-tr p-[1px]",r[m],x),children:(0,a.jsxs)("div",{className:(0,i.cn)("via-rb-parchement flex flex-1 flex-col bg-gradient-to-br from-[#FAFAF6] to-[#E5E5DD]",n[t],l[m]),children:[s?(0,a.jsx)("div",{className:"mb-3",children:s}):null,(0,a.jsx)("div",{className:(0,i.cn)("border-rb-border bg-rb-background flex flex-1 flex-col border",d[m],n[h],o),children:e})]})})}},61512:(e,s,t)=>{t.d(s,{Q:()=>r});var a=t(95155),i=t(26402),n=t(56734);function r({isDrafting:e,prefersReducedMotion:s,readyLabel:t,readyLabelClassName:r="text-red-600",draftingLabel:l="AI drafting...",className:d,readyTransition:c}){let m=e&&!s;return(0,a.jsx)("div",{className:(0,n.cn)("flex min-w-0 items-center gap-1 sm:gap-1.5",d),children:e?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.P.div,{animate:m?{scale:[1,1.2,1]}:{scale:1},transition:{duration:1.5,repeat:m?1/0:0},className:"h-1 w-1 shrink-0 rounded-full bg-blue-500 sm:h-1.5 sm:w-1.5","aria-hidden":!0}),(0,a.jsx)("span",{className:"sm:text-xxs text-[9px] font-medium text-gray-600",children:l})]}):(0,a.jsx)(i.P.span,{initial:{opacity:0,scale:.8}
1,animate:{opacity:1,scale:1},transition:c,className:(0,n.cn)("sm:text-xxs text-[9px] font-medium",r),children:t})})}},66373:(e,s,t)=>{t.d(s,{x5:()=>c,yv:()=>m});var a=t(95155),i=t(26402),n=t(56734);let r={toRespond:"bg-[#FC9D8F]",fyi:"bg-[#FFB85A]",comment:"bg-[#FFDE6A]",notification:"bg-[#5DDA9F]",meetingUpdate:"bg-[#8FC0FC]",awaitingReply:"bg-[#A5A8F7]",actioned:"bg-[#C79EF5]",marketing:"bg-[#FBD4E0]"},l={toRespond:"To Respond",fyi:"FYI",comment:"Comment",notification:"Notification",meetingUpdate:"Meeting Update",awaitingReply:"Awaiting Reply",actioned:"Actioned",marketing:"Marketing"};function d(e,s){return(0,n.cn)(r[e],"font-geist inline-flex shrink-0 origin-center items-center rounded-sm px-2 py-0.5 text-[9px] whitespace-nowrap text-gray-900 sm:px-2.5 sm:text-tiny",s)}function c({labelKey:e,label:s,className:t,...i}){return(0,a.jsx)("span",{className:d(e,t),...i,children:s??l[e]})}function m({labelKey:e,label:s,className:t,...n}){return(0,a.jsx)(i.P.span,{className:d(e,t),...n,children:s??l[e]})}},92852:(e,s,t)=>{t.d(s,{U:()=>l});var a=t(95155),i=t(26497),n=t(26402),r=t(56734);function l({show:e,label:s,prefersReducedMotion:t,className:l,presenceKey:d="spinner-status"}){let c=!t;return(0,a.jsx)(i.N,{children:e&&(0,a.jsxs)(n.P.div,{initial:{opacity:0,y:t?0:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:t?0:-10},transition:{duration:t?.15:.3},className:(0,r.cn)("text-tiny flex items-center gap-1.5 text-blue-600 sm:gap-2 sm:text-xs",l),children:[(0,a.jsx)(n.P.div,{animate:c?{rotate:360}:{rotate:0},transition:{duration:1,repeat:c?1/0:0,ease:"linear"},className:"h-2.5 w-2.5 rounded-full border-2 border-blue-600 border-t-transparent sm:h-3 sm:w-3","aria-hidden":!0}),(0,a.jsx)("span",{className:"font-medium",children:s})]},d)})}}}]);
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.