const TINT_MAP={cy:"var(--app-accent)",red:"var(--accent-red, var(--app-fail))",gd:"var(--pastel-gold, var(--app-warn))",lav:"var(--pastel-lavender, #939aff)",tl:"var(--accent-teal, var(--app-success))"};function tint(l){return TINT_MAP[l]||"var(--app-accent)"}function DesignGalleryView({kind:l}){const i=l.designs||[],a=["all",...Array.from(new Set(i.map(d=>d.surface)))],[s,t]=React.useState("all"),[e,n]=React.useState(null),o=s==="all"?i:i.filter(d=>d.surface===s);return React.createElement("div",{className:"view view-designGallery"},React.createElement("div",{className:"dg-bar"},React.createElement("div",{className:"dg-bar-label mono"},"Surface"),a.map(d=>React.createElement("button",{key:d,className:`dg-bar-chip ${s===d?"on":""}`,onClick:()=>t(d)},d,React.createElement("span",{className:"dg-bar-count mono"},d==="all"?i.length:i.filter(c=>c.surface===d).length)))),React.createElement("div",{className:"dg-grid"},o.map(d=>React.createElement("button",{key:d.id,className:"dg-tile",onClick:()=>n(d)},React.createElement("div",{className:"dg-tile-canvas",style:{background:`linear-gradient(135deg, ${tint(d.tint)}, color-mix(in srgb, ${tint(d.tint)} 30%, var(--app-elevated)))`}},React.createElement("div",{className:"dg-tile-grid-overlay"}),React.createElement("div",{className:"dg-tile-mark mono"},d.kind),React.createElement("div",{className:"dg-tile-ratio mono"},d.ratio)),React.createElement("div",{className:"dg-tile-foot"},React.createElement("div",{className:"dg-tile-title"},d.title),React.createElement("div",{className:"dg-tile-meta mono"},d.surface," \xB7 ",d.updated))))),e&&React.createElement("div",{className:"dg-lightbox",onClick:()=>n(null)},React.createElement("div",{className:"dg-lightbox-stage",onClick:d=>d.stopPropagation()},React.createElement("div",{className:"dg-lightbox-canvas",style:{background:`linear-gradient(135deg, ${tint(e.tint)}, color-mix(in srgb, ${tint(e.tint)} 20%, var(--app-elevated)))`,aspectRatio:e.ratio.includes("\xD7")?"3 / 2":e.ratio.replace(":"," / ")}},React.createElement("div",{className:"dg-lightbox-mark mono"},e.kind," \xB7 ",e.ratio)),React.createElement("div",{className:"dg-lightbox-side"},React.createElement("div",{className:"dg-lightbox-title"},e.title),React.createElement("div",{className:"dg-lightbox-meta mono"},e.surface," \xB7 ",e.kind," \xB7 ",e.ratio),React.createElement("div",{className:"dg-lightbox-meta mono"},"Updated ",e.updated),React.createElement("button",{className:"dg-lightbox-cta"},React.createElement(MIcon,{name:"open_in_new",size:14}),"Open in Figma"),React.createElement("button",{className:"dg-lightbox-cta dg-lightbox-cta-ghost"},React.createElement(MIcon,{name:"download",size:14}),"Export PNG"),React.createElement("button",{className:"dg-lightbox-close",onClick:()=>n(null)},React.createElement(MIcon,{name:"close",size:14}))))))}function EmailPreviewView({kind:l}){const i=l.templates||[],a=l.sample||{},[s,t]=React.useState(i[0]?.id);return React.createElement("div",{className:"view view-emailPreview"},React.createElement("aside",{className:"ep-list"},React.createElement("div",{className:"ep-list-head mono"},"Templates \xB7 ",i.length),i.map(e=>React.createElement("button",{key:e.id,className:`ep-list-item ${s===e.id?"on":""}`,onClick:()=>t(e.id)},React.createElement("div",{className:"ep-list-name"},e.name),React.createElement("div",{className:"ep-list-meta mono"},e.category," \xB7 open ",e.opens))),React.createElement("button",{className:"ep-list-add"},React.createElement(MIcon,{name:"add",size:14}),React.createElement("span",null,"New template"))),React.createElement("div",{className:"ep-client"},React.createElement("div",{className:"ep-client-chrome"},React.createElement("div",{className:"ep-client-dots"},React.createElement("span",{style:{background:"#ff5f56"}}),React.createElement("span",{style:{background:"#ffbd2e"}}),React.createElement("span",{style:{background:"#27c93f"}})),React.createElement("div",{className:"ep-client-url mono"},"mail \xB7 demo-contact-redacted.company-x.example \xB7 drafts \xB7 preview"),React.createElement("div",{className:"ep-client-aux mono"},"de-DE")),React.createElement("div",{className:"ep-client-body"},React.createElement("div",{className:"ep-meta"},React.createElement("div",{className:"ep-meta-row"},React.createElement("span",{className:"mono ep-meta-key"},"From"),React.createElement("span",null,a.from)),React.createElement("div",{className:"ep-meta-row"},React.createElement("span",{className:"mono ep-meta-key"},"To"),React.createElement("span",null,a.to)),React.createElement("div",{className:"ep-meta-row"},React.createElement("span",{className:"mono ep-meta-key"},"Subject"),React.createElement("span",{className:"ep-meta-subject"},a.subject)),React.createElement("div",{className:"ep-meta-row ep-meta-pre"},React.createElement("span",{className:"mono ep-meta-key"},"Preheader"),React.createElement("span",null,a.preheader))),React.createElement("div",{className:"ep-email"},React.createElement("div",{className:"ep-email-header"},React.createElement("div",{className:"ep-email-brand"},React.createElement("span",{className:"ep-email-mark"},"\u25C7",React.createElement("span",{style:{color:"var(--accent-red, var(--app-fail))"}},"\xB7")),React.createElement("span",{className:"ep-email-wordmark mono"},"AAAS"))),React.createElement("div",{className:"ep-email-hero"},React.createElement("div",{className:"ep-email-hero-label mono"},a.heroLabel),React.createElement("div",{className:"ep-email-hero-amount"},a.heroAmount)),React.createElement("div",{className:"ep-email-body"},(a.body||[]).map((e,n)=>React.createElement("p",{key:n,className:"ep-email-p"},e)),a.cta&&React.createElement("a",{className:"ep-email-cta",href:a.cta.href},React.createElement("span",null,a.cta.label),React.createElement(MIcon,{name:"arrow_forward",size:14}))),React.createElement("div",{className:"ep-email-footer"},React.createElement("div",null,a.footer),React.createElement("div",{className:"ep-email-footer-sub mono"},"Unsubscribe \xB7 Privacy \xB7 Impressum"))))))}function PagePreviewView({kind:l}){const i=l.pages||[],a=l.samplePage||{},[s,t]=React.useState(i[0]?.id);return React.createElement("div",{className:"view view-pagePreview"},React.createElement("aside",{className:"pp-list"},React.createElement("div",{className:"pp-list-head mono"},"Pages \xB7 ",i.length),i.map(e=>React.createElement("button",{key:e.id,className:`pp-list-item ${s===e.id?"on":""}`,onClick:()=>t(e.id)},React.createElement("div",{className:"pp-list-name"},e.label),React.createElement("div",{className:"pp-list-url mono"},e.route),React.createElement("div",{className:"pp-list-meta mono"},e.updated," \xB7 ",e.status)))),React.createElement("div",{className:"pp-browser"},React.createElement("div",{className:"pp-browser-chrome"},React.createElement("div",{className:"pp-browser-dots"},React.createElement("span",{style:{background:"#ff5f56"}}),React.createElement("span",{style:{background:"#ffbd2e"}}),React.createElement("span",{style:{background:"#27c93f"}})),React.createElement("div",{className:"pp-browser-url mono"},React.createElement(MIcon,{name:"lock",size:11}),React.createElement("span",null,a.url)),React.createElement("div",{className:"pp-browser-aux mono"},"desktop \xB7 1440 px")),React.createElement("div",{className:"pp-page"},React.createElement("div",{className:"pp-page-nav mono"},React.createElement("span",{className:"pp-page-nav-brand"},"AAAS"),React.createElement("span",null,"Agents"),React.createElement("span",null,"Pricing"),React.createElement("span",null,"Builders"),React.createElement("span",null,"Blog"),React.createElement("span",{className:"pp-page-nav-cta"},"Sign in")),React.createElement("div",{className:"pp-page-hero"},React.createElement("div",{className:"pp-page-eyebrow mono"},a.heroEyebrow),React.createElement("h1",{className:"pp-page-h1"},(a.heroTitle||"").split(`
`).map((e,n)=>React.createElement("span",{key:n,className:"pp-page-h1-line"},e,n===a.heroTitle.split(`
`).length-1&&React.createElement("span",{style:{color:"var(--accent-red, var(--app-fail))"}},".")))),React.createElement("p",{className:"pp-page-sub"},a.heroSub),React.createElement("div",{className:"pp-page-ctas"},(a.heroCta||[]).map((e,n)=>React.createElement("button",{key:n,className:`pp-page-cta ${e.kind==="ghost"?"pp-page-cta-ghost":""}`},e.label))),React.createElement("div",{className:"pp-page-stats"},(a.stats||[]).map((e,n)=>React.createElement("div",{key:n,className:"pp-page-stat"},React.createElement("div",{className:"pp-page-stat-value"},e.value),React.createElement("div",{className:"pp-page-stat-label mono"},e.label))))),(a.sections||[]).map((e,n)=>React.createElement("div",{key:n,className:"pp-page-section"},e.kind==="feature-grid"&&React.createElement("div",{className:"pp-page-features"},e.items.map((o,d)=>React.createElement("div",{key:d,className:"pp-page-feature"},React.createElement("div",{className:"pp-page-feature-dot"}),React.createElement("div",{className:"pp-page-feature-label"},o)))))))))}function SocialBoardView({kind:l}){const i=l.posts||[];return React.createElement("div",{className:"view view-socialBoard"},React.createElement("div",{className:"sb-grid"},i.map(a=>React.createElement("article",{key:a.id,className:`sb-card sb-${a.channel.toLowerCase()}`},React.createElement("div",{className:"sb-card-head"},React.createElement("div",{className:"sb-card-channel mono"},React.createElement("span",{className:"sb-channel-icon"}),React.createElement("span",null,a.channel),a.status==="scheduled"&&React.createElement("span",{className:"sb-channel-tag mono"},"SCHEDULED")),React.createElement("div",{className:"sb-card-when mono"},a.when)),React.createElement("div",{className:"sb-card-author"},React.createElement("span",{className:"sb-avatar"},a.avatar),React.createElement("div",{className:"sb-author-meta"},React.createElement("div",{className:"sb-author-name"},a.author),React.createElement("div",{className:"sb-author-handle mono"},a.handle))),React.createElement("div",{className:"sb-card-body"},a.body.split(`
`).map((s,t)=>React.createElement("p",{key:t},s||React.createElement("br",null)))),a.mediaLabel&&React.createElement("div",{className:"sb-card-media"},React.createElement(MIcon,{name:a.mediaLabel.includes("Video")?"play_circle":"image",size:20}),React.createElement("span",{className:"mono"},a.mediaLabel)),a.likes!=null&&React.createElement("div",{className:"sb-card-stats mono"},React.createElement("span",null,"\u2665 ",a.likes),React.createElement("span",null,"\u{1F4AC} ",a.comments),React.createElement("span",null,"\u21BB ",a.reposts))))))}function BannerBoardView({kind:l}){const i=l.campaigns||[];return React.createElement("div",{className:"view view-bannerBoard"},i.map(a=>React.createElement("div",{key:a.id,className:"bb-campaign"},React.createElement("div",{className:"bb-campaign-head"},React.createElement("div",{className:"bb-campaign-eyebrow mono",style:{color:tint(a.accent)}},a.eyebrow),React.createElement("div",{className:"bb-campaign-label"},a.label),React.createElement("div",{className:"bb-campaign-actions"},React.createElement("button",{className:"bb-campaign-action mono"},React.createElement(MIcon,{name:"download",size:12}),"Export all"))),React.createElement("div",{className:"bb-formats"},a.formats.map(s=>React.createElement("div",{key:s.ratio,className:"bb-format"},React.createElement("div",{className:"bb-format-canvas",style:{background:`linear-gradient(135deg, ${tint(a.accent)}, color-mix(in srgb, ${tint(a.accent)} 30%, var(--app-elevated)))`,aspectRatio:s.ratio.includes("\xD7")?`${s.w} / ${s.h}`:s.ratio.replace(":"," / ")}},React.createElement("div",{className:"bb-format-content"},React.createElement("div",{className:"bb-format-eyebrow mono"},a.eyebrow),React.createElement("div",{className:"bb-format-title",style:{fontSize:s.kind==="story"?"28px":s.kind==="leaderboard"?"20px":"24px"}},a.title),React.createElement("div",{className:"bb-format-sub"},a.sub),React.createElement("div",{className:"bb-format-cta"},React.createElement("span",null,a.cta),React.createElement(MIcon,{name:"arrow_forward",size:12}))),React.createElement("div",{className:"bb-format-ratio mono"},s.ratio)),React.createElement("div",{className:"bb-format-meta mono"},s.label," \xB7 ",s.w,"\xD7",s.h)))))))}function PosterBoardView({kind:l}){const i=l.posters||[],a=(s,t)=>t==="landscape"?"1.414 / 1":"1 / 1.414";return React.createElement("div",{className:"view view-posterBoard"},React.createElement("div",{className:"pb-grid"},i.map(s=>React.createElement("div",{key:s.id,className:"pb-poster"},React.createElement("div",{className:"pb-poster-canvas",style:{aspectRatio:a(s.size,s.orientation),background:`linear-gradient(160deg, color-mix(in srgb, ${tint(s.accent)} 80%, #0d0d0e), #0a0a0a)`}},React.createElement("div",{className:"pb-poster-eyebrow mono",style:{color:tint(s.accent)}},s.eyebrow),React.createElement("div",{className:"pb-poster-title",style:{fontSize:s.size==="A0"?"40px":s.size==="A1"?"32px":s.size==="A2"?"26px":"20px"}},s.title.split(`
`).map((t,e,n)=>React.createElement("span",{key:e,className:"pb-poster-line"},t,e===n.length-1&&React.createElement("span",{style:{color:tint(s.accent)}},".")))),React.createElement("div",{className:"pb-poster-sub"},s.sub),React.createElement("div",{className:"pb-poster-mark mono"},"aaas")),React.createElement("div",{className:"pb-poster-meta mono"},React.createElement("span",null,s.size," \xB7 ",s.orientation),React.createElement("span",null,s.surface))))))}function DeckBoardView({kind:l}){const i=l.decks||[];return React.createElement("div",{className:"view view-deckBoard"},i.map(a=>React.createElement("section",{key:a.id,className:"db-deck"},React.createElement("div",{className:"db-deck-head"},React.createElement("div",{className:"db-deck-title"},a.title),React.createElement("div",{className:"db-deck-meta mono"},a.kind," \xB7 ",a.slides," slides \xB7 ",a.updated),React.createElement("div",{className:"db-deck-actions"},React.createElement("button",{className:"db-deck-action mono"},React.createElement(MIcon,{name:"co_present",size:12}),"Present"),React.createElement("button",{className:"db-deck-action mono"},React.createElement(MIcon,{name:"download",size:12}),"Export PDF"))),React.createElement("div",{className:"db-thumbs"},a.thumbs.map(s=>React.createElement("div",{key:s.i,className:"db-thumb"},React.createElement("div",{className:"db-thumb-canvas",style:{background:`linear-gradient(140deg, ${tint(s.tint)}, color-mix(in srgb, ${tint(s.tint)} 20%, var(--app-elevated)))`}},React.createElement("div",{className:"db-thumb-content"},s.label)),React.createElement("div",{className:"db-thumb-num mono"},s.i))),React.createElement("div",{className:"db-thumb db-thumb-more"},React.createElement("div",{className:"db-thumb-canvas db-thumb-canvas-empty"},React.createElement("span",{className:"mono"},"+",a.slides-a.thumbs.length),React.createElement("span",{className:"mono db-thumb-more-label"},"more slides")))))))}function VideoBoardView({kind:l}){const i=l.videos||[],[a,s]=React.useState(i[0]?.id),t=i.find(e=>e.id===a)||i[0];return React.createElement("div",{className:"view view-videoBoard"},t&&React.createElement("div",{className:"vb-player"},React.createElement("div",{className:"vb-player-screen",style:{background:`linear-gradient(140deg, ${tint(t.thumb)}, color-mix(in srgb, ${tint(t.thumb)} 20%, #1a1a1c))`}},React.createElement("div",{className:"vb-player-content"},React.createElement("div",{className:"vb-player-title"},t.title),React.createElement("div",{className:"vb-player-meta mono"},t.kind," \xB7 ",t.duration," \xB7 ",t.views," views"),React.createElement("button",{className:"vb-player-play"},React.createElement(MIcon,{name:"play_arrow",size:32}))))),React.createElement("div",{className:"vb-grid"},i.map(e=>React.createElement("button",{key:e.id,className:`vb-card ${a===e.id?"on":""}`,onClick:()=>s(e.id)},React.createElement("div",{className:"vb-card-thumb",style:{background:`linear-gradient(140deg, ${tint(e.thumb)}, color-mix(in srgb, ${tint(e.thumb)} 20%, #1a1a1c))`}},React.createElement("div",{className:"vb-card-play"},React.createElement(MIcon,{name:"play_circle",size:20})),React.createElement("div",{className:"vb-card-dur mono"},e.duration)),React.createElement("div",{className:"vb-card-meta"},React.createElement("div",{className:"vb-card-title"},e.title),React.createElement("div",{className:"vb-card-sub mono"},e.kind," \xB7 ",e.views," views"))))))}Object.assign(window.VIEWS,{designGallery:DesignGalleryView,emailPreview:EmailPreviewView,pagePreview:PagePreviewView,socialBoard:SocialBoardView,bannerBoard:BannerBoardView,posterBoard:PosterBoardView,deckBoard:DeckBoardView,videoBoard:VideoBoardView}),window.VIEW_OPTIONS.push({value:"designGallery",label:"Designs",icon:"palette"},{value:"emailPreview",label:"Email",icon:"forward_to_inbox"},{value:"pagePreview",label:"Page",icon:"web"},{value:"socialBoard",label:"Social",icon:"share"},{value:"bannerBoard",label:"Banners",icon:"photo_size_select_large"},{value:"posterBoard",label:"Posters",icon:"photo"},{value:"deckBoard",label:"Decks",icon:"slideshow"},{value:"videoBoard",label:"Videos",icon:"movie"});