https://yanok.ai/_app/immutable/nodes/6.qXlce17k.js

1import"../chunks/DsnmJJEf.js";import{p as xt,e as Te,g as e,s as l,t as T,a as C,c as a,u as n,b as ht,I as S,f as k,ap as V,r as t}from"../chunks/CYGRAPIB.js";import{d as wt,b as B,s as g}from"../chunks/D9UuDnCi.js";import{i as $}from"../chunks/nU4rHKDQ.js";import{e as U}from"../chunks/DTvJC0Jp.js";import{s as b,d as yt,a as W,r as Ct}from"../chunks/BEZvtooX.js";import{b as kt,a as $t,c as St,d as It,e as Pt,f as zt,g as jt,h as Et,i as Mt,j as Tt,s as Be,k as Ae,l as Bt,m as At,n as Dt}from"../chunks/BwXAA_fU.js";import{a as Lt}from"../chunks/D6jb07Cq.js";import{a as Rt}from"../chunks/DjxLCeuA.js";import{b as De,a as Le,c as Re,d as Ft,e as Ot,f as Gt,g as Ht}from"../chunks/CymlDI5X.js";import{B as Vt,b as Fe}from"../chunks/CpWhE398.js";import{N as Ut}from"../chunks/DZPQBCwR.js";import{S as Wt}from"../chunks/D0T9t0sD.js";import{W as qt}from"../chunks/DaKR3ZoL.js";import{P as Qt}from"../chunks/CtgGnEb9.js";import{H as Jt}from"../chunks/zVtv-ACl.js";import{P as I,h as P}from"../chunks/T8_RqQZ_.js";import{B as Kt}from"../chunks/CuzU-g8y.js";import{r as Nt}from"../chunks/ClV9-bpV.js";import{r as q}from"../chunks/BTBmc_R3.js";import{r as Xt}from"../chunks/kaiQ09si.js";import{f as Yt}from"../chunks/ww51vty2.js";import{S as Zt}from"../chunks/D39W6VI3.js";import{F as er}from"../chunks/v1RUe_n1.js";import{C as tr,a as rr}from"../chunks/ALTFPcKP.js";const ar=!0,Or=Object.freeze(Object.defineProperty({__proto__:null,prerender:ar},Symbol.toStringTag,{value:"Module"}));var or=k('<span class="absolute left-3 top-1/2 -translate-y-1/2"><!></span>'),sr=k('<span class="inline sm:hidden mr-1.5"><!></span>'),ir=k('<button role="tab" aria-controls="blog-content"><!> </button>'),lr=k('<button role="tab" aria-controls="blog-content"><!> </button>'),nr=k('<div class="text-center py-16"><p class="text-lg text-muted-foreground"> </p></div>'),cr=k('<a class="block card-pixel overflow-hidden hover:border-border/80 transition-all duration-300 group"><article><div class="aspect-video overflow-hidden"><img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" width="1024" height="576" loading="lazy" decoding="async"/></div> <div class="p-5"><div class="flex items-center gap-2 mb-3"><span class="inline-flex items-center gap-1 text-xs font-medium px-2 py-0.5 bg-primary/10 text-primary border border-primary/20 rounded-full capitalize"><!> </span> <span class="text-xs text-muted-foreground"> </span></div> <h2 class="text-lg font-semibold text-foreground leading-snug mb-2 line-clamp-2 font-pixel"> </h2> <p class="text-sm text-muted-foreground line-clamp-3 mb-4"> </p> <div class="flex items-center justify-between text-xs text-muted-foreground"><span> </span> <time> </time></div></div></article></a>'),dr=k('<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8"></div>'),mr=k("<button> </button>"),ur=k('<nav class="flex items-center justify-center gap-2 mt-12"><button class="min-h-[44px] min-w-[44px] flex items-center justify-center btn-pixel-outline disabled:opacity-50 disabled:cursor-not-allowed"><!></button> <!> <button class="min-h-[44px] min-w-[44px] flex items-center justify-center btn-pixel-outline disabled:opacity-50 disabled:cursor-not-allowed"><!></button></nav>'),pr=k('<a href="#blog-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-lg focus:font-medium focus:text-sm">Skip to content</a> <section class="py-12 bg-surface relative overflow-hidden"><!> <div class="relative max-w-6xl mx-auto px-4 sm:px-6"><!> <div class="text-center mb-8"><span class="inline-flex items-center gap-2 px-4 py-2 text-xs sm:text-sm font-medium bg-primary/10 text-primary border border-primary/20 rounded-full mb-4"><!> </span> <h1 class="text-4xl sm:text-5xl font-bold text-foreground leading-tight mb-4 font-pixel"> </h1> <p class="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed"> </p></div> <div class="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between mb-6"><div class="relative w-full sm:w-80"><!> <input type="search" class="w-full pl-10 pr-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"/></div> <div class="flex flex-wrap gap-2" role="tablist"></div></div> <div class="flex flex-wrap gap-2" role="tablist"><button role="tab" aria-controls="blog-content">All Types</button> <!></div></div></section>

1 <section id="blog-content" class="py-12"><div class="max-w-6xl mx-auto px-4 sm:px-6"><!> <!> <p class="text-center text-sm text-muted-foreground mt-4" aria-live="polite"> </p></div></section> <section class="py-16 border-t border-border"><div class="max-w-2xl mx-auto px-4 sm:px-6"><div class="card-pixel p-8 sm:p-10 text-center"><div class="flex justify-center mb-4"><!></div> <h2 class="text-2xl font-bold text-foreground mb-2 font-pixel"> </h2> <p class="text-muted-foreground mb-6"> </p> <!></div></div></section>',1),vr=k("<!> <!> <!> <!>",1);function Gr(Oe,Ge){xt(Ge,!0);const He=n(()=>[{id:"all",label:Bt()},{id:"blog-article",label:At()},{id:"research",label:Dt()}]),A=12;let D=V("all"),z=V("all"),R=V(""),p=V(1);const Ve=Nt.map(o=>({id:`research-${o.id}`,title:o.title,excerpt:o.description,author:o.source,publishDate:o.publishDate,readTime:"5 min read",category:o.category==="blog-article"?"blog-article":"research",researchCategory:o.category,image:o.image||"https://images.unsplash.com/photo-1677442136019-21780ecad995?w=600&h=400&fit=crop",featured:o.featured,source:"research",externalUrl:o.externalUrl,slug:o.slug})).sort((o,v)=>new Date(v.publishDate).getTime()-new Date(o.publishDate).getTime()),F=n(()=>{let o=Ve;if(e(D)!=="all"&&(o=o.filter(v=>v.category===e(D))),e(z)!=="all"&&(o=o.filter(v=>v.researchCategory===e(z))),e(R).trim()){const v=e(R).toLowerCase();o=o.filter(j=>j.title.toLowerCase().includes(v)||j.excerpt.toLowerCase().includes(v))}return o}),O=n(()=>Math.ceil(e(F).length/A)),ue=n(()=>e(F).slice((e(p)-1)*A,e(p)*A)),Ue=n(()=>(e(p)-1)*A+1),We=n(()=>Math.min(e(p)*A,e(F).length));function qe(o){S(D,o,!0),S(p,1)}function pe(o){S(z,o,!0),S(p,1)}function Qe(o){S(R,o,!0),S(p,1)}function Je(o){const v=q.find(j=>j.id===o);return v?v.name:o}var ve=vr(),ge=Te(ve);{let o=n(()=>Be()),v=n(()=>Ae());Wt(ge,{get title(){return e(o)},get description(){return e(v)},ogImage:"https://www.yanok.ai/images/og/blog.png",keywords:"agentic AI blog, AI research, AI tutorials, AI integrations, platform updates",canonicalPath:"/blog"})}var be=l(ge,2);{let o=n(()=>[{name:Fe(),url:"https://www.yanok.ai/"},{name:Re(),url:"https://www.yanok.ai/blog"}]);Vt(be,{get items(){return e(o)}})}var fe=l(be,2);{let o=n(()=>Be()),v=n(()=>Ae());qt(fe,{get name(){return e(o)},get description(){return e(v)},type:"CollectionPage",url:"https://www.yanok.ai/blog"})}var Ke=l(fe,2);Qt(Ke,{children:(o,v)=>{var j=pr(),Q=l(Te(j),2),_e=a(Q);Jt(_e,{});var xe=l(_e,2),he=a(xe);{let r=n(()=>[{name:Fe(),url:"https://www.yanok.ai/"},{name:Re(),url:"https://www.yanok.ai/blog"}]);Kt(he,{get items(){return e(r)}})}var J=l(he,2),K=a(J),we=a(K);{var Ne=r=>{I(r,{icon:"Newspaper",size:"sm"})},Xe=n(()=>P("Newspaper"));$(we,r=>{e(Xe)&&r(Ne)})}var Ye=l(we);t(K);var N=l(K,2),Ze=a(N,!0);t(N);var ye=l(N,2),et=a(ye,!0);t(ye),t(J);var X=l(J,2),Y=a(X),Ce=a(Y);{var tt=r=>{var i=or(),s=a(i);I(s,{icon:"Search",size:"sm",class:"text-muted-foreground"}),t(i),C(r,i)},rt=n(()=>P("Search")),at=r=>{Zt(r,{class:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"})};$(Ce,r=>{e(rt)?r(tt):r(at,-1)})}var L=l(Ce,2);Ct(L),t(Y);var Z=l(Y,2);U(Z,21,()=>e(He),r=>r.id,(r,i)=>{var s=ir(),c=a(s);{var m=u=>{var w=sr(),E=a(w);I(E,{icon:"Filter",size:"xs"}),t(w),C(u,w)},_=n(()=>P("Filter")),h=u=>{er(u,{class:"w-3 h-3 mr-1.5 inline sm:hidden"})};$(c,u=>{e(_)?u(m):u(h,-1)})}var f=l(c);t(s),T(()=>{b(s,"aria-selected",e(D)===e(i).id),W(s,1,`min-h-[44px] px-4 py-2 text-sm font-medium transition-colors ${e(D)===e(i).id?"btn-pixel":"btn-pixel-outline"}`),g(f,` ${e(i).label??""}`)}),B("click",s,()=>qe(e(i).id)),C(r,s)}),t(Z),t(X);var ee=l(X,2),G=a(ee),ot=l(G,2);U(ot,17,()=>q,r=>r.id,(r,i)=>{var s=lr(),c=a(s);{var m=f=>{I(f,{get icon(){return e(i).icon},size:"xs"})},_=n(()=>P(e(i).icon));$(c,f=>{e(_)&&f(m)})}var h=l(c);t(s),T(()=>{b(s,"aria-selected",e(z)===e(i).id),W(s,1,`min-h-[36px] px-3 py-1.5 text-xs font-medium transition-colors inline-flex items-center gap-1.5 ${e(z)===e(i).id?"bg-primary/10 text-primary border border-primary/20":"border border-border text-muted-foreground hover:bg-muted/50"} rounded-full`),g(h,` ${e(i).name??""}`)}

1),B("click",s,()=>pe(e(i).id)),C(r,s)}),t(ee),t(xe),t(Q);var te=l(Q,2),ke=a(te),$e=a(ke);{var st=r=>{var i=nr(),s=a(i),c=a(s,!0);t(s),t(i),T(m=>g(c,m),[()=>jt()]),C(r,i)},it=r=>{var i=dr();U(i,21,()=>e(ue),s=>s.id,(s,c)=>{var m=cr(),_=a(m),h=a(_),f=a(h);t(h);var u=l(h,2),w=a(u),E=a(w),H=a(E);{var se=M=>{{let de=n(()=>q.find(me=>me.id===e(c).researchCategory)?.icon??"");I(M,{get icon(){return e(de)},size:"xs"})}},d=n(()=>P(q.find(M=>M.id===e(c).researchCategory)?.icon??""));$(H,M=>{e(d)&&M(se)})}var y=l(H);t(E);var x=l(E,2),ie=a(x,!0);t(x),t(w);var le=l(w,2),gt=a(le,!0);t(le);var ne=l(le,2),bt=a(ne,!0);t(ne);var Ee=l(ne,2),ce=a(Ee),ft=a(ce,!0);t(ce);var Me=l(ce,2),_t=a(Me,!0);t(Me),t(Ee),t(u),t(_),t(m),T((M,de,me)=>{b(m,"href",M),b(m,"aria-label",e(c).title),b(f,"src",e(c).image),b(f,"alt",e(c).title),g(y,` ${de??""}`),g(ie,e(c).readTime),g(gt,e(c).title),g(bt,e(c).excerpt),g(ft,e(c).author),g(_t,me)},[()=>Xt(`/blog/${e(c).slug}`),()=>Je(e(c).researchCategory),()=>Yt(e(c).publishDate)]),C(s,m)}),t(i),C(r,i)};$($e,r=>{e(ue).length===0?r(st):r(it,-1)})}var Se=l($e,2);{var lt=r=>{var i=ur(),s=a(i),c=a(s);{var m=d=>{I(d,{icon:"ChevronLeft",size:"sm"})},_=n(()=>P("ChevronLeft")),h=d=>{tr(d,{class:"w-4 h-4"})};$(c,d=>{e(_)?d(m):d(h,-1)})}t(s);var f=l(s,2);U(f,16,()=>Array.from({length:e(O)},(d,y)=>y+1),d=>d,(d,y)=>{var x=mr(),ie=a(x,!0);t(x),T(()=>{b(x,"aria-label",`Page ${y}`),b(x,"aria-current",e(p)===y?"page":void 0),W(x,1,`min-h-[44px] min-w-[44px] flex items-center justify-center text-sm font-medium transition-colors ${e(p)===y?"btn-pixel":"btn-pixel-outline"}`),g(ie,y)}),B("click",x,()=>{S(p,y,!0),document.getElementById("blog-content")?.scrollIntoView({behavior:"smooth"})}),C(d,x)});var u=l(f,2),w=a(u);{var E=d=>{I(d,{icon:"ChevronRight",size:"sm"})},H=n(()=>P("ChevronRight")),se=d=>{rr(d,{class:"w-4 h-4"})};$(w,d=>{e(H)?d(E):d(se,-1)})}t(u),t(i),T((d,y,x)=>{b(i,"aria-label",d),s.disabled=e(p)===1,b(s,"aria-label",y),u.disabled=e(p)===e(O),b(u,"aria-label",x)},[()=>Et(),()=>Mt(),()=>Tt()]),B("click",s,()=>{S(p,Math.max(1,e(p)-1),!0),document.getElementById("blog-content")?.scrollIntoView({behavior:"smooth"})}),B("click",u,()=>{S(p,Math.min(e(O),e(p)+1),!0),document.getElementById("blog-content")?.scrollIntoView({behavior:"smooth"})}),C(r,i)};$(Se,r=>{e(O)>1&&r(lt)})}var Ie=l(Se,2),nt=a(Ie,!0);t(Ie),t(ke),t(te);var Pe=l(te,2),ze=a(Pe),je=a(ze),re=a(je),ct=a(re);{var dt=r=>{I(r,{icon:"Mail",size:"lg",class:"text-primary"})},mt=n(()=>P("Mail"));$(ct,r=>{e(mt)&&r(dt)})}t(re);var ae=l(re,2),ut=a(ae,!0);t(ae);var oe=l(ae,2),pt=a(oe,!0);t(oe);var vt=l(oe,2);{let r=n(()=>De()),i=n(()=>Le()),s=n(()=>Ft()),c=n(()=>Ot()),m=n(()=>Gt()),_=n(()=>Ht());Ut(vt,{get title(){return e(r)},get description(){return e(i)},get successMessage(){return e(s)},get errorMessage(){return e(c)},get placeholder(){return e(m)},get submitLabel(){return e(_)}})}t(je),t(ze),t(Pe),T((r,i,s,c,m,_,h,f,u,w)=>{g(Ye,` ${r??""}`),g(Ze,i),g(et,s),b(L,"placeholder",c),yt(L,e(R)),b(L,"aria-label",m),b(Z,"aria-label",_),b(ee,"aria-label",h),b(G,"aria-selected",e(z)==="all"),W(G,1,`min-h-[36px] px-3 py-1.5 text-xs font-medium transition-colors ${e(z)==="all"?"bg-primary/10 text-primary border border-primary/20":"border border-border text-muted-foreground hover:bg-muted/50"} rounded-full`),g(nt,f),g(ut,u),g(pt,w)},[()=>kt(),()=>$t(),()=>St(),()=>It(),()=>Pt(),()=>Lt(),()=>Rt(),()=>zt({from:e(Ue).toString(),to:e(We).toString(),total:e(F).length.toString()}),()=>De(),()=>Le()]),B("input",L,r=>Qe(r.currentTarget.value)),B("click",G,()=>pe("all")),C(o,j)},$$slots:{default:!0}}),C(Oe,ve),ht()}wt(["input","click"]);export{Gr as component,Or as universal};