omniroute 1.4.0 → 1.4.1

package/app/.next/static/chunks/app/(dashboard)/dashboard/endpoint/page-ac1f94b31ba2ec2b.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6099],{10373:(e,t,s)=>{Promise.resolve().then(s.bind(s,40877))},40877:(e,t,s)=>{"use strict";s.d(t,{default:()=>u});var r=s(95155),i=s(12115),a=s(14051),l=s.n(a),n=s(40993),o=s(30949),d=s(20909),c=s(98500),m=s.n(c);let x=s(41463).env.NEXT_PUBLIC_CLOUD_URL,p=15e3;function u({machineId:e}){let[t,s]=(0,i.useState)([]),[a,l]=(0,i.useState)(!0),[c,u]=(0,i.useState)([]),[b,y]=(0,i.useState)(null),[f,j]=(0,i.useState)(!1),[v,N]=(0,i.useState)(!1),[w,C]=(0,i.useState)(!1),[k,_]=(0,i.useState)(!1),[S,T]=(0,i.useState)(null),[$,E]=(0,i.useState)(""),[q,R]=(0,i.useState)(!1),[A,P]=(0,i.useState)(null),{copied:O,copy:U}=(0,o.C)();(0,i.useEffect)(()=>{F(),D(),I()},[]);let I=async()=>{try{let e=await fetch("/v1/models");if(e.ok){let t=await e.json();u(t.data||[])}}catch(e){console.log("Error fetching models:",e)}},M=(0,i.useMemo)(()=>{let e=c.filter(e=>!e.type&&!e.parent),t=c.filter(e=>"embedding"===e.type&&!e.parent),s=c.filter(e=>"image"===e.type&&!e.parent),r=c.filter(e=>"rerank"===e.type&&!e.parent),i=c.filter(e=>"audio"===e.type&&"transcription"===e.subtype&&!e.parent);return{chat:e,embeddings:t,images:s,rerank:r,audioTranscription:i,audioSpeech:c.filter(e=>"audio"===e.type&&"speech"===e.subtype&&!e.parent),moderation:c.filter(e=>"moderation"===e.type&&!e.parent)}},[c]);(0,i.useMemo)(()=>Object.entries(d.Q2).map(([e,s])=>{let r=t.filter(t=>t.provider===e),i=r.filter(e=>!1!==e.isActive&&("active"===e.testStatus||"success"===e.testStatus||"unknown"===e.testStatus)).length,a=r.filter(e=>!1!==e.isActive&&("error"===e.testStatus||"expired"===e.testStatus||"unavailable"===e.testStatus)).length;return{id:e,provider:s,total:r.length,connected:i,errors:a}}),[t]);let B=async(e,t=p)=>{let s=new AbortController,r=setTimeout(()=>s.abort(),t);try{let t=await fetch("/api/sync/cloud",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:e}),signal:s.signal}),r=await t.json().catch(()=>({}));return{ok:t.ok,status:t.status,data:r}}catch(e){if(e?.name==="AbortError")return{ok:!1,status:408,data:{error:"Cloud request timeout"}};return{ok:!1,status:500,data:{error:e.message||"Cloud request failed"}}}finally{clearTimeout(r)}},D=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let t=await e.json();j(t.cloudEnabled||!1)}}catch(e){console.log("Error loading cloud settings:",e)}},F=async()=>{try{let e=await fetch("/api/providers"),t=await e.json();e.ok&&s(t.connections||[])}catch(e){console.log("Error fetching data:",e)}finally{l(!1)}},W=e=>{e?N(!0):C(!0)};(0,i.useEffect)(()=>{if(S){let e=setTimeout(()=>T(null),5e3);return()=>clearTimeout(e)}},[S]);let z=()=>{globalThis.dispatchEvent(new Event("cloud-status-changed"))},L=async()=>{_(!0),R(!1),E("syncing");try{let{ok:e,status:t,data:s}=await B("enable");if(e)E("verifying"),await new Promise(e=>setTimeout(e,600)),j(!0),E("done"),R(!0),_(!1),z(),await new Promise(e=>setTimeout(e,1200)),N(!1),R(!1),s.verified?T({type:"success",message:"Cloud Proxy connected and verified!"}):T({type:"warning",message:s.verifyError?`Connected — verification pending: ${s.verifyError}`:"Connected — verification pending"}),s.createdKey&&await F(),await D();else{let e=s.error||"Failed to enable cloud";(502===t||408===t)&&(e="Could not reach cloud worker. Make sure the cloud service is running (npm run dev in /cloud)."),T({type:"error",message:e}),N(!1)}}catch(e){T({type:"error",message:e.message||"Connection failed"}),N(!1)}finally{_(!1),E("")}},Q=async()=>{_(!0),E("syncing");try{await B("sync"),E("disabling");let{ok:e,data:t}=await B("disable");e?(j(!1),T({type:"success",message:"Cloud disabled successfully"}),C(!1),z(),await D()):T({type:"error",message:t.error||"Failed to disable cloud"})}catch(e){console.log("Error disabling cloud:",e),T({type:"error",message:"Failed to disable cloud"})}finally{_(!1),E("")}},[G,K]=(0,i.useState)("/v1"),V=`${x}/v1`;if((0,i.useEffect)(()=>{K(`${window.location.origin}/v1`)},[]),a)return(0,r.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,r.jsx)(n.Qv,{}),(0,r.jsx)(n.Qv,{})]});let Z=f?V:G;return(0,r.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,r.jsxs)(n.Zp,{className:"",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold",children:"API Endpoint"}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:f?"Using Cloud Proxy":"Using Local Server"}),e&&(0,r.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:["Machine ID: ",e.slice(0,8),"..."]})]}),(0,r.jsx)("div",{className:"flex items-center gap-2",children:f?(0,r.jsx)(n.$n,{size:"sm",variant:"secondary",icon:"cloud_off",onClick:()=>W(!1),disabled:k,className:"bg-red-500/10! text-red-500! hover:bg-red-500/20! border-red-500/30!",children:"Disable Cloud"}):(0,r.jsx)(n.$n,{variant:"primary",icon:"cloud_upload",onClick:()=>W(!0),disabled:k,className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600",children:"Enable Cloud"})})]}),S&&(0,r.jsxs)("div",{className:`flex items-center gap-2 px-4 py-2.5 rounded-lg mb-4 text-sm font-medium animate-in fade-in slide-in-from-top-2 duration-300 ${"success"===S.type?"bg-green-500/10 border border-green-500/30 text-green-400":"warning"===S.type?"bg-amber-500/10 border border-amber-500/30 text-amber-400":"bg-red-500/10 border border-red-500/30 text-red-400"}`,children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"success"===S.type?"check_circle":"warning"===S.type?"warning":"error"}),(0,r.jsx)("span",{className:"flex-1",children:S.message}),(0,r.jsx)("button",{onClick:()=>T(null),className:"p-0.5 hover:bg-white/10 rounded transition-colors",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]}),(0,r.jsxs)("div",{className:"flex gap-2 mb-3",children:[(0,r.jsx)(n.pd,{value:Z,readOnly:!0,className:`flex-1 font-mono text-sm ${f?"animate-border-glow":""}`}),(0,r.jsx)(n.$n,{variant:"secondary",icon:"endpoint_url"===O?"check":"content_copy",onClick:()=>U(Z,"endpoint_url"),children:"endpoint_url"===O?"Copied!":"Copy"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3 p-4 border border-border rounded-lg mt-4 bg-surface/30",children:[(0,r.jsx)("div",{className:"flex items-center justify-center size-10 rounded-lg bg-amber-500/10 shrink-0",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-xl text-amber-500",children:"vpn_key"})}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("p",{className:"font-semibold text-sm",children:"API Key Management"}),(0,r.jsx)("p",{className:"text-xs text-text-muted",children:"Create and manage API keys for authenticating requests"})]}),(0,r.jsx)(m(),{href:"/dashboard/api-manager",children:(0,r.jsx)(n.$n,{size:"sm",variant:"secondary",icon:"arrow_forward",children:"Manage Keys"})})]})]}),(0,r.jsxs)(n.Zp,{children:[(0,r.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold",children:"Available Endpoints"}),(0,r.jsxs)("p",{className:"text-sm text-text-muted",children:[Object.values(M).reduce((e,t)=>e+t.length,0)," models across"," ",[M.chat,M.embeddings,M.images,M.rerank,M.audioTranscription,M.audioSpeech,M.moderation].filter(e=>e.length>0).length," ","endpoints"]})]})}),(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsx)(h,{icon:"chat",iconColor:"text-blue-500",iconBg:"bg-blue-500/10",title:"Chat Completions",path:"/v1/chat/completions",description:"Streaming & non-streaming chat with all providers",models:M.chat,expanded:"chat"===b,onToggle:()=>y("chat"===b?null:"chat"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"data_array",iconColor:"text-emerald-500",iconBg:"bg-emerald-500/10",title:"Embeddings",path:"/v1/embeddings",description:"Text embeddings for search & RAG pipelines",models:M.embeddings,expanded:"embeddings"===b,onToggle:()=>y("embeddings"===b?null:"embeddings"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"image",iconColor:"text-purple-500",iconBg:"bg-purple-500/10",title:"Image Generation",path:"/v1/images/generations",description:"Generate images from text prompts",models:M.images,expanded:"images"===b,onToggle:()=>y("images"===b?null:"images"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"sort",iconColor:"text-amber-500",iconBg:"bg-amber-500/10",title:"Rerank",path:"/v1/rerank",description:"Rerank documents by relevance to a query",models:M.rerank,expanded:"rerank"===b,onToggle:()=>y("rerank"===b?null:"rerank"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"mic",iconColor:"text-rose-500",iconBg:"bg-rose-500/10",title:"Audio Transcription",path:"/v1/audio/transcriptions",description:"Transcribe audio files to text (Whisper)",models:M.audioTranscription,expanded:"audioTranscription"===b,onToggle:()=>y("audioTranscription"===b?null:"audioTranscription"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"record_voice_over",iconColor:"text-cyan-500",iconBg:"bg-cyan-500/10",title:"Text to Speech",path:"/v1/audio/speech",description:"Convert text to natural-sounding speech",models:M.audioSpeech,expanded:"audioSpeech"===b,onToggle:()=>y("audioSpeech"===b?null:"audioSpeech"),copy:U,copied:O,baseUrl:Z}),(0,r.jsx)(h,{icon:"shield",iconColor:"text-orange-500",iconBg:"bg-orange-500/10",title:"Moderations",path:"/v1/moderations",description:"Content moderation and safety classification",models:M.moderation,expanded:"moderation"===b,onToggle:()=>y("moderation"===b?null:"moderation"),copy:U,copied:O,baseUrl:Z})]})]}),!1,(0,r.jsx)(n.aF,{isOpen:v,title:"Enable Cloud Proxy",onClose:()=>N(!1),children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4",children:[(0,r.jsx)("p",{className:"text-sm text-blue-800 dark:text-blue-200 font-medium mb-2",children:"What you will get"}),(0,r.jsxs)("ul",{className:"text-sm text-blue-700 dark:text-blue-300 space-y-1",children:[(0,r.jsx)("li",{children:"• Access your API from anywhere in the world"}),(0,r.jsx)("li",{children:"• Share endpoint with your team easily"}),(0,r.jsx)("li",{children:"• No need to open ports or configure firewall"}),(0,r.jsx)("li",{children:"• Fast global edge network"})]})]}),(0,r.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,r.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 font-medium mb-1",children:"Note"}),(0,r.jsxs)("ul",{className:"text-sm text-yellow-700 dark:text-yellow-300 space-y-1",children:[(0,r.jsx)("li",{children:"• Cloud will keep your auth session for 1 day. If not used, it will be automatically deleted."}),(0,r.jsx)("li",{children:"• Cloud is currently unstable with Claude Code OAuth in some cases."})]})]}),(k||q)&&(0,r.jsxs)("div",{className:`flex items-center gap-3 p-3 rounded-lg border transition-all duration-300 ${q?"bg-green-500/10 border-green-500/30":"bg-primary/10 border-primary/30"}`,children:[q?(0,r.jsx)("span",{className:"material-symbols-outlined text-green-500 text-xl",children:"check_circle"}):(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-primary",children:"progress_activity"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsxs)("p",{className:`text-sm font-medium ${q?"text-green-500":"text-primary"}`,children:[q&&"Cloud Proxy connected!",!q&&"syncing"===$&&"Connecting to cloud...",!q&&"verifying"===$&&"Verifying connection..."]})})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(n.$n,{onClick:L,fullWidth:!0,disabled:k||q,children:k?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"syncing"===$?"Connecting...":"Verifying..."]}):q?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-sm",children:"check"}),"Connected!"]}):"Enable Cloud"}),(0,r.jsx)(n.$n,{onClick:()=>N(!1),variant:"ghost",fullWidth:!0,disabled:k||q,children:"Cancel"})]})]})}),(0,r.jsx)(n.aF,{isOpen:w,title:"Disable Cloud Proxy",onClose:()=>!k&&C(!1),children:(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)("div",{className:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4",children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-red-600 dark:text-red-400",children:"warning"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-sm text-red-800 dark:text-red-200 font-medium mb-1",children:"Warning"}),(0,r.jsx)("p",{className:"text-sm text-red-700 dark:text-red-300",children:"All auth sessions will be deleted from cloud."})]})]})}),k&&(0,r.jsxs)("div",{className:"flex items-center gap-3 p-3 bg-primary/10 border border-primary/30 rounded-lg",children:[(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-primary",children:"progress_activity"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsxs)("p",{className:"text-sm font-medium text-primary",children:["syncing"===$&&"Syncing latest data...","disabling"===$&&"Disabling cloud..."]})})]}),(0,r.jsx)("p",{className:"text-sm text-text-muted",children:"Are you sure you want to disable cloud proxy?"}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(n.$n,{onClick:Q,fullWidth:!0,disabled:k,className:"bg-red-500! hover:bg-red-600! text-white!",children:k?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"syncing"===$?"Syncing...":"Disabling..."]}):"Disable Cloud"}),(0,r.jsx)(n.$n,{onClick:()=>C(!1),variant:"ghost",fullWidth:!0,disabled:k,children:"Cancel"})]})]})}),A&&(0,r.jsx)(g,{provider:A,models:c,copy:U,copied:O,onClose:()=>P(null)})]})}function g({provider:e,models:t,copy:s,copied:a,onClose:l}){let o=e.provider.alias||e.id,d=(0,i.useMemo)(()=>t.filter(t=>!t.parent&&(t.owned_by===o||t.owned_by===e.id)),[t,o,e.id]),c=d.filter(e=>!e.type),m=d.filter(e=>"embedding"===e.type),x=d.filter(e=>"image"===e.type),p=(e,t,i)=>0===i.length?null:(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsxs)("h4",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider mb-2 flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-sm",children:t}),e," (",i.length,")"]}),(0,r.jsx)("div",{className:"flex flex-col gap-1",children:i.map(e=>{let t=`modal-${e.id}`;return(0,r.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-surface/60 group",children:[(0,r.jsx)("code",{className:"text-sm font-mono flex-1 truncate",children:e.id}),e.custom&&(0,r.jsx)("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-primary/10 text-primary",children:"custom"}),(0,r.jsx)("button",{onClick:()=>s(e.id,t),className:"p-1 hover:bg-sidebar rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-opacity",title:"Copy model ID",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-sm",children:a===t?"check":"content_copy"})})]},e.id)})})]});return(0,r.jsx)(n.aF,{isOpen:!0,onClose:l,title:`${e.provider.name} — Models`,children:(0,r.jsx)("div",{className:"max-h-[60vh] overflow-y-auto",children:0===d.length?(0,r.jsx)("p",{className:"text-sm text-text-muted py-4 text-center",children:"No models available for this provider."}):(0,r.jsxs)(r.Fragment,{children:[p("Chat","chat",c),p("Embedding","data_array",m),p("Image","image",x)]})})})}function h({icon:e,iconColor:t,iconBg:s,title:a,path:l,description:n,models:o,expanded:c,onToggle:m,copy:x,copied:p,baseUrl:u}){let g=(0,i.useMemo)(()=>{let e={};for(let t of o){let s=t.owned_by||"unknown";e[s]||(e[s]=[]),e[s].push(t)}return Object.entries(e).sort((e,t)=>t[1].length-e[1].length)},[o]),h=e=>d.Q2[e]||(0,d.zt)(e),b=`endpoint_${l}`;return(0,r.jsxs)("div",{className:"border border-border rounded-lg overflow-hidden",children:[(0,r.jsxs)("button",{onClick:m,className:"w-full flex items-center gap-3 p-4 hover:bg-surface/50 transition-colors text-left",children:[(0,r.jsx)("div",{className:`flex items-center justify-center size-10 rounded-lg ${s} shrink-0`,children:(0,r.jsx)("span",{className:`material-symbols-outlined text-xl ${t}`,children:e})}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"font-semibold text-sm",children:a}),(0,r.jsxs)("span",{className:"text-xs px-2 py-0.5 rounded-full bg-surface text-text-muted font-medium",children:[o.length," ",1===o.length?"model":"models"]})]}),(0,r.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:n})]}),(0,r.jsx)("span",{className:`material-symbols-outlined text-text-muted text-lg transition-transform ${c?"rotate-180":""}`,children:"expand_more"})]}),c&&(0,r.jsxs)("div",{className:"border-t border-border px-4 pb-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mt-3 mb-3",children:[(0,r.jsxs)("code",{className:"flex-1 text-xs font-mono text-text-muted bg-surface/80 px-3 py-1.5 rounded-lg truncate",children:[u.replace(/\/v1$/,""),l]}),(0,r.jsx)("button",{onClick:()=>x(`${u.replace(/\/v1$/,"")}${l}`,b),className:"p-1.5 hover:bg-surface rounded-lg text-text-muted hover:text-primary transition-colors shrink-0",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:p===b?"check":"content_copy"})})]}),(0,r.jsx)("div",{className:"flex flex-col gap-2",children:g.map(([e,t])=>(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,r.jsx)("div",{className:"size-2.5 rounded-full shrink-0",style:{backgroundColor:h(e)?.color||"#888"}}),(0,r.jsx)("span",{className:"text-xs font-semibold text-text-main",children:h(e)?.name||e}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["(",t.length,")"]})]}),(0,r.jsx)("div",{className:"ml-5 flex flex-wrap gap-1.5",children:t.map(e=>(0,r.jsx)("span",{className:"text-xs px-2 py-0.5 rounded-md bg-surface/80 text-text-muted font-mono",title:e.id,children:e.root||e.id.split("/").pop()},e.id))})]},e))})]})]})}u.propTypes={machineId:l().string.isRequired},g.propTypes={provider:l().object.isRequired,models:l().array.isRequired,copy:l().func.isRequired,copied:l().string,onClose:l().func.isRequired},h.propTypes={icon:l().string.isRequired,iconColor:l().string.isRequired,iconBg:l().string.isRequired,title:l().string.isRequired,path:l().string.isRequired,description:l().string.isRequired,models:l().array.isRequired,expanded:l().bool.isRequired,onToggle:l().func.isRequired,copy:l().func.isRequired,copied:l().string,baseUrl:l().string.isRequired}}},e=>{e.O(0,[8500,9751,782,1149,5846,993,8441,3794,7358],()=>e(e.s=10373)),_N_E=e.O()}]);