omniroute 2.0.19 → 2.1.0

package/app/.next/static/chunks/app/(dashboard)/dashboard/agents/page-4ec5a1458c077143.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6560],{14701:(e,t,a)=>{Promise.resolve().then(a.bind(a,38932))},38932:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>i});var s=a(95155),l=a(12115),r=a(40993),n=a(50910),d=a(52529);function i(){let[e,t]=(0,l.useState)([]),[a,i]=(0,l.useState)(null),[c,o]=(0,l.useState)(!0),[m,x]=(0,l.useState)(!1),[p,u]=(0,l.useState)(!1),[h,b]=(0,l.useState)(!1),[g,f]=(0,l.useState)({}),[j,v]=(0,l.useState)(!1),[y,N]=(0,l.useState)(!1),[k,w]=(0,l.useState)({name:"",binary:"",versionCommand:"",spawnArgs:""}),C=(0,n.c)("agents"),O=(0,n.c)("settings"),S=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/acp/agents"),a=await e.json();t(a.agents||[]),i(a.summary||null)}catch(e){console.error("Failed to fetch agents:",e)}finally{o(!1)}},[]);(0,l.useEffect)(()=>{S(),fetch("/api/settings").then(e=>e.json()).then(e=>f(e)).catch(()=>{})},[S]);let _=async(e,t)=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({[e]:t})})).ok&&f(a=>({...a,[e]:t}))}catch(e){console.error("Failed to update setting:",e)}},F=async()=>{x(!0);try{let e=await fetch("/api/acp/agents",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"refresh"})}),a=await e.json();t(a.agents||[]),await S()}catch(e){console.error("Failed to refresh:",e)}finally{x(!1)}},A=async e=>{e.preventDefault(),b(!0);try{let e=k.name.toLowerCase().replace(/[^a-z0-9]/g,"-");(await fetch("/api/acp/agents",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e,name:k.name,binary:k.binary,versionCommand:k.versionCommand||`${k.binary} --version`,spawnArgs:k.spawnArgs?k.spawnArgs.split(",").map(e=>e.trim()):[],protocol:"stdio"})})).ok&&(w({name:"",binary:"",versionCommand:"",spawnArgs:""}),u(!1),await S())}catch(e){console.error("Failed to add agent:",e)}finally{b(!1)}},E=async e=>{try{(await fetch(`/api/acp/agents?id=${e}`,{method:"DELETE"})).ok&&await S()}catch(e){console.error("Failed to remove agent:",e)}};return c?(0,s.jsx)("div",{className:"flex items-center justify-center min-h-[400px]",children:(0,s.jsx)("div",{className:"animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent"})}):(0,s.jsxs)("div",{className:"flex flex-col gap-6 p-6 max-w-5xl mx-auto",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-bold",children:C("title")}),(0,s.jsx)("p",{className:"text-text-muted mt-1",children:C("description")})]}),(0,s.jsxs)(r.$n,{variant:"secondary",onClick:F,loading:m,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] mr-1",children:"refresh"}),C("refresh")]})]}),a&&(0,s.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[(0,s.jsxs)("div",{className:"rounded-xl border border-border/50 bg-card p-4 text-center",children:[(0,s.jsx)("div",{className:"text-2xl font-bold text-primary",children:a.installed}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1",children:C("installed")})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-border/50 bg-card p-4 text-center",children:[(0,s.jsx)("div",{className:"text-2xl font-bold text-text-muted",children:a.notFound}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1",children:C("notFound")})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-border/50 bg-card p-4 text-center",children:[(0,s.jsx)("div",{className:"text-2xl font-bold",children:a.builtIn}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1",children:C("builtIn")})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-border/50 bg-card p-4 text-center",children:[(0,s.jsx)("div",{className:"text-2xl font-bold text-amber-500",children:a.custom}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1",children:C("custom")})]})]}),(0,s.jsxs)(r.Zp,{children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,s.jsx)("div",{className:"p-2 rounded-lg bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]","aria-hidden":"true",children:"fingerprint"})}),(0,s.jsx)("h3",{className:"text-lg font-semibold",children:O("cliFingerprint")})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:O("cliFingerprintDesc")}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:["codex","claude","github","antigravity","kiro","cursor","kimi-coding","kilocode","cline"].map(e=>{let t=Object.values(d.Q2).find(t=>t.id===e),a=(g.cliCompatProviders||[]).includes(e),l=t?.name||e,r=t?.icon||"terminal",n=t?.color||"#888";return(0,s.jsxs)("button",{onClick:()=>{let t=g.cliCompatProviders||[];_("cliCompatProviders",t.includes(e)?t.filter(t=>t!==e):[...t,e])},className:`inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs font-medium transition-all border ${a?"bg-emerald-500/10 border-emerald-500/30 text-emerald-600 dark:text-emerald-400":"bg-black/[0.02] dark:bg-white/[0.02] border-transparent text-text-muted hover:bg-black/[0.05] dark:hover:bg-white/[0.05]"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:{color:a?void 0:n},children:a?"fingerprint":r}),l,a&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px] text-emerald-500",children:"check"})]},e)})}),(g.cliCompatProviders||[]).length>0&&(0,s.jsxs)("p",{className:"text-xs text-emerald-600 dark:text-emerald-400 mt-1 flex items-center gap-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"verified"}),O("cliFingerprintEnabled",{count:(g.cliCompatProviders||[]).length})]})]})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:e.map(e=>(0,s.jsxs)(r.Zp,{children:[(0,s.jsxs)("div",{className:"flex items-start justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:`p-2 rounded-lg ${e.installed?"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400":"bg-zinc-500/10 text-zinc-400"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:e.installed?"smart_toy":"block"})}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"font-semibold text-sm flex items-center gap-1.5",children:[e.name,e.isCustom&&(0,s.jsx)("span",{className:"text-[10px] px-1.5 py-0.5 rounded-full bg-amber-500/10 text-amber-600 dark:text-amber-400 font-medium",children:C("custom")})]}),(0,s.jsx)("code",{className:"text-xs text-text-muted",children:e.binary})]})]}),(0,s.jsx)("div",{className:"flex items-center gap-1",children:e.installed?(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 font-medium",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"check_circle"}),e.version||C("installed")]}):(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-zinc-500/10 text-zinc-500 font-medium",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"cancel"}),C("notFound")]})})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between mt-3 pt-3 border-t border-border/30",children:[(0,s.jsx)("span",{className:"inline-flex items-center gap-1 text-[10px] px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-500 font-mono",children:e.protocol}),e.isCustom&&(0,s.jsxs)("button",{onClick:()=>E(e.id),className:"text-xs text-red-500 hover:text-red-400 transition-colors flex items-center gap-0.5",title:C("remove"),children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"delete"}),C("remove")]})]})]},e.id))}),e.find(e=>"opencode"===e.id&&e.installed)&&(0,s.jsx)(r.Zp,{children:(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)("div",{className:"p-2 rounded-lg bg-violet-500/10 text-violet-500 shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"code_blocks"})}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,s.jsx)("h3",{className:"text-base font-semibold",children:"OpenCode Integration"}),(0,s.jsxs)("span",{className:"text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 font-medium",children:["opencode ",e.find(e=>"opencode"===e.id)?.version," detected"]})]}),(0,s.jsxs)("p",{className:"text-sm text-text-muted mb-3",children:["Generate a ready-to-use"," ",(0,s.jsx)("code",{className:"text-xs bg-black/[0.06] dark:bg-white/[0.08] px-1 py-0.5 rounded",children:"opencode.json"})," ","with your OmniRoute base URL and all available models — drop it in your project root and run"," ",(0,s.jsx)("code",{className:"text-xs bg-black/[0.06] dark:bg-white/[0.08] px-1 py-0.5 rounded",children:"opencode"}),"."]}),(0,s.jsxs)(r.$n,{variant:"secondary",loading:j,onClick:async()=>{v(!0),N(!1);try{let e=await fetch("/v1/models"),t=e.ok?await e.json():{data:[]},a={};for(let e of t.data||[])a[e.id]={name:e.id};let s=window.location.origin+"/v1",l={$schema:"https://opencode.ai/config.json",provider:{omniroute:{npm:"@ai-sdk/openai-compatible",name:"OmniRoute",options:{baseURL:s,apiKey:"YOUR_OMNIROUTE_API_KEY"},models:Object.keys(a).length>0?a:{"gpt-4o":{name:"gpt-4o"}}}}},r=new Blob([JSON.stringify(l,null,2)],{type:"application/json"}),n=URL.createObjectURL(r),d=document.createElement("a");d.href=n,d.download="opencode.json",d.click(),URL.revokeObjectURL(n),N(!0),setTimeout(()=>N(!1),3e3)}catch(e){console.error("Failed to generate opencode.json:",e)}finally{v(!1)}},children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] mr-1",children:y?"check":"download"}),y?"Downloaded!":"Download opencode.json"]})]})]})}),(0,s.jsxs)(r.Zp,{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:"p-2 rounded-lg bg-amber-500/10 text-amber-600 dark:text-amber-400",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"add_circle"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-semibold",children:C("addCustomAgent")}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:C("addCustomAgentDesc")})]})]}),(0,s.jsx)(r.$n,{variant:"secondary",onClick:()=>u(!p),children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:p?"expand_less":"expand_more"})})]}),p&&(0,s.jsxs)("form",{onSubmit:A,className:"flex flex-col gap-4 pt-4 border-t border-border/50",children:[(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,s.jsx)(r.pd,{label:C("agentName"),placeholder:"e.g. My Custom CLI",value:k.name,onChange:e=>w({...k,name:e.target.value}),required:!0}),(0,s.jsx)(r.pd,{label:C("binaryName"),placeholder:"e.g. mycli",value:k.binary,onChange:e=>w({...k,binary:e.target.value}),required:!0})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,s.jsx)(r.pd,{label:C("versionCommand"),placeholder:"e.g. mycli --version",value:k.versionCommand,onChange:e=>w({...k,versionCommand:e.target.value})}),(0,s.jsx)(r.pd,{label:C("spawnArgs"),placeholder:"e.g. --quiet, --json",value:k.spawnArgs,onChange:e=>w({...k,spawnArgs:e.target.value})})]}),(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsxs)(r.$n,{type:"submit",variant:"primary",loading:h,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] mr-1",children:"add"}),C("addAgent")]})})]})]})]})}},40993:(e,t,a)=>{"use strict";a.d(t,{Ex:()=>c.default,$n:()=>s.default,Zp:()=>n.default,Qv:()=>i.CardSkeleton,G9:()=>j.default,bQ:()=>k.default,pp:()=>y.default,Qn:()=>N.default,pd:()=>l.default,Mh:()=>f.default,uR:()=>p.default,aF:()=>d.default,rq:()=>x.default,LF:()=>m.default,KN:()=>b.default,Lo:()=>g.default,y7:()=>h.default,Iz:()=>v.default,l6:()=>r.default,lM:()=>o.default,cn:()=>u.default});var s=a(35806),l=a(34422),r=a(42994),n=a(81060),d=a(71361),i=a(92542);a(17705);var c=a(80927),o=a(19790);a(6261),a(55846),a(34243),a(89938),a(99023);var m=a(80178),x=a(85444),p=a(91961);a(25112);var u=a(45624),h=a(37415),b=a(48643),g=a(8287);a(1652);var f=a(92701);a(18150);var j=a(71689),v=a(33709);a(76332);var y=a(66200);a(61580);var N=a(51503);a(54128);var k=a(44638);a(21720),a(97050)}},e=>{e.O(0,[8500,3418,9751,8055,1149,5846,647,8441,3794,7358],()=>e(e.s=14701)),_N_E=e.O()}]);