https://snew.ai/assets/BoardsIndexPage-BUk1CPgG.js

1import{u as g,r as c,j as e}from"./index-L9AYrVUw.js";import{a6 as m}from"./PlanAccessModal-P_W2GThH.js";import{n as u}from"./Play.es-DBh2Tn7f.js";import{n as x}from"./Plus.es-BeVefyFz.js";import{n as f}from"./SquaresFour.es-BpA8mwXA.js";import{H as v}from"./HomeChatbox-Cl01tbpJ.js";import{M as p,a as b}from"./boardsMockData-DqHpMT8B.js";import"./productFunnel-DiJFcMU2.js";import"./locale-Cctu0V3Y.js";import"./promptBox-D9Xxfn9U.js";import"./overrides-DxGb-X-q.js";import"./types-YVLQw7aQ.js";import"./useOverridesTick-B6buWBbf.js";import"./Image.es-BLTC_PgL.js";import"./Megaphone.es-CpcQHM6H.js";import"./Package.es-CyLjTX4J.js";import"./UploadSimple.es-BDJIa312.js";import"./Users.es-CZggLr1m.js";import"./VideoCamera.es-CCLoNiT_.js";import"./ChatSubmitButton-Bm0hHp2J.js";import"./StructuredPromptEditor-Bagkb6hO.js";import"./ProductPickerModal-DZV-fDl_.js";import"./firstAsset-DWUwvZpm.js";import"./modal-close-button-BhLoO4jQ.js";import"./tabs-CmDZA0dx.js";import"./index-BKpKuXmL.js";import"./index-Eo00qZvG.js";import"./SearchInput-h5gAN-Be.js";import"./ImageSquare.es-Ckk4CjAE.js";import"./overImage-BfLII5AZ.js";import"./pill-BK5sCDTV.js";import"./pill-dropdown-menu-CmrSXir-.js";import"./aspectRatios-DDqw6bsx.js";import"./thumbnail-card-ZiWJf1m1.js";import"./use-exclusive-open-LN4OUcjO.js";const ne=()=>{const r=g(),[t,o]=c.useState(""),i=c.useMemo(()=>{if(!t.trim())return p;const s=t.toLowerCase();return p.filter(n=>n.title.toLowerCase().includes(s))},[t]),a=()=>{r("/generate-image")};c.useEffect(()=>{const s=n=>{n.key.toLowerCase()==="o"&&(n.metaKey||n.ctrlKey)&&n.shiftKey&&(n.preventDefault(),a())};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[]);const l=s=>{r("/generate-image",{state:{boardId:s}})},d=s=>{r(`/templates/${s}`)};return e.jsx("div",{style:{minHeight:"100vh",background:"hsl(var(--background))",position:"relative"},children:e.jsxs("div",{style:{maxWidth:1480,margin:"0 auto",padding:"72px 40px 96px",display:"flex",flexDirection:"column",gap:56},children:[e.jsxs("header",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:28},children:[e.jsx("h1",{style:{fontSize:26,fontWeight:500,letterSpacing:"-0.02em",color:"hsl(var(--foreground))",textAlign:"center",margin:0},children:"O que você quer criar hoje?"}),e.jsx("div",{style:{width:"100%",maxWidth:580},children:e.jsx(v,{})})]}),e.jsx(h,{title:"Seus boards",showSearch:!0,searchQuery:t,onSearchChange:o,children:e.jsx(j,{boards:i,onCreateNew:a,onOpenBoard:l})}),e.jsx("div",{style:{height:1,background:"hsl(var(--border))"}}),e.jsx(h,{title:"Comece com um modelo",subtitle:"Templates pré-prontos pra você customizar",children:e.jsx(S,{templates:b,onOpenTemplate:d})})]})})},h=({title:r,subtitle:t,showSearch:o,searchQuery:i,onSearchChange:a,children:l})=>e.jsxs("section",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:t?"flex-start":"center",marginBottom:16,gap:16},children:[e.jsxs("div",{children:[e.jsx("h2",{style:{fontSize:14,fontWeight:500,color:"hsl(var(--foreground))",margin:0},children:r}),t&&e.jsx("div",{style:{fontSize:11,color:"hsl(var(--muted-foreground))",marginTop:4},children:t})]}),o&&e.jsx(y,{value:i??"",onChange:a??(()=>{}),placeholder:"Buscar boards…"})]}),l]}),y=({value:r,onChange:t,placeholder:o})=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,height:32,padding:"0 12px",background:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:8,width:220},children:[e.jsx(m,{size:13,color:"hsl(var(--muted-foreground))"}),e.jsx("input",{value:r,onChange:i=>t(i.target.value),placeholder:o,style:{flex:1,border:"none",outline:"none",background:"transparent",fontSize:12,color:"hsl(var(--foreground))",fontFamily:"inherit"}})]}),j=({boards:r,onCreateNew:t,onOpenBoard:o})=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(320px, 1fr))",gap:20,alignItems:"stretch"},children:[e.jsxs("button",{onClick:t,style:{height:"100%",minHeight:240,background:"hsl(var(--card))",border:"1px dashed hsl(var(--border))",borderRadius:16,cursor:"pointer",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:10,color:"hsl(var(--muted-foreground))",fontFamily:"inherit",transition:"border-color 0.12s, background 0.12s"},onMouseEnter:i=>

1{i.currentTarget.style.borderColor="hsl(var(--foreground))",i.currentTarget.style.color="hsl(var(--foreground))"},onMouseLeave:i=>{i.currentTarget.style.borderColor="hsl(var(--border))",i.currentTarget.style.color="hsl(var(--muted-foreground))"},children:[e.jsx(x,{size:20}),e.jsx("div",{style:{fontSize:11,fontWeight:500},children:"Novo board"}),e.jsx("div",{style:{fontSize:10,padding:"2px 6px",borderRadius:4,background:"hsl(var(--muted))",color:"hsl(var(--muted-foreground))"},children:"⌘⇧O"})]}),r.map(i=>e.jsx(C,{board:i,onClick:()=>o(i.id)},i.id))]}),C=({board:r,onClick:t})=>{const o=r.thumbnails??(r.coverUrl?[r.coverUrl]:[]),i=Array.from({length:4},(s,n)=>o[n]),a=r.title.trim().split(" "),l=a.slice(0,-1).join(" "),d=a[a.length-1];return e.jsxs("button",{onClick:t,style:{background:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:16,cursor:"pointer",overflow:"hidden",position:"relative",padding:16,fontFamily:"inherit",textAlign:"left",display:"flex",flexDirection:"column",gap:12,transition:"border-color 0.12s, box-shadow 0.12s, transform 0.12s"},onMouseEnter:s=>{s.currentTarget.style.borderColor="hsl(var(--foreground))",s.currentTarget.style.boxShadow="0 4px 16px rgba(0,0,0,0.06)"},onMouseLeave:s=>{s.currentTarget.style.borderColor="hsl(var(--border))",s.currentTarget.style.boxShadow="none"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:11,fontWeight:400,color:"hsl(var(--muted-foreground))",textTransform:"uppercase",letterSpacing:"0.08em"},children:l?e.jsxs(e.Fragment,{children:[l," ",e.jsx("span",{style:{color:"hsl(var(--foreground))",fontWeight:600},children:d})]}):e.jsx("span",{style:{color:"hsl(var(--foreground))",fontWeight:600},children:d})}),e.jsxs("div",{style:{fontSize:11,color:"hsl(var(--muted-foreground))",marginTop:2},children:["Editado há ",r.updatedAt]})]}),e.jsx("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"repeat(2, 1fr)",gap:8},children:i.map((s,n)=>e.jsx("div",{style:{aspectRatio:"4/3",background:s?`url(${s}) center/cover`:"hsl(var(--muted))",border:"1px solid hsl(var(--border))",borderRadius:8}},n))})]})},S=({templates:r,onOpenTemplate:t})=>e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(320px, 1fr))",gap:20},children:r.map(o=>e.jsx(T,{template:o,onClick:()=>t(o.id)},o.id))}),T=({template:r,onClick:t})=>e.jsxs("button",{onClick:t,style:{aspectRatio:"16/10",background:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:12,cursor:"pointer",overflow:"hidden",position:"relative",fontFamily:"inherit",textAlign:"left",transition:"border-color 0.12s, box-shadow 0.12s"},onMouseEnter:o=>{o.currentTarget.style.borderColor="hsl(var(--foreground))",o.currentTarget.style.boxShadow="0 4px 16px rgba(0,0,0,0.08)"},onMouseLeave:o=>{o.currentTarget.style.borderColor="hsl(var(--border))",o.currentTarget.style.boxShadow="none"},children:[e.jsx("div",{style:{position:"absolute",inset:0,background:`url(${r.coverUrl}) center/cover`}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%)"}}),r.category==="campaign"&&e.jsxs("div",{style:{position:"absolute",top:12,left:12,display:"flex",alignItems:"center",gap:4,padding:"3px 7px",background:"rgba(0,0,0,0.6)",color:"#fff",borderRadius:4,fontSize:9,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase"},children:[e.jsx(f,{size:9,weight:"fill"})," Bundle"]}),r.category==="video"&&e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:36,height:36,borderRadius:999,background:"rgba(255,255,255,0.92)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(u,{size:14,weight:"fill",color:"#1a1a1a"})}),e.jsxs("div",{style:{position:"absolute",left:12,right:12,bottom:10,color:"#fff"},children:[e.jsx("div",{style:{fontSize:13,fontWeight:600,letterSpacing:"-0.01em"},children:r.title}),e.jsx("div",{style:{fontSize:11,color:"hsl(var(--color-modal-text-dim))",marginTop:2},children:r.subtitle})]})]});export{ne as default};