@rabbi696/ezrouter 0.6.6 → 0.6.7

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/media-providers/[kind]/[id]/{page-90a4f789d907db25.js → page-8236097df15d7be9.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[182],{1389:(e,t,a)=>{Promise.resolve().then(a.bind(a,13663))},13663:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>en});var s=a(95155),r=a(73321),n=a(98500),l=a.n(n),i=a(12115),o=a(35497),d=a(57250),c=a(88105),m=a(70217);[{voice_id:"9BWtsMINqrJLrRacOk9x",name:"Aria",free:!1,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"CwhRBWXzGAHq8TQ4Fs17",name:"Roger",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"EXAVITQu4vr4xnSDxMaL",name:"Sarah",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"FGY2WhTYpPnrIDTdsKH5",name:"Laura",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"IKne3meq5aSn9XLyUdCD",name:"Charlie",free:!0,labels:{gender:"male",accent:"australian",language:"en"}},{voice_id:"JBFqnCBsd6RMkjVDRZzb",name:"George",free:!0,labels:{gender:"male",accent:"british",language:"en"}},{voice_id:"N2lVS1w4EtoT3dr4eOWO",name:"Callum",free:!0,labels:{gender:"male",accent:"transatlantic",language:"en"}},{voice_id:"SAz9YHcvj6GT2YYXdXww",name:"River",free:!0,labels:{gender:"neutral",accent:"american",language:"en"}},{voice_id:"TX3LPaxmHKxFdv7VOQHJ",name:"Liam",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"XB0fDUnXU5powFXDhCwa",name:"Charlotte",free:!1,labels:{gender:"female",accent:"swedish",language:"en"}},{voice_id:"Xb7hH8MSUJpSbSDYk0k2",name:"Alice",free:!0,labels:{gender:"female",accent:"british",language:"en"}},{voice_id:"XrExE9yKIg1WjnnlVkGX",name:"Matilda",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"bIHbv24MWmeRgasZH58o",name:"Will",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"cgSgspJ2msm6clMCkdW9",name:"Jessica",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"cjVigY5qzO86Huf0OWal",name:"Eric",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"iP95p4xoKVk53GoZ742B",name:"Chris",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"nPczCjzI2devNBz1zQrb",name:"Brian",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"onwK4e9ZLuTAKqWW03F9",name:"Daniel",free:!0,labels:{gender:"male",accent:"british",language:"en"}},{voice_id:"pFZP5JQG7iQjIQuC4Bku",name:"Lily",free:!0,labels:{gender:"female",accent:"british",language:"en"}},{voice_id:"pqHfZKP75CvOlQylNhV4",name:"Bill",free:!0,labels:{gender:"male",accent:"american",language:"en"}}].map(e=>({...e,category:"premade",lang:e.labels.language,free_users_allowed:e.free}));let u="tts-generated",p={"google-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"hardcoded"},openai:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openai-tts-models",voiceKey:"openai-tts-voices",voicesPerModel:!0},openrouter:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openrouter-tts-models",voiceKey:"openrouter-tts-voices",voicesPerModel:!0},elevenlabs:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"elevenlabs-tts-models",apiEndpoint:"/api/media-providers/tts/elevenlabs/voices",defaultVoiceId:"pNInz6obpgDQGcFmaJgB"},"edge-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},"local-device":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},nvidia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},hyperbolic:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},deepgram:{hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/deepgram/voices"},huggingface:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},cartesia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},playht:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},coqui:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},tortoise:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},inworld:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"inworld-tts-models",apiEndpoint:"/api/media-providers/tts/inworld/voices"},qwen:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},minimax:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/minimax/voices",defaultVoiceId:"English_expressive_narrator"},"minimax-cn":{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/minimax/voices?provider=minimax-cn",defaultVoiceId:"English_expressive_narrator"},gemini:{hasLanguageDropdown:!1,hasLanguageHint:!0,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"gemini-tts-models",voiceKey:"gemini-tts-voices",voicesPerModel:!0},"xiaomi-mimo":{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!1,hasStyleInput:!0,hasLanguageHint:!0,languageOptions:["Chinese","English"],voiceSource:"hardcoded",modelKey:"xiaomi-mimo-tts-models",voicesPerModel:!0}};var x=a(14051),h=a.n(x),g=a(78177);function b({until:e}){let[t,a]=(0,i.useState)("");return((0,i.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void a("");let s=Math.floor(t/1e3);s<60?a(`${s}s`):s<3600?a(`${Math.floor(s/60)}m ${s%60}s`):a(`${Math.floor(s/3600)}h ${Math.floor(s%3600/60)}m`)};t();let s=setInterval(t,1e3);return()=>clearInterval(s)},[e]),t)?(0,s.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}b.propTypes={until:h().string.isRequired};let f=e=>Number(e||0).toLocaleString();function y({connection:e,proxyPools:t,isOAuth:a,isFirst:r,isLast:n,onMoveUp:l,onMoveDown:d,onToggleActive:p,onUpdateProxy:x,onEdit:h,onDelete:v,onClearError:j}){let[w,N]=(0,i.useState)(!1),[k,S]=(0,i.useState)(!1),[C,$]=(0,i.useState)(!1),[A,E]=(0,i.useState)(null),[P,_]=(0,i.useState)(!1),I=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=()=>_(!!e.lastError&&!1!==e.isActive&&!!e.lastErrorAt&&Date.now()-new Date(e.lastErrorAt).getTime()<6e5);if(t(),!e.lastError||!e.lastErrorAt)return;let a=6e5-(Date.now()-new Date(e.lastErrorAt).getTime());if(a<=0)return;let s=setTimeout(t,a);return()=>clearTimeout(s)},[e.lastError,e.lastErrorAt,e.isActive]),(0,i.useEffect)(()=>{if(a||!1===e.isActive||!c.jO.includes(e.provider))return;let t=!1,s=null,r=0,n=()=>{document.hidden||(r=Date.now(),fetch(`/api/usage/${e.id}`).then(e=>e.ok?e.json():null).then(e=>{if(t||!e?.quotas)return;let a=Object.entries(e.quotas)[0];a&&E({label:a[1]?.displayName||a[0],...a[1]})}).catch(()=>{}))};n();let l=()=>{!document.hidden&&Date.now()-r>6e4&&n()},i=t=>{t?.detail?.provider&&t.detail.provider!==e.provider||(clearTimeout(s),s=setTimeout(n,1500))};return document.addEventListener("visibilitychange",l),window.addEventListener(u,i),()=>{t=!0,clearTimeout(s),document.removeEventListener("visibilitychange",l),window.removeEventListener(u,i)}},[e.id,e.provider,a,e.isActive]);let T=new Map((t||[]).map(e=>[e.id,e])),R=e.providerSpecificData?.proxyPoolId||null,L=R?T.get(R):null,O=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,M=!!R||O,D=L?`Pool: ${L.name}`:R?`Pool: ${R} (inactive/missing)`:O?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",B="",U=L?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(U)try{let e=new URL(U);B=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{B=U}let K=L?.noProxy||e.providerSpecificData?.connectionNoProxy||"",F=L?.isActive===!0?"success":R||O?"error":"default",q=Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(Boolean).sort()[0]||null;(0,i.useEffect)(()=>{let t=()=>{$(!!Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>e&&new Date(e).getTime()>Date.now()).sort()[0])};t();let a=q?setInterval(t,1e3):null;return()=>{a&&clearInterval(a)}},[q]),(0,i.useEffect)(()=>{if(!w)return;let e=e=>{I.current&&!I.current.contains(e.target)&&N(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[w]);let z="unavailable"!==e.testStatus||C?e.testStatus:"active",V=(0,g.XD)(e),H=a?e.name||e.email||e.displayName||"OAuth Account":e.name,J=async e=>{S(!0);try{await x("__none__"===e?null:e)}finally{S(!1),N(!1)}};return(0,s.jsxs)("div",{className:`group flex flex-col gap-3 p-2 rounded-lg sm:flex-row sm:items-center sm:justify-between hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors ${!1===e.isActive?"opacity-60":""}`,children:[(0,s.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("button",{onClick:l,disabled:r,className:`p-0.5 rounded ${r?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,s.jsx)("button",{onClick:d,disabled:n,className:`p-0.5 rounded ${n?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,s.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:a?"lock":"key"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium truncate",children:H}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,s.jsx)(o.Ex,{variant:(0,m.g)(e.isActive,z),size:"sm",dot:!0,children:!1===e.isActive?"disabled":z||"Unknown"}),M&&(0,s.jsx)(o.Ex,{variant:F,size:"sm",children:"Proxy"}),C&&!1!==e.isActive&&(0,s.jsx)(b,{until:q}),V.paused&&!1!==e.isActive&&(0,s.jsx)(o.Ex,{variant:"warning",size:"sm",children:"Paused (quota)"}),P&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 max-w-[320px]",children:[(0,s.jsx)("span",{className:"text-xs text-red-500 truncate",title:e.lastError,children:e.lastError}),(0,s.jsx)("button",{type:"button",onClick:j,title:"Dismiss this error",className:"shrink-0 text-red-400 hover:text-red-600 transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),A&&(0,s.jsxs)("div",{className:"mt-1.5 flex items-center gap-2",title:A.resetAt?`Reset: ${new Date(A.resetAt).toLocaleString()}`:void 0,children:[!A.unlimited&&A.total>0&&(0,s.jsx)("div",{className:"h-1.5 w-24 rounded-full bg-black/10 dark:bg-white/10 overflow-hidden shrink-0",children:(0,s.jsx)("div",{className:`h-full ${A.remainingPercentage<=10?"bg-red-500":A.remainingPercentage<=30?"bg-amber-500":"bg-primary"}`,style:{width:`${A.remainingPercentage}%`}})}),(0,s.jsxs)("span",{className:"text-[11px] text-text-muted",children:[A.unlimited?"Credits: Unlimited":(0,s.jsxs)(s.Fragment,{children:[f(A.remaining)," / ",f(A.total)," ","credits left"]}),A.resetAt&&(0,s.jsxs)("span",{className:"text-text-muted/70",children:[" \xb7 ","resets"," ",new Date(A.resetAt).toLocaleDateString()]})]})]}),M&&(0,s.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:D,children:D}),B&&(0,s.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:B}),K&&(0,s.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:K,children:["no_proxy: ",K]})]})]})]}),(0,s.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,s.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,s.jsxs)("div",{className:"relative",ref:I,children:[(0,s.jsxs)("button",{onClick:()=>N(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${M?"text-primary":"text-text-muted hover:text-primary"}`,disabled:k,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:k?"progress_activity":"lan"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),w&&(0,s.jsxs)("div",{className:"absolute right-0 top-full mt-1 z-50 bg-bg border border-border rounded-lg shadow-lg py-1 min-w-[160px]",children:[(0,s.jsx)("button",{onClick:()=>J("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!R?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,s.jsx)("button",{onClick:()=>J(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${R===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,s.jsxs)("button",{onClick:h,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,s.jsxs)("button",{onClick:v,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,s.jsx)(o.lM,{size:"sm",checked:e.isActive??!0,onChange:p,title:e.isActive??!0?"Disable":"Enable"})]})]})}function v({isOpen:e,provider:t,providerName:a,proxyPools:r,onSave:n,onClose:l}){let d="__none__",[c,m]=(0,i.useState)({name:"",apiKey:"",priority:1,proxyPoolId:d}),[u,p]=(0,i.useState)(!1),[x,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(!1),f=async()=>{p(!0);try{let e=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})}),a=await e.json();h(a.valid?"success":"failed")}catch{h("failed")}finally{p(!1)}},y=async()=>{if(t&&c.apiKey){b(!0);try{let e=!1;try{p(!0),h(null);let a=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await a.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{p(!1)}await n({name:c.name,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===d?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{b(!1)}}};return t?(0,s.jsx)(o.aF,{isOpen:e,title:`Add ${a||t} API Key`,onClose:l,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,s.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.name,onChange:e=>m({...c,name:e.target.value}),placeholder:"Production Key"})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,s.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>m({...c,apiKey:e.target.value})})]}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(o.$n,{onClick:f,disabled:!c.apiKey||u||g,variant:"secondary",children:u?"Checking...":"Check"})})]}),x&&(0,s.jsx)(o.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,s.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.priority,onChange:e=>m({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,s.jsx)(o.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>m({...c,proxyPoolId:e.target.value}),options:[{value:d,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(o.$n,{onClick:y,fullWidth:!0,disabled:!c.name||!c.apiKey||g,children:g?"Saving...":"Save"}),(0,s.jsx)(o.$n,{onClick:l,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function j({providerId:e,isOAuth:t}){let[a,r]=(0,i.useState)([]),[n,l]=(0,i.useState)([]),[d,c]=(0,i.useState)(!0),[m,u]=(0,i.useState)(!1),[p,x]=(0,i.useState)(!1),[h,g]=(0,i.useState)(null),[b,f]=(0,i.useState)(null),[w,N]=(0,i.useState)("1"),[k,S]=(0,i.useState)(null),C=(0,i.useCallback)(async()=>{try{let[t,a,s]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),n=await t.json(),i=await a.json(),o=s.ok?await s.json():{};t.ok&&r((n.connections||[]).filter(t=>t.provider===e)),a.ok&&l(i.proxyPools||[]);let d=(o.providerStrategies||{})[e]||{};f(d.fallbackStrategy||null),N(null!=d.stickyRoundRobinLimit?String(d.stickyRoundRobinLimit):"1")}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{c(!1)}},[e]);(0,i.useEffect)(()=>{C()},[C]);let $=async(t,a)=>{try{let s=await fetch("/api/settings",{cache:"no-store"}),r=(s.ok?await s.json():{}).providerStrategies||{},n={};t&&(n.fallbackStrategy=t),"round-robin"===t&&""!==a&&(n.stickyRoundRobinLimit=Number(a)||3);let l={...r};0===Object.keys(n).length?delete l[e]:l[e]=n,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:l})})}catch(e){console.log("saveStrategy error:",e)}},A=async(e,t)=>{let s=[...a];[s[e],s[t]]=[s[t],s[e]],r(s);try{await Promise.all([fetch(`/api/providers/${s[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${s[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await C()}},E=async e=>{S({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{S(null);try{(await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok&&r(t=>t.filter(t=>t.id!==e))}catch(e){console.log("delete error:",e)}}})},P=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&r(a=>a.map(a=>a.id===e?{...a,isActive:t}:a))}catch(e){console.log("toggle error:",e)}},_=async e=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({lastError:null,lastErrorAt:null})})).ok&&r(t=>t.map(t=>t.id===e?{...t,lastError:null,lastErrorAt:null}:t))}catch(e){console.log("clear error:",e)}},I=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&r(a=>a.map(a=>a.id===e?{...a,providerSpecificData:{...a.providerSpecificData,proxyPoolId:t||null}}:a))}catch(e){console.log("proxy error:",e)}},T=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await C(),u(!1))}catch(e){console.log("save apikey error:",e)}},R=async e=>{try{(await fetch(`/api/providers/${h.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await C(),x(!1))}catch(e){console.log("update connection error:",e)}};return d?(0,s.jsx)(o.Zp,{children:(0,s.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:"Connections"}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,s.jsx)(o.lM,{checked:"round-robin"===b,onChange:e=>{let t=e?"round-robin":null;f(t),e&&!w&&N("1"),$(t,e?w||"1":w)}}),"round-robin"===b&&(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"Sticky:"}),(0,s.jsx)("input",{type:"number",min:1,value:w,onChange:e=>{N(e.target.value),$("round-robin",e.target.value)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]}),0===a.length?(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,s.jsx)(o.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add Connection"})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03] max-h-[500px] overflow-y-auto pr-1",children:a.map((e,r)=>(0,s.jsx)(y,{connection:e,proxyPools:n,isOAuth:t,isFirst:0===r,isLast:r===a.length-1,onMoveUp:()=>A(r,r-1),onMoveDown:()=>A(r,r+1),onToggleActive:t=>P(e.id,t),onUpdateProxy:t=>I(e.id,t),onEdit:()=>{g(e),x(!0)},onDelete:()=>E(e.id),onClearError:()=>_(e.id)},e.id))}),(0,s.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,s.jsx)(o.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add"})})]})]}),(0,s.jsx)(v,{isOpen:m,provider:e,proxyPools:n,onSave:T,onClose:()=>u(!1)}),(0,s.jsx)(o.wI,{isOpen:p,connection:h,proxyPools:n,onSave:R,onClose:()=>x(!1)}),(0,s.jsx)(o.uo,{isOpen:!!k,onClose:()=>S(null),onConfirm:k?.onConfirm,title:k?.title||"Confirm",message:k?.message,variant:"danger"})]})}y.propTypes={connection:h().shape({id:h().string,name:h().string,email:h().string,displayName:h().string,testStatus:h().string,isActive:h().bool,lastError:h().string,priority:h().number}).isRequired,proxyPools:h().array,isOAuth:h().bool.isRequired,isFirst:h().bool.isRequired,isLast:h().bool.isRequired,onMoveUp:h().func.isRequired,onMoveDown:h().func.isRequired,onToggleActive:h().func.isRequired,onUpdateProxy:h().func,onEdit:h().func.isRequired,onDelete:h().func.isRequired,onClearError:h().func},v.propTypes={isOpen:h().bool.isRequired,provider:h().string,providerName:h().string,proxyPools:h().array,onSave:h().func.isRequired,onClose:h().func.isRequired},j.propTypes={providerId:h().string.isRequired,isOAuth:h().bool};var w=a(28777),N=a(11059);function k({model:e,fullModel:t,copied:a,onCopy:r,testStatus:n,isCustom:l,isFree:i,onDeleteAlias:o,onTest:d,isTesting:c}){let m="ok"===n?"#22c55e":"error"===n?"#ef4444":void 0;return(0,s.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===n?"border-green-500/40":"error"===n?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-base",style:m?{color:m}:void 0,children:"ok"===n?"check_circle":"error"===n?"cancel":"smart_toy"}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:t}),e.name&&(0,s.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),d&&(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:d,disabled:c,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${c?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",style:c?{animation:"spin 1s linear infinite"}:void 0,children:c?"progress_activity":"science"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:c?"Testing...":"Test"})]}),(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:()=>r(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:a===`model-${e.id}`?"check":"content_copy"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:a===`model-${e.id}`?"Copied!":"Copy"})]}),i&&(0,s.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),l&&(0,s.jsx)("button",{onClick:o,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity ml-auto",title:"Remove custom model",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function S({isOpen:e,onSave:t,onClose:a}){let[r,n]=(0,i.useState)(""),l=()=>{r.trim()&&(t(r.trim()),n(""))};return(0,s.jsx)(o.aF,{isOpen:e,title:"Add Custom Model",onClose:a,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,s.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:r,onChange:e=>n(e.target.value),onKeyDown:e=>"Enter"===e.key&&l(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(o.$n,{onClick:l,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,s.jsx)(o.$n,{onClick:a,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function C({providerId:e,kindFilter:t,providerAliasOverride:a}){let{copied:r,copy:n}=(0,N.C)(),[l,d]=(0,i.useState)({}),[m,u]=(0,i.useState)([]),[p,x]=(0,i.useState)({}),[h,g]=(0,i.useState)(null),[b,f]=(0,i.useState)(""),[y,v]=(0,i.useState)(!1),j=a||(0,c.wG)(e),$=t||"llm",A=(0,i.useCallback)(async()=>{try{let[e,t]=await Promise.all([fetch("/api/models/alias"),fetch("/api/models/custom",{cache:"no-store"})]),a=await e.json(),s=await t.json();e.ok&&d(a.aliases||{}),t.ok&&u(s.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[]);(0,i.useEffect)(()=>{A()},[A]);let E=async(e,t)=>{let a=`${j}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:a,alias:t})})).ok&&await A()}catch(e){console.log("set alias error:",e)}},P=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await A()}catch(e){console.log("delete alias error:",e)}},_=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:j,id:e,type:$})})).ok&&(await A(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},I=async e=>{try{let t=new URLSearchParams({providerAlias:j,id:e,type:$});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await A(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},T=async e=>{if(!h){g(e);try{let a=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${j}/${e}`,kind:t})}),s=await a.json();x(t=>({...t,[e]:s.ok?"ok":"error"})),f(s.ok?"":s.error||"Model not reachable")}catch{x(t=>({...t,[e]:"error"})),f("Network error")}finally{g(null)}}},R=(0,w.KC)(e),L=t?R.filter(e=>e.kinds?e.kinds.includes(t):(0,w.CP)(e,"llm")===t):R,O=m.filter(e=>e.providerAlias===j&&(0,w.CP)(e,"llm")===$&&!L.some(t=>t.id===e.id));return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,s.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),b&&(0,s.jsx)("p",{className:"text-xs text-red-500 mb-3 break-words",children:b}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-3",children:[L.map(e=>{let t=`${j}/${e.id}`,a=Object.entries(l).find(([,e])=>e===t)?.[0];return(0,s.jsx)(k,{model:e,fullModel:`${j}/${e.id}`,alias:a,copied:r,onCopy:n,onSetAlias:t=>E(e.id,t),onDeleteAlias:()=>P(a),testStatus:p[e.id],onTest:()=>T(e.id),isTesting:h===e.id,isFree:e.isFree},e.id)}),O.map(e=>(0,s.jsx)(k,{model:{id:e.id,name:e.name},fullModel:`${j}/${e.id}`,copied:r,onCopy:n,onSetAlias:()=>{},onDeleteAlias:()=>I(e.id),testStatus:p[e.id],onTest:()=>T(e.id),isTesting:h===e.id,isCustom:!0},`${e.id}-${e.type}`)),(0,s.jsxs)("button",{onClick:()=>v(!0),className:"flex items-center gap-1.5 px-3 py-2 rounded-lg border border-dashed border-black/15 dark:border-white/15 text-xs text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,s.jsx)(S,{isOpen:y,onSave:async e=>{await _(e),v(!1)},onClose:()=>v(!1)})]})}function $({label:e,children:t}){return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,s.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,s.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}k.propTypes={model:h().shape({id:h().string.isRequired}).isRequired,fullModel:h().string.isRequired,copied:h().string,onCopy:h().func.isRequired,testStatus:h().oneOf(["ok","error"]),isCustom:h().bool,isFree:h().bool,onDeleteAlias:h().func,onTest:h().func,isTesting:h().bool},S.propTypes={isOpen:h().bool.isRequired,onSave:h().func.isRequired,onClose:h().func.isRequired},C.propTypes={providerId:h().string.isRequired,kindFilter:h().string,providerAliasOverride:h().string};let A={webSearch:{inputLabel:"Query",inputPlaceholder:"What is the latest news about AI?",defaultInput:"What is the latest news about AI?",bodyKey:"query",defaultResponse:`{
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[182],{1389:(e,t,a)=>{Promise.resolve().then(a.bind(a,13663))},13663:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>el});var s=a(95155),r=a(73321),n=a(98500),l=a.n(n),i=a(12115),o=a(35497),d=a(57250),c=a(88105),m=a(70217);[{voice_id:"9BWtsMINqrJLrRacOk9x",name:"Aria",free:!1,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"CwhRBWXzGAHq8TQ4Fs17",name:"Roger",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"EXAVITQu4vr4xnSDxMaL",name:"Sarah",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"FGY2WhTYpPnrIDTdsKH5",name:"Laura",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"IKne3meq5aSn9XLyUdCD",name:"Charlie",free:!0,labels:{gender:"male",accent:"australian",language:"en"}},{voice_id:"JBFqnCBsd6RMkjVDRZzb",name:"George",free:!0,labels:{gender:"male",accent:"british",language:"en"}},{voice_id:"N2lVS1w4EtoT3dr4eOWO",name:"Callum",free:!0,labels:{gender:"male",accent:"transatlantic",language:"en"}},{voice_id:"SAz9YHcvj6GT2YYXdXww",name:"River",free:!0,labels:{gender:"neutral",accent:"american",language:"en"}},{voice_id:"TX3LPaxmHKxFdv7VOQHJ",name:"Liam",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"XB0fDUnXU5powFXDhCwa",name:"Charlotte",free:!1,labels:{gender:"female",accent:"swedish",language:"en"}},{voice_id:"Xb7hH8MSUJpSbSDYk0k2",name:"Alice",free:!0,labels:{gender:"female",accent:"british",language:"en"}},{voice_id:"XrExE9yKIg1WjnnlVkGX",name:"Matilda",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"bIHbv24MWmeRgasZH58o",name:"Will",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"cgSgspJ2msm6clMCkdW9",name:"Jessica",free:!0,labels:{gender:"female",accent:"american",language:"en"}},{voice_id:"cjVigY5qzO86Huf0OWal",name:"Eric",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"iP95p4xoKVk53GoZ742B",name:"Chris",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"nPczCjzI2devNBz1zQrb",name:"Brian",free:!0,labels:{gender:"male",accent:"american",language:"en"}},{voice_id:"onwK4e9ZLuTAKqWW03F9",name:"Daniel",free:!0,labels:{gender:"male",accent:"british",language:"en"}},{voice_id:"pFZP5JQG7iQjIQuC4Bku",name:"Lily",free:!0,labels:{gender:"female",accent:"british",language:"en"}},{voice_id:"pqHfZKP75CvOlQylNhV4",name:"Bill",free:!0,labels:{gender:"male",accent:"american",language:"en"}}].map(e=>({...e,category:"premade",lang:e.labels.language,free_users_allowed:e.free}));let u="tts-generated",p={"google-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"hardcoded"},openai:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openai-tts-models",voiceKey:"openai-tts-voices",voicesPerModel:!0},openrouter:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openrouter-tts-models",voiceKey:"openrouter-tts-voices",voicesPerModel:!0},elevenlabs:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"elevenlabs-tts-models",apiEndpoint:"/api/media-providers/tts/elevenlabs/voices",defaultVoiceId:"pNInz6obpgDQGcFmaJgB"},"edge-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},"local-device":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},nvidia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},hyperbolic:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},deepgram:{hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/deepgram/voices"},huggingface:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},cartesia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},playht:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},coqui:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},tortoise:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},inworld:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"inworld-tts-models",apiEndpoint:"/api/media-providers/tts/inworld/voices"},qwen:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},minimax:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/minimax/voices",defaultVoiceId:"English_expressive_narrator"},"minimax-cn":{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/minimax/voices?provider=minimax-cn",defaultVoiceId:"English_expressive_narrator"},gemini:{hasLanguageDropdown:!1,hasLanguageHint:!0,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"gemini-tts-models",voiceKey:"gemini-tts-voices",voicesPerModel:!0},"xiaomi-mimo":{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!1,hasStyleInput:!0,hasLanguageHint:!0,languageOptions:["Chinese","English"],voiceSource:"hardcoded",modelKey:"xiaomi-mimo-tts-models",voicesPerModel:!0}};var x=a(14051),h=a.n(x),g=a(78177),b=a(64827);function f({until:e}){let[t,a]=(0,i.useState)("");return((0,i.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void a("");let s=Math.floor(t/1e3);s<60?a(`${s}s`):s<3600?a(`${Math.floor(s/60)}m ${s%60}s`):a(`${Math.floor(s/3600)}h ${Math.floor(s%3600/60)}m`)};t();let s=setInterval(t,1e3);return()=>clearInterval(s)},[e]),t)?(0,s.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}f.propTypes={until:h().string.isRequired};let y=e=>Number(e||0).toLocaleString();function v({connection:e,proxyPools:t,isOAuth:a,isFirst:r,isLast:n,onMoveUp:l,onMoveDown:d,onToggleActive:p,onUpdateProxy:x,onEdit:h,onDelete:j,onClearError:w}){let[N,k]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),[$,A]=(0,i.useState)(!1),[E,P]=(0,i.useState)(null),[I,_]=(0,i.useState)(!1),T=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=()=>_(!!e.lastError&&!1!==e.isActive&&!!e.lastErrorAt&&Date.now()-new Date(e.lastErrorAt).getTime()<6e5);if(t(),!e.lastError||!e.lastErrorAt)return;let a=6e5-(Date.now()-new Date(e.lastErrorAt).getTime());if(a<=0)return;let s=setTimeout(t,a);return()=>clearTimeout(s)},[e.lastError,e.lastErrorAt,e.isActive]),(0,i.useEffect)(()=>{if(a||!1===e.isActive||!c.jO.includes(e.provider))return;let t=!1,s=null,r=0,n=()=>{document.hidden||(r=Date.now(),fetch(`/api/usage/${e.id}`).then(e=>e.ok?e.json():null).then(e=>{if(t||!e?.quotas)return;let a=Object.entries(e.quotas)[0];a&&P({label:a[1]?.displayName||a[0],...a[1]})}).catch(()=>{}))};n();let l=()=>{!document.hidden&&Date.now()-r>6e4&&n()},i=t=>{t?.detail?.provider&&t.detail.provider!==e.provider||(clearTimeout(s),s=setTimeout(n,1500))};return document.addEventListener("visibilitychange",l),window.addEventListener(u,i),()=>{t=!0,clearTimeout(s),document.removeEventListener("visibilitychange",l),window.removeEventListener(u,i)}},[e.id,e.provider,a,e.isActive]);let R=new Map((t||[]).map(e=>[e.id,e])),L=e.providerSpecificData?.proxyPoolId||null,O=L?R.get(L):null,M=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,D=!!L||M,B=O?`Pool: ${O.name}`:L?`Pool: ${L} (inactive/missing)`:M?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",U="",K=O?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(K)try{let e=new URL(K);U=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{U=K}let F=O?.noProxy||e.providerSpecificData?.connectionNoProxy||"",q=O?.isActive===!0?"success":L||M?"error":"default",z=(0,b.kJ)(e);(0,i.useEffect)(()=>{let t=()=>{A(!!(0,b.kJ)(e))};t();let a=z?setInterval(t,1e3):null;return()=>{a&&clearInterval(a)}},[z]),(0,i.useEffect)(()=>{if(!N)return;let e=e=>{T.current&&!T.current.contains(e.target)&&k(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[N]);let J="unavailable"!==e.testStatus||$?e.testStatus:"active",V=(0,g.XD)(e),H=a?e.name||e.email||e.displayName||"OAuth Account":e.name,W=async e=>{C(!0);try{await x("__none__"===e?null:e)}finally{C(!1),k(!1)}};return(0,s.jsxs)("div",{className:`group flex flex-col gap-3 p-2 rounded-lg sm:flex-row sm:items-center sm:justify-between hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors ${!1===e.isActive?"opacity-60":""}`,children:[(0,s.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("button",{onClick:l,disabled:r,className:`p-0.5 rounded ${r?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,s.jsx)("button",{onClick:d,disabled:n,className:`p-0.5 rounded ${n?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,s.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:a?"lock":"key"}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium truncate",children:H}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,s.jsx)(o.Ex,{variant:(0,m.g)(e.isActive,J),size:"sm",dot:!0,children:!1===e.isActive?"disabled":J||"Unknown"}),D&&(0,s.jsx)(o.Ex,{variant:q,size:"sm",children:"Proxy"}),$&&!1!==e.isActive&&(0,s.jsx)(f,{until:z}),V.paused&&!1!==e.isActive&&(0,s.jsx)(o.Ex,{variant:"warning",size:"sm",children:"Paused (quota)"}),I&&(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 max-w-[320px]",children:[(0,s.jsx)("span",{className:"text-xs text-red-500 truncate",title:e.lastError,children:e.lastError}),(0,s.jsx)("button",{type:"button",onClick:w,title:"Dismiss this error",className:"shrink-0 text-red-400 hover:text-red-600 transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),E&&(0,s.jsxs)("div",{className:"mt-1.5 flex items-center gap-2",title:E.resetAt?`Reset: ${new Date(E.resetAt).toLocaleString()}`:void 0,children:[!E.unlimited&&E.total>0&&(0,s.jsx)("div",{className:"h-1.5 w-24 rounded-full bg-black/10 dark:bg-white/10 overflow-hidden shrink-0",children:(0,s.jsx)("div",{className:`h-full ${E.remainingPercentage<=10?"bg-red-500":E.remainingPercentage<=30?"bg-amber-500":"bg-primary"}`,style:{width:`${E.remainingPercentage}%`}})}),(0,s.jsxs)("span",{className:"text-[11px] text-text-muted",children:[E.unlimited?"Credits: Unlimited":(0,s.jsxs)(s.Fragment,{children:[y(E.remaining)," / ",y(E.total)," ","credits left"]}),E.resetAt&&(0,s.jsxs)("span",{className:"text-text-muted/70",children:[" \xb7 ","resets"," ",new Date(E.resetAt).toLocaleDateString()]})]})]}),D&&(0,s.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:B,children:B}),U&&(0,s.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:U}),F&&(0,s.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:F,children:["no_proxy: ",F]})]})]})]}),(0,s.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,s.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,s.jsxs)("div",{className:"relative",ref:T,children:[(0,s.jsxs)("button",{onClick:()=>k(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${D?"text-primary":"text-text-muted hover:text-primary"}`,disabled:S,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:S?"progress_activity":"lan"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),N&&(0,s.jsxs)("div",{className:"absolute right-0 top-full mt-1 z-50 bg-bg border border-border rounded-lg shadow-lg py-1 min-w-[160px]",children:[(0,s.jsx)("button",{onClick:()=>W("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!L?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,s.jsx)("button",{onClick:()=>W(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${L===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,s.jsxs)("button",{onClick:h,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,s.jsxs)("button",{onClick:j,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,s.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,s.jsx)(o.lM,{size:"sm",checked:e.isActive??!0,onChange:p,title:e.isActive??!0?"Disable":"Enable"})]})]})}function j({isOpen:e,provider:t,providerName:a,proxyPools:r,onSave:n,onClose:l}){let d="__none__",[c,m]=(0,i.useState)({name:"",apiKey:"",priority:1,proxyPoolId:d}),[u,p]=(0,i.useState)(!1),[x,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(!1),f=async()=>{p(!0);try{let e=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})}),a=await e.json();h(a.valid?"success":"failed")}catch{h("failed")}finally{p(!1)}},y=async()=>{if(t&&c.apiKey){b(!0);try{let e=!1;try{p(!0),h(null);let a=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await a.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{p(!1)}await n({name:c.name,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===d?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{b(!1)}}};return t?(0,s.jsx)(o.aF,{isOpen:e,title:`Add ${a||t} API Key`,onClose:l,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,s.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.name,onChange:e=>m({...c,name:e.target.value}),placeholder:"Production Key"})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,s.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>m({...c,apiKey:e.target.value})})]}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(o.$n,{onClick:f,disabled:!c.apiKey||u||g,variant:"secondary",children:u?"Checking...":"Check"})})]}),x&&(0,s.jsx)(o.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,s.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.priority,onChange:e=>m({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,s.jsx)(o.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>m({...c,proxyPoolId:e.target.value}),options:[{value:d,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(o.$n,{onClick:y,fullWidth:!0,disabled:!c.name||!c.apiKey||g,children:g?"Saving...":"Save"}),(0,s.jsx)(o.$n,{onClick:l,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function w({providerId:e,isOAuth:t}){let[a,r]=(0,i.useState)([]),[n,l]=(0,i.useState)([]),[d,c]=(0,i.useState)(!0),[m,u]=(0,i.useState)(!1),[p,x]=(0,i.useState)(!1),[h,g]=(0,i.useState)(null),[b,f]=(0,i.useState)(null),[y,N]=(0,i.useState)("1"),[k,S]=(0,i.useState)(null),C=(0,i.useCallback)(async()=>{try{let[t,a,s]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),n=await t.json(),i=await a.json(),o=s.ok?await s.json():{};t.ok&&r((n.connections||[]).filter(t=>t.provider===e)),a.ok&&l(i.proxyPools||[]);let d=(o.providerStrategies||{})[e]||{};f(d.fallbackStrategy||null),N(null!=d.stickyRoundRobinLimit?String(d.stickyRoundRobinLimit):"1")}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{c(!1)}},[e]);(0,i.useEffect)(()=>{C()},[C]);let $=async(t,a)=>{try{let s=await fetch("/api/settings",{cache:"no-store"}),r=(s.ok?await s.json():{}).providerStrategies||{},n={};t&&(n.fallbackStrategy=t),"round-robin"===t&&""!==a&&(n.stickyRoundRobinLimit=Number(a)||3);let l={...r};0===Object.keys(n).length?delete l[e]:l[e]=n,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:l})})}catch(e){console.log("saveStrategy error:",e)}},A=async(e,t)=>{let s=[...a];[s[e],s[t]]=[s[t],s[e]],r(s);try{await Promise.all([fetch(`/api/providers/${s[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${s[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await C()}},E=async e=>{S({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{S(null);try{(await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok&&r(t=>t.filter(t=>t.id!==e))}catch(e){console.log("delete error:",e)}}})},P=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&r(a=>a.map(a=>a.id===e?{...a,isActive:t}:a))}catch(e){console.log("toggle error:",e)}},I=async e=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({lastError:null,lastErrorAt:null})})).ok&&r(t=>t.map(t=>t.id===e?{...t,lastError:null,lastErrorAt:null}:t))}catch(e){console.log("clear error:",e)}},_=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&r(a=>a.map(a=>a.id===e?{...a,providerSpecificData:{...a.providerSpecificData,proxyPoolId:t||null}}:a))}catch(e){console.log("proxy error:",e)}},T=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await C(),u(!1))}catch(e){console.log("save apikey error:",e)}},R=async e=>{try{(await fetch(`/api/providers/${h.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await C(),x(!1))}catch(e){console.log("update connection error:",e)}};return d?(0,s.jsx)(o.Zp,{children:(0,s.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:"Connections"}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,s.jsx)(o.lM,{checked:"round-robin"===b,onChange:e=>{let t=e?"round-robin":null;f(t),e&&!y&&N("1"),$(t,e?y||"1":y)}}),"round-robin"===b&&(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"Sticky:"}),(0,s.jsx)("input",{type:"number",min:1,value:y,onChange:e=>{N(e.target.value),$("round-robin",e.target.value)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]}),0===a.length?(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,s.jsx)(o.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add Connection"})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03] max-h-[500px] overflow-y-auto pr-1",children:a.map((e,r)=>(0,s.jsx)(v,{connection:e,proxyPools:n,isOAuth:t,isFirst:0===r,isLast:r===a.length-1,onMoveUp:()=>A(r,r-1),onMoveDown:()=>A(r,r+1),onToggleActive:t=>P(e.id,t),onUpdateProxy:t=>_(e.id,t),onEdit:()=>{g(e),x(!0)},onDelete:()=>E(e.id),onClearError:()=>I(e.id)},e.id))}),(0,s.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,s.jsx)(o.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add"})})]})]}),(0,s.jsx)(j,{isOpen:m,provider:e,proxyPools:n,onSave:T,onClose:()=>u(!1)}),(0,s.jsx)(o.wI,{isOpen:p,connection:h,proxyPools:n,onSave:R,onClose:()=>x(!1)}),(0,s.jsx)(o.uo,{isOpen:!!k,onClose:()=>S(null),onConfirm:k?.onConfirm,title:k?.title||"Confirm",message:k?.message,variant:"danger"})]})}v.propTypes={connection:h().shape({id:h().string,name:h().string,email:h().string,displayName:h().string,testStatus:h().string,isActive:h().bool,lastError:h().string,priority:h().number}).isRequired,proxyPools:h().array,isOAuth:h().bool.isRequired,isFirst:h().bool.isRequired,isLast:h().bool.isRequired,onMoveUp:h().func.isRequired,onMoveDown:h().func.isRequired,onToggleActive:h().func.isRequired,onUpdateProxy:h().func,onEdit:h().func.isRequired,onDelete:h().func.isRequired,onClearError:h().func},j.propTypes={isOpen:h().bool.isRequired,provider:h().string,providerName:h().string,proxyPools:h().array,onSave:h().func.isRequired,onClose:h().func.isRequired},w.propTypes={providerId:h().string.isRequired,isOAuth:h().bool};var N=a(28777),k=a(11059);function S({model:e,fullModel:t,copied:a,onCopy:r,testStatus:n,isCustom:l,isFree:i,onDeleteAlias:o,onTest:d,isTesting:c}){let m="ok"===n?"#22c55e":"error"===n?"#ef4444":void 0;return(0,s.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===n?"border-green-500/40":"error"===n?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-base",style:m?{color:m}:void 0,children:"ok"===n?"check_circle":"error"===n?"cancel":"smart_toy"}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:t}),e.name&&(0,s.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),d&&(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:d,disabled:c,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${c?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",style:c?{animation:"spin 1s linear infinite"}:void 0,children:c?"progress_activity":"science"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:c?"Testing...":"Test"})]}),(0,s.jsxs)("div",{className:"relative group/btn",children:[(0,s.jsx)("button",{onClick:()=>r(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:a===`model-${e.id}`?"check":"content_copy"})}),(0,s.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:a===`model-${e.id}`?"Copied!":"Copy"})]}),i&&(0,s.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),l&&(0,s.jsx)("button",{onClick:o,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity ml-auto",title:"Remove custom model",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function C({isOpen:e,onSave:t,onClose:a}){let[r,n]=(0,i.useState)(""),l=()=>{r.trim()&&(t(r.trim()),n(""))};return(0,s.jsx)(o.aF,{isOpen:e,title:"Add Custom Model",onClose:a,children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,s.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:r,onChange:e=>n(e.target.value),onKeyDown:e=>"Enter"===e.key&&l(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(o.$n,{onClick:l,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,s.jsx)(o.$n,{onClick:a,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function $({providerId:e,kindFilter:t,providerAliasOverride:a}){let{copied:r,copy:n}=(0,k.C)(),[l,d]=(0,i.useState)({}),[m,u]=(0,i.useState)([]),[p,x]=(0,i.useState)({}),[h,g]=(0,i.useState)(()=>new Set),[b,f]=(0,i.useState)(""),[y,v]=(0,i.useState)(!1),j=a||(0,c.wG)(e),w=t||"llm",A=(0,i.useCallback)(async()=>{try{let[e,t]=await Promise.all([fetch("/api/models/alias"),fetch("/api/models/custom",{cache:"no-store"})]),a=await e.json(),s=await t.json();e.ok&&d(a.aliases||{}),t.ok&&u(s.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[]);(0,i.useEffect)(()=>{A()},[A]);let E=async(e,t)=>{let a=`${j}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:a,alias:t})})).ok&&await A()}catch(e){console.log("set alias error:",e)}},P=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await A()}catch(e){console.log("delete alias error:",e)}},I=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:j,id:e,type:w})})).ok&&(await A(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},_=async e=>{try{let t=new URLSearchParams({providerAlias:j,id:e,type:w});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await A(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},T=async e=>{if(!h.has(e)){g(t=>new Set(t).add(e));try{let a=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${j}/${e}`,kind:t})}),s=await a.json();x(t=>({...t,[e]:s.ok?"ok":"error"})),f(s.ok?"":s.error||"Model not reachable")}catch{x(t=>({...t,[e]:"error"})),f("Network error")}finally{g(t=>{let a=new Set(t);return a.delete(e),a})}}},R=(0,N.KC)(e),L=t?R.filter(e=>e.kinds?e.kinds.includes(t):(0,N.CP)(e,"llm")===t):R,O=m.filter(e=>e.providerAlias===j&&(0,N.CP)(e,"llm")===w&&!L.some(t=>t.id===e.id));return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,s.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),b&&(0,s.jsx)("p",{className:"text-xs text-red-500 mb-3 break-words",children:b}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-3",children:[L.map(e=>{let t=`${j}/${e.id}`,a=Object.entries(l).find(([,e])=>e===t)?.[0];return(0,s.jsx)(S,{model:e,fullModel:`${j}/${e.id}`,alias:a,copied:r,onCopy:n,onSetAlias:t=>E(e.id,t),onDeleteAlias:()=>P(a),testStatus:p[e.id],onTest:()=>T(e.id),isTesting:h.has(e.id),isFree:e.isFree},e.id)}),O.map(e=>(0,s.jsx)(S,{model:{id:e.id,name:e.name},fullModel:`${j}/${e.id}`,copied:r,onCopy:n,onSetAlias:()=>{},onDeleteAlias:()=>_(e.id),testStatus:p[e.id],onTest:()=>T(e.id),isTesting:h.has(e.id),isCustom:!0},`${e.id}-${e.type}`)),(0,s.jsxs)("button",{onClick:()=>v(!0),className:"flex items-center gap-1.5 px-3 py-2 rounded-lg border border-dashed border-black/15 dark:border-white/15 text-xs text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,s.jsx)(C,{isOpen:y,onSave:async e=>{await I(e),v(!1)},onClose:()=>v(!1)})]})}function A({label:e,children:t}){return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,s.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,s.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}S.propTypes={model:h().shape({id:h().string.isRequired}).isRequired,fullModel:h().string.isRequired,copied:h().string,onCopy:h().func.isRequired,testStatus:h().oneOf(["ok","error"]),isCustom:h().bool,isFree:h().bool,onDeleteAlias:h().func,onTest:h().func,isTesting:h().bool},C.propTypes={isOpen:h().bool.isRequired,onSave:h().func.isRequired,onClose:h().func.isRequired},$.propTypes={providerId:h().string.isRequired,kindFilter:h().string,providerAliasOverride:h().string};let E={webSearch:{inputLabel:"Query",inputPlaceholder:"What is the latest news about AI?",defaultInput:"What is the latest news about AI?",bodyKey:"query",defaultResponse:`{
   "results": [
     { "title": "...", "url": "...", "snippet": "..." }
   ]
@@ -21,7 +21,7 @@
   "data": [
     { "url": "...", "format": "mp3" }
   ]
-}`}},E=`{
+}`}},P=`{
   "object": "list",
   "data": [{
     "object": "embedding",
@@ -30,10 +30,10 @@
   }],
   "model": "...",
   "usage": { "prompt_tokens": 9, "total_tokens": 9 }
-}`;function P({providerId:e,customAlias:t}){let a=(0,c.gC)(e),r=a?t||e:(0,c.wG)(e),n=a?[]:(0,w.KC)(e).filter(e=>"embedding"===(0,w.CP)(e)),[l,d]=(0,i.useState)(n[0]?.id??""),[m,u]=(0,i.useState)("The quick brown fox jumps over the lazy dog"),[p,x]=(0,i.useState)(""),[h,g]=(0,i.useState)(""),[b,f]=(0,i.useState)(!1),[y,v]=(0,i.useState)(""),[j,k]=(0,i.useState)(""),[S,C]=(0,i.useState)(null),[A,_]=(0,i.useState)(!1),[I,T]=(0,i.useState)(""),{copied:R,copy:L}=(0,N.C)(),{copied:O,copy:M}=(0,N.C)();(0,i.useEffect)(()=>{v(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{g((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&k(e.publicUrl)}).catch(()=>{})},[]);let D=b?j:y,B=l?`${r}/${l}`:"",U=()=>{let e={model:B,input:m.trim()},t=Number(p);return p&&Number.isFinite(t)&&t>0&&(e.dimensions=t),e},K=`curl -X POST ${D}/v1/embeddings \\
+}`;function I({providerId:e,customAlias:t}){let a=(0,c.gC)(e),r=a?t||e:(0,c.wG)(e),n=a?[]:(0,N.KC)(e).filter(e=>"embedding"===(0,N.CP)(e)),[l,d]=(0,i.useState)(n[0]?.id??""),[m,u]=(0,i.useState)("The quick brown fox jumps over the lazy dog"),[p,x]=(0,i.useState)(""),[h,g]=(0,i.useState)(""),[b,f]=(0,i.useState)(!1),[y,v]=(0,i.useState)(""),[j,w]=(0,i.useState)(""),[S,C]=(0,i.useState)(null),[$,E]=(0,i.useState)(!1),[_,T]=(0,i.useState)(""),{copied:R,copy:L}=(0,k.C)(),{copied:O,copy:M}=(0,k.C)();(0,i.useEffect)(()=>{v(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{g((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&w(e.publicUrl)}).catch(()=>{})},[]);let D=b?j:y,B=l?`${r}/${l}`:"",U=()=>{let e={model:B,input:m.trim()},t=Number(p);return p&&Number.isFinite(t)&&t>0&&(e.dimensions=t),e},K=`curl -X POST ${D}/v1/embeddings \\
   -H "Content-Type: application/json" \\
   -H "Authorization: Bearer ${h||"YOUR_KEY"}" \\
-  -d '${JSON.stringify(U())}'`,F=async()=>{if(!m.trim()||!B)return;_(!0),T(""),C(null);let e=Date.now();try{let t={"Content-Type":"application/json"};h&&(t.Authorization=`Bearer ${h}`);let a=await fetch("/api/v1/embeddings",{method:"POST",headers:t,body:JSON.stringify(U())}),s=Date.now()-e,r=await a.json();if(!a.ok)return void T(r?.error?.message||r?.error||`HTTP ${a.status}`);C({data:r,latencyMs:s})}catch(e){T(e.message||"Network error")}finally{_(!1)}},q=S?JSON.stringify(S.data,null,2):"";return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,s.jsx)($,{label:"Model",children:a?(0,s.jsx)("input",{value:l,onChange:e=>d(e.target.value),placeholder:"e.g. voyage-3, embed-english-v3.0, text-embedding-3-small",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"}):(0,s.jsx)("select",{value:l,onChange:e=>d(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:n.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,s.jsx)($,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)("input",{value:D,onChange:e=>b?k(e.target.value):v(e.target.value),className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono",placeholder:"http://localhost:3000"}),j&&(0,s.jsxs)("button",{onClick:()=>f(e=>!e),title:b?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${b?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)($,{label:"API Key",children:(0,s.jsx)("input",{type:"password",value:h,onChange:e=>g(e.target.value),placeholder:"sk-...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),(0,s.jsx)($,{label:"Input",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:m,onChange:e=>u(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),m&&(0,s.jsx)("button",{type:"button",onClick:()=>u(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,s.jsx)($,{label:"Dimensions",children:(0,s.jsx)("input",{type:"number",min:"1",value:p,onChange:e=>x(e.target.value),placeholder:"optional, e.g. 512, 1024 (leave empty for default)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>L(K),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:R?"check":"content_copy"}),R?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:F,disabled:A||!m.trim()||!B,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:A?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),A?"Running...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:K})]}),I&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:I}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",S&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",S.latencyMs,"ms"]})]}),S&&(0,s.jsxs)("button",{onClick:()=>M(q),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:O?"check":"content_copy"}),O?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:(e=>{if(!e)return E;let t=JSON.parse(JSON.stringify(e));return(t.data||[]).forEach(e=>{Array.isArray(e.embedding)&&e.embedding.length>4&&(e.embedding=[...e.embedding.slice(0,4).map(e=>parseFloat(e.toFixed(6))),`... (${e.embedding.length} dims)`])}),JSON.stringify(t,null,2)})(S?.data)})]})]})]})}var _=a(73006),I=a(63935),T=a(14683),R=a(28915);let L="clips",O=null;async function M(e,t){let a=await (!O&&(O=new Promise((e,t)=>{if("u"<typeof indexedDB)return void t(Error("IndexedDB unavailable"));let a=indexedDB.open("9router-tts-history",2);a.onupgradeneeded=()=>{let e=a.result,t=e.objectStoreNames.contains(L)?a.transaction.objectStore(L):e.createObjectStore(L,{keyPath:"id"});t.indexNames.contains("createdAt")||t.createIndex("createdAt","createdAt"),t.indexNames.contains("provider")||t.createIndex("provider","provider")},a.onsuccess=()=>e(a.result),a.onerror=()=>t(a.error)}).catch(e=>{throw O=null,e})),O);return new Promise((s,r)=>{let n,l=a.transaction(L,e),i=t(l.objectStore(L));i&&(i.onsuccess=()=>{n=i.result}),l.oncomplete=()=>s(n),l.onerror=()=>r(l.error),l.onabort=()=>r(l.error)})}let D=[{code:"en",name:"English"},{code:"vi",name:"Tiếng Việt"},{code:"zh",name:"中文 (Chinese)"},{code:"ja",name:"日本語 (Japanese)"},{code:"ko",name:"한국어 (Korean)"},{code:"es",name:"Espa\xf1ol"},{code:"pt",name:"Portugu\xeas"},{code:"fr",name:"Fran\xe7ais"},{code:"de",name:"Deutsch"},{code:"it",name:"Italiano"},{code:"ru",name:"Русский"},{code:"ar",name:"العربية (Arabic)"},{code:"hi",name:"हिन्दी (Hindi)"},{code:"id",name:"Bahasa Indonesia"},{code:"th",name:"ไทย (Thai)"},{code:"tl",name:"Tagalog"},{code:"nl",name:"Nederlands"},{code:"pl",name:"Polski"},{code:"tr",name:"T\xfcrk\xe7e"},{code:"uk",name:"Українська"},{code:"cs",name:"Čeština"},{code:"he",name:"עברית (Hebrew)"},{code:"bn",name:"বাংলা (Bengali)"},{code:"ur",name:"اردو (Urdu)"},{code:"ro",name:"Rom\xe2nă"},{code:"sv",name:"Svenska"},{code:"el",name:"Ελληνικά (Greek)"},{code:"hu",name:"Magyar"},{code:"fi",name:"Suomi"},{code:"da",name:"Dansk"},{code:"no",name:"Norsk"},{code:"sk",name:"Slovenčina"},{code:"hr",name:"Hrvatski"},{code:"ms",name:"Bahasa Melayu"},{code:"ta",name:"தமிழ் (Tamil)"},{code:"bg",name:"Български"}],B=[{label:"Emotions",tags:["[happy]","[excited]","[cheerful]","[energetic]","[calm]","[relaxed]","[soft]","[gentle]","[sad]","[emotional]","[serious]","[dramatic]","[angry]","[frustrated]","[scared]","[nervous]","[confident]","[mysterious]","[sarcastic]","[playful]","[seductive]","[romantic]","[inspirational]","[motivational]","[professional]","[authoritative]","[cinematic]","[epic]","[funny]","[awkward]","[whispering]","[crying]","[shouting]"]},{label:"Delivery",tags:["[laughing]","[chuckles]","[giggles]","[sighs]","[gasping]","[breathing heavily]","[stuttering]","[pausing]","[yelling]","[murmuring]","[speaking fast]","[speaking slowly]","[monotone]","[storytelling]","[conversational]","[announcer style]","[trailer voice]","[podcast tone]","[ASMR style]"]},{label:"Sounds",tags:["haha","hmm","ahh","oh","uh","um","eh","tch","mhm","[gasp]","[sniff]","[sob]","[cough]","[clears throat]","[lip smack]","[exhale]","[inhale]"]}].map(e=>({...e,tags:e.tags.map(e=>({ins:e,label:e.replace(/[[\]]/g,"")}))})),U=B.map(e=>`${e.label}: ${e.tags.map(e=>e.ins).join(", ")}`).join("\n"),K=[{id:"auto",label:"Auto",hint:"Let AI pick the best emotional arc",directive:"Choose whatever emotional arc best fits the content."},{id:"dramatic",label:"Dramatic",hint:"Cinematic, suspenseful, weighty pauses",directive:"Go cinematic and suspenseful: weighty pauses before reveals, low intense tone, building tension, a powerful payoff."},{id:"energetic",label:"Energetic",hint:"Upbeat, fast, hype — great for Shorts",directive:"Go high-energy and hook-driven: punchy emphasis, fast excited pacing, big reactions — ideal for short-form social videos."},{id:"storytelling",label:"Storytelling",hint:"Warm, immersive narrator",directive:"Be a warm, immersive narrator: natural conversational flow, gentle rises and falls, pull the listener into the story."},{id:"asmr",label:"ASMR",hint:"Soft, intimate, whispered",directive:"Keep it soft, slow and intimate: whispered, gentle, calming ASMR delivery."},{id:"funny",label:"Funny",hint:"Playful, comedic timing",directive:"Be playful and comedic: light tone, well-timed laughs and beats, a little exaggeration."}],F=e=>K.find(t=>t.id===e)||K[0],q=({label:e,hint:t,children:a})=>(0,s.jsx)($,{label:e,children:(0,s.jsxs)("div",{className:"flex flex-col gap-1.5",children:[a,(0,s.jsx)("span",{className:"text-[11px] text-text-muted",children:t})]})}),z=e=>`You are a world-class voice-acting director for ElevenLabs Eleven v3 text-to-speech.
+  -d '${JSON.stringify(U())}'`,F=async()=>{if(!m.trim()||!B)return;E(!0),T(""),C(null);let e=Date.now();try{let t={"Content-Type":"application/json"};h&&(t.Authorization=`Bearer ${h}`);let a=await fetch("/api/v1/embeddings",{method:"POST",headers:t,body:JSON.stringify(U())}),s=Date.now()-e,r=await a.json();if(!a.ok)return void T(r?.error?.message||r?.error||`HTTP ${a.status}`);C({data:r,latencyMs:s})}catch(e){T(e.message||"Network error")}finally{E(!1)}},q=S?JSON.stringify(S.data,null,2):"";return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,s.jsx)(A,{label:"Model",children:a?(0,s.jsx)("input",{value:l,onChange:e=>d(e.target.value),placeholder:"e.g. voyage-3, embed-english-v3.0, text-embedding-3-small",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"}):(0,s.jsx)("select",{value:l,onChange:e=>d(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:n.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)("input",{value:D,onChange:e=>b?w(e.target.value):v(e.target.value),className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono",placeholder:"http://localhost:3000"}),j&&(0,s.jsxs)("button",{onClick:()=>f(e=>!e),title:b?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${b?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("input",{type:"password",value:h,onChange:e=>g(e.target.value),placeholder:"sk-...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),(0,s.jsx)(A,{label:"Input",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:m,onChange:e=>u(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),m&&(0,s.jsx)("button",{type:"button",onClick:()=>u(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,s.jsx)(A,{label:"Dimensions",children:(0,s.jsx)("input",{type:"number",min:"1",value:p,onChange:e=>x(e.target.value),placeholder:"optional, e.g. 512, 1024 (leave empty for default)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>L(K),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:R?"check":"content_copy"}),R?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:F,disabled:$||!m.trim()||!B,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:$?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),$?"Running...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:K})]}),_&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:_}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",S&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",S.latencyMs,"ms"]})]}),S&&(0,s.jsxs)("button",{onClick:()=>M(q),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:O?"check":"content_copy"}),O?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:(e=>{if(!e)return P;let t=JSON.parse(JSON.stringify(e));return(t.data||[]).forEach(e=>{Array.isArray(e.embedding)&&e.embedding.length>4&&(e.embedding=[...e.embedding.slice(0,4).map(e=>parseFloat(e.toFixed(6))),`... (${e.embedding.length} dims)`])}),JSON.stringify(t,null,2)})(S?.data)})]})]})]})}var _=a(73006),T=a(63935),R=a(14683),L=a(28915);let O="clips",M=null;async function D(e,t){let a=await (!M&&(M=new Promise((e,t)=>{if("u"<typeof indexedDB)return void t(Error("IndexedDB unavailable"));let a=indexedDB.open("9router-tts-history",2);a.onupgradeneeded=()=>{let e=a.result,t=e.objectStoreNames.contains(O)?a.transaction.objectStore(O):e.createObjectStore(O,{keyPath:"id"});t.indexNames.contains("createdAt")||t.createIndex("createdAt","createdAt"),t.indexNames.contains("provider")||t.createIndex("provider","provider")},a.onsuccess=()=>e(a.result),a.onerror=()=>t(a.error)}).catch(e=>{throw M=null,e})),M);return new Promise((s,r)=>{let n,l=a.transaction(O,e),i=t(l.objectStore(O));i&&(i.onsuccess=()=>{n=i.result}),l.oncomplete=()=>s(n),l.onerror=()=>r(l.error),l.onabort=()=>r(l.error)})}let B=[{code:"en",name:"English"},{code:"vi",name:"Tiếng Việt"},{code:"zh",name:"中文 (Chinese)"},{code:"ja",name:"日本語 (Japanese)"},{code:"ko",name:"한국어 (Korean)"},{code:"es",name:"Espa\xf1ol"},{code:"pt",name:"Portugu\xeas"},{code:"fr",name:"Fran\xe7ais"},{code:"de",name:"Deutsch"},{code:"it",name:"Italiano"},{code:"ru",name:"Русский"},{code:"ar",name:"العربية (Arabic)"},{code:"hi",name:"हिन्दी (Hindi)"},{code:"id",name:"Bahasa Indonesia"},{code:"th",name:"ไทย (Thai)"},{code:"tl",name:"Tagalog"},{code:"nl",name:"Nederlands"},{code:"pl",name:"Polski"},{code:"tr",name:"T\xfcrk\xe7e"},{code:"uk",name:"Українська"},{code:"cs",name:"Čeština"},{code:"he",name:"עברית (Hebrew)"},{code:"bn",name:"বাংলা (Bengali)"},{code:"ur",name:"اردو (Urdu)"},{code:"ro",name:"Rom\xe2nă"},{code:"sv",name:"Svenska"},{code:"el",name:"Ελληνικά (Greek)"},{code:"hu",name:"Magyar"},{code:"fi",name:"Suomi"},{code:"da",name:"Dansk"},{code:"no",name:"Norsk"},{code:"sk",name:"Slovenčina"},{code:"hr",name:"Hrvatski"},{code:"ms",name:"Bahasa Melayu"},{code:"ta",name:"தமிழ் (Tamil)"},{code:"bg",name:"Български"}],U=[{label:"Emotions",tags:["[happy]","[excited]","[cheerful]","[energetic]","[calm]","[relaxed]","[soft]","[gentle]","[sad]","[emotional]","[serious]","[dramatic]","[angry]","[frustrated]","[scared]","[nervous]","[confident]","[mysterious]","[sarcastic]","[playful]","[seductive]","[romantic]","[inspirational]","[motivational]","[professional]","[authoritative]","[cinematic]","[epic]","[funny]","[awkward]","[whispering]","[crying]","[shouting]"]},{label:"Delivery",tags:["[laughing]","[chuckles]","[giggles]","[sighs]","[gasping]","[breathing heavily]","[stuttering]","[pausing]","[yelling]","[murmuring]","[speaking fast]","[speaking slowly]","[monotone]","[storytelling]","[conversational]","[announcer style]","[trailer voice]","[podcast tone]","[ASMR style]"]},{label:"Sounds",tags:["haha","hmm","ahh","oh","uh","um","eh","tch","mhm","[gasp]","[sniff]","[sob]","[cough]","[clears throat]","[lip smack]","[exhale]","[inhale]"]}].map(e=>({...e,tags:e.tags.map(e=>({ins:e,label:e.replace(/[[\]]/g,"")}))})),K=U.map(e=>`${e.label}: ${e.tags.map(e=>e.ins).join(", ")}`).join("\n"),F=[{id:"auto",label:"Auto",hint:"Let AI pick the best emotional arc",directive:"Choose whatever emotional arc best fits the content."},{id:"dramatic",label:"Dramatic",hint:"Cinematic, suspenseful, weighty pauses",directive:"Go cinematic and suspenseful: weighty pauses before reveals, low intense tone, building tension, a powerful payoff."},{id:"energetic",label:"Energetic",hint:"Upbeat, fast, hype — great for Shorts",directive:"Go high-energy and hook-driven: punchy emphasis, fast excited pacing, big reactions — ideal for short-form social videos."},{id:"storytelling",label:"Storytelling",hint:"Warm, immersive narrator",directive:"Be a warm, immersive narrator: natural conversational flow, gentle rises and falls, pull the listener into the story."},{id:"asmr",label:"ASMR",hint:"Soft, intimate, whispered",directive:"Keep it soft, slow and intimate: whispered, gentle, calming ASMR delivery."},{id:"funny",label:"Funny",hint:"Playful, comedic timing",directive:"Be playful and comedic: light tone, well-timed laughs and beats, a little exaggeration."}],q=e=>F.find(t=>t.id===e)||F[0],z=({label:e,hint:t,children:a})=>(0,s.jsx)(A,{label:e,children:(0,s.jsxs)("div",{className:"flex flex-col gap-1.5",children:[a,(0,s.jsx)("span",{className:"text-[11px] text-text-muted",children:t})]})}),J=e=>`You are a world-class voice-acting director for ElevenLabs Eleven v3 text-to-speech.
 Direct a captivating, emotionally dynamic performance of the user's text by inserting inline audio tags and natural vocal sounds between the existing words.
 
 TECHNIQUES (apply tastefully, not on every line):
@@ -48,10 +48,10 @@ VOCAL SOUNDS — this is what makes a read feel human, so actually use them:
 - Bare sounds (haha, hmm, ahh, oh, uh, eh, mhm) are SPOKEN aloud, so they land as real speech. Put them where a person would genuinely react: before a surprise, mid-realisation, after a joke, on a reluctant admission.
 - Anything longer than one sentence should carry at least two vocal sounds. Match them to the direction below — laughs for playful, breaths and sighs for dramatic or intimate, hesitation sounds for conversational.
 
-DIRECTION: ${F(e).directive}
+DIRECTION: ${q(e).directive}
 
 ALLOWED TAGS — use ONLY these, copied exactly as written:
-${U}
+${K}
 
 HARD RULES:
 - Keep every original word and the original language EXACTLY — never translate, reword, reorder or delete the user's words.
@@ -63,27 +63,27 @@ EXAMPLE
 Input: Wait... you're telling me we actually won?
 Output: [calm] Wait... [gasp] [pausing] [excited] you're telling me we actually won? haha [laughing]
 
-Return ONLY the resulting tagged text.`,V=/\b(flash|mini|haiku|lite|nano|small|turbo|8b|9b)\b/,H=/\b(pro|opus|ultra|max|405b|70b)\b/,J=/(preview|exp|beta)/,W=[{id:"ai-tech",label:"Examine AI tech",icon:"neurology",vibe:"storytelling",stability:.5,text:"[professional] Artificial intelligence is moving faster than ever. [pausing] From voices that sound truly human, to models that reason in real time — [confident] the line between machine and human is blurring. [pausing] So the real question is: are we ready for what comes next?"},{id:"your-voice",label:"Discover your voice",icon:"mic",vibe:"storytelling",stability:.5,text:"[calm] Close your eyes for a second. [pausing] Everyone has a voice — [emotional] a sound that is entirely their own. [confident] Today, you get to discover yours. [excited] So take a breath… and let us begin."},{id:"laugh",label:"Laugh uncontrollably",icon:"sentiment_very_satisfied",vibe:"funny",stability:0,text:"[laughing] Oh my gosh, did you actually just do that? [giggles] I can't— [laughing] I can't breathe! [chuckles] Stop, stop, you're killing me! haha [laughing] this is the funniest thing I have ever seen!"},{id:"dialogue",label:"Construct a dialogue",icon:"forum",vibe:"energetic",stability:.5,text:"[conversational] — Hey, did you hear the news? [excited] We got the job! [happy] — Wait, seriously? [excited] That is incredible! [laughing] — I know, right? [confident] Let us go celebrate."},{id:"memory",label:"Recall a haunting memory",icon:"menu_book",vibe:"dramatic",stability:0,text:"[whispering] I still remember that night. [pausing] [sighs] The hallway was silent… [mysterious] too silent. [nervous] And then I heard it — [dramatic] a voice that was not mine, whispering my name."},{id:"overlap",label:"Overlap speech",icon:"graphic_eq",vibe:"energetic",stability:.5,text:"[speaking fast] No no no, listen— [excited] — but that is exactly what I— [laughing] would you let me finish? [chuckles] — okay, okay, go ahead, [conversational] I am listening."}],G=`// Audio will appear here after running.
+Return ONLY the resulting tagged text.`,V=/\b(flash|mini|haiku|lite|nano|small|turbo|8b|9b)\b/,H=/\b(pro|opus|ultra|max|405b|70b)\b/,W=/(preview|exp|beta)/,G=[{id:"ai-tech",label:"Examine AI tech",icon:"neurology",vibe:"storytelling",stability:.5,text:"[professional] Artificial intelligence is moving faster than ever. [pausing] From voices that sound truly human, to models that reason in real time — [confident] the line between machine and human is blurring. [pausing] So the real question is: are we ready for what comes next?"},{id:"your-voice",label:"Discover your voice",icon:"mic",vibe:"storytelling",stability:.5,text:"[calm] Close your eyes for a second. [pausing] Everyone has a voice — [emotional] a sound that is entirely their own. [confident] Today, you get to discover yours. [excited] So take a breath… and let us begin."},{id:"laugh",label:"Laugh uncontrollably",icon:"sentiment_very_satisfied",vibe:"funny",stability:0,text:"[laughing] Oh my gosh, did you actually just do that? [giggles] I can't— [laughing] I can't breathe! [chuckles] Stop, stop, you're killing me! haha [laughing] this is the funniest thing I have ever seen!"},{id:"dialogue",label:"Construct a dialogue",icon:"forum",vibe:"energetic",stability:.5,text:"[conversational] — Hey, did you hear the news? [excited] We got the job! [happy] — Wait, seriously? [excited] That is incredible! [laughing] — I know, right? [confident] Let us go celebrate."},{id:"memory",label:"Recall a haunting memory",icon:"menu_book",vibe:"dramatic",stability:0,text:"[whispering] I still remember that night. [pausing] [sighs] The hallway was silent… [mysterious] too silent. [nervous] And then I heard it — [dramatic] a voice that was not mine, whispering my name."},{id:"overlap",label:"Overlap speech",icon:"graphic_eq",vibe:"energetic",stability:.5,text:"[speaking fast] No no no, listen— [excited] — but that is exactly what I— [laughing] would you let me finish? [chuckles] — okay, okay, go ahead, [conversational] I am listening."}],Y=`// Audio will appear here after running.
 // Example JSON response (response_format=json):
 {
   "format": "mp3",
   "audio": "//NExAANaAIIAUAAANNNNNNNN..." // base64 encoded MP3
-}`,Y=[{key:"play",icon:"play_arrow",title:"Play"},{key:"reuse",icon:"refresh",title:"Reuse"},{key:"download",icon:"download",title:"Download"},{key:"delete",icon:"close",title:"Delete",danger:!0}];function X({providerId:e}){let t,a,r=(0,c.wG)(e),n="elevenlabs"===e,l=p[e]||p["edge-tts"],[d,m]=(0,i.useState)(l.defaultVoiceId||""),[x,h]=(0,i.useState)(""),[g,b]=(0,i.useState)(l.defaultVoiceId||""),[f,y]=(0,i.useState)([]),[v,j]=(0,i.useState)(""),[k,S]=(0,i.useState)(()=>{let t=c.Q2[e]?.ttsConfig?.models;if(t?.length)return t[0].id;if(l.hasModelSelector&&l.modelKey){let e=(0,w.KC)(l.modelKey);return e?.[0]?.id||""}return""}),[C,A]=(0,i.useState)("Hello, this is a text to speech test."),[E,P]=(0,i.useState)(""),[L,O]=(0,i.useState)(""),[U,Q]=(0,i.useState)(!1),[Z,ee]=(0,i.useState)(""),[et,ea]=(0,i.useState)(""),[es,er]=(0,i.useState)("mp3"),[en,el]=(0,i.useState)(.5),[ei,eo]=(0,i.useState)(1),[ed,ec]=(0,i.useState)(""),[em,eu]=(0,i.useState)(!1),[ep,ex]=(0,i.useState)("vi"),[eh,eg]=(0,i.useState)(""),[eb,ef]=(0,i.useState)(null),[ey,ev]=(0,i.useState)(!1),[ej,ew]=(0,i.useState)(!1),[eN,ek]=(0,i.useState)("auto"),[eS,eC]=(0,i.useState)(!1),e$=(0,i.useRef)(null),[eA,eE]=(0,i.useState)(""),eP=(0,i.useRef)(null),e_=(0,i.useRef)(null),eI=(0,i.useRef)(null),[eT,eR]=(0,i.useState)([]),eL=()=>{M("readonly",t=>e?t.index("provider").getAll(e):t.getAll()).then(e=>(e||[]).sort((e,t)=>t.createdAt-e.createdAt)).then(eR).catch(()=>{})};(0,i.useEffect)(()=>{eL()},[e]),(0,i.useEffect)(()=>{if(!eS)return;let e=e=>{e$.current&&!e$.current.contains(e.target)&&eC(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[eS]);let[eO,eM]=(0,i.useState)(null),{copied:eD,copy:eB}=(0,N.C)(),[eU,eK]=(0,i.useState)(!1),[eF,eq]=(0,i.useState)([]),[ez,eV]=(0,i.useState)(!1),[eH,eJ]=(0,i.useState)(""),[eW,eG]=(0,i.useState)(""),[eY,eX]=(0,i.useState)({}),[eQ,eZ]=(0,i.useState)(""),[e0,e1]=(0,i.useState)(0);(0,i.useEffect)(()=>{if(ee(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{O((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(t=>{e1((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive).length)}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&ea(e.publicUrl)}).catch(()=>{}),"hardcoded"===l.voiceSource){let t=l.hasModelSelector&&l.modelKey&&(0,w.KC)(l.modelKey)?.[0]?.id||"",a=l.voicesPerModel&&t?(0,I.jY)(e,t)||[]:(0,w.KC)(l.voiceKey||e).filter(e=>"tts"===(0,w.CP)(e));if(a.length)if(l.hasBrowseButton){let e=a.find(e=>"en"===e.id)||a[0];j(e.id),m(e.id),h(e.name),y([{id:e.id,name:e.name}])}else y(a),m(a[0].id),h(a[0].name||a[0].id)}},[e]),(0,i.useEffect)(()=>{if(!l.voicesPerModel||!k)return;let t=(0,I.jY)(e,k)||[];y(t),t.length?(m(t[0].id),h(t[0].name||t[0].id)):(m(""),h(""))},[k]);let e5=async()=>{if(eK(!0),eJ(""),eG(""),!eF.length){eV(!0);try{if("hardcoded"===l.voiceSource){let t=l.voiceKey||e,a=(0,w.KC)(t).filter(e=>"tts"===(0,w.CP)(e)),s={};for(let e of a)s[e.id]||(s[e.id]={code:e.id,name:e.name,voices:[{id:e.id,name:e.name}]});eX(s),eq(Object.values(s).sort((e,t)=>e.name.localeCompare(t.name)))}else{let t=l.apiEndpoint?l.apiEndpoint:`/api/media-providers/tts/voices?provider=${"local-device"===e?"local-device":"edge-tts"}`,a=await fetch(t),s=await a.json();if(s.error)return void eG(s.error);eq(s.languages||[]),eX(s.byLang||{})}}catch(e){eG(e.message)}finally{eV(!1)}}},e2=eH?eF.filter(e=>e.name.toLowerCase().includes(eH.toLowerCase())||e.code.toLowerCase().includes(eH.toLowerCase())):eF,e3=U?et:Z,e4=l.hasVoiceIdInput&&g||d,e6=l.hasModelSelector&&k&&e4?`${r}/${k}/${e4}`:l.hasModelSelector&&k?`${r}/${k}`:e4?`${r}/${e4}`:"",e7=(0,I.P9)(k),e8=n?e7.maxChars:1/0,e9=C.length>e8,te=n&&"eleven_v3"===k,tt=n&&e7.langCode,ta=n&&e7.classic,ts=F(eN),tr=(t={model:e6,input:C},l.hasLanguageHint&&eQ&&(t.language=eQ),l.hasStyleInput&&E.trim()&&(t.style=E.trim()),n&&(t.stability=en),tt&&em&&ep&&(t.language_code=ep),ta&&1!==ei&&(t.speed=ei),n&&ed&&(t.output_format=ed),t),tn=(0,i.useDeferredValue)(C),tl=`curl -X POST ${e3}/v1/audio/speech${"json"===es?"?response_format=json":""} \\
+}`,X=[{key:"play",icon:"play_arrow",title:"Play"},{key:"reuse",icon:"refresh",title:"Reuse"},{key:"download",icon:"download",title:"Download"},{key:"delete",icon:"close",title:"Delete",danger:!0}];function Q({providerId:e}){let t,a,r=(0,c.wG)(e),n="elevenlabs"===e,l=p[e]||p["edge-tts"],[d,m]=(0,i.useState)(l.defaultVoiceId||""),[x,h]=(0,i.useState)(""),[g,b]=(0,i.useState)(l.defaultVoiceId||""),[f,y]=(0,i.useState)([]),[v,j]=(0,i.useState)(""),[w,S]=(0,i.useState)(()=>{let t=c.Q2[e]?.ttsConfig?.models;if(t?.length)return t[0].id;if(l.hasModelSelector&&l.modelKey){let e=(0,N.KC)(l.modelKey);return e?.[0]?.id||""}return""}),[C,$]=(0,i.useState)("Hello, this is a text to speech test."),[E,P]=(0,i.useState)(""),[I,O]=(0,i.useState)(""),[M,K]=(0,i.useState)(!1),[Z,ee]=(0,i.useState)(""),[et,ea]=(0,i.useState)(""),[es,er]=(0,i.useState)("mp3"),[en,el]=(0,i.useState)(.5),[ei,eo]=(0,i.useState)(1),[ed,ec]=(0,i.useState)(""),[em,eu]=(0,i.useState)(!1),[ep,ex]=(0,i.useState)("vi"),[eh,eg]=(0,i.useState)(""),[eb,ef]=(0,i.useState)(null),[ey,ev]=(0,i.useState)(!1),[ej,ew]=(0,i.useState)(!1),[eN,ek]=(0,i.useState)("auto"),[eS,eC]=(0,i.useState)(!1),e$=(0,i.useRef)(null),[eA,eE]=(0,i.useState)(""),eP=(0,i.useRef)(null),eI=(0,i.useRef)(null),e_=(0,i.useRef)(null),[eT,eR]=(0,i.useState)([]),eL=()=>{D("readonly",t=>e?t.index("provider").getAll(e):t.getAll()).then(e=>(e||[]).sort((e,t)=>t.createdAt-e.createdAt)).then(eR).catch(()=>{})};(0,i.useEffect)(()=>{eL()},[e]),(0,i.useEffect)(()=>{if(!eS)return;let e=e=>{e$.current&&!e$.current.contains(e.target)&&eC(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[eS]);let[eO,eM]=(0,i.useState)(null),{copied:eD,copy:eB}=(0,k.C)(),[eU,eK]=(0,i.useState)(!1),[eF,eq]=(0,i.useState)([]),[ez,eJ]=(0,i.useState)(!1),[eV,eH]=(0,i.useState)(""),[eW,eG]=(0,i.useState)(""),[eY,eX]=(0,i.useState)({}),[eQ,eZ]=(0,i.useState)(""),[e0,e1]=(0,i.useState)(0);(0,i.useEffect)(()=>{if(ee(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{O((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(t=>{e1((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive).length)}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&ea(e.publicUrl)}).catch(()=>{}),"hardcoded"===l.voiceSource){let t=l.hasModelSelector&&l.modelKey&&(0,N.KC)(l.modelKey)?.[0]?.id||"",a=l.voicesPerModel&&t?(0,T.jY)(e,t)||[]:(0,N.KC)(l.voiceKey||e).filter(e=>"tts"===(0,N.CP)(e));if(a.length)if(l.hasBrowseButton){let e=a.find(e=>"en"===e.id)||a[0];j(e.id),m(e.id),h(e.name),y([{id:e.id,name:e.name}])}else y(a),m(a[0].id),h(a[0].name||a[0].id)}},[e]),(0,i.useEffect)(()=>{if(!l.voicesPerModel||!w)return;let t=(0,T.jY)(e,w)||[];y(t),t.length?(m(t[0].id),h(t[0].name||t[0].id)):(m(""),h(""))},[w]);let e5=async()=>{if(eK(!0),eH(""),eG(""),!eF.length){eJ(!0);try{if("hardcoded"===l.voiceSource){let t=l.voiceKey||e,a=(0,N.KC)(t).filter(e=>"tts"===(0,N.CP)(e)),s={};for(let e of a)s[e.id]||(s[e.id]={code:e.id,name:e.name,voices:[{id:e.id,name:e.name}]});eX(s),eq(Object.values(s).sort((e,t)=>e.name.localeCompare(t.name)))}else{let t=l.apiEndpoint?l.apiEndpoint:`/api/media-providers/tts/voices?provider=${"local-device"===e?"local-device":"edge-tts"}`,a=await fetch(t),s=await a.json();if(s.error)return void eG(s.error);eq(s.languages||[]),eX(s.byLang||{})}}catch(e){eG(e.message)}finally{eJ(!1)}}},e2=eV?eF.filter(e=>e.name.toLowerCase().includes(eV.toLowerCase())||e.code.toLowerCase().includes(eV.toLowerCase())):eF,e3=M?et:Z,e4=l.hasVoiceIdInput&&g||d,e6=l.hasModelSelector&&w&&e4?`${r}/${w}/${e4}`:l.hasModelSelector&&w?`${r}/${w}`:e4?`${r}/${e4}`:"",e7=(0,T.P9)(w),e8=n?e7.maxChars:1/0,e9=C.length>e8,te=n&&"eleven_v3"===w,tt=n&&e7.langCode,ta=n&&e7.classic,ts=q(eN),tr=(t={model:e6,input:C},l.hasLanguageHint&&eQ&&(t.language=eQ),l.hasStyleInput&&E.trim()&&(t.style=E.trim()),n&&(t.stability=en),tt&&em&&ep&&(t.language_code=ep),ta&&1!==ei&&(t.speed=ei),n&&ed&&(t.output_format=ed),t),tn=(0,i.useDeferredValue)(C),tl=`curl -X POST ${e3}/v1/audio/speech${"json"===es?"?response_format=json":""} \\
   -H "Content-Type: application/json" \\
-  -H "Authorization: Bearer ${L||"YOUR_KEY"}" \\
+  -H "Authorization: Bearer ${I||"YOUR_KEY"}" \\
   -d '${JSON.stringify({...tr,input:tn})}' \\
-  ${"json"===es?"":"--output speech.mp3"}`;(0,i.useEffect)(()=>{if(null==e_.current||!eP.current)return;let e=e_.current;e_.current=null,eP.current.focus(),eP.current.setSelectionRange(e,e)},[C]),(0,i.useEffect)(()=>{if(eh?.startsWith("blob:"))return()=>URL.revokeObjectURL(eh)},[eh]);let ti=async()=>{if(C.trim()&&!ej){ew(!0),eE("");try{let e=await fetch("/api/v1/models"),t=((await e.json()).data||[]).map(e=>e.id).filter(Boolean);if(!t.length)return void eE("Enhance needs an LLM provider — connect one in Providers first.");let a=t.map(e=>{let t,a;return{id:e,score:(t=(e.includes("/")?e.slice(e.indexOf("/")+1):e).toLowerCase(),a=0,V.test(t)&&(a+=3),H.test(t)&&(a-=3),J.test(t)&&(a-=1),a)}}).sort((e,t)=>t.score-e.score).slice(0,4).map(e=>e.id),s=0,r="";for(let e of a){let t=await fetch("/api/v1/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",...L?{Authorization:`Bearer ${L}`}:{}},body:JSON.stringify({model:e,messages:[{role:"system",content:z(eN)},{role:"user",content:C.trim()}],stream:!1,temperature:.7})}),a=await t.json().catch(()=>({}));if(t.ok){let e=a?.choices?.[0]?.message?.content?.trim();if(e)return void A(e)}s=t.status,r="string"==typeof a?.error?a.error:a?.error?.message||""}eE(429===s?`Every model tried is rate-limited or out of quota (tried ${a.length}). Wait a moment or connect another LLM provider.`:r.slice(0,200)||`Enhance failed (HTTP ${s||"no response"})`)}catch(e){eE(e.message||"Enhance failed")}finally{ew(!1)}}},to=async()=>{if(!C.trim()||!e6||e9)return;ev(!0),eE(""),eg(""),ef(null);let t=Date.now();try{let s,r={"Content-Type":"application/json"};L&&(r.Authorization=`Bearer ${L}`);let l=`/api/v1/audio/speech${"json"===es?"?response_format=json":""}`,i=await fetch(l,{method:"POST",headers:r,body:JSON.stringify({...tr,input:C.trim()})});if(eM(Date.now()-t),!i.ok){let e=await i.json().catch(()=>({}));eE(e?.error?.message||e?.error||`HTTP ${i.status}`);return}if("json"===es){let e=await i.json();ef({format:e.format,audioPreview:e.audio?`${e.audio.substring(0,100)}...`:""});let t=e.format||"mp3";s=await fetch(`data:audio/${t};base64,${e.audio}`).then(e=>e.blob())}else s=await i.blob();eg(URL.createObjectURL(s));try{var a;await (a={id:`${t}-${Math.round(1e6*Math.random())}`,provider:e,model:k||"",voiceId:e4||"",voiceName:x||e4||"",text:C.trim(),stability:n?en:void 0,blob:s,size:s.size,latency:Date.now()-t,createdAt:Date.now()},M("readwrite",e=>{let t,s,r;e.put(a),t=e.index("createdAt").openCursor(null,"prev"),s=0,r=0,t.onsuccess=()=>{let e=t.result;e&&(s+=1,r+=Number(e.value?.size)||0,(s>50||r>0xc800000)&&e.delete(),e.continue())}}).then(()=>a)),eL()}catch{}window.dispatchEvent(new CustomEvent(u,{detail:{provider:e}}))}catch(e){eE(e.message||"Network error")}finally{ev(!1)}},td=async e=>{try{await M("readwrite",t=>{t.delete(e)}),eR(t=>t.filter(t=>t.id!==e))}catch{}},tc=async()=>{if(confirm("Clear all audio history for this provider?"))try{await M("readwrite",t=>{if(!e)return void t.clear();let a=t.index("provider").getAllKeys(e);a.onsuccess=()=>{for(let e of a.result||[])t.delete(e)}}),eL()}catch{}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,s.jsx)($,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[e3,"/v1/audio/speech"]}),et&&(0,s.jsxs)("button",{onClick:()=>Q(e=>!e),title:U?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${U?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)($,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:L?`${L.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,L.length-8)))}`:e0>0?(0,s.jsxs)("span",{className:"text-text-muted italic",children:["Using stored key(s) \xb7 ",e0," connection",e0>1?"s":""]}):(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),l.hasModelSelector&&(l.modelKey||(0,w.KC)(e).some(e=>"tts"===(0,w.CP)(e)))&&(0,s.jsx)($,{label:"Model",children:(0,s.jsx)("select",{value:k,onChange:e=>S(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:((a=(0,w.KC)(e).filter(e=>"tts"===(0,w.CP)(e))).length?a:(0,w.KC)(l.modelKey)||[]).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),l.hasLanguageHint&&(0,s.jsx)($,{label:"Language",children:(0,s.jsxs)("select",{value:eQ,onChange:e=>eZ(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto-detect"}),(l.languageOptions||T.I).map(e=>"string"==typeof e?(0,s.jsx)("option",{value:e,children:e},e):(0,s.jsx)("option",{value:e.name,children:e.name},e.id))]})}),l.hasBrowseButton&&(0,s.jsx)($,{label:"Language",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)("button",{onClick:e5,className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-background font-mono truncate text-left hover:border-primary/40 transition-colors",children:v?(0,s.jsx)("span",{className:"text-text-main",children:eF.find(e=>e.code===v)?.name||v}):(0,s.jsx)("span",{className:"text-text-muted",children:"No language selected"})}),(0,s.jsxs)("button",{onClick:e5,className:"flex w-full items-center justify-center gap-1 text-xs px-2.5 py-1.5 rounded-lg border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors sm:w-auto sm:shrink-0",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"language"}),"Select language"]})]})}),f.length>0&&(0,s.jsx)($,{label:"Voice",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:f.map(e=>(0,s.jsxs)("button",{onClick:()=>{m(e.id),h(e.name),l.hasVoiceIdInput&&b(e.id)},className:`px-2.5 py-1 rounded-full text-xs border transition-colors ${d===e.id?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:[e.name,e.language?` \xb7 ${e.language}`:"",e.gender?` \xb7 ${e.gender[0].toUpperCase()}`:"",!0===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-green-500/15 text-green-600 border border-green-500/20",children:"Free"}),!1===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-amber-500/15 text-amber-600 border border-amber-500/20",children:"Paid"})]},e.id))})}),l.hasVoiceIdInput&&(0,s.jsx)($,{label:"Voice ID",children:(0,s.jsx)("div",{className:"flex flex-col gap-1",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:g,onChange:e=>{b(e.target.value),m(e.target.value)},placeholder:"e.g. CwhRBWXzGAHq8TQ4Fs17",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"}),g&&(0,s.jsx)("button",{type:"button",onClick:()=>{b(""),m("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})})}),l.hasLanguageDropdown&&(0,s.jsx)($,{label:"Language",children:(0,s.jsx)("select",{value:d,onChange:t=>{let a=(0,w.KC)(e).filter(e=>"tts"===(0,w.CP)(e)).find(e=>e.id===t.target.value);m(t.target.value),h(a?.name||t.target.value)},className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(0,w.KC)(e).filter(e=>"tts"===(0,w.CP)(e)).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,s.jsx)($,{label:"Input",children:(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{ref:eP,value:C,onChange:e=>A(e.target.value),rows:4,className:`w-full resize-y min-h-[88px] px-3 py-1.5 pr-7 text-sm leading-relaxed border rounded-lg bg-background focus:outline-none ${e9?"border-red-500 focus:border-red-500":"border-border focus:border-primary"}`}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>A(""),title:(0,_.Tl)("Clear input"),className:"absolute right-2 top-2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2 text-[10px]",children:[n&&C.length>0&&(0,s.jsxs)("span",{className:"text-text-muted",title:(0,_.Tl)("Estimate (1 character ≈ 1 credit)"),children:["≈ ",C.length.toLocaleString()," credits"]}),(0,s.jsxs)("span",{className:e9?"text-red-500 font-medium":"text-text-muted",children:[n?`${C.length.toLocaleString()} / ${e8.toLocaleString()}`:C.length," ","characters"]})]}),e9&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:"Over the model's character limit — shorten the text or switch model (Flash/Turbo allow 40,000)."})]})}),l.hasStyleInput&&(0,s.jsx)($,{label:(0,_.Tl)("Style"),children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{value:E,onChange:e=>P(e.target.value),placeholder:(0,_.Tl)("e.g. a warm, gentle voice, speaking slowly with a British accent"),rows:2,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary resize-none"}),E&&(0,s.jsx)("button",{type:"button",onClick:()=>P(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),n&&(0,s.jsx)(q,{label:"Stability",hint:"Voice expressiveness. Creative follows audio tags most closely; Robust is the steadiest but responds least to them.",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:[{v:0,name:"Creative",hint:"Expressive and varied — can even sing"},{v:.5,name:"Natural",hint:"Balanced, natural conversation"},{v:1,name:"Robust",hint:"Accurate, stable, predictable"}].map(e=>(0,s.jsx)("button",{type:"button",title:(0,_.Tl)(e.hint),onClick:()=>el(e.v),className:`px-3 py-1 rounded-lg text-xs border transition-colors ${en===e.v?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:e.name},e.v))})}),ta&&(0,s.jsx)(q,{label:"Speed",hint:"Playback rate, 0.70\xd7 to 1.20\xd7. Values far from 1 can affect quality.",children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("input",{type:"range",min:"0.7",max:"1.2",step:"0.05",value:ei,onChange:e=>eo(Number(e.target.value)),className:"w-40 accent-primary"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted tabular-nums",children:[ei.toFixed(2),"\xd7"]}),1!==ei&&(0,s.jsx)("button",{type:"button",onClick:()=>eo(1),className:"text-[11px] text-text-muted hover:text-primary transition-colors",children:(0,_.Tl)("Reset")})]})}),n&&(0,s.jsx)(q,{label:"Audio Quality",hint:"Higher MP3 bitrates and PCM require a paid plan; \xb5-law 8 kHz is for telephony.",children:(0,s.jsxs)("select",{value:ed,onChange:e=>ec(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Provider default (MP3 44.1 kHz 128 kbps)"}),I.RB.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name},e.id))]})}),tt&&(0,s.jsx)(q,{label:"Language Override",hint:"Off: the model auto-detects the language. On: force the chosen language (best with Eleven v3).",children:(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)(o.lM,{size:"sm",checked:em,onChange:eu}),em&&(0,s.jsx)("select",{value:ep,onChange:e=>ex(e.target.value),className:"px-2 py-1 text-xs border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:D.map(e=>(0,s.jsxs)("option",{value:e.code,children:[e.name," (",e.code,")"]},e.code))})]})}),te&&(0,s.jsx)($,{label:"Get started",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:W.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{A(e.text),el(e.stability),ek(e.vibe),requestAnimationFrame(()=>{let t=eP.current;t&&(t.focus(),t.setSelectionRange(e.text.length,e.text.length))})},className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg border border-border text-xs text-text-main hover:text-primary hover:border-primary/40 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:e.icon}),e.label]},e.id))})}),te&&(0,s.jsx)($,{label:"Audio Tags",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[B.map(e=>(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("span",{className:"text-[10px] font-semibold text-text-muted uppercase tracking-wider",children:e.label}),(0,s.jsx)("div",{className:"flex flex-wrap items-center gap-1.5",children:e.tags.map(e=>(0,s.jsx)("button",{type:"button",title:e.ins,onClick:()=>{var t;let a,s,r,n,l,i,o,d,c;return t=e.ins,r=(s=(a=eP.current)&&"number"==typeof a.selectionStart)?a.selectionStart:C.length,n=s?a.selectionEnd:C.length,l=C.slice(0,r),i=C.slice(n),o=l&&!/\s$/.test(l)?" ":"",d=i&&!/^\s/.test(i)?" ":"",void(e_.current=r+(c=`${o}${t}${d}`).length,A(l+c+i))},className:"px-2 py-0.5 rounded-full text-[11px] border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:e.label},e.ins))})]},e.label)),(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsxs)("button",{type:"button",onClick:ti,disabled:ej||!C.trim(),className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg border border-primary/40 bg-primary/10 text-primary text-xs font-medium hover:bg-primary/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ej?{animation:"spin 1s linear infinite"}:void 0,children:ej?"progress_activity":"auto_awesome"}),ej?"Enhancing…":"Enhance with AI"]}),(0,s.jsxs)("div",{ref:e$,className:"relative",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>eC(e=>!e),disabled:ej,title:(0,_.Tl)("Performance style the AI should aim for"),className:"inline-flex items-center gap-1.5 pl-2 pr-1.5 py-1 text-xs font-medium rounded-lg border border-primary/40 bg-primary/5 text-primary hover:bg-primary/10 focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary/70",children:"tune"}),ts.label,(0,s.jsx)("span",{className:`material-symbols-outlined text-[16px] text-primary/70 transition-transform ${eS?"rotate-180":""}`,children:"expand_more"})]}),eS&&(0,s.jsx)("div",{className:"absolute left-0 top-full mt-1 z-50 min-w-52 rounded-xl border border-border bg-bg shadow-lg overflow-hidden py-1",children:K.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{ek(e.id),eC(!1)},className:`w-full text-left px-3 py-1.5 transition-colors ${eN===e.id?"bg-primary/10":"hover:bg-sidebar"}`,children:[(0,s.jsxs)("span",{className:`flex items-center gap-1.5 text-xs font-medium ${eN===e.id?"text-primary":"text-text-main"}`,children:[eN===e.id&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"check"}),e.label]}),(0,s.jsx)("span",{className:"block text-[10px] text-text-muted mt-0.5",children:e.hint})]},e.id))})]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted",children:"Click a tag to insert it, or let AI add tags automatically (uses your configured LLM via 9router)."})]})}),(0,s.jsx)($,{label:"Output Format",children:(0,s.jsxs)("select",{value:es,onChange:e=>er(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"mp3",children:"MP3 (Binary)"}),(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>eB(tl),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eD?"check":"content_copy"}),eD?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:to,disabled:ey||!C.trim()||!e6||e9,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ey?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),ey?"Generating...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:tl})]}),eA&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eA}),eh?(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",eO&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",eO,"ms"]})]}),(0,s.jsxs)("a",{href:eh,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})]}),(0,s.jsx)("audio",{ref:eI,controls:!0,src:eh,className:"w-full"}),eb&&(0,s.jsxs)("div",{className:"mt-3",children:[(0,s.jsx)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"JSON Response"})}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:JSON.stringify({format:eb.format,audio:eb.audioPreview},null,2)})]})]}):(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Response"}),(0,s.jsx)("pre",{className:"mt-1.5 bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-50",children:G})]}),eT.length>0&&(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["History ",(0,s.jsxs)("span",{className:"font-normal normal-case",children:["(",eT.length,")"]})]}),(0,s.jsxs)("button",{onClick:tc,className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-red-500 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"delete_sweep"}),"Clear all"]})]}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5 max-h-72 overflow-y-auto",children:eT.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2.5 py-2 rounded-lg border border-border bg-sidebar/50",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("p",{className:"text-xs text-text-main truncate",title:e.text,children:e.text}),(0,s.jsxs)("p",{className:"text-[10px] text-text-muted truncate",children:[e.voiceName||e.voiceId||"—",e.model?` \xb7 ${e.model}`:"",` \xb7 ${(0,R.gs)(e.createdAt)}`]})]}),(0,s.jsx)("div",{className:"flex items-center gap-0.5 shrink-0",children:Y.map(t=>(0,s.jsx)("button",{onClick:()=>((e,t)=>{if("play"===e)return void(t?.blob&&(ef(null),eg(URL.createObjectURL(t.blob)),requestAnimationFrame(()=>{eI.current?.play().catch(()=>{})})));if("reuse"===e)return void(A(t.text),t.voiceId&&(m(t.voiceId),l.hasVoiceIdInput&&b(t.voiceId)),t.voiceName&&h(t.voiceName),t.model&&l.hasModelSelector&&S(t.model),"number"==typeof t.stability&&el(t.stability));if("download"===e){let e,a;return e=URL.createObjectURL(t.blob),void((a=document.createElement("a")).href=e,a.download=`speech-${t.createdAt}.mp3`,document.body.appendChild(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(e),1e3))}return td(t.id)})(t.key,e),title:(0,_.Tl)(t.title),className:`p-1 rounded text-text-muted transition-colors ${t.danger?"hover:text-red-500":"hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:t.icon})},t.key))})]},e.id))})]})]})]}),eU&&(0,s.jsx)("div",{className:"fixed inset-0 z-50 flex items-end justify-center sm:items-center",style:{backgroundColor:"rgba(0,0,0,0.6)",backdropFilter:"blur(2px)"},onClick:()=>eK(!1),children:(0,s.jsxs)("div",{className:"border border-border rounded-xl shadow-2xl w-full max-w-md mx-4 flex flex-col max-h-[80vh]",style:{backgroundColor:"var(--color-bg)",isolation:"isolate"},onClick:e=>e.stopPropagation(),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border shrink-0 rounded-t-xl",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold",children:"Select Language"}),(0,s.jsx)("button",{onClick:()=>eK(!1),className:"text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,s.jsx)("div",{className:"px-4 py-2.5 border-b border-border shrink-0",children:(0,s.jsx)("input",{autoFocus:!0,value:eH,onChange:e=>eJ(e.target.value),placeholder:"Search language...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),(0,s.jsxs)("div",{className:"overflow-y-auto flex-1 p-2",children:[eW&&(0,s.jsx)("p",{className:"text-xs text-red-500 px-2 py-1",children:eW}),ez?(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"Loading..."}):(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[e2.map(e=>(0,s.jsxs)("button",{onClick:()=>{let t;return eK(!1),j(e.code),void(y(t=eY[e.code]?.voices||[]),t.length&&(m(t[0].id),h(t[0].name),l.hasVoiceIdInput&&b(t[0].id)))},className:`flex items-center justify-between w-full px-3 py-2 rounded-lg text-left hover:bg-sidebar transition-colors ${v===e.code?"bg-primary/10 text-primary":""}`,children:[(0,s.jsx)("span",{className:"text-sm",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[e.voices.length," voices"]}),v===e.code&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check"})]})]},e.code)),0===e2.length&&(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"No languages found."})]})]})]})})]})}let Q="https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog.png",Z=new Set(["antigravity/gemini-3.1-flash-image","codex/gpt-5.5-image","codex/gpt-5.4-image","codex/gpt-5.3-image"]);function ee(e){let t="string"==typeof e?e.trim():"";return t?/^(data:image\/|https?:\/\/)/i.test(t)?t:`data:image/png;base64,${t}`:""}function et(e){if("string"!=typeof e||!e.startsWith("data:image/"))return e;let t=e.indexOf(","),a=e.indexOf(";"),s=a>5?e.slice(5,a):"image",r=t>=0?e.length-t-1:e.length;return`<${s} base64 hidden: ${r.toLocaleString("en-US")} chars>`}function ea({method:e,endpoint:t,apiPath:a,headers:s,body:r,wantBinary:n}){return`curl -X ${e} ${t}${a} \\
+  ${"json"===es?"":"--output speech.mp3"}`;(0,i.useEffect)(()=>{if(null==eI.current||!eP.current)return;let e=eI.current;eI.current=null,eP.current.focus(),eP.current.setSelectionRange(e,e)},[C]),(0,i.useEffect)(()=>{if(eh?.startsWith("blob:"))return()=>URL.revokeObjectURL(eh)},[eh]);let ti=async()=>{if(C.trim()&&!ej){ew(!0),eE("");try{let e=await fetch("/api/v1/models"),t=((await e.json()).data||[]).map(e=>e.id).filter(Boolean);if(!t.length)return void eE("Enhance needs an LLM provider — connect one in Providers first.");let a=t.map(e=>{let t,a;return{id:e,score:(t=(e.includes("/")?e.slice(e.indexOf("/")+1):e).toLowerCase(),a=0,V.test(t)&&(a+=3),H.test(t)&&(a-=3),W.test(t)&&(a-=1),a)}}).sort((e,t)=>t.score-e.score).slice(0,4).map(e=>e.id),s=0,r="";for(let e of a){let t=await fetch("/api/v1/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",...I?{Authorization:`Bearer ${I}`}:{}},body:JSON.stringify({model:e,messages:[{role:"system",content:J(eN)},{role:"user",content:C.trim()}],stream:!1,temperature:.7})}),a=await t.json().catch(()=>({}));if(t.ok){let e=a?.choices?.[0]?.message?.content?.trim();if(e)return void $(e)}s=t.status,r="string"==typeof a?.error?a.error:a?.error?.message||""}eE(429===s?`Every model tried is rate-limited or out of quota (tried ${a.length}). Wait a moment or connect another LLM provider.`:r.slice(0,200)||`Enhance failed (HTTP ${s||"no response"})`)}catch(e){eE(e.message||"Enhance failed")}finally{ew(!1)}}},to=async()=>{if(!C.trim()||!e6||e9)return;ev(!0),eE(""),eg(""),ef(null);let t=Date.now();try{let s,r={"Content-Type":"application/json"};I&&(r.Authorization=`Bearer ${I}`);let l=`/api/v1/audio/speech${"json"===es?"?response_format=json":""}`,i=await fetch(l,{method:"POST",headers:r,body:JSON.stringify({...tr,input:C.trim()})});if(eM(Date.now()-t),!i.ok){let e=await i.json().catch(()=>({}));eE(e?.error?.message||e?.error||`HTTP ${i.status}`);return}if("json"===es){let e=await i.json();ef({format:e.format,audioPreview:e.audio?`${e.audio.substring(0,100)}...`:""});let t=e.format||"mp3";s=await fetch(`data:audio/${t};base64,${e.audio}`).then(e=>e.blob())}else s=await i.blob();eg(URL.createObjectURL(s));try{var a;await (a={id:`${t}-${Math.round(1e6*Math.random())}`,provider:e,model:w||"",voiceId:e4||"",voiceName:x||e4||"",text:C.trim(),stability:n?en:void 0,blob:s,size:s.size,latency:Date.now()-t,createdAt:Date.now()},D("readwrite",e=>{let t,s,r;e.put(a),t=e.index("createdAt").openCursor(null,"prev"),s=0,r=0,t.onsuccess=()=>{let e=t.result;e&&(s+=1,r+=Number(e.value?.size)||0,(s>50||r>0xc800000)&&e.delete(),e.continue())}}).then(()=>a)),eL()}catch{}window.dispatchEvent(new CustomEvent(u,{detail:{provider:e}}))}catch(e){eE(e.message||"Network error")}finally{ev(!1)}},td=async e=>{try{await D("readwrite",t=>{t.delete(e)}),eR(t=>t.filter(t=>t.id!==e))}catch{}},tc=async()=>{if(confirm("Clear all audio history for this provider?"))try{await D("readwrite",t=>{if(!e)return void t.clear();let a=t.index("provider").getAllKeys(e);a.onsuccess=()=>{for(let e of a.result||[])t.delete(e)}}),eL()}catch{}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[e3,"/v1/audio/speech"]}),et&&(0,s.jsxs)("button",{onClick:()=>K(e=>!e),title:M?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${M?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:I?`${I.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,I.length-8)))}`:e0>0?(0,s.jsxs)("span",{className:"text-text-muted italic",children:["Using stored key(s) \xb7 ",e0," connection",e0>1?"s":""]}):(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),l.hasModelSelector&&(l.modelKey||(0,N.KC)(e).some(e=>"tts"===(0,N.CP)(e)))&&(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("select",{value:w,onChange:e=>S(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:((a=(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e))).length?a:(0,N.KC)(l.modelKey)||[]).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),l.hasLanguageHint&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsxs)("select",{value:eQ,onChange:e=>eZ(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto-detect"}),(l.languageOptions||R.I).map(e=>"string"==typeof e?(0,s.jsx)("option",{value:e,children:e},e):(0,s.jsx)("option",{value:e.name,children:e.name},e.id))]})}),l.hasBrowseButton&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)("button",{onClick:e5,className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-background font-mono truncate text-left hover:border-primary/40 transition-colors",children:v?(0,s.jsx)("span",{className:"text-text-main",children:eF.find(e=>e.code===v)?.name||v}):(0,s.jsx)("span",{className:"text-text-muted",children:"No language selected"})}),(0,s.jsxs)("button",{onClick:e5,className:"flex w-full items-center justify-center gap-1 text-xs px-2.5 py-1.5 rounded-lg border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors sm:w-auto sm:shrink-0",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"language"}),"Select language"]})]})}),f.length>0&&(0,s.jsx)(A,{label:"Voice",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:f.map(e=>(0,s.jsxs)("button",{onClick:()=>{m(e.id),h(e.name),l.hasVoiceIdInput&&b(e.id)},className:`px-2.5 py-1 rounded-full text-xs border transition-colors ${d===e.id?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:[e.name,e.language?` \xb7 ${e.language}`:"",e.gender?` \xb7 ${e.gender[0].toUpperCase()}`:"",!0===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-green-500/15 text-green-600 border border-green-500/20",children:"Free"}),!1===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-amber-500/15 text-amber-600 border border-amber-500/20",children:"Paid"})]},e.id))})}),l.hasVoiceIdInput&&(0,s.jsx)(A,{label:"Voice ID",children:(0,s.jsx)("div",{className:"flex flex-col gap-1",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:g,onChange:e=>{b(e.target.value),m(e.target.value)},placeholder:"e.g. CwhRBWXzGAHq8TQ4Fs17",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"}),g&&(0,s.jsx)("button",{type:"button",onClick:()=>{b(""),m("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})})}),l.hasLanguageDropdown&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsx)("select",{value:d,onChange:t=>{let a=(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e)).find(e=>e.id===t.target.value);m(t.target.value),h(a?.name||t.target.value)},className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e)).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,s.jsx)(A,{label:"Input",children:(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{ref:eP,value:C,onChange:e=>$(e.target.value),rows:4,className:`w-full resize-y min-h-[88px] px-3 py-1.5 pr-7 text-sm leading-relaxed border rounded-lg bg-background focus:outline-none ${e9?"border-red-500 focus:border-red-500":"border-border focus:border-primary"}`}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>$(""),title:(0,_.Tl)("Clear input"),className:"absolute right-2 top-2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2 text-[10px]",children:[n&&C.length>0&&(0,s.jsxs)("span",{className:"text-text-muted",title:(0,_.Tl)("Estimate (1 character ≈ 1 credit)"),children:["≈ ",C.length.toLocaleString()," credits"]}),(0,s.jsxs)("span",{className:e9?"text-red-500 font-medium":"text-text-muted",children:[n?`${C.length.toLocaleString()} / ${e8.toLocaleString()}`:C.length," ","characters"]})]}),e9&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:"Over the model's character limit — shorten the text or switch model (Flash/Turbo allow 40,000)."})]})}),l.hasStyleInput&&(0,s.jsx)(A,{label:(0,_.Tl)("Style"),children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{value:E,onChange:e=>P(e.target.value),placeholder:(0,_.Tl)("e.g. a warm, gentle voice, speaking slowly with a British accent"),rows:2,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary resize-none"}),E&&(0,s.jsx)("button",{type:"button",onClick:()=>P(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),n&&(0,s.jsx)(z,{label:"Stability",hint:"Voice expressiveness. Creative follows audio tags most closely; Robust is the steadiest but responds least to them.",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:[{v:0,name:"Creative",hint:"Expressive and varied — can even sing"},{v:.5,name:"Natural",hint:"Balanced, natural conversation"},{v:1,name:"Robust",hint:"Accurate, stable, predictable"}].map(e=>(0,s.jsx)("button",{type:"button",title:(0,_.Tl)(e.hint),onClick:()=>el(e.v),className:`px-3 py-1 rounded-lg text-xs border transition-colors ${en===e.v?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:e.name},e.v))})}),ta&&(0,s.jsx)(z,{label:"Speed",hint:"Playback rate, 0.70\xd7 to 1.20\xd7. Values far from 1 can affect quality.",children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("input",{type:"range",min:"0.7",max:"1.2",step:"0.05",value:ei,onChange:e=>eo(Number(e.target.value)),className:"w-40 accent-primary"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted tabular-nums",children:[ei.toFixed(2),"\xd7"]}),1!==ei&&(0,s.jsx)("button",{type:"button",onClick:()=>eo(1),className:"text-[11px] text-text-muted hover:text-primary transition-colors",children:(0,_.Tl)("Reset")})]})}),n&&(0,s.jsx)(z,{label:"Audio Quality",hint:"Higher MP3 bitrates and PCM require a paid plan; \xb5-law 8 kHz is for telephony.",children:(0,s.jsxs)("select",{value:ed,onChange:e=>ec(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Provider default (MP3 44.1 kHz 128 kbps)"}),T.RB.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name},e.id))]})}),tt&&(0,s.jsx)(z,{label:"Language Override",hint:"Off: the model auto-detects the language. On: force the chosen language (best with Eleven v3).",children:(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)(o.lM,{size:"sm",checked:em,onChange:eu}),em&&(0,s.jsx)("select",{value:ep,onChange:e=>ex(e.target.value),className:"px-2 py-1 text-xs border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:B.map(e=>(0,s.jsxs)("option",{value:e.code,children:[e.name," (",e.code,")"]},e.code))})]})}),te&&(0,s.jsx)(A,{label:"Get started",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:G.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{$(e.text),el(e.stability),ek(e.vibe),requestAnimationFrame(()=>{let t=eP.current;t&&(t.focus(),t.setSelectionRange(e.text.length,e.text.length))})},className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg border border-border text-xs text-text-main hover:text-primary hover:border-primary/40 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:e.icon}),e.label]},e.id))})}),te&&(0,s.jsx)(A,{label:"Audio Tags",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[U.map(e=>(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("span",{className:"text-[10px] font-semibold text-text-muted uppercase tracking-wider",children:e.label}),(0,s.jsx)("div",{className:"flex flex-wrap items-center gap-1.5",children:e.tags.map(e=>(0,s.jsx)("button",{type:"button",title:e.ins,onClick:()=>{var t;let a,s,r,n,l,i,o,d,c;return t=e.ins,r=(s=(a=eP.current)&&"number"==typeof a.selectionStart)?a.selectionStart:C.length,n=s?a.selectionEnd:C.length,l=C.slice(0,r),i=C.slice(n),o=l&&!/\s$/.test(l)?" ":"",d=i&&!/^\s/.test(i)?" ":"",void(eI.current=r+(c=`${o}${t}${d}`).length,$(l+c+i))},className:"px-2 py-0.5 rounded-full text-[11px] border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:e.label},e.ins))})]},e.label)),(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsxs)("button",{type:"button",onClick:ti,disabled:ej||!C.trim(),className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg border border-primary/40 bg-primary/10 text-primary text-xs font-medium hover:bg-primary/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ej?{animation:"spin 1s linear infinite"}:void 0,children:ej?"progress_activity":"auto_awesome"}),ej?"Enhancing…":"Enhance with AI"]}),(0,s.jsxs)("div",{ref:e$,className:"relative",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>eC(e=>!e),disabled:ej,title:(0,_.Tl)("Performance style the AI should aim for"),className:"inline-flex items-center gap-1.5 pl-2 pr-1.5 py-1 text-xs font-medium rounded-lg border border-primary/40 bg-primary/5 text-primary hover:bg-primary/10 focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary/70",children:"tune"}),ts.label,(0,s.jsx)("span",{className:`material-symbols-outlined text-[16px] text-primary/70 transition-transform ${eS?"rotate-180":""}`,children:"expand_more"})]}),eS&&(0,s.jsx)("div",{className:"absolute left-0 top-full mt-1 z-50 min-w-52 rounded-xl border border-border bg-bg shadow-lg overflow-hidden py-1",children:F.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{ek(e.id),eC(!1)},className:`w-full text-left px-3 py-1.5 transition-colors ${eN===e.id?"bg-primary/10":"hover:bg-sidebar"}`,children:[(0,s.jsxs)("span",{className:`flex items-center gap-1.5 text-xs font-medium ${eN===e.id?"text-primary":"text-text-main"}`,children:[eN===e.id&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"check"}),e.label]}),(0,s.jsx)("span",{className:"block text-[10px] text-text-muted mt-0.5",children:e.hint})]},e.id))})]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted",children:"Click a tag to insert it, or let AI add tags automatically (uses your configured LLM via 9router)."})]})}),(0,s.jsx)(A,{label:"Output Format",children:(0,s.jsxs)("select",{value:es,onChange:e=>er(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"mp3",children:"MP3 (Binary)"}),(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>eB(tl),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eD?"check":"content_copy"}),eD?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:to,disabled:ey||!C.trim()||!e6||e9,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ey?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),ey?"Generating...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:tl})]}),eA&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eA}),eh?(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",eO&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",eO,"ms"]})]}),(0,s.jsxs)("a",{href:eh,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})]}),(0,s.jsx)("audio",{ref:e_,controls:!0,src:eh,className:"w-full"}),eb&&(0,s.jsxs)("div",{className:"mt-3",children:[(0,s.jsx)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"JSON Response"})}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:JSON.stringify({format:eb.format,audio:eb.audioPreview},null,2)})]})]}):(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Response"}),(0,s.jsx)("pre",{className:"mt-1.5 bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-50",children:Y})]}),eT.length>0&&(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["History ",(0,s.jsxs)("span",{className:"font-normal normal-case",children:["(",eT.length,")"]})]}),(0,s.jsxs)("button",{onClick:tc,className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-red-500 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"delete_sweep"}),"Clear all"]})]}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5 max-h-72 overflow-y-auto",children:eT.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2.5 py-2 rounded-lg border border-border bg-sidebar/50",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("p",{className:"text-xs text-text-main truncate",title:e.text,children:e.text}),(0,s.jsxs)("p",{className:"text-[10px] text-text-muted truncate",children:[e.voiceName||e.voiceId||"—",e.model?` \xb7 ${e.model}`:"",` \xb7 ${(0,L.gs)(e.createdAt)}`]})]}),(0,s.jsx)("div",{className:"flex items-center gap-0.5 shrink-0",children:X.map(t=>(0,s.jsx)("button",{onClick:()=>((e,t)=>{if("play"===e)return void(t?.blob&&(ef(null),eg(URL.createObjectURL(t.blob)),requestAnimationFrame(()=>{e_.current?.play().catch(()=>{})})));if("reuse"===e)return void($(t.text),t.voiceId&&(m(t.voiceId),l.hasVoiceIdInput&&b(t.voiceId)),t.voiceName&&h(t.voiceName),t.model&&l.hasModelSelector&&S(t.model),"number"==typeof t.stability&&el(t.stability));if("download"===e){let e,a;return e=URL.createObjectURL(t.blob),void((a=document.createElement("a")).href=e,a.download=`speech-${t.createdAt}.mp3`,document.body.appendChild(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(e),1e3))}return td(t.id)})(t.key,e),title:(0,_.Tl)(t.title),className:`p-1 rounded text-text-muted transition-colors ${t.danger?"hover:text-red-500":"hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:t.icon})},t.key))})]},e.id))})]})]})]}),eU&&(0,s.jsx)("div",{className:"fixed inset-0 z-50 flex items-end justify-center sm:items-center",style:{backgroundColor:"rgba(0,0,0,0.6)",backdropFilter:"blur(2px)"},onClick:()=>eK(!1),children:(0,s.jsxs)("div",{className:"border border-border rounded-xl shadow-2xl w-full max-w-md mx-4 flex flex-col max-h-[80vh]",style:{backgroundColor:"var(--color-bg)",isolation:"isolate"},onClick:e=>e.stopPropagation(),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border shrink-0 rounded-t-xl",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold",children:"Select Language"}),(0,s.jsx)("button",{onClick:()=>eK(!1),className:"text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,s.jsx)("div",{className:"px-4 py-2.5 border-b border-border shrink-0",children:(0,s.jsx)("input",{autoFocus:!0,value:eV,onChange:e=>eH(e.target.value),placeholder:"Search language...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),(0,s.jsxs)("div",{className:"overflow-y-auto flex-1 p-2",children:[eW&&(0,s.jsx)("p",{className:"text-xs text-red-500 px-2 py-1",children:eW}),ez?(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"Loading..."}):(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[e2.map(e=>(0,s.jsxs)("button",{onClick:()=>{let t;return eK(!1),j(e.code),void(y(t=eY[e.code]?.voices||[]),t.length&&(m(t[0].id),h(t[0].name),l.hasVoiceIdInput&&b(t[0].id)))},className:`flex items-center justify-between w-full px-3 py-2 rounded-lg text-left hover:bg-sidebar transition-colors ${v===e.code?"bg-primary/10 text-primary":""}`,children:[(0,s.jsx)("span",{className:"text-sm",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[e.voices.length," voices"]}),v===e.code&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check"})]})]},e.code)),0===e2.length&&(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"No languages found."})]})]})]})})]})}let Z="https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog.png",ee=new Set(["antigravity/gemini-3.1-flash-image","codex/gpt-5.5-image","codex/gpt-5.4-image","codex/gpt-5.3-image"]);function et(e){let t="string"==typeof e?e.trim():"";return t?/^(data:image\/|https?:\/\/)/i.test(t)?t:`data:image/png;base64,${t}`:""}function ea(e){if("string"!=typeof e||!e.startsWith("data:image/"))return e;let t=e.indexOf(","),a=e.indexOf(";"),s=a>5?e.slice(5,a):"image",r=t>=0?e.length-t-1:e.length;return`<${s} base64 hidden: ${r.toLocaleString("en-US")} chars>`}function es({method:e,endpoint:t,apiPath:a,headers:s,body:r,wantBinary:n}){return`curl -X ${e} ${t}${a} \\
   ${s.replace(/\\\n  /g,"\\\n  ")} \\
-  -d '${JSON.stringify(r)}'${n?" \\\n  --output image.png":""}`}function es({providerId:e,kind:t}){let a=(0,c.wG)(e),r=(0,c.rs)(a),n=r===e?a:e,l=c.rj.find(e=>e.id===t),d=A[t],m=d||{},u=(0,w.KC)(e).filter(e=>(0,w.CP)(e)===t),p=new Set(["image","video","music","imageToText"]).has(t),x=p&&0===u.length,[h,g]=(0,i.useState)(u[0]?.id??""),b=u.find(e=>e.id===h),f=`${r}/${h}`,y=!!b?.capabilities?.includes("multiImage")||Z.has(f),v=!!b?.capabilities?.includes("edit")||y,j=!!b?.capabilities?.includes("mask"),[k,S]=(0,i.useState)(m.defaultInput||""),[C,E]=(0,i.useState)(""),[P,_]=(0,i.useState)([]),[I,T]=(0,i.useState)(""),[R,L]=(0,i.useState)(()=>(m.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[O,M]=(0,i.useState)(""),[D,B]=(0,i.useState)(!1),[U,K]=(0,i.useState)(""),[F,q]=(0,i.useState)(""),[z,V]=(0,i.useState)(null),[H,J]=(0,i.useState)(null),[W,G]=(0,i.useState)(null),[Y,X]=(0,i.useState)("json"),[er,en]=(0,i.useState)(""),[el,ei]=(0,i.useState)(!1),[eo,ed]=(0,i.useState)(""),[ec,em]=(0,i.useState)([]),[eu,ep]=(0,i.useState)(""),{copied:ex,copy:eh}=(0,N.C)(),{copied:eg,copy:eb}=(0,N.C)();if((0,i.useEffect)(()=>{K(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&q(e.publicUrl)}).catch(()=>{}),fetch("/api/providers/client").then(e=>e.json()).then(t=>{em((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!d)return null;let ef=D?F:U,ey=l.endpoint.path,ev=p?h?`${n}/${h}`:x?"":n:n,ej="cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===h?{image:Q}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===h?{image:Q,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ew=y?P:P.slice(0,1),eN=[...C.trim()?[C.trim()]:[],...ew.map(e=>e.dataUrl).filter(Boolean)],ek=eN.length>0?eN:ej.image?[ej.image]:[],eS=ek[0]||"",eC=I.trim()||ej.mask_image||"",e$=ee(C.trim()||(0===eN.length?ej.image:"")),eA=ee(eC),eE=Object.entries(R).reduce((e,[t,a])=>(""===a||null==a||"number"==typeof a&&Number.isNaN(a)||(e[t]=a),e),{}),eP={model:ev,[d.bodyKey]:k,...d.extraBody,...eE,...v&&y&&ek.length>1?{images:ek}:{},...v&&(!y||1===ek.length)&&eS?{image:eS}:{},...j&&eC?{mask_image:eC}:{}},e_=async e=>{let t=Array.from(e.target.files||[]).filter(e=>e.type.startsWith("image/"));if(e.target.value="",0===t.length)return;let a=await Promise.all(t.map(async e=>({id:globalThis.crypto?.randomUUID?.()||`ref_${Date.now()}_${Math.random().toString(16).slice(2)}`,name:e.name,dataUrl:await new Promise((t,a)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>a(s.error||Error("Failed to read image")),s.readAsDataURL(e)})})));_(e=>y?[...e,...a]:a.slice(0,1)),y||E("")},eI="image"===t&&"binary"===Y,eT="image"===t&&"codex"===e&&!eI,eR=`${ey}${eI?"?response_format=binary":""}`,eL=`-H "Content-Type: application/json" \\
+  -d '${JSON.stringify(r)}'${n?" \\\n  --output image.png":""}`}function er({providerId:e,kind:t}){let a=(0,c.wG)(e),r=(0,c.rs)(a),n=r===e?a:e,l=c.rj.find(e=>e.id===t),d=E[t],m=d||{},u=(0,N.KC)(e).filter(e=>(0,N.CP)(e)===t),p=new Set(["image","video","music","imageToText"]).has(t),x=p&&0===u.length,[h,g]=(0,i.useState)(u[0]?.id??""),b=u.find(e=>e.id===h),f=`${r}/${h}`,y=!!b?.capabilities?.includes("multiImage")||ee.has(f),v=!!b?.capabilities?.includes("edit")||y,j=!!b?.capabilities?.includes("mask"),[w,S]=(0,i.useState)(m.defaultInput||""),[C,$]=(0,i.useState)(""),[P,I]=(0,i.useState)([]),[_,T]=(0,i.useState)(""),[R,L]=(0,i.useState)(()=>(m.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[O,M]=(0,i.useState)(""),[D,B]=(0,i.useState)(!1),[U,K]=(0,i.useState)(""),[F,q]=(0,i.useState)(""),[z,J]=(0,i.useState)(null),[V,H]=(0,i.useState)(null),[W,G]=(0,i.useState)(null),[Y,X]=(0,i.useState)("json"),[Q,en]=(0,i.useState)(""),[el,ei]=(0,i.useState)(!1),[eo,ed]=(0,i.useState)(""),[ec,em]=(0,i.useState)([]),[eu,ep]=(0,i.useState)(""),{copied:ex,copy:eh}=(0,k.C)(),{copied:eg,copy:eb}=(0,k.C)();if((0,i.useEffect)(()=>{K(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&q(e.publicUrl)}).catch(()=>{}),fetch("/api/providers/client").then(e=>e.json()).then(t=>{em((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!d)return null;let ef=D?F:U,ey=l.endpoint.path,ev=p?h?`${n}/${h}`:x?"":n:n,ej="cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===h?{image:Z}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===h?{image:Z,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ew=y?P:P.slice(0,1),eN=[...C.trim()?[C.trim()]:[],...ew.map(e=>e.dataUrl).filter(Boolean)],ek=eN.length>0?eN:ej.image?[ej.image]:[],eS=ek[0]||"",eC=_.trim()||ej.mask_image||"",e$=et(C.trim()||(0===eN.length?ej.image:"")),eA=et(eC),eE=Object.entries(R).reduce((e,[t,a])=>(""===a||null==a||"number"==typeof a&&Number.isNaN(a)||(e[t]=a),e),{}),eP={model:ev,[d.bodyKey]:w,...d.extraBody,...eE,...v&&y&&ek.length>1?{images:ek}:{},...v&&(!y||1===ek.length)&&eS?{image:eS}:{},...j&&eC?{mask_image:eC}:{}},eI=async e=>{let t=Array.from(e.target.files||[]).filter(e=>e.type.startsWith("image/"));if(e.target.value="",0===t.length)return;let a=await Promise.all(t.map(async e=>({id:globalThis.crypto?.randomUUID?.()||`ref_${Date.now()}_${Math.random().toString(16).slice(2)}`,name:e.name,dataUrl:await new Promise((t,a)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>a(s.error||Error("Failed to read image")),s.readAsDataURL(e)})})));I(e=>y?[...e,...a]:a.slice(0,1)),y||$("")},e_="image"===t&&"binary"===Y,eT="image"===t&&"codex"===e&&!e_,eR=`${ey}${e_?"?response_format=binary":""}`,eL=`-H "Content-Type: application/json" \\
   -H "Authorization: Bearer ${O||"YOUR_KEY"}"${eu?` \\
   -H "x-connection-id: ${eu}"`:""}${eT?` \\
-  -H "Accept: text/event-stream"`:""}`,eO=ea({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:{...eP,...eP.image?{image:et(eP.image)}:{},...Array.isArray(eP.images)?{images:eP.images.map(et)}:{},...eP.mask_image?{mask_image:et(eP.mask_image)}:{}},wantBinary:eI}),eM=async()=>{if(!k.trim()||!ev)return;let e=ek.findIndex(e=>!function(e){let t="string"==typeof e?e.trim():"";if(!t)return!1;if(/^https?:\/\//i.test(t))return!0;let a=t.match(/^data:image\/[^;]+;base64,([\s\S]+)$/i),s=(a?.[1]||t).replace(/\s+/g,"");return s.length>=8&&s.length%4!=1&&/^[A-Za-z0-9+/]+={0,2}$/.test(s)}(e));if(e>=0)return void ed(`Reference image ${e+1} is invalid. Use an image URL or attach an image file.`);if(ei(!0),ed(""),V(null),J(null),G(null),er){try{URL.revokeObjectURL(er)}catch{}en("")}let t=Date.now();try{let e={"Content-Type":"application/json"};O&&(e.Authorization=`Bearer ${O}`),eu&&(e["x-connection-id"]=eu),eT&&(e.Accept="text/event-stream");let a={...eP,model:ev},s=await fetch(`/api${eR}`,{method:l.endpoint.method,headers:e,body:JSON.stringify(a)}),r=s.headers.get("x-connection-id")||"",n=ec.find(e=>e.id===r),i=n?n.email||n.name||n.id.slice(0,8):r?r.slice(0,8):"",o=r?{connectionId:r,connectionLabel:i}:{};if(!s.ok){let e=await s.json().catch(()=>({}));ed(e?.error?.message||e?.error||`HTTP ${s.status}`);return}let d=s.headers.get("content-type")||"";if(d.startsWith("image/")){let e=await s.blob(),a=URL.createObjectURL(e);en(a),V({data:{binary:!0,mime:d,size:e.size},latencyMs:Date.now()-t,...o});return}if(d.includes("text/event-stream")&&s.body){let e=s.body.getReader(),a=new TextDecoder,r="",n=null,l=null;for(;;){let t,{done:s,value:i}=await e.read();if(s)break;for(r+=a.decode(i,{stream:!0});-1!==(t=r.indexOf("\n\n"));){let e=r.slice(0,t);r=r.slice(t+2);let a=null,s="";for(let t of e.split("\n"))t.startsWith("event:")?a=t.slice(6).trim():t.startsWith("data:")&&(s+=t.slice(5).trim());if(a)try{let e=s?JSON.parse(s):{};"progress"===a?J(e):"partial_image"===a?G(e):"done"===a?n=e:"error"===a&&(l=e?.message||"Stream error")}catch{}}}let i=Date.now()-t;if(l)return void ed(l);n&&V({data:n,latencyMs:i,...o})}else{let e=await s.json(),a=Date.now()-t;V({data:e,latencyMs:a,...o})}}catch(e){ed(e.message||"Network error")}finally{ei(!1)}},eD=e=>{if(!e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(eD);let t={};for(let[a,s]of Object.entries(e))t[a]="b64_json"===a&&"string"==typeof s&&s.length>100?`<${s.length} chars base64>`:eD(s);return t},eB=z?JSON.stringify(eD(z.data),null,2):"";return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[u.length>0?(0,s.jsx)($,{label:"Model",children:(0,s.jsx)("select",{value:h,onChange:e=>g(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:u.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):x?(0,s.jsx)($,{label:"Model",children:(0,s.jsx)("input",{value:h,onChange:e=>g(e.target.value),placeholder:"Enter model id (provider-specific)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}):null,(0,s.jsx)($,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[ef,ey]}),F&&(0,s.jsxs)("button",{onClick:()=>B(e=>!e),title:D?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${D?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)($,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:O?`${O.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,O.length-8)))}`:(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),ec.length>0&&(0,s.jsx)($,{label:"Connection",children:(0,s.jsxs)("select",{value:eu,onChange:e=>ep(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto (by priority)"}),ec.map(e=>{let t=e.providerSpecificData?.chatgptPlanType,a=e.email||e.name||e.id.slice(0,8);return(0,s.jsxs)("option",{value:e.id,children:[a,t?` [${t}]`:""]},e.id)})]})}),(0,s.jsx)($,{label:d.inputLabel,children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:k,onChange:e=>S(e.target.value),placeholder:d.inputPlaceholder,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),k&&(0,s.jsx)("button",{type:"button",onClick:()=>S(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),v&&(0,s.jsx)($,{label:y?"Reference Images":"Ref Image",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:C,onChange:e=>{E(e.target.value),y||_([])},placeholder:ej.image||"https://example.com/source.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>E(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("label",{className:"flex cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-dashed border-border px-3 py-2 text-xs text-text-muted transition-colors hover:border-primary hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add_photo_alternate"}),y?"Attach one or more images":"Attach image",(0,s.jsx)("input",{type:"file",accept:"image/*",multiple:y,onChange:e_,className:"hidden"})]}),e$&&(0,s.jsx)("img",{src:e$,alt:"Reference",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"}),ew.length>0&&(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3",children:ew.map(e=>(0,s.jsxs)("div",{className:"group relative overflow-hidden rounded-lg border border-border bg-sidebar",children:[(0,s.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover",loading:"lazy",decoding:"async"}),(0,s.jsx)("button",{type:"button",onClick:()=>_(t=>t.filter(t=>t.id!==e.id)),className:"absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-black/65 text-white transition hover:bg-black","aria-label":`Remove ${e.name}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[15px]",children:"close"})}),(0,s.jsx)("span",{className:"block truncate px-2 py-1.5 text-[11px] text-text-muted",children:e.name})]},e.id))}),y&&ek.length>0&&(0,s.jsx)("p",{className:"text-[11px] text-text-muted",children:1===ek.length?"Request uses image":`Request uses images[] with ${ek.length} references`})]})}),j&&(0,s.jsx)($,{label:"Mask (URL)",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:I,onChange:e=>T(e.target.value),placeholder:ej.mask_image||"https://example.com/mask.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),I&&(0,s.jsx)("button",{type:"button",onClick:()=>T(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),eA&&(0,s.jsx)("img",{src:eA,alt:"Mask",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"})]})}),(d.extraFields||[]).filter(e=>0===u.length||Array.isArray(b?.params)&&b.params.includes(e.key)).map(e=>(0,s.jsx)($,{label:e.label,children:"select"===e.type?(0,s.jsx)("select",{value:R[e.key]??"",onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(e.options||[]).map(e=>(0,s.jsx)("option",{value:e,children:""===e?"(default)":e},e))}):"text"===e.type?(0,s.jsx)("input",{type:"text",value:R[e.key]??"",placeholder:e.placeholder,onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}):(0,s.jsx)("input",{type:"number",value:R[e.key]??"",min:e.min,max:e.max,onChange:t=>L(a=>({...a,[e.key]:""===t.target.value?"":Number(t.target.value)})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})},e.key)),"image"===t&&(0,s.jsx)($,{label:"Output Format",children:(0,s.jsxs)("select",{value:Y,onChange:e=>X(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"}),(0,s.jsx)("option",{value:"binary",children:"Binary File"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>{eh(ea({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:eP,wantBinary:eI}))},className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ex?"check":"content_copy"}),ex?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:eM,disabled:el||!k.trim()||!ev,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:el?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),el?"Running...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-lg bg-sidebar px-3 py-2.5 font-mono text-xs text-text-main",children:eO}),(eP.image||eP.images||eP.mask_image)&&(0,s.jsx)("p",{className:"mt-1.5 text-[11px] text-text-muted",children:"Base64 is hidden in the preview. Copy and Run still include the full image payload."})]}),(el||H)&&eT&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 px-3 py-2 rounded-lg bg-sidebar border border-border sm:flex-row sm:items-center sm:gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",style:el?{animation:"spin 1s linear infinite"}:void 0,children:el?"progress_activity":"check_circle"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[H?.stage||"starting",!el&&H?.bytesReceived?` \xb7 ${(H.bytesReceived/1024).toFixed(1)} KB`:""]})]}),W?.b64_json&&!z&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Partial preview"}),(0,s.jsx)("img",{src:`data:image/png;base64,${W.b64_json}`,alt:"Partial",className:"max-w-full rounded-lg border border-border mt-1.5 opacity-80",loading:"lazy",decoding:"async"})]}),eo&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eo}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",z&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",z.latencyMs,"ms",z.connectionLabel?` | account: ${z.connectionLabel}`:""]})]}),z&&(0,s.jsxs)("button",{onClick:()=>eb(eB),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eg?"check":"content_copy"}),eg?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:z?eB:d.defaultResponse}),"image"===t&&(er||z?.data?.data?.[0])&&(0,s.jsxs)("div",{className:"mt-2",children:[(0,s.jsx)("div",{className:"flex items-center justify-end mb-1.5",children:(0,s.jsxs)("a",{href:er||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url||""),download:"image.png",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),(0,s.jsx)("img",{src:er||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url),alt:"Generated",className:"max-w-full rounded-lg border border-border",loading:"lazy",decoding:"async"})]})]})]})]})}function er({providerId:e}){let t=(0,c.wG)(e),a=(0,w.KC)(e).filter(e=>"stt"===(0,w.CP)(e)),[r,n]=(0,i.useState)([]),l=[...a,...r],[d,m]=(0,i.useState)(a[0]?.id??""),u=l.find(e=>e.id===d),p=Array.isArray(u?.params)?u.params:[],[x,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(""),[f,y]=(0,i.useState)(""),[v,j]=(0,i.useState)("json"),[k,S]=(0,i.useState)(""),[C,A]=(0,i.useState)(""),[E,P]=(0,i.useState)(!1),[_,I]=(0,i.useState)(""),[T,R]=(0,i.useState)(""),[L,O]=(0,i.useState)(null),[M,D]=(0,i.useState)(null),[B,U]=(0,i.useState)(!1),[K,F]=(0,i.useState)(""),{copied:q,copy:z}=(0,N.C)(),{copied:V,copy:H}=(0,N.C)();(0,i.useEffect)(()=>{I(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{A((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&R(e.publicUrl)}).catch(()=>{});let e=()=>{fetch("/api/models/custom",{cache:"no-store"}).then(e=>e.json()).then(e=>{n((e.models||[]).filter(e=>"stt"===(0,w.CP)(e)&&e.providerAlias===t))}).catch(()=>{})};return e(),window.addEventListener("focus",e),window.addEventListener("customModelChanged",e),()=>{window.removeEventListener("focus",e),window.removeEventListener("customModelChanged",e)}},[t]);let J=E?T:_,W=d?`${t}/${d}`:"",G=`curl -X POST ${J}/v1/audio/transcriptions \\
+  -H "Accept: text/event-stream"`:""}`,eO=es({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:{...eP,...eP.image?{image:ea(eP.image)}:{},...Array.isArray(eP.images)?{images:eP.images.map(ea)}:{},...eP.mask_image?{mask_image:ea(eP.mask_image)}:{}},wantBinary:e_}),eM=async()=>{if(!w.trim()||!ev)return;let e=ek.findIndex(e=>!function(e){let t="string"==typeof e?e.trim():"";if(!t)return!1;if(/^https?:\/\//i.test(t))return!0;let a=t.match(/^data:image\/[^;]+;base64,([\s\S]+)$/i),s=(a?.[1]||t).replace(/\s+/g,"");return s.length>=8&&s.length%4!=1&&/^[A-Za-z0-9+/]+={0,2}$/.test(s)}(e));if(e>=0)return void ed(`Reference image ${e+1} is invalid. Use an image URL or attach an image file.`);if(ei(!0),ed(""),J(null),H(null),G(null),Q){try{URL.revokeObjectURL(Q)}catch{}en("")}let t=Date.now();try{let e={"Content-Type":"application/json"};O&&(e.Authorization=`Bearer ${O}`),eu&&(e["x-connection-id"]=eu),eT&&(e.Accept="text/event-stream");let a={...eP,model:ev},s=await fetch(`/api${eR}`,{method:l.endpoint.method,headers:e,body:JSON.stringify(a)}),r=s.headers.get("x-connection-id")||"",n=ec.find(e=>e.id===r),i=n?n.email||n.name||n.id.slice(0,8):r?r.slice(0,8):"",o=r?{connectionId:r,connectionLabel:i}:{};if(!s.ok){let e=await s.json().catch(()=>({}));ed(e?.error?.message||e?.error||`HTTP ${s.status}`);return}let d=s.headers.get("content-type")||"";if(d.startsWith("image/")){let e=await s.blob(),a=URL.createObjectURL(e);en(a),J({data:{binary:!0,mime:d,size:e.size},latencyMs:Date.now()-t,...o});return}if(d.includes("text/event-stream")&&s.body){let e=s.body.getReader(),a=new TextDecoder,r="",n=null,l=null;for(;;){let t,{done:s,value:i}=await e.read();if(s)break;for(r+=a.decode(i,{stream:!0});-1!==(t=r.indexOf("\n\n"));){let e=r.slice(0,t);r=r.slice(t+2);let a=null,s="";for(let t of e.split("\n"))t.startsWith("event:")?a=t.slice(6).trim():t.startsWith("data:")&&(s+=t.slice(5).trim());if(a)try{let e=s?JSON.parse(s):{};"progress"===a?H(e):"partial_image"===a?G(e):"done"===a?n=e:"error"===a&&(l=e?.message||"Stream error")}catch{}}}let i=Date.now()-t;if(l)return void ed(l);n&&J({data:n,latencyMs:i,...o})}else{let e=await s.json(),a=Date.now()-t;J({data:e,latencyMs:a,...o})}}catch(e){ed(e.message||"Network error")}finally{ei(!1)}},eD=e=>{if(!e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(eD);let t={};for(let[a,s]of Object.entries(e))t[a]="b64_json"===a&&"string"==typeof s&&s.length>100?`<${s.length} chars base64>`:eD(s);return t},eB=z?JSON.stringify(eD(z.data),null,2):"";return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[u.length>0?(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("select",{value:h,onChange:e=>g(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:u.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):x?(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("input",{value:h,onChange:e=>g(e.target.value),placeholder:"Enter model id (provider-specific)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}):null,(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[ef,ey]}),F&&(0,s.jsxs)("button",{onClick:()=>B(e=>!e),title:D?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${D?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:O?`${O.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,O.length-8)))}`:(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),ec.length>0&&(0,s.jsx)(A,{label:"Connection",children:(0,s.jsxs)("select",{value:eu,onChange:e=>ep(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto (by priority)"}),ec.map(e=>{let t=e.providerSpecificData?.chatgptPlanType,a=e.email||e.name||e.id.slice(0,8);return(0,s.jsxs)("option",{value:e.id,children:[a,t?` [${t}]`:""]},e.id)})]})}),(0,s.jsx)(A,{label:d.inputLabel,children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:w,onChange:e=>S(e.target.value),placeholder:d.inputPlaceholder,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),w&&(0,s.jsx)("button",{type:"button",onClick:()=>S(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),v&&(0,s.jsx)(A,{label:y?"Reference Images":"Ref Image",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:C,onChange:e=>{$(e.target.value),y||I([])},placeholder:ej.image||"https://example.com/source.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>$(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("label",{className:"flex cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-dashed border-border px-3 py-2 text-xs text-text-muted transition-colors hover:border-primary hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add_photo_alternate"}),y?"Attach one or more images":"Attach image",(0,s.jsx)("input",{type:"file",accept:"image/*",multiple:y,onChange:eI,className:"hidden"})]}),e$&&(0,s.jsx)("img",{src:e$,alt:"Reference",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"}),ew.length>0&&(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3",children:ew.map(e=>(0,s.jsxs)("div",{className:"group relative overflow-hidden rounded-lg border border-border bg-sidebar",children:[(0,s.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover",loading:"lazy",decoding:"async"}),(0,s.jsx)("button",{type:"button",onClick:()=>I(t=>t.filter(t=>t.id!==e.id)),className:"absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-black/65 text-white transition hover:bg-black","aria-label":`Remove ${e.name}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[15px]",children:"close"})}),(0,s.jsx)("span",{className:"block truncate px-2 py-1.5 text-[11px] text-text-muted",children:e.name})]},e.id))}),y&&ek.length>0&&(0,s.jsx)("p",{className:"text-[11px] text-text-muted",children:1===ek.length?"Request uses image":`Request uses images[] with ${ek.length} references`})]})}),j&&(0,s.jsx)(A,{label:"Mask (URL)",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:_,onChange:e=>T(e.target.value),placeholder:ej.mask_image||"https://example.com/mask.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),_&&(0,s.jsx)("button",{type:"button",onClick:()=>T(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),eA&&(0,s.jsx)("img",{src:eA,alt:"Mask",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"})]})}),(d.extraFields||[]).filter(e=>0===u.length||Array.isArray(b?.params)&&b.params.includes(e.key)).map(e=>(0,s.jsx)(A,{label:e.label,children:"select"===e.type?(0,s.jsx)("select",{value:R[e.key]??"",onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(e.options||[]).map(e=>(0,s.jsx)("option",{value:e,children:""===e?"(default)":e},e))}):"text"===e.type?(0,s.jsx)("input",{type:"text",value:R[e.key]??"",placeholder:e.placeholder,onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}):(0,s.jsx)("input",{type:"number",value:R[e.key]??"",min:e.min,max:e.max,onChange:t=>L(a=>({...a,[e.key]:""===t.target.value?"":Number(t.target.value)})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})},e.key)),"image"===t&&(0,s.jsx)(A,{label:"Output Format",children:(0,s.jsxs)("select",{value:Y,onChange:e=>X(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"}),(0,s.jsx)("option",{value:"binary",children:"Binary File"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>{eh(es({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:eP,wantBinary:e_}))},className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ex?"check":"content_copy"}),ex?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:eM,disabled:el||!w.trim()||!ev,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:el?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),el?"Running...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-lg bg-sidebar px-3 py-2.5 font-mono text-xs text-text-main",children:eO}),(eP.image||eP.images||eP.mask_image)&&(0,s.jsx)("p",{className:"mt-1.5 text-[11px] text-text-muted",children:"Base64 is hidden in the preview. Copy and Run still include the full image payload."})]}),(el||V)&&eT&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 px-3 py-2 rounded-lg bg-sidebar border border-border sm:flex-row sm:items-center sm:gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",style:el?{animation:"spin 1s linear infinite"}:void 0,children:el?"progress_activity":"check_circle"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[V?.stage||"starting",!el&&V?.bytesReceived?` \xb7 ${(V.bytesReceived/1024).toFixed(1)} KB`:""]})]}),W?.b64_json&&!z&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Partial preview"}),(0,s.jsx)("img",{src:`data:image/png;base64,${W.b64_json}`,alt:"Partial",className:"max-w-full rounded-lg border border-border mt-1.5 opacity-80",loading:"lazy",decoding:"async"})]}),eo&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eo}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",z&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",z.latencyMs,"ms",z.connectionLabel?` | account: ${z.connectionLabel}`:""]})]}),z&&(0,s.jsxs)("button",{onClick:()=>eb(eB),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eg?"check":"content_copy"}),eg?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:z?eB:d.defaultResponse}),"image"===t&&(Q||z?.data?.data?.[0])&&(0,s.jsxs)("div",{className:"mt-2",children:[(0,s.jsx)("div",{className:"flex items-center justify-end mb-1.5",children:(0,s.jsxs)("a",{href:Q||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url||""),download:"image.png",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),(0,s.jsx)("img",{src:Q||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url),alt:"Generated",className:"max-w-full rounded-lg border border-border",loading:"lazy",decoding:"async"})]})]})]})]})}function en({providerId:e}){let t=(0,c.wG)(e),a=(0,N.KC)(e).filter(e=>"stt"===(0,N.CP)(e)),[r,n]=(0,i.useState)([]),l=[...a,...r],[d,m]=(0,i.useState)(a[0]?.id??""),u=l.find(e=>e.id===d),p=Array.isArray(u?.params)?u.params:[],[x,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(""),[f,y]=(0,i.useState)(""),[v,j]=(0,i.useState)("json"),[w,S]=(0,i.useState)(""),[C,$]=(0,i.useState)(""),[E,P]=(0,i.useState)(!1),[I,_]=(0,i.useState)(""),[T,R]=(0,i.useState)(""),[L,O]=(0,i.useState)(null),[M,D]=(0,i.useState)(null),[B,U]=(0,i.useState)(!1),[K,F]=(0,i.useState)(""),{copied:q,copy:z}=(0,k.C)(),{copied:J,copy:V}=(0,k.C)();(0,i.useEffect)(()=>{_(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{$((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&R(e.publicUrl)}).catch(()=>{});let e=()=>{fetch("/api/models/custom",{cache:"no-store"}).then(e=>e.json()).then(e=>{n((e.models||[]).filter(e=>"stt"===(0,N.CP)(e)&&e.providerAlias===t))}).catch(()=>{})};return e(),window.addEventListener("focus",e),window.addEventListener("customModelChanged",e),()=>{window.removeEventListener("focus",e),window.removeEventListener("customModelChanged",e)}},[t]);let H=E?T:I,W=d?`${t}/${d}`:"",G=`curl -X POST ${H}/v1/audio/transcriptions \\
   -H "Authorization: Bearer ${C||"YOUR_KEY"}" \\
   -F "file=@${x?.name||"audio.mp3"}" \\
   -F "model=${W}"${p.includes("language")&&g?` \\
   -F "language=${g}"`:""}${p.includes("response_format")?` \\
-  -F "response_format=${v}"`:""}${p.includes("temperature")&&k?` \\
-  -F "temperature=${k}"`:""}${p.includes("prompt")&&f?` \\
-  -F "prompt=${f}"`:""}`,Y=async()=>{if(!x||!W)return;U(!0),F(""),O(null);let e=Date.now();try{let t=new FormData;t.append("file",x),t.append("model",W),p.includes("language")&&g&&t.append("language",g),p.includes("response_format")&&t.append("response_format",v),p.includes("temperature")&&k&&t.append("temperature",k),p.includes("prompt")&&f&&t.append("prompt",f);let a={};C&&(a.Authorization=`Bearer ${C}`);let s=await fetch("/api/v1/audio/transcriptions",{method:"POST",headers:a,body:t});D(Date.now()-e);let r=(s.headers.get("content-type")||"").includes("application/json")?await s.json():await s.text();if(!s.ok)return void F(r?.error?.message||r?.error||r||`HTTP ${s.status}`);O(r)}catch(e){F(e.message||"Network error")}finally{U(!1)}},X="string"==typeof L?L:L?JSON.stringify(L,null,2):`{
+  -F "response_format=${v}"`:""}${p.includes("temperature")&&w?` \\
+  -F "temperature=${w}"`:""}${p.includes("prompt")&&f?` \\
+  -F "prompt=${f}"`:""}`,Y=async()=>{if(!x||!W)return;U(!0),F(""),O(null);let e=Date.now();try{let t=new FormData;t.append("file",x),t.append("model",W),p.includes("language")&&g&&t.append("language",g),p.includes("response_format")&&t.append("response_format",v),p.includes("temperature")&&w&&t.append("temperature",w),p.includes("prompt")&&f&&t.append("prompt",f);let a={};C&&(a.Authorization=`Bearer ${C}`);let s=await fetch("/api/v1/audio/transcriptions",{method:"POST",headers:a,body:t});D(Date.now()-e);let r=(s.headers.get("content-type")||"").includes("application/json")?await s.json():await s.text();if(!s.ok)return void F(r?.error?.message||r?.error||r||`HTTP ${s.status}`);O(r)}catch(e){F(e.message||"Network error")}finally{U(!1)}},X="string"==typeof L?L:L?JSON.stringify(L,null,2):`{
   "text": "Hello world..."
-}`;return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[l.length>0?(0,s.jsx)($,{label:"Model",children:(0,s.jsx)("select",{value:d,onChange:e=>m(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:l.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,s.jsx)($,{label:"Model",children:(0,s.jsx)("input",{value:d,onChange:e=>m(e.target.value),placeholder:"Enter model id",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),(0,s.jsx)($,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[J,"/v1/audio/transcriptions"]}),T&&(0,s.jsxs)("button",{onClick:()=>P(e=>!e),title:E?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${E?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)($,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:C?`${C.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,C.length-8)))}`:(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,s.jsx)($,{label:"Audio File",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("input",{type:"file",accept:"audio/*,video/mp4,.m4a,.mp3,.wav,.ogg,.flac,.webm,.opus",onChange:e=>h(e.target.files?.[0]||null),className:"w-full text-xs text-text-muted file:mr-2 file:py-1 file:px-2.5 file:rounded-lg file:border file:border-border file:bg-background file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),x&&(0,s.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[x.name," \xb7 ",(x.size/1024).toFixed(1)," KB"]})]})}),p.includes("language")&&(0,s.jsx)($,{label:"Language",children:(0,s.jsx)("input",{value:g,onChange:e=>b(e.target.value),placeholder:"e.g. en, vi, ja (auto-detect if empty)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),p.includes("prompt")&&(0,s.jsx)($,{label:"Prompt",children:(0,s.jsx)("input",{value:f,onChange:e=>y(e.target.value),placeholder:"optional context to improve accuracy",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),p.includes("temperature")&&(0,s.jsx)($,{label:"Temperature",children:(0,s.jsx)("input",{type:"number",step:"0.1",min:"0",max:"1",value:k,onChange:e=>S(e.target.value),placeholder:"0 - 1 (default 0)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),p.includes("response_format")&&(0,s.jsx)($,{label:"Response Format",children:(0,s.jsxs)("select",{value:v,onChange:e=>j(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"json",children:"json"}),(0,s.jsx)("option",{value:"text",children:"text"}),(0,s.jsx)("option",{value:"srt",children:"srt"}),(0,s.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,s.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>z(G),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:q?"check":"content_copy"}),q?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:Y,disabled:B||!x||!W,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:B?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),B?"Transcribing...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:G})]}),K&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:K}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",L&&M&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",M,"ms"]})]}),L&&(0,s.jsxs)("button",{onClick:()=>H(X),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:V?"check":"content_copy"}),V?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:X})]})]})]})}function en(){let{kind:e,id:t}=(0,r.useParams)(),a=(0,r.useRouter)(),n=c.rj.find(t=>t.id===e),m=(0,c.gC)(t)&&"embedding"===e,u=(0,c.AR)(t)&&"video"===e,p=m||u,x=u?"Custom Video":"Custom Embedding",h=async()=>{if(confirm(`Delete this ${x} node?`))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&a.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom node:",e)}},[g,b]=(0,i.useState)(null),[f,y]=(0,i.useState)(p),[v,w]=(0,i.useState)(!1);if((0,i.useEffect)(()=>{if(!p)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(a=>{e||(b((a.nodes||[]).find(e=>e.id===t)||null),y(!1))}).catch(()=>{e||y(!1)}),()=>{e=!0}},[t,p]),!n)return(0,r.notFound)();let N=c.Q2[t],k=u?"#EC4899":"#6366F1",S=u?"CV":"CE",$=p?g?{id:t,name:g.name||x,color:k,textIcon:S}:null:N;if(!p&&!N||p&&!f&&!g)return(0,r.notFound)();if(p&&f)return(0,s.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let E=p?[e]:$.serviceKinds??["llm"];return p||E.includes(e)?(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(l(),{href:`/dashboard/media-providers/${e}`,className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),n.label]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,s.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${$.color}15`},children:(0,s.jsx)(d.A,{src:`/providers/${$.id}.png`,alt:$.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:$.textIcon||$.id.slice(0,2).toUpperCase(),fallbackColor:$.color})}),(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,s.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:$.name}),!p&&$.notice?.apiKeyUrl&&(0,s.jsxs)("a",{href:$.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[p&&(0,s.jsxs)(o.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",g?.prefix]}),E.map(t=>(0,s.jsx)(o.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),p&&(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>w(!0),children:"Edit"}),(0,s.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:h,children:"Delete"})]})]})]}),!p&&$.kindNotice?.[e]&&(0,s.jsxs)("div",{className:"flex items-start gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/30 text-amber-700 dark:text-amber-400",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,s.jsx)("p",{className:"text-sm",children:$.kindNotice[e]})]}),!p&&$.notice?.text&&!$.deprecated&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border border-blue-500/30 bg-blue-500/10 px-3 py-2 sm:flex-row sm:items-center",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,s.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:$.notice.text}),$.notice.apiKeyUrl&&(0,s.jsx)("a",{href:$.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),!p&&$.noAuth?(0,s.jsx)(o.gw,{providerId:t}):(0,s.jsx)(j,{providerId:t,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,s.jsx)(C,{providerId:t,kindFilter:e,providerAliasOverride:p?g?.prefix:void 0}),!p&&($.searchConfig||$.fetchConfig||$.ttsConfig||$.sttConfig||$.embeddingConfig||$.searchViaChat)&&(0,s.jsx)(o.Wx,{config:"webFetch"===e?$.fetchConfig:"tts"===e?$.ttsConfig:"stt"===e?$.sttConfig:"embedding"===e?$.embeddingConfig:$.searchConfig||{mode:"chat-completions",defaultModel:$.searchViaChat?.defaultModel,pricingUrl:$.searchViaChat?.pricingUrl,freeTier:$.searchViaChat?.freeTier},provider:$,title:`${n.label} Config`}),"embedding"===e&&(0,s.jsx)(P,{providerId:t,customAlias:g?.prefix}),"tts"===e&&(0,s.jsx)(X,{providerId:t}),"stt"===e&&!p&&(0,s.jsx)(er,{providerId:t}),!p&&A[e]&&(0,s.jsx)(es,{providerId:t,kind:e}),m&&(0,s.jsx)(o.x0,{isOpen:v,node:g,onClose:()=>w(!1),onSaved:e=>{b(e),w(!1)}}),u&&(0,s.jsx)(o.fA,{isOpen:v,node:g,onClose:()=>w(!1),onSaved:e=>{b(e),w(!1)}})]}):(0,r.notFound)()}},28915:(e,t,a)=>{"use strict";a.d(t,{E2:()=>s,gs:()=>r});function s(e){if(!e)return null;let t=e.match(/\b([45]\d{2})\b/);return t?t[1]:"ERR"}function r(e){if(!e)return"";let t=Math.floor((Date.now()-new Date(e).getTime())/6e4);if(t<1)return"just now";if(t<60)return`${t}m ago`;let a=Math.floor(t/60);if(a<24)return`${a}h ago`;let s=Math.floor(a/24);return`${s}d ago`}a(8247)},70217:(e,t,a)=>{"use strict";function s(e,t){return!1===e?"default":"active"===t||"success"===t?"success":"error"===t||"expired"===t||"unavailable"===t?"error":"default"}a.d(t,{g:()=>s})}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=1389)),_N_E=e.O()}]);
+}`;return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[l.length>0?(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("select",{value:d,onChange:e=>m(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:l.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("input",{value:d,onChange:e=>m(e.target.value),placeholder:"Enter model id",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[H,"/v1/audio/transcriptions"]}),T&&(0,s.jsxs)("button",{onClick:()=>P(e=>!e),title:E?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${E?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:C?`${C.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,C.length-8)))}`:(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,s.jsx)(A,{label:"Audio File",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("input",{type:"file",accept:"audio/*,video/mp4,.m4a,.mp3,.wav,.ogg,.flac,.webm,.opus",onChange:e=>h(e.target.files?.[0]||null),className:"w-full text-xs text-text-muted file:mr-2 file:py-1 file:px-2.5 file:rounded-lg file:border file:border-border file:bg-background file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),x&&(0,s.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[x.name," \xb7 ",(x.size/1024).toFixed(1)," KB"]})]})}),p.includes("language")&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsx)("input",{value:g,onChange:e=>b(e.target.value),placeholder:"e.g. en, vi, ja (auto-detect if empty)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}),p.includes("prompt")&&(0,s.jsx)(A,{label:"Prompt",children:(0,s.jsx)("input",{value:f,onChange:e=>y(e.target.value),placeholder:"optional context to improve accuracy",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),p.includes("temperature")&&(0,s.jsx)(A,{label:"Temperature",children:(0,s.jsx)("input",{type:"number",step:"0.1",min:"0",max:"1",value:w,onChange:e=>S(e.target.value),placeholder:"0 - 1 (default 0)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),p.includes("response_format")&&(0,s.jsx)(A,{label:"Response Format",children:(0,s.jsxs)("select",{value:v,onChange:e=>j(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"json",children:"json"}),(0,s.jsx)("option",{value:"text",children:"text"}),(0,s.jsx)("option",{value:"srt",children:"srt"}),(0,s.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,s.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>z(G),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:q?"check":"content_copy"}),q?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:Y,disabled:B||!x||!W,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:B?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),B?"Transcribing...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:G})]}),K&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:K}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",L&&M&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",M,"ms"]})]}),L&&(0,s.jsxs)("button",{onClick:()=>V(X),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:J?"check":"content_copy"}),J?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:X})]})]})]})}function el(){let{kind:e,id:t}=(0,r.useParams)(),a=(0,r.useRouter)(),n=c.rj.find(t=>t.id===e),m=(0,c.gC)(t)&&"embedding"===e,u=(0,c.AR)(t)&&"video"===e,p=m||u,x=u?"Custom Video":"Custom Embedding",h=async()=>{if(confirm(`Delete this ${x} node?`))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&a.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom node:",e)}},[g,b]=(0,i.useState)(null),[f,y]=(0,i.useState)(p),[v,j]=(0,i.useState)(!1);if((0,i.useEffect)(()=>{if(!p)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(a=>{e||(b((a.nodes||[]).find(e=>e.id===t)||null),y(!1))}).catch(()=>{e||y(!1)}),()=>{e=!0}},[t,p]),!n)return(0,r.notFound)();let N=c.Q2[t],k=u?"#EC4899":"#6366F1",S=u?"CV":"CE",C=p?g?{id:t,name:g.name||x,color:k,textIcon:S}:null:N;if(!p&&!N||p&&!f&&!g)return(0,r.notFound)();if(p&&f)return(0,s.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let A=p?[e]:C.serviceKinds??["llm"];return p||A.includes(e)?(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(l(),{href:`/dashboard/media-providers/${e}`,className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),n.label]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,s.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${C.color}15`},children:(0,s.jsx)(d.A,{src:`/providers/${C.id}.png`,alt:C.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:C.textIcon||C.id.slice(0,2).toUpperCase(),fallbackColor:C.color})}),(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,s.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:C.name}),!p&&C.notice?.apiKeyUrl&&(0,s.jsxs)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[p&&(0,s.jsxs)(o.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",g?.prefix]}),A.map(t=>(0,s.jsx)(o.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),p&&(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>j(!0),children:"Edit"}),(0,s.jsx)(o.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:h,children:"Delete"})]})]})]}),!p&&C.kindNotice?.[e]&&(0,s.jsxs)("div",{className:"flex items-start gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/30 text-amber-700 dark:text-amber-400",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,s.jsx)("p",{className:"text-sm",children:C.kindNotice[e]})]}),!p&&C.notice?.text&&!C.deprecated&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border border-blue-500/30 bg-blue-500/10 px-3 py-2 sm:flex-row sm:items-center",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,s.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:C.notice.text}),C.notice.apiKeyUrl&&(0,s.jsx)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),!p&&C.noAuth?(0,s.jsx)(o.gw,{providerId:t}):(0,s.jsx)(w,{providerId:t,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,s.jsx)($,{providerId:t,kindFilter:e,providerAliasOverride:p?g?.prefix:void 0}),!p&&(C.searchConfig||C.fetchConfig||C.ttsConfig||C.sttConfig||C.embeddingConfig||C.searchViaChat)&&(0,s.jsx)(o.Wx,{config:"webFetch"===e?C.fetchConfig:"tts"===e?C.ttsConfig:"stt"===e?C.sttConfig:"embedding"===e?C.embeddingConfig:C.searchConfig||{mode:"chat-completions",defaultModel:C.searchViaChat?.defaultModel,pricingUrl:C.searchViaChat?.pricingUrl,freeTier:C.searchViaChat?.freeTier},provider:C,title:`${n.label} Config`}),"embedding"===e&&(0,s.jsx)(I,{providerId:t,customAlias:g?.prefix}),"tts"===e&&(0,s.jsx)(Q,{providerId:t}),"stt"===e&&!p&&(0,s.jsx)(en,{providerId:t}),!p&&E[e]&&(0,s.jsx)(er,{providerId:t,kind:e}),m&&(0,s.jsx)(o.x0,{isOpen:v,node:g,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}}),u&&(0,s.jsx)(o.fA,{isOpen:v,node:g,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}})]}):(0,r.notFound)()}},28915:(e,t,a)=>{"use strict";a.d(t,{E2:()=>s,gs:()=>r});function s(e){if(!e)return null;let t=e.match(/\b([45]\d{2})\b/);return t?t[1]:"ERR"}function r(e){if(!e)return"";let t=Math.floor((Date.now()-new Date(e).getTime())/6e4);if(t<1)return"just now";if(t<60)return`${t}m ago`;let a=Math.floor(t/60);if(a<24)return`${a}h ago`;let s=Math.floor(a/24);return`${s}d ago`}a(8247)},64827:(e,t,a)=>{"use strict";function s(e){if(!e)return null;let t=null,a=Date.now();for(let[s,r]of Object.entries(e)){if(!s.startsWith("modelLock_")||!r)continue;let e=new Date(r).getTime();e<=a||(!t||e<t)&&(t=e)}return t?new Date(t).toISOString():null}a.d(t,{kJ:()=>s}),a(10904)},70217:(e,t,a)=>{"use strict";function s(e,t){return!1===e?"default":"active"===t||"success"===t?"success":"error"===t||"expired"===t||"unavailable"===t?"error":"default"}a.d(t,{g:()=>s})}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=1389)),_N_E=e.O()}]);