zevairouter 1.0.124 → 1.0.125

package/cli/app/.next-cli-build/static/chunks/5950-482b14a8d993bcca.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5950],{55950:(e,t,r)=>{Promise.resolve().then(r.bind(r,88512))},88512:(e,t,r)=>{"use strict";r.d(t,{default:()=>k});var a=r(95155),s=r(12115),l=r(9233),n=r(91992),i=r(35497),o=r(28777),d=r(52679);let c="basic-chat.sessions",m="basic-chat.activeSessionId",u="basic-chat.activeProviderId",x="basic-chat.draft",p="basic-chat.temperature",h="basic-chat.systemPrompt",b=[],f=["Explain this project like I'm new","Write a concise PR description","Debug this error message","Summarize the key trade-offs"];function g(){return globalThis.crypto?.randomUUID?globalThis.crypto.randomUUID():`chat_${Date.now()}_${Math.random().toString(16).slice(2)}`}function y(e){if("string"==typeof e)return e;if(null==e)return"";if(Array.isArray(e))return e.map(y).filter(Boolean).join(" ");if("object"==typeof e){if("string"==typeof e.message)return e.message;if("string"==typeof e.error)return e.error;try{return JSON.stringify(e)}catch{}}return String(e)}function v(e=""){let t=y(e).replace(/\s+/g," ").trim();return t?t.length>52?`${t.slice(0,52).trimEnd()}…`:t:"New chat"}async function N(e){return await new Promise((t,r)=>{let a=new FileReader;a.onload=()=>t(String(a.result||"")),a.onerror=()=>r(a.error||Error("Failed to read file")),a.readAsDataURL(e)})}function j(e){let t=e?.provider||e?.id,r=t?d.Q2[t]:null;return r?.name||function(e=""){return String(e).replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()||"Unknown"}(t||"provider")}function w(e){return Array.from(e.values()).map(e=>({...e,models:(function(e){let t=new Map;for(let r of e)r?.id&&(t.has(r.id)||t.set(r.id,r));return Array.from(t.values())})(e.models).sort((e,t)=>e.name.localeCompare(t.name))})).filter(e=>e.models.length>0).sort((e,t)=>e.providerName.localeCompare(t.providerName))}async function S(e,t={},r=8e3){let a=new AbortController,s=setTimeout(()=>a.abort(),r);try{return await fetch(e,{...t,signal:a.signal})}finally{clearTimeout(s)}}async function I(e,t,r){if(!e.length)return[];let a=Array(e.length),s=0,l=Array.from({length:Math.min(t,e.length)},async()=>{for(;s<e.length;){let t=s;s+=1,a[t]=await r(e[t],t)}});return await Promise.all(l),a}function k(){let[e,t]=(0,s.useState)([]),[r,k]=(0,s.useState)(!0),[A,C]=(0,s.useState)(""),[T,$]=(0,s.useState)(()=>{try{let e=function(e,t){try{return JSON.parse(e)}catch{return t}}(globalThis.localStorage.getItem(c),[]);return Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]}catch{return[]}}),[E,M]=(0,s.useState)(()=>globalThis.localStorage.getItem(m)||""),[D,_]=(0,s.useState)(()=>globalThis.localStorage.getItem(u)||""),[O,R]=(0,s.useState)(""),[z,U]=(0,s.useState)(()=>globalThis.localStorage.getItem(x)||""),[L,P]=(0,s.useState)([]),[q,F]=(0,s.useState)(!1),[J,B]=(0,s.useState)(""),[H,W]=(0,s.useState)(""),[K,Y]=(0,s.useState)(!1),[G,Q]=(0,s.useState)(!1),[V,Z]=(0,s.useState)(""),[X,ee]=(0,s.useState)(!1),[et,er]=(0,s.useState)(!1),[ea,es]=(0,s.useState)(""),[el,en]=(0,s.useState)(()=>{let e=Number(globalThis.localStorage.getItem(p));return Number.isFinite(e)?Math.min(2,Math.max(0,e)):.7}),[ei,eo]=(0,s.useState)(()=>globalThis.localStorage.getItem(h)||""),ed=(0,s.useRef)(null),ec=(0,s.useRef)(null),em=(0,s.useRef)(!1),eu=(0,s.useRef)(null),ex=(0,s.useRef)(null),ep=(0,s.useRef)(null),eh=(0,s.useRef)(null),eb=(0,s.useRef)(null);(0,s.useEffect)(()=>{Y(!0)},[]),(0,s.useEffect)(()=>{let e=!1;return async function(){k(!0),C("");try{let r=await S("/api/providers",{cache:"no-store"},15e3),a=await r.json().catch(()=>({})),s=Array.isArray(a.connections)?a.connections.filter(e=>e?.isActive!==!1):[];if(0===s.length){e||(t([]),C("No providers connected yet."),k(!1));return}let l=new Map,n=[];for(let e of s){let t=e.provider||e.id,r=j(e),a=(0,d.mq)(t)?"openai-compatible":(0,d.gb)(t)?"anthropic-compatible":t;if(!l.has(t)){l.set(t,{providerId:t,providerName:r,providerType:a,connections:[],models:[]});let s=(0,o.KC)(t).map(t=>t?.id?{id:`${e.provider}/${t.id}`,requestModel:`${e.provider}/${t.id}`,name:t.name||t.id,providerId:e.provider,providerName:j(e),source:"static"}:null).filter(Boolean);l.get(t).models.push(...s),n.push(e)}let s=l.get(t);s.providerName=s.providerName||r,s.providerType=s.providerType||a,s.connections.push(e)}let i=w(l);e||(t(i),0===i.length?C("Loading live models…"):C(""),k(!1));let c=await I(n,6,async t=>{if(e)return{connection:t,models:[]};try{let e=await S(`/api/providers/${t.id}/models`,{cache:"no-store"},8e3),r=await e.json().catch(()=>({}));if(!e.ok)return{connection:t,models:[]};let a=(Array.isArray(r?.models)?r.models:Array.isArray(r?.data)?r.data:Array.isArray(r?.results)?r.results:Array.isArray(r)?r:[]).map(e=>(function(e,t){let r="string"==typeof e?e:e?.id||e?.name||e?.model||"";if(!r)return null;let a="string"==typeof e?e:e?.name||e?.displayName||r,s=r;return((0,d.mq)(t.provider)||(0,d.gb)(t.provider))&&!r.includes("/")&&(s=`${t.provider}/${r}`),{id:s,requestModel:s,name:a,providerId:t.provider,providerName:j(t),source:"live"}})(e,t)).filter(Boolean);return{connection:t,models:a}}catch{return{connection:t,models:[]}}});if(e)return;for(let e of c){let t=e.connection.provider||e.connection.id,r=l.get(t);r&&e.models?.length&&r.models.push(...e.models)}let m=w(l);e||(t(m),0===m.length?C("Providers connected but no models available."):C(""))}catch(r){e||(C(y(r?.message)||"Failed to load providers/models."),t([]),k(!1))}}(),()=>{e=!0}},[]),(0,s.useEffect)(()=>{let e=e=>{eu.current&&!eu.current.contains(e.target)&&Q(!1),ex.current&&!ex.current.contains(e.target)&&ee(!1),ep.current&&!ep.current.contains(e.target)&&er(!1)},t=e=>{"Escape"===e.key&&(Q(!1),Z(""),er(!1),ee(!1))};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[]),(0,s.useEffect)(()=>{try{globalThis.localStorage.setItem(p,String(el))}catch{}},[el]),(0,s.useEffect)(()=>{try{globalThis.localStorage.setItem(h,ei)}catch{}},[ei]);let ef=(0,s.useMemo)(()=>{let t=new Map;for(let r of e)for(let e of r.models)t.set(e.id,{...e,providerId:r.providerId,providerName:r.providerName});return t},[e]),eg=(0,s.useMemo)(()=>e.find(e=>e.providerId===D)||e[0]||null,[e,D]),ey=(0,s.useMemo)(()=>{if(O&&ef.has(O))return ef.get(O);if(E){let e=T.find(e=>e.id===E);if(e?.modelId&&ef.has(e.modelId))return ef.get(e.modelId)}return eg?.models?.[0]||null},[O,ef,eg,T,E]),ev=(0,s.useMemo)(()=>T.find(e=>e.id===E)||null,[T,E]),eN=ev?.messages||b,ej=(0,s.useMemo)(()=>[...T].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()),[T]),ew=!q&&!!ey&&(z.trim().length>0||L.length>0);(0,s.useEffect)(()=>{if(K)try{globalThis.localStorage.setItem(c,JSON.stringify(T)),globalThis.localStorage.setItem(m,E),globalThis.localStorage.setItem(u,D),globalThis.localStorage.setItem(x,z)}catch{}},[K,T,E,D,z]),(0,s.useEffect)(()=>{if(!K||r||em.current||0===e.length)return;let t=e.find(e=>e.providerId===D)||e[0],a=O&&ef.has(O)?ef.get(O):t.models[0];if(T.length>0){let e=T.find(e=>e.id===E)||T[0],r=e?.modelId&&ef.has(e.modelId)?ef.get(e.modelId):a;em.current=!0,M(e.id),_(r?.providerId||t.providerId),R(r?.id||a.id);return}let s={id:g(),title:"New chat",providerId:t.providerId,providerName:t.providerName,modelId:a.id,modelName:a.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]};em.current=!0,$([s]),M(s.id),_(t.providerId),R(a.id)},[K,r,e,ef,T,E,D,O]);let eS=(e,t)=>{$(r=>r.map(r=>r.id===e?t({...r,messages:Array.isArray(r.messages)?r.messages.map(e=>({...e})):[]}):r))},eI=e=>e?{id:g(),title:"New chat",providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]}:null,ek=()=>{if(!ey)return;let e=eI(ey);e&&($(t=>[e,...t]),M(e.id),_(e.providerId),R(e.modelId),U(""),P([]),B(""),W(""))},eA=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;let r=t.filter(e=>e.type.startsWith("image/"));if(0===r.length){e.target.value="";return}let a=await Promise.all(r.map(async e=>({id:g(),name:e.name,type:e.type,size:e.size,dataUrl:await N(e)})));P(e=>[...e,...a]),e.target.value=""},eC=(e,t)=>{let r=v(t);eS(e,e=>({...e,title:"New chat"===e.title?r:e.title,updatedAt:new Date().toISOString()}))};(0,s.useEffect)(()=>{let e;(e=eh.current)&&(e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,Math.round(.28*window.innerHeight))}px`)},[z]),(0,s.useEffect)(()=>{eb.current?.scrollIntoView({behavior:"smooth",block:"end"})},[eN,H,q]);let eT=async(e,t)=>{try{await navigator.clipboard.writeText(y(t)),es(e),setTimeout(()=>es(t=>t===e?"":t),1500)}catch{}},e$=async(e={})=>{let t=ey||eg?.models?.[0]||null;if(!t)return;let r=!0===e.regenerate,a=E,s=T.find(e=>e.id===a),l="string"==typeof e.userText?e.userText:z.trim(),n=Array.isArray(e.attachments)?e.attachments:L;if(r){if(!s)return;let e=[...s.messages||[]];for(;e.length&&e[e.length-1]?.role==="assistant";)e.pop();let t=[...e].reverse().find(e=>"user"===e.role);if(!t)return;l=y(t.content).trim(),n=Array.isArray(t.attachments)?t.attachments:[],s={...s,messages:e},$(e=>e.map(e=>e.id===a?s:e))}if(!l&&(!n||0===n.length))return;if(!s){if(!(s=eI(t)))return;a=s.id,$(e=>[s,...e]),M(a)}let i=r?null:{id:g(),role:"user",content:l,attachments:(n||[]).map(e=>({id:e.id,name:e.name,type:e.type,dataUrl:e.dataUrl})),createdAt:new Date().toISOString()},o=g(),d={id:o,role:"assistant",content:"",createdAt:new Date().toISOString(),status:"streaming"},c=[...r?[...s.messages||[]]:[...s.messages||[],i],d];$(e=>e.map(e=>e.id===a?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name,messages:c,updatedAt:new Date().toISOString(),title:"New chat"===e.title?v(l):e.title}:e)),!r&&(U(""),P([]),eh.current&&(eh.current.style.height="auto")),F(!0),B(o),W(""),ec.current?.abort(),ec.current=new AbortController;let m=c.filter(e=>"assistant"!==e.role||e.id!==o).map(e=>({role:e.role,content:"user"===e.role?function(e){let t=y(e.content).trim(),r=Array.isArray(e.attachments)?e.attachments:[];if(0===r.length)return t;let a=[];for(let e of(t&&a.push({type:"text",text:t}),r))e?.dataUrl&&a.push({type:"image_url",image_url:{url:e.dataUrl}});return a.length>0?a:t}(e):e.content})),u=ei.trim(),x=u?[{role:"system",content:u},...m]:m;try{let e=await fetch("/api/dashboard/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({model:t.requestModel||t.id,messages:x,stream:!0,temperature:el}),signal:ec.current.signal});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(y(t.error||t.message||`Request failed (${e.status})`))}let r=e.body?.getReader();if(!r){let t=await e.json().catch(()=>({})),r=y(t?.choices?.[0]?.message?.content||t?.output_text||t?.error||t?.message||"");eS(a,e=>({...e,messages:e.messages.map(e=>e.id===o?{...e,content:r,status:"done"}:e),updatedAt:new Date().toISOString()}));return}let s=new TextDecoder,n="",i="";for(;;){let{value:e,done:t}=await r.read();if(t)break;let l=(n+=s.decode(e,{stream:!0})).split(/\r?\n/);for(let e of(n=l.pop()||"",l)){let t=e.trim();if(!t.startsWith("data:"))continue;let r=t.slice(5).trim();if(r&&"[DONE]"!==r)try{let e=JSON.parse(r),t=function(e){if(!e||"object"!=typeof e)return"";let t=e.choices?.[0];return[(t?.delta||{}).content,t?.message?.content,e.output_text,e.text].map(y).filter(Boolean)[0]||""}(e);if(!t)continue;i+=t,W(i),eS(a,e=>({...e,messages:e.messages.map(e=>e.id===o?{...e,content:i,status:"streaming"}:e),updatedAt:new Date().toISOString()}))}catch{}}}eS(a,e=>({...e,messages:e.messages.map(e=>e.id===o?{...e,content:i||e.content,status:"done"}:e),updatedAt:new Date().toISOString()})),eC(a,l)}catch(e){if("AbortError"===e.name)eS(a,e=>({...e,messages:e.messages.map(e=>e.id===o?{...e,content:e.content||"Stopped",status:"stopped"}:e),updatedAt:new Date().toISOString()})),eC(a,l);else{let t=y(e?.message||e);eS(a,e=>({...e,messages:e.messages.map(e=>e.id===o?{...e,content:e.content||`Error: ${t}`,status:"error"}:e),updatedAt:new Date().toISOString()}))}}finally{F(!1),B(""),W(""),ec.current=null}},eE=ey?ey.name:"Select model",eM=ey?`${ey.providerName||""} \xb7 ${ey.requestModel||ey.id}`.replace(/^ · /,""):"Connected providers only",eD=(0,s.useMemo)(()=>{let t=V.trim().toLowerCase();return t?e.map(e=>{let r=(e.providerName||"").toLowerCase().includes(t)||(e.providerId||"").toLowerCase().includes(t)?e.models:e.models.filter(e=>`${e.name||""} ${e.requestModel||""} ${e.id||""}`.toLowerCase().includes(t));return{...e,models:r}}).filter(e=>e.models.length>0):e},[e,V]);return(0,a.jsxs)("div",{className:"relative flex h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-bg text-text-main",children:[(0,a.jsxs)("aside",{id:"playground-history",className:`${X?"flex":"hidden"} fixed inset-y-0 left-0 z-30 w-[min(85vw,260px)] shrink-0 flex-col border-r border-border-subtle bg-surface/95 backdrop-blur-xl lg:static lg:z-auto lg:flex lg:w-[260px] lg:bg-surface/60`,children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 border-b border-border-subtle p-3",children:[(0,a.jsxs)("button",{type:"button",onClick:ek,disabled:!ey,className:"flex h-9 flex-1 items-center justify-center gap-2 rounded-[10px] bg-primary text-sm font-semibold text-white transition hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"New chat"]}),(0,a.jsx)("button",{type:"button",className:"flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted lg:hidden hover:bg-surface-2",onClick:()=>ee(!1),"aria-label":"Close history",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]}),(0,a.jsxs)("div",{ref:ex,className:"flex-1 overflow-y-auto p-2 custom-scrollbar",children:[(0,a.jsx)("p",{className:"px-2 py-2 text-[11px] font-semibold uppercase tracking-wider text-text-subtle",children:"Chats"}),0===ej.length?(0,a.jsx)("div",{className:"rounded-[10px] border border-dashed border-border px-3 py-6 text-center text-xs text-text-muted",children:"No conversations yet"}):(0,a.jsx)("div",{className:"space-y-0.5",children:ej.map(e=>{let t=e.id===E,r=[...e.messages||[]].reverse().find(e=>"user"===e.role)||e.messages?.[0];return(0,a.jsxs)("button",{type:"button",onClick:()=>{var t;let r;t=e.id,(r=T.find(e=>e.id===t))&&(M(t),_(r.providerId||D),R(r.modelId||O),ee(!1)),window.innerWidth<1024&&ee(!1)},className:`group flex w-full items-start gap-2 rounded-[10px] px-2.5 py-2.5 text-left transition ${t?"bg-primary/10 text-primary":"text-text-muted hover:bg-surface-2 hover:text-text-main"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined mt-0.5 text-[16px] opacity-70",children:"chat_bubble"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:"truncate text-[13px] font-medium leading-snug",children:e.title||"New chat"}),(0,a.jsxs)("p",{className:"mt-0.5 truncate text-[11px] opacity-60",children:[y(r?.content)||"Empty"," \xb7"," ",function(e){if(!e)return"Now";let t=new Date(e).getTime();if(Number.isNaN(t))return"Now";let r=Math.max(1,Math.round((Date.now()-t)/6e4));if(r<60)return`${r}m`;let a=Math.round(r/60);return a<24?`${a}h`:`${Math.round(a/24)}d`}(e.updatedAt)]})]})]},e.id)})})]}),(0,a.jsx)("div",{className:"border-t border-border-subtle p-3",children:(0,a.jsxs)("button",{type:"button",onClick:()=>{if(!E)return;let e=T.filter(e=>e.id!==E),t=e[0]||null;$(e),t?(M(t.id),_(t.providerId),R(t.modelId)):(M(""),_(""),R(""))},disabled:!E||0===T.length,className:"flex h-8 w-full items-center justify-center gap-1.5 rounded-[8px] text-xs font-medium text-text-muted transition hover:bg-surface-2 hover:text-danger disabled:opacity-40",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"delete"}),"Delete current chat"]})})]}),(0,a.jsxs)("div",{className:"relative flex min-w-0 flex-1 flex-col",children:[(0,a.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-2 border-b border-border-subtle px-3 py-2 lg:hidden",children:[(0,a.jsx)("button",{type:"button",onClick:()=>ee(!0),className:"flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2","aria-label":"Open chats","aria-expanded":X,"aria-controls":"playground-history",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"history"})}),(0,a.jsxs)("div",{className:"min-w-0 text-center",children:[(0,a.jsx)("p",{className:"truncate text-sm font-semibold",children:eE}),(0,a.jsx)("p",{className:"truncate text-[11px] text-text-subtle",children:eM})]}),(0,a.jsx)("button",{type:"button",onClick:ek,disabled:!ey,className:"flex size-11 items-center justify-center rounded-[10px] border border-border text-text-muted hover:bg-surface-2 disabled:opacity-40","aria-label":"New chat",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"edit_square"})})]}),A?(0,a.jsx)("div",{role:"alert",className:"mx-4 mt-3 rounded-[10px] border border-danger/25 bg-danger/10 px-3 py-2.5 text-sm text-danger",children:(0,a.jsxs)("div",{className:"flex items-start gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"error"}),(0,a.jsx)("p",{children:A})]})}):null,(0,a.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:0===eN.length?(0,a.jsxs)("div",{className:"flex min-h-full flex-col items-center justify-center px-6 pb-36 pt-10 text-center",children:[(0,a.jsx)("div",{className:"mb-4 flex size-12 items-center justify-center rounded-2xl border border-border bg-surface text-primary shadow-soft",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[26px]",children:"forum"})}),(0,a.jsx)("h2",{className:"text-[22px] font-semibold tracking-tight text-text-main",children:"How can I help?"}),(0,a.jsx)("p",{className:"mt-1.5 max-w-md text-[13px] leading-relaxed text-text-muted",children:"Pick a model below, then ask anything through your connected providers."}),(0,a.jsx)("div",{className:"mt-6 flex max-w-xl flex-wrap items-center justify-center gap-2",children:f.map(e=>(0,a.jsx)("button",{type:"button",disabled:!ey||r,onClick:()=>{U(e),requestAnimationFrame(()=>eh.current?.focus())},className:"rounded-full border border-border bg-surface px-3.5 py-2 text-left text-[12.5px] text-text-muted transition hover:border-primary/35 hover:bg-primary/5 hover:text-text-main disabled:opacity-40",children:e},e))}),r?(0,a.jsx)("p",{className:"mt-4 text-xs text-text-subtle",children:"Loading models…"}):null]}):(0,a.jsxs)("div",{className:"mx-auto w-full max-w-3xl px-4 py-6 lg:px-8",children:[eN.map((e,t)=>{let r="user"===e.role,s="assistant"===e.role,i=s&&e.id===J&&"streaming"===e.status,o=y(e.content)||(s?H:""),d="error"===e.status,c="stopped"===e.status,m=s&&t===eN.length-1&&"streaming"!==e.status;return(0,a.jsx)("div",{className:"group relative mb-1 border-b border-border-subtle/50 py-5 last:border-0",children:(0,a.jsxs)("div",{className:"flex gap-3.5",children:[(0,a.jsx)("div",{className:`flex size-7 shrink-0 items-center justify-center rounded-full text-[11px] font-bold ${r?"bg-primary text-white":"border border-border bg-surface-2 text-text-muted"}`,children:r?"Y":"AI"}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:"mb-1.5 text-[12px] font-semibold text-text-main",children:r?"You":ey?.name||"Assistant"}),e.attachments?.length?(0,a.jsx)("div",{className:"mb-3 grid max-w-md grid-cols-2 gap-2 sm:grid-cols-3",children:e.attachments.map(e=>(0,a.jsx)("a",{href:e.dataUrl,target:"_blank",rel:"noreferrer",className:"overflow-hidden rounded-lg border border-border",children:(0,a.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-24 w-full object-cover"})},e.id))}):null,s&&!d?(0,a.jsx)("div",{className:"playground-md text-[14.5px] leading-[1.7] text-text-main",dangerouslySetInnerHTML:{__html:function(e){let t=y(e);if(!t)return"";try{return n.A.sanitize(l.xI.parse(t))}catch{return t.replace(/</g,"&lt;").replace(/>/g,"&gt;")}}(o)||""}}):(0,a.jsx)("div",{className:`whitespace-pre-wrap break-words text-[14.5px] leading-[1.7] ${d?"text-danger":"text-text-main"}`,children:o}),s&&i?(0,a.jsx)("span",{className:"ml-0.5 inline-block animate-pulse text-primary",children:"▋"}):null,c?(0,a.jsx)("p",{className:"mt-2 text-xs text-text-muted",children:"Generation stopped"}):null,s&&o&&!i?(0,a.jsxs)("div",{className:"mt-2 flex items-center gap-1 opacity-100 transition sm:opacity-0 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>eT(e.id,o),className:"inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11px] font-medium text-text-muted hover:bg-surface-2 hover:text-text-main",title:"Copy",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ea===e.id?"check":"content_copy"}),ea===e.id?"Copied":"Copy"]}),m&&!q?(0,a.jsxs)("button",{type:"button",onClick:()=>e$({regenerate:!0}),className:"inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11px] font-medium text-text-muted hover:bg-surface-2 hover:text-text-main",title:"Regenerate",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"refresh"}),"Retry"]}):null]}):null]})]})},e.id)}),(0,a.jsx)("div",{ref:eb})]})}),(0,a.jsx)("div",{className:"shrink-0 border-t border-border-subtle bg-bg/90 backdrop-blur-xl",children:(0,a.jsxs)("div",{className:"mx-auto w-full max-w-3xl px-4 pb-4 pt-3 lg:px-6",children:[L.length>0?(0,a.jsx)("div",{className:"mb-2 flex flex-wrap gap-2",children:L.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-border bg-surface px-3 py-1.5",children:[(0,a.jsx)("span",{className:"max-w-[10rem] truncate text-xs text-text-muted",children:e.name}),(0,a.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void P(e=>e.filter(e=>e.id!==t))},className:"text-text-subtle hover:text-text-main","aria-label":"Remove attachment",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]},e.id))}):null,(0,a.jsxs)("div",{className:"rounded-2xl border border-border-subtle bg-surface-2/80 shadow-soft ring-1 ring-border-subtle focus-within:border-primary/50 focus-within:ring-primary/20 transition",children:[(0,a.jsx)("textarea",{ref:eh,"aria-label":"Message",value:z,onChange:e=>U(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),ew&&e$())},placeholder:ey?`Message ${ey.name}…`:"Select a model below to start chatting",rows:1,disabled:!ey||r,className:"max-h-[28vh] min-h-[52px] w-full resize-none overflow-y-auto bg-transparent px-4 pt-3.5 text-[15px] leading-6 text-text-main outline-none placeholder:text-text-subtle custom-scrollbar disabled:opacity-50"}),(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 px-2.5 pb-2.5 pt-1",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>ed.current?.click(),disabled:!ey||r,className:"inline-flex h-11 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-medium text-text-main transition hover:border-primary/40 hover:bg-primary/10 hover:text-primary disabled:cursor-not-allowed disabled:opacity-40",title:"Upload image",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add_photo_alternate"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Image"})]}),(0,a.jsx)("input",{ref:ed,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:eA}),(0,a.jsxs)("div",{ref:ep,className:"relative",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>er(e=>!e),className:`inline-flex h-11 items-center gap-1.5 rounded-full border px-3 text-[12px] font-medium transition ${et||ei.trim()||.7!==el?"border-primary/40 bg-primary/10 text-primary":"border-border bg-surface text-text-main hover:border-primary/40 hover:bg-primary/10 hover:text-primary"}`,title:"Chat settings","aria-label":"Chat settings","aria-expanded":et,"aria-controls":"playground-chat-settings",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"tune"}),(0,a.jsx)("span",{className:"hidden sm:inline tabular-nums",children:el.toFixed(1)})]}),et?(0,a.jsxs)("div",{id:"playground-chat-settings",className:"absolute bottom-[calc(100%+8px)] left-0 z-40 w-[min(320px,calc(100vw-2rem))] space-y-3 rounded-xl border border-border bg-surface p-3 shadow-elevated",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mb-1.5 flex items-center justify-between gap-2",children:[(0,a.jsx)("p",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-subtle",children:"Temperature"}),(0,a.jsx)("span",{className:"text-xs font-semibold tabular-nums text-text-main",children:el.toFixed(2)})]}),(0,a.jsx)("input",{type:"range",min:0,max:2,step:.05,value:el,onChange:e=>en(Number(e.target.value)),className:"w-full accent-[var(--color-primary,#E56A4A)]"}),(0,a.jsxs)("div",{className:"mt-1 flex justify-between text-[10px] text-text-subtle",children:[(0,a.jsx)("span",{children:"Precise"}),(0,a.jsx)("span",{children:"Creative"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-text-subtle",children:"System prompt"}),(0,a.jsx)("textarea",{value:ei,onChange:e=>eo(e.target.value),rows:4,placeholder:"Optional instructions for the model…",className:"w-full resize-y rounded-lg border border-border bg-bg px-2.5 py-2 text-[12.5px] leading-5 text-text-main outline-none placeholder:text-text-subtle focus:border-primary/40 custom-scrollbar"})]}),(0,a.jsx)("button",{type:"button",onClick:()=>{en(.7),eo("")},className:"text-[11px] font-medium text-text-muted hover:text-text-main",children:"Reset defaults"})]}):null]}),(0,a.jsxs)("div",{ref:eu,className:"relative min-w-0",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>{Q(e=>{let t=!e;return t||Z(""),t})},disabled:r||0===e.length,"aria-label":`Choose model, currently ${eE}`,"aria-haspopup":"listbox","aria-expanded":G,"aria-controls":"playground-model-menu",className:"inline-flex h-11 max-w-[min(100vw-12rem,260px)] items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-left transition hover:border-primary/40 hover:bg-surface-2 disabled:opacity-50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary shrink-0",children:"smart_toy"}),(0,a.jsx)("span",{className:"min-w-0 truncate text-[12.5px] font-semibold text-text-main",children:r?"Loading…":eE}),(0,a.jsx)("span",{className:"material-symbols-outlined shrink-0 text-[16px] text-text-muted",children:G?"expand_less":"expand_more"})]}),G?(0,a.jsxs)("div",{id:"playground-model-menu",role:"listbox","aria-label":"Models",className:"absolute bottom-[calc(100%+8px)] left-0 z-40 w-[min(420px,calc(100vw-2rem))] overflow-hidden rounded-xl border border-border bg-surface shadow-elevated",children:[(0,a.jsxs)("div",{className:"border-b border-border-subtle px-3 py-2.5 space-y-2",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-subtle",children:"Models"}),(0,a.jsxs)("p",{className:"text-xs text-text-muted",children:[e.length," providers \xb7 search by name"]})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("span",{className:"material-symbols-outlined pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-[16px] text-text-subtle",children:"search"}),(0,a.jsx)("input",{type:"search",value:V,onChange:e=>Z(e.target.value),placeholder:"Search models…",autoFocus:!0,className:"w-full rounded-lg border border-border bg-bg py-1.5 pl-8 pr-3 text-[16px] text-text-main outline-none placeholder:text-text-subtle focus:border-primary/40"})]})]}),(0,a.jsx)("div",{className:"max-h-[min(50vh,360px)] overflow-y-auto p-1.5 custom-scrollbar",children:0===eD.length?(0,a.jsxs)("p",{className:"px-3 py-6 text-center text-xs text-text-muted",children:["No models match “",V.trim(),"”"]}):eD.map(e=>(0,a.jsxs)("div",{className:"mb-1",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-2 py-1.5",children:[(0,a.jsx)("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-text-subtle",children:e.providerName}),(0,a.jsx)(i.Ex,{size:"sm",variant:"default",children:e.models.length})]}),(0,a.jsx)("div",{className:"space-y-0.5",children:e.models.map(e=>{let t=e.id===O;return(0,a.jsxs)("button",{type:"button",role:"option","aria-selected":t,onClick:()=>{(e=>{let t=ef.get(e);if(!t)return;let r=T.find(e=>e.id===E);if(r&&r.messages.length>0){let e=eI(t);if(!e)return;$(t=>[e,...t]),M(e.id)}else if(r)$(e=>e.map(e=>e.id===r.id?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name}:e)),M(r.id);else{let e=eI(t);if(!e)return;$(t=>[e,...t]),M(e.id)}_(t.providerId),R(t.id),Q(!1)})(e.id),Z("")},className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-2 text-left transition ${t?"bg-primary/10 text-primary":"text-text-muted hover:bg-surface-2 hover:text-text-main"}`,children:[(0,a.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,a.jsx)("span",{className:"block truncate text-[13px] font-medium",children:e.name}),(0,a.jsx)("span",{className:"block truncate text-[11px] opacity-60",children:e.requestModel})]}),t?(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"check"}):null]},e.id)})})]},e.providerId))})]}):null]})]}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[q?(0,a.jsxs)("button",{type:"button",onClick:()=>{ec.current?.abort()},className:"inline-flex h-11 items-center gap-1.5 rounded-full border border-border bg-surface px-3 text-[12px] font-semibold text-text-main transition hover:bg-surface-2",title:"Stop generating",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"stop_circle"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Stop"})]}):null,(0,a.jsxs)("button",{type:"button",onClick:e$,disabled:!ew,className:`inline-flex h-11 min-w-9 items-center justify-center gap-1.5 rounded-full px-3.5 text-[13px] font-semibold transition ${ew?"bg-primary text-white shadow-[0_2px_12px_rgba(229,106,74,0.45)] hover:bg-primary-hover active:scale-[0.97]":"bg-surface-3 text-text-subtle cursor-not-allowed opacity-70"}`,title:"Send message",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] font-bold",children:"send"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Send"})]})]})]})]}),(0,a.jsx)("p",{className:"mt-2 text-center text-[11px] text-text-subtle",children:"Routed through ZevaiRouter \xb7 Enter to send \xb7 Shift+Enter for new line"})]})})]}),X?(0,a.jsx)("button",{type:"button",className:"fixed inset-0 z-20 bg-black/40 lg:hidden","aria-label":"Close history",onClick:()=>ee(!1)}):null]})}l.xI.setOptions({gfm:!0,breaks:!0})}}]);