https://snew.ai/assets/ChatShowcasePage-DidoWSnT.js

1import{j as e,r as c,R as b}from"./index-L9AYrVUw.js";import{i as j}from"./ArrowCounterClockwise.es-B3mF2JQM.js";import{n as f,a3 as v,b as k}from"./PlanAccessModal-P_W2GThH.js";import{s as S}from"./CheckCircle.es-PkF6a2W-.js";import{s as w}from"./Copy.es-BkRzHo-W.js";import{h as z}from"./App-DyVHSnY3.js";import{c as C}from"./Info.es-yptyVV7H.js";import{c as R}from"./ThumbsDown.es-CGNKh3eu.js";import{c as T}from"./ThumbsUp.es-D_c5yKbs.js";import{l as I}from"./UploadSimple.es-BDJIa312.js";import{s as L}from"./VideoCamera.es-CCLoNiT_.js";import{c as F}from"./Warning.es-rGCmkxYb.js";import{s as D}from"./XCircle.es-qE_RjqrD.js";import"./productFunnel-DiJFcMU2.js";import"./locale-Cctu0V3Y.js";import"./FloatingTopMenu-CIhwk2RR.js";import"./SnewLogo-Cg53XTnQ.js";import"./index-p7aFGi8o.js";import"./Trash.es-D2Zs5Rpt.js";import"./dissolve-CQo8GAUH.js";function be(){return e.jsxs("div",{style:{fontFamily:"'Inter', system-ui, sans-serif",background:"hsl(var(--background))",minHeight:"100vh",color:"hsl(var(--foreground))"},children:[e.jsxs("div",{style:{padding:"40px 40px 0",maxWidth:1200,margin:"0 auto"},children:[e.jsx("p",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-tertiary))",letterSpacing:".04em",textTransform:"uppercase",margin:"0 0 4px"},children:"Design System"}),e.jsx("h1",{style:{fontSize:28,fontWeight:600,color:"hsl(var(--color-text-primary))",margin:0}

1,children:"Chat Components"})]}),e.jsxs("div",{style:{padding:"32px 40px 80px",maxWidth:1200,margin:"0 auto",display:"flex",flexDirection:"column",gap:48},children:[e.jsx(g,{label:"Conversation",children:e.jsx(B,{})}),e.jsxs(g,{label:"Selection",children:[e.jsx(x,{title:"Suggestion Chips",children:e.jsx(M,{})}),e.jsx(x,{title:"Poll / Enquete",children:e.jsx(A,{})}),e.jsx(x,{title:"Date Picker",children:e.jsx(q,{})}),e.jsx(x,{title:"File UploadSimple",children:e.jsx(P,{})}),e.jsx(x,{title:"Chat Input",children:e.jsx($,{})})]}),e.jsxs(g,{label:"Content",children:[e.jsx(x,{title:"Carousel",children:e.jsx(E,{})}),e.jsx(x,{title:"Map / Location",children:e.jsx(H,{})}),e.jsx(x,{title:"Audio Player",children:e.jsx(O,{})})]}),e.jsxs(g,{label:"Data & Logic",children:[e.jsx(x,{title:"Data Table",children:e.jsx(Q,{})}),e.jsx(x,{title:"Code Block",children:e.jsx(V,{})}),e.jsx(x,{title:"Progress Indicator",children:e.jsx(N,{})}),e.jsx(x,{title:"Accordion / FAQ",children:e.jsx(K,{})})]}),e.jsxs(g,{label:"Feedback",children:[e.jsx(x,{title:"Typing Indicator",children:e.jsx(U,{})}),e.jsx(x,{title:"Reactions",children:e.jsx(Y,{})}),e.jsx(x,{title:"Toast Notifications",children:e.jsx(J,{})}),e.jsx(x,{title:"Rating",children:e.jsx(_,{})})]}),e.jsxs(g,{label:"Advanced",children:[e.jsx(x,{title:"Citations",children:e.jsx(G,{})}),e.jsx(x,{title:"Artifact Preview",children:e.jsx(X,{})}),e.jsx(x,{title:"Streaming Text",children:e.jsx(Z,{})})]})]})]})}function g({label:r,children:i}){return e.jsxs("div",{style:{marginBottom:56},children:[e.jsx("div",{style:{fontSize:11,fontWeight:500,letterSpacing:"0.08em",textTransform:"uppercase",color:"hsl(var(--color-text-tertiary))",paddingBottom:8,marginBottom:28},children:r}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12},children:i})]})}function x({title:r,children:i}){return e.jsxs("div",{style:{background:"#FFFFFF",border:"1px solid hsl(var(--border))",borderRadius:12,padding:"20px 20px 20px"},children:[e.jsx("p",{style:{fontSize:11,fontWeight:500,color:"hsl(var(--color-text-tertiary))",margin:"0 0 14px",letterSpacing:"0.04em",textTransform:"uppercase"},children:r}),i]})}function h({children:r}){return e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:14,overflow:"hidden",background:"#FFFFFF"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"10px 16px",borderBottom:"1px solid hsl(var(--border))",background:"hsl(var(--color-background-secondary))"},children:[e.jsx("div",{style:{width:8,height:8,borderRadius:"50%",background:"hsl(var(--primary))"}}),e.jsx("span",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-primary))"},children:"Snew Studio"})]}),e.jsx("div",{style:{padding:"20px 16px",display:"flex",flexDirection:"column",gap:16},children:r})]})}function m({message:r}){return e.jsx("div",{style:{display:"flex",justifyContent:"flex-end",marginBottom:4,paddingTop:4},children:e.jsx("div",{style:{background:"hsl(var(--color-background-secondary))",borderRadius:20,padding:"9px 18px",fontSize:14,color:"hsl(var(--color-text-primary))",lineHeight:1.5,maxWidth:"60%",width:"fit-content",textAlign:"left"},children:r})})}function p({children:r}){return e.jsxs("div",{style:{marginBottom:4},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:8},children:e.jsx("div",{style:{width:26,height:26,borderRadius:"50%",background:"hsl(var(--color-background-secondary))",border:"1px solid hsl(var(--border))",display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,fontWeight:500,color:"hsl(var(--color-text-secondary))",flexShrink:0},children:"AI"})}),e.jsx("div",{style:{fontSize:14,color:"hsl(var(--color-text-primary))",lineHeight:1.65},children:r})]})}function W({items:r}){return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:6,paddingLeft:36,marginTop:8},children:r.map((i,n)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:13,color:"hsl(var(--color-text-secondary))",cursor:"pointer",padding:"6px 12px",borderRadius:8,border:"1px solid hsl(var(--border))",width:"fit-content",transition:"background .12s"},onMouseEnter:s=>{s.currentTarget.style.background="hsl(var(--color-background-secondary))"},onMouseLeave:s=>{s.currentTarget.style.background="transparent"},children:[e.jsx("span",{style:{color:"hsl(var(--color-text-tertiary))"},children:"↳"}),e.jsx("span",{children:i})]},n))})}function B(){return e.jsxs(h,{children:[e.jsx(m,{message:"Crie 3 variações de copy para minha campanha."}),e.jsx(p,{children:"Claro! Vou preparar as variações de copy para sua campanha. Aqui estão algumas opções que consideram o tom da sua marca."}),e.jsx(W,{items:["Ver variações","Ajustar tom","Escolher canal"]})]})}function M(){const[r,i]=c.useState([]),n=["Formal","Casual","Divertido","Técnico","InstagramLogo","TiktokLogo","LinkedinLogo"];return e.jsxs(h,{children:[e.jsx(p,{children:"Qual tom você prefere para essa campanha?"}),e.jsx("div",{style:{paddingLeft:36,display:"flex",flexWrap:"wrap",gap:8},children:n.map(s=>{const t=r.includes(s);return e.jsx("button",{onClick:()=>i(l=>l.includes(s)?l.filter(o=>o!==s):[...l,s]),style:{fontSize:13,padding:"6px 14px",borderRadius:999,border:`1px solid ${t?"hsl(var(--foreground))":"hsl(var(--border))"}`,background:t?"hsl(var(--foreground))":"#FFFFFF",color:t?"hsl(var(--background))":"hsl(var(--color-text-primary))",cursor:"pointer",fontFamily:"inherit",transition:"all .12s",fontWeight:t?500:400},onMouseEnter:l=>{t||(l.currentTarget.style.borderColor="hsl(var(--foreground))",l.currentTarget.style.background="hsl(var(--color-background-secondary))")},onMouseLeave:l=>{t||(l.currentTarget.style.borderColor="hsl(var(--border))",l.currentTarget.style.background="#FFFFFF")},children:s},s)})})]})}function A(){const[r,i]=c.useState(null),[n,s]=c.useState(!1),t=["InstagramLogo Reels","TiktokLogo","YoutubeLogo Shorts","Stories"],l={"InstagramLogo Reels":44,TiktokLogo:28,"YoutubeLogo Shorts":18,Stories:10};return e.jsxs(h,{children:[e.jsx(p,{children:"Qual canal performa melhor para sua marca?"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsx("div",{style:{maxWidth:340},children:n?t.map(o=>e.jsxs("div",{style:{marginBottom:8},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:13,color:"hsl(var(--color-text-primary))",marginBottom:4},children:[e.jsx("span",{children:o}),e.jsxs("span",{style:{fontWeight:500},children:[l[o],"%"]})]}),e.jsx("div",{style:{height:4,background:"hsl(var(--color-background-secondary))",borderRadius:2,overflow:"hidden"},children:e.jsx("div",{style:{height:"100%",width:`${l[o]}%`,background:"hsl(var(--foreground))",borderRadius:2,transition:"width .5s"}})})]},o)):e.jsxs(e.Fragment,{children:[t.map(o=>e.jsxs("div",{onClick:()=>i(o),style:{display:"flex",alignItems:"center",gap:10,padding:"9px 12px",borderRadius:8,marginBottom:6,border:`1px solid ${r===o?"hsl(var(--foreground))":"hsl(var(--border))"}`,background:r===o?"hsl(var(--color-background-secondary))":"transparent",curs

1or:"pointer",transition:"all .12s"},onMouseEnter:d=>{r!==o&&(d.currentTarget.style.background="hsl(var(--color-background-secondary))",d.currentTarget.style.borderColor="hsl(var(--color-border-secondary))")},onMouseLeave:d=>{r!==o&&(d.currentTarget.style.background="transparent",d.currentTarget.style.borderColor="hsl(var(--border))")},children:[e.jsx("div",{style:{width:16,height:16,borderRadius:"50%",border:`1.5px solid ${r===o?"hsl(var(--foreground))":"hsl(var(--border))"}`,display:"flex",alignItems:"center",justifyContent:"center"},children:r===o&&e.jsx("div",{style:{width:8,height:8,borderRadius:"50%",background:"hsl(var(--foreground))"}})}),e.jsx("span",{style:{fontSize:13,color:"hsl(var(--color-text-primary))"},children:o})]},o)),e.jsx("button",{onClick:()=>{r&&s(!0)},style:{width:"100%",padding:"8px 0",borderRadius:8,marginTop:4,border:"1px solid hsl(var(--border))",background:r?"hsl(var(--foreground))":"hsl(var(--color-background-secondary))",color:r?"hsl(var(--background))":"hsl(var(--color-text-tertiary))",fontSize:13,cursor:r?"pointer":"default",fontFamily:"inherit",transition:"all .15s"},children:"Confirmar"})]})})})]})}function q(){const[r,i]=c.useState(13),n=["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],s=3,t=2026,l=new Date(t,s,1).getDay(),o=new Date(t,s+1,0).getDate(),d=Array(l).fill(null).concat(Array.from({length:o},(a,u)=>u+1));return e.jsxs(h,{children:[e.jsx(p,{children:"Quando você quer publicar essa campanha?"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,padding:"14px 16px",maxWidth:280},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12},children:[e.jsx("span",{style:{cursor:"pointer",fontSize:14,color:"hsl(var(--color-text-tertiary))",padding:"0 4px"},children:"‹"}),e.jsxs("span",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))"},children:[n[s]," ",t]}),e.jsx("span",{style:{cursor:"pointer",fontSize:14,color:"hsl(var(--color-text-tertiary))",padding:"0 4px"},children:"›"})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",textAlign:"center",gap:2},children:[["D","S","T","Q","Q","S","S"].map((a,u)=>e.jsx("div",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",padding:"4px 0"},children:a},u)),d.map((a,u)=>e.jsx("div",{onClick:()=>a&&i(a),style:{fontSize:12,padding:"4px 0",borderRadius:"50%",cursor:a?"pointer":"default",background:a===r?"hsl(var(--foreground))":"transparent",color:a?a===r?"hsl(var(--background))":"hsl(var(--color-text-primary))":"transparent",fontWeight:a===13?500:400,transition:"background .12s"},onMouseEnter:y=>{a&&a!==r&&(y.currentTarget.style.background="hsl(var(--color-background-secondary))")},onMouseLeave:y=>{a&&a!==r&&(y.currentTarget.style.background="transparent")},children:a??""},u))]})]})})]})}function P(){const[r,i]=c.useState([]),n=c.useRef(null),[s,t]=c.useState(!1),l=o=>{if(!o)return;const d=Array.from(o).map(a=>({name:a.name,size:a.size>1048576?`${(a.size/1048576).toFixed(1)} MB`:`${Math.round(a.size/1024)} KB`}));i(a=>[...a,...d])};return e.jsxs(h,{children:[e.jsx(p,{children:"Envie o brief ou imagens de referência."}),e.jsxs("div",{style:{paddingLeft:36},children:[e.jsxs("div",{onClick:()=>{var o;return(o=n.current)==null?void 0:o.click()},onDragOver:o=>{o.preventDefault(),t(!0)},onDragLeave:()=>t(!1),onDrop:o=>{o.preventDefault(),t(!1),l(o.dataTransfer.files)},style:{border:`1px dashed ${s?"hsl(var(--foreground))":"hsl(var(--border))"}`,borderRadius:10,padding:"18px 16px",textAlign:"center",cursor:"pointer",transition:"all .12s",background:s?"hsl(var(--color-background-secondary))":"transparent"},children:[e.jsx(I,{size:18,color:"hsl(var(--color-text-tertiary))",style:{marginBottom:6}}),e.jsx("p",{style:{fontSize:13,color:"hsl(var(--color-text-primary))",margin:"0 0 2px"},children:"Arraste ou clique para enviar"}),e.jsx("p",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))",margin:0},children:"PNG, JPG, PDF · até 10 MB"})]}),e.jsx("input",{ref:n,type:"file",multiple:!0,hidden:!0,onChange:o=>l(o.target.files)}),r.map((o,d)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"8px 12px",marginTop:6,border:"1px solid hsl(var(--border))",borderRadius:8},children:[e.jsx("div",{style:{width:32,height:32,borderRadius:6,background:"hsl(var(--color-background-secondary))",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(z,{size:14,color:"hsl(var(--color-text-secondary))"})}),e.jsx("span",{style:{flex:1,fontSize:13,color:"hsl(var(--color-text-primary))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:o.name}),e.jsx("span",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))"},children:o.size}),e.jsx("button",{onClick:()=>i(a=>a.filter((u,y)=>y!==d)),style:{background:"none",border:"none",cursor:"pointer",color:"hsl(var(--color-text-tertiary))",display:"flex",padding:2},children:e.jsx(f,{size:14})})]},d))]})]})}function $(){const[r,i]=c.useState(""),n=c.useRef(null);return e.jsxs(h,{children:[e.jsx(p,{children:"Pronto! O que mais você precisa?"}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:8,padding:"10px 14px",border:"1px solid hsl(var(--border))",borderRadius:14,background:"hsl(var(--color-background-primary))"},children:[e.jsx("textarea",{ref:n,value:r,onChange:s=>{i(s.target.value),s.target.style.height="auto",s.target.style.height=Math.min(s.target.scrollHeight,120)+"px"},placeholder:"Descreva o que quer criar...",rows:1,style:{flex:1,border:"none",outline:"none",resize:"none",background:"transparent",fontSize:14,color:"hsl(var(--color-text-primary))",lineHeight:1.55,fontFamily:"inherit",minHeight:22}}),e.jsx("button",{style:{width:30,height:30,borderRadius:"50%",border:"none",flexShrink:0,background:r.trim()?"hsl(var(--foreground))":"hsl(var(--color-background-secondary))",color:r.trim()?"hsl(var(--background))":"hsl(var(--color-text-tertiary))",cursor:r.trim()?"pointer":"default",display:"flex",alignItems:"center",justifyContent:"center",transition:"all .15s"},children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 13 13",fill:"none",children:e.jsx("path",{d:"M1 12L12 6.5 1 1v4.5l7 2-7 2V12z",fill:"

1currentColor"})})})]})]})}function E(){const r=[{title:"Kit Verão",desc:"Assets prontos para publicação em todos os canais.",cta:"Abrir"},{title:"Kit Promoção",desc:"Kit completo com banners, stories e carrosséis.",cta:"Ver kit"},{title:"Kit Sazonal",desc:"Coleção especial com 12 templates editáveis.",cta:"Explorar"}];return e.jsxs(h,{children:[e.jsx(p,{children:"Encontrei 3 kits relevantes para você:"}),e.jsx("div",{style:{paddingLeft:36,overflow:"hidden"},children:e.jsx("div",{style:{display:"flex",gap:10,overflowX:"auto",paddingBottom:4},children:r.map((i,n)=>e.jsxs("button",{style:{background:"#FFFFFF",border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden",minWidth:180,flexShrink:0,cursor:"pointer",fontFamily:"inherit",textAlign:"left",padding:0,transition:"border-color .12s"},onMouseEnter:s=>{s.currentTarget.style.borderColor="hsl(var(--color-border-secondary))"},onMouseLeave:s=>{s.currentTarget.style.borderColor="hsl(var(--border))"},children:[e.jsx("div",{style:{height:90,background:"hsl(var(--color-background-secondary))",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"hsl(var(--border))",strokeWidth:"1.2",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e.jsx("path",{d:"M21 15l-5-5L5 21"})]})}),e.jsxs("div",{style:{padding:"10px 12px"},children:[e.jsx("p",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))",margin:"0 0 3px"},children:i.title}),e.jsx("p",{style:{fontSize:11,color:"hsl(var(--color-text-secondary))",margin:"0 0 10px",lineHeight:1.5},children:i.desc}),e.jsx("span",{style:{fontSize:12,padding:"4px 12px",borderRadius:6,border:"1px solid hsl(var(--border))",background:"transparent",color:"hsl(var(--color-text-primary))",display:"inline-block",transition:"all .12s"},children:i.cta})]})]},n))})})]})}function H(){return e.jsxs(h,{children:[e.jsx(p,{children:"O evento vai acontecer aqui:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden"},children:[e.jsxs("div",{style:{height:110,background:"hsl(var(--color-background-secondary))",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsxs("svg",{style:{position:"absolute",inset:0,opacity:.3},viewBox:"0 0 300 110",preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsx("pattern",{id:"mg",width:"20",height:"20",patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:"M20 0H0V20",fill:"none",stroke:"hsl(var(--foreground))",strokeWidth:".5"})})}),e.jsx("rect",{width:"300",height:"110",fill:"url(#mg)"}),e.jsx("path",{d:"M0 75 Q75 55 150 65 Q225 75 300 50",fill:"none",stroke:"hsl(var(--foreground))",strokeWidth:"1.5",opacity:".35"})]}),e.jsx("div",{style:{width:20,height:20,background:"hsl(var(--foreground))",borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",position:"relative",zIndex:1},children:e.jsx("div",{style:{width:7,height:7,background:"hsl(var(--background))",borderRadius:"50%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)"}})})]}),e.jsxs("div",{style:{padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))",margin:"0 0 1px"},children:"Snew HQ"}),e.jsx("p",{style:{fontSize:11,color:"hsl(var(--color-text-secondary))",margin:0},children:"Av. Paulista, 1374 — São Paulo"})]}),e.jsx("span",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-primary))",cursor:"pointer"},children:"Abrir ↗"})]})]})})]})}function O(){const[r,i]=c.useState(!1),[n,s]=c.useState(35);c.useEffect(()=>{if(!r)return;const o=setInterval(()=>s(d=>d>=100?(i(!1),100):d+.4),100);return()=>clearInterval(o)},[r]);const t=Math.round(272*n/100),l=o=>`${Math.floor(o/60)}:${String(o%60).padStart(2,"0")}`;return e.jsxs(h,{children:[e.jsx(p,{children:"Aqui está o áudio do briefing:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,padding:"12px 14px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:10},children:[e.jsx("div",{style:{width:38,height:38,borderRadius:8,background:"hsl(var(--color-background-secondary))",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx(L,{size:14,color:"hsl(var(--color-text-secondary))"})}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("p",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))",margin:"0 0 1px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:"Briefing Verão 2026"}),e.jsx("p",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))",margin:0},children:"Snew Studio · 4:32"})]})]}),e.jsx("div",{onClick:o=>{const d=o.currentTarget.getBoundingClientRect();s(Math.round((o.clientX-d.left)/d.width*100))},style:{height:3,background:"hsl(var(--color-background-secondary))",borderRadius:2,marginBottom:8,cursor:"pointer",position:"relative"},children:e.jsx("div",{style:{height:"100%",width:`${n}%`,background:"hsl(var(--foreground))",borderRadius:2}})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx("button",{onClick:()=>i(!r),style:{width:28,height:28,borderRadius:"50%",background:"hsl(var(--foreground))",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:r?e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"hsl(var(--background))",children:[e.jsx("rect",{x:"1",y:"1",width:"3",height:"8"}),e.jsx("rect",{x:"6",y:"1",width:"3",height:"8"})]}):e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"hsl(var(--background))",children:e.jsx("path",{d:"M2 1l7 4-7 4z"})})}),e.jsxs("span",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))",marginLeft:"auto"},children:[l(t)," / 4:32"]})]})]})})]})}function Q(){const r=[{canal:"InstagramLogo",imp:"51.4k",cliques:860,ctr:"7.2%",status:"alta"},{canal:"FacebookLogo",imp:"8.9k",cliques:420,ctr:"5.7%",status:"media"},{canal:"TiktokLogo",imp:"24.8k",cliques:1240,ctr:"4.8%",status:"baixa"}],i=n=>({alta:{bg:"hsl(142 72% 94%)",color:"hsl(142 72% 29%)"},media:{bg:"hsl(38 92% 94%)",color:"hsl(38 92% 40%)"},baixa:{bg:"hsl(0 84% 95%)",color:"hsl(0 84% 40%)"}})[n]??{bg:"",color:""};return e.jsxs(h,{children:[e.jsx(p,{children:"Resumo de performance por canal:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsx("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden"},children:e.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:13,tableLayout:"fixed"},children:[e.jsx("thead",{children:e.jsx("tr",{children:["Canal","Impressões","Cliques","CTR"].map(n=>e.jsx("th",{style:{padding:"8px 12px",textAlign:"left",fontSize:11,fontWeight:500,color:"hsl(var(--color-text-tertiary))",background:"hsl(var(--color-background-secondary))",letterSpacing:".02em"},children:n},n))})}),e.jsx("tbody",{children:r.map((n,s)=>{const t=i(n.status);return e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"9px 12px",borderTop:"1px solid hsl(var(--border))",color:"hsl(var(--color-text-primary))",fontWeight:500},children:n.canal}),e.jsx("td",{style:{padding:"9px 12px",borderTop:"1px solid hsl(var(--border))",color:"hsl(var(--color-text-secondary))"},children:n.imp}),e.jsx("td",{style:{padding:"9px 12px",borderTop:"1px solid hsl(var(--border))",color:"hsl(var(--color-text-secondary))"}

1,children:n.cliques.toLocaleString("pt-BR")}),e.jsx("td",{style:{padding:"9px 12px",borderTop:"1px solid hsl(var(--border))"},children:e.jsx("span",{style:{fontSize:11,padding:"2px 8px",borderRadius:999,background:t.bg,color:t.color,fontWeight:500},children:n.ctr})})]},s)})})]})})})]})}function V(){const[r,i]=c.useState(!1),n=`const campaign = await snew.create({
2  name: "Verão 2026",
3  channels: ["instagram", "tiktok"],
4  assets: 12,
5});
6console.log(campaign.id);`;return e.jsxs(h,{children:[e.jsx(p,{children:"Snippet para criar via API:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"7px 12px",borderBottom:"1px solid hsl(var(--border))",background:"hsl(var(--color-background-secondary))"},children:[e.jsx("span",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))",fontWeight:500},children:"javascript"}),e.jsxs("button",{onClick:()=>{navigator.clipboard.writeText(n),i(!0),setTimeout(()=>i(!1),1500)},style:{display:"flex",alignItems:"center",gap:4,fontSize:11,padding:"3px 10px",borderRadius:6,border:"1px solid hsl(var(--border))",background:"transparent",color:"hsl(var(--color-text-secondary))",cursor:"pointer",fontFamily:"inherit"},children:[r?e.jsx(v,{size:10}):e.jsx(w,{size:10}),r?"Copiado":"Copiar"]})]}),e.jsx("pre",{style:{margin:0,padding:"12px 14px",fontFamily:"var(--font-mono, 'IBM Plex Mono', monospace)",fontSize:12,lineHeight:1.7,color:"hsl(var(--color-text-primary))",background:"hsl(var(--color-background-secondary))",overflowX:"auto",whiteSpace:"pre"},children:n})]})})]})}function N(){const r=["Brief","Criação","Revisão","Publicação"],n=Math.round(2/r.length*100);return e.jsxs(h,{children:[e.jsx(p,{children:"Veja o progresso do projeto:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,padding:"14px 16px"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:6},children:[e.jsx("span",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))"},children:r[1]}),e.jsxs("span",{style:{fontSize:12,color:"hsl(var(--color-text-tertiary))"},children:[n,"%"]})]}),e.jsx("div",{style:{height:3,background:"hsl(var(--color-background-secondary))",borderRadius:2,overflow:"hidden",marginBottom:16},children:e.jsx("div",{style:{height:"100%",width:`${n}%`,background:"hsl(var(--foreground))",borderRadius:2}})}),e.jsx("div",{style:{display:"flex",alignItems:"center"},children:r.map((s,t)=>e.jsxs(b.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[e.jsx("div",{style:{width:20,height:20,borderRadius:"50%",background:t<2?"hsl(var(--foreground))":"hsl(var(--color-background-primary))",border:t===2?"1.5px solid hsl(var(--foreground))":t<2?"none":"1px solid hsl(var(--border))",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,fontWeight:500,color:t<2?"hsl(var(--background))":t===2?"hsl(var(--foreground))":"hsl(var(--color-text-tertiary))"},children:t<2?e.jsx(v,{size:9,color:"hsl(var(--background))"}):t+1}),e.jsx("span",{style:{fontSize:10,color:t===2?"hsl(var(--color-text-primary))":"hsl(var(--color-text-tertiary))",fontWeight:t===2?500:400,whiteSpace:"nowrap"},children:s})]}),t<r.length-1&&e.jsx("div",{style:{flex:1,height:1.5,background:t<2?"hsl(var(--foreground))":"hsl(var(--border))",margin:"0 4px",marginBottom:14}})]},t))})]})})]})}function K(){const[r,i]=c.useState(0),n=[{q:"Como funciona a geração de copy?",a:"O Snew analisa o perfil da sua marca, produto e canal para gerar copies otimizadas para conversão."},{q:"Posso editar os textos gerados?",a:"Sim. Todos os textos gerados são editáveis diretamente no canvas ou via chat de edição."},{q:"Quais canais são suportados?",a:"InstagramLogo, TiktokLogo, FacebookLogo, LinkedinLogo, YoutubeLogo, PinterestLogo, WhatsappLogo e e-mail."}];return e.jsxs(h,{children:[e.jsx(p,{children:"Perguntas frequentes:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsx("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden"},children:n.map((s,t)=>e.jsxs("div",{style:{borderTop:t>0?"1px solid hsl(var(--border))":"none"},children:[e.jsxs("div",{onClick:()=>i(r===t?null:t),style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"11px 14px",cursor:"pointer",background:r===t?"hsl(var(--color-background-secondary))":"transparent",transition:"background .12s",userSelect:"none"},onMouseEnter:l=>{l.currentTarget.style.background="hsl(var(--color-background-secondary))"},onMouseLeave:l=>{r!==t&&(l.currentTarget.style.background="transparent")},children:[e.jsx("span",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))"},children:s.q}),e.jsx(k,{size:14,style:{color:"hsl(var(--color-text-tertiary))",transform:r===t?"rotate(180deg)":"none",transition:"transform .2s",flexShrink:0}})]}),r===t&&e.jsx("div",{style:{padding:"0 14px 12px",fontSize:13,color:"hsl(var(--color-text-secondary))",lineHeight:1.6},children:s.a})]},t))})})]})}function U(){return e.jsxs(h,{children:[e.jsx(m,{message:"Gere uma copy para minha próxima campanha."}),e.jsxs("div",{style:{display:"flex",gap:10,alignItems:"flex-end"},children:[e.jsx("div",{style:{width:26,height:26,borderRadius:"50%",flexShrink:0,background:"hsl(var(--color-background-secondary))",border:"1px solid hsl(var(--border))",display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,fontWeight:500,color:"hsl(var(--color-text-secondary))"},children:"AI"}),e.jsx("div",{style:{background:"hsl(var(--color-background-primary))",border:"1px solid hsl(var(--border))",borderRadius:12,padding:"10px 14px",display:"flex",gap:4,alignItems:"center"},children:[0,150,300].map(r=>e.jsx("div",{style:{width:5,height:5,borderRadius:"50%",background:"hsl(var(--color-text-tertiary))",animation:"snewBounce .9s infinite",animationDelay:`${r}ms`}},r))}),e.jsx("span",{style:{fontSize:11,color:"hsl(var(--color-text-tertiary))"},children:"digitando..."})]}),e.jsx("style",{children:"@keyframes snewBounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}"})]})}function Y(){const[r,i]=c.useState(null),[n,s]=c.useState(12);return e.jsxs(h,{children:[e.jsx(p,{children:"Aqui estão 3 variações de headline. Qual você prefere?"}),e.jsx("div",{style:{paddingLeft:36,display:"flex",gap:6},children:[{id:"like",icon:e.jsx(T,{size:13}),label:n.toString()},{id:"dislike",icon:e.jsx(R,{size:13}),label:"Não útil"},{id:"regen",icon:e.jsx(j,{size:13}),label:"Regerar"}].map(t=>{const l=r===t.id;return e.jsxs("button",{onClick:()=>

6{if(t.id==="like"){const o=r==="like";i(o?null:"like"),s(d=>o?d-1:d+1)}else t.id==="dislike"&&i(o=>o==="dislike"?null:"dislike")},style:{display:"flex",alignItems:"center",gap:4,padding:"4px 12px",borderRadius:999,border:`1px solid ${l?"hsl(var(--foreground))":"hsl(var(--border))"}`,background:l?"hsl(var(--color-background-secondary))":"transparent",color:l?"hsl(var(--color-text-primary))":"hsl(var(--color-text-secondary))",cursor:"pointer",fontSize:12,fontFamily:"inherit",transition:"all .12s",fontWeight:l?500:400},onMouseEnter:o=>{l||(o.currentTarget.style.borderColor="hsl(var(--color-border-secondary))",o.currentTarget.style.background="hsl(var(--color-background-secondary))")},onMouseLeave:o=>{l||(o.currentTarget.style.borderColor="hsl(var(--border))",o.currentTarget.style.background="transparent")},children:[t.icon,e.jsx("span",{children:t.label})]},t.id)})})]})}function J(){const r=[{v:"success",icon:e.jsx(S,{size:15}),msg:"Publicado com sucesso!"},{v:"warning",icon:e.jsx(F,{size:15}),msg:"Atenção: limite de assets quase atingido."},{v:"error",icon:e.jsx(D,{size:15}),msg:"Erro ao conectar com o canal."},{v:"info",icon:e.jsx(C,{size:15}),msg:"Nova versão disponível."}],i={success:{bg:"hsl(142 72% 94%)",border:"hsl(142 72% 60%)",color:"hsl(142 72% 29%)"},warning:{bg:"hsl(38 92% 94%)",border:"hsl(38 92% 60%)",color:"hsl(38 92% 40%)"},error:{bg:"hsl(0 84% 95%)",border:"hsl(0 84% 60%)",color:"hsl(0 84% 40%)"},info:{bg:"hsl(220 70% 95%)",border:"hsl(220 70% 60%)",color:"hsl(220 70% 35%)"}},[n,s]=c.useState([]);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[r.filter((t,l)=>!n.includes(l)).map((t,l)=>{const o=i[t.v];return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"10px 14px",borderRadius:10,background:o.bg,border:`1px solid ${o.border}`,color:o.color,fontSize:13},children:[t.icon,e.jsx("span",{style:{flex:1},children:t.msg}),e.jsx("button",{onClick:()=>s(d=>[...d,l]),style:{background:"none",border:"none",cursor:"pointer",opacity:.6,color:"inherit",display:"flex",padding:2},children:e.jsx(f,{size:14})})]},l)}),n.length===r.length&&e.jsx("button",{onClick:()=>s([]),style:{fontSize:12,padding:"6px 14px",borderRadius:8,border:"1px solid hsl(var(--border))",background:"transparent",cursor:"pointer",color:"hsl(var(--color-text-secondary))",fontFamily:"inherit"},children:"Restaurar toasts"})]})}function _(){const[r,i]=c.useState(4),[n,s]=c.useState(0),[t,l]=c.useState(null);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[e.jsxs(h,{children:[e.jsx(p,{children:"O que você achou do resultado gerado?"}),e.jsx("div",{style:{paddingLeft:36,display:"flex",gap:2},children:[1,2,3,4,5].map(o=>e.jsx("button",{onClick:()=>i(o),onMouseEnter:()=>s(o),onMouseLeave:()=>s(0),style:{background:"none",border:"none",cursor:"pointer",fontSize:22,lineHeight:1,padding:"2px",color:o<=(n||r)?"hsl(45 93% 47%)":"hsl(var(--border))",transition:"color .1s"}},o))})]}),e.jsxs(h,{children:[e.jsx(p,{children:"O quanto você recomendaria o Snew para um colega?"}),e.jsxs("div",{style:{paddingLeft:36},children:[e.jsx("div",{style:{display:"flex",gap:4,flexWrap:"wrap"},children:Array.from({length:11},(o,d)=>e.jsx("button",{onClick:()=>l(d),style:{width:32,height:32,borderRadius:8,fontSize:12,fontWeight:500,border:`1px solid ${t===d?"hsl(var(--foreground))":"hsl(var(--border))"}`,background:t===d?"hsl(var(--foreground))":"transparent",color:t===d?"hsl(var(--background))":"hsl(var(--color-text-secondary))",cursor:"pointer",fontFamily:"inherit",transition:"all .12s"},onMouseEnter:a=>{t!==d&&(a.currentTarget.style.borderColor="hsl(var(--color-border-secondary))",a.currentTarget.style.background="hsl(var(--color-background-secondary))",a.currentTarget.style.color="hsl(var(--color-text-primary))")},onMouseLeave:a=>{t!==d&&(a.currentTarget.style.borderColor="hsl(var(--border))",a.currentTarget.style.background="transparent",a.currentTarget.style.color="hsl(var(--color-text-secondary))")},children:d},d))}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginTop:6}

6,children:[e.jsx("span",{style:{fontSize:10,color:"hsl(var(--color-text-tertiary))"},children:"Nada provável"}),e.jsx("span",{style:{fontSize:10,color:"hsl(var(--color-text-tertiary))"},children:"Muito provável"})]})]})]})]})}function G(){return e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs("p",{style:{margin:0},children:["A taxa de abandono de carrinho no Brasil é de"," ",e.jsx("sup",{style:{fontSize:9,color:"hsl(var(--primary))",cursor:"pointer",fontWeight:600},children:"1"})," ","70%, com picos às sextas-feiras. Lojas que agem em 15 minutos convertem até 3x mais"," ",e.jsx("sup",{style:{fontSize:9,color:"hsl(var(--primary))",cursor:"pointer",fontWeight:600},children:"2"}),"."]})}),e.jsx("div",{style:{paddingLeft:36,marginTop:8},children:e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[{label:"Relatório E-commerce Brasil 2025",domain:"ecommercebrasil.com.br"},{label:"Cart Recovery Benchmarks — Klaviyo",domain:"klaviyo.com"}].map((r,i)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"8px 12px",border:"1px solid hsl(var(--border))",borderRadius:8,cursor:"pointer"},children:[e.jsx("div",{style:{width:20,height:20,borderRadius:"50%",background:"hsl(var(--color-background-secondary))",display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,fontWeight:600,color:"hsl(var(--color-text-tertiary))",flexShrink:0},children:i+1}),e.jsxs("div",{style:{minWidth:0},children:[e.jsx("span",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-primary))",display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r.label}),e.jsxs("span",{style:{fontSize:10,color:"hsl(var(--color-text-tertiary))"},children:["· ",r.domain]})]})]},i))})})]})}function X(){return e.jsxs(h,{children:[e.jsx(p,{children:"Aqui está o código corrigido:"}),e.jsx("div",{style:{paddingLeft:36},children:e.jsxs("div",{style:{border:"1px solid hsl(var(--border))",borderRadius:10,overflow:"hidden",display:"flex"},children:[e.jsxs("div",{style:{flex:1,padding:"14px 16px",borderRight:"1px solid hsl(var(--border))"},children:[e.jsx("p",{style:{fontSize:13,color:"hsl(var(--color-text-primary))",margin:"0 0 6px",lineHeight:1.5},children:"O activeCampaignId agora inicia como null."}),e.jsx("p",{style:{fontSize:12,color:"hsl(var(--color-text-secondary))",margin:0},children:"Quer aplicar o mesmo padrão na função de vídeo?"})]}),e.jsxs("div",{style:{flex:1,background:"hsl(var(--color-background-secondary))"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"7px 12px",borderBottom:"1px solid hsl(var(--border))"},children:[e.jsx("span",{style:{fontSize:11,fontWeight:500,color:"hsl(var(--color-text-tertiary))"},children:"buildAutoPrompt.ts"}),e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx("span",{style:{fontSize:10,color:"hsl(var(--color-text-tertiary))",cursor:"pointer"},children:"Copiar"}),e.jsx("span",{style:{fontSize:10,color:"hsl(var(--color-text-tertiary))",cursor:"pointer"}})]})]}),e.jsx("pre",{style:{margin:0,padding:"10px 12px",fontSize:11,lineHeight:1.6,color:"hsl(var(--color-text-primary))",fontFamily:"var(--font-mono, monospace)",whiteSpace:"pre-wrap"},children:`const [id, setId] =
7  useState(
8    find(c => c.title ===
9      data.campaignTitle)
10      ?.id ?? null
11  );`})]})]})})]})}function Z(){const r="Aqui estão 3 headlines para sua próxima campanha. Qual ressoa mais com o tom da sua marca?",[i,n]=c.useState(""),[s,t]=c.useState(!1),[l,o]=c.useState(!1),d=()=>{if(l){n(""),t(!1),o(!1),setTimeout(()=>o(!0),50);return}o(!0)};return c.useEffect(()=>{if(!l)return;let a=0;const u=setInterval(()=>{a++,n(r.slice(0,a)),a>=r.length&&(clearInterval(u),t(!0))},20);return()=>clearInterval(u)},[l]),e.jsxs(h,{children:[e.jsx(p,{children:l?e.jsxs("span",{children:[i,!s&&e.jsx("span",{style:{display:"inline-block",width:2,height:14,background:"hsl(var(--foreground))",marginLeft:2,animation:"snewCursor .7s step-end infinite",verticalAlign:"text-bottom"}})]}):e.jsx("span",{style:{color:"hsl(var(--color-text-tertiary))"},children:'Clique em "Iniciar" para ver o streaming'})}),e.jsx("div",{style:{paddingLeft:36},children:e.jsx("button",{onClick:d,style:{fontSize:12,padding:"6px 14px",borderRadius:8,border:"1px solid hsl(var(--border))",background:"transparent",curs

11or:"pointer",color:"hsl(var(--color-text-secondary))",fontFamily:"inherit"},children:s?"↻ Reiniciar":l?"Transmitindo...":"▶ Iniciar streaming"})}),e.jsx("style",{children:"@keyframes snewCursor{0%,100%{opacity:1}50%{opacity:0}}"})]})}export{be as default};