https://ulanelectronics.pl/_app/immutable/nodes/27.BpMu72w3.js

1import"../chunks/CWj6FrbW.js";import"../chunks/CN51-NxK.js";import{b as ye,g as we,o as Je,aT as R,j as e,c as l,r as o,k as $,aU as xe,i as v,t as y,v as me,x as d,s as C,l as E,a as f,p as $e,f as x,m as P,u as lt,w as nt,e as re,b6 as it,y as oe,n as Ne,A as Be}from"../chunks/Cq_rWCdd.js";import{i as le}from"../chunks/DlYoNXTi.js";import{e as We,i as Ye}from"../chunks/CIY3QYOg.js";import{a as q,h as dt,s as ct}from"../chunks/7egFszuo.js";import{b as be}from"../chunks/Bk7P8jfj.js";import{b as _e}from"../chunks/BMifpPng.js";import{i as ke}from"../chunks/8kT0SYrj.js";import{a as G,s as qe}from"../chunks/DYhThC2r.js";import{f as vt}from"../chunks/CxvPj3pb.js";import{t as he}from"../chunks/D9TDmrZ0.js";import"../chunks/D2NXIh8m.js";import{M as ut,a as gt,b as pt}from"../chunks/BKa0kgUV.js";import{b as ft,c as Re}from"../chunks/JK9Ct2DK.js";import{g as mt}from"../chunks/h2Rvv4mb.js";import{b as ht}from"../chunks/B3MYfAKp.js";import{u as xt,b as bt,c as _t,a as yt}from"../chunks/DhmcPlHV.js";import{f as Oe}from"../chunks/D1800iS2.js";import{c as wt}from"../chunks/CjEtNQ5v.js";import{n as $t}from"../chunks/Dgru7VC7.js";import{C as kt}from"../chunks/Ds_mm-o5.js";import{D as Mt}from"../chunks/BweMt6xk.js";import{p as ne}from"../chunks/DwH1BKTo.js";import{C as Ct}from"../chunks/DVC3-Tds.js";import{P as Dt}from"../chunks/BwfCUpy6.js";import{D as St}from"../chunks/D_lxlIc4.js";import{E as Pt}from"../chunks/CCCfg7Rb.js";var Et=x('<div class="flex gap-2 group"><div class="flex items-start pt-1"><div class="px-2 py-1 text-sm font-semibold uppercase min-w-[6rem] text-left rounded-lg transition"> </div></div> <div class="flex-1"><textarea class="w-full bg-transparent outline-hidden rounded-lg p-2 text-sm resize-none overflow-hidden" rows="1"></textarea></div> <div class=" pt-1"><button class=" group-hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-300 transition"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg></button></div></div>');function Ht(O,H){ye(H,!1);const a=()=>G(j,"$i18n",I),[I,K]=qe(),j=we("i18n");let b=ne(H,"message",12),z=ne(H,"idx",8),Q=ne(H,"onDelete",8),u=P();Je(()=>{R(u,e(u).style.height=""),R(u,e(u).style.height=e(u).scrollHeight+"px")}),ke();var V=Et(),m=l(V),F=l(m),L=l(F,!0);o(F),o(m);var M=$(m,2),D=l(M);xe(D),_e(D,g=>v(u,g),()=>e(u)),o(M);var S=$(M,2),_=l(S);o(S),o(V),y((g,A)=>{C(L,g),q(D,"id",`${me(b()),d(()=>b().role)??""}-${z()??""}-textarea`),q(D,"placeholder",A)},[()=>(a(),me(b()),d(()=>a().t(b().role))),()=>(a(),me(b()),d(()=>a().t("Enter {{role}} message here",{role:b().role==="user"?a().t("a user"):a().t("an assistant")})))]),E("input",D,g=>{R(u,e(u).style.height=""),R(u,e(u).style.height=e(u).scrollHeight+"px")}),E("focus",D,g=>{R(u,e(u).style.height=""),R(u,e(u).style.height=e(u).scrollHeight+"px")}),be(D,()=>b().content,g=>b(b().content=g,!0)),E("click",_,()=>{Q()()}),f(O,V),$e(),K()}var It=x('<div class="py-3 space-y-3"></div>');function Tt(O,H){ye(H,!1),we("i18n");let a=ne(H,"messages",28,()=>[]);ke();var I=It();We(I,5,a,Ye,(K,j,b)=>{Ht(K,{get message(){return e(j)},idx:b,onDelete:()=>{a(a().filter((z,Q)=>Q!==b))}})}),o(I),f(O,I),$e()}var Ut=x('<div class=" flex-1 text-gray-500 line-clamp-1"> </div>'),jt=x('<div class="flex gap-2 justify-between items-center"><div class=" shrink-0 font-medium ml-1.5"> </div> <!> <div class="shrink-0"><button class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"><!></button></div></div>'),zt=x('<div slot="content"><div class="pt-1 px-1.5"><textarea class="w-full h-full bg-transparent resize-none outline-hidden text-sm" rows="4"></textarea></div></div>'),At=x('<button class="p-1.5 text-sm font-medium bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400 transition rounded-lg"><!></button>'),Nt=x('<!> <div class="flex items-center"> </div>',1),Bt=x('<div class="flex items-center line-clamp-1"> </div>'),Rt=x('<div class="flex items-center line-clamp-1"> </div>'),Ot=x("<!> <!>",1),Jt=x("<!> <!>",1),Wt=x('<div slot="content"><!></div>'),Yt=x('<option class="bg-gray-50 dark:bg-gray-700"> </option>'),qt=x('<button class="px-3.5 py-1.5 text-sm font-medium disabled:bg-gray-50 dark:disabled:hover:bg-gray-850 disabled:cursor-not-allowed bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dar

1k:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg"> </button> <button class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-lg"> </button>',1),Ft=x('<button class="px-3 py-1.5 text-sm font-medium bg-gray-300 text-black transition rounded-lg"> </button>'),Lt=x('<div class=" flex flex-col justify-between w-full overflow-y-auto h-full"><div class="mx-auto w-full md:px-0 h-full relative"><div class=" flex flex-col h-full px-3.5"><div class="flex w-full items-center gap-1.5"><!> <!></div> <div class=" pb-2.5 flex flex-col justify-between w-full flex-auto overflow-auto h-0" id="messages-container"><div class=" h-full w-full flex flex-col"><div class="flex-1 p-1"><!></div></div></div> <div class="pb-3"><div class="border border-gray-100/30 dark:border-gray-850/30 w-full px-3 py-2.5 rounded-xl"><div class="py-0.5"><textarea class=" w-full h-full bg-transparent resize-none outline-hidden text-sm" rows="2"></textarea></div> <div class="flex justify-between flex-col sm:flex-row items-start sm:items-center gap-2 mt-2"><div class="shrink-0"><button type="button"><!></button></div> <div class="flex items-center justify-between gap-2 w-full sm:w-auto"><div class="flex-1"><select class=" bg-transparent border border-gray-100/30 dark:border-gray-850/30 rounded-lg py-1 px-2 -mx-0.5 text-sm outline-hidden w-full"></select></div> <div class="flex gap-2 shrink-0"><!></div></div></div></div></div></div></div></div>');function Zt(O,H){ye(H,!1);const a=()=>G(V,"$i18n",z),I=()=>G(yt,"$models",z),K=()=>G(xt,"$user",z),j=()=>G(bt,"$settings",z),b=()=>G(_t,"$config",z),[z,Q]=qe(),{saveAs:u}=vt,V=we("i18n");let m=P(""),F=P(!1),L=!1,M=P(),D=P(),S=P(!1),_=P(""),g=P("user"),A=P(""),c=P([]);const Me=()=>{const t=e(D);t&&(t.scrollTop=t==null?void 0:t.scrollHeight)},Fe=()=>{L=!0},Ce=async()=>{await oe(),e(M)&&(R(M,e(M).style.height=""),R(M,e(M).style.height=Math.min(e(M).scrollHeight,555)+"px"))},Le=async()=>{var h;if(e(m)===""){he.error(a().t("Please select a model."));return}const t=I().find(p=>p.id===e(m));if(!t){v(m,"");return}const[r,s]=await wt(localStorage.token,{model:t.id,stream:!0,messages:[e(_)?{role:"system",content:e(_)}:void 0,...e(c)].filter(p=>p)},`${ht}/api`);let n;((h=e(c).at(-1))==null?void 0:h.role)==="assistant"?n=e(c).at(-1):(n={role:"assistant",content:""},e(c).push(n),v(c,e(c))),await oe();const i=document.getElementById(`assistant-${e(c).length-1}-textarea`);if(r&&r.ok){const p=r.body.pipeThrough(new TextDecoderStream).pipeThrough($t(`
2`)).getReader();for(;;){const{value:k,done:J}=await p.read();if(J||L){L&&s.abort("User: Stop Response");break}try{let N=k.split(`
3`);for(const B of N)if(B!=="")if(B==="data: [DONE]")v(c,e(c));else{let T=JSON.parse(B.replace(/^data: /,""));if(n.content==""&&T.choices[0].delta.content==`
4`)continue;i.style.height=i.scrollHeight+"px",n.content+=T.choices[0].delta.content??"",v(c,e(c)),i.style.height=i.scrollHeight+"px",await oe()}}catch(N){}Me()}}},De=async()=>{e(A)&&(e(c).push({role:e(g),content:e(A)}),v(c,e(c)),v(A,""),await oe(),Me())},Ze=async()=>{e(m)&&(await De(),v(F,!0),await Le(),v(F,!1),L=!1)},Ge=()=>{const t=Math.floor(Date.now()/1e3),r={};let s=null,n=null;if(e(_)){const p=crypto.randomUUID();r[p]={id:p,parentId:null,childrenIds:[],role:"system",content:e(_),timestamp:t},n=p}for(const p of e(c)){const k=crypto.randomUUID();n&&r[n]&&r[n].childrenIds.push(k),r[k]={id:k,parentId:n,childrenIds:[],role:p.role,content:p.content,timestamp:t,...p.role==="assistant"&&e(m)?{model:e(m)}:{}},s=k,n=k}const i={chat:{title:"Playground Chat",models:[e(m)],params:e(_)?{system:e(_)}:{},history:{messages:r,currentId:s}},meta:{},pinned:!1,created_at:t,updated_at:t},h=new Blob([JSON.stringify([i],null,2)],{type:"application/json"});u(h,`playground-chat-${Date.now()}.json`),he.success(a().t("Chat exported successfully"))},Ke=()=>{let t="";e(_)&&(t+=`### SYSTEM
5${e(_)}
6
7`);for(const s of e(c))t+=`### ${s.role.toUpperCase()}
8${s.content}
9
10`;const r=new Blob([t.trim()],{type:"text/plain"});u(r,`playground-chat-${Date.now()}.txt`),he.success(a().t("Chat exported successfully"))};Je(async()=>{var t,r,s,n,i;((t=K())==null?void 0:t.role)!=="admin"&&await mt("/"),(r=j())!=null&&r.models?v(m,(s=j())==null?void 0:s.models[0]):(n=b())!=null&&n.default_models?v(m,(i=b())==null?void 0:i.default_models.split(",")[0]):v(m,"")}),lt(()=>e(S),()=>{e(S)&&Ce()}),nt(),ke();var ie=Lt(),Se=l(ie),Pe=l(Se),de=l(Pe),Ee=l(de);kt(Ee,{className:"w-full flex-1",buttonClassName:"w-full rounded-lg text-sm border border-gray-100/30 dark:border-gray-850/30 w-full py-1 px-1.5",grow:!0,get open(){return e(S)},set open(t){v(S,t)},children:(t,r)=>{var s=jt(),n=l(s),i=l(n,!0);o(n);var h=$(n,2);{var p=w=>

10{var U=Ut(),W=l(U,!0);o(U),y(()=>C(W,e(_))),f(w,U)};le(h,w=>{e(S),e(_),d(()=>!e(S)&&e(_).trim())&&w(p)})}var k=$(h,2),J=l(k),N=l(J);{var B=w=>{Ct(w,{className:"size-3.5"})},T=w=>{Dt(w,{className:"size-3.5"})};le(N,w=>{e(S)?w(B):w(T,!1)})}o(J),o(k),o(s),y(w=>C(i,w),[()=>(a(),d(()=>a().t("System Instructions")))]),f(t,s)},$$slots:{default:!0,content:(t,r)=>{var s=zt(),n=l(s),i=l(n);xe(i),_e(i,h=>v(M,h),()=>e(M)),o(n),o(s),y(h=>q(i,"placeholder",h),[()=>(a(),d(()=>a().t("You're a helpful assistant.")))]),be(i,()=>e(_),h=>v(_,h)),E("input",i,()=>{Ce()}),f(t,s)}},$$legacy:!0});var Qe=$(Ee,2);Mt(Qe,{children:(t,r)=>{var s=At(),n=l(s);Pt(n,{className:"size-4"}),o(s),y(i=>q(s,"aria-label",i),[()=>(a(),d(()=>a().t("More options")))]),f(t,s)},$$slots:{default:!0,content:(t,r)=>{var s=Wt(),n=l(s);ft(n,{class:"w-full max-w-[200px] rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg",sideOffset:8,side:"bottom",align:"end",get transition(){return Oe},children:(i,h)=>{ut(i,{children:(p,k)=>{var J=Jt(),N=re(J);gt(N,{class:"flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl select-none w-full",children:(T,w)=>{var U=Nt(),W=re(U);St(W,{strokeWidth:"1.5"});var ae=$(W,2),ee=l(ae,!0);o(ae),y(te=>C(ee,te),[()=>(a(),d(()=>a().t("Download")))]),f(T,U)},$$slots:{default:!0}});var B=$(N,2);pt(B,{class:"w-full rounded-2xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white border border-gray-100 dark:border-gray-800 shadow-lg max-h-52 overflow-y-auto scrollbar-hidden",get transition(){return Oe},sideOffset:8,children:(T,w)=>{var U=Ot(),W=re(U);{let ee=Ne(()=>(e(c),d(()=>e(c).length===0)));Re(W,{class:"flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl select-none w-full",get disabled(){return e(ee)},$$events:{click:()=>{Ge()}},children:(te,ot)=>{var Y=Bt(),pe=l(Y,!0);o(Y),y(fe=>C(pe,fe),[()=>(a(),d(()=>a().t("Export chat (.json)")))]),f(te,Y)},$$slots:{default:!0}})}var ae=$(W,2);{let ee=Ne(()=>(e(c),d(()=>e(c).length===0)));Re(ae,{class:"flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl select-none w-full",get disabled(){return e(ee)},$$events:{click:()=>{Ke()}},children:(te,ot)=>{var Y=Rt(),pe=l(Y,!0);o(Y),y(fe=>C(pe,fe),[()=>(a(),d(()=>a().t("Plain text (.txt)")))]),f(te,Y)},$$slots:{default:!0}})}f(T,U)},$$slots:{default:!0}}),f(p,J)},$$slots:{default:!0}})},$$slots:{default:!0}}),o(s),f(t,s)}}}),o(de);var se=$(de,2),He=l(se),Ie=l(He),Ve=l(Ie);Tt(Ve,{get messages(){return e(c)},set messages(t){v(c,t)},$$legacy:!0}),o(Ie),o(He),o(se),_e(se,t=>v(D,t),()=>e(D));var Te=$(se,2),Ue=l(Te),ce=l(Ue),X=l(ce);xe(X),o(ce);var je=$(ce,2),ve=l(je),Z=l(ve),Xe=l(Z);{var et=t=>{var r=Be();y(s=>C(r,s),[()=>(a(),d(()=>a().t("User")))]),f(t,r)},tt=t=>{var r=Be();y(s=>C(r,s),[()=>(a(),d(()=>a().t("Assistant")))]),f(t,r)};le(Xe,t=>{e(g)==="user"?t(et):t(tt,!1)})}o(Z),o(ve);var ze=$(ve,2),ue=l(ze),ge=l(ue);y(()=>{e(m),it(()=>{I()})}),We(ge,5,I,Ye,(t,r)=>{var s=Yt(),n=l(s,!0);o(s);var i={};y(()=>{C(n,(e(r),d(()=>e(r).name))),i!==(i=(e(r),d(()=>e(r).id)))&&(s.value=(s.__value=(e(r),d(()=>e(r).id)))??"")}),f(t,s)}),o(ge),o(ue);var Ae=$(ue,2),st=l(Ae);{var at=t=>{var r=qt(),s=re(r),n=l(s,!0);o(s);var i=$(s,2),h=l(i,!0);o(i),y((p,k)=>{s.disabled=e(A)==="",C(n,p),C(h,k)},[()=>(a(),d(()=>a().t("Add"))),()=>(a(),d(()=>a().t("Run")))]),E("click",s,()=>{De(),v(g,e(g)==="user"?"assistant":"user")}),E("click",i,()=>{Ze()}),f(t,r)},rt=t=>{var r=Ft(),s=l(r,!0);o(r),y(n=>C(s,n),[()=>(a(),d(()=>a().t("Cancel")))]),E("click",r,()=>{Fe()}),f(t,r)};le(st,t=>{e(F)?t(rt,!1):t(at)})}o(Ae),o(ze),o(je),o(Ue),o(Te),o(Pe),o(Se),o(ie),y((t,r)=>{q(X,"placeholder",t),ct(Z,1,`px-3.5 py-1.5 text-sm font-medium bg-gray-50 hover:bg-gray-100 text-gray-900 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-gray-200 transition rounded-lg shrink-0 ${j(),d(()=>{var s;return((s=j())==null?void 0:s.highContrastMode)??!1?"":"outline-hidden"})??""}`),q(Z,"aria-pressed",e(g)==="assistant"),q(Z,"aria-label",r)},[()=>(a(),e(g),d(()=>a().t("Enter {{role}} message here",{role:e(g)==="user"?a().t("a user"):a().t("an assistant")}))),()=>(a(),e(g),d(()=>a().t(e(g)==="user"?"Switch to Assistant role":"Switch to User role")))]),be(X,()=>e(A),t=>v(A,t)),E("input",X,t=>{t.target.style.height="",t.target.style.height=Math.min(t.target.scrollHeight,150)+"px"}),E("focus",X,t=>{t.target.style.height="",t.target.style.height=Math.min(t.target.scrollHeight,150)+"px"}),E("click",Z,()=>{v(g,e(g)==="user"?"assistant":"user")}),dt(ge,()=>e(m),t=>v(m,t)),f(O,ie),$e(),Q()}function $s(O){Zt(O,{})}export{$s as component};
11//# sourceMappingURL=27.BpMu72w3.js.map