@techysy/10router 1.3.4 → 1.3.6

package/app/.next-cli-build/static/chunks/6109-c3fa41c974584a96.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6109],{36109:(e,t,l)=>{l.d(t,{_:()=>i,W:()=>s}),l(22862);let n="modelLock_",a=`${n}__all`;function i(e,t=Date.now()){let l=e||{},s=[],o=!1,c=null;for(let[e,i]of Object.entries(l)){if(!e.startsWith(n)||!i)continue;let l=new Date(i).getTime();Number.isNaN(l)||l<=t||((null===c||l<c)&&(c=l),e===a?o=!0:s.push(e.slice(n.length)))}let u=l.testStatus;return{state:o?"unavailable":"error"===u||"expired"===u?u:s.length>0?"partial":"unavailable"===u?"active":u??"active",lockedModels:s,accountLocked:o,earliestUntil:null===c?null:new Date(c).toISOString()}}function s(e,t){return e===t||!!e&&!!t&&e.state===t.state&&e.accountLocked===t.accountLocked&&e.earliestUntil===t.earliestUntil&&e.lockedModels.length===t.lockedModels.length&&e.lockedModels.every((e,l)=>e===t.lockedModels[l])}}}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/media-providers/[kind]/[id]/{page-3b6db6cc6c16b9ad.js → page-2a679f53191d77f7.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[182],{35139:(e,t,s)=>{Promise.resolve().then(s.bind(s,41095))},41095:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>K});var a=s(95155),r=s(73321),l=s(98500),o=s.n(l),n=s(12115),i=s(73006),d=s(35497),c=s(67852),u=s(88105),m=s(70217),p=s(14051),x=s.n(p);function h({until:e}){let[t,s]=(0,n.useState)("");return((0,n.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void s("");let a=Math.floor(t/1e3);a<60?s(`${a}s`):a<3600?s(`${Math.floor(a/60)}m ${a%60}s`):s(`${Math.floor(a/3600)}h ${Math.floor(a%3600/60)}m`)};t();let a=setInterval(t,1e3);return()=>clearInterval(a)},[e]),t)?(0,a.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}function f({connection:e,proxyPools:t,isOAuth:s,isFirst:r,isLast:l,onMoveUp:o,onMoveDown:c,onToggleActive:u,onUpdateProxy:p,onEdit:x,onDelete:b}){let[g,y]=(0,n.useState)(!1),[v,j]=(0,n.useState)(!1),[w,N]=(0,n.useState)(!1),k=(0,n.useRef)(null),C=new Map((t||[]).map(e=>[e.id,e])),S=e.providerSpecificData?.proxyPoolId||null,$=S?C.get(S):null,P=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,T=!!S||P,_=$?`Pool: ${$.name}`:S?`Pool: ${S} (inactive/missing)`:P?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",E="",I=$?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(I)try{let e=new URL(I);E=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{E=I}let A=$?.noProxy||e.providerSpecificData?.connectionNoProxy||"",R=$?.isActive===!0?"success":S||P?"error":"default",M=Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(Boolean).sort()[0]||null;(0,n.useEffect)(()=>{let t=()=>{N(!!Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>e&&new Date(e).getTime()>Date.now()).sort()[0])};t();let s=M?setInterval(t,1e3):null;return()=>{s&&clearInterval(s)}},[M]),(0,n.useEffect)(()=>{if(!g)return;let e=e=>{k.current&&!k.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[g]);let O="unavailable"!==e.testStatus||w?e.testStatus:"active",K=s?e.name||e.email||e.displayName||"OAuth Account":e.name,L=async e=>{j(!0);try{await p("__none__"===e?null:e)}finally{j(!1),y(!1)}};return(0,a.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,a.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("button",{onClick:o,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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,a.jsx)("button",{onClick:c,disabled:l,className:`p-0.5 rounded ${l?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:s?"lock":"key"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium truncate",children:K}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,a.jsx)(d.Ex,{variant:(0,m.g)(e.isActive,O),size:"sm",dot:!0,children:!1===e.isActive?"disabled":O||"Unknown"}),T&&(0,a.jsx)(d.Ex,{variant:R,size:"sm",children:"Proxy"}),e.earliestPackageExpiry&&(0,a.jsxs)(d.Ex,{variant:"outline",size:"sm",title:`${(0,i.Tl)("Earliest package")}: ${e.earliestPackageName||(0,i.Tl)("Quota package")} (${new Date(e.earliestPackageExpiry).toLocaleString()})`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px] mr-1",children:"schedule"}),function(e){if(!e)return"";let t=new Date(e).getTime()-Date.now();if(t<=0)return(0,i.Tl)("expired");let s=Math.floor(t/36e5);if(s<24)return`${s}h`;let a=Math.floor(s/24);return a<30?s%24?`${a}d ${s%24}h`:`${a}d`:new Date(e).toLocaleDateString()}(e.earliestPackageExpiry)]}),w&&!1!==e.isActive&&(0,a.jsx)(h,{until:M}),e.lastError&&!1!==e.isActive&&(0,a.jsx)("span",{className:"text-xs text-red-500 truncate max-w-[300px]",title:e.lastError,children:e.lastError}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),T&&(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:_,children:_}),E&&(0,a.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:E}),A&&(0,a.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:A,children:["no_proxy: ",A]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,a.jsxs)("div",{className:"relative",ref:k,children:[(0,a.jsxs)("button",{onClick:()=>y(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${T?"text-primary":"text-text-muted hover:text-primary"}`,disabled:v,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:v?"progress_activity":"lan"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),g&&(0,a.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,a.jsx)("button",{onClick:()=>L("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!S?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,a.jsx)("button",{onClick:()=>L(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${S===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,a.jsxs)("button",{onClick:x,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,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:b,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,a.jsx)(d.lM,{size:"sm",checked:e.isActive??!0,onChange:u,title:e.isActive??!0?"Disable":"Enable"})]})]})}function b({isOpen:e,provider:t,providerName:s,proxyPools:r,onSave:l,onClose:o}){let i="__none__",[c,u]=(0,n.useState)({name:"",apiKey:"",priority:1,proxyPoolId:i}),[m,p]=(0,n.useState)(!1),[x,h]=(0,n.useState)(null),[f,g]=(0,n.useState)(!1),y=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})}),s=await e.json();h(s.valid?"success":"failed")}catch{h("failed")}finally{p(!1)}},v=async()=>{if(t&&c.apiKey){g(!0);try{let e=!1;try{p(!0),h(null);let s=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await s.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{p(!1)}await l({name:c.name,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===i?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{g(!1)}}};return t?(0,a.jsx)(d.aF,{isOpen:e,title:`Add ${s||t} API Key`,onClose:o,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.name,onChange:e=>u({...c,name:e.target.value}),placeholder:"Production Key"})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,a.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>u({...c,apiKey:e.target.value})})]}),(0,a.jsx)("div",{className:"pt-6",children:(0,a.jsx)(d.$n,{onClick:y,disabled:!c.apiKey||m||f,variant:"secondary",children:m?"Checking...":"Check"})})]}),x&&(0,a.jsx)(d.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,a.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.priority,onChange:e=>u({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,a.jsx)(d.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>u({...c,proxyPoolId:e.target.value}),options:[{value:i,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(d.$n,{onClick:v,fullWidth:!0,disabled:!c.name||!c.apiKey||f,children:f?"Saving...":"Save"}),(0,a.jsx)(d.$n,{onClick:o,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function g({providerId:e,isOAuth:t}){let[s,r]=(0,n.useState)([]),[l,o]=(0,n.useState)([]),[c,u]=(0,n.useState)(!0),[m,p]=(0,n.useState)(!1),[x,h]=(0,n.useState)(!1),[y,v]=(0,n.useState)(null),[j,w]=(0,n.useState)(null),[N,k]=(0,n.useState)("1"),[C,S]=(0,n.useState)(!1),[$,P]=(0,n.useState)(null),T=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),l=await t.json(),n=await s.json(),i=a.ok?await a.json():{};t.ok&&r((l.connections||[]).filter(t=>t.provider===e)),s.ok&&o(n.proxyPools||[]);let d=(i.providerStrategies||{})[e]||{};w(d.fallbackStrategy||null),k(null!=d.stickyRoundRobinLimit?String(d.stickyRoundRobinLimit):"1"),S(!0===d.earliestExpiryFirst)}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{u(!1)}},[e]);(0,n.useEffect)(()=>{let e=setTimeout(T,0);return()=>clearTimeout(e)},[T]);let _=async(t,s,a=C)=>{try{let r=await fetch("/api/settings",{cache:"no-store"}),l=(r.ok?await r.json():{}).providerStrategies||{},o={...l[e]||{}};t?o.fallbackStrategy=t:delete o.fallbackStrategy,"round-robin"===t&&""!==s?o.stickyRoundRobinLimit=Number(s)||3:delete o.stickyRoundRobinLimit,a?o.earliestExpiryFirst=!0:delete o.earliestExpiryFirst;let n={...l};0===Object.keys(o).length?delete n[e]:n[e]=o,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:n})})}catch(e){console.log("saveStrategy error:",e)}},E=async(e,t)=>{let a=[...s];[a[e],a[t]]=[a[t],a[e]],r(a);try{await Promise.all([fetch(`/api/providers/${a[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${a[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await T()}},I=async e=>{P({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{P(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)}}})},A=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&r(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("toggle error:",e)}},R=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&r(s=>s.map(s=>s.id===e?{...s,providerSpecificData:{...s.providerSpecificData,proxyPoolId:t||null}}:s))}catch(e){console.log("proxy error:",e)}},M=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await T(),p(!1))}catch(e){console.log("save apikey error:",e)}},O=async e=>{try{(await fetch(`/api/providers/${y.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await T(),h(!1))}catch(e){console.log("update connection error:",e)}};return c?(0,a.jsx)(d.Zp,{children:(0,a.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:(0,i.Tl)("Connections")}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",title:(0,i.Tl)("Prioritize accounts with quota packages that expire soonest"),children:(0,i.Tl)("Earliest Expiry First")}),(0,a.jsx)(d.lM,{checked:C,onChange:e=>{S(e),_(j,N,e)}})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",children:(0,i.Tl)("Round Robin")}),(0,a.jsx)(d.lM,{checked:"round-robin"===j,onChange:e=>{let t=e?"round-robin":null;w(t),e&&!N&&k("1"),_(t,e?N||"1":N,C)}}),"round-robin"===j&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:(0,i.Tl)("Sticky:")}),(0,a.jsx)("input",{type:"number",min:1,value:N,onChange:e=>{k(e.target.value),_("round-robin",e.target.value,C)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-surface focus:outline-none focus:border-primary"})]})]})]})]}),0===s.length?(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,a.jsx)(d.$n,{size:"sm",icon:"add",onClick:()=>p(!0),children:"Add Connection"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:s.map((e,r)=>(0,a.jsx)(f,{connection:e,proxyPools:l,isOAuth:t,isFirst:0===r,isLast:r===s.length-1,onMoveUp:()=>E(r,r-1),onMoveDown:()=>E(r,r+1),onToggleActive:t=>A(e.id,t),onUpdateProxy:t=>R(e.id,t),onEdit:()=>{v(e),h(!0)},onDelete:()=>I(e.id)},e.id))}),(0,a.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,a.jsx)(d.$n,{size:"sm",icon:"add",onClick:()=>p(!0),children:"Add"})})]})]}),(0,a.jsx)(b,{isOpen:m,provider:e,proxyPools:l,onSave:M,onClose:()=>p(!1)}),(0,a.jsx)(d.wI,{isOpen:x,connection:y,proxyPools:l,onSave:O,onClose:()=>h(!1)}),(0,a.jsx)(d.uo,{isOpen:!!$,onClose:()=>P(null),onConfirm:$?.onConfirm,title:$?.title||"Confirm",message:$?.message,variant:"danger"})]})}h.propTypes={until:x().string.isRequired},f.propTypes={connection:x().shape({id:x().string,name:x().string,email:x().string,displayName:x().string,testStatus:x().string,isActive:x().bool,lastError:x().string,priority:x().number}).isRequired,proxyPools:x().array,isOAuth:x().bool.isRequired,isFirst:x().bool.isRequired,isLast:x().bool.isRequired,onMoveUp:x().func.isRequired,onMoveDown:x().func.isRequired,onToggleActive:x().func.isRequired,onUpdateProxy:x().func,onEdit:x().func.isRequired,onDelete:x().func.isRequired},b.propTypes={isOpen:x().bool.isRequired,provider:x().string,providerName:x().string,proxyPools:x().array,onSave:x().func.isRequired,onClose:x().func.isRequired},g.propTypes={providerId:x().string.isRequired,isOAuth:x().bool};var y=s(28777),v=s(11059);function j({model:e,fullModel:t,copied:s,onCopy:r,testStatus:l,isCustom:o,isFree:n,onDeleteAlias:d,onTest:c,isTesting:u}){let m="ok"===l?"#22c55e":"error"===l?"#ef4444":void 0;return(0,a.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===l?"border-green-500/40":"error"===l?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-base",style:m?{color:m}:void 0,children:"ok"===l?"check_circle":"error"===l?"cancel":"smart_toy"}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:t}),e.name&&(0,a.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),c&&(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:c,disabled:u,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${u?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",style:u?{animation:"spin 1s linear infinite"}:void 0,children:u?"progress_activity":"science"})}),(0,a.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:u?"Testing...":"Test"})]}),(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:()=>r(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:s===`model-${e.id}`?"check":"content_copy"})}),(0,a.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:s===`model-${e.id}`?"Copied!":"Copy"})]}),n&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),e.requiresSession&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-amber-600 dark:text-amber-400 bg-amber-500/10 px-1.5 py-0.5 rounded cursor-help",title:(0,i.Tl)("Requires MiMo Desktop sign-in — API key alone cannot reach this model"),children:(0,i.Tl)("Desktop sign-in")}),o&&(0,a.jsx)("button",{onClick:d,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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function w({isOpen:e,onSave:t,onClose:s}){let[r,l]=(0,n.useState)(""),o=()=>{r.trim()&&(t(r.trim()),l(""))};return(0,a.jsx)(d.aF,{isOpen:e,title:"Add Custom Model",onClose:s,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:r,onChange:e=>l(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(d.$n,{onClick:o,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,a.jsx)(d.$n,{onClick:s,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function N({providerId:e,kindFilter:t,providerAliasOverride:s}){let{copied:r,copy:l}=(0,v.C)(),[o,i]=(0,n.useState)({}),[c,m]=(0,n.useState)([]),[p,x]=(0,n.useState)({}),[h,f]=(0,n.useState)(null),[b,g]=(0,n.useState)(""),[k,C]=(0,n.useState)(!1),S=s||(0,u.wG)(e),$=t||"llm",P=(0,n.useCallback)(async()=>{try{let[e,t]=await Promise.all([fetch("/api/models/alias"),fetch("/api/models/custom",{cache:"no-store"})]),s=await e.json(),a=await t.json();e.ok&&i(s.aliases||{}),t.ok&&m(a.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[]);(0,n.useEffect)(()=>{P()},[P]);let T=async(e,t)=>{let s=`${S}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:s,alias:t})})).ok&&await P()}catch(e){console.log("set alias error:",e)}},_=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await P()}catch(e){console.log("delete alias error:",e)}},E=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:S,id:e,type:$})})).ok&&(await P(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},I=async e=>{try{let t=new URLSearchParams({providerAlias:S,id:e,type:$});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await P(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},A=async e=>{if(!h){f(e);try{let s=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${S}/${e}`,kind:t})}),a=await s.json();x(t=>({...t,[e]:a.ok?"ok":"error"})),g(a.ok?"":a.error||"Model not reachable")}catch{x(t=>({...t,[e]:"error"})),g("Network error")}finally{f(null)}}},R=(0,y.KC)(e),M=t?R.filter(e=>e.kinds?e.kinds.includes(t):(0,y.CP)(e,"llm")===t):R,O=c.filter(e=>e.providerAlias===S&&(0,y.CP)(e,"llm")===$&&!M.some(t=>t.id===e.id));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,a.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),b&&(0,a.jsx)("p",{className:"text-xs text-red-500 mb-3 break-words",children:b}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-3",children:[M.map(e=>{let t=`${S}/${e.id}`,s=Object.entries(o).find(([,e])=>e===t)?.[0];return(0,a.jsx)(j,{model:e,fullModel:`${S}/${e.id}`,alias:s,copied:r,onCopy:l,onSetAlias:t=>T(e.id,t),onDeleteAlias:()=>_(s),testStatus:p[e.id],onTest:()=>A(e.id),isTesting:h===e.id,isFree:e.isFree},e.id)}),O.map(e=>(0,a.jsx)(j,{model:{id:e.id,name:e.name},fullModel:`${S}/${e.id}`,copied:r,onCopy:l,onSetAlias:()=>{},onDeleteAlias:()=>I(e.id),testStatus:p[e.id],onTest:()=>A(e.id),isTesting:h===e.id,isCustom:!0},`${e.id}-${e.type}`)),(0,a.jsxs)("button",{onClick:()=>C(!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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,a.jsx)(w,{isOpen:k,onSave:async e=>{await E(e),C(!1)},onClose:()=>C(!1)})]})}function k({label:e,children:t}){return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,a.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,a.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}j.propTypes={model:x().shape({id:x().string.isRequired}).isRequired,fullModel:x().string.isRequired,copied:x().string,onCopy:x().func.isRequired,testStatus:x().oneOf(["ok","error"]),isCustom:x().bool,isFree:x().bool,onDeleteAlias:x().func,onTest:x().func,isTesting:x().bool},w.propTypes={isOpen:x().bool.isRequired,onSave:x().func.isRequired,onClose:x().func.isRequired},N.propTypes={providerId:x().string.isRequired,kindFilter:x().string,providerAliasOverride:x().string};let C={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],{35139:(e,t,s)=>{Promise.resolve().then(s.bind(s,41095))},41095:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>L});var a=s(95155),r=s(73321),l=s(98500),o=s.n(l),n=s(12115),i=s(73006),d=s(35497),c=s(67852),u=s(88105),m=s(70217),p=s(36109),x=s(90337),h=s(14051),f=s.n(h);function b({until:e}){let[t,s]=(0,n.useState)("");return((0,n.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void s("");let a=Math.floor(t/1e3);a<60?s(`${a}s`):a<3600?s(`${Math.floor(a/60)}m ${a%60}s`):s(`${Math.floor(a/3600)}h ${Math.floor(a%3600/60)}m`)};t();let a=setInterval(t,1e3);return()=>clearInterval(a)},[e]),t)?(0,a.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}function g({connection:e,proxyPools:t,isOAuth:s,isFirst:r,isLast:l,onMoveUp:o,onMoveDown:c,onToggleActive:u,onUpdateProxy:h,onEdit:f,onDelete:y}){let[v,j]=(0,n.useState)(!1),[w,N]=(0,n.useState)(!1),k=(0,n.useRef)(null),S=new Map((t||[]).map(e=>[e.id,e])),C=e.providerSpecificData?.proxyPoolId||null,$=C?S.get(C):null,T=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,P=!!C||T,_=$?`Pool: ${$.name}`:C?`Pool: ${C} (inactive/missing)`:T?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",E="",I=$?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(I)try{let e=new URL(I);E=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{E=I}let R=$?.noProxy||e.providerSpecificData?.connectionNoProxy||"",A=$?.isActive===!0?"success":C||T?"error":"default",[M,O]=(0,n.useState)(()=>(0,p._)(e));(0,n.useEffect)(()=>{let t=()=>{O(t=>{let s=(0,p._)(e);return(0,p.W)(t,s)?t:s})};t();let s=Object.keys(e).some(t=>t.startsWith("modelLock_")&&e[t])?setInterval(t,1e3):null;return()=>{s&&clearInterval(s)}},[e]);let{state:D,earliestUntil:K}=M,L="partial"===D||"unavailable"===D,U="partial"===D?(0,i.Tl)("Partial"):D;(0,n.useEffect)(()=>{if(!v)return;let e=e=>{k.current&&!k.current.contains(e.target)&&j(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[v]);let B=s?e.name||e.email||e.displayName||"OAuth Account":e.name,F=async e=>{N(!0);try{await h("__none__"===e?null:e)}finally{N(!1),j(!1)}};return(0,a.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,a.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("button",{onClick:o,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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,a.jsx)("button",{onClick:c,disabled:l,className:`p-0.5 rounded ${l?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:s?"lock":"key"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium truncate",children:B}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,a.jsx)(d.Ex,{variant:(0,m.g)(e.isActive,D),size:"sm",dot:!0,children:!1===e.isActive?"disabled":U||"Unknown"}),P&&(0,a.jsx)(d.Ex,{variant:A,size:"sm",children:"Proxy"}),e.earliestPackageExpiry&&(0,a.jsxs)(d.Ex,{variant:"outline",size:"sm",title:`${(0,i.Tl)("Earliest package")}: ${e.earliestPackageName||(0,i.Tl)("Quota package")} (${new Date(e.earliestPackageExpiry).toLocaleString()})`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px] mr-1",children:"schedule"}),function(e){if(!e)return"";let t=new Date(e).getTime()-Date.now();if(t<=0)return(0,i.Tl)("expired");let s=Math.floor(t/36e5);if(s<24)return`${s}h`;let a=Math.floor(s/24);return a<30?s%24?`${a}d ${s%24}h`:`${a}d`:new Date(e).toLocaleDateString()}(e.earliestPackageExpiry)]}),L&&!1!==e.isActive&&(0,a.jsx)(b,{until:K}),e.lastError&&!1!==e.isActive&&(0,a.jsx)("span",{className:"text-xs text-red-500 truncate max-w-[300px]",title:(0,x.DY)(e.lastError),children:(0,x.DY)(e.lastError)}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),P&&(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:_,children:_}),E&&(0,a.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:E}),R&&(0,a.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:R,children:["no_proxy: ",R]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,a.jsxs)("div",{className:"relative",ref:k,children:[(0,a.jsxs)("button",{onClick:()=>j(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${P?"text-primary":"text-text-muted hover:text-primary"}`,disabled:w,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:w?"progress_activity":"lan"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),v&&(0,a.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,a.jsx)("button",{onClick:()=>F("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!C?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,a.jsx)("button",{onClick:()=>F(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${C===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,a.jsxs)("button",{onClick:f,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,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:y,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,a.jsx)(d.lM,{size:"sm",checked:e.isActive??!0,onChange:u,title:e.isActive??!0?"Disable":"Enable"})]})]})}function y({isOpen:e,provider:t,providerName:s,proxyPools:r,onSave:l,onClose:o}){let i="__none__",[c,u]=(0,n.useState)({name:"",apiKey:"",priority:1,proxyPoolId:i}),[m,p]=(0,n.useState)(!1),[x,h]=(0,n.useState)(null),[f,b]=(0,n.useState)(!1),g=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})}),s=await e.json();h(s.valid?"success":"failed")}catch{h("failed")}finally{p(!1)}},v=async()=>{if(t&&c.apiKey){b(!0);try{let e=!1;try{p(!0),h(null);let s=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await s.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{p(!1)}await l({name:c.name,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===i?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{b(!1)}}};return t?(0,a.jsx)(d.aF,{isOpen:e,title:`Add ${s||t} API Key`,onClose:o,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.name,onChange:e=>u({...c,name:e.target.value}),placeholder:"Production Key"})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,a.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>u({...c,apiKey:e.target.value})})]}),(0,a.jsx)("div",{className:"pt-6",children:(0,a.jsx)(d.$n,{onClick:g,disabled:!c.apiKey||m||f,variant:"secondary",children:m?"Checking...":"Check"})})]}),x&&(0,a.jsx)(d.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,a.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:c.priority,onChange:e=>u({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,a.jsx)(d.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>u({...c,proxyPoolId:e.target.value}),options:[{value:i,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(d.$n,{onClick:v,fullWidth:!0,disabled:!c.name||!c.apiKey||f,children:f?"Saving...":"Save"}),(0,a.jsx)(d.$n,{onClick:o,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function v({providerId:e,isOAuth:t}){let[s,r]=(0,n.useState)([]),[l,o]=(0,n.useState)([]),[c,u]=(0,n.useState)(!0),[m,p]=(0,n.useState)(!1),[x,h]=(0,n.useState)(!1),[f,b]=(0,n.useState)(null),[j,w]=(0,n.useState)(null),[N,k]=(0,n.useState)("1"),[S,C]=(0,n.useState)(!1),[$,T]=(0,n.useState)(null),P=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),l=await t.json(),n=await s.json(),i=a.ok?await a.json():{};t.ok&&r((l.connections||[]).filter(t=>t.provider===e)),s.ok&&o(n.proxyPools||[]);let d=(i.providerStrategies||{})[e]||{};w(d.fallbackStrategy||null),k(null!=d.stickyRoundRobinLimit?String(d.stickyRoundRobinLimit):"1"),C(!0===d.earliestExpiryFirst)}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{u(!1)}},[e]);(0,n.useEffect)(()=>{let e=setTimeout(P,0);return()=>clearTimeout(e)},[P]);let _=async(t,s,a=S)=>{try{let r=await fetch("/api/settings",{cache:"no-store"}),l=(r.ok?await r.json():{}).providerStrategies||{},o={...l[e]||{}};t?o.fallbackStrategy=t:delete o.fallbackStrategy,"round-robin"===t&&""!==s?o.stickyRoundRobinLimit=Number(s)||3:delete o.stickyRoundRobinLimit,a?o.earliestExpiryFirst=!0:delete o.earliestExpiryFirst;let n={...l};0===Object.keys(o).length?delete n[e]:n[e]=o,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:n})})}catch(e){console.log("saveStrategy error:",e)}},E=async(e,t)=>{let a=[...s];[a[e],a[t]]=[a[t],a[e]],r(a);try{await Promise.all([fetch(`/api/providers/${a[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${a[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await P()}},I=async e=>{T({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{T(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)}}})},R=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&r(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("toggle error:",e)}},A=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&r(s=>s.map(s=>s.id===e?{...s,providerSpecificData:{...s.providerSpecificData,proxyPoolId:t||null}}:s))}catch(e){console.log("proxy error:",e)}},M=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await P(),p(!1))}catch(e){console.log("save apikey error:",e)}},O=async e=>{try{(await fetch(`/api/providers/${f.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await P(),h(!1))}catch(e){console.log("update connection error:",e)}};return c?(0,a.jsx)(d.Zp,{children:(0,a.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:(0,i.Tl)("Connections")}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",title:(0,i.Tl)("Prioritize accounts with quota packages that expire soonest"),children:(0,i.Tl)("Earliest Expiry First")}),(0,a.jsx)(d.lM,{checked:S,onChange:e=>{C(e),_(j,N,e)}})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",children:(0,i.Tl)("Round Robin")}),(0,a.jsx)(d.lM,{checked:"round-robin"===j,onChange:e=>{let t=e?"round-robin":null;w(t),e&&!N&&k("1"),_(t,e?N||"1":N,S)}}),"round-robin"===j&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:(0,i.Tl)("Sticky:")}),(0,a.jsx)("input",{type:"number",min:1,value:N,onChange:e=>{k(e.target.value),_("round-robin",e.target.value,S)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-surface focus:outline-none focus:border-primary"})]})]})]})]}),0===s.length?(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,a.jsx)(d.$n,{size:"sm",icon:"add",onClick:()=>p(!0),children:"Add Connection"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:s.map((e,r)=>(0,a.jsx)(g,{connection:e,proxyPools:l,isOAuth:t,isFirst:0===r,isLast:r===s.length-1,onMoveUp:()=>E(r,r-1),onMoveDown:()=>E(r,r+1),onToggleActive:t=>R(e.id,t),onUpdateProxy:t=>A(e.id,t),onEdit:()=>{b(e),h(!0)},onDelete:()=>I(e.id)},e.id))}),(0,a.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,a.jsx)(d.$n,{size:"sm",icon:"add",onClick:()=>p(!0),children:"Add"})})]})]}),(0,a.jsx)(y,{isOpen:m,provider:e,proxyPools:l,onSave:M,onClose:()=>p(!1)}),(0,a.jsx)(d.wI,{isOpen:x,connection:f,proxyPools:l,onSave:O,onClose:()=>h(!1)}),(0,a.jsx)(d.uo,{isOpen:!!$,onClose:()=>T(null),onConfirm:$?.onConfirm,title:$?.title||"Confirm",message:$?.message,variant:"danger"})]})}b.propTypes={until:f().string.isRequired},g.propTypes={connection:f().shape({id:f().string,name:f().string,email:f().string,displayName:f().string,testStatus:f().string,isActive:f().bool,lastError:f().string,priority:f().number}).isRequired,proxyPools:f().array,isOAuth:f().bool.isRequired,isFirst:f().bool.isRequired,isLast:f().bool.isRequired,onMoveUp:f().func.isRequired,onMoveDown:f().func.isRequired,onToggleActive:f().func.isRequired,onUpdateProxy:f().func,onEdit:f().func.isRequired,onDelete:f().func.isRequired},y.propTypes={isOpen:f().bool.isRequired,provider:f().string,providerName:f().string,proxyPools:f().array,onSave:f().func.isRequired,onClose:f().func.isRequired},v.propTypes={providerId:f().string.isRequired,isOAuth:f().bool};var j=s(28777),w=s(11059);function N({model:e,fullModel:t,copied:s,onCopy:r,testStatus:l,isCustom:o,isFree:n,onDeleteAlias:d,onTest:c,isTesting:u}){let m="ok"===l?"#22c55e":"error"===l?"#ef4444":void 0;return(0,a.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===l?"border-green-500/40":"error"===l?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-base",style:m?{color:m}:void 0,children:"ok"===l?"check_circle":"error"===l?"cancel":"smart_toy"}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:t}),e.name&&(0,a.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),c&&(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:c,disabled:u,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${u?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",style:u?{animation:"spin 1s linear infinite"}:void 0,children:u?"progress_activity":"science"})}),(0,a.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:u?"Testing...":"Test"})]}),(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:()=>r(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:s===`model-${e.id}`?"check":"content_copy"})}),(0,a.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:s===`model-${e.id}`?"Copied!":"Copy"})]}),n&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),e.requiresSession&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-amber-600 dark:text-amber-400 bg-amber-500/10 px-1.5 py-0.5 rounded cursor-help",title:(0,i.Tl)("Requires MiMo Desktop sign-in — API key alone cannot reach this model"),children:(0,i.Tl)("Desktop sign-in")}),o&&(0,a.jsx)("button",{onClick:d,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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function k({isOpen:e,onSave:t,onClose:s}){let[r,l]=(0,n.useState)(""),o=()=>{r.trim()&&(t(r.trim()),l(""))};return(0,a.jsx)(d.aF,{isOpen:e,title:"Add Custom Model",onClose:s,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",value:r,onChange:e=>l(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(d.$n,{onClick:o,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,a.jsx)(d.$n,{onClick:s,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function S({providerId:e,kindFilter:t,providerAliasOverride:s}){let{copied:r,copy:l}=(0,w.C)(),[o,i]=(0,n.useState)({}),[c,m]=(0,n.useState)([]),[p,x]=(0,n.useState)({}),[h,f]=(0,n.useState)(null),[b,g]=(0,n.useState)(""),[y,v]=(0,n.useState)(!1),C=s||(0,u.wG)(e),$=t||"llm",T=(0,n.useCallback)(async()=>{try{let[e,t]=await Promise.all([fetch("/api/models/alias"),fetch("/api/models/custom",{cache:"no-store"})]),s=await e.json(),a=await t.json();e.ok&&i(s.aliases||{}),t.ok&&m(a.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[]);(0,n.useEffect)(()=>{T()},[T]);let P=async(e,t)=>{let s=`${C}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:s,alias:t})})).ok&&await T()}catch(e){console.log("set alias error:",e)}},_=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await T()}catch(e){console.log("delete alias error:",e)}},E=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:C,id:e,type:$})})).ok&&(await T(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},I=async e=>{try{let t=new URLSearchParams({providerAlias:C,id:e,type:$});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await T(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},R=async e=>{if(!h){f(e);try{let s=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${C}/${e}`,kind:t})}),a=await s.json();x(t=>({...t,[e]:a.ok?"ok":"error"})),g(a.ok?"":a.error||"Model not reachable")}catch{x(t=>({...t,[e]:"error"})),g("Network error")}finally{f(null)}}},A=(0,j.KC)(e),M=t?A.filter(e=>e.kinds?e.kinds.includes(t):(0,j.CP)(e,"llm")===t):A,O=c.filter(e=>e.providerAlias===C&&(0,j.CP)(e,"llm")===$&&!M.some(t=>t.id===e.id));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,a.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),b&&(0,a.jsx)("p",{className:"text-xs text-red-500 mb-3 break-words",children:b}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-3",children:[M.map(e=>{let t=`${C}/${e.id}`,s=Object.entries(o).find(([,e])=>e===t)?.[0];return(0,a.jsx)(N,{model:e,fullModel:`${C}/${e.id}`,alias:s,copied:r,onCopy:l,onSetAlias:t=>P(e.id,t),onDeleteAlias:()=>_(s),testStatus:p[e.id],onTest:()=>R(e.id),isTesting:h===e.id,isFree:e.isFree},e.id)}),O.map(e=>(0,a.jsx)(N,{model:{id:e.id,name:e.name},fullModel:`${C}/${e.id}`,copied:r,onCopy:l,onSetAlias:()=>{},onDeleteAlias:()=>I(e.id),testStatus:p[e.id],onTest:()=>R(e.id),isTesting:h===e.id,isCustom:!0},`${e.id}-${e.type}`)),(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,a.jsx)(k,{isOpen:y,onSave:async e=>{await E(e),v(!1)},onClose:()=>v(!1)})]})}function C({label:e,children:t}){return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,a.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,a.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}N.propTypes={model:f().shape({id:f().string.isRequired}).isRequired,fullModel:f().string.isRequired,copied:f().string,onCopy:f().func.isRequired,testStatus:f().oneOf(["ok","error"]),isCustom:f().bool,isFree:f().bool,onDeleteAlias:f().func,onTest:f().func,isTesting:f().bool},k.propTypes={isOpen:f().bool.isRequired,onSave:f().func.isRequired,onClose:f().func.isRequired},S.propTypes={providerId:f().string.isRequired,kindFilter:f().string,providerAliasOverride:f().string};let $={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": "..." }
   ]
@@ -27,7 +27,7 @@
     "is_urgent": { "type": "noul", "noul": 0.99 }
   },
   "usage": { "input_tokens": 312, "output_tokens": 48 }
-}`}},S=`{
+}`}},T=`{
   "object": "list",
   "data": [{
     "object": "embedding",
@@ -36,30 +36,30 @@
   }],
   "model": "...",
   "usage": { "prompt_tokens": 9, "total_tokens": 9 }
-}`;function $({providerId:e,customAlias:t}){let s=(0,u.gC)(e),r=s?t||e:(0,u.wG)(e),l=s?[]:(0,y.KC)(e).filter(e=>"embedding"===(0,y.CP)(e)),[o,i]=(0,n.useState)(l[0]?.id??""),[c,m]=(0,n.useState)("The quick brown fox jumps over the lazy dog"),[p,x]=(0,n.useState)(""),[h,f]=(0,n.useState)(""),[b,g]=(0,n.useState)(!1),[j,w]=(0,n.useState)(""),[N,C]=(0,n.useState)(""),[P,T]=(0,n.useState)(null),[_,E]=(0,n.useState)(!1),[I,A]=(0,n.useState)(""),{copied:R,copy:M}=(0,v.C)(),{copied:O,copy:K}=(0,v.C)();(0,n.useEffect)(()=>{w(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{f((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&C(e.publicUrl)}).catch(()=>{})},[]);let L=b?N:j,D=o?`${r}/${o}`:"",B=()=>{let e={model:D,input:c.trim()},t=Number(p);return p&&Number.isFinite(t)&&t>0&&(e.dimensions=t),e},U=`curl -X POST ${L}/v1/embeddings \\
+}`;function P({providerId:e,customAlias:t}){let s=(0,u.gC)(e),r=s?t||e:(0,u.wG)(e),l=s?[]:(0,j.KC)(e).filter(e=>"embedding"===(0,j.CP)(e)),[o,i]=(0,n.useState)(l[0]?.id??""),[c,m]=(0,n.useState)("The quick brown fox jumps over the lazy dog"),[p,x]=(0,n.useState)(""),[h,f]=(0,n.useState)(""),[b,g]=(0,n.useState)(!1),[y,v]=(0,n.useState)(""),[N,k]=(0,n.useState)(""),[S,$]=(0,n.useState)(null),[_,E]=(0,n.useState)(!1),[I,R]=(0,n.useState)(""),{copied:A,copy:M}=(0,w.C)(),{copied:O,copy:D}=(0,w.C)();(0,n.useEffect)(()=>{v(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{f((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 K=b?N:y,L=o?`${r}/${o}`:"",U=()=>{let e={model:L,input:c.trim()},t=Number(p);return p&&Number.isFinite(t)&&t>0&&(e.dimensions=t),e},B=`curl -X POST ${K}/v1/embeddings \\
   -H "Content-Type: application/json" \\
   -H "Authorization: Bearer ${h||"YOUR_KEY"}" \\
-  -d '${JSON.stringify(B())}'`,F=async()=>{if(!c.trim()||!D)return;E(!0),A(""),T(null);let e=Date.now();try{let t={"Content-Type":"application/json"};h&&(t.Authorization=`Bearer ${h}`);let s=await fetch("/api/v1/embeddings",{method:"POST",headers:t,body:JSON.stringify(B())}),a=Date.now()-e,r=await s.json();if(!s.ok)return void A(r?.error?.message||r?.error||`HTTP ${s.status}`);T({data:r,latencyMs:a})}catch(e){A(e.message||"Network error")}finally{E(!1)}},q=P?JSON.stringify(P.data,null,2):"";return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,a.jsx)(k,{label:"Model",children:s?(0,a.jsx)("input",{value:o,onChange:e=>i(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-surface focus:outline-none focus:border-primary font-mono"}):(0,a.jsx)("select",{value:o,onChange:e=>i(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:l.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,a.jsx)(k,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)("input",{value:L,onChange:e=>b?C(e.target.value):w(e.target.value),className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary font-mono",placeholder:"http://localhost:3000"}),N&&(0,a.jsxs)("button",{onClick:()=>g(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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(k,{label:"API Key",children:(0,a.jsx)("input",{type:"password",value:h,onChange:e=>f(e.target.value),placeholder:"sk-...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary font-mono"})}),(0,a.jsx)(k,{label:"Input",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:c,onChange:e=>m(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),c&&(0,a.jsx)("button",{type:"button",onClick:()=>m(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,a.jsx)(k,{label:"Dimensions",children:(0,a.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-surface focus:outline-none focus:border-primary"})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>M(U),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:R?"check":"content_copy"}),R?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:F,disabled:_||!c.trim()||!D,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:_?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),_?"Running...":"Run"]})]})]}),(0,a.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:U})]}),I&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:I}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",P&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",P.latencyMs,"ms"]})]}),P&&(0,a.jsxs)("button",{onClick:()=>K(q),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:O?"check":"content_copy"}),O?"Copied":"Copy"]})]}),(0,a.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 S;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)})(P?.data)})]})]})]})}let 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"},"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 T=s(717),_=s(91781);let E=`// Audio will appear here after running.
+  -d '${JSON.stringify(U())}'`,F=async()=>{if(!c.trim()||!L)return;E(!0),R(""),$(null);let e=Date.now();try{let t={"Content-Type":"application/json"};h&&(t.Authorization=`Bearer ${h}`);let s=await fetch("/api/v1/embeddings",{method:"POST",headers:t,body:JSON.stringify(U())}),a=Date.now()-e,r=await s.json();if(!s.ok)return void R(r?.error?.message||r?.error||`HTTP ${s.status}`);$({data:r,latencyMs:a})}catch(e){R(e.message||"Network error")}finally{E(!1)}},q=S?JSON.stringify(S.data,null,2):"";return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,a.jsx)(C,{label:"Model",children:s?(0,a.jsx)("input",{value:o,onChange:e=>i(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-surface focus:outline-none focus:border-primary font-mono"}):(0,a.jsx)("select",{value:o,onChange:e=>i(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:l.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)("input",{value:K,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-surface focus:outline-none focus:border-primary font-mono",placeholder:"http://localhost:3000"}),N&&(0,a.jsxs)("button",{onClick:()=>g(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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("input",{type:"password",value:h,onChange:e=>f(e.target.value),placeholder:"sk-...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary font-mono"})}),(0,a.jsx)(C,{label:"Input",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:c,onChange:e=>m(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),c&&(0,a.jsx)("button",{type:"button",onClick:()=>m(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,a.jsx)(C,{label:"Dimensions",children:(0,a.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-surface focus:outline-none focus:border-primary"})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>M(B),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:A?"check":"content_copy"}),A?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:F,disabled:_||!c.trim()||!L,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:_?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),_?"Running...":"Run"]})]})]}),(0,a.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:B})]}),I&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:I}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",S&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",S.latencyMs,"ms"]})]}),S&&(0,a.jsxs)("button",{onClick:()=>D(q),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:O?"check":"content_copy"}),O?"Copied":"Copy"]})]}),(0,a.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 T;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)})]})]})]})}let _={"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"},"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 E=s(717),I=s(91781);let R=`// Audio will appear here after running.
 // Example JSON response (response_format=json):
 {
   "format": "mp3",
   "audio": "//NExAANaAIIAUAAANNNNNNNN..." // base64 encoded MP3
-}`;function I({providerId:e}){let t,s,r=(0,u.wG)(e),l=P[e]||P["edge-tts"],[o,c]=(0,n.useState)(l.defaultVoiceId||""),[m,p]=(0,n.useState)(""),[x,h]=(0,n.useState)(l.defaultVoiceId||""),[f,b]=(0,n.useState)([]),[g,j]=(0,n.useState)(""),[w,N]=(0,n.useState)(()=>{let t=u.Q2[e]?.ttsConfig?.models;if(t?.length)return t[0].id;if(l.hasModelSelector&&l.modelKey){let e=(0,y.KC)(l.modelKey);return e?.[0]?.id||""}return""}),[C,S]=(0,n.useState)("Hello, this is a text to speech test."),[$,A]=(0,n.useState)(""),[R,M]=(0,n.useState)(""),[O,K]=(0,n.useState)(!1),[L,D]=(0,n.useState)(""),[B,U]=(0,n.useState)(""),[F,q]=(0,n.useState)("mp3"),[z,J]=(0,n.useState)(""),[V,H]=(0,n.useState)(null),[W,G]=(0,n.useState)(!1),[Y,Q]=(0,n.useState)(""),[Z,X]=(0,n.useState)(null),{copied:ee,copy:et}=(0,v.C)(),[es,ea]=(0,n.useState)(!1),[er,el]=(0,n.useState)([]),[eo,en]=(0,n.useState)(!1),[ei,ed]=(0,n.useState)(""),[ec,eu]=(0,n.useState)(""),[em,ep]=(0,n.useState)({}),[ex,eh]=(0,n.useState)(""),[ef,eb]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(D(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(t=>{eb((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive).length)}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&U(e.publicUrl)}).catch(()=>{}),"hardcoded"===l.voiceSource){let t=l.hasModelSelector&&l.modelKey&&(0,y.KC)(l.modelKey)?.[0]?.id||"",s=l.voicesPerModel&&t?(0,T.jY)(e,t)||[]:(0,y.KC)(l.voiceKey||e).filter(e=>"tts"===(0,y.CP)(e));if(s.length)if(l.hasBrowseButton){let e=s.find(e=>"en"===e.id)||s[0];j(e.id),c(e.id),p(e.name),b([{id:e.id,name:e.name}])}else b(s),c(s[0].id),p(s[0].name||s[0].id)}},[e]),(0,n.useEffect)(()=>{if(!l.voicesPerModel||!w)return;let t=(0,T.jY)(e,w)||[];b(t),t.length?(c(t[0].id),p(t[0].name||t[0].id)):(c(""),p(""))},[w]);let eg=async()=>{if(ea(!0),ed(""),eu(""),!er.length){en(!0);try{if("hardcoded"===l.voiceSource){let t=l.voiceKey||e,s=(0,y.KC)(t).filter(e=>"tts"===(0,y.CP)(e)),a={};for(let e of s)a[e.id]||(a[e.id]={code:e.id,name:e.name,voices:[{id:e.id,name:e.name}]});ep(a),el(Object.values(a).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"}`,s=await fetch(t),a=await s.json();if(a.error)return void eu(a.error);el(a.languages||[]),ep(a.byLang||{})}}catch(e){eu(e.message)}finally{en(!1)}}},ey=ei?er.filter(e=>e.name.toLowerCase().includes(ei.toLowerCase())||e.code.toLowerCase().includes(ei.toLowerCase())):er,ev=O?B:L,ej=l.hasVoiceIdInput&&x||o,ew=l.hasModelSelector&&w&&ej?`${r}/${w}/${ej}`:l.hasModelSelector&&w?`${r}/${w}`:ej?`${r}/${ej}`:"",eN=(t={model:ew,input:C},l.hasLanguageHint&&ex&&(t.language=ex),l.hasStyleInput&&$.trim()&&(t.style=$.trim()),t),ek=`curl -X POST ${ev}/v1/audio/speech${"json"===F?"?response_format=json":""} \\
+}`;function A({providerId:e}){let t,s,r=(0,u.wG)(e),l=_[e]||_["edge-tts"],[o,c]=(0,n.useState)(l.defaultVoiceId||""),[m,p]=(0,n.useState)(""),[x,h]=(0,n.useState)(l.defaultVoiceId||""),[f,b]=(0,n.useState)([]),[g,y]=(0,n.useState)(""),[v,N]=(0,n.useState)(()=>{let t=u.Q2[e]?.ttsConfig?.models;if(t?.length)return t[0].id;if(l.hasModelSelector&&l.modelKey){let e=(0,j.KC)(l.modelKey);return e?.[0]?.id||""}return""}),[k,S]=(0,n.useState)("Hello, this is a text to speech test."),[$,T]=(0,n.useState)(""),[P,M]=(0,n.useState)(""),[O,D]=(0,n.useState)(!1),[K,L]=(0,n.useState)(""),[U,B]=(0,n.useState)(""),[F,q]=(0,n.useState)("mp3"),[z,J]=(0,n.useState)(""),[V,H]=(0,n.useState)(null),[W,Y]=(0,n.useState)(!1),[G,Q]=(0,n.useState)(""),[X,Z]=(0,n.useState)(null),{copied:ee,copy:et}=(0,w.C)(),[es,ea]=(0,n.useState)(!1),[er,el]=(0,n.useState)([]),[eo,en]=(0,n.useState)(!1),[ei,ed]=(0,n.useState)(""),[ec,eu]=(0,n.useState)(""),[em,ep]=(0,n.useState)({}),[ex,eh]=(0,n.useState)(""),[ef,eb]=(0,n.useState)(0);(0,n.useEffect)(()=>{if(L(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(t=>{eb((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive).length)}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&B(e.publicUrl)}).catch(()=>{}),"hardcoded"===l.voiceSource){let t=l.hasModelSelector&&l.modelKey&&(0,j.KC)(l.modelKey)?.[0]?.id||"",s=l.voicesPerModel&&t?(0,E.jY)(e,t)||[]:(0,j.KC)(l.voiceKey||e).filter(e=>"tts"===(0,j.CP)(e));if(s.length)if(l.hasBrowseButton){let e=s.find(e=>"en"===e.id)||s[0];y(e.id),c(e.id),p(e.name),b([{id:e.id,name:e.name}])}else b(s),c(s[0].id),p(s[0].name||s[0].id)}},[e]),(0,n.useEffect)(()=>{if(!l.voicesPerModel||!v)return;let t=(0,E.jY)(e,v)||[];b(t),t.length?(c(t[0].id),p(t[0].name||t[0].id)):(c(""),p(""))},[v]);let eg=async()=>{if(ea(!0),ed(""),eu(""),!er.length){en(!0);try{if("hardcoded"===l.voiceSource){let t=l.voiceKey||e,s=(0,j.KC)(t).filter(e=>"tts"===(0,j.CP)(e)),a={};for(let e of s)a[e.id]||(a[e.id]={code:e.id,name:e.name,voices:[{id:e.id,name:e.name}]});ep(a),el(Object.values(a).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"}`,s=await fetch(t),a=await s.json();if(a.error)return void eu(a.error);el(a.languages||[]),ep(a.byLang||{})}}catch(e){eu(e.message)}finally{en(!1)}}},ey=ei?er.filter(e=>e.name.toLowerCase().includes(ei.toLowerCase())||e.code.toLowerCase().includes(ei.toLowerCase())):er,ev=O?U:K,ej=l.hasVoiceIdInput&&x||o,ew=l.hasModelSelector&&v&&ej?`${r}/${v}/${ej}`:l.hasModelSelector&&v?`${r}/${v}`:ej?`${r}/${ej}`:"",eN=(t={model:ew,input:k},l.hasLanguageHint&&ex&&(t.language=ex),l.hasStyleInput&&$.trim()&&(t.style=$.trim()),t),ek=`curl -X POST ${ev}/v1/audio/speech${"json"===F?"?response_format=json":""} \\
   -H "Content-Type: application/json" \\
-  -H "Authorization: Bearer ${R||"YOUR_KEY"}" \\
+  -H "Authorization: Bearer ${P||"YOUR_KEY"}" \\
   -d '${JSON.stringify(eN)}' \\
-  ${"json"===F?"":"--output speech.mp3"}`,eC=async()=>{if(!C.trim()||!ew)return;G(!0),Q(""),J(""),H(null);let e=Date.now();try{let t={"Content-Type":"application/json"};R&&(t.Authorization=`Bearer ${R}`);let s=`/api/v1/audio/speech${"json"===F?"?response_format=json":""}`,a=await fetch(s,{method:"POST",headers:t,body:JSON.stringify({...eN,input:C.trim()})});if(X(Date.now()-e),!a.ok){let e=await a.json().catch(()=>({}));Q(e?.error?.message||e?.error||`HTTP ${a.status}`);return}if("json"===F){let e=await a.json();H(e);let t=e.format||"mp3",s=await fetch(`data:audio/${t};base64,${e.audio}`).then(e=>e.blob());J(URL.createObjectURL(s))}else{let e=await a.blob();J(URL.createObjectURL(e))}}catch(e){Q(e.message||"Network error")}finally{G(!1)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,a.jsx)(k,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[ev,"/v1/audio/speech"]}),B&&(0,a.jsxs)("button",{onClick:()=>K(e=>!e),title:O?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${O?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(k,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:R?`${R.slice(0,8)}${"•".repeat(Math.min(20,R.length-8))}`:ef>0?(0,a.jsxs)("span",{className:"text-text-muted italic",children:["Using stored key(s) \xb7 ",ef," connection",ef>1?"s":""]}):(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),l.hasModelSelector&&(l.modelKey||(0,y.KC)(e).some(e=>"tts"===(0,y.CP)(e)))&&(0,a.jsx)(k,{label:"Model",children:(0,a.jsx)("select",{value:w,onChange:e=>N(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:((s=(0,y.KC)(e).filter(e=>"tts"===(0,y.CP)(e))).length?s:(0,y.KC)(l.modelKey)||[]).map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),l.hasLanguageHint&&(0,a.jsx)(k,{label:"Language",children:(0,a.jsxs)("select",{value:ex,onChange:e=>eh(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:"Auto-detect"}),(l.languageOptions||_.I).map(e=>"string"==typeof e?(0,a.jsx)("option",{value:e,children:e},e):(0,a.jsx)("option",{value:e.name,children:e.name},e.id))]})}),l.hasBrowseButton&&(0,a.jsx)(k,{label:"Language",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)("button",{onClick:eg,className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-surface font-mono truncate text-left hover:border-primary/40 transition-colors",children:g?(0,a.jsx)("span",{className:"text-text-main",children:er.find(e=>e.code===g)?.name||g}):(0,a.jsx)("span",{className:"text-text-muted",children:"No language selected"})}),(0,a.jsxs)("button",{onClick:eg,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"language"}),"Select language"]})]})}),f.length>0&&(0,a.jsx)(k,{label:"Voice",children:(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:f.map(e=>(0,a.jsxs)("button",{onClick:()=>{c(e.id),p(e.name),l.hasVoiceIdInput&&h(e.id)},className:`px-2.5 py-1 rounded-full text-xs border transition-colors ${o===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,a.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,a.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,a.jsx)(k,{label:"Voice ID",children:(0,a.jsx)("div",{className:"flex flex-col gap-1",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:x,onChange:e=>{h(e.target.value),c(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-surface focus:outline-none focus:border-primary font-mono"}),x&&(0,a.jsx)("button",{type:"button",onClick:()=>{h(""),c("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})})}),l.hasLanguageDropdown&&(0,a.jsx)(k,{label:"Language",children:(0,a.jsx)("select",{value:o,onChange:t=>{let s=(0,y.KC)(e).filter(e=>"tts"===(0,y.CP)(e)).find(e=>e.id===t.target.value);c(t.target.value),p(s?.name||t.target.value)},className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:(0,y.KC)(e).filter(e=>"tts"===(0,y.CP)(e)).map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,a.jsx)(k,{label:"Input",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:C,onChange:e=>S(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),C&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),l.hasStyleInput&&(0,a.jsx)(k,{label:(0,i.Tl)("Style"),children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("textarea",{value:$,onChange:e=>A(e.target.value),placeholder:(0,i.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-surface focus:outline-none focus:border-primary resize-none"}),$&&(0,a.jsx)("button",{type:"button",onClick:()=>A(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,a.jsx)(k,{label:"Output Format",children:(0,a.jsxs)("select",{value:F,onChange:e=>q(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"mp3",children:"MP3 (Binary)"}),(0,a.jsx)("option",{value:"json",children:"JSON (Base64)"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>et(ek),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ee?"check":"content_copy"}),ee?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:eC,disabled:W||!C.trim()||!ew,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:W?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),W?"Generating...":"Run"]})]})]}),(0,a.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:ek})]}),Y&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:Y}),z?(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",Z&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",Z,"ms"]})]}),(0,a.jsxs)("a",{href:z,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})]}),(0,a.jsx)("audio",{controls:!0,src:z,className:"w-full"}),V&&(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"JSON Response"})}),(0,a.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:V.format,audio:V.audio?`${V.audio.substring(0,100)}...`:""},null,2)})]})]}):(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Response"}),(0,a.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:E})]})]})]}),es&&(0,a.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:()=>ea(!1),children:(0,a.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,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border shrink-0 rounded-t-xl",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold",children:"Select Language"}),(0,a.jsx)("button",{onClick:()=>ea(!1),className:"text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,a.jsx)("div",{className:"px-4 py-2.5 border-b border-border shrink-0",children:(0,a.jsx)("input",{autoFocus:!0,value:ei,onChange:e=>ed(e.target.value),placeholder:"Search language...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"})}),(0,a.jsxs)("div",{className:"overflow-y-auto flex-1 p-2",children:[ec&&(0,a.jsx)("p",{className:"text-xs text-red-500 px-2 py-1",children:ec}),eo?(0,a.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"Loading..."}):(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[ey.map(e=>(0,a.jsxs)("button",{onClick:()=>{let t;return ea(!1),j(e.code),void(b(t=em[e.code]?.voices||[]),t.length&&(c(t[0].id),p(t[0].name),l.hasVoiceIdInput&&h(t[0].id)))},className:`flex items-center justify-between w-full px-3 py-2 rounded-lg text-left hover:bg-sidebar transition-colors ${g===e.code?"bg-primary/10 text-primary":""}`,children:[(0,a.jsx)("span",{className:"text-sm",children:e.name}),(0,a.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[e.voices.length," voices"]}),g===e.code&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check"})]})]},e.code)),0===ey.length&&(0,a.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"No languages found."})]})]})]})})]})}let A="https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog.png";function R(e){let t="string"==typeof e?e.trim():"";return t?/^(data:image\/|https?:\/\/)/i.test(t)?t:`data:image/png;base64,${t}`:""}function M({providerId:e,kind:t}){let s=(0,u.wG)(e),r=(0,u.rs)(s)===e?s:e,l=u.rj.find(e=>e.id===t),o=C[t],i=o||{},c=(0,y.KC)(e).filter(e=>(0,y.CP)(e)===t),m=new Set(["image","video","music","imageToText","systemone"]).has(t),p=m&&0===c.length,[x,h]=(0,n.useState)(c[0]?.id??""),f=c.find(e=>e.id===x),b=!!f?.capabilities?.includes("edit"),g=!!f?.capabilities?.includes("mask"),[j,w]=(0,n.useState)(i.defaultInput||""),[N,S]=(0,n.useState)("Does this request require urgent attention?"),[$,P]=(0,n.useState)(""),[T,_]=(0,n.useState)(""),[E,I]=(0,n.useState)(()=>(i.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[O,K]=(0,n.useState)(""),[L,D]=(0,n.useState)(!1),[B,U]=(0,n.useState)(""),[F,q]=(0,n.useState)(""),[z,J]=(0,n.useState)(null),[V,H]=(0,n.useState)(null),[W,G]=(0,n.useState)(null),[Y,Q]=(0,n.useState)("json"),[Z,X]=(0,n.useState)(""),[ee,et]=(0,n.useState)(!1),[es,ea]=(0,n.useState)(""),[er,el]=(0,n.useState)([]),[eo,en]=(0,n.useState)(""),{copied:ei,copy:ed}=(0,v.C)(),{copied:ec,copy:eu}=(0,v.C)();if((0,n.useEffect)(()=>{U(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{K((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=>{el((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!o)return null;let em=L?F:B,ep=l.endpoint.path,ex=m?x?`${r}/${x}`:p?"":r:r,eh="cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===x?{image:A}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===x?{image:A,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ef=$.trim()||eh.image||"",eb=T.trim()||eh.mask_image||"",eg=R(ef),ey=R(eb),ev=Object.entries(E).reduce((e,[t,s])=>(""===s||null==s||"number"==typeof s&&Number.isNaN(s)||(e[t]=s),e),{}),ej="systemone"===t?{questions:{is_urgent:{type:"noul",instructions:N.trim()||"Does this request require urgent attention?"}}}:{},ew={model:ex,[o.bodyKey]:j,...o.extraBody,...ej,...ev,...b&&ef?{image:ef}:{},...g&&eb?{mask_image:eb}:{}},eN="image"===t&&"binary"===Y,ek="image"===t&&"codex"===e&&!eN,eC=`${ep}${eN?"?response_format=binary":""}`,eS=`-H "Content-Type: application/json" \\
-  -H "Authorization: Bearer ${O||"YOUR_KEY"}"${eo?` \\
+  ${"json"===F?"":"--output speech.mp3"}`,eS=async()=>{if(!k.trim()||!ew)return;Y(!0),Q(""),J(""),H(null);let e=Date.now();try{let t={"Content-Type":"application/json"};P&&(t.Authorization=`Bearer ${P}`);let s=`/api/v1/audio/speech${"json"===F?"?response_format=json":""}`,a=await fetch(s,{method:"POST",headers:t,body:JSON.stringify({...eN,input:k.trim()})});if(Z(Date.now()-e),!a.ok){let e=await a.json().catch(()=>({}));Q(e?.error?.message||e?.error||`HTTP ${a.status}`);return}if("json"===F){let e=await a.json();H(e);let t=e.format||"mp3",s=await fetch(`data:audio/${t};base64,${e.audio}`).then(e=>e.blob());J(URL.createObjectURL(s))}else{let e=await a.blob();J(URL.createObjectURL(e))}}catch(e){Q(e.message||"Network error")}finally{Y(!1)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[ev,"/v1/audio/speech"]}),U&&(0,a.jsxs)("button",{onClick:()=>D(e=>!e),title:O?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${O?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:P?`${P.slice(0,8)}${"•".repeat(Math.min(20,P.length-8))}`:ef>0?(0,a.jsxs)("span",{className:"text-text-muted italic",children:["Using stored key(s) \xb7 ",ef," connection",ef>1?"s":""]}):(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),l.hasModelSelector&&(l.modelKey||(0,j.KC)(e).some(e=>"tts"===(0,j.CP)(e)))&&(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("select",{value:v,onChange:e=>N(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:((s=(0,j.KC)(e).filter(e=>"tts"===(0,j.CP)(e))).length?s:(0,j.KC)(l.modelKey)||[]).map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),l.hasLanguageHint&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsxs)("select",{value:ex,onChange:e=>eh(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:"Auto-detect"}),(l.languageOptions||I.I).map(e=>"string"==typeof e?(0,a.jsx)("option",{value:e,children:e},e):(0,a.jsx)("option",{value:e.name,children:e.name},e.id))]})}),l.hasBrowseButton&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)("button",{onClick:eg,className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-surface font-mono truncate text-left hover:border-primary/40 transition-colors",children:g?(0,a.jsx)("span",{className:"text-text-main",children:er.find(e=>e.code===g)?.name||g}):(0,a.jsx)("span",{className:"text-text-muted",children:"No language selected"})}),(0,a.jsxs)("button",{onClick:eg,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"language"}),"Select language"]})]})}),f.length>0&&(0,a.jsx)(C,{label:"Voice",children:(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:f.map(e=>(0,a.jsxs)("button",{onClick:()=>{c(e.id),p(e.name),l.hasVoiceIdInput&&h(e.id)},className:`px-2.5 py-1 rounded-full text-xs border transition-colors ${o===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,a.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,a.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,a.jsx)(C,{label:"Voice ID",children:(0,a.jsx)("div",{className:"flex flex-col gap-1",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:x,onChange:e=>{h(e.target.value),c(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-surface focus:outline-none focus:border-primary font-mono"}),x&&(0,a.jsx)("button",{type:"button",onClick:()=>{h(""),c("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})})}),l.hasLanguageDropdown&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsx)("select",{value:o,onChange:t=>{let s=(0,j.KC)(e).filter(e=>"tts"===(0,j.CP)(e)).find(e=>e.id===t.target.value);c(t.target.value),p(s?.name||t.target.value)},className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:(0,j.KC)(e).filter(e=>"tts"===(0,j.CP)(e)).map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,a.jsx)(C,{label:"Input",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:k,onChange:e=>S(e.target.value),className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),k&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),l.hasStyleInput&&(0,a.jsx)(C,{label:(0,i.Tl)("Style"),children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("textarea",{value:$,onChange:e=>T(e.target.value),placeholder:(0,i.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-surface focus:outline-none focus:border-primary resize-none"}),$&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),(0,a.jsx)(C,{label:"Output Format",children:(0,a.jsxs)("select",{value:F,onChange:e=>q(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"mp3",children:"MP3 (Binary)"}),(0,a.jsx)("option",{value:"json",children:"JSON (Base64)"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>et(ek),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ee?"check":"content_copy"}),ee?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:eS,disabled:W||!k.trim()||!ew,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:W?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),W?"Generating...":"Run"]})]})]}),(0,a.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:ek})]}),G&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:G}),z?(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",X&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",X,"ms"]})]}),(0,a.jsxs)("a",{href:z,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})]}),(0,a.jsx)("audio",{controls:!0,src:z,className:"w-full"}),V&&(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"JSON Response"})}),(0,a.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:V.format,audio:V.audio?`${V.audio.substring(0,100)}...`:""},null,2)})]})]}):(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Response"}),(0,a.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:R})]})]})]}),es&&(0,a.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:()=>ea(!1),children:(0,a.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,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border shrink-0 rounded-t-xl",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold",children:"Select Language"}),(0,a.jsx)("button",{onClick:()=>ea(!1),className:"text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,a.jsx)("div",{className:"px-4 py-2.5 border-b border-border shrink-0",children:(0,a.jsx)("input",{autoFocus:!0,value:ei,onChange:e=>ed(e.target.value),placeholder:"Search language...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"})}),(0,a.jsxs)("div",{className:"overflow-y-auto flex-1 p-2",children:[ec&&(0,a.jsx)("p",{className:"text-xs text-red-500 px-2 py-1",children:ec}),eo?(0,a.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"Loading..."}):(0,a.jsxs)("div",{className:"flex flex-col gap-0.5",children:[ey.map(e=>(0,a.jsxs)("button",{onClick:()=>{let t;return ea(!1),y(e.code),void(b(t=em[e.code]?.voices||[]),t.length&&(c(t[0].id),p(t[0].name),l.hasVoiceIdInput&&h(t[0].id)))},className:`flex items-center justify-between w-full px-3 py-2 rounded-lg text-left hover:bg-sidebar transition-colors ${g===e.code?"bg-primary/10 text-primary":""}`,children:[(0,a.jsx)("span",{className:"text-sm",children:e.name}),(0,a.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[e.voices.length," voices"]}),g===e.code&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check"})]})]},e.code)),0===ey.length&&(0,a.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"No languages found."})]})]})]})})]})}let M="https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog.png";function O(e){let t="string"==typeof e?e.trim():"";return t?/^(data:image\/|https?:\/\/)/i.test(t)?t:`data:image/png;base64,${t}`:""}function D({providerId:e,kind:t}){let s=(0,u.wG)(e),r=(0,u.rs)(s)===e?s:e,l=u.rj.find(e=>e.id===t),o=$[t],i=o||{},c=(0,j.KC)(e).filter(e=>(0,j.CP)(e)===t),m=new Set(["image","video","music","imageToText","systemone"]).has(t),p=m&&0===c.length,[x,h]=(0,n.useState)(c[0]?.id??""),f=c.find(e=>e.id===x),b=!!f?.capabilities?.includes("edit"),g=!!f?.capabilities?.includes("mask"),[y,v]=(0,n.useState)(i.defaultInput||""),[N,k]=(0,n.useState)("Does this request require urgent attention?"),[S,T]=(0,n.useState)(""),[P,_]=(0,n.useState)(""),[E,I]=(0,n.useState)(()=>(i.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[R,A]=(0,n.useState)(""),[K,L]=(0,n.useState)(!1),[U,B]=(0,n.useState)(""),[F,q]=(0,n.useState)(""),[z,J]=(0,n.useState)(null),[V,H]=(0,n.useState)(null),[W,Y]=(0,n.useState)(null),[G,Q]=(0,n.useState)("json"),[X,Z]=(0,n.useState)(""),[ee,et]=(0,n.useState)(!1),[es,ea]=(0,n.useState)(""),[er,el]=(0,n.useState)([]),[eo,en]=(0,n.useState)(""),{copied:ei,copy:ed}=(0,w.C)(),{copied:ec,copy:eu}=(0,w.C)();if((0,n.useEffect)(()=>{B(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&&q(e.publicUrl)}).catch(()=>{}),fetch("/api/providers/client").then(e=>e.json()).then(t=>{el((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!o)return null;let em=K?F:U,ep=l.endpoint.path,ex=m?x?`${r}/${x}`:p?"":r:r,eh="cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===x?{image:M}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===x?{image:M,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ef=S.trim()||eh.image||"",eb=P.trim()||eh.mask_image||"",eg=O(ef),ey=O(eb),ev=Object.entries(E).reduce((e,[t,s])=>(""===s||null==s||"number"==typeof s&&Number.isNaN(s)||(e[t]=s),e),{}),ej="systemone"===t?{questions:{is_urgent:{type:"noul",instructions:N.trim()||"Does this request require urgent attention?"}}}:{},ew={model:ex,[o.bodyKey]:y,...o.extraBody,...ej,...ev,...b&&ef?{image:ef}:{},...g&&eb?{mask_image:eb}:{}},eN="image"===t&&"binary"===G,ek="image"===t&&"codex"===e&&!eN,eS=`${ep}${eN?"?response_format=binary":""}`,eC=`-H "Content-Type: application/json" \\
+  -H "Authorization: Bearer ${R||"YOUR_KEY"}"${eo?` \\
   -H "x-connection-id: ${eo}"`:""}${ek?` \\
-  -H "Accept: text/event-stream"`:""}`,e$=`curl -X ${l.endpoint.method} ${em}${eC} \\
-  ${eS.replace(/\\\n  /g,"\\\n  ")} \\
-  -d '${JSON.stringify(ew)}'${eN?" \\\n  --output image.png":""}`,eP=async()=>{if(!j.trim()||!ex)return;if(et(!0),ea(""),J(null),H(null),G(null),Z){try{URL.revokeObjectURL(Z)}catch{}X("")}let e=Date.now();try{let t={"Content-Type":"application/json"};O&&(t.Authorization=`Bearer ${O}`),eo&&(t["x-connection-id"]=eo),ek&&(t.Accept="text/event-stream");let s={...ew,model:ex},a=await fetch(`/api${eC}`,{method:l.endpoint.method,headers:t,body:JSON.stringify(s)});if(!a.ok){let e=await a.json().catch(()=>({}));ea(e?.error?.message||e?.error||`HTTP ${a.status}`);return}let r=a.headers.get("content-type")||"";if(r.startsWith("image/")){let t=await a.blob(),s=URL.createObjectURL(t);X(s),J({data:{binary:!0,mime:r,size:t.size},latencyMs:Date.now()-e});return}if(r.includes("text/event-stream")&&a.body){let t=a.body.getReader(),s=new TextDecoder,r="",l=null,o=null;for(;;){let e,{done:a,value:n}=await t.read();if(a)break;for(r+=s.decode(n,{stream:!0});-1!==(e=r.indexOf("\n\n"));){let t=r.slice(0,e);r=r.slice(e+2);let s=null,a="";for(let e of t.split("\n"))e.startsWith("event:")?s=e.slice(6).trim():e.startsWith("data:")&&(a+=e.slice(5).trim());if(s)try{let e=a?JSON.parse(a):{};"progress"===s?H(e):"partial_image"===s?G(e):"done"===s?l=e:"error"===s&&(o=e?.message||"Stream error")}catch{}}}let n=Date.now()-e;if(o)return void ea(o);l&&J({data:l,latencyMs:n})}else{let t=await a.json(),s=Date.now()-e;J({data:t,latencyMs:s})}}catch(e){ea(e.message||"Network error")}finally{et(!1)}},eT=e=>{if(!e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(eT);let t={};for(let[s,a]of Object.entries(e))t[s]="b64_json"===s&&"string"==typeof a&&a.length>100?`<${a.length} chars base64>`:eT(a);return t},e_=z?JSON.stringify(eT(z.data),null,2):"";return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[c.length>0?(0,a.jsx)(k,{label:"Model",children:(0,a.jsx)("select",{value:x,onChange:e=>h(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:c.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):p?(0,a.jsx)(k,{label:"Model",children:(0,a.jsx)("input",{value:x,onChange:e=>h(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-surface focus:outline-none focus:border-primary font-mono"})}):null,(0,a.jsx)(k,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[em,ep]}),F&&(0,a.jsxs)("button",{onClick:()=>D(e=>!e),title:L?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${L?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(k,{label:"API Key",children:(0,a.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,O.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),er.length>0&&(0,a.jsx)(k,{label:"Connection",children:(0,a.jsxs)("select",{value:eo,onChange:e=>en(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:"Auto (by priority)"}),er.map(e=>{let t=e.providerSpecificData?.chatgptPlanType,s=e.email||e.name||e.id.slice(0,8);return(0,a.jsxs)("option",{value:e.id,children:[s,t?` [${t}]`:""]},e.id)})]})}),(0,a.jsx)(k,{label:o.inputLabel,children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:j,onChange:e=>w(e.target.value),placeholder:o.inputPlaceholder,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),j&&(0,a.jsx)("button",{type:"button",onClick:()=>w(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),"systemone"===t&&(0,a.jsx)(k,{label:"Question",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:N,onChange:e=>S(e.target.value),placeholder:"Enter evaluation question or criteria",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),N&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),b&&(0,a.jsx)(k,{label:"Ref Image (URL)",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:$,onChange:e=>P(e.target.value),placeholder:eh.image||"https://example.com/source.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),$&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),eg&&(0,a.jsx)("img",{src:eg,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"})]})}),g&&(0,a.jsx)(k,{label:"Mask (URL)",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:T,onChange:e=>_(e.target.value),placeholder:eh.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-surface focus:outline-none focus:border-primary"}),T&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),ey&&(0,a.jsx)("img",{src:ey,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"})]})}),(o.extraFields||[]).filter(e=>0===c.length||Array.isArray(f?.params)&&f.params.includes(e.key)).map(e=>(0,a.jsx)(k,{label:e.label,children:"select"===e.type?(0,a.jsx)("select",{value:E[e.key]??"",onChange:t=>I(s=>({...s,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:(e.options||[]).map(e=>(0,a.jsx)("option",{value:e,children:""===e?"(default)":e},e))}):"text"===e.type?(0,a.jsx)("input",{type:"text",value:E[e.key]??"",placeholder:e.placeholder,onChange:t=>I(s=>({...s,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}):(0,a.jsx)("input",{type:"number",value:E[e.key]??"",min:e.min,max:e.max,onChange:t=>I(s=>({...s,[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-surface focus:outline-none focus:border-primary"})},e.key)),"image"===t&&(0,a.jsx)(k,{label:"Output Format",children:(0,a.jsxs)("select",{value:Y,onChange:e=>Q(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"json",children:"JSON (Base64)"}),(0,a.jsx)("option",{value:"binary",children:"Binary File"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>ed(e$),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ei?"check":"content_copy"}),ei?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:eP,disabled:ee||!j.trim()||!ex,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ee?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),ee?"Running...":"Run"]})]})]}),(0,a.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:e$})]}),(ee||V)&&ek&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",style:ee?{animation:"spin 1s linear infinite"}:void 0,children:ee?"progress_activity":"check_circle"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[V?.stage||"starting",!ee&&V?.bytesReceived?` \xb7 ${(V.bytesReceived/1024).toFixed(1)} KB`:""]})]}),W?.b64_json&&!z&&(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Partial preview"}),(0,a.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"})]}),es&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:es}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",z&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",z.latencyMs,"ms"]})]}),z&&(0,a.jsxs)("button",{onClick:()=>eu(e_),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ec?"check":"content_copy"}),ec?"Copied":"Copy"]})]}),(0,a.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?e_:o.defaultResponse}),"image"===t&&(Z||z?.data?.data?.[0])&&(0,a.jsxs)("div",{className:"mt-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-end mb-1.5",children:(0,a.jsxs)("a",{href:Z||(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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),(0,a.jsx)("img",{src:Z||(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 O({providerId:e}){let t=(0,u.wG)(e),s=(0,y.KC)(e).filter(e=>"stt"===(0,y.CP)(e)),[r,l]=(0,n.useState)([]),o=[...s,...r],[i,c]=(0,n.useState)(s[0]?.id??""),m=o.find(e=>e.id===i),p=Array.isArray(m?.params)?m.params:[],[x,h]=(0,n.useState)(null),[f,b]=(0,n.useState)(""),[g,j]=(0,n.useState)(""),[w,N]=(0,n.useState)("json"),[C,S]=(0,n.useState)(""),[$,P]=(0,n.useState)(""),[T,_]=(0,n.useState)(!1),[E,I]=(0,n.useState)(""),[A,R]=(0,n.useState)(""),[M,K]=(0,n.useState)(null),[L,D]=(0,n.useState)(null),[B,U]=(0,n.useState)(!1),[F,q]=(0,n.useState)(""),{copied:z,copy:J}=(0,v.C)(),{copied:V,copy:H}=(0,v.C)();(0,n.useEffect)(()=>{I(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{P((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=>{l((e.models||[]).filter(e=>"stt"===(0,y.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 W=T?A:E,G=i?`${t}/${i}`:"",Y=`curl -X POST ${W}/v1/audio/transcriptions \\
+  -H "Accept: text/event-stream"`:""}`,e$=`curl -X ${l.endpoint.method} ${em}${eS} \\
+  ${eC.replace(/\\\n  /g,"\\\n  ")} \\
+  -d '${JSON.stringify(ew)}'${eN?" \\\n  --output image.png":""}`,eT=async()=>{if(!y.trim()||!ex)return;if(et(!0),ea(""),J(null),H(null),Y(null),X){try{URL.revokeObjectURL(X)}catch{}Z("")}let e=Date.now();try{let t={"Content-Type":"application/json"};R&&(t.Authorization=`Bearer ${R}`),eo&&(t["x-connection-id"]=eo),ek&&(t.Accept="text/event-stream");let s={...ew,model:ex},a=await fetch(`/api${eS}`,{method:l.endpoint.method,headers:t,body:JSON.stringify(s)});if(!a.ok){let e=await a.json().catch(()=>({}));ea(e?.error?.message||e?.error||`HTTP ${a.status}`);return}let r=a.headers.get("content-type")||"";if(r.startsWith("image/")){let t=await a.blob(),s=URL.createObjectURL(t);Z(s),J({data:{binary:!0,mime:r,size:t.size},latencyMs:Date.now()-e});return}if(r.includes("text/event-stream")&&a.body){let t=a.body.getReader(),s=new TextDecoder,r="",l=null,o=null;for(;;){let e,{done:a,value:n}=await t.read();if(a)break;for(r+=s.decode(n,{stream:!0});-1!==(e=r.indexOf("\n\n"));){let t=r.slice(0,e);r=r.slice(e+2);let s=null,a="";for(let e of t.split("\n"))e.startsWith("event:")?s=e.slice(6).trim():e.startsWith("data:")&&(a+=e.slice(5).trim());if(s)try{let e=a?JSON.parse(a):{};"progress"===s?H(e):"partial_image"===s?Y(e):"done"===s?l=e:"error"===s&&(o=e?.message||"Stream error")}catch{}}}let n=Date.now()-e;if(o)return void ea(o);l&&J({data:l,latencyMs:n})}else{let t=await a.json(),s=Date.now()-e;J({data:t,latencyMs:s})}}catch(e){ea(e.message||"Network error")}finally{et(!1)}},eP=e=>{if(!e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(eP);let t={};for(let[s,a]of Object.entries(e))t[s]="b64_json"===s&&"string"==typeof a&&a.length>100?`<${a.length} chars base64>`:eP(a);return t},e_=z?JSON.stringify(eP(z.data),null,2):"";return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[c.length>0?(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("select",{value:x,onChange:e=>h(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:c.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):p?(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("input",{value:x,onChange:e=>h(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-surface focus:outline-none focus:border-primary font-mono"})}):null,(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[em,ep]}),F&&(0,a.jsxs)("button",{onClick:()=>L(e=>!e),title:K?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${K?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:R?`${R.slice(0,8)}${"•".repeat(Math.min(20,R.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),er.length>0&&(0,a.jsx)(C,{label:"Connection",children:(0,a.jsxs)("select",{value:eo,onChange:e=>en(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:"Auto (by priority)"}),er.map(e=>{let t=e.providerSpecificData?.chatgptPlanType,s=e.email||e.name||e.id.slice(0,8);return(0,a.jsxs)("option",{value:e.id,children:[s,t?` [${t}]`:""]},e.id)})]})}),(0,a.jsx)(C,{label:o.inputLabel,children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:y,onChange:e=>v(e.target.value),placeholder:o.inputPlaceholder,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),y&&(0,a.jsx)("button",{type:"button",onClick:()=>v(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),"systemone"===t&&(0,a.jsx)(C,{label:"Question",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:N,onChange:e=>k(e.target.value),placeholder:"Enter evaluation question or criteria",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),N&&(0,a.jsx)("button",{type:"button",onClick:()=>k(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),b&&(0,a.jsx)(C,{label:"Ref Image (URL)",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:S,onChange:e=>T(e.target.value),placeholder:eh.image||"https://example.com/source.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}),S&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),eg&&(0,a.jsx)("img",{src:eg,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"})]})}),g&&(0,a.jsx)(C,{label:"Mask (URL)",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{value:P,onChange:e=>_(e.target.value),placeholder:eh.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-surface focus:outline-none focus:border-primary"}),P&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),ey&&(0,a.jsx)("img",{src:ey,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"})]})}),(o.extraFields||[]).filter(e=>0===c.length||Array.isArray(f?.params)&&f.params.includes(e.key)).map(e=>(0,a.jsx)(C,{label:e.label,children:"select"===e.type?(0,a.jsx)("select",{value:E[e.key]??"",onChange:t=>I(s=>({...s,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:(e.options||[]).map(e=>(0,a.jsx)("option",{value:e,children:""===e?"(default)":e},e))}):"text"===e.type?(0,a.jsx)("input",{type:"text",value:E[e.key]??"",placeholder:e.placeholder,onChange:t=>I(s=>({...s,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary"}):(0,a.jsx)("input",{type:"number",value:E[e.key]??"",min:e.min,max:e.max,onChange:t=>I(s=>({...s,[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-surface focus:outline-none focus:border-primary"})},e.key)),"image"===t&&(0,a.jsx)(C,{label:"Output Format",children:(0,a.jsxs)("select",{value:G,onChange:e=>Q(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"json",children:"JSON (Base64)"}),(0,a.jsx)("option",{value:"binary",children:"Binary File"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>ed(e$),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ei?"check":"content_copy"}),ei?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:eT,disabled:ee||!y.trim()||!ex,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ee?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),ee?"Running...":"Run"]})]})]}),(0,a.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:e$})]}),(ee||V)&&ek&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",style:ee?{animation:"spin 1s linear infinite"}:void 0,children:ee?"progress_activity":"check_circle"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[V?.stage||"starting",!ee&&V?.bytesReceived?` \xb7 ${(V.bytesReceived/1024).toFixed(1)} KB`:""]})]}),W?.b64_json&&!z&&(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Partial preview"}),(0,a.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"})]}),es&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:es}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",z&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",z.latencyMs,"ms"]})]}),z&&(0,a.jsxs)("button",{onClick:()=>eu(e_),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ec?"check":"content_copy"}),ec?"Copied":"Copy"]})]}),(0,a.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?e_:o.defaultResponse}),"image"===t&&(X||z?.data?.data?.[0])&&(0,a.jsxs)("div",{className:"mt-2",children:[(0,a.jsx)("div",{className:"flex items-center justify-end mb-1.5",children:(0,a.jsxs)("a",{href:X||(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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),(0,a.jsx)("img",{src:X||(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 K({providerId:e}){let t=(0,u.wG)(e),s=(0,j.KC)(e).filter(e=>"stt"===(0,j.CP)(e)),[r,l]=(0,n.useState)([]),o=[...s,...r],[i,c]=(0,n.useState)(s[0]?.id??""),m=o.find(e=>e.id===i),p=Array.isArray(m?.params)?m.params:[],[x,h]=(0,n.useState)(null),[f,b]=(0,n.useState)(""),[g,y]=(0,n.useState)(""),[v,N]=(0,n.useState)("json"),[k,S]=(0,n.useState)(""),[$,T]=(0,n.useState)(""),[P,_]=(0,n.useState)(!1),[E,I]=(0,n.useState)(""),[R,A]=(0,n.useState)(""),[M,O]=(0,n.useState)(null),[D,L]=(0,n.useState)(null),[U,B]=(0,n.useState)(!1),[F,q]=(0,n.useState)(""),{copied:z,copy:J}=(0,w.C)(),{copied:V,copy:H}=(0,w.C)();(0,n.useEffect)(()=>{I(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{T((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&A(e.publicUrl)}).catch(()=>{});let e=()=>{fetch("/api/models/custom",{cache:"no-store"}).then(e=>e.json()).then(e=>{l((e.models||[]).filter(e=>"stt"===(0,j.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 W=P?R:E,Y=i?`${t}/${i}`:"",G=`curl -X POST ${W}/v1/audio/transcriptions \\
   -H "Authorization: Bearer ${$||"YOUR_KEY"}" \\
   -F "file=@${x?.name||"audio.mp3"}" \\
-  -F "model=${G}"${p.includes("language")&&f?` \\
+  -F "model=${Y}"${p.includes("language")&&f?` \\
   -F "language=${f}"`:""}${p.includes("response_format")?` \\
-  -F "response_format=${w}"`:""}${p.includes("temperature")&&C?` \\
-  -F "temperature=${C}"`:""}${p.includes("prompt")&&g?` \\
-  -F "prompt=${g}"`:""}`,Q=async()=>{if(!x||!G)return;U(!0),q(""),K(null);let e=Date.now();try{let t=new FormData;t.append("file",x),t.append("model",G),p.includes("language")&&f&&t.append("language",f),p.includes("response_format")&&t.append("response_format",w),p.includes("temperature")&&C&&t.append("temperature",C),p.includes("prompt")&&g&&t.append("prompt",g);let s={};$&&(s.Authorization=`Bearer ${$}`);let a=await fetch("/api/v1/audio/transcriptions",{method:"POST",headers:s,body:t});D(Date.now()-e);let r=(a.headers.get("content-type")||"").includes("application/json")?await a.json():await a.text();if(!a.ok)return void q(r?.error?.message||r?.error||r||`HTTP ${a.status}`);K(r)}catch(e){q(e.message||"Network error")}finally{U(!1)}},Z="string"==typeof M?M:M?JSON.stringify(M,null,2):`{
+  -F "response_format=${v}"`:""}${p.includes("temperature")&&k?` \\
+  -F "temperature=${k}"`:""}${p.includes("prompt")&&g?` \\
+  -F "prompt=${g}"`:""}`,Q=async()=>{if(!x||!Y)return;B(!0),q(""),O(null);let e=Date.now();try{let t=new FormData;t.append("file",x),t.append("model",Y),p.includes("language")&&f&&t.append("language",f),p.includes("response_format")&&t.append("response_format",v),p.includes("temperature")&&k&&t.append("temperature",k),p.includes("prompt")&&g&&t.append("prompt",g);let s={};$&&(s.Authorization=`Bearer ${$}`);let a=await fetch("/api/v1/audio/transcriptions",{method:"POST",headers:s,body:t});L(Date.now()-e);let r=(a.headers.get("content-type")||"").includes("application/json")?await a.json():await a.text();if(!a.ok)return void q(r?.error?.message||r?.error||r||`HTTP ${a.status}`);O(r)}catch(e){q(e.message||"Network error")}finally{B(!1)}},X="string"==typeof M?M:M?JSON.stringify(M,null,2):`{
   "text": "Hello world..."
-}`;return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[o.length>0?(0,a.jsx)(k,{label:"Model",children:(0,a.jsx)("select",{value:i,onChange:e=>c(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:o.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,a.jsx)(k,{label:"Model",children:(0,a.jsx)("input",{value:i,onChange:e=>c(e.target.value),placeholder:"Enter model id",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary font-mono"})}),(0,a.jsx)(k,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[W,"/v1/audio/transcriptions"]}),A&&(0,a.jsxs)("button",{onClick:()=>_(e=>!e),title:T?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${T?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(k,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:$?`${$.slice(0,8)}${"•".repeat(Math.min(20,$.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,a.jsx)(k,{label:"Audio File",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.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-surface file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),x&&(0,a.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[x.name," \xb7 ",(x.size/1024).toFixed(1)," KB"]})]})}),p.includes("language")&&(0,a.jsx)(k,{label:"Language",children:(0,a.jsx)("input",{value:f,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-surface focus:outline-none focus:border-primary font-mono"})}),p.includes("prompt")&&(0,a.jsx)(k,{label:"Prompt",children:(0,a.jsx)("input",{value:g,onChange:e=>j(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-surface focus:outline-none focus:border-primary"})}),p.includes("temperature")&&(0,a.jsx)(k,{label:"Temperature",children:(0,a.jsx)("input",{type:"number",step:"0.1",min:"0",max:"1",value:C,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-surface focus:outline-none focus:border-primary"})}),p.includes("response_format")&&(0,a.jsx)(k,{label:"Response Format",children:(0,a.jsxs)("select",{value:w,onChange:e=>N(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"json",children:"json"}),(0,a.jsx)("option",{value:"text",children:"text"}),(0,a.jsx)("option",{value:"srt",children:"srt"}),(0,a.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,a.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>J(Y),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:z?"check":"content_copy"}),z?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:Q,disabled:B||!x||!G,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:B?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),B?"Transcribing...":"Run"]})]})]}),(0,a.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:Y})]}),F&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:F}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",M&&L&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",L,"ms"]})]}),M&&(0,a.jsxs)("button",{onClick:()=>H(Z),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:V?"check":"content_copy"}),V?"Copied":"Copy"]})]}),(0,a.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})]})]})]})}function K(){let{kind:e,id:t}=(0,r.useParams)(),s=(0,r.useRouter)(),l=u.rj.find(t=>t.id===e),m=(0,u.gC)(t)&&"embedding"===e,p=async()=>{if(confirm("Delete this Custom Embedding node?"))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&s.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom embedding node:",e)}},[x,h]=(0,n.useState)(null),[f,b]=(0,n.useState)(m),[y,v]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{if(!m)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(s=>{e||(h((s.nodes||[]).find(e=>e.id===t)||null),b(!1))}).catch(()=>{e||b(!1)}),()=>{e=!0}},[t,m]),!l)return(0,r.notFound)();let j=u.Q2[t],w=m?x?{id:t,name:x.name||"Custom Embedding",color:"#6366F1",textIcon:"CE"}:null:j;if(!m&&!j||m&&!f&&!x)return(0,r.notFound)();if(m&&f)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let k=m?["embedding"]:w.serviceKinds??["llm"];return m||k.includes(e)?(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)(o(),{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,a.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),l.label]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,a.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${w.color}15`},children:(0,a.jsx)(c.A,{src:`/providers/${w.id}.png`,alt:w.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:w.textIcon||w.id.slice(0,2).toUpperCase(),fallbackColor:w.color})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,a.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:w.name}),!m&&w.notice?.apiKeyUrl&&(0,a.jsxs)("a",{href:w.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[m&&(0,a.jsxs)(d.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",x?.prefix]}),k.map(t=>(0,a.jsx)(d.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),m&&(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)(d.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>v(!0),children:"Edit"}),(0,a.jsx)(d.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:p,children:"Delete"})]})]})]}),!m&&w.kindNotice?.[e]&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,a.jsx)("p",{className:"text-sm",children:w.kindNotice[e]})]}),!m&&w.notice?.text&&!w.deprecated&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,a.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:(0,i.Tl)(w.notice.text)}),w.notice.apiKeyUrl&&(0,a.jsx)("a",{href:w.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:(0,i.Tl)("Get API Key →")})]}),!m&&w.noAuth?(0,a.jsx)(d.gw,{providerId:t}):(0,a.jsx)(g,{providerId:t,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,a.jsx)(N,{providerId:t,kindFilter:e,providerAliasOverride:m?x?.prefix:void 0}),!m&&(w.searchConfig||w.fetchConfig||w.ttsConfig||w.sttConfig||w.embeddingConfig||w.systemoneConfig||w.searchViaChat)&&(0,a.jsx)(d.Wx,{config:"webFetch"===e?w.fetchConfig:"tts"===e?w.ttsConfig:"stt"===e?w.sttConfig:"embedding"===e?w.embeddingConfig:"systemone"===e?w.systemoneConfig:w.searchConfig||{mode:"chat-completions",defaultModel:w.searchViaChat?.defaultModel,pricingUrl:w.searchViaChat?.pricingUrl,freeTier:w.searchViaChat?.freeTier},provider:w,title:`${l.label} Config`}),"embedding"===e&&(0,a.jsx)($,{providerId:t,customAlias:x?.prefix}),"tts"===e&&(0,a.jsx)(I,{providerId:t}),"stt"===e&&!m&&(0,a.jsx)(O,{providerId:t}),!m&&C[e]&&(0,a.jsx)(M,{providerId:t,kind:e}),m&&(0,a.jsx)(d.x0,{isOpen:y,node:x,onClose:()=>v(!1),onSaved:e=>{h(e),v(!1)}})]}):(0,r.notFound)()}},70217:(e,t,s)=>{"use strict";function a(e,t){return!1===e?"default":"active"===t||"success"===t?"success":"error"===t||"expired"===t||"unavailable"===t?"error":"default"}s.d(t,{g:()=>a})}},e=>{e.O(0,[3170,305,1321,5497,8441,3794,7358],()=>e(e.s=35139)),_N_E=e.O()}]);
+}`;return(0,a.jsxs)(d.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[o.length>0?(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("select",{value:i,onChange:e=>c(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:o.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("input",{value:i,onChange:e=>c(e.target.value),placeholder:"Enter model id",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary font-mono"})}),(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[W,"/v1/audio/transcriptions"]}),R&&(0,a.jsxs)("button",{onClick:()=>_(e=>!e),title:P?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${P?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:$?`${$.slice(0,8)}${"•".repeat(Math.min(20,$.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,a.jsx)(C,{label:"Audio File",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.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-surface file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),x&&(0,a.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[x.name," \xb7 ",(x.size/1024).toFixed(1)," KB"]})]})}),p.includes("language")&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsx)("input",{value:f,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-surface focus:outline-none focus:border-primary font-mono"})}),p.includes("prompt")&&(0,a.jsx)(C,{label:"Prompt",children:(0,a.jsx)("input",{value:g,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-surface focus:outline-none focus:border-primary"})}),p.includes("temperature")&&(0,a.jsx)(C,{label:"Temperature",children:(0,a.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-surface focus:outline-none focus:border-primary"})}),p.includes("response_format")&&(0,a.jsx)(C,{label:"Response Format",children:(0,a.jsxs)("select",{value:v,onChange:e=>N(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-surface focus:outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"json",children:"json"}),(0,a.jsx)("option",{value:"text",children:"text"}),(0,a.jsx)("option",{value:"srt",children:"srt"}),(0,a.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,a.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>J(G),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:z?"check":"content_copy"}),z?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:Q,disabled:U||!x||!Y,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:U?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),U?"Transcribing...":"Run"]})]})]}),(0,a.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})]}),F&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:F}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",M&&D&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",D,"ms"]})]}),M&&(0,a.jsxs)("button",{onClick:()=>H(X),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:V?"check":"content_copy"}),V?"Copied":"Copy"]})]}),(0,a.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 L(){let{kind:e,id:t}=(0,r.useParams)(),s=(0,r.useRouter)(),l=u.rj.find(t=>t.id===e),m=(0,u.gC)(t)&&"embedding"===e,p=async()=>{if(confirm("Delete this Custom Embedding node?"))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&s.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom embedding node:",e)}},[x,h]=(0,n.useState)(null),[f,b]=(0,n.useState)(m),[g,y]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{if(!m)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(s=>{e||(h((s.nodes||[]).find(e=>e.id===t)||null),b(!1))}).catch(()=>{e||b(!1)}),()=>{e=!0}},[t,m]),!l)return(0,r.notFound)();let j=u.Q2[t],w=m?x?{id:t,name:x.name||"Custom Embedding",color:"#6366F1",textIcon:"CE"}:null:j;if(!m&&!j||m&&!f&&!x)return(0,r.notFound)();if(m&&f)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let N=m?["embedding"]:w.serviceKinds??["llm"];return m||N.includes(e)?(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)(o(),{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,a.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),l.label]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,a.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${w.color}15`},children:(0,a.jsx)(c.A,{src:`/providers/${w.id}.png`,alt:w.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:w.textIcon||w.id.slice(0,2).toUpperCase(),fallbackColor:w.color})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,a.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:w.name}),!m&&w.notice?.apiKeyUrl&&(0,a.jsxs)("a",{href:w.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[m&&(0,a.jsxs)(d.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",x?.prefix]}),N.map(t=>(0,a.jsx)(d.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),m&&(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)(d.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>y(!0),children:"Edit"}),(0,a.jsx)(d.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:p,children:"Delete"})]})]})]}),!m&&w.kindNotice?.[e]&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,a.jsx)("p",{className:"text-sm",children:w.kindNotice[e]})]}),!m&&w.notice?.text&&!w.deprecated&&(0,a.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,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,a.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:(0,i.Tl)(w.notice.text)}),w.notice.apiKeyUrl&&(0,a.jsx)("a",{href:w.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:(0,i.Tl)("Get API Key →")})]}),!m&&w.noAuth?(0,a.jsx)(d.gw,{providerId:t}):(0,a.jsx)(v,{providerId:t,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,a.jsx)(S,{providerId:t,kindFilter:e,providerAliasOverride:m?x?.prefix:void 0}),!m&&(w.searchConfig||w.fetchConfig||w.ttsConfig||w.sttConfig||w.embeddingConfig||w.systemoneConfig||w.searchViaChat)&&(0,a.jsx)(d.Wx,{config:"webFetch"===e?w.fetchConfig:"tts"===e?w.ttsConfig:"stt"===e?w.sttConfig:"embedding"===e?w.embeddingConfig:"systemone"===e?w.systemoneConfig:w.searchConfig||{mode:"chat-completions",defaultModel:w.searchViaChat?.defaultModel,pricingUrl:w.searchViaChat?.pricingUrl,freeTier:w.searchViaChat?.freeTier},provider:w,title:`${l.label} Config`}),"embedding"===e&&(0,a.jsx)(P,{providerId:t,customAlias:x?.prefix}),"tts"===e&&(0,a.jsx)(A,{providerId:t}),"stt"===e&&!m&&(0,a.jsx)(K,{providerId:t}),!m&&$[e]&&(0,a.jsx)(D,{providerId:t,kind:e}),m&&(0,a.jsx)(d.x0,{isOpen:g,node:x,onClose:()=>y(!1),onSaved:e=>{h(e),y(!1)}})]}):(0,r.notFound)()}},70217:(e,t,s)=>{"use strict";function a(e,t){return!1===e?"default":"active"===t||"success"===t?"success":"partial"===t?"warning":"error"===t||"expired"===t||"unavailable"===t?"error":"default"}s.d(t,{g:()=>a})},90337:(e,t,s)=>{"use strict";s.d(t,{DY:()=>o});var a=s(73006);let r=/subscription_quota_exhausted|本周用量已满|本周额度已用完/i;function l(e,t){return(0,a.Tl)(e).replace("{n}",String(t))}function o(e){if(!e||"string"!=typeof e)return e??"";let t=(0,a.Tl)(e);if(t&&t!==e)return t;if(r.test(e))return(0,a.Tl)("Subscription quota used up. Please wait for the quota reset.");if(/Individual quota reached|QUOTA_EXHAUSTED|RESOURCE_EXHAUSTED/i.test(e)){let t,s,r,o,n,i,d,c,{delay:u,timestamp:m,model:p}=(t=String(e||""),s=null,r=null,o=/"quotaResetDelay"\s*:\s*"([^"]+)"/.exec(t),n=/\bResets in\s+([0-9hms.]+)/i.exec(t),s=o&&o[1]||n&&n[1]||null,i=/"quotaResetTimeStamp"\s*:\s*"([^"]+)"/.exec(t),d=/"quotaResetTimeStamp"\s*:\s*(".*?"|\S+)/.exec(t),(r=i&&i[1]||d&&d[1]||null)&&(r=r.replace(/^"|"$/g,"")),{delay:s,timestamp:r,model:/"model"\s*:\s*"([^"]+)"/.exec(t)?.[1]||null}),x=function(e){if(!e)return"";let{h:t,m:s,s:a}=e;if(a>=60&&(s+=Math.floor(a/60),a%=60),s>=60&&(t+=Math.floor(s/60),s%=60),t>=24){let e=Math.floor(t/24),s=t%24;return s>0?`${l("{n}d",e)} ${l("{n}h",s)}`:l("{n}d",e)}let r=[];return t>0&&r.push(l("{n}h",t)),s>0&&r.push(l("{n}m",s)),(a>0||0===r.length)&&r.push(l("{n}s",a)),r.join(" ")}((c=/^(?:(\d+(?:\.\d+)?)h)?(?:(\d+(?:\.\d+)?)m)?(?:(\d+(?:\.\d+)?)s)?$/i.exec(String(u||"").trim()))&&(c[1]||c[2]||c[3])?{h:Math.floor(parseFloat(c[1]||0)),m:Math.floor(parseFloat(c[2]||0)),s:Math.round(parseFloat(c[3]||0))}:null),h=m?function(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return e||"";try{return t.toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return t.toISOString()}}(m):"",f=(0,a.Tl)(p?"Individual quota reached for model {model}. Resets at {time} (in {duration}).":"Individual quota reached. Resets at {time} (in {duration}).");return(f=(f=f.replace("{model}",p||"")).replace("{time}",h||(0,a.Tl)("shortly"))).replace("{duration}",x||(0,a.Tl)("a short while"))}return t}}},e=>{e.O(0,[3170,305,1321,5497,6109,8441,3794,7358],()=>e(e.s=35139)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/media-providers/[kind]/{page-ee6bbb288b22cf1b.js → page-1f9aa643b9f198e9.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6620],{786:(e,t,r)=>{Promise.resolve().then(r.bind(r,16144))},16144:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>g});var s=r(95155),n=r(73321),i=r(98500),a=r.n(i),o=r(12115),l=r(35497),c=r(67852),d=r(76995),m=r(88105),p=r(29508);let h=new Set([]),u={image:"image-combo",tts:"tts-combo"};function x({provider:e,kind:t,connections:r,isCustom:n,onToggle:i}){let o=m.Q2[e.id],d=!!o?.noAuth,{connected:h,error:u,total:f,allDisabled:g}=(0,p.pG)(r,e.id);return(0,s.jsx)(a(),{href:`/dashboard/media-providers/${t}/${e.id}`,className:"group",children:(0,s.jsx)(l.Zp,{padding:"xs",className:`h-full hover:bg-black/[0.01] dark:hover:bg-white/[0.01] transition-colors cursor-pointer ${g?"opacity-50":""}`,children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${e.color?.length>7?e.color:(e.color??"#888")+"15"}`},children:(0,s.jsx)(c.A,{src:`/providers/${e.id}.png`,alt:e.name,size:30,className:"object-contain rounded-lg max-w-[30px] max-h-[30px]",fallbackText:e.textIcon||e.id.slice(0,2).toUpperCase(),fallbackColor:e.color})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("h3",{className:"font-semibold text-sm",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 mt-0.5 flex-wrap",children:[n&&(0,s.jsx)(l.Ex,{variant:"default",size:"sm",children:"Custom"}),d?(0,s.jsx)(l.Ex,{variant:"success",size:"sm",children:"Ready"}):g?(0,s.jsx)(l.Ex,{variant:"default",size:"sm",children:"Disabled"}):0===f?(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"No connections"}):(0,s.jsxs)(s.Fragment,{children:[h>0&&(0,s.jsxs)(l.Ex,{variant:"success",size:"sm",dot:!0,children:[h," Connected"]}),u>0&&(0,s.jsxs)(l.Ex,{variant:"error",size:"sm",dot:!0,children:[u," Error"]}),0===h&&0===u&&(0,s.jsxs)(l.Ex,{variant:"default",size:"sm",children:[f," Added"]})]})]})]})]}),f>0&&(0,s.jsx)("div",{className:"shrink-0 opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",onClick:t=>{t.preventDefault(),t.stopPropagation(),i&&i(e.id,g)},children:(0,s.jsx)(l.lM,{size:"sm",checked:!g,onChange:()=>{},title:g?"Enable provider":"Disable provider"})})]})})})}function f({combos:e}){return 0===e.length?null:(0,s.jsx)("div",{className:"flex flex-col gap-2",children:e.map(e=>(0,s.jsx)(a(),{href:`/dashboard/media-providers/combo/${e.id}`,children:(0,s.jsx)(l.Zp,{padding:"xs",className:"hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors cursor-pointer",children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"}),(0,s.jsx)("code",{className:"text-sm font-mono font-medium flex-1 truncate",children:e.name}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1 sm:shrink-0",children:[e.models.slice(0,6).map((e,t)=>{let r="string"==typeof e?e.split("/")[0]:"",n=m.Q2[r];return(0,s.jsx)("div",{title:n?.name||e,className:"size-5 rounded flex items-center justify-center",style:{backgroundColor:`${n?.color??"#888"}15`},children:(0,s.jsx)(c.A,{src:`/providers/${r}.png`,alt:n?.name||r,size:18,className:"object-contain rounded max-w-[18px] max-h-[18px]",fallbackText:n?.textIcon||r.slice(0,2).toUpperCase(),fallbackColor:n?.color})},`${e}-${t}`)}),e.models.length>6&&(0,s.jsxs)("span",{className:"text-[10px] text-text-muted ml-1",children:["+",e.models.length-6]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted shrink-0",children:e.models.length}),(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[16px]",children:"chevron_right"})]})})},e.id))})}function g(){let{kind:e}=(0,n.useParams)(),t=(0,n.useRouter)(),[r,i]=(0,o.useState)([]),[a,c]=(0,o.useState)([]),[g,v]=(0,o.useState)([]),[b,j]=(0,o.useState)([]),[y,N]=(0,o.useState)(null),[C,k]=(0,o.useState)(null),[w,E]=(0,o.useState)(!1);(0,o.useEffect)(()=>{("webSearch"===e||"webFetch"===e)&&t.replace("/dashboard/media-providers/web")},[e,t]);let D=m.rj.find(t=>t.id===e),A="embedding"===e,S=h.has(e);if((0,o.useEffect)(()=>{D&&(fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(e=>i(e.connections||[])).catch(()=>{}),fetch("/api/settings",{cache:"no-store"}).then(e=>e.json()).then(e=>{Array.isArray(e.providerCardOrder)&&j(e.providerCardOrder)}).catch(()=>{}),A&&fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(e=>c((e.nodes||[]).filter(e=>"custom-embedding"===e.type))).catch(()=>{}),S&&fetch("/api/combos",{cache:"no-store"}).then(e=>e.json()).then(e=>v(e.combos||[])).catch(()=>{}))},[A,S,D]),!D)return(0,n.notFound)();let O=(0,m.o5)(e),$=g.filter(t=>t.kind===e),T=(0,p.GU)({cardOrder:b,statsOf:e=>(0,p.pG)(r,e),infoOf:e=>m.Q2[e]}),z=[...O].sort((e,t)=>T(e.id,t.id)),_=e=>{N(null),k(null),y&&e&&y!==e&&j(t=>{let r=(0,p.pj)(t,O.map(e=>e.id),y,e);return r!==t&&(0,p.Dr)(r).catch(()=>{}),r})},P=a.map(e=>({id:e.id,name:e.name||"Custom Embedding",color:"#6366F1",textIcon:"CE"})),F=[...O,...P],G=async(e,t)=>{let s=r.filter(t=>t.provider===e);i(r=>r.map(r=>r.provider===e?{...r,isActive:t}:r)),await Promise.allSettled(s.map(e=>fetch(`/api/providers/${e.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})))},I=async()=>{let r=u[e]||`${e}-combo`,s=r,n=1,i=new Set(g.map(e=>e.name));for(;i.has(s);)s=`${r}-${n++}`;let a=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:s,models:[],kind:e})});if(a.ok){let e=await a.json();t.push(`/dashboard/media-providers/combo/${e.id}`)}else alert((await a.json()).error||"Failed to create combo")};return(0,s.jsxs)("div",{className:"flex flex-col gap-6",children:[(A||S)&&(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[S&&(0,s.jsx)(l.$n,{size:"sm",icon:"add",onClick:I,children:"Create Combo"}),A&&(0,s.jsx)(l.$n,{size:"sm",icon:"add",onClick:()=>E(!0),children:"Add Custom Embedding"})]}),S&&$.length>0&&(0,s.jsx)(f,{combos:$}),0===F.length?(0,s.jsxs)("div",{className:"text-center py-12 border border-dashed border-border rounded-xl text-text-muted text-sm",children:["No providers support ",(0,s.jsx)("strong",{children:D.label})," yet."]}):(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:[z.map(t=>(0,s.jsx)(d.A,{cardId:t.id,isDragging:y===t.id,isOver:C===t.id&&y!==t.id,onDragStart:N,onDragOver:k,onDrop:_,onDragEnd:()=>{N(null),k(null)},children:(0,s.jsx)(x,{provider:t,kind:e,connections:r,onToggle:G})},t.id)),P.map(t=>(0,s.jsx)(x,{provider:t,kind:e,connections:r,isCustom:!0,onToggle:G},t.id))]}),A&&(0,s.jsx)(l.x0,{isOpen:w,onClose:()=>E(!1),onCreated:e=>{c(t=>[...t,e]),E(!1)}})]})}},29508:(e,t,r)=>{"use strict";r.d(t,{Dr:()=>c,GU:()=>o,K_:()=>n,Lg:()=>a,pG:()=>i,pj:()=>l});let s=Number.MAX_SAFE_INTEGER;function n(e){let t=Object.entries(e||{}).some(([e,t])=>e.startsWith("modelLock_")&&t&&new Date(t).getTime()>Date.now());return e?.testStatus!=="unavailable"||t?e?.testStatus:"active"}function i(e,t,r=null){let s=(e||[]).filter(e=>e.provider===t&&(!r||r.includes(e.authType))),a=s.filter(e=>{if(!1===e.isActive)return!1;let t=n(e);return"active"===t||"success"===t}).length,o=s.filter(e=>{let t=n(e);return"error"===t||"expired"===t||"unavailable"===t}).length,l=s.length,c=l>0&&s.every(e=>!1===e.isActive);return{connected:a,error:o,total:l,allDisabled:c}}function a(e,{noAuth:t=!1,noAuthEnabled:r=!0}={}){return(e?.connected??0)>0?0:t?+!r:(e?.total??0)===0?3:2}function o({cardOrder:e=[],statsOf:t,infoOf:r,noAuthEnabledOf:n}){let i=function(e=[]){let t=new Map;return(e||[]).forEach((e,r)=>{t.has(e)||t.set(e,r)}),e=>t.has(e)?t.get(e):s}(e),l=e=>!n||!1!==n(e);return(e,s)=>{let n=r(e)||{},o=r(s)||{},c=a(t(e),{noAuth:!!n.noAuth,noAuthEnabled:l(e)}),d=a(t(s),{noAuth:!!o.noAuth,noAuthEnabled:l(s)});if(c!==d)return c-d;let m=i(e),p=i(s);if(m!==p)return m-p;let h=n.priority??999,u=o.priority??999;return h!==u?h-u:String(n.name||e).localeCompare(String(o.name||s))}}function l(e,t,r,s){if(!r||!s||r===s)return e;let n=function(e,t){let r=[...e||[]];for(let e of t||[])r.includes(e)||r.push(e);return r}(e,t),i=n.indexOf(r),a=n.indexOf(s);return -1===i||-1===a?e:(n.splice(i,1),n.splice(a,0,r),n)}function c(e){return fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerCardOrder:e})})}},76995:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var s=r(95155),n=r(14051),i=r.n(n);function a({cardId:e,isDragging:t,isOver:r,onDragStart:n,onDragOver:i,onDrop:o,onDragEnd:l,children:c}){return(0,s.jsx)("div",{draggable:!0,onDragStart:t=>{n?.(e),t.dataTransfer.effectAllowed="move";try{t.dataTransfer.setData("text/plain",e)}catch{}},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move",i?.(e)},onDrop:t=>{t.preventDefault(),o?.(e)},onDragEnd:l,className:`min-w-0 transition-all rounded-xl cursor-grab active:cursor-grabbing ${t?"opacity-30 scale-[0.98]":r?"ring-2 ring-primary/60 scale-[1.01]":""}`,children:c})}a.propTypes={cardId:i().string.isRequired,isDragging:i().bool,isOver:i().bool,onDragStart:i().func,onDragOver:i().func,onDrop:i().func,onDragEnd:i().func,children:i().node}}},e=>{e.O(0,[3170,305,1321,5497,8441,3794,7358],()=>e(e.s=786)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6620],{786:(e,t,r)=>{Promise.resolve().then(r.bind(r,16144))},16144:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>g});var s=r(95155),n=r(73321),i=r(98500),a=r.n(i),o=r(12115),l=r(35497),c=r(67852),d=r(76995),m=r(88105),p=r(29508);let h=new Set([]),u={image:"image-combo",tts:"tts-combo"};function x({provider:e,kind:t,connections:r,isCustom:n,onToggle:i}){let o=m.Q2[e.id],d=!!o?.noAuth,{connected:h,error:u,total:f,allDisabled:g}=(0,p.pG)(r,e.id);return(0,s.jsx)(a(),{href:`/dashboard/media-providers/${t}/${e.id}`,className:"group",children:(0,s.jsx)(l.Zp,{padding:"xs",className:`h-full hover:bg-black/[0.01] dark:hover:bg-white/[0.01] transition-colors cursor-pointer ${g?"opacity-50":""}`,children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${e.color?.length>7?e.color:(e.color??"#888")+"15"}`},children:(0,s.jsx)(c.A,{src:`/providers/${e.id}.png`,alt:e.name,size:30,className:"object-contain rounded-lg max-w-[30px] max-h-[30px]",fallbackText:e.textIcon||e.id.slice(0,2).toUpperCase(),fallbackColor:e.color})}),(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("h3",{className:"font-semibold text-sm",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 mt-0.5 flex-wrap",children:[n&&(0,s.jsx)(l.Ex,{variant:"default",size:"sm",children:"Custom"}),d?(0,s.jsx)(l.Ex,{variant:"success",size:"sm",children:"Ready"}):g?(0,s.jsx)(l.Ex,{variant:"default",size:"sm",children:"Disabled"}):0===f?(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"No connections"}):(0,s.jsxs)(s.Fragment,{children:[h>0&&(0,s.jsxs)(l.Ex,{variant:"success",size:"sm",dot:!0,children:[h," Connected"]}),u>0&&(0,s.jsxs)(l.Ex,{variant:"error",size:"sm",dot:!0,children:[u," Error"]}),0===h&&0===u&&(0,s.jsxs)(l.Ex,{variant:"default",size:"sm",children:[f," Added"]})]})]})]})]}),f>0&&(0,s.jsx)("div",{className:"shrink-0 opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",onClick:t=>{t.preventDefault(),t.stopPropagation(),i&&i(e.id,g)},children:(0,s.jsx)(l.lM,{size:"sm",checked:!g,onChange:()=>{},title:g?"Enable provider":"Disable provider"})})]})})})}function f({combos:e}){return 0===e.length?null:(0,s.jsx)("div",{className:"flex flex-col gap-2",children:e.map(e=>(0,s.jsx)(a(),{href:`/dashboard/media-providers/combo/${e.id}`,children:(0,s.jsx)(l.Zp,{padding:"xs",className:"hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors cursor-pointer",children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"}),(0,s.jsx)("code",{className:"text-sm font-mono font-medium flex-1 truncate",children:e.name}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1 sm:shrink-0",children:[e.models.slice(0,6).map((e,t)=>{let r="string"==typeof e?e.split("/")[0]:"",n=m.Q2[r];return(0,s.jsx)("div",{title:n?.name||e,className:"size-5 rounded flex items-center justify-center",style:{backgroundColor:`${n?.color??"#888"}15`},children:(0,s.jsx)(c.A,{src:`/providers/${r}.png`,alt:n?.name||r,size:18,className:"object-contain rounded max-w-[18px] max-h-[18px]",fallbackText:n?.textIcon||r.slice(0,2).toUpperCase(),fallbackColor:n?.color})},`${e}-${t}`)}),e.models.length>6&&(0,s.jsxs)("span",{className:"text-[10px] text-text-muted ml-1",children:["+",e.models.length-6]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted shrink-0",children:e.models.length}),(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[16px]",children:"chevron_right"})]})})},e.id))})}function g(){let{kind:e}=(0,n.useParams)(),t=(0,n.useRouter)(),[r,i]=(0,o.useState)([]),[a,c]=(0,o.useState)([]),[g,v]=(0,o.useState)([]),[b,j]=(0,o.useState)([]),[y,N]=(0,o.useState)(null),[C,k]=(0,o.useState)(null),[E,w]=(0,o.useState)(!1);(0,o.useEffect)(()=>{("webSearch"===e||"webFetch"===e)&&t.replace("/dashboard/media-providers/web")},[e,t]);let A=m.rj.find(t=>t.id===e),D="embedding"===e,S=h.has(e);if((0,o.useEffect)(()=>{A&&(fetch("/api/providers",{cache:"no-store"}).then(e=>e.json()).then(e=>i(e.connections||[])).catch(()=>{}),fetch("/api/settings",{cache:"no-store"}).then(e=>e.json()).then(e=>{Array.isArray(e.providerCardOrder)&&j(e.providerCardOrder)}).catch(()=>{}),D&&fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(e=>c((e.nodes||[]).filter(e=>"custom-embedding"===e.type))).catch(()=>{}),S&&fetch("/api/combos",{cache:"no-store"}).then(e=>e.json()).then(e=>v(e.combos||[])).catch(()=>{}))},[D,S,A]),!A)return(0,n.notFound)();let O=(0,m.o5)(e),$=g.filter(t=>t.kind===e),T=(0,p.GU)({cardOrder:b,statsOf:e=>(0,p.pG)(r,e),infoOf:e=>m.Q2[e]}),z=[...O].sort((e,t)=>T(e.id,t.id)),_=e=>{N(null),k(null),y&&e&&y!==e&&j(t=>{let r=(0,p.pj)(t,O.map(e=>e.id),y,e);return r!==t&&(0,p.Dr)(r).catch(()=>{}),r})},P=a.map(e=>({id:e.id,name:e.name||"Custom Embedding",color:"#6366F1",textIcon:"CE"})),F=[...O,...P],G=async(e,t)=>{let s=r.filter(t=>t.provider===e);i(r=>r.map(r=>r.provider===e?{...r,isActive:t}:r)),await Promise.allSettled(s.map(e=>fetch(`/api/providers/${e.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})))},I=async()=>{let r=u[e]||`${e}-combo`,s=r,n=1,i=new Set(g.map(e=>e.name));for(;i.has(s);)s=`${r}-${n++}`;let a=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:s,models:[],kind:e})});if(a.ok){let e=await a.json();t.push(`/dashboard/media-providers/combo/${e.id}`)}else alert((await a.json()).error||"Failed to create combo")};return(0,s.jsxs)("div",{className:"flex flex-col gap-6",children:[(D||S)&&(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[S&&(0,s.jsx)(l.$n,{size:"sm",icon:"add",onClick:I,children:"Create Combo"}),D&&(0,s.jsx)(l.$n,{size:"sm",icon:"add",onClick:()=>w(!0),children:"Add Custom Embedding"})]}),S&&$.length>0&&(0,s.jsx)(f,{combos:$}),0===F.length?(0,s.jsxs)("div",{className:"text-center py-12 border border-dashed border-border rounded-xl text-text-muted text-sm",children:["No providers support ",(0,s.jsx)("strong",{children:A.label})," yet."]}):(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:[z.map(t=>(0,s.jsx)(d.A,{cardId:t.id,isDragging:y===t.id,isOver:C===t.id&&y!==t.id,onDragStart:N,onDragOver:k,onDrop:_,onDragEnd:()=>{N(null),k(null)},children:(0,s.jsx)(x,{provider:t,kind:e,connections:r,onToggle:G})},t.id)),P.map(t=>(0,s.jsx)(x,{provider:t,kind:e,connections:r,isCustom:!0,onToggle:G},t.id))]}),D&&(0,s.jsx)(l.x0,{isOpen:E,onClose:()=>w(!1),onCreated:e=>{c(t=>[...t,e]),w(!1)}})]})}},29508:(e,t,r)=>{"use strict";r.d(t,{Dr:()=>d,GU:()=>l,K_:()=>i,Lg:()=>o,pG:()=>a,pj:()=>c});var s=r(36109);let n=Number.MAX_SAFE_INTEGER;function i(e){return(0,s._)(e).state}function a(e,t,r=null){let s=(e||[]).filter(e=>e.provider===t&&(!r||r.includes(e.authType))),n=s.filter(e=>{if(!1===e.isActive)return!1;let t=i(e);return"active"===t||"success"===t||"partial"===t}).length,o=s.filter(e=>{let t=i(e);return"error"===t||"expired"===t||"unavailable"===t}).length,l=s.length,c=l>0&&s.every(e=>!1===e.isActive);return{connected:n,error:o,total:l,allDisabled:c}}function o(e,{noAuth:t=!1,noAuthEnabled:r=!0}={}){return(e?.connected??0)>0?0:t?+!r:(e?.total??0)===0?3:2}function l({cardOrder:e=[],statsOf:t,infoOf:r,noAuthEnabledOf:s}){let i=function(e=[]){let t=new Map;return(e||[]).forEach((e,r)=>{t.has(e)||t.set(e,r)}),e=>t.has(e)?t.get(e):n}(e),a=e=>!s||!1!==s(e);return(e,s)=>{let n=r(e)||{},l=r(s)||{},c=o(t(e),{noAuth:!!n.noAuth,noAuthEnabled:a(e)}),d=o(t(s),{noAuth:!!l.noAuth,noAuthEnabled:a(s)});if(c!==d)return c-d;let m=i(e),p=i(s);if(m!==p)return m-p;let h=n.priority??999,u=l.priority??999;return h!==u?h-u:String(n.name||e).localeCompare(String(l.name||s))}}function c(e,t,r,s){if(!r||!s||r===s)return e;let n=function(e,t){let r=[...e||[]];for(let e of t||[])r.includes(e)||r.push(e);return r}(e,t),i=n.indexOf(r),a=n.indexOf(s);return -1===i||-1===a?e:(n.splice(i,1),n.splice(a,0,r),n)}function d(e){return fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerCardOrder:e})})}},76995:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var s=r(95155),n=r(14051),i=r.n(n);function a({cardId:e,isDragging:t,isOver:r,onDragStart:n,onDragOver:i,onDrop:o,onDragEnd:l,children:c}){return(0,s.jsx)("div",{draggable:!0,onDragStart:t=>{n?.(e),t.dataTransfer.effectAllowed="move";try{t.dataTransfer.setData("text/plain",e)}catch{}},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move",i?.(e)},onDrop:t=>{t.preventDefault(),o?.(e)},onDragEnd:l,className:`min-w-0 transition-all rounded-xl cursor-grab active:cursor-grabbing ${t?"opacity-30 scale-[0.98]":r?"ring-2 ring-primary/60 scale-[1.01]":""}`,children:c})}a.propTypes={cardId:i().string.isRequired,isDragging:i().bool,isOver:i().bool,onDragStart:i().func,onDragOver:i().func,onDrop:i().func,onDragEnd:i().func,children:i().node}}},e=>{e.O(0,[3170,305,1321,5497,6109,8441,3794,7358],()=>e(e.s=786)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/media-providers/web/page-235a55e92666cbb2.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9260],{29508:(e,r,t)=>{"use strict";t.d(r,{Dr:()=>d,GU:()=>l,K_:()=>n,Lg:()=>o,pG:()=>i,pj:()=>c});var s=t(36109);let a=Number.MAX_SAFE_INTEGER;function n(e){return(0,s._)(e).state}function i(e,r,t=null){let s=(e||[]).filter(e=>e.provider===r&&(!t||t.includes(e.authType))),a=s.filter(e=>{if(!1===e.isActive)return!1;let r=n(e);return"active"===r||"success"===r||"partial"===r}).length,o=s.filter(e=>{let r=n(e);return"error"===r||"expired"===r||"unavailable"===r}).length,l=s.length,c=l>0&&s.every(e=>!1===e.isActive);return{connected:a,error:o,total:l,allDisabled:c}}function o(e,{noAuth:r=!1,noAuthEnabled:t=!0}={}){return(e?.connected??0)>0?0:r?+!t:(e?.total??0)===0?3:2}function l({cardOrder:e=[],statsOf:r,infoOf:t,noAuthEnabledOf:s}){let n=function(e=[]){let r=new Map;return(e||[]).forEach((e,t)=>{r.has(e)||r.set(e,t)}),e=>r.has(e)?r.get(e):a}(e),i=e=>!s||!1!==s(e);return(e,s)=>{let a=t(e)||{},l=t(s)||{},c=o(r(e),{noAuth:!!a.noAuth,noAuthEnabled:i(e)}),d=o(r(s),{noAuth:!!l.noAuth,noAuthEnabled:i(s)});if(c!==d)return c-d;let m=n(e),x=n(s);if(m!==x)return m-x;let h=a.priority??999,p=l.priority??999;return h!==p?h-p:String(a.name||e).localeCompare(String(l.name||s))}}function c(e,r,t,s){if(!t||!s||t===s)return e;let a=function(e,r){let t=[...e||[]];for(let e of r||[])t.includes(e)||t.push(e);return t}(e,r),n=a.indexOf(t),i=a.indexOf(s);return -1===n||-1===i?e:(a.splice(n,1),a.splice(i,0,t),a)}function d(e){return fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerCardOrder:e})})}},71088:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>f});var s=t(95155),a=t(98500),n=t.n(a),i=t(12115),o=t(73321),l=t(35497),c=t(67852),d=t(76995),m=t(88105),x=t(29508);function h({provider:e,kind:r,connections:t}){let a=m.Q2[e.id],i=!!a?.noAuth,{connected:o,error:d,total:p,allDisabled:u}=(0,x.pG)(t,e.id);return(0,s.jsx)(n(),{href:`/dashboard/media-providers/${r}/${e.id}`,className:"group",children:(0,s.jsx)(l.Zp,{padding:"xs",className:`h-full hover:bg-black/[0.01] dark:hover:bg-white/[0.01] transition-colors cursor-pointer ${u?"opacity-50":""}`,children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("div",{className:"size-8 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${e.color?.length>7?e.color:(e.color??"#888")+"15"}`},children:(0,s.jsx)(c.A,{src:`/providers/${e.id}.png`,alt:e.name,size:30,className:"object-contain rounded-lg max-w-[30px] max-h-[30px]",fallbackText:e.textIcon||e.id.slice(0,2).toUpperCase(),fallbackColor:e.color})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"font-semibold text-sm",children:e.name}),(0,s.jsx)("div",{className:"flex items-center gap-2 mt-0.5 flex-wrap",children:i?(0,s.jsx)(l.Ex,{variant:"success",size:"sm",children:"Ready"}):u?(0,s.jsx)(l.Ex,{variant:"default",size:"sm",children:"Disabled"}):0===p?(0,s.jsx)("span",{className:"text-xs text-text-muted",children:"No connections"}):(0,s.jsxs)(s.Fragment,{children:[o>0&&(0,s.jsxs)(l.Ex,{variant:"success",size:"sm",dot:!0,children:[o," Connected"]}),d>0&&(0,s.jsxs)(l.Ex,{variant:"error",size:"sm",dot:!0,children:[d," Error"]}),0===o&&0===d&&(0,s.jsxs)(l.Ex,{variant:"default",size:"sm",children:[p," Added"]})]})})]})]})})})}function p({combos:e}){return 0===e.length?(0,s.jsx)("p",{className:"text-xs text-text-muted italic",children:"No combos yet."}):(0,s.jsx)("div",{className:"flex flex-col gap-2",children:e.map(e=>(0,s.jsx)(n(),{href:`/dashboard/media-providers/combo/${e.id}`,children:(0,s.jsx)(l.Zp,{padding:"xs",className:"hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors cursor-pointer",children:(0,s.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"}),(0,s.jsx)("code",{className:"text-sm font-mono font-medium flex-1 truncate",children:e.name}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-1 sm:shrink-0",children:[e.models.slice(0,6).map((e,r)=>{let t="string"==typeof e?e.split("/")[0]:"",a=m.Q2[t];return(0,s.jsx)("div",{title:a?.name||e,className:"size-5 rounded flex items-center justify-center",style:{backgroundColor:`${a?.color??"#888"}15`},children:(0,s.jsx)(c.A,{src:`/providers/${t}.png`,alt:a?.name||t,size:18,className:"object-contain rounded max-w-[18px] max-h-[18px]",fallbackText:a?.textIcon||t.slice(0,2).toUpperCase(),fallbackColor:a?.color})},`${e}-${r}`)}),e.models.length>6&&(0,s.jsxs)("span",{className:"text-[10px] text-text-muted ml-1",children:["+",e.models.length-6]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted shrink-0",children:e.models.length}),(0,s.jsx)("span",{className:"material-symbols-outlined text-text-muted text-[16px]",children:"chevron_right"})]})})},e.id))})}function u({title:e,icon:r,kind:t,providers:a,connections:n,combos:i,onCreateCombo:o,draggingCardId:c,dragOverCardId:m,onDragStart:x,onDragOver:f,onDrop:g,onDragEnd:b}){return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-3",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-primary",children:r}),(0,s.jsx)("h2",{className:"text-base font-semibold",children:e}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:["(",a.length," providers \xb7 ",i.length," combos)"]})]}),(0,s.jsx)(l.$n,{size:"sm",icon:"add",onClick:o,children:"Create Combo"})]}),i.length>0&&(0,s.jsx)("div",{className:"mb-4",children:(0,s.jsx)(p,{combos:i})}),0===a.length?(0,s.jsx)("div",{className:"text-center py-8 border border-dashed border-border rounded-xl text-text-muted text-sm",children:"No providers."}):(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:a.map(e=>(0,s.jsx)(d.A,{cardId:e.id,isDragging:c===e.id,isOver:m===e.id&&c!==e.id,onDragStart:x,onDragOver:f,onDrop:g,onDragEnd:b,children:(0,s.jsx)(h,{provider:e,kind:t,connections:n})},e.id))})]})}function f(){let e=(0,o.useRouter)(),[r,t]=(0,i.useState)([]),[a,n]=(0,i.useState)([]),[l,c]=(0,i.useState)([]),[d,h]=(0,i.useState)(null),[p,f]=(0,i.useState)(null),g=async()=>{try{let[e,r,s]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/combos",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]);if(e.ok&&t((await e.json()).connections||[]),r.ok&&n((await r.json()).combos||[]),s.ok){let e=await s.json();Array.isArray(e.providerCardOrder)&&c(e.providerCardOrder)}}catch{}};(0,i.useEffect)(()=>{g()},[]);let b=(0,x.GU)({cardOrder:l,statsOf:e=>(0,x.pG)(r,e),infoOf:e=>m.Q2[e]}),v=[...(0,m.o5)("webSearch")].sort((e,r)=>b(e.id,r.id)),j=[...(0,m.o5)("webFetch")].sort((e,r)=>b(e.id,r.id)),N=a.filter(e=>"webSearch"===e.kind),y=a.filter(e=>"webFetch"===e.kind),w=()=>{h(null),f(null)},D=e=>r=>{w(),d&&r&&d!==r&&c(t=>{let s=(0,x.pj)(t,e,d,r);return s!==t&&(0,x.Dr)(s).catch(()=>{}),s})},k=async r=>{let t="webSearch"===r?"search-combo":"fetch-combo",s=t,n=1,i=new Set(a.map(e=>e.name));for(;i.has(s);)s=`${t}-${n++}`;let o=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:s,models:[],kind:r})});if(o.ok){let r=await o.json();e.push(`/dashboard/media-providers/combo/${r.id}`)}else alert((await o.json()).error||"Failed to create combo")};return(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsx)(u,{title:"Web Search",icon:"search",kind:"webSearch",providers:v,connections:r,combos:N,onCreateCombo:()=>k("webSearch"),draggingCardId:d,dragOverCardId:p,onDragStart:h,onDragOver:f,onDrop:D(v.map(e=>e.id)),onDragEnd:w}),(0,s.jsx)("div",{className:"border-t border-border"}),(0,s.jsx)(u,{title:"Web Fetch",icon:"travel_explore",kind:"webFetch",providers:j,connections:r,combos:y,onCreateCombo:()=>k("webFetch"),draggingCardId:d,dragOverCardId:p,onDragStart:h,onDragOver:f,onDrop:D(j.map(e=>e.id)),onDragEnd:w})]})}},74778:(e,r,t)=>{Promise.resolve().then(t.bind(t,71088))},76995:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var s=t(95155),a=t(14051),n=t.n(a);function i({cardId:e,isDragging:r,isOver:t,onDragStart:a,onDragOver:n,onDrop:o,onDragEnd:l,children:c}){return(0,s.jsx)("div",{draggable:!0,onDragStart:r=>{a?.(e),r.dataTransfer.effectAllowed="move";try{r.dataTransfer.setData("text/plain",e)}catch{}},onDragOver:r=>{r.preventDefault(),r.dataTransfer.dropEffect="move",n?.(e)},onDrop:r=>{r.preventDefault(),o?.(e)},onDragEnd:l,className:`min-w-0 transition-all rounded-xl cursor-grab active:cursor-grabbing ${r?"opacity-30 scale-[0.98]":t?"ring-2 ring-primary/60 scale-[1.01]":""}`,children:c})}i.propTypes={cardId:n().string.isRequired,isDragging:n().bool,isOver:n().bool,onDragStart:n().func,onDragOver:n().func,onDrop:n().func,onDragEnd:n().func,children:n().node}}},e=>{e.O(0,[3170,305,1321,5497,6109,8441,3794,7358],()=>e(e.s=74778)),_N_E=e.O()}]);