1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[545],{2545:(e,t,s)=>{s.r(t),s.d(t,{InsightsShowcaseSection:()=>$});var a=s(5155),i=s(7448),r=s(7309),n=s(7279),l=s(5772),o=s(9457);function c({children:e,active:t=!1,label:s}){return(0,a.jsx)("div",{className:`flex h-8 w-8 items-center justify-center rounded-lg transition-colors ${t?"bg-indigo-50 text-indigo-600":"text-zinc-500"}`,"aria-hidden":!0,title:s,children:e})}function d(){let{t:e}=(0,i.Ym)(),t=e.raw("showcase.insights.panels.canvas");return(0,a.jsxs)("div",{className:"pointer-events-none mx-auto box-border flex w-[92%] max-w-[22rem] min-h-0 max-h-[min(100%,82cqh)] shrink-0 select-none flex-col overflow-hidden rounded-[1.5rem] border border-zinc-200/80 bg-white p-5 antialiased transform-gpu shadow-[0_16px_32px_-8px_rgba(0,0,0,0.15)] sm:w-full sm:max-w-md sm:rounded-[2rem] sm:p-6 sm:shadow-[0_32px_64px_-16px_rgba(0,0,0,0.15)]",children:[(0,a.jsxs)("div",{className:"mb-4 flex items-center justify-between sm:mb-5",children:[(0,a.jsxs)("span",{className:"text-base font-black text-zinc-900 sm:text-lg",children:[(0,a.jsx)("span",{className:"max-[385px]:inline min-[386px]:hidden",children:t.headerShort}),(0,a.jsx)("span",{className:"max-[385px]:hidden min-[386px]:inline",children:t.header})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-2.5 py-1 sm:px-3",children:[(0,a.jsx)("div",{className:"h-1.5 w-1.5 rounded-full bg-indigo-500"}),(0,a.jsx)("span",{className:"text-[9px] font-bold tracking-widest text-indigo-700 uppercase sm:text-[10px]",children:t.action})]})]}),(0,a.jsxs)("div",{className:"relative h-52 w-full overflow-hidden rounded-2xl border border-zinc-200 bg-zinc-50 shadow-inner sm:h-64",children:[(0,a.jsx)("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(#d4d4d8 1px, transparent 1px)",backgroundSize:"16px 16px"},"aria-hidden":!0}),(0,a.jsx)("div",{className:"absolute top-[18%] left-[10%] z-0 h-[22%] w-[28%] rounded-lg border border-zinc-200/60 bg-white/60 opacity-40","aria-hidden":!0}),(0,a.jsx)("div",{className:"absolute top-[22%] right-[12%] z-0 h-[18%] w-[24%] rounded-lg border border-zinc-200/60 bg-purple-50/80 opacity-35","aria-hidden":!0}),(0,a.jsx)("div",{className:"absolute top-0 bottom-0 left-1/2 z-[1] w-px -translate-x-1/2 bg-zinc-200/50","aria-hidden":!0}),(0,a.jsx)("div",{className:"absolute right-0 left-0 top-1/2 z-[1] h-px -translate-y-1/2 bg-zinc-200/50","aria-hidden":!0}),(0,a.jsx)(o.P.div,{className:"absolute top-[12%] bottom-[22%] left-1/2 z-[5] w-px -translate-x-1/2",style:{backgroundImage:"repeating-linear-gradient(to bottom, #6366f1 0, #6366f1 4px, transparent 4px, transparent 8px)"},animate:{opacity:[.3,1,.3]},transition:{duration:2.2,repeat:1/0,ease:"easeInOut"},"aria-hidden":!0}),(0,a.jsx)(o.P.div,{className:"absolute top-1/2 right-[14%] left-[14%] z-[5] h-px -translate-y-1/2",style:{backgroundImage:"repeating-linear-gradient(to right, #ec4899 0, #ec4899 4px, transparent 4px, transparent 8px)"},animate:{opacity:[.25,.85,.25]},transition:{duration:2.2,repeat:1/0,ease:"easeInOut",delay:.4},"aria-hidden":!0}),(0,a.jsx)(o.P.div,{className:"absolute top-[calc(50%-1.75rem)] left-[calc(50%+0.5rem)] z-[6] rounded-md border border-indigo-200/80 bg-white px-1.5 py-0.5 shadow-sm",animate:{opacity:[.6,1,.6]},transition:{duration:2.2,repeat:1/0,ease:"easeInOut"},"aria-hidden":!0,children:(0,a.jsx)("span",{className:"text-[9px] font-bold tabular-nums text-indigo-600",children:"120px"})}),(0,a.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:(0,a.jsxs)("div",{className:"relative h-[46%] w-[52%] max-h-[7.5rem] max-w-[11rem] sm:max-h-[8.5rem] sm:max-w-[12.5rem]",children:[(0,a.jsx)("div",{className:"relative h-full w-full overflow-hidden rounded-lg border-2 border-indigo-500 bg-white shadow-[0_8px_24px_-6px_rgba(79,70,229,0.25)]",children:(0,a.jsx)(l.default,{src:"/images/Mockupy/InspirationMain.webp",alt:"",fill:!0,quality:100,className:"object-cover",sizes:"(max-width: 640px) 160px, 200px"})}),["top-0 left-0 -translate-x-1/2 -translate-y-1/2","top-0 right-0 translate-x-1/2 -translate-y-1/2","bottom-0 left-0 -translate-x-1/2 translate-y-1/2","bottom-0 right-0 translate-x-1/2 translate-y-1/2"].map(e=>(0,a.jsx)("div",{className:`absolute ${e} z-20 h-2 w-2 rounded-[2px] border-2 border-indigo-500 bg-white shadow-sm`,"aria-hidden":!0},e)),(0,a.jsx)("div",{className:"absolute top-0 left-1/2 z-20 h-2 w-2 -translate-x-1/2 -translate-y-[calc(100%+6px)] rounded-[2px] border-2 border-indigo-500 bg-white shadow-sm","aria-hidden":!0}),(0,a.jsx)("div",{className:"absolute top-0 left-1/2 z-[15] h-3 w-px -translate-x-1/2 -translate-y-[calc(100%+2px)] bg-indigo-400","aria-hidden":!0})]})}),(0,a.jsx)(o.P.div,{className:"absolute z-[25]",initial:{left:"28%",top:"38%"},animate:{left:["28%","62%","58%"],top:["38%","58%","56%"]},transition:{duration:3.5,repeat:1/0,repeatType:"reverse",ease:"easeInOut"}
1,"aria-hidden":!0,children:(0,a.jsx)("svg",{width:"18",height:"22",viewBox:"0 0 18 22",fill:"none",className:"drop-shadow-[0_2px_4px_rgba(0,0,0,0.2)]",children:(0,a.jsx)("path",{d:"M1 1L1 18.5L5.2 14.3L8.5 21L11.2 19.7L7.9 13.1L14 13.1L1 1Z",fill:"#18181b",stroke:"#fff",strokeWidth:"1.25",strokeLinejoin:"round"})})}),(0,a.jsx)("div",{className:"absolute inset-x-0 bottom-3 z-20 flex justify-center px-3 sm:bottom-4",children:(0,a.jsxs)("div",{className:"flex items-center gap-0.5 rounded-full border border-zinc-200/50 bg-white/80 px-1.5 py-1 shadow-lg backdrop-blur-md sm:gap-1 sm:px-2 sm:py-1.5",children:[(0,a.jsx)(c,{active:!0,label:"Select",children:(0,a.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 4l7 16 2.5-5.5L20 12 4 4z"})})}),(0,a.jsx)("div",{className:"mx-0.5 h-5 w-px bg-zinc-200/80","aria-hidden":!0}),(0,a.jsx)(c,{label:"Text",children:(0,a.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",d:"M6 4h12M12 4v16M9 20h6"})})}),(0,a.jsx)(c,{label:"Shapes",children:(0,a.jsxs)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[(0,a.jsx)("rect",{x:"4",y:"6",width:"10",height:"10",rx:"1.5"}),(0,a.jsx)("circle",{cx:"17",cy:"17",r:"3"})]})}),(0,a.jsx)(c,{label:"Layers",children:(0,a.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4L4 8l8 4 8-4-8-4zM4 14l8 4 8-4M4 18l8 4 8-4"})})})]})})]}),(0,a.jsx)("p",{className:"mt-3 text-center text-[10px] font-medium text-zinc-400 sm:mt-4 sm:text-[11px]",children:t.placeholder})]})}function m(){let{t:e}=(0,i.Ym)(),t=e.raw("showcase.insights.panels.clientQuestionnaire"),s="6.5s",r="cubic-bezier(0.45, 0.03, 0.25, 1)";return(0,a.jsxs)("div",{className:"pointer-events-none mx-auto box-border flex w-[92%] max-w-[22rem] min-h-0 max-h-full shrink-0 select-none flex-col overflow-hidden rounded-[1.5rem] border border-zinc-200/80 bg-white shadow-[0_16px_32px_-8px_rgba(0,0,0,0.15)] antialiased transform-gpu sm:w-full sm:max-w-md sm:rounded-[2rem] sm:shadow-[0_32px_64px_-16px_rgba(0,0,0,0.15)]",children:[(0,a.jsx)("style",{children:` 2 @keyframes cq-step-a { 3 0%, 38% { opacity: 1; transform: translateX(0); } 4 44%, 94% { opacity: 0; transform: translateX(-12px); } 5 100% { opacity: 1; transform: translateX(0); } 6 } 7 @keyframes cq-step-b { 8 0%, 38% { opacity: 0; transform: translateX(14px); } 9 46%, 90% { opacity: 1; transform: translateX(0); } 10 96%, 100% { opacity: 0; transform: translateX(14px); } 11 } 12 @keyframes cq-progress-label-a { 13 0%, 38% { opacity: 1; } 14 44%, 94% { opacity: 0; } 15 100% { opacity: 1; } 16 } 17 @keyframes cq-progress-label-b { 18 0%, 38% { opacity: 0; } 19 46%, 90% { opacity: 1; } 20 96%, 100% { opacity: 0; } 21 } 22 @keyframes cq-progress-fill { 23 0%, 38% { width: 60%; } 24 46%, 90% { width: 80%; } 25 96%, 100% { width: 60%; } 26 } 27 @keyframes cq-next-tap { 28 0%, 34% { transform: scale(1); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); } 29 38% { transform: scale(0.96); box-shadow: 0 4px 6px -2px rgb(0 0 0 / 0.1); } 30 42%, 100% { transform: scale(1); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); } 31 } 32 .cq-step-a { animation: cq-step-a ${s} ${r} infinite; } 33 .cq-step-b { animation: cq-step-b ${s} ${r} infinite; } 34 .cq-progress-label-a { animation: cq-progress-label-a ${s} ${r} infinite; } 35 .cq-progress-label-b { animation: cq-progress-label-b ${s} ${r} infinite; } 36 .cq-progress-fill { animation: cq-progress-fill ${s} ${r} infinite; } 37 .cq-next-tap { animation: cq-next-tap ${s} ${r} infinite; } 38 `}),(0,a.jsxs)("div",{className:"px-5 pb-2 pt-4 sm:px-6 sm:pt-6",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-3",children:[(0,a.jsx)("span",{className:"text-xs font-bold text-zinc-900",children:t.header}),(0,a.jsxs)("span",{className:"relative h-3 min-w-[5.5rem] shrink-0",children:[(0,a.jsx)("span",{className:"cq-progress-label-a absolute right-0 top-0 whitespace-nowrap text-[10px] font-bold text-zinc-400",children:t.step1.progress}),(0,a.jsx)("span",{className:"cq-progress-label-b absolute right-0 top-0 whitespace-nowrap text-[10px] font-bold text-zinc-400",children:t.step2.progress})]})]}),(0,a.jsx)("div",{className:"h-1 w-full overflow-hidden rounded-full bg-zinc-100",children:(0,a.jsx)("div",{className:"cq-progress-fill h-full rounded-full bg-purple-500"})})]}),(0,a.jsxs)("div",{className:"relative min-h-[12.75rem] px-5 pb-1 pt-1 sm:min-h-[16.5rem] sm:p-6 sm:pt-0 sm:pb-0",children:[(0,a.jsx)(x,{className:"cq-step-a absolute inset-x-5 top-1 bottom-14 sm:inset-x-6 sm:top-6 sm:bottom-auto",question:t.step1.question,options:[t.step1.option1,t.step1.option2,t.step1.option3],selectedIndex:0}),(0,a.jsx)(x,{className:"cq-step-b absolute inset-x-5 top-1 bottom-14 sm:inset-x-6 sm:top-6 sm:bottom-auto",question:t.step2.question,options:[t.step2.option1,t.step2.option2,t.step2.option3],selectedIndex:1})]}),(0,a.jsx)("div",{className:"mt-4 flex shrink-0 justify-end px-5 pb-6 pt-0 sm:mt-0 sm:px-6 sm:pb-6 sm:pt-2",children:(0,a.jsx)("div",{className:"cq-next-tap rounded-xl bg-zinc-900 px-5 py-2 text-sm font-bold text-white sm:px-6 sm:py-2.5",children:t.button})})]})}function x({className:e,question:t,options:s,selectedIndex:i}){return(0,a.jsxs)("div",{className:e,children:[(0,a.jsx)("p",{className:"mb-3 text-[15px] font-black leading-snug text-zinc-900 sm:mb-6 sm:text-lg",children:t}),(0,a.jsx)("div",{className:"flex flex-col gap-2 sm:gap-3",children:s.map((e,t)=>{let s=t===i;return(0,a.jsxs)("div",{className:`flex items-center gap-2.5 rounded-xl p-3 sm:gap-3 sm:rounded-2xl sm:p-4 ${s?"border-2 border-purple-500 bg-purple-50/50":"border border-zinc-200 bg-white"}`,children:[(0,a.jsx)("div",{className:`h-5 w-5 shrink-0 rounded-full ${s?"border-4 border-white bg-purple-500 shadow-sm":"border-2 border-zinc-300"}`}),(0,a.jsx)("span",{className:`text-[13px] font-bold sm:text-sm ${s?"text-purple-700":"text-zinc-600"}`,children:e})]},e)})})]})}
38let p="cubic-bezier(0.45, 0.03, 0.25, 1)";function h({className:e=""}){return(0,a.jsxs)("svg",{className:e,width:"22",height:"22",viewBox:"0 0 22 22",fill:"none","aria-hidden":!0,children:[(0,a.jsx)("path",{d:"M4.5 3.5L17.5 11.5L11.2 12.4L9.8 18.2L4.5 3.5Z",fill:"white",stroke:"#18181b",strokeWidth:"1.35",strokeLinejoin:"round"}),(0,a.jsx)("circle",{cx:"4.5",cy:"3.5",r:"1.75",fill:"#6366f1",stroke:"white",strokeWidth:"1"})]})}function b(){return(0,a.jsxs)("div",{className:"moi-halo-drift absolute inset-0 flex items-center justify-center",children:[(0,a.jsx)("span",{className:"moi-halo-pulse absolute h-14 w-14 rounded-full",style:{background:"radial-gradient(circle, rgba(99,102,241,0.55) 0%, rgba(139,92,246,0.28) 42%, transparent 72%)"},"aria-hidden":!0}),(0,a.jsx)("span",{className:"moi-halo-pulse absolute h-9 w-9 rounded-full",style:{background:"radial-gradient(circle, rgba(129,140,248,0.9) 0%, rgba(99,102,241,0.45) 55%, transparent 100%)"},"aria-hidden":!0})]})}function u({author:e,text:t,className:s="",style:i}){return(0,a.jsx)("div",{style:i,className:`w-[9.25rem] rounded-xl border border-zinc-100/90 bg-white/95 p-2.5 shadow-[0_12px_28px_-6px_rgba(79,70,229,0.22)] backdrop-blur-[2px] sm:w-40 sm:p-3 ${s}`,children:(0,a.jsxs)("p",{className:"text-[10px] font-bold text-zinc-900",children:[e,(0,a.jsx)("span",{className:"font-semibold text-zinc-500",children:": "}),(0,a.jsx)("span",{className:"font-medium text-zinc-600",children:t})]})})}let f={title:"Mark on Image",badge:"Feedback Loop",imageAlt:"Mood board",points:[{author:"Client",text:"This sofa is beautiful!"},{author:"Client",text:"Love this color <3"}]};function g(){let{t:e}=(0,i.Ym)(),t=e.raw("showcase.insights.panels.markOnImage"),s={...f,...t,points:Array.isArray(t?.points)&&t.points.length>=2?t.points:f.points};return(0,a.jsxs)("div",{className:"pointer-events-none mx-auto box-border flex w-[92%] max-w-[22rem] min-h-0 max-h-[min(100%,82cqh)] shrink-0 select-none flex-col overflow-hidden rounded-[1.5rem] border border-zinc-200/80 bg-white antialiased transform-gpu shadow-[0_16px_32px_-8px_rgba(0,0,0,0.15)] sm:w-full sm:max-w-md sm:rounded-[2rem] sm:shadow-[0_32px_64px_-16px_rgba(0,0,0,0.15)]",children:[(0,a.jsx)("style",{children:` 39 @keyframes moi-halo-pulse { 40 0%, 100% { opacity: 0.3; transform: scale(0.88); } 41 50% { opacity: 1; transform: scale(1.14); } 42 } 43 @keyframes moi-halo-drift { 44 0%, 100% { transform: translate(0, 0); } 45 25% { transform: translate(0.5px, -0.75px); } 46 50% { transform: translate(-0.35px, 0.5px); } 47 75% { transform: translate(0.65px, 0.35px); } 48 } 49 @keyframes moi-pin-core { 50 0%, 100% { transform: scale(0.94); box-shadow: 0 2px 10px rgba(79,70,229,0.35); } 51 50% { transform: scale(1); box-shadow: 0 4px 18px rgba(99,102,241,0.55); } 52 } 53 @keyframes moi-focus-1 { 54 0%, 4% { opacity: 0; transform: scale(0.85); } 55 8%, 34% { opacity: 1; transform: scale(1); } 56 40%, 100% { opacity: 0; transform: scale(0.92); } 57 } 58 @keyframes moi-focus-2 { 59 0%, 48% { opacity: 0; transform: scale(0.85); } 60 54%, 80% { opacity: 1; transform: scale(1); } 61 86%, 100% { opacity: 0; transform: scale(0.92); } 62 } 63 @keyframes moi-bubble-1 { 64 0%, 6% { opacity: 0; transform: translateY(6px) scale(0.96); filter: blur(1px); } 65 12%, 32% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } 66 38%, 100% { opacity: 0; transform: translateY(4px) scale(0.98); filter: blur(0.5px); } 67 } 68 @keyframes moi-bubble-2 { 69 0%, 52% { opacity: 0; transform: translateY(6px) scale(0.96); filter: blur(1px); } 70 58%, 78% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } 71 84%, 100% { opacity: 0; transform: translateY(4px) scale(0.98); filter: blur(0.5px); } 72 } 73 @keyframes moi-cursor-travel { 74 0%, 36% { 75 opacity: 0; 76 left: 28%; 77 top: 66%; 78 transform: translate(-4px, -4px) scale(0.9); 79 } 80 40% { 81 opacity: 0.85; 82 left: 28%; 83 top: 66%; 84 transform: translate(-4px, -4px) scale(1); 85 } 86 48% { 87 opacity: 1; 88 left: 42%; 89 top: 53%; 90 transform: translate(-4px, -4px) scale(1); 91 } 92 54%, 82% { 93 opacity: 1; 94 left: 56%; 95 top: 40%; 96 transform: translate(-4px, -4px) scale(1); 97 } 98 88%, 100% { 99 opacity: 0; 100 left: 56%; 101 top: 40%; 102 transform: translate(-4px, -4px) scale(0.9); 103 } 104 } 105 .moi-halo-pulse { animation: moi-halo-pulse 2.2s ease-in-out infinite; } 106 .moi-halo-drift { animation: moi-halo-drift 3.4s ease-in-out infinite; } 107 .moi-pin-core { animation: moi-pin-core 2.2s ease-in-out infinite; } 108 .moi-focus-1 { animation: moi-focus-1 11s ${p} infinite; } 109 .moi-focus-2 { animation: moi-focus-2 11s ${p} infinite; } 110 .moi-bubble-1 { animation: moi-bubble-1 11s ${p} infinite; } 111 .moi-bubble-2 { animation: moi-bubble-2 11s ${p} infinite; } 112 .moi-cursor-travel { animation: moi-cursor-travel 11s ${p} infinite; } 113 `}),(0,a.jsxs)("div",{className:"flex items-center justify-between px-5 pt-5 pb-3 sm:px-6 sm:pt-6 sm:pb-4",children:[(0,a.jsx)("span",{className:"text-sm font-black text-zinc-900",children:s.title}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 rounded-full bg-violet-50 px-2 py-1",children:[(0,a.jsx)("div",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-violet-500"}),(0,a.jsx)("span",{className:"text-[9px] font-bold tracking-widest text-violet-700 uppercase",children:s.badge})]})]}),(0,a.jsx)("div",{className:"relative px-5 pb-5 max-lg:overflow-visible max-lg:pb-8 sm:px-6 sm:pb-6",children:(0,a.jsxs)("div",{className:"relative max-lg:overflow-visible",children:[(0,a.jsx)("div",{className:"relative aspect-video overflow-hidden rounded-2xl border border-zinc-200 shadow-sm",children:(0,a.jsx)(l.default,{src:"/images/Mockupy/InspirationMain.webp",alt:s.imageAlt,fill:!0,quality:100,className:"object-cover object-[32%_42%] max-lg:scale-[1.14] max-lg:object-[28%_38%] sm:object-center sm:scale-100",sizes:"(max-width: 640px) 85vw, 448px"})}),(0,a.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-20 max-lg:z-30",children:[(0,a.jsx)("div",{className:"moi-cursor-travel absolute z-50",children:(0,a.jsx)(h,{className:"drop-shadow-md"})}),(0,a.jsx)("div",{className:"moi-focus-1 absolute z-30 -translate-x-1/2 -translate-y-1/2",style:{left:"28%",top:"66%"},children:(0,a.jsxs)("div",{className:"relative flex h-6 w-6 items-center justify-center",children:[(0,a.jsx)("div",{className:"absolute -inset-4",children:(0,a.jsx)(b,{})}),(0,a.jsx)("div",{className:"moi-pin-core relative z-10 flex h-6 w-6 items-center justify-center rounded-full border-2 border-white bg-gradient-to-br from-indigo-500 to-violet-600 text-[10px] font-bold text-white ring-2 ring-violet-400/30",children:"1"})]})}),(0,a.jsx)(u,{author:s.points[0].author,text:s.points[0].text,className:"moi-bubble-1 absolute z-40",style:{to
113p:"calc(66% + 1.25rem)",left:"calc(28% - 1.25rem)"}}),(0,a.jsx)("div",{className:"moi-focus-2 absolute z-30 -translate-x-1/2 -translate-y-1/2",style:{left:"56%",top:"40%"},children:(0,a.jsxs)("div",{className:"relative flex h-6 w-6 items-center justify-center",children:[(0,a.jsx)("div",{className:"absolute -inset-4",children:(0,a.jsx)(b,{})}),(0,a.jsx)("div",{className:"moi-pin-core relative z-10 flex h-6 w-6 items-center justify-center rounded-full border-2 border-white bg-gradient-to-br from-indigo-500 to-violet-600 text-[10px] font-bold text-white ring-2 ring-violet-400/30",children:"2"})]})}),(0,a.jsx)(u,{author:s.points[1].author,text:s.points[1].text,className:"moi-bubble-2 absolute z-40 left-[calc(56%-2.35rem)] sm:left-[calc(56%-1rem)]",style:{top:"calc(40% + 1.25rem)"}})]})]})})]})}var j=s(2115);function w(){return(0,a.jsx)("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"})})}function v(){return(0,a.jsx)("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})}function y(){let{t:e}=(0,i.Ym)(),t=e.raw("showcase.insights.panels.taskBoard"),[s,r]=(0,j.useState)(0);(0,j.useEffect)(()=>{let e=setInterval(()=>{r(e=>(e+1)%3)},3500);return()=>clearInterval(e)},[]);let n=[{id:"todo",status:t.statusTodo,statusColor:"bg-zinc-100 text-zinc-600",priority:t.priorityMedium,priorityColor:"bg-amber-50 text-amber-600",completedSubtasks:0,totalSubtasks:3,progressWidth:"0%",checked:!1,inProgress:!1},{id:"inProgress",status:t.statusInProgress,statusColor:"bg-blue-50 text-blue-600",priority:t.priorityHigh,priorityColor:"bg-red-50 text-red-600",completedSubtasks:2,totalSubtasks:3,progressWidth:"66%",checked:!1,inProgress:!0},{id:"done",status:t.statusDone,statusColor:"bg-emerald-50 text-emerald-600",priority:t.priorityCompleted,priorityColor:"bg-zinc-50 text-zinc-400",completedSubtasks:3,totalSubtasks:3,progressWidth:"100%",checked:!0,inProgress:!1}][s];return(0,a.jsxs)("div",{className:"pointer-events-none mx-auto flex w-[92%] max-w-md shrink-0 select-none flex-col overflow-hidden rounded-[2rem] border border-zinc-200/80 bg-zinc-50 p-6 antialiased shadow-[0_20px_40px_-10px_rgba(0,0,0,0.05)] sm:w-full sm:p-8",children:[(0,a.jsx)("h2",{className:"mb-6 text-xl font-black tracking-tight text-zinc-950 sm:mb-8",children:t.widgetTitle}),(0,a.jsx)("div",{className:"flex flex-1 items-center justify-center",children:(0,a.jsxs)("div",{className:"flex w-full flex-col rounded-2xl border border-zinc-200/80 bg-white p-5 shadow-xl sm:p-6",children:[(0,a.jsxs)("div",{className:"mb-5 flex items-center justify-between",children:[(0,a.jsx)(o.P.span,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},className:`rounded-md px-2.5 py-1 text-[10px] font-black uppercase tracking-wider ${n.statusColor}`,children:n.status},`status-${n.id}`),(0,a.jsx)(o.P.span,{initial:{opacity:0}
113,animate:{opacity:1},className:`rounded-md px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider ${n.priorityColor}`,children:n.priority},`priority-${n.id}`)]}),(0,a.jsxs)("div",{className:"mb-3 flex items-start gap-3.5",children:[(0,a.jsxs)("div",{className:`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[6px] border-2 transition-colors duration-300 ${n.checked?"border-emerald-500 bg-emerald-500":n.inProgress?"border-blue-500":"border-zinc-300 bg-zinc-50"}`,children:[n.checked&&(0,a.jsx)(o.P.svg,{initial:{scale:0},animate:{scale:1},className:"h-3.5 w-3.5 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:4,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),n.inProgress&&(0,a.jsx)(o.P.div,{animate:{rotate:360},transition:{repeat:1/0,duration:2,ease:"linear"},className:"h-2.5 w-2.5 rounded-full border-2 border-blue-500 border-t-transparent"})]}),(0,a.jsx)("h3",{className:`text-base font-bold leading-tight transition-colors duration-300 ${n.checked?"text-zinc-400 line-through":"text-zinc-900"}`,children:t.task.title})]}),(0,a.jsx)("p",{className:`mb-5 max-[427px]:hidden pl-8 text-xs font-medium leading-relaxed transition-colors duration-300 ${n.checked?"text-zinc-400":"text-zinc-500"}`,children:t.task.desc}),(0,a.jsxs)("div",{className:"mb-5 pl-8 pr-2",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,a.jsx)("span",{className:`text-[10px] font-bold uppercase tracking-wider ${n.checked?"text-emerald-500":"text-zinc-500"}`,children:t.subTasks}),(0,a.jsxs)("span",{className:`text-xs font-bold ${n.checked?"text-emerald-500":"text-zinc-700"}`,children:[n.completedSubtasks," / ",n.totalSubtasks]})]}),(0,a.jsx)("div",{className:"h-1.5 w-full overflow-hidden rounded-full bg-zinc-100",children:(0,a.jsx)(o.P.div,{className:`h-full rounded-full ${n.checked?"bg-emerald-500":"bg-blue-500"}`,initial:!1,animate:{width:n.progressWidth},transition:{type:"spring",stiffness:100,damping:20}})})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3 border-t border-zinc-100 pt-4 pl-8",children:[(0,a.jsxs)("span",{className:`flex min-w-0 items-center gap-1.5 text-xs font-bold transition-colors ${n.checked?"text-zinc-400":"text-zinc-600"}`,children:[(0,a.jsx)(w,{})," ",t.task.attachments]}),(0,a.jsxs)("span",{className:`flex shrink-0 items-center gap-1.5 text-sm font-black transition-colors ${n.checked?"text-zinc-400":"text-zinc-900"}`,children:[(0,a.jsx)(v,{})," ",t.task.date]})]})]})})]})}function N(e){return(0,a.jsx)("div",{className:"flex h-full min-h-0 w-full items-center justify-center",children:(0,a.jsx)(m,{})})}function k(e){return(0,a.jsx)("div",{className:"flex h-full min-h-0 w-full items-center justify-center overflow-visible",children:(0,a.jsx)(y,{})})}function z(e){return(0,a.jsx)("div",{className:"flex h-full min-h-0 w-full items-center justify-center",children:(0,a.jsx)(g,{})})}function _(e){return(0,a.jsx)("div",{className:"flex h-full min-h-0 w-full items-center justify-center",children:(0,a.jsx)(d,{})})}function $(){return(0,a.jsx)(n.l,{...function(){let{t:e}=(0,i.Ym)(),t=e.raw("showcase.insights");return(0,r.K)({...t,sectionId:"studio-tools",mediaSide:"right",autoAdvanceMs:14e3,cta:{label:"string"==typeof t.cta?t.cta:String(t.cta),videoKey:"ganttTimeline"}},[{id:"i1",theme:"indigo",Panel:N,bareFloatingUi:!0},{id:"i2",theme:"cyan",Panel:k,bareFloatingUi:!0},{id:"i3",theme:"emerald",Panel:z,bareFloatingUi:!0},{id:"i4",theme:"violet",Panel:_,bareFloatingUi:!0}])}()})}}}]);
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.