1import{d as b,u as c,g as v,X as f,r as x,v as h,j as w,o as _,l as e,q as r,p as o,m as t,bS as y,E as l}from"./DZ7mik94.js";const j={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},k={class:"text-3xl md:text-4xl font-bold text-slate-900 font-sans mb-4"},C={class:"text-lg text-slate-600 max-w-2xl mx-auto"},$={class:"grid grid-cols-1 md:grid-cols-2 gap-8"},B={class:"flex items-center gap-4 mb-6"},M={class:"text-xl font-bold text-slate-900"},V={class:"text-sm text-slate-500"},z={class:"text-slate-600 mb-8 leading-relaxed"},E={class:"bg-slate-50 rounded-xl border border-slate-100 mb-8 h-56 flex flex-col relative overflow-hidden group-hover:border-indigo-100 transition-colors p-4"},H={class:"flex items-center gap-3 mb-4"},I={class:"bg-indigo-600 text-white px-3 py-1.5 rounded-lg text-xs font-medium shadow-sm flex items-center gap-1"},N={class:"flex items-center gap-2"},R={class:"px-2 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-600 text-[10px] font-medium flex items-center gap-1 shadow-sm"},S={class:"px-2 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-600 text-[10px] font-medium flex items-center gap-1 shadow-sm"},U={class:"px-2 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-600 text-[10px] font-medium flex items-center gap-1 shadow-sm"},q={class:"flex-1 bg-white rounded-xl border border-slate-200 border-dashed p-3 relative overflow-hidden"},D={class:"absolute bottom-3 left-3 right-3 bg-white border border-slate-200 shadow-lg rounded-lg p-2 flex items-center justify-between"},O={class:"text-[10px] text-slate-400"},P={class:"bg-white text-indigo-600 px-4 py-2 rounded-full text-sm font-medium shadow-sm"},A={class:"flex items-center gap-4 mb-6"},K={class:"text-xl font-bold text-white"},L={class:"text-sm text-slate-400"},T={class:"text-slate-400 mb-8 leading-relaxed"},X={class:"bg-slate-950 rounded-xl border border-slate-800 p-4 mb-8 h-48 font-mono text-xs overflow-hidden relative group-hover:border-blue-500/30 transition-colors"},Y={class:"flex items-center justify-between mb-3 border-b border-slate-800 pb-2"},F={class:"text-slate-500"},G={class:"text-blue-400"},J={class:"bg-slate-800 text-blue-400 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-slate-700"},Q=b({__name:"UsageModes",setup(W){const{t:i}=c(),u=v(),{siteHostname:g}=f().public,d=x(!1),n=x(null);function p(){window.open("https://docs.wisgate.ai","_blank")}return h(()=>{const a=new IntersectionObserver(([s])=>{s?.isIntersecting&&(d.value=!0,a.disconnect())},{threshold:.1});n.value&&a.observe(n.value)}),(a,s)=>(_(),w("section",{class:"py-20 bg-slate-50 overflow-hidden",ref_key:"sectionRef",ref:n},[e("div",j,[e("div",{class:r(["text-center mb-16 transition-all duration-700 transform",{"opacity-100 translate-y-0":d.value,"opacity-0 translate-y-8":!d.value}])},[e("h2",k,o(t(i)("site.usage_modes.title")),1),e("p",C,o(t(i)("site.usage_modes.subtitle")),1)],2),e("div",$,[e("div",{class:r(["bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-500 group",{"opacity-100 translate-x-0":d.value,"opacity-0 -translate-x-8":!d.value}]),style:{"transition-delay":"100ms"}},[e("div",B,[s[2]||(s[2]=e("div",{class:"w-12 h-12 rounded-xl bg-indigo-100 text-indigo-600 flex items-center justify-center text-2xl"},[e("i",{class:"pi pi-desktop"})],-1)),e("div",null,[e("h3",M,o(t(i)("site.usage_modes.studio.title")),1),e("p",V,o(t(i)("site.usage_modes.studio.subtitle")),1)])]),e("p",z,o(t(i)("site.usage_modes.studio.description")),1),e("div",E,[e("div",H,[e("div",I,[e("span",null,o(t(i)("site.usage_modes.studio.create")),1),s[3]||(s[3]=e("i",{class:"pi pi-sparkles text-[10px]"},null,-1))]),e("div",N,[e("div",R,[s[4]||(s[4]=e("i",{class:"pi pi-align-left text-indigo-500"},null,-1)),e("span",null,o(t(i)("site.usage_modes.studio.text")),1)]),e("div",S,[s[5]||(s[5]=e("i",{class:"pi pi-image text-purple-500"},null,-1)),e("span",null,o(t(i)("site.usage_modes.studio.image")),1)]),e("div",U,[s[6]||(s[6]=e("i",{class:"pi pi-video text-pink-500"},null,-1)),e("span",null,o(t(i)("site.usage_modes.studio.video")),1)])])]),e("div",q,[s[8]||(s[8]=y('<div class="flex gap-3 h-full"><div class="w-1/3 h-full bg-gradient-to-br from-indigo-50 to-purple-50 rounded-lg flex items-center justify-center"><i class="pi pi-image text-indigo-200 text-2xl"></i></div><div class="flex-1 space-y-2 py-1"><div class="h-2 bg-slate-100 rounded w-3/4"></div><div class="h-2 bg-slate-100 rounded w-full"></div><div class="h-2 bg-slate-100 rounded w-5/6"></div><div class="h-2 bg-slate-100 rounded w-2/3"></div></div></div>',1)),e("div",D,[e("span",O,o(t(i)("site.usage_modes.studio.placeholder")),1),s[7]||(s[7]=e("div",{class:"w-5 h-5 bg-indigo-600 rounded flex items-center justify-center"},[e("i",{class:"pi pi-arrow-up text-[8px] text-white"})],-1))])]),e("div",{onClick:s[0]||(s[0]=m=>a.$router.push(t(u)("/studio/image"))),class:"absolute inset-0 bg-indigo-900/5 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center z-10 cursor-pointer"},[e("span",P,o(t(i)("site.usage_modes.studio.preview")),1)])]),e("button",{onClick:s[1]||(s[1]=m=>a.$router.push(t(u)("/studio/image"))),class:"w-full py-3 rounded-xl border border-slate-200 text-slate-700 font-medium hover:bg-slate-50 hover:text-indigo-600 hover:border-indigo-200 transition-all flex items-center justify-center gap-2"},[e("span",null,o(t(i)("site.usage_modes.studio.try")),1),s[9]||(s[9]=e("i",{class:"pi pi-arrow-right text-xs"},null,-1))])],2),e("div",{class:r(["bg-slate-900 rounded-2xl p-8 border border-slate-800 shadow-sm hover:shadow-xl hover:shadow-indigo-900/20 transition-all duration-500 group",{"opacity-100 translate-x-0":d.value,"opacity-0 translate-x-8":!d.value}]),style:{"transition-delay":"200ms"}},[e("div",A,[s[10]||(s[10]=e("div",{class:"w-12 h-12 rounded-xl bg-blue-500/20 text-blue-400 flex items-center justify-center text-2xl"},[e("i",{class:"pi pi-code"})],-1)),e("div",null,[e("h3",K,o(t(i)("site.usage_modes.api.title")),1),e("p",L,o(t(i)("site.usage_modes.api.subtitle")),1)])]),e("p",T,o(t(i)("site.usage_modes.api.description")),1),e("div",X,[e("div",Y,[e("span",F,o(t(i)("site.usage_modes.api.curl_request")),1),s[11]||(s[11]=e("div",{class:"flex gap-1.5"},[e("div",{class:"w-2 h-2 rounded-full bg-slate-700"}),e("div",{class:"w-2 h-2 rounded-full bg-slate-700"})],-1))]),e("div",G,[s[12]||(s[12]=e("span",{class:"text-purple-400"},"curl",-1)),l(" https://"+o(t(g))+"/v1/chat/completions \\",1),s[13]||(s[13]=e("br",null,null,-1)),s[14]||(s[14]=l(" Â Â -H ",-1)),s[15]||(s[15]=e("span",{class:"text-green-400"},'"Authorization: Bearer $KEY"',-1)),s[16]||(s[16]=l(" \\",-1)),s[17]||(s[17]=e("br",null,null,-1)),s[18]||(s[18]=l(" Â Â -d ",-1)),s[19]||(s[19]=e("span",{class:"text-orange-400"},[l("'{"),e("br"),l(' Â Â Â Â "model": "gpt-5",'),e("br"),l(' Â Â Â Â "messages": [{"role": "user", "content": "Hello!"}]'),e("br"),l(" Â Â }'")],-1))]),e("div",{onClick:p,class:"cursor-pointer absolute inset-0 bg-blue-900/10 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"}
1,[e("span",J,o(t(i)("site.usage_modes.api.view_docs")),1)])]),e("button",{onClick:p,class:"w-full py-3 rounded-xl bg-blue-600 text-white font-medium hover:bg-blue-500 transition-all flex items-center justify-center gap-2 shadow-lg shadow-blue-900/20"},[e("span",null,o(t(i)("site.usage_modes.api.read_docs")),1),s[20]||(s[20]=e("i",{class:"pi pi-external-link text-xs"},null,-1))])],2)])])],512))}}),ee=Object.assign(Q,{__name:"UsageModes"});export{ee as default};
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.