@fudrouter/fsrouter 0.6.4 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +157 -0
- package/package.json +1 -1
- package/public/assets/EndpointPageClient.YsGwbpYV.js +6 -0
- package/public/assets/Loading.CjQLhSfR.js +1 -0
- package/public/assets/NoAuthProxyCard.D1e90xgk.js +89 -0
- package/public/assets/index.DAEHkWvS.js +89 -0
- package/public/assets/page.-95lgZd_.js +23 -0
- package/public/assets/page.61FbV9Wp.js +1 -0
- package/public/assets/page.Apg42588.js +1 -0
- package/public/assets/page.B0C1xaR8.js +2 -0
- package/public/assets/page.B4youO9X.js +1 -0
- package/public/assets/page.BMbi-Sns.js +1 -0
- package/public/assets/page.BUPLy5EZ.js +6 -0
- package/public/assets/page.BXh6BM3U.js +4 -0
- package/public/assets/page.BZUkHLYE.js +1 -0
- package/public/assets/page.BZeKpmS4.js +5 -0
- package/public/assets/page.BbHtA1Vv.js +1 -0
- package/public/assets/page.BbmBUUp6.js +1 -0
- package/public/assets/page.BedLQaFn.js +1 -0
- package/public/assets/page.BpZpjcj5.js +1 -0
- package/public/assets/page.C7irTNuo.js +1 -0
- package/public/assets/page.CVp0aTOO.js +1 -0
- package/public/assets/page.CXmpgSS-.js +1 -0
- package/public/assets/page.Cb9NSedz.js +31 -0
- package/public/assets/page.CbEpgP40.js +1 -0
- package/public/assets/page.CcqLMlVQ.js +1 -0
- package/public/assets/page.Cx0ouxNC.js +1 -0
- package/public/assets/page.D2q8p9Ho.js +1 -0
- package/public/assets/page.D72XZv59.js +5 -0
- package/public/assets/page.DJLPVXk9.js +1 -0
- package/public/assets/page.DQFGk3ix.js +6 -0
- package/public/assets/page.DUg1jlDv.js +1 -0
- package/public/assets/page.DZ-7X_uA.js +1 -0
- package/public/assets/page.DbcoBydG.js +64 -0
- package/public/assets/page.DvfqdMbH.js +1 -0
- package/public/assets/page.XCZlByO2.js +2 -0
- package/public/assets/page.XxNz79L9.js +1 -0
- package/public/assets/page.i4WFZmkG.js +1 -0
- package/public/assets/page.kzWpy5SG.js +1 -0
- package/public/assets/page.nLWOXyfy.js +1 -0
- package/public/assets/page.vnuVB-x6.js +1 -0
- package/public/index.html +1 -1
- package/src/server.ts +1 -1
- package/src/shared/constants/skills.js +2 -2
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{a as ot,j as e,B as i,M as I,C as lt}from"./index.DAEHkWvS.js";import{b as l}from"./router.Cjj1--8t.js";import{C as Pe,B as k,T as ie,I as y}from"./NoAuthProxyCard.D1e90xgk.js";import{C as Se}from"./Loading.CjQLhSfR.js";import"./zustand.akaTi5uX.js";function at(x){return x==="active"?"success":x==="error"?"error":"default"}function nt(x){if(!x)return"Never";const W=new Date(x);return Number.isNaN(W.getTime())?"Never":W.toLocaleString()}function ce(x={}){return{name:x.name||"",proxyUrl:x.proxyUrl||"",noProxy:x.noProxy||"",isActive:x.isActive!==!1,strictProxy:x.strictProxy===!0}}function ht(){const[x,W]=l.useState([]),[De,A]=l.useState(!1),[$,B]=l.useState(""),[b,L]=l.useState([]),[E,Y]=l.useState(null),[c,U]=l.useState([]),[Te,Ie]=l.useState(!0),[Ae,K]=l.useState(!1),[$e,Q]=l.useState(!1),[Ee,de]=l.useState(!1),[Ue,xe]=l.useState(!1),[Oe,me]=l.useState(!1),[O,M]=l.useState(!1),[V,he]=l.useState(null),[u,C]=l.useState(ce()),[X,ue]=l.useState(""),[F,Z]=l.useState({vercelToken:"",projectName:"vercel-relay"}),[j,_]=l.useState({accountId:"",apiToken:"",projectName:"cloudflare-relay"}),[N,q]=l.useState({denoToken:"",orgDomain:"",projectName:""}),[R,pe]=l.useState(!1),[J,fe]=l.useState(!1),[p,S]=l.useState(!1),[ee,ye]=l.useState(null),[h,H]=l.useState([]),[v,ge]=l.useState(!1),[be,te]=l.useState({current:0,total:0}),[z,D]=l.useState(!1),[g,w]=l.useState(null),se=l.useRef(null),n=ot();l.useEffect(()=>{const t=s=>{se.current&&!se.current.contains(s.target)&&M(!1)};return O&&document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[O]);const f=l.useCallback(async()=>{try{const t=await fetch("/api/proxy-pools?includeUsage=true",{cache:"no-store"}),s=await t.json();t.ok&&U(s.proxyPools||[])}catch(t){console.log("Error fetching proxy pools:",t)}finally{Ie(!1)}},[]),G=l.useCallback(async()=>{try{const t=await fetch("/api/proxy-combos",{cache:"no-store"}),s=await t.json();t.ok&&W(s.combos||[])}catch{}},[]);l.useEffect(()=>{f(),G()},[f,G]);const je=()=>{he(null),C(ce())},ve=()=>{je(),K(!0)},Me=t=>{he(t),C(ce(t)),K(!0)},re=()=>{K(!1),je()},Fe=async()=>{const t={name:u.name.trim(),proxyUrl:u.proxyUrl.trim(),noProxy:u.noProxy.trim(),isActive:u.isActive===!0,strictProxy:u.strictProxy===!0};if(!(!t.name||!t.proxyUrl)){pe(!0);try{const s=!!V,r=await fetch(s?`/api/proxy-pools/${V.id}`:"/api/proxy-pools",{method:s?"PUT":"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(r.ok)await f(),re(),n.success(V?"Proxy pool updated":"Proxy pool created");else{const o=await r.json();n.error(o.error||"Failed to save proxy pool")}}catch(s){console.log("Error saving proxy pool:",s)}finally{pe(!1)}}},Re=async t=>{w({title:"Delete Proxy Pool",message:`Delete proxy pool "${t.name}"?`,onConfirm:async()=>{w(null);try{const s=await fetch(`/api/proxy-pools/${t.id}`,{method:"DELETE"});if(s.ok){U(o=>o.filter(a=>a.id!==t.id)),n.success("Proxy pool deleted");return}const r=await s.json();s.status===409?n.warning(`Cannot delete: ${r.boundConnectionCount||0} connection(s) are still using this pool.`):n.error(r.error||"Failed to delete proxy pool")}catch(s){console.log("Error deleting proxy pool:",s),n.error("Failed to delete proxy pool")}}})},ze=async t=>{ye(t);try{const s=await fetch(`/api/proxy-pools/${t}/test`,{method:"POST"}),r=await s.json();if(!s.ok){n.error(r.error||"Failed to test proxy");return}await f(),n.success(r.ok?"Proxy test passed":"Proxy test failed")}catch(s){console.log("Error testing proxy pool:",s),n.error("Failed to test proxy")}finally{ye(null)}},We=async t=>{const s=!t.isActive;U(r=>r.map(o=>o.id===t.id?{...o,isActive:s}:o));try{(await fetch(`/api/proxy-pools/${t.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:s})})).ok||(U(o=>o.map(a=>a.id===t.id?{...a,isActive:t.isActive}:a)),n.error("Failed to update active state"))}catch(r){console.log("Error toggling active:",r),U(o=>o.map(a=>a.id===t.id?{...a,isActive:t.isActive}:a))}},oe=c.length>0&&h.length===c.length,Be=t=>H(s=>s.includes(t)?s.filter(r=>r!==t):[...s,t]),Le=()=>H(oe?[]:c.map(t=>t.id)),ke=()=>H([]),Ce=async t=>{const s=h.length>0?h:c.map(r=>r.id);if(s.length!==0){D(!0);try{let r=0,o=0;for(const a of s)try{(await fetch(`/api/proxy-pools/${a}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok?r+=1:o+=1}catch{o+=1}await f(),n.success(`${t?"Activated":"Deactivated"} ${r}${o?`, failed ${o}`:""}`)}finally{D(!1)}}},Ve=async()=>{h.length!==0&&w({title:"Delete Proxy Pools",message:`Delete ${h.length} proxy pool(s)?`,onConfirm:async()=>{w(null),D(!0);try{let t=0,s=0,r=0;for(const o of h)try{const a=await fetch(`/api/proxy-pools/${o}`,{method:"DELETE"});a.ok?t+=1:a.status===409?s+=1:r+=1}catch{r+=1}await f(),ke(),n.success(`Deleted ${t}${s?`, ${s} bound`:""}${r?`, ${r} failed`:""}`)}finally{D(!1)}}})},_e=async()=>{const t=h.length>0?c.filter(d=>h.includes(d.id)):c;if(t.length===0)return;ge(!0),te({current:0,total:t.length});let s=0;const r=[];let o=0;const a=10,m=[...t],P=async()=>{for(;m.length>0;){const d=m.shift();if(!d)break;try{const T=await fetch(`/api/proxy-pools/${d.id}/test`,{method:"POST"}),we=await T.json();T.ok&&we.ok?s+=1:r.push(d.id)}catch{r.push(d.id)}finally{o+=1,te({current:o,total:t.length})}}};await Promise.all(Array.from({length:Math.min(a,t.length)},P)),await f(),ge(!1),te({current:0,total:0}),r.length>0?w({title:"Disable Dead Proxies",message:`Alive: ${s}, Dead: ${r.length}.
|
|
2
|
+
|
|
3
|
+
Disable ${r.length} dead proxies?`,onConfirm:async()=>{w(null),D(!0);try{for(const d of r)try{await fetch(`/api/proxy-pools/${d}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:!1})})}catch{}await f(),n.success(`Disabled ${r.length} dead proxies`)}finally{D(!1)}}}):n.success(`Health check done. Alive: ${s}, Dead: ${r.length}`)};l.useEffect(()=>{H(t=>t.filter(s=>c.some(r=>r.id===s)))},[c]);const qe=()=>{ue(""),Q(!0)},Ne=()=>{J||Q(!1)},Je=()=>{Z({vercelToken:"",projectName:"vercel-relay"}),de(!0)},le=()=>{p||de(!1)},He=()=>{_({accountId:"",apiToken:"",projectName:"cloudflare-relay"}),xe(!0)},ae=()=>{p||xe(!1)},Ge=()=>{q({denoToken:"",orgDomain:"",projectName:""}),me(!0)},ne=()=>{p||me(!1)},Ye=async()=>{if(F.vercelToken.trim()){S(!0);try{const t=await fetch("/api/proxy-pools/vercel-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(F)}),s=await t.json();t.ok?(await f(),le(),n.success(`Deployed: ${s.deployUrl}`)):n.error(s.error||"Deploy failed")}catch(t){console.log("Error deploying Vercel relay:",t),n.error("Deploy failed")}finally{S(!1)}}},Ke=async()=>{if(!(!j.accountId.trim()||!j.apiToken.trim())){S(!0);try{const t=await fetch("/api/proxy-pools/cloudflare-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(j)}),s=await t.json();t.ok?(await f(),ae(),n.success(`Deployed: ${s.deployUrl}`)):n.error(s.error||"Deploy failed")}catch(t){console.log("Error deploying Cloudflare relay:",t),n.error("Deploy failed")}finally{S(!1)}}},Qe=async()=>{if(N.denoToken.trim()){S(!0);try{const t=await fetch("/api/proxy-pools/deno-deploy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(N)}),s=await t.json();t.ok?(await f(),ne(),n.success(`Deployed: ${s.deployUrl}`)):n.error(s.error||"Deploy failed")}catch(t){console.log("Error deploying Deno relay:",t),n.error("Deploy failed")}finally{S(!1)}}},Xe=t=>{const s=t.trim();if(!s)return null;if(s.includes("://")){const o=new URL(s),a=o.port?`${o.hostname}:${o.port}`:o.hostname;return{proxyUrl:o.toString(),name:`Imported ${a}`}}const r=s.split(":");if(r.length===4){const[o,a,m,P]=r;if(!o||!a||!m||!P)throw new Error("Invalid host:port:user:pass format");const d=`http://${encodeURIComponent(m)}:${encodeURIComponent(P)}@${o}:${a}`;return{proxyUrl:new URL(d).toString(),name:`Imported ${o}:${a}`}}throw new Error("Unsupported format")},Ze=async()=>{const t=X.split(/\r?\n/).map(o=>o.trim()).filter(Boolean);if(t.length===0){n.warning("Please paste at least one proxy line.");return}const s=[],r=[];if(t.forEach((o,a)=>{try{const m=Xe(o);m&&s.push({...m,lineNumber:a+1})}catch(m){r.push(`Line ${a+1}: ${m.message}`)}}),r.length>0){n.error(`Invalid proxy format:
|
|
4
|
+
${r.join(`
|
|
5
|
+
`)}`);return}fe(!0);try{const o=new Set(c.map(d=>`${(d.proxyUrl||"").trim()}|||${(d.noProxy||"").trim()}`));let a=0,m=0,P=0;for(const d of s){const T=`${d.proxyUrl}|||`;if(o.has(T)){m+=1;continue}(await fetch("/api/proxy-pools",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:d.name,proxyUrl:d.proxyUrl,noProxy:"",isActive:!0})})).ok?(a+=1,o.add(T)):P+=1}await f(),Q(!1),n.success(`Batch import completed: Created ${a}, Skipped ${m}, Failed ${P}`)}catch(o){console.log("Error batch importing proxies:",o),n.error("Batch import failed")}finally{fe(!1)}},et=l.useMemo(()=>c.filter(t=>t.isActive===!0).length,[c]);if(Te)return e.jsxs("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[e.jsx(Se,{}),e.jsx(Se,{})]});const tt=async()=>{if(!$.trim()||b.length===0)return;const t=E?"PUT":"POST",s=E?{id:E.id,name:$,poolIds:b}:{name:$,poolIds:b};await fetch("/api/proxy-combos",{method:t,headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}),A(!1),B(""),L([]),Y(null),G()},st=async t=>{await fetch("/api/proxy-combos",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:t})}),G()},rt=t=>{var s;return((s=c.find(r=>r.id===t))==null?void 0:s.name)||t.slice(0,8)};return e.jsxs("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-4 px-1 sm:gap-6 sm:px-0",children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[e.jsx("div",{className:"min-w-0",children:e.jsx("h1",{className:"text-xl font-semibold sm:text-2xl",children:"Proxy Pools"})}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:flex sm:items-center",children:[e.jsxs("div",{className:"relative",ref:se,children:[e.jsxs(i,{size:"sm",variant:"secondary",icon:"rocket_launch",onClick:()=>M(!O),children:["Deploy Relay",e.jsx("span",{className:"material-symbols-outlined ml-1 text-[18px]",children:O?"expand_less":"expand_more"})]}),O&&e.jsxs("div",{className:"absolute left-0 top-full z-50 mt-1 w-48 rounded-xl border border-black/10 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-zinc-900 sm:left-auto sm:right-0",children:[e.jsxs("button",{onClick:()=>{He(),M(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[e.jsx("span",{className:"material-symbols-outlined text-[20px] text-orange-500",children:"cloud"}),"Cloudflare Relay"]}),e.jsxs("button",{onClick:()=>{Je(),M(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[e.jsx("span",{className:"material-symbols-outlined text-[20px] text-blue-500",children:"cloud_upload"}),"Vercel Relay"]}),e.jsxs("button",{onClick:()=>{Ge(),M(!1)},className:"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-text-main transition-colors hover:bg-black/5 dark:hover:bg-white/5",children:[e.jsx("span",{className:"material-symbols-outlined text-[20px] text-green-500",children:"terminal"}),"Deno Relay"]})]})]}),e.jsx(i,{size:"sm",variant:"secondary",icon:"upload",onClick:qe,children:"Batch Import"}),e.jsx(i,{size:"sm",icon:"add",onClick:ve,children:"Add Proxy Pool"})]})]}),e.jsxs(Pe,{children:[e.jsxs("div",{className:"mb-4 flex flex-wrap items-center gap-2",children:[c.length>0&&e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-text-muted cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:oe,onChange:Le,className:"size-4 rounded border-black/20 dark:border-white/20"}),oe?"Unselect all":"Select all"]}),e.jsxs(k,{variant:"default",children:["Total: ",c.length]}),e.jsxs(k,{variant:"success",children:["Active: ",et]})]}),(h.length>0||v)&&e.jsxs("div",{className:"mb-4 flex flex-wrap items-center gap-2 rounded-lg border border-primary/30 bg-primary/5 px-3 py-2",children:[e.jsx("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"checklist"}),e.jsx("span",{className:"text-xs font-medium text-primary",children:h.length>0?`${h.length} selected`:"All pools"}),e.jsxs("div",{className:"ml-auto flex flex-wrap items-center gap-2",children:[e.jsx(i,{size:"sm",icon:v?"progress_activity":"health_and_safety",onClick:_e,disabled:v||z||c.length===0,children:v?`Checking ${be.current}/${be.total}`:"Health Check"}),h.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(i,{size:"sm",variant:"secondary",icon:"toggle_on",onClick:()=>Ce(!0),disabled:z||v,children:"Activate"}),e.jsx(i,{size:"sm",variant:"secondary",icon:"toggle_off",onClick:()=>Ce(!1),disabled:z||v,children:"Deactivate"}),e.jsx(i,{size:"sm",variant:"secondary",icon:"delete",onClick:Ve,disabled:z||v,children:"Delete"}),e.jsx(i,{size:"sm",variant:"ghost",onClick:ke,disabled:z||v,children:"Clear"})]})]})]}),c.length===0?e.jsxs("div",{className:"text-center py-10",children:[e.jsx("p",{className:"text-text-main font-medium mb-1",children:"No proxy pool entries yet"}),e.jsx("p",{className:"text-sm text-text-muted mb-4",children:"Create a proxy pool entry, then assign it to connections."}),e.jsx(i,{icon:"add",onClick:ve,children:"Add Proxy Pool"})]}):e.jsx("div",{className:"flex flex-col divide-y divide-black/[0.04] dark:divide-white/[0.05]",children:c.map(t=>e.jsxs("div",{className:"flex flex-col gap-3 py-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"flex items-start gap-3 min-w-0 flex-1",children:[e.jsx("input",{type:"checkbox",checked:h.includes(t.id),onChange:()=>Be(t.id),className:"mt-1 size-4 shrink-0 rounded border-black/20 dark:border-white/20"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("p",{className:"min-w-0 max-w-full truncate text-sm font-medium sm:max-w-[18rem]",children:t.name}),e.jsx(k,{variant:at(t.testStatus),size:"sm",dot:!0,children:t.testStatus||"unknown"}),e.jsx(k,{variant:t.isActive?"success":"default",size:"sm",children:t.isActive?"active":"inactive"}),t.type==="vercel"&&e.jsx(k,{variant:"default",size:"sm",children:"vercel relay"}),t.type==="cloudflare"&&e.jsx(k,{variant:"default",size:"sm",children:"cloudflare relay"}),e.jsxs(k,{variant:"default",size:"sm",children:[t.boundConnectionCount||0," bound"]})]}),e.jsx("p",{className:"text-xs text-text-muted truncate mt-1",children:t.proxyUrl}),t.noProxy?e.jsxs("p",{className:"text-xs text-text-muted truncate",children:["No proxy: ",t.noProxy]}):null,e.jsxs("p",{className:"text-[11px] text-text-muted mt-1",children:["Last tested: ",nt(t.lastTestedAt),t.lastError?` · ${t.lastError}`:""]})]})]}),e.jsxs("div",{className:"flex items-center justify-end gap-1",children:[e.jsx(ie,{size:"sm",checked:t.isActive===!0,onChange:()=>We(t),title:t.isActive?"Disable":"Enable"}),e.jsx("button",{onClick:()=>ze(t.id),className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Test proxy",disabled:ee===t.id,children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",style:ee===t.id?{animation:"spin 1s linear infinite"}:void 0,children:ee===t.id?"progress_activity":"science"})}),e.jsx("button",{onClick:()=>Me(t),className:"p-2 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",title:"Edit",children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),e.jsx("button",{onClick:()=>Re(t),className:"p-2 rounded hover:bg-red-500/10 text-red-500",title:"Delete",children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},t.id))})]}),e.jsx(I,{isOpen:$e,title:"Batch Import Proxies",onClose:Ne,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-text-main mb-1 block",children:"Paste Proxy List (One per line)"}),e.jsx("textarea",{value:X,onChange:t=>ue(t.target.value),placeholder:`http://user:pass@127.0.0.1:7897
|
|
6
|
+
127.0.0.1:7897:user:pass`,className:"w-full min-h-[180px] py-2 px-3 text-sm text-text-main bg-white dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-md focus:ring-1 focus:ring-primary/30 focus:border-primary/50 focus:outline-none transition-all"}),e.jsx("p",{className:"text-xs text-text-muted mt-1",children:"Supported formats: protocol://user:pass@host:port, host:port:user:pass"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[e.jsx(i,{fullWidth:!0,onClick:Ze,disabled:!X.trim()||J,children:J?"Importing...":"Import"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:Ne,disabled:J,children:"Cancel"})]})]})}),e.jsx(I,{isOpen:Ee,title:"Deploy Vercel Relay",onClose:le,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rounded-lg bg-blue-500/5 border border-blue-500/10 p-3 flex flex-col gap-1.5",children:[e.jsx("p",{className:"text-sm text-text-main font-medium",children:"What is Vercel Relay?"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Deploys an edge relay function to Vercel. All AI provider requests will be forwarded through Vercel's edge network, masking your real IP from providers."}),e.jsxs("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[e.jsx("li",{children:"Your IP is replaced by Vercel's dynamic edge IPs (hundreds of IPs across 20+ global regions)"}),e.jsx("li",{children:"Vercel serves millions of apps — providers can't block Vercel IPs without affecting legitimate traffic"}),e.jsx("li",{children:"Free tier: 100GB bandwidth/month, 500K edge invocations"}),e.jsx("li",{children:"Deploy multiple relays on different accounts for more IP diversity"})]})]}),e.jsx(y,{label:"Vercel API Token",value:F.vercelToken,onChange:t=>Z(s=>({...s,vercelToken:t.target.value})),placeholder:"your-vercel-api-token",hint:e.jsxs(e.Fragment,{children:["Token is used once for deployment and not stored. ",e.jsx("a",{href:"https://vercel.com/account/tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),e.jsx(y,{label:"Project Name",value:F.projectName,onChange:t=>Z(s=>({...s,projectName:t.target.value})),placeholder:"my-relay",hint:"Unique name for your Vercel project. Leave empty for auto-generated name."}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[e.jsx(i,{fullWidth:!0,onClick:Ye,disabled:!F.vercelToken.trim()||p,children:p?"Deploying... (may take ~1 min)":"Deploy"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:le,disabled:p,children:"Cancel"})]})]})}),e.jsx(I,{isOpen:Ue,title:"Deploy Cloudflare Relay",onClose:ae,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rounded-lg bg-orange-500/5 border border-orange-500/10 p-3 flex flex-col gap-1.5",children:[e.jsx("p",{className:"text-sm text-text-main font-medium",children:"What is Cloudflare Relay?"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Deploys a Cloudflare Worker as a proxy relay. All AI provider requests will be forwarded through Cloudflare's global edge network."}),e.jsxs("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[e.jsx("li",{children:"High performance global routing and IP masking via Cloudflare Workers"}),e.jsx("li",{children:"Free tier: 100,000 requests per day"}),e.jsx("li",{children:"Requires Cloudflare Account ID and a Workers API Token (Edit Workers permission)"})]}),e.jsxs("div",{className:"mt-2 pt-2 border-t border-orange-500/10 text-xs text-text-muted",children:[e.jsx("p",{className:"font-medium text-text-main mb-1",children:"How to generate your API Token:"}),e.jsxs("ol",{className:"list-decimal pl-4 space-y-0.5",children:[e.jsxs("li",{children:["Go to ",e.jsx("b",{children:"My Profile"})," → ",e.jsx("b",{children:"API Tokens"})," → ",e.jsx("b",{children:"Create Token"})]}),e.jsxs("li",{children:["Scroll down to ",e.jsx("b",{children:"Custom Token"})," and click ",e.jsx("b",{children:"Get started"})]}),e.jsxs("li",{children:["Under ",e.jsx("b",{children:"Permissions"}),": Account | Workers Scripts | Edit"]}),e.jsxs("li",{children:["Under ",e.jsx("b",{children:"Account Resources"}),": Include | Account | ",e.jsx("i",{children:"Your Account Name"})]}),e.jsxs("li",{children:["Click ",e.jsx("b",{children:"Continue to summary"})," → ",e.jsx("b",{children:"Create Token"})]})]})]})]}),e.jsx(y,{label:"Account ID",value:j.accountId,onChange:t=>_(s=>({...s,accountId:t.target.value})),placeholder:"your-cloudflare-account-id",hint:e.jsx(e.Fragment,{children:"Found on the right side of the Cloudflare dashboard overview page."})}),e.jsx(y,{label:"API Token",value:j.apiToken,onChange:t=>_(s=>({...s,apiToken:t.target.value})),placeholder:"your-cloudflare-api-token",hint:e.jsxs(e.Fragment,{children:['Requires "Workers Scripts: Edit" permission. ',e.jsx("a",{href:"https://dash.cloudflare.com/profile/api-tokens",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"Get token →"})]}),type:"password"}),e.jsx(y,{label:"Worker Name",value:j.projectName,onChange:t=>_(s=>({...s,projectName:t.target.value})),placeholder:"my-relay",hint:"Unique name for your Cloudflare Worker. Leave empty for auto-generated name."}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[e.jsx(i,{fullWidth:!0,onClick:Ke,disabled:!j.accountId.trim()||!j.apiToken.trim()||p,children:p?"Deploying...":"Deploy Worker"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:ae,disabled:p,children:"Cancel"})]})]})}),e.jsx(I,{isOpen:Oe,title:"Deploy Deno Relay",onClose:ne,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rounded-lg bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 p-3 flex flex-col gap-1.5",children:[e.jsx("p",{className:"text-sm text-text-main font-medium",children:"What is Deno Relay?"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Deploys a relay worker to Deno Deploy's global edge network. All AI provider requests are forwarded through Deno's edge, masking your real IP."}),e.jsxs("ul",{className:"text-xs text-text-muted list-disc pl-4 space-y-0.5",children:[e.jsx("li",{children:"Deno Deploy v2 runs on a high-performance global edge network"}),e.jsx("li",{children:"Free tier: 1M requests & 100GiB outbound traffic per month"}),e.jsx("li",{children:"No per-request CPU time limits (unlike Vercel/Cloudflare)"}),e.jsx("li",{children:"Support up to 20 active apps & 50 custom domains"}),e.jsx("li",{children:"Deploy multiple relays for maximum IP diversity"})]}),e.jsxs("div",{className:"mt-2 pt-2 border-t border-black/10 dark:border-white/10 text-xs text-text-muted",children:[e.jsx("p",{className:"font-medium text-text-main mb-1",children:"How to generate API token:"}),e.jsxs("ol",{className:"list-decimal pl-4 space-y-0.5",children:[e.jsxs("li",{children:["Go to ",e.jsx("b",{children:"console.deno.com"})]}),e.jsxs("li",{children:["Select your ",e.jsx("b",{children:"Organization"})," → ",e.jsx("b",{children:"Settings"})," → ",e.jsx("b",{children:"Organization Tokens"})]}),e.jsxs("li",{children:["Create a ",e.jsx("b",{children:"Organization Token"})," (prefix ",e.jsx("b",{children:"ddo_"}),")"]})]})]})]}),e.jsx(y,{label:"Deno Deploy API Token",value:N.denoToken,onChange:t=>q(s=>({...s,denoToken:t.target.value})),placeholder:"ddo_xxxxxxxxxxxxxxxx",hint:e.jsx(e.Fragment,{children:"Token is used once for deployment, not stored. Found in Organization Settings."}),type:"password"}),e.jsx(y,{label:"Organization Domain",value:N.orgDomain,onChange:t=>q(s=>({...s,orgDomain:t.target.value})),placeholder:"your-org.deno.net",hint:"Organization's default domain. Your relay URL will be in the format: https://my-relay.your-org.deno.net"}),e.jsx(y,{label:"App Name",value:N.projectName,onChange:t=>q(s=>({...s,projectName:t.target.value})),placeholder:"deno-relay",hint:"Unique app name. Leave empty for auto-generated name."}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[e.jsx(i,{fullWidth:!0,onClick:Qe,disabled:!N.denoToken.trim()||!N.orgDomain.trim()||p,children:p?"Deploying...":"Deploy Relay"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:ne,disabled:p,children:"Cancel"})]})]})}),e.jsx(I,{isOpen:Ae,title:V?"Edit Proxy Pool":"Add Proxy Pool",onClose:re,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(y,{label:"Name",value:u.name,onChange:t=>C(s=>({...s,name:t.target.value})),placeholder:"Office Proxy"}),e.jsx(y,{label:"Proxy URL",value:u.proxyUrl,onChange:t=>C(s=>({...s,proxyUrl:t.target.value})),placeholder:"http://127.0.0.1:7897"}),e.jsx(y,{label:"No Proxy",value:u.noProxy,onChange:t=>C(s=>({...s,noProxy:t.target.value})),placeholder:"localhost,127.0.0.1,.internal",hint:"Comma-separated hosts/domains to bypass proxy"}),e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-sm",children:"Active"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Inactive pools are ignored by runtime resolution."})]}),e.jsx(ie,{checked:u.isActive===!0,onChange:()=>C(t=>({...t,isActive:!t.isActive})),disabled:R})]}),e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-border/50 p-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-sm",children:"Strict Proxy"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Fail request if proxy is unreachable instead of falling back to direct."})]}),e.jsx(ie,{checked:u.strictProxy===!0,onChange:()=>C(t=>({...t,strictProxy:!t.strictProxy})),disabled:R})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:[e.jsx(i,{fullWidth:!0,onClick:Fe,disabled:!u.name.trim()||!u.proxyUrl.trim()||R,children:R?"Saving...":"Save"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:re,disabled:R,children:"Cancel"})]})]})}),e.jsxs(Pe,{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Proxy Combos"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Round-robin rotation across multiple pools"})]}),e.jsx(i,{size:"sm",icon:"add",onClick:()=>{Y(null),B(""),L([]),A(!0)},children:"Add Combo"})]}),x.length===0?e.jsx("p",{className:"text-sm text-text-muted py-4 text-center",children:"No combos yet. Create one to rotate proxies automatically."}):e.jsx("div",{className:"space-y-2",children:x.map(t=>e.jsxs("div",{className:"flex items-center justify-between p-3 rounded-lg border border-border-subtle bg-surface hover:bg-surface/50",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"font-medium text-sm text-text-main",children:t.name}),e.jsx("p",{className:"text-xs text-text-muted mt-0.5",children:(t.poolIds||[]).map((s,r)=>e.jsxs("span",{children:[r>0?" → ":"",rt(s)]},s))})]}),e.jsxs("div",{className:"flex items-center gap-2 ml-3",children:[e.jsxs(k,{variant:"success",size:"sm",children:[(t.poolIds||[]).length," pools"]}),e.jsx("button",{onClick:()=>{Y(t),B(t.name),L(t.poolIds||[]),A(!0)},className:"text-xs text-brand-400 hover:text-brand-300 cursor-pointer",children:"Edit"}),e.jsx("button",{onClick:()=>st(t.id),className:"text-xs text-red-400 hover:text-red-300 cursor-pointer",children:"Delete"})]})]},t.id))})]}),e.jsx(I,{isOpen:De,onClose:()=>A(!1),title:E?"Edit Combo":"Create Proxy Combo",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-text-muted block mb-1",children:"Combo Name"}),e.jsx(y,{value:$,onChange:t=>B(t.target.value),placeholder:"e.g. Free Proxy Round Robin"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-medium text-text-muted block mb-2",children:"Select Pools (click to toggle)"}),e.jsx("div",{className:"max-h-48 overflow-y-auto space-y-1 rounded-lg border border-border-subtle p-2",children:c.map(t=>e.jsxs("label",{className:`flex items-center gap-2 p-2 rounded cursor-pointer text-sm transition-colors ${b.includes(t.id)?"bg-primary/10 text-primary":"hover:bg-surface-2 text-text-main"}`,children:[e.jsx("input",{type:"checkbox",checked:b.includes(t.id),onChange:s=>{L(s.target.checked?[...b,t.id]:b.filter(r=>r!==t.id))},className:"rounded"}),t.name]},t.id))})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(i,{fullWidth:!0,onClick:tt,disabled:!$.trim()||b.length===0,children:E?"Save Changes":"Create Combo"}),e.jsx(i,{fullWidth:!0,variant:"ghost",onClick:()=>A(!1),children:"Cancel"})]})]})}),e.jsx(lt,{isOpen:!!g,onClose:()=>w(null),onConfirm:g==null?void 0:g.onConfirm,title:(g==null?void 0:g.title)||"Confirm",message:g==null?void 0:g.message,variant:"danger"})]})}export{ht as default};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{j as e,f as l,B as N,g as Ve,M as tt,u as _s,O as gt,A as bt,F as et,c as Ht,W as Fs,h as Ks,i as zs,k as qs,l as Vs,T as Bs,C as Qt,t as Ee}from"./index.DAEHkWvS.js";import{b as i,h as Gs,d as Js,L as Yt}from"./router.Cjj1--8t.js";import{B as Ue,T as st,I as ce,S as yt,C as Ne,N as Ws,K as Hs,a as Qs,G as Ys,O as Xs,b as Zs,E as ea}from"./NoAuthProxyCard.D1e90xgk.js";import{L as ta,C as Xt}from"./Loading.CjQLhSfR.js";import"./zustand.akaTi5uX.js";const sa=600*1e3,Zt=new Map;async function aa(n){if(!(n!=null&&n.url)||!(n!=null&&n.type))return[];const c=Zt.get(n.url);if(c&&Date.now()<c.expiresAt)return c.data;try{const a=new URLSearchParams({url:n.url,type:n.type}),d=await fetch(`/api/providers/suggested-models?${a}`);if(!d.ok)return[];const u=(await d.json()).data??[];return Zt.set(n.url,{data:u,expiresAt:Date.now()+sa}),u}catch{return[]}}function vt({model:n,fullModel:c,alias:a,copied:d,onCopy:x,testStatus:u,isCustom:f,isFree:h,onDeleteAlias:o,onTest:b,isTesting:S,onDisable:C}){const R=u==="ok"?"border-green-500/40":u==="error"?"border-red-500/40":"border-border",L=u==="ok"?"#22c55e":u==="error"?"#ef4444":void 0;return e.jsx("div",{className:`group min-w-0 max-w-full rounded-lg border px-3 py-2 ${R} hover:bg-sidebar/50`,children:e.jsxs("div",{className:"flex min-w-0 items-start gap-2 sm:items-center",children:[e.jsx("span",{className:"material-symbols-outlined shrink-0 text-base",style:L?{color:L}:void 0,children:u==="ok"?"check_circle":u==="error"?"cancel":"smart_toy"}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[e.jsx("code",{className:"max-w-[72vw] truncate rounded bg-sidebar px-1.5 py-0.5 font-mono text-xs text-text-muted sm:max-w-[360px]",children:c}),n.name&&e.jsx("span",{className:"truncate pl-1 text-[9px] italic text-text-muted/70",children:n.name})]}),b&&e.jsxs("div",{className:"relative shrink-0 group/btn",children:[e.jsx("button",{onClick:b,disabled:S,className:`rounded p-0.5 text-text-muted transition-opacity hover:bg-sidebar hover:text-primary ${S?"opacity-100":"opacity-100 sm:opacity-0 sm:group-hover:opacity-100"}`,children:e.jsx("span",{className:"material-symbols-outlined text-sm",style:S?{animation:"spin 1s linear infinite"}:void 0,children:S?"progress_activity":"science"})}),e.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?"Testing...":"Test"})]}),e.jsxs("div",{className:"relative shrink-0 group/btn",children:[e.jsx("button",{onClick:()=>x(c,`model-${n.id}`),className:"rounded p-0.5 text-text-muted hover:bg-sidebar hover:text-primary",children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:d===`model-${n.id}`?"check":"content_copy"})}),e.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:d===`model-${n.id}`?"Copied!":"Copy"})]}),f?e.jsx("button",{onClick:o,className:"ml-auto rounded p-0.5 text-text-muted opacity-100 transition-opacity hover:bg-red-500/10 hover:text-red-500 sm:opacity-0 sm:group-hover:opacity-100",title:"Remove custom model",children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:"close"})}):C?e.jsx("button",{onClick:C,className:"ml-auto rounded p-0.5 text-text-muted opacity-100 transition-opacity hover:bg-red-500/10 hover:text-red-500 sm:opacity-0 sm:group-hover:opacity-100",title:"Disable this model",children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:"close"})}):null]})})}vt.propTypes={model:l.shape({id:l.string.isRequired}).isRequired,fullModel:l.string.isRequired,alias:l.string,copied:l.string,onCopy:l.func.isRequired,testStatus:l.oneOf(["ok","error"]),isCustom:l.bool,isFree:l.bool,onDeleteAlias:l.func,onTest:l.func,isTesting:l.bool,onDisable:l.func};l.string.isRequired,l.string.isRequired,l.string,l.func.isRequired,l.func.isRequired,l.func,l.oneOf(["ok","error"]),l.bool;l.string.isRequired,l.object.isRequired,l.string,l.func.isRequired,l.func.isRequired,l.func.isRequired;function la({modelId:n,fullModel:c,copied:a,onCopy:d,onDeleteAlias:x,onTest:u,testStatus:f,isTesting:h}){const o=f==="ok"?"border-green-500/40":f==="error"?"border-red-500/40":"border-border",b=f==="ok"?"#22c55e":f==="error"?"#ef4444":void 0;return e.jsxs("div",{className:`flex items-center gap-3 p-3 rounded-lg border ${o} hover:bg-sidebar/50`,children:[e.jsx("span",{className:"material-symbols-outlined text-base text-text-muted",style:b?{color:b}:void 0,children:f==="ok"?"check_circle":f==="error"?"cancel":"smart_toy"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium truncate",children:n}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[e.jsx("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:c}),e.jsxs("div",{className:"relative group/btn",children:[e.jsx("button",{onClick:()=>d(c,`model-${n}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:a===`model-${n}`?"check":"content_copy"})}),e.jsx("span",{className:"pointer-events-none absolute top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:a===`model-${n}`?"Copied!":"Copy"})]}),u&&e.jsxs("div",{className:"relative group/btn",children:[e.jsx("button",{onClick:u,disabled:h,className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-colors",children:e.jsx("span",{className:"material-symbols-outlined text-sm",style:h?{animation:"spin 1s linear infinite"}:void 0,children:h?"progress_activity":"science"})}),e.jsx("span",{className:"pointer-events-none absolute 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:h?"Testing...":"Test"})]})]})]}),e.jsx("button",{onClick:x,className:"p-1 hover:bg-red-50 rounded text-red-500",title:"Remove model",children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:"delete"})})]})}function ls({providerStorageAlias:n,providerDisplayAlias:c,modelAliases:a,copied:d,onCopy:x,onSetAlias:u,onDeleteAlias:f,connections:h,isAnthropic:o}){const[b,S]=i.useState(""),[C,R]=i.useState(!1),[L,U]=i.useState(!1),[F,J]=i.useState(null),[X,E]=i.useState({}),Z=async y=>{if(!F){J(y);try{const B=await(await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${n}/${y}`})})).json();E(te=>({...te,[y]:B.ok?"ok":"error"}))}catch{E($=>({...$,[y]:"error"}))}finally{J(null)}}},O=Object.entries(a).filter(([,y])=>y.startsWith(`${n}/`)).map(([y,$])=>({modelId:$.replace(`${n}/`,""),fullModel:$,alias:y})),P=y=>{const $=y.split("/");return $[$.length-1]},g=y=>{const $=`${n}/${y}`;if(Object.values(a).includes($))return null;const B=P(y);if(!a[B])return B;const te=`${c}-${B}`;return a[te]?null:te},_=async()=>{if(!b.trim()||C)return;const y=b.trim(),$=g(y);if(!$){alert("All suggested aliases already exist. Please choose a different model or remove conflicting aliases.");return}R(!0);try{await u(y,$,n),S("")}catch(B){console.log("Error adding model:",B)}finally{R(!1)}},z=async()=>{if(L)return;const y=h.find($=>$.isActive!==!1);if(y){U(!0);try{const $=await fetch(`/api/providers/${y.id}/models`),B=await $.json();if(!$.ok){alert(B.error||"Failed to import models");return}const te=B.models||[];if(te.length===0){alert("No models returned from /models.");return}let ie=0;for(const ne of te){const se=ne.id||ne.name||ne.model;if(!se)continue;const K=g(se);K&&(await u(se,K,n),ie+=1)}ie===0&&alert("No new models were added.")}catch($){console.log("Error importing models:",$)}finally{U(!1)}}},ee=h.some(y=>y.isActive!==!1);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("p",{className:"text-sm text-text-muted",children:["Add ",o?"Anthropic":"OpenAI","-compatible models manually or import them from the /models endpoint."]}),e.jsxs("div",{className:"flex items-end gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex-1 min-w-[240px]",children:[e.jsx("label",{htmlFor:"new-compatible-model-input",className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),e.jsx("input",{id:"new-compatible-model-input",type:"text",value:b,onChange:y=>S(y.target.value),onKeyDown:y=>y.key==="Enter"&&_(),placeholder:o?"claude-3-opus-20240229":"gpt-4o",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})]}),e.jsx(N,{size:"sm",icon:"add",onClick:_,disabled:!b.trim()||C,children:C?"Adding...":"Add"}),e.jsx(N,{size:"sm",variant:"secondary",icon:"download",onClick:z,disabled:!ee||L,children:L?"Importing...":"Import from /models"})]}),!ee&&e.jsx("p",{className:"text-xs text-text-muted",children:"Add a connection to enable importing models."}),O.length>0&&e.jsx("div",{className:"flex flex-col gap-3",children:O.map(({modelId:y,fullModel:$,alias:B})=>e.jsx(la,{modelId:y,fullModel:`${c}/${y}`,copied:d,onCopy:x,onDeleteAlias:()=>f(B),onTest:h.length>0?()=>Z(y):void 0,testStatus:X[y],isTesting:F===y},$))})]})}ls.propTypes={providerStorageAlias:l.string.isRequired,providerDisplayAlias:l.string.isRequired,modelAliases:l.object.isRequired,copied:l.string,onCopy:l.func.isRequired,onSetAlias:l.func.isRequired,onDeleteAlias:l.func.isRequired,connections:l.arrayOf(l.shape({id:l.string,isActive:l.bool})).isRequired,isAnthropic:l.bool};function rs({until:n}){const[c,a]=i.useState("");return i.useEffect(()=>{const d=()=>{const u=new Date(n).getTime()-Date.now();if(u<=0){a("");return}const f=Math.floor(u/1e3);if(f<60)a(`${f}s`);else if(f<3600)a(`${Math.floor(f/60)}m ${f%60}s`);else{const h=Math.floor(f/3600),o=Math.floor(f%3600/60);a(`${h}h ${o}m`)}};d();const x=setInterval(d,1e3);return()=>clearInterval(x)},[n]),c?e.jsxs("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",c]}):null}rs.propTypes={until:l.string.isRequired};function is({connection:n,proxyPools:c,isOAuth:a,isFirst:d,isLast:x,onMoveUp:u,onMoveDown:f,onToggleActive:h,onUpdateProxy:o,onEdit:b,onDelete:S,oneByOneStatus:C=null,isSelected:R,onSelect:L}){var pe,we,Ae,Me,ge,me,Ce;const[U,F]=i.useState(!1),[J,X]=i.useState(!1),E=i.useRef(null),Z=new Map((c||[]).map(T=>[T.id,T])),A=((pe=n.providerSpecificData)==null?void 0:pe.proxyPoolId)||null,O=A?Z.get(A):null,P=((we=n.providerSpecificData)==null?void 0:we.connectionProxyEnabled)===!0&&!!((Ae=n.providerSpecificData)!=null&&Ae.connectionProxyUrl),g=!!A||P,_=O?`Pool: ${O.name}`:A?`Pool: ${A} (inactive/missing)`:P?`Legacy: ${(Me=n.providerSpecificData)==null?void 0:Me.connectionProxyUrl}`:"";let z="";if(O!=null&&O.proxyUrl||(ge=n.providerSpecificData)!=null&&ge.connectionProxyUrl){const T=(O==null?void 0:O.proxyUrl)||((me=n.providerSpecificData)==null?void 0:me.connectionProxyUrl);try{const le=new URL(T);z=`${le.protocol}//${le.hostname}${le.port?`:${le.port}`:""}`}catch{z=T}}const ee=(O==null?void 0:O.noProxy)||((Ce=n.providerSpecificData)==null?void 0:Ce.connectionNoProxy)||"";let y="default";(O==null?void 0:O.isActive)===!0?y="success":(A||P)&&(y="error"),i.useEffect(()=>{if(!U)return;const T=le=>{E.current&&!E.current.contains(le.target)&&F(!1)};return document.addEventListener("mousedown",T),()=>document.removeEventListener("mousedown",T)},[U]);const $=async T=>{X(!0);try{await o(T==="__none__"?null:T)}finally{X(!1),F(!1)}},B=n.authType||(a?"oauth":"apikey"),te=B==="oauth",ie=B==="cookie",ne=ie?"cookie":te?"lock":"key",se=te?"OAuth":ie?"Cookie":"API Key",K=T=>typeof T=="string"&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(T),Q=te?K(n.email)?n.email:K(n.name)?n.name:n.name||n.email||n.displayName||"OAuth Account":n.name||n.email||n.displayName||"API Key",[oe,ue]=i.useState(!1),fe=Object.entries(n).filter(([T])=>T.startsWith("modelLock_")).map(([,T])=>T).filter(T=>!!T).sort()[0]||null;i.useEffect(()=>{const T=()=>{const v=Object.entries(n).filter(([Y])=>Y.startsWith("modelLock_")).map(([,Y])=>Y).filter(Y=>Y&&new Date(Y).getTime()>Date.now()).sort()[0]||null;ue(!!v)};T();const le=fe?setInterval(T,1e3):null;return()=>{le&&clearInterval(le)}},[fe]);const W=n.testStatus==="unavailable"&&!oe?"active":n.testStatus,be=()=>n.isActive===!1?"default":W==="active"||W==="success"?"success":W==="error"||W==="expired"||W==="unavailable"?"error":"default",ke=()=>C?C.state==="success"?"success":C.state==="failed"?"error":C.state==="testing"?"primary":"default":"default",ye=()=>C?C.state==="queued"?"queued":C.state==="testing"?"testing":C.state==="success"?"success":C.state==="failed"?C.error?`failed: ${C.error}`:"failed":null:null;return e.jsxs("div",{className:`group flex min-w-0 flex-col gap-3 rounded-lg p-2 transition-colors hover:bg-black/[0.02] dark:hover:bg-white/[0.02] sm:flex-row sm:items-center sm:justify-between ${n.isActive===!1?"opacity-60":""}`,children:[e.jsxs("div",{className:"flex min-w-0 flex-1 items-start gap-2 sm:items-center sm:gap-3",children:[L&&e.jsx("input",{type:"checkbox",checked:R,onChange:L,className:"mt-1 sm:mt-0 h-4 w-4 shrink-0 rounded border-black/20 text-primary focus:ring-primary dark:border-white/20 dark:bg-black"}),e.jsxs("div",{className:"flex shrink-0 flex-col",children:[e.jsx("button",{onClick:u,disabled:d,className:`p-0.5 rounded ${d?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),e.jsx("button",{onClick:f,disabled:x,className:`p-0.5 rounded ${x?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:e.jsx("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),e.jsx("span",{className:"material-symbols-outlined shrink-0 text-base text-text-muted",children:ne}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium truncate",children:Q}),e.jsxs("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1.5 sm:gap-2",children:[e.jsx(Ue,{variant:be(),size:"sm",dot:!0,children:n.isActive===!1?"disabled":W||"Unknown"}),e.jsx(Ue,{variant:"default",size:"sm",children:se}),g&&e.jsx(Ue,{variant:y,size:"sm",children:"Proxy"}),oe&&n.isActive!==!1&&e.jsx(rs,{until:fe}),n.lastError&&n.isActive!==!1&&e.jsx("span",{className:"max-w-full truncate text-xs text-red-500 sm:max-w-[300px]",title:n.lastError,children:n.lastError}),e.jsxs("span",{className:"text-xs text-text-muted",children:["#",n.priority]}),n.globalPriority&&e.jsxs("span",{className:"text-xs text-text-muted",children:["Auto: ",n.globalPriority]}),ye()&&e.jsx(Ue,{variant:ke(),size:"sm",children:ye()})]}),g&&e.jsxs("div",{className:"mt-1 flex items-center gap-2 flex-wrap",children:[e.jsx("span",{className:"max-w-full truncate text-[11px] text-text-muted sm:max-w-[420px]",title:_,children:_}),z&&e.jsx("code",{className:"max-w-full truncate rounded bg-black/5 px-1 py-0.5 font-mono text-[10px] text-text-muted dark:bg-white/5 sm:max-w-[260px]",children:z}),ee&&e.jsxs("span",{className:"max-w-full truncate text-[11px] text-text-muted sm:max-w-[320px]",title:ee,children:["no_proxy: ",ee]})]})]})]}),e.jsxs("div",{className:"flex w-full items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[e.jsxs("div",{className:"grid flex-1 grid-cols-3 gap-1 sm:flex sm:flex-none",children:[(c||[]).length>0&&e.jsxs("div",{className:"relative",ref:E,children:[e.jsxs("button",{onClick:()=>F(T=>!T),className:`flex w-full flex-col items-center rounded px-2 py-1 transition-colors hover:bg-black/5 dark:hover:bg-white/5 ${g?"text-primary":"text-text-muted hover:text-primary"}`,disabled:J,children:[e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:J?"progress_activity":"lan"}),e.jsx("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),U&&e.jsxs("div",{className:"absolute right-0 top-full z-50 mt-1 max-w-[78vw] min-w-[160px] rounded-lg border border-border bg-bg py-1 shadow-lg",children:[e.jsx("button",{onClick:()=>$("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${A?"text-text-main":"text-primary font-medium"}`,children:"None"}),(c||[]).map(T=>e.jsx("button",{onClick:()=>$(T.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${A===T.id?"text-primary font-medium":"text-text-main"}`,children:T.name},T.id))]})]}),e.jsxs("button",{onClick:b,className:"flex flex-col items-center rounded px-2 py-1 text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",children:[e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),e.jsx("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),e.jsxs("button",{onClick:S,className:"flex flex-col items-center rounded px-2 py-1 text-red-500 hover:bg-red-500/10",children:[e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),e.jsx("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),e.jsx(st,{size:"sm",checked:n.isActive??!0,onChange:h,title:n.isActive??!0?"Disable connection":"Enable connection"})]})]})}is.propTypes={connection:l.shape({id:l.string,name:l.string,email:l.string,displayName:l.string,modelLockUntil:l.string,testStatus:l.string,isActive:l.bool,lastError:l.string,priority:l.number,globalPriority:l.number}).isRequired,proxyPools:l.arrayOf(l.shape({id:l.string,name:l.string,proxyUrl:l.string,noProxy:l.string,isActive:l.bool})),isOAuth:l.bool.isRequired,isFirst:l.bool.isRequired,isLast:l.bool.isRequired,onMoveUp:l.func.isRequired,onMoveDown:l.func.isRequired,onToggleActive:l.func.isRequired,onUpdateProxy:l.func,onEdit:l.func.isRequired,onDelete:l.func.isRequired,oneByOneStatus:l.shape({state:l.string,error:l.string}),isSelected:l.bool,onSelect:l.func};const ra=`name1|sk-key1
|
|
2
|
+
name2|sk-key2
|
|
3
|
+
sk-key-only-auto-named`;function ns({isOpen:n,provider:c,providerName:a,isCompatible:d,isAnthropic:x,authType:u,authHint:f,website:h,proxyPools:o,error:b,onSave:S,onBulkDone:C,onClose:R}){var ge,me,Ce,T,le;const L="__none__",U=c==="ollama-local",F=u==="cookie",J=c==="xai"&&!F,X=F?"Cookie Value":"API Key",E=F?c==="grok-web"?"sso=xxxxx... or just the raw value":"eyJhbGciOi...":J?"xai-...":"",Z=c==="azure",A=c==="cloudflare-ai",O=((me=(ge=Ve)==null?void 0:ge[c])==null?void 0:me.regions)||null,P=((T=(Ce=Ve)==null?void 0:Ce[c])==null?void 0:T.defaultRegion)||((le=O==null?void 0:O[0])==null?void 0:le.id)||"",[g,_]=i.useState({name:"",apiKey:"",email:"",defaultModel:"",priority:1,proxyPoolId:L,ollamaHostUrl:""}),[z,ee]=i.useState({azureEndpoint:"",apiVersion:"2024-10-01-preview",deployment:"",organization:""}),[y,$]=i.useState({accountId:""}),[B,te]=i.useState(P),[ie,ne]=i.useState(!1),[se,K]=i.useState(null),[Q,oe]=i.useState(!1),[ue,fe]=i.useState("single"),[W,be]=i.useState(""),[ke,ye]=i.useState(null),pe=()=>{if(U&&g.ollamaHostUrl.trim())return{baseUrl:g.ollamaHostUrl.trim()};if(Z)return{azureEndpoint:z.azureEndpoint,apiVersion:z.apiVersion,deployment:z.deployment,organization:z.organization};if(A)return{accountId:y.accountId};if(O&&B)return{region:B}},we=async()=>{ne(!0);try{const Y=await(await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:c,apiKey:g.apiKey,providerSpecificData:pe()})})).json();K(Y.valid?"success":"failed")}catch{K("failed")}finally{ne(!1)}},Ae=async()=>{if(c&&!(!U&&!g.apiKey)&&!(!U&&!g.name)&&!(d&&!g.defaultModel.trim())){oe(!0);try{let v=!1;try{ne(!0),K(null),v=!!(await(await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:c,apiKey:g.apiKey,providerSpecificData:pe()})})).json()).valid,K(v?"success":"failed")}catch{K("failed")}finally{ne(!1)}await S({name:g.name||(U?"Ollama Local":""),apiKey:g.apiKey,email:c==="codebuddy"?g.email:void 0,defaultModel:d?g.defaultModel.trim():void 0,priority:g.priority,proxyPoolId:g.proxyPoolId===L?null:g.proxyPoolId,testStatus:v?"active":"unknown",providerSpecificData:pe()})}finally{oe(!1)}}},Me=async()=>{const v=W.split(`
|
|
4
|
+
`).map(s=>s.trim()).filter(Boolean);if(!v.length)return;oe(!0),ye(null);let Y=0,Re=0;for(let s=0;s<v.length;s++){const m=v[s];let k="",G="",xe="";if(c==="codebuddy"){const q=m.includes("|")?m.split("|"):m.split(":");q.length>=2?q.length===3?(xe=q[0].trim(),G=q[1].trim(),k=q[2].trim()):(G=q[0].trim(),k=q[1].trim(),xe=G):(k=q[0].trim(),xe=`Key ${s+1}`)}else{const q=m.split("|");k=q.length>=2?q.slice(1).join("|").trim():q[0].trim(),xe=`${q.length>=2?q[0].trim():"Key"} ${s+1}`}try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:c,apiKey:k,email:G||void 0,name:xe,priority:1,testStatus:"unknown"})})).ok?Y++:Re++}catch{Re++}}oe(!1),ye({success:Y,failed:Re}),Y>0&&C&&C()};return c?e.jsx(tt,{isOpen:n,title:`Add ${a||c} ${X}`,onClose:R,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{size:"sm",variant:ue==="single"?"primary":"ghost",onClick:()=>{fe("single"),ye(null)},children:"Single"}),e.jsx(N,{size:"sm",variant:ue==="bulk"?"primary":"ghost",onClick:()=>{fe("bulk"),ye(null)},children:"Bulk Add"})]}),ue==="bulk"&&e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("p",{className:"text-xs text-text-muted",children:c==="codebuddy"?e.jsxs(e.Fragment,{children:["One key per line. Format: ",e.jsx("code",{children:"email:apiKey"})," or ",e.jsx("code",{children:"name|email|apiKey"}),"."]}):e.jsxs(e.Fragment,{children:["One key per line. Format: ",e.jsx("code",{children:"name|apiKey"})," or just ",e.jsx("code",{children:"apiKey"})," (auto-named by index)."]})}),e.jsx("textarea",{className:"w-full rounded border border-accent/30 bg-sidebar p-2 text-sm font-mono resize-y min-h-[140px] focus:outline-none focus:ring-1 focus:ring-primary",placeholder:ra,value:W,onChange:v=>be(v.target.value)}),ke&&e.jsxs("div",{className:`text-sm font-medium ${ke.failed>0?"text-yellow-400":"text-green-400"}`,children:["✓ ",ke.success," added",ke.failed>0?`, ✗ ${ke.failed} failed`:""]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{onClick:Me,fullWidth:!0,disabled:Q||!W.trim(),children:Q?"Adding...":"Add All Keys"}),e.jsx(N,{onClick:R,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),ue==="single"&&e.jsxs(e.Fragment,{children:[c==="codebuddy"&&e.jsx(ce,{label:"Email / Account ID",value:g.email,onChange:v=>_({...g,email:v.target.value}),placeholder:"your-codebuddy-email@example.com"}),e.jsx(ce,{label:"Name",value:g.name,onChange:v=>_({...g,name:v.target.value}),placeholder:U?"Ollama Local":"Production Key"}),U&&e.jsxs("div",{className:"flex gap-2",children:[e.jsx(ce,{label:"Ollama Host URL",value:g.ollamaHostUrl,onChange:v=>_({...g,ollamaHostUrl:v.target.value}),placeholder:"http://localhost:11434",className:"flex-1"}),e.jsx("div",{className:"pt-6",children:e.jsx(N,{onClick:we,disabled:ie||Q,variant:"secondary",children:ie?"Checking...":"Check"})})]}),!U&&e.jsxs("div",{className:"flex gap-2",children:[e.jsx(ce,{label:X,type:F?"text":"password",value:g.apiKey,onChange:v=>_({...g,apiKey:v.target.value}),placeholder:E,className:"flex-1"}),e.jsx("div",{className:"pt-6",children:e.jsx(N,{onClick:we,disabled:!g.apiKey||ie||Q,variant:"secondary",children:ie?"Checking...":"Check"})})]}),J&&e.jsx("p",{className:"text-xs text-text-muted",children:"Use a direct xAI API key from console.x.ai. This is separate from Grok Build OAuth."}),F&&f&&e.jsxs("p",{className:"text-xs text-text-muted",children:[f,h&&e.jsxs(e.Fragment,{children:[" ",e.jsxs("a",{href:h,target:"_blank",rel:"noopener noreferrer",className:"text-primary underline",children:["Open ",h.replace(/^https?:\/\//,"")]})]})]}),O&&e.jsx(yt,{label:"Region",value:B,onChange:v=>te(v.target.value),options:O.map(v=>({value:v.id,label:v.label}))}),d&&e.jsx(ce,{label:"Default Model",value:g.defaultModel,onChange:v=>_({...g,defaultModel:v.target.value}),placeholder:x?"claude-3-5-sonnet-latest":"gpt-4o-mini"}),U&&e.jsxs("p",{className:"text-xs text-text-muted",children:["Leave blank to use ",e.jsx("code",{children:"http://localhost:11434"}),". For remote Ollama, enter the full host URL (e.g. ",e.jsx("code",{children:"http://192.168.1.10:11434"}),")."]}),se&&e.jsx(Ue,{variant:se==="success"?"success":"error",children:se==="success"?"Valid":"Invalid"}),b&&e.jsx("p",{className:"text-xs text-red-500 break-words",children:b}),d&&e.jsx("p",{className:"text-xs text-text-muted",children:"Enter the model ID exactly as your compatible endpoint expects it. This model will be saved as the connection default."}),A&&e.jsxs("div",{className:"bg-sidebar/50 p-4 rounded-lg border border-accent/20",children:[e.jsx("h3",{className:"font-semibold mb-3 text-sm",children:"Cloudflare Workers AI"}),e.jsx(ce,{label:"Account ID",value:y.accountId,onChange:v=>$({...y,accountId:v.target.value}),placeholder:"abc123def456..."}),e.jsxs("p",{className:"text-xs text-text-muted mt-2",children:["Find your Account ID in the right sidebar of ",e.jsx("a",{href:"https://dash.cloudflare.com",target:"_blank",rel:"noopener noreferrer",className:"text-primary underline",children:"dash.cloudflare.com"})]})]}),Z&&e.jsxs("div",{className:"bg-sidebar/50 p-4 rounded-lg border border-accent/20",children:[e.jsx("h3",{className:"font-semibold mb-3 text-sm",children:"Azure OpenAI Configuration"}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ce,{label:"Azure Endpoint",value:z.azureEndpoint,onChange:v=>ee({...z,azureEndpoint:v.target.value}),placeholder:"https://your-resource.openai.azure.com"}),e.jsx(ce,{label:"Deployment Name",value:z.deployment,onChange:v=>ee({...z,deployment:v.target.value}),placeholder:"gpt-4"}),e.jsx(ce,{label:"API Version",value:z.apiVersion,onChange:v=>ee({...z,apiVersion:v.target.value}),placeholder:"2024-10-01-preview"}),e.jsx(ce,{label:"Organization",value:z.organization,onChange:v=>ee({...z,organization:v.target.value}),placeholder:"Organization ID"})]})]}),e.jsx(ce,{label:"Priority",type:"number",value:g.priority,onChange:v=>_({...g,priority:Number.parseInt(v.target.value)||1})}),e.jsx(yt,{label:"Proxy Pool",value:g.proxyPoolId,onChange:v=>_({...g,proxyPoolId:v.target.value}),options:[{value:L,label:"None"},...(o||[]).map(v=>({value:v.id,label:v.name}))],placeholder:"None"}),(o||[]).length===0&&e.jsx("p",{className:"text-xs text-text-muted",children:"No active proxy pools available. Create one in Proxy Pools page first."}),e.jsx("p",{className:"text-xs text-text-muted",children:"Legacy manual proxy fields are still accepted by API for backward compatibility."}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{onClick:Ae,fullWidth:!0,disabled:Q||!U&&(!g.name||!g.apiKey)||d&&!g.defaultModel.trim()||Z&&(!z.azureEndpoint||!z.deployment||!z.organization)||A&&!y.accountId,children:Q?"Saving...":"Save"}),e.jsx(N,{onClick:R,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})]})}):null}ns.propTypes={isOpen:l.bool.isRequired,provider:l.string,providerName:l.string,isCompatible:l.bool,isAnthropic:l.bool,authType:l.string,authHint:l.string,website:l.string,proxyPools:l.arrayOf(l.shape({id:l.string,name:l.string})),error:l.string,onSave:l.func.isRequired,onBulkDone:l.func,onClose:l.func.isRequired};function os({isOpen:n,node:c,onSave:a,onClose:d,isAnthropic:x}){const[u,f]=i.useState({name:"",prefix:"",apiType:"chat",baseUrl:"https://api.openai.com/v1"}),[h,o]=i.useState(!1),[b,S]=i.useState(""),[C,R]=i.useState(""),[L,U]=i.useState(!1),[F,J]=i.useState(null);i.useEffect(()=>{c&&f({name:c.name||"",prefix:c.prefix||"",apiType:c.apiType||"chat",baseUrl:c.baseUrl||(x?"https://api.anthropic.com/v1":"https://api.openai.com/v1")})},[c,x]);const X=[{value:"chat",label:"Chat Completions"},{value:"responses",label:"Responses API"}],E=async()=>{if(!(!u.name.trim()||!u.prefix.trim()||!u.baseUrl.trim())){o(!0);try{const A={name:u.name,prefix:u.prefix,baseUrl:u.baseUrl};x||(A.apiType=u.apiType),await a(A)}finally{o(!1)}}},Z=async()=>{U(!0);try{const O=await(await fetch("/api/provider-nodes/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({baseUrl:u.baseUrl,apiKey:b,type:x?"anthropic-compatible":"openai-compatible",modelId:C.trim()||void 0})})).json();J(O.valid?"success":"failed")}catch{J("failed")}finally{U(!1)}};return c?e.jsx(tt,{isOpen:n,title:`Edit ${x?"Anthropic":"OpenAI"} Compatible`,onClose:d,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(ce,{label:"Name",value:u.name,onChange:A=>f({...u,name:A.target.value}),placeholder:`${x?"Anthropic":"OpenAI"} Compatible (Prod)`,hint:"Required. A friendly label for this node."}),e.jsx(ce,{label:"Prefix",value:u.prefix,onChange:A=>f({...u,prefix:A.target.value}),placeholder:x?"ac-prod":"oc-prod",hint:"Required. Used as the provider prefix for model IDs."}),!x&&e.jsx(yt,{label:"API Type",options:X,value:u.apiType,onChange:A=>f({...u,apiType:A.target.value})}),e.jsx(ce,{label:"Base URL",value:u.baseUrl,onChange:A=>f({...u,baseUrl:A.target.value}),placeholder:x?"https://api.anthropic.com/v1":"https://api.openai.com/v1",hint:`Use the base URL (ending in /v1) for your ${x?"Anthropic":"OpenAI"}-compatible API.`}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(ce,{label:"API Key (for Check)",type:"password",value:b,onChange:A=>S(A.target.value),className:"flex-1"}),e.jsx("div",{className:"pt-6",children:e.jsx(N,{onClick:Z,disabled:!b||L||!u.baseUrl.trim(),variant:"secondary",children:L?"Checking...":"Check"})})]}),e.jsx(ce,{label:"Model ID (optional)",value:C,onChange:A=>R(A.target.value),placeholder:"e.g. my-model-id",hint:"If provider lacks /models endpoint, enter a model ID to validate via chat/completions instead."}),F&&e.jsx(Ue,{variant:F==="success"?"success":"error",children:F==="success"?"Valid":"Invalid"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{onClick:E,fullWidth:!0,disabled:!u.name.trim()||!u.prefix.trim()||!u.baseUrl.trim()||h,children:h?"Saving...":"Save"}),e.jsx(N,{onClick:d,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}os.propTypes={isOpen:l.bool.isRequired,node:l.shape({id:l.string,name:l.string,prefix:l.string,apiType:l.string,baseUrl:l.string}),onSave:l.func.isRequired,onClose:l.func.isRequired,isAnthropic:l.bool};const ia={llm:{label:"LLM / Chat",icon:"smart_toy",color:"text-blue-400"},image:{label:"Image Generation",icon:"brush",color:"text-purple-400"},video:{label:"Video Generation",icon:"movie",color:"text-orange-400"}};function ds({isOpen:n,providerAlias:c,providerDisplayAlias:a,allowedKinds:d,onSave:x,onClose:u}){const f=d!=null&&d.length?d:["llm"],h=f.includes("llm")?"llm":f[0],[o,b]=i.useState(""),[S,C]=i.useState(h),[R,L]=i.useState(null),[U,F]=i.useState(""),[J,X]=i.useState(!1);i.useEffect(()=>{n&&(b(""),L(null),F(""),C(h))},[n,h]);const E=P=>{const g=`${c}/`;return P.startsWith(g)?P.slice(g.length):P},Z=async()=>{const P=E(o.trim());if(P){L("testing"),F("");try{const _=await(await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${c}/${P}`})})).json();L(_.ok?"ok":"error"),F(_.error||"")}catch(g){L("error"),F(g.message)}}},A=async()=>{const P=E(o.trim());if(!(!P||J)){X(!0);try{await x(P,S)}finally{X(!1)}}},O=f.length>1;return e.jsx(tt,{isOpen:n,onClose:u,title:"Add Custom Model",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[O&&e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium mb-2 block",children:"Model Type"}),e.jsx("div",{className:"flex gap-2",children:f.map(P=>{const g=ia[P]||{label:P,icon:"category",color:"text-text-muted"},_=S===P;return e.jsxs("button",{onClick:()=>C(P),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg border text-xs font-medium transition-all ${_?"border-primary bg-primary/10 text-primary":"border-border bg-sidebar text-text-muted hover:border-primary/40 hover:text-primary"}`,children:[e.jsx("span",{className:`material-symbols-outlined text-sm ${_?"text-primary":g.color}`,children:g.icon}),g.label]},P)})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium mb-1.5 block",children:"Model ID"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"text",value:o,onChange:P=>{b(P.target.value),L(null),F("")},onKeyDown:P=>P.key==="Enter"&&Z(),placeholder:S==="image"?"e.g. leo-seedream":S==="video"?"e.g. leo-kling-3":"e.g. claude-opus-4-5",className:"flex-1 px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",autoFocus:!0}),S==="llm"&&e.jsx(N,{variant:"secondary",icon:"science",loading:R==="testing",onClick:Z,disabled:!o.trim()||R==="testing",children:R==="testing"?"Testing...":"Test"})]}),e.jsxs("p",{className:"text-xs text-text-muted mt-1",children:["Will be registered as:"," ",e.jsxs("code",{className:"font-mono bg-sidebar px-1 rounded",children:[a,"/",E(o.trim())||"model-id"]})]})]}),R==="ok"&&e.jsxs("div",{className:"flex items-center gap-2 text-sm text-green-500",children:[e.jsx("span",{className:"material-symbols-outlined text-base",children:"check_circle"}),"Model is reachable"]}),R==="error"&&e.jsxs("div",{className:"flex items-start gap-2 text-sm text-red-500",children:[e.jsx("span",{className:"material-symbols-outlined text-base shrink-0",children:"cancel"}),e.jsx("span",{children:U||"Model not reachable"})]}),e.jsxs("div",{className:"flex gap-2 pt-1",children:[e.jsx(N,{onClick:u,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),e.jsx(N,{onClick:A,fullWidth:!0,size:"sm",disabled:!o.trim()||J,children:J?"Adding...":"Add Model"})]})]})})}ds.propTypes={isOpen:l.bool.isRequired,providerAlias:l.string.isRequired,providerDisplayAlias:l.string.isRequired,allowedKinds:l.arrayOf(l.string),onSave:l.func.isRequired,onClose:l.func.isRequired};const na=[{pattern:/kling.*o3|kling-o3/,caps:{startFrame:!0,endFrame:!1,imageReference:!0,videoReference:!0,defaultImageReferenceStrength:"MID",durations:[5,10],defaultDuration:5,defaultResolution:"1080p",defaultAspectRatio:"16:9"},label:"Kling O3"},{pattern:/kling.*3\./,caps:{startFrame:!0,endFrame:!1,durations:[5,10,12],defaultDuration:10,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Kling 3.x"},{pattern:/kling/,caps:{startFrame:!0,endFrame:!1,durations:[5,10],defaultDuration:5,defaultResolution:"1080p",defaultAspectRatio:"16:9"},label:"Kling 2.x"},{pattern:/seedance.*lite/,caps:{startFrame:!0,endFrame:!1,durations:[4,8],defaultDuration:4,defaultResolution:"480p",defaultAspectRatio:"16:9"},label:"Seedance Lite"},{pattern:/seedance/,caps:{startFrame:!0,endFrame:!0,durations:[4,8,10],defaultDuration:8,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Seedance"},{pattern:/veo-3\.1|veo.*3\.1/,caps:{startFrame:!0,endFrame:!1,durations:[4,6,8],defaultDuration:8,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Veo 3.1"},{pattern:/veo/,caps:{startFrame:!0,endFrame:!1,durations:[8],defaultDuration:8,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Veo 3"},{pattern:/sora/,caps:{startFrame:!1,endFrame:!1,durations:[4,8,12],defaultDuration:8,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Sora"},{pattern:/hailuo/,caps:{startFrame:!0,endFrame:!1,durations:[6,10],defaultDuration:6,defaultResolution:"768p",defaultAspectRatio:"16:9"},label:"Hailuo"},{pattern:/ltx/,caps:{startFrame:!0,endFrame:!0,durations:[6,8,10],defaultDuration:6,defaultResolution:"1080p",defaultAspectRatio:"16:9"},label:"LTX"},{pattern:/motion/,caps:{startFrame:!0,endFrame:!1,durations:[5],defaultDuration:5,defaultResolution:"720p",defaultAspectRatio:"16:9"},label:"Motion"}],oa=[{pattern:/seedream.*4\.5/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:null,MEDIUM:{base:2048},LARGE:{base:4096}},defaultTier:"MEDIUM",imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!0,defaultStrength:"MID",supportsStyleIds:!0},label:"Seedream 4.5"},{pattern:/seedream/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:{base:1024},MEDIUM:{base:2048},LARGE:{base:4096}},defaultTier:"MEDIUM",imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!0,defaultStrength:"MID",supportsStyleIds:!0},label:"Seedream"},{pattern:/flux-dev/,caps:{apiVersion:"v1",resolutionTiers:{SMALL:null,MEDIUM:null,LARGE:null},defaultTier:null,imageReference:!0,refMethod:"controlnets",maxRefs:1,strengthSupported:!0,defaultStrength:"MID",preprocessorId:233},label:"Flux Dev"},{pattern:/flux/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:null,MEDIUM:{base:1024},LARGE:null},defaultTier:"MEDIUM",imageReference:!0,refMethod:"guidances",maxRefs:4,strengthSupported:!0,defaultStrength:"MID"},label:"Flux"},{pattern:/phoenix/,caps:{apiVersion:"v1",resolutionTiers:{SMALL:null,MEDIUM:null,LARGE:null},defaultTier:null,imageReference:!0,refMethod:"controlnets",maxRefs:1,strengthSupported:!0,defaultStrength:"MID",preprocessorId:364,supportsContrast:!0,supportsUltra:!0},label:"Phoenix"},{pattern:/ideogram/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:null,MEDIUM:{base:1024},LARGE:null},defaultTier:"MEDIUM",qualityOptions:["TURBO","BALANCED","QUALITY"],defaultQuality:"BALANCED",imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!0,defaultStrength:"MID"},label:"Ideogram"},{pattern:/gpt.image/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:{base:1024},MEDIUM:{base:2048},LARGE:{base:2880}},defaultTier:"MEDIUM",qualityOptions:["LOW","MEDIUM","HIGH"],defaultQuality:"MEDIUM",imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!1},label:"GPT Image"},{pattern:/recraft/,caps:{apiVersion:"v2",resolutionTiers:{SMALL:null,MEDIUM:{base:2048},LARGE:null},defaultTier:"MEDIUM",imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!0,defaultStrength:"MID"},label:"Recraft"}];function da(n,c,a,d){const x=[c,a,d].filter(Boolean).join(" ").toLowerCase(),u=n==="video"?na:oa;for(const f of u)if(f.pattern.test(x))return f;return null}const ca=[4,5,6,8,10,12,15,20],ua=["Auto","480p","720p","768p","1080p","4K"],pa=["auto","16:9","9:16","1:1","4:3"],es=["SMALL","MEDIUM","LARGE"],ts={id:"",name:"",uuid:"",type:"image",apiModelName:"",quality:"",isPublic:!0,promptEnhance:"OFF",dimensions:{},capabilities:{apiVersion:"v2",resolutionTiers:{SMALL:null,MEDIUM:{base:1024},LARGE:null},defaultTier:"MEDIUM",qualityOptions:null,defaultQuality:null,imageReference:!0,refMethod:"guidances",maxRefs:6,strengthSupported:!0,defaultStrength:"MID",supportsStyleIds:!1,supportsContrast:!1,supportsUltra:!1,preprocessorId:null,startFrame:!1,endFrame:!1,videoReference:!1,defaultImageReferenceStrength:"MID",durations:[5,10],defaultDuration:5,defaultResolution:"720p",defaultAspectRatio:"16:9"}};function ma(){var Y,Re;const[n,c]=i.useState("models"),[a,d]=i.useState(null),[x,u]=i.useState(!0),[f,h]=i.useState(!1),[o,b]=i.useState(null),[S,C]=i.useState("all"),[R,L]=i.useState(""),[U,F]=i.useState(null),[J,X]=i.useState(!1),[E,Z]=i.useState(JSON.parse(JSON.stringify(ts))),[A,O]=i.useState(!1),[P,g]=i.useState([]),[_,z]=i.useState("leonardo"),[ee,y]=i.useState(""),[$,B]=i.useState(""),[te,ie]=i.useState(!1),[ne,se]=i.useState(""),K=(s,m)=>{b({type:s,text:m}),setTimeout(()=>b(null),4e3)},Q=async()=>{try{const m=await(await fetch("/api/automation/leonardo")).json();m.ok&&d(m.config)}catch(s){K("error","Gagal memuat config: "+s.message)}finally{u(!1)}},oe=async()=>{try{const s=await fetch("/api/providers"),m=await s.json();s.ok&&g(m.connections||[])}catch(s){console.error(s)}};i.useEffect(()=>{Q(),oe()},[]),i.useEffect(()=>{if(A||!E.id)return;const s=da(E.type,E.id,E.name,E.apiModelName);s&&Z(m=>({...m,capabilities:{...m.capabilities,...s.caps}}))},[E.id,E.name,E.apiModelName,E.type,A]);const ue=async(s,m={})=>(await fetch("/api/automation/leonardo",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:s,...m})})).json(),fe=async()=>{h(!0);try{const s=await ue("import-defaults");s.ok?(K("success",`✓ ${s.added} model diimport (${s.imageAdded} image, ${s.videoAdded} video)`),await Q()):K("error",s.error)}finally{h(!1)}},W=async()=>{if(confirm("Hapus SEMUA model dari config? Tindakan ini tidak bisa di-undo.")){h(!0);try{const s=await ue("delete-all-models");s.ok?(K("success",`${s.deleted} model dihapus`),await Q()):K("error",s.error)}finally{h(!1)}}},be=async s=>{if(!confirm(`Hapus model "${s}"?`))return;const m=await ue("delete-model",{id:s});m.ok?(K("success",`Model "${s}" dihapus`),await Q()):K("error",m.error)},ke=async()=>{var m,k;const s={...E};if(!((m=s.id)!=null&&m.trim())||!((k=s.name)!=null&&k.trim()))return K("error","Model ID dan Name wajib diisi");s.id.startsWith("leo-")||(s.id=`leo-${s.id}`),h(!0);try{const G=await ue("add-model",{model:s});G.ok?(K("success",`Model "${s.id}" berhasil ditambahkan`),Z(JSON.parse(JSON.stringify(ts))),O(!1),X(!1),await Q()):K("error",G.error)}finally{h(!1)}},ye=async(s,m)=>{const k=await ue("update-model",{id:s,model:m});k.ok?(K("success","Model diperbarui"),F(null),await Q()):K("error",k.error)},pe=async()=>{h(!0);try{const{failThreshold:s,coolingMinutes:m,autoDisableThreshold:k,imageTimeoutMs:G,videoTimeoutMs:xe}=a,q=await ue("save-settings",{failThreshold:s,coolingMinutes:m,autoDisableThreshold:k,imageTimeoutMs:G,videoTimeoutMs:xe});q.ok?K("success","Settings disimpan"):K("error",q.error)}finally{h(!1)}},we=async s=>{if(s.preventDefault(),!ee.trim()||!$.trim())return alert("Label dan Cookie wajib diisi");ie(!0);try{const m=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:_,apiKey:$.trim(),name:ee.trim(),email:ee.trim(),priority:1})}),k=await m.json();m.ok?(y(""),B(""),se("Cookie ditambahkan!"),await oe(),setTimeout(()=>se(""),3e3)):alert(k.error||"Gagal menambahkan")}finally{ie(!1)}},Ae=async s=>{confirm("Hapus connection ini?")&&(await fetch(`/api/providers/${s}`,{method:"DELETE"}),await oe())},Me=async s=>{await fetch(`/api/providers/${s.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:!s.isActive})}),await oe()},ge=async s=>{se("Testing...");const k=await(await fetch(`/api/providers/${s}/test`,{method:"POST"})).json();se(k.valid?"✓ Valid":`⚠ ${k.error||"Test gagal"}`),await oe(),setTimeout(()=>se(""),5e3)},me=P.filter(s=>s.provider===_),Ce=((a==null?void 0:a.models)||[]).filter(s=>!(S!=="all"&&s.type!==S||R&&![s.id,s.name,s.apiModelName].join(" ").toLowerCase().includes(R.toLowerCase()))),T=Ce.filter(s=>s.type==="image"),le=Ce.filter(s=>s.type==="video"),v=(s,m,k)=>e.jsxs("button",{onClick:()=>c(s),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all ${n===s?"bg-primary/15 text-primary":"text-text-muted hover:text-text-main hover:bg-surface"}`,children:[e.jsx("span",{className:"material-symbols-outlined text-[15px]",children:m}),k]});return x?e.jsx(Ne,{children:e.jsx("div",{className:"flex justify-center py-12",children:e.jsx(ta,{})})}):e.jsx(Ne,{children:e.jsxs("div",{className:"space-y-5",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2",children:[e.jsx("img",{src:"/providers/leonardo.png",alt:"Leonardo",className:"size-5 rounded object-contain"}),"Leonardo Admin"]})}),o&&e.jsxs("div",{className:`px-4 py-2.5 rounded-lg text-sm font-medium flex items-center gap-2 ${o.type==="success"?"bg-green-500/10 text-green-400 border border-green-500/20":"bg-red-500/10 text-red-400 border border-red-500/20"}`,children:[e.jsx("span",{className:"material-symbols-outlined text-base",children:o.type==="success"?"check_circle":"cancel"}),o.text]}),e.jsxs("div",{className:"flex items-center gap-2",children:[v("models","category",`Models (${((Y=a==null?void 0:a.models)==null?void 0:Y.length)||0})`),v("cookies","cookie",`Cookies (${me.length})`),v("config","tune","Settings")]}),n==="models"&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(Ne,{padding:"sm",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("input",{type:"text",placeholder:"Search models...",value:R,onChange:s=>L(s.target.value),className:"flex-1 min-w-[180px] text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),e.jsxs("select",{value:S,onChange:s=>C(s.target.value),className:"text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"all",children:"All Types"}),e.jsx("option",{value:"image",children:"Image"}),e.jsx("option",{value:"video",children:"Video"})]}),e.jsx(N,{size:"sm",variant:"secondary",icon:"download",onClick:fe,disabled:f,children:"Import Defaults"}),e.jsx(N,{size:"sm",variant:"primary",icon:"add",onClick:()=>{X(s=>!s),O(!1)},children:"Add Model"}),e.jsx(N,{size:"sm",variant:"danger",icon:"delete_sweep",onClick:W,disabled:f,children:"Delete All"})]})}),J&&e.jsxs(Ne,{padding:"md",className:"border border-primary/30",children:[e.jsxs("h3",{className:"text-sm font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"add_circle"}),"Add New Model"]}),e.jsx(as,{model:E,onChange:(s,m)=>{Z(k=>s.includes(".")?ss(k,s,m):{...k,[s]:m})},onCapsTouched:()=>O(!0)}),e.jsxs("div",{className:"flex gap-2 mt-4",children:[e.jsx(N,{size:"sm",variant:"ghost",onClick:()=>X(!1),children:"Cancel"}),e.jsx(N,{size:"sm",variant:"primary",onClick:ke,disabled:f,children:f?"Saving...":"+ Add Model"})]})]}),[{label:"Image Generation",icon:"brush",list:T},{label:"Video Generation",icon:"movie",list:le}].map(s=>s.list.length>0&&e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"material-symbols-outlined text-sm text-text-muted",children:s.icon}),e.jsx("span",{className:"text-xs font-bold text-text-muted uppercase tracking-wider",children:s.label}),e.jsx("span",{className:"text-[10px] text-text-muted/60 bg-sidebar px-1.5 py-0.5 rounded-full",children:s.list.length}),e.jsx("div",{className:"flex-1 h-px bg-border/40"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3",children:s.list.map(m=>{var k,G,xe,q;return e.jsxs("div",{className:"group relative rounded-xl border border-border bg-card hover:border-primary/30 transition-all p-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"font-mono text-xs font-bold text-text-main truncate",title:m.id,children:m.id}),e.jsx("p",{className:"text-[11px] text-text-muted truncate",title:m.name,children:m.name})]}),e.jsxs("div",{className:"flex gap-1 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",children:[e.jsx("button",{onClick:()=>F(JSON.parse(JSON.stringify(m))),className:"p-1 rounded-lg hover:bg-primary/10 text-text-muted hover:text-primary transition-colors",title:"Edit model",children:e.jsx("span",{className:"material-symbols-outlined text-[15px]",children:"edit"})}),e.jsx("button",{onClick:()=>be(m.id),className:"p-1 rounded-lg hover:bg-red-500/10 text-text-muted hover:text-red-400 transition-colors",title:"Delete model",children:e.jsx("span",{className:"material-symbols-outlined text-[15px]",children:"delete"})})]})]}),m.apiModelName&&e.jsx("p",{className:"text-[10px] font-mono bg-sidebar px-2 py-0.5 rounded text-text-muted truncate",title:m.apiModelName,children:m.apiModelName}),e.jsxs("div",{className:"flex flex-wrap gap-1.5 mt-auto",children:[e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded font-medium ${((k=m.capabilities)==null?void 0:k.apiVersion)==="v1"?"bg-orange-500/10 text-orange-400":"bg-blue-500/10 text-blue-400"}`,children:m.type==="image"?((G=m.capabilities)==null?void 0:G.apiVersion)||"v2":"video"}),e.jsx("span",{className:`text-[10px] px-1.5 py-0.5 rounded ${m.isPublic?"bg-green-500/10 text-green-400":"bg-gray-500/10 text-gray-400"}`,children:m.isPublic?"public":"hidden"}),e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-sidebar text-text-muted",children:["✨ ",m.promptEnhance||"OFF"]}),m.type==="video"&&((xe=m.capabilities)==null?void 0:xe.durations)&&e.jsxs("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-sidebar text-text-muted",children:[m.capabilities.durations.join("/"),"s"]}),m.type==="video"&&((q=m.capabilities)==null?void 0:q.defaultResolution)&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-sidebar text-text-muted",children:m.capabilities.defaultResolution})]})]},m.id)})})]},s.label)),Ce.length===0&&e.jsx("div",{className:"rounded-xl border border-border bg-card p-8",children:e.jsx("p",{className:"text-center text-text-muted text-sm",children:((Re=a==null?void 0:a.models)==null?void 0:Re.length)===0?'Belum ada model. Klik "Import Defaults" untuk mengisi dari providerModels.js.':"Tidak ada model yang cocok dengan filter."})})]}),n==="cookies"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-5",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs(Ne,{padding:"md",className:"space-y-3",children:[e.jsxs("h3",{className:"text-sm font-bold flex items-center gap-2",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"filter_list"}),"Filter Provider"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:`/providers/${_}.png`,alt:_,className:"size-5 rounded object-contain",onError:s=>{s.target.style.display="none"}}),e.jsxs("select",{value:_,onChange:s=>z(s.target.value),className:"flex-1 text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"leonardo",children:"Leonardo AI"}),e.jsx("option",{value:"grok-web",children:"Grok Web"}),e.jsx("option",{value:"perplexity-web",children:"Perplexity Web"})]})]}),e.jsxs("p",{className:"text-xs text-text-muted",children:[me.length," connections untuk ",_]})]}),e.jsxs(Ne,{padding:"md",className:"space-y-3",children:[e.jsxs("h3",{className:"text-sm font-bold flex items-center gap-2",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"add_circle"}),"Add Cookie"]}),e.jsxs("form",{onSubmit:we,className:"space-y-2.5",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted block mb-1",children:"Label / Email"}),e.jsx("input",{type:"text",placeholder:"account@gmail.com",value:ee,onChange:s=>y(s.target.value),className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-text-muted block mb-1",children:"Cookie Value"}),e.jsx("textarea",{placeholder:"Paste cookie string...",value:$,onChange:s=>B(s.target.value),rows:4,className:"w-full text-xs font-mono px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary resize-y",required:!0})]}),e.jsx(N,{type:"submit",variant:"primary",size:"sm",fullWidth:!0,disabled:te,children:te?"Adding...":"Add Cookie Connection"})]}),ne&&e.jsx("p",{className:"text-xs text-primary italic",children:ne})]})]}),e.jsx("div",{className:"lg:col-span-2",children:e.jsxs(Ne,{padding:"md",className:"space-y-3",children:[e.jsxs("h3",{className:"text-sm font-bold flex items-center gap-2",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"list_alt"}),"Cookie Pool — ",_]}),e.jsx("div",{className:"border border-border rounded-xl overflow-hidden",children:e.jsxs("table",{className:"w-full text-xs text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-sidebar text-text-muted border-b border-border font-semibold",children:[e.jsx("th",{className:"px-3 py-2.5",children:"Label"}),e.jsx("th",{className:"px-3 py-2.5",children:"Status"}),e.jsx("th",{className:"px-3 py-2.5",children:"Balance"}),e.jsx("th",{className:"px-3 py-2.5",children:"Fails"}),e.jsx("th",{className:"px-3 py-2.5",children:"Active"}),e.jsx("th",{className:"px-3 py-2.5 text-right",children:"Actions"})]})}),e.jsx("tbody",{children:me.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:6,className:"px-3 py-8 text-center text-text-muted",children:"Tidak ada cookie untuk provider ini"})}):me.map(s=>{var m;return e.jsxs("tr",{className:"border-b border-border hover:bg-surface/50 transition-colors",children:[e.jsxs("td",{className:"px-3 py-2.5",children:[e.jsx("div",{className:"font-semibold text-text-main",children:s.name||s.email||"—"}),e.jsxs("div",{className:"text-[10px] text-text-muted font-mono",children:[(m=s.id)==null?void 0:m.slice(0,8),"..."]})]}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsx(Ue,{variant:s.testStatus==="active"||s.testStatus==="ok"?"success":s.testStatus==="error"?"danger":"secondary",children:s.testStatus||"unknown"})}),e.jsx("td",{className:"px-3 py-2.5 text-text-main font-semibold",children:s.last_balance!==void 0&&s.last_balance!==null?`${s.last_balance} tok`:"—"}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsx("span",{className:s.fail_count>0?"text-red-400":"text-text-muted",children:s.fail_count||0})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsx(st,{checked:s.isActive,onChange:()=>Me(s)})}),e.jsx("td",{className:"px-3 py-2.5 text-right",children:e.jsxs("div",{className:"flex gap-1.5 justify-end",children:[e.jsx(N,{size:"xs",variant:"secondary",onClick:()=>ge(s.id),children:"Test"}),e.jsx(N,{size:"xs",variant:"danger",onClick:()=>Ae(s.id),children:"Del"})]})})]},s.id)})})]})})]})})]}),n==="config"&&a&&e.jsxs(Ne,{padding:"md",className:"space-y-4 max-w-xl",children:[e.jsx("h3",{className:"text-sm font-bold",children:"Global Settings"}),[{key:"failThreshold",label:"Fail Threshold",help:"Berapa kali gagal sebelum masuk cooling"},{key:"coolingMinutes",label:"Cooling (menit)",help:"Durasi cooling period setelah fail threshold"},{key:"autoDisableThreshold",label:"Auto-disable Threshold",help:"Total failures sebelum cookie dinonaktifkan"},{key:"imageTimeoutMs",label:"Image Timeout (ms)",help:"Timeout generasi image"},{key:"videoTimeoutMs",label:"Video Timeout (ms)",help:"Timeout generasi video"}].map(({key:s,label:m,help:k})=>e.jsxs("div",{children:[e.jsx("label",{className:"text-xs font-semibold block mb-1",children:m}),e.jsx("input",{type:"number",value:a[s]||0,onChange:G=>d(xe=>({...xe,[s]:Number(G.target.value)})),className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),e.jsx("p",{className:"text-[11px] text-text-muted mt-0.5",children:k})]},s)),e.jsx(N,{variant:"primary",size:"sm",onClick:pe,disabled:f,children:f?"Saving...":"Save Settings"})]}),U&&e.jsx("div",{className:"fixed inset-0 z-50 bg-black/90 backdrop-blur-sm flex items-center justify-center p-4",onClick:s=>s.target===s.currentTarget&&F(null),children:e.jsxs("div",{className:"bg-background border border-border rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto p-6 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("h3",{className:"font-bold text-base",children:["Edit Model — ",U.id]}),e.jsx("button",{onClick:()=>F(null),className:"text-text-muted hover:text-text-main",children:e.jsx("span",{className:"material-symbols-outlined",children:"close"})})]}),e.jsx(as,{model:U,onChange:(s,m)=>{F(k=>s.includes(".")?ss(k,s,m):{...k,[s]:m})},onCapsTouched:()=>{}}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{size:"sm",variant:"ghost",onClick:()=>F(null),children:"Cancel"}),e.jsx(N,{size:"sm",variant:"primary",onClick:()=>ye(U.id,U),disabled:f,children:f?"Saving...":"Save Changes"})]})]})})]})})}function ss(n,c,a){const d=c.split("."),x={...n};let u=x;for(let f=0;f<d.length-1;f++)u[d[f]]={...u[d[f]]},u=u[d[f]];return u[d[d.length-1]]=a,x}function as({model:n,onChange:c,onCapsTouched:a}){const d=n.type==="video",x=n.capabilities||{},u=(o,b,S)=>e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] font-semibold text-text-muted block mb-1",children:o}),S]},b),f=(o,b="")=>e.jsx("input",{type:"text",value:n[o]||"",placeholder:b,onChange:S=>c(o,S.target.value),className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),h=(o,b)=>e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:!!x[o],onChange:S=>{a(),c(`capabilities.${o}`,S.target.checked)},className:"w-3.5 h-3.5 accent-primary"}),e.jsx("span",{className:"text-xs text-text-muted",children:b})]});return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[u("Model ID (tanpa prefix leo-)","id",f("id","e.g. kling-3")),u("Display Name","name",f("name","e.g. Kling 3.0")),u("UUID (kosong untuk native v2)","uuid",f("uuid","xxxxxxxx-xxxx-xxxx...")),u("API Model Name","apiModelName",f("apiModelName","e.g. kling-3.0"))]}),e.jsxs("div",{className:"grid grid-cols-3 gap-3",children:[u("Type","type",e.jsxs("select",{value:n.type||"image",onChange:o=>c("type",o.target.value),className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"image",children:"Image"}),e.jsx("option",{value:"video",children:"Video"})]})),u("Prompt Enhance","promptEnhance",e.jsxs("select",{value:n.promptEnhance||"OFF",onChange:o=>c("promptEnhance",o.target.value),className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"AUTO",children:"AUTO"}),e.jsx("option",{value:"ON",children:"ON"}),e.jsx("option",{value:"OFF",children:"OFF"})]})),u("Public","isPublic",e.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[e.jsx(st,{checked:!!n.isPublic,onChange:o=>c("isPublic",o)}),e.jsx("span",{className:"text-xs text-text-muted",children:n.isPublic?"Visible to users":"Hidden"})]}))]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-px flex-1 bg-border"}),e.jsx("span",{className:"text-[11px] font-bold text-text-muted uppercase tracking-wider",children:d?"Video Capabilities":"Image Capabilities"}),e.jsx("div",{className:"h-px flex-1 bg-border"})]}),d?e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[u("Default Resolution","capabilities.defaultResolution",e.jsx("select",{value:x.defaultResolution||"720p",onChange:o=>{a(),c("capabilities.defaultResolution",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:ua.map(o=>e.jsx("option",{children:o},o))})),u("Default Aspect Ratio","capabilities.defaultAspectRatio",e.jsx("select",{value:x.defaultAspectRatio||"16:9",onChange:o=>{a(),c("capabilities.defaultAspectRatio",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:pa.map(o=>e.jsx("option",{children:o},o))}))]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] font-semibold text-text-muted block mb-2",children:"Supported Durations (seconds)"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:ca.map(o=>e.jsxs("label",{className:"flex items-center gap-1.5 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:(x.durations||[]).includes(o),onChange:b=>{a();const S=x.durations||[],C=b.target.checked?[...S,o].sort((R,L)=>R-L):S.filter(R=>R!==o);c("capabilities.durations",C),C.includes(x.defaultDuration)||c("capabilities.defaultDuration",C[0])},className:"w-3.5 h-3.5 accent-primary"}),e.jsxs("span",{className:"text-xs",children:[o,"s"]})]},o))})]}),(x.durations||[]).length>0&&u("Default Duration","capabilities.defaultDuration",e.jsx("select",{value:x.defaultDuration||"",onChange:o=>{a(),c("capabilities.defaultDuration",Number(o.target.value))},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(x.durations||[]).map(o=>e.jsxs("option",{value:o,children:[o,"s"]},o))})),e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 gap-y-2 mt-1",children:[h("startFrame","Start Frame (first image)"),h("endFrame","End Frame (last image)"),h("imageReference","Image Reference (img2vid)"),h("videoReference","Video Reference")]}),x.imageReference&&u("Image Reference Strength","capabilities.defaultImageReferenceStrength",e.jsx("select",{value:x.defaultImageReferenceStrength||"MID",onChange:o=>{a(),c("capabilities.defaultImageReferenceStrength",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:["LOW","MID","HIGH"].map(o=>e.jsx("option",{children:o},o))}))]}):e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[u("API Version","capabilities.apiVersion",e.jsxs("select",{value:x.apiVersion||"v2",onChange:o=>{a(),c("capabilities.apiVersion",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"v2",children:"v2 (native)"}),e.jsx("option",{value:"v1",children:"v1 (legacy UUID)"})]})),u("Ref Method","capabilities.refMethod",e.jsxs("select",{value:x.refMethod||"guidances",onChange:o=>{a(),c("capabilities.refMethod",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[e.jsx("option",{value:"guidances",children:"guidances (v2)"}),e.jsx("option",{value:"controlnets",children:"controlnets (v1)"})]}))]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] font-semibold text-text-muted block mb-2",children:"Resolution Tiers"}),e.jsx("div",{className:"space-y-2",children:es.map(o=>{var C;const b=(C=x.resolutionTiers)==null?void 0:C[o],S=!!b;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("label",{className:"flex items-center gap-1.5 w-20 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:S,onChange:R=>{a();const L=x.resolutionTiers||{};c("capabilities.resolutionTiers",{...L,[o]:R.target.checked?{base:1024}:null})},className:"w-3.5 h-3.5 accent-primary"}),e.jsx("span",{className:"text-xs font-semibold",children:o})]}),S&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[11px] text-text-muted",children:"base px:"}),e.jsx("input",{type:"number",value:(b==null?void 0:b.base)||1024,step:256,onChange:R=>{a();const L=x.resolutionTiers||{};c("capabilities.resolutionTiers",{...L,[o]:{base:Number(R.target.value)}})},className:"w-24 text-xs px-2 py-1 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})]})]},o)})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[u("Default Tier","capabilities.defaultTier",e.jsx("select",{value:x.defaultTier||"MEDIUM",onChange:o=>{a(),c("capabilities.defaultTier",o.target.value)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:es.map(o=>e.jsx("option",{children:o},o))})),u("Max Refs","capabilities.maxRefs",e.jsx("input",{type:"number",min:1,max:10,value:x.maxRefs||6,onChange:o=>{a(),c("capabilities.maxRefs",Number(o.target.value))},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}))]}),u("Quality Options (comma-separated, kosong = none)","capabilities.qualityOptions",e.jsx("input",{type:"text",value:(x.qualityOptions||[]).join(","),placeholder:"e.g. TURBO,BALANCED,QUALITY",onChange:o=>{a();const b=o.target.value?o.target.value.split(",").map(S=>S.trim()).filter(Boolean):null;c("capabilities.qualityOptions",b)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})),u("Preprocessor ID (v1 only, kosong = none)","capabilities.preprocessorId",e.jsx("input",{type:"number",value:x.preprocessorId||"",placeholder:"e.g. 364",onChange:o=>{a(),c("capabilities.preprocessorId",o.target.value?Number(o.target.value):null)},className:"w-full text-xs px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})),e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 gap-y-2",children:[h("imageReference","Image Reference"),h("strengthSupported","Strength Supported"),h("supportsStyleIds","Supports Style IDs"),h("supportsContrast","Supports Contrast (v1)"),h("supportsUltra","Supports Ultra (v1)")]})]})]})}const xa=1e3;function ha(n){return new Promise(c=>setTimeout(c,n))}function ja(){var Lt,Ut,_t,Ft,Kt,zt,qt,Vt,Bt,Gt;const n=Gs(),c=Js(),a=n.id,[d,x]=i.useState([]),[u,f]=i.useState(!0),[h,o]=i.useState(null),[b,S]=i.useState([]),[C,R]=i.useState(!1),[L,U]=i.useState(!1),[F,J]=i.useState(!1),[X,E]=i.useState(""),[Z,A]=i.useState(!1),[O,P]=i.useState(!1),[g,_]=i.useState(!1),[z,ee]=i.useState(null),[y,$]=i.useState({}),[B,te]=i.useState(!1),[ie,ne]=i.useState({}),[se,K]=i.useState(""),[Q,oe]=i.useState(null),[ue,fe]=i.useState(!1),[W,be]=i.useState([]),[ke,ye]=i.useState("__none__"),[pe,we]=i.useState(!1),[Ae,Me]=i.useState(null),[ge,me]=i.useState(""),[Ce,T]=i.useState("auto"),[le,v]=i.useState([]),[Y,Re]=i.useState([]),[s,m]=i.useState([]),[k,G]=i.useState(null),[xe,q]=i.useState(!1),[$e,jt]=i.useState(!1),[Nt,at]=i.useState(!1),[lt,rt]=i.useState(null),[cs,Je]=i.useState({}),[_e,it]=i.useState(null),We=i.useRef(!1),[Be,kt]=i.useState(!1),[nt,us]=i.useState("overview"),{copied:ot,copy:dt}=_s(),wt="ag_risk_confirmed",Ct=()=>{R(!0)},ct=()=>{if(a==="antigravity"&&typeof window<"u"&&!(window.localStorage.getItem(wt)==="true")){q(!0);return}if(Fe){Ct();return}E(""),J(!0)},He=()=>{E(""),J(!0)},St=()=>{if(Fe){ct();return}He()},ps=()=>{if(typeof window<"u"&&window.localStorage.setItem(wt,"true"),q(!1),Fe){Ct();return}He()},j=h?{id:h.id,name:h.name||(h.type==="anthropic-compatible"?"Anthropic Compatible":"OpenAI Compatible"),color:h.type==="anthropic-compatible"?"#D97757":"#10A37F",textIcon:h.type==="anthropic-compatible"?"AC":"OC",apiType:h.apiType,baseUrl:h.baseUrl,type:h.type}:gt[a]||bt[a]||et[a]||Ht[a]||Fs[a],At=(j==null?void 0:j.authModes)||[],Fe=!!gt[a]||!!et[a]||At.includes("oauth"),ms=!!bt[a]||At.includes("apikey"),ut=!!((Lt=et[a])!=null&&Lt.noAuth),Le=Ks(a),pt=zs(a),Mt=qs(a),Te=Vs(a),he=Mt||Te,mt=!he&&Fe&&ms,xt=a==="xai"?"Grok Build OAuth":"OAuth",ht=a==="xai"?"xAI API Key":"API Key";(Ut=Ve[a])!=null&&Ut.thinkingConfig||Bs.extended;const ae=he?a:pt,Qe=he?(h==null?void 0:h.prefix)||a:pt,Ke=i.useCallback(async()=>{try{const t=await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(ae)}`,{cache:"no-store"}),r=await t.json();t.ok&&m(r.ids||[])}catch(t){console.log("Error fetching disabled models:",t)}},[ae]),xs=async t=>{try{(await fetch("/api/models/disabled",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:ae,ids:[t]})})).ok&&await Ke()}catch(r){console.log("Error disabling model:",r)}},hs=async t=>{try{(await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(ae)}&id=${encodeURIComponent(t)}`,{method:"DELETE"})).ok&&await Ke()}catch(r){console.log("Error enabling model:",r)}},fs=async t=>{t.length&&G({title:"Disable All Models",message:`Disable all ${t.length} model(s)?`,onConfirm:async()=>{G(null);try{(await fetch("/api/models/disabled",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:ae,ids:t})})).ok&&await Ke()}catch(r){console.log("Error disabling all models:",r)}}})},gs=async()=>{try{(await fetch(`/api/models/disabled?providerAlias=${encodeURIComponent(ae)}`,{method:"DELETE"})).ok&&await Ke()}catch(t){console.log("Error enabling all models:",t)}},Ye=i.useCallback(async()=>{try{const t=await fetch("/api/models/alias"),r=await t.json();t.ok&&$(r.aliases||{})}catch(t){console.log("Error fetching aliases:",t)}},[]);i.useEffect(()=>{a==="kilocode"&&fetch("/api/providers/kilo/free-models").then(t=>t.json()).then(t=>{var r;(r=t.models)!=null&&r.length&&Re(t.models)}).catch(()=>{})},[a]);const Se=i.useCallback(async()=>{try{const[t,r,p,M]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/provider-nodes",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),I=await t.json(),D=await r.json(),H=await p.json(),de=M.ok?await M.json():{};if(t.ok){const Ie=(I.connections||[]).filter(je=>je.provider===a);x(Ie)}p.ok&&S(H.proxyPools||[]);const ve=(de.providerStrategies||{})[a]||{};Me(ve.fallbackStrategy||null),me(ve.stickyRoundRobinLimit!=null?String(ve.stickyRoundRobinLimit):"1");const Oe=(de.providerThinking||{})[a]||{};if(T(Oe.mode||"auto"),r.ok){let Ie=(D.nodes||[]).find(je=>je.id===a)||null;if(!Ie&&he)for(let je=0;je<3;je+=1){await new Promise(qe=>setTimeout(qe,150));const ze=await fetch("/api/provider-nodes",{cache:"no-store"});if(!ze.ok)continue;if(Ie=((await ze.json()).nodes||[]).find(qe=>qe.id===a)||null,Ie)break}o(Ie)}}catch(t){console.log("Error fetching connections:",t)}finally{f(!1)}},[a,he]),bs=async t=>{try{const r=await fetch(`/api/provider-nodes/${a}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),p=await r.json();r.ok&&(o(p.node),await Se(),P(!1))}catch(r){console.log("Error updating provider node:",r)}},Rt=async(t,r)=>{try{const p=await fetch("/api/settings",{cache:"no-store"}),I=(p.ok?await p.json():{}).providerStrategies||{},D={};t&&(D.fallbackStrategy=t),t==="round-robin"&&r!==""&&(D.stickyRoundRobinLimit=Number(r)||3);const H={...I};Object.keys(D).length===0?delete H[a]:H[a]=D,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:H})})}catch(p){console.log("Error saving provider strategy:",p)}},ys=t=>{const r=t?"round-robin":null,p=t?ge||"1":ge;t&&!ge&&me("1"),Me(r),Rt(r,p)},vs=t=>{me(t),Rt("round-robin",t)};i.useEffect(()=>{Se(),Ye(),Ke()},[Se,Ye,Ke]),i.useEffect(()=>{var r;const t=(r=gt[a]||bt[a]||et[a]||Ht[a])==null?void 0:r.modelsFetcher;t&&aa(t).then(v)},[a]);const Ge=async(t,r,p=pt)=>{const M=`${p}/${t}`;try{const I=await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:M,alias:r})});if(I.ok)await Ye();else{const D=await I.json();alert(D.error||"Failed to set alias")}}catch(I){console.log("Error setting alias:",I)}},ft=async t=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(t)}`,{method:"DELETE"})).ok&&await Ye()}catch(r){console.log("Error deleting alias:",r)}},js=async()=>{if(Be)return;const t=d.find(r=>r.isActive!==!1);if(!t){alert(Ee("Please add an active Qoder connection first"));return}kt(!0);try{const r=await fetch(`/api/providers/${t.id}/models`),p=await r.json();if(!r.ok){alert(p.error||Ee("Failed to fetch models"));return}const M=p.models||[];if(M.length===0){alert(Ee("No models returned"));return}let I=0;for(const D of M){const H=D.id||D.name;if(!H)continue;const de=H.replace(/^qoder\//,""),ve=`${ae}/${de}`;if(Object.values(y).includes(ve))continue;const Oe=de;y[Oe]||(await Ge(de,Oe,ae),I+=1)}alert(I===0?Ee("All models already exist, no new models added"):Ee("Successfully added")+` ${I} `+Ee("models"))}catch(r){console.log("Error importing Qoder models:",r),alert(Ee("Error fetching models")+": "+r.message)}finally{kt(!1)}},Ns=async()=>{if($e||d.length===0)return;const t=Object.fromEntries(d.map(M=>[M.id,{state:"queued",error:null}]));We.current=!1,jt(!0),at(!1),rt(null),Je(t),it({total:d.length,completed:0,passed:0,failed:0,stopped:!1});let r=0,p=0;try{for(let M=0;M<d.length;M+=1){if(We.current){it({total:d.length,completed:M,passed:r,failed:p,stopped:!0});break}const I=d[M];rt(I.id),Je(D=>({...D,[I.id]:{state:"testing",error:null}}));try{const H=await(await fetch(`/api/providers/${I.id}/test`,{method:"POST"})).json(),de=!!H.valid;de?r+=1:p+=1,Je(ve=>({...ve,[I.id]:{state:de?"success":"failed",error:de?null:H.error||null}}))}catch(D){p+=1,Je(H=>({...H,[I.id]:{state:"failed",error:D.message||"Test failed"}}))}it({total:d.length,completed:M+1,passed:r,failed:p,stopped:!1}),M<d.length-1&&await ha(xa)}}finally{rt(null),jt(!1),at(!1),We.current=!1}},ks=()=>{$e&&(We.current=!0,at(!0))},ws=async t=>{G({title:"Delete Connection",message:"Delete this connection?",onConfirm:async()=>{G(null);try{(await fetch(`/api/providers/${t}`,{method:"DELETE"})).ok&&x(d.filter(p=>p.id!==t))}catch(r){console.log("Error deleting connection:",r)}}})},Xe=()=>{Se(),R(!1)},Cs=()=>{Se(),U(!1)},Ss=async t=>{E("");try{const r=await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:a,...t})});let p=null;try{p=await r.json()}catch{p=null}if(r.ok){await Se(),J(!1);return}E((p==null?void 0:p.error)||"Failed to save connection")}catch(r){console.log("Error saving connection:",r),E("Failed to save connection")}},As=async t=>{try{(await fetch(`/api/providers/${z.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok&&(await Se(),A(!1))}catch(r){console.log("Error updating connection:",r)}},Ms=async(t,r)=>{try{(await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:r})})).ok&&x(M=>M.map(I=>I.id===t?{...I,isActive:r}:I))}catch(p){console.log("Error updating connection status:",p)}},Tt=async(t,r)=>{const p=[...d];[p[t],p[r]]=[p[r],p[t]],x(p);try{await Promise.all([fetch(`/api/providers/${p[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})}),fetch(`/api/providers/${p[r].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:r})})])}catch(M){console.log("Error swapping priority:",M),await Se()}},It=d.filter(t=>W.includes(t.id)),Dt=d.length>0&&W.length===d.length,Rs=t=>{be(r=>r.includes(t)?r.filter(p=>p!==t):[...r,t])},Ts=()=>{if(Dt){be([]);return}be(d.map(t=>t.id))},Is=()=>{be([]),ye("__none__")};i.useEffect(()=>{be(t=>t.filter(r=>d.some(p=>p.id===r)))},[d]),(()=>{if(It.length===0)return"";const t=new Set(It.map(r=>{var p;return((p=r.providerSpecificData)==null?void 0:p.proxyPoolId)||"__none__"}));if(t.size===1){const r=[...t][0];if(r==="__none__")return"All selected currently unbound";const p=b.find(M=>M.id===r);return`All selected currently bound to ${(p==null?void 0:p.name)||r}`}return"Selected connections have mixed proxy bindings"})();const Et=()=>{pe||_(!1)},Ot=async t=>{we(!0);try{let r=0;for(const{connectionId:p,proxyPoolId:M}of t)try{(await fetch(`/api/providers/${p}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:M})})).ok||(r+=1)}catch(I){console.log("Error applying proxy for",p,I),r+=1}r>0&&alert(`Updated with ${r} failed request(s).`),await Se(),_(!1)}finally{we(!1)}},Pt=t=>{const r=d.map(p=>({connectionId:p.id,proxyPoolId:t}));return Ot(r)},Ds=()=>{const t=b.filter(p=>p.isActive===!0);if(t.length===0){alert("No active proxy pools available.");return}const r=d.map((p,M)=>({connectionId:p.id,proxyPoolId:t[M%t.length].id}));return Ot(r)},Es=t=>W.includes(t),Os=e.jsx("div",{className:"flex min-w-0 flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:d.map((t,r)=>e.jsx("div",{className:"flex min-w-0 items-stretch",children:e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(is,{connection:t,proxyPools:b,isOAuth:Fe,isFirst:r===0,isLast:r===d.length-1,onMoveUp:()=>Tt(r,r-1),onMoveDown:()=>Tt(r,r+1),onToggleActive:p=>Ms(t.id,p),onUpdateProxy:async p=>{try{(await fetch(`/api/providers/${t.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:p||null})})).ok&&x(I=>I.map(D=>D.id===t.id?{...D,providerSpecificData:{...D.providerSpecificData,proxyPoolId:p||null}}:D))}catch(M){console.log("Error updating proxy:",M)}},onEdit:()=>{ee(t),A(!0)},onDelete:()=>ws(t.id),oneByOneStatus:cs[t.id]||null,isSelected:Es(t.id),onSelect:()=>Rs(t.id)})})},t.id))}),Ps=b.filter(t=>t.isActive===!0),$s=e.jsx(tt,{isOpen:g,onClose:Et,title:`Apply Proxy (${d.length} connections)`,children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("button",{onClick:Ds,disabled:pe||Ps.length===0,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"sync_alt"}),e.jsx("span",{className:"text-sm text-text-main",children:"One-to-one (rotate)"})]}),e.jsxs("button",{onClick:()=>Pt(null),disabled:pe,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"link_off"}),e.jsx("span",{className:"text-sm text-text-main",children:"None (unbind all)"})]}),b.map(t=>e.jsxs("button",{onClick:()=>Pt(t.id),disabled:pe||t.isActive!==!0,className:"flex items-center gap-2 rounded-lg px-3 py-2 text-left transition-colors hover:bg-black/[0.04] dark:hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("span",{className:"material-symbols-outlined text-text-muted text-[18px]",children:"lan"}),e.jsx("span",{className:"truncate text-sm text-text-main",children:t.name}),t.isActive!==!0&&e.jsx("span",{className:"text-[10px] text-text-muted",children:"(inactive)"})]},t.id))]}),pe&&e.jsx("p",{className:"text-xs text-text-muted",children:"Applying..."}),e.jsx(N,{onClick:Et,variant:"ghost",fullWidth:!0,disabled:pe,children:"Cancel"})]})}),$t=async t=>{if(!Q){oe(t);try{const p=await(await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${ae}/${t}`})})).json();ne(M=>({...M,[t]:p.ok?"ok":"error"})),K(p.ok?"":p.error||"Model not reachable")}catch{ne(r=>({...r,[t]:"error"})),K("Network error")}finally{oe(null)}}},Ls=()=>{var qe;if(he)return e.jsx(ls,{providerStorageAlias:ae,providerDisplayAlias:Qe,modelAliases:y,copied:ot,onCopy:dt,onSetAlias:Ge,onDeleteAlias:ft,connections:d,isAnthropic:Te});const t=((qe=Ve[a])==null?void 0:qe.serviceKinds)||["llm"],r=t.includes("llm"),p=[...Le,...Y.filter(w=>!Le.some(V=>V.id===w.id))].filter(w=>{const V=w.type||"llm";return r&&(!w.type||w.type==="llm")?!0:t.includes(V)}),M=new Set(s),I=p.filter(w=>!M.has(w.id)),D=p.filter(w=>M.has(w.id)),H=Object.entries(y).filter(([w,V])=>{const De=`${ae}/`;if(!V.startsWith(De))return!1;const re=V.slice(De.length);return j.passthroughModels?!Le.some(Pe=>Pe.id===re):!Le.some(Pe=>Pe.id===re)&&w===re}).map(([w,V])=>({id:V.slice(`${ae}/`.length),alias:w,fullModel:V})),de=t.length>1&&!t.every(w=>w==="llm"),ve=I.filter(w=>w.type==="image"),Oe=I.filter(w=>w.type==="video"),Ie=I.filter(w=>!w.type||w.type==="llm"),je=w=>w.map(V=>{var Wt;const De=`${ae}/${V.id}`,re=`${a}/${V.id}`,Pe=(Wt=Object.entries(y).find(([,Ze])=>Ze===De||Ze===re))==null?void 0:Wt[0];return e.jsx(vt,{model:V,fullModel:`${Qe}/${V.id}`,alias:Pe,copied:ot,onCopy:dt,onSetAlias:Ze=>Ge(V.id,Ze,ae),onDeleteAlias:()=>ft(Pe),testStatus:ie[V.id],onTest:d.length>0||ut?()=>$t(V.id):void 0,isTesting:Q===V.id,isFree:V.isFree,onDisable:()=>xs(V.id)},V.id)}),ze=({icon:w,label:V,count:De})=>e.jsxs("div",{className:"w-full flex items-center gap-2 mt-1 mb-1",children:[e.jsx("span",{className:"material-symbols-outlined text-base text-text-muted",children:w}),e.jsx("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:V}),e.jsx("span",{className:"text-[10px] text-text-muted/60 bg-sidebar px-1.5 py-0.5 rounded-full",children:De}),e.jsx("div",{className:"flex-1 h-px bg-border/40"})]}),Jt=e.jsxs("button",{onClick:()=>fe(!0),className:"flex w-full items-center justify-center gap-1.5 rounded-lg border border-dashed border-primary/40 px-3 py-2 text-xs text-primary transition-colors hover:border-primary hover:bg-primary/5 sm:w-auto",children:[e.jsx("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]});return e.jsxs("div",{className:"flex flex-col gap-2",children:[H.length>0&&e.jsxs(e.Fragment,{children:[de&&e.jsx(ze,{icon:"star",label:"Custom",count:H.length}),e.jsx("div",{className:"flex flex-wrap gap-3",children:H.map(w=>e.jsx(vt,{model:{id:w.id},fullModel:`${Qe}/${w.id}`,alias:w.alias,copied:ot,onCopy:dt,onSetAlias:()=>{},onDeleteAlias:()=>ft(w.alias),testStatus:ie[w.id],onTest:d.length>0||ut?()=>$t(w.id):void 0,isTesting:Q===w.id,isCustom:!0,isFree:!1},w.id))})]}),de&&ve.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(ze,{icon:"brush",label:"Image Generation",count:ve.length}),e.jsx("div",{className:"flex flex-wrap gap-3",children:je(ve)})]}),de&&Oe.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(ze,{icon:"movie",label:"Video Generation",count:Oe.length}),e.jsx("div",{className:"flex flex-wrap gap-3",children:je(Oe)})]}),(de?Ie:I).length>0&&e.jsx("div",{className:"flex flex-wrap gap-3",children:je(de?Ie:I)}),e.jsxs("div",{className:"flex flex-wrap gap-3 mt-1",children:[Jt,a==="qoder"&&d.some(w=>w.isActive!==!1)&&e.jsxs("button",{onClick:js,disabled:Be,className:"flex w-full items-center justify-center gap-1.5 rounded-lg border border-dashed border-blue-500/40 px-3 py-2 text-xs text-blue-600 dark:text-blue-400 transition-colors hover:border-blue-500 hover:bg-blue-500/5 sm:w-auto disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx("span",{className:"material-symbols-outlined text-sm",style:Be?{animation:"spin 1s linear infinite"}:void 0,children:Be?"progress_activity":"download"}),Be?Ee("Fetching..."):Ee("Fetch Qoder Models")]})]}),le.length>0&&(()=>{const w=new Set(Object.values(y)),V=new Set(Le.map(re=>re.id)),De=le.filter(re=>!w.has(`${ae}/${re.id}`)&&!V.has(re.id));return De.length===0?null:e.jsxs("div",{className:"w-full mt-2",children:[e.jsx("p",{className:"text-xs text-text-muted mb-2",children:"Suggested free models (≥200k context):"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:De.map(re=>e.jsxs("button",{onClick:async()=>{const Pe=re.id.split("/").pop();await Ge(re.id,Pe,ae)},className:"flex items-center gap-1 px-2.5 py-1.5 rounded-lg border border-black/10 dark:border-white/10 text-xs text-text-muted hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors",title:`${re.name} · ${(re.contextLength/1e3).toFixed(0)}k ctx`,children:[e.jsx("span",{className:"material-symbols-outlined text-[13px]",children:"add"}),re.id.split("/").pop()]},re.id))})]})})(),D.length>0&&e.jsxs("div",{className:"w-full mt-2",children:[e.jsxs("p",{className:"text-xs text-text-muted mb-2",children:["Disabled models (",D.length,"):"]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:D.map(w=>e.jsxs("button",{onClick:()=>hs(w.id),className:"flex items-center gap-1 px-2.5 py-1.5 rounded-lg border border-dashed border-black/10 dark:border-white/10 text-xs text-text-muted hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors",title:"Restore model",children:[e.jsx("span",{className:"material-symbols-outlined text-[13px]",children:"add"}),w.id]},w.id))})]})]})};if(u)return e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(Xt,{}),e.jsx(Xt,{})]});if(!j)return e.jsxs("div",{className:"text-center py-20",children:[e.jsx("p",{className:"text-text-muted",children:"Provider not found"}),e.jsx(Yt,{to:"/dashboard/providers",className:"text-primary mt-4 inline-block",children:"Back to Providers"})]});const Us=()=>a==="codebuddy"||a==="cb"?"/providers/codebuddy.svg":Mt&&j.apiType?j.apiType==="responses"?"/providers/oai-r.png":"/providers/oai-cc.png":Te?"/providers/anthropic-m.png":a==="weavy"?"/providers/weavy.jpeg":`/providers/${j.id}.png`;return e.jsxs("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:gap-8 sm:px-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs(Yt,{to:"/dashboard/providers",className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[e.jsx("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),"Back to Providers"]}),e.jsxs("div",{className:"flex min-w-0 items-center gap-3 sm:gap-4",children:[e.jsx("div",{className:"flex size-12 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${j.color}15`},children:B?e.jsx("span",{className:"text-sm font-bold",style:{color:j.color},children:j.textIcon||j.id.slice(0,2).toUpperCase()}):e.jsx("img",{src:Us(),alt:j.name,width:48,height:48,className:"max-h-12 max-w-12 rounded-lg object-contain",onError:()=>te(!0)})}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[e.jsx("h1",{className:"truncate text-2xl font-semibold tracking-tight sm:text-3xl",children:j.name}),(((_t=j.notice)==null?void 0:_t.apiKeyUrl)||((Ft=j.notice)==null?void 0:Ft.signupUrl)||j.website)&&e.jsxs("a",{href:((Kt=j.notice)==null?void 0:Kt.apiKeyUrl)||((zt=j.notice)==null?void 0:zt.signupUrl)||j.website,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[e.jsx("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),(qt=j.notice)!=null&&qt.apiKeyUrl?"Get API Key":"Sign up / Learn more"]})]}),e.jsxs("p",{className:"text-text-muted",children:[d.length," connection",d.length===1?"":"s"]})]})]})]}),j.deprecated&&e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-yellow-500/10 border border-yellow-500/30",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-yellow-500 mt-0.5 shrink-0",children:"warning"}),e.jsx("p",{className:"text-xs text-red-600 dark:text-yellow-400 leading-relaxed",children:j.deprecationNotice})]}),((Vt=j.notice)==null?void 0:Vt.text)&&!j.deprecated&&e.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:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),e.jsx("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:j.notice.text}),j.notice.apiKeyUrl&&e.jsx("a",{href:j.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),a==="leonardo"&&e.jsx("div",{className:"flex border-b border-border-subtle pb-px gap-6",children:[{id:"overview",icon:"dashboard",label:"Overview",useImage:!1},{id:"admin",icon:"tune",label:"Leonardo Admin",useImage:!0}].map(t=>e.jsxs("button",{onClick:()=>us(t.id),className:`flex items-center gap-2 pb-3 text-sm font-semibold transition-all border-b-2 cursor-pointer ${nt===t.id?"border-primary text-primary":"border-transparent text-text-muted hover:text-text-main"}`,children:[t.useImage?e.jsx("img",{src:"/providers/leonardo.png",alt:"Leonardo",className:"size-[18px] rounded object-contain"}):e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:t.icon}),t.label]},t.id))}),a==="leonardo"&&nt==="admin"&&e.jsx(ma,{}),a==="weavy"&&e.jsxs("div",{style:{marginBottom:16,padding:"12px 16px",background:"#0c1a2e",border:"1px solid #1e3a5f",borderRadius:8,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontWeight:600,fontSize:14,color:"#60a5fa"},children:"🪄 Weavy Token Pool"}),e.jsx("div",{style:{fontSize:12,color:"#6b7280",marginTop:2},children:"Copy firebase_refresh_token, firebase_api_key, dan JWT untuk dipakai di sistem lain (kliperspro, dll.)"})]}),e.jsx("a",{href:"/dashboard/providers/weavy/pool",style:{padding:"7px 16px",borderRadius:6,background:"#1e3a5f",border:"1px solid #2563eb",color:"#93c5fd",fontSize:13,fontWeight:600,textDecoration:"none",whiteSpace:"nowrap"},children:"Buka Token Pool →"})]}),(a!=="leonardo"||nt==="overview")&&e.jsxs(e.Fragment,{children:[he&&h&&e.jsx(Ne,{children:e.jsxs("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("h2",{className:"text-lg font-semibold",children:Te?"Anthropic Compatible Details":"OpenAI Compatible Details"}),e.jsxs("p",{className:"break-all text-sm text-text-muted",children:[Te?"Messages API":h.apiType==="responses"?"Responses API":"Chat Completions"," · ",(h.baseUrl||"").replace(/\/$/,""),"/",Te?"messages":h.apiType==="responses"?"responses":"chat/completions"]})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2 sm:flex sm:items-center",children:[e.jsx(N,{size:"sm",icon:"add",onClick:()=>{E(""),J(!0)},className:"w-full sm:w-auto",children:"Add API Key"}),e.jsx(N,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>P(!0),className:"w-full sm:w-auto",children:"Edit"}),e.jsx(N,{size:"sm",variant:"secondary",icon:"delete",onClick:async()=>{G({title:"Delete Compatible Node",message:`Delete this ${Te?"Anthropic":"OpenAI"} Compatible node?`,onConfirm:async()=>{G(null);try{(await fetch(`/api/provider-nodes/${a}`,{method:"DELETE"})).ok&&c("/dashboard/providers")}catch(t){console.log("Error deleting provider node:",t)}}})},className:"w-full sm:w-auto",children:"Delete"})]})]})}),ut?e.jsx(Ws,{providerId:a}):e.jsxs(Ne,{children:[e.jsxs("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Connections"}),e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[d.length>0&&b.length>0&&e.jsx(N,{size:"sm",variant:"secondary",icon:"lan",onClick:()=>_(!0),children:"Apply Proxy"}),d.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(N,{size:"sm",variant:"secondary",icon:"sync",onClick:Ns,disabled:$e,children:$e?"Testing Connection One-by-One...":"Test Connection One-by-One"}),$e&&e.jsx(N,{size:"sm",variant:"ghost",icon:"stop",onClick:ks,disabled:Nt,children:Nt?"Stopping...":"Stop"})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),e.jsx(st,{checked:Ae==="round-robin",onChange:ys}),Ae==="round-robin"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-xs text-text-muted",children:"Sticky:"}),e.jsx("input",{type:"number",min:1,value:ge,onChange:t=>vs(t.target.value),placeholder:"1",className:"w-14 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]})]}),d.length===0?e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-9 h-9 rounded-full bg-primary/10 text-primary shrink-0",children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:Fe?"lock":"key"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-sm text-text-muted",children:"No connections yet"}),mt&&e.jsxs("p",{className:"text-xs text-text-muted",children:["Choose ",xt," or ",ht,"."]})]})]}),e.jsx("div",{className:"flex gap-2",children:mt?e.jsxs(e.Fragment,{children:[e.jsx(N,{size:"sm",icon:"lock",variant:"secondary",onClick:ct,children:xt}),e.jsx(N,{size:"sm",icon:"key",onClick:He,children:ht})]}):e.jsxs(e.Fragment,{children:[!he&&a==="iflow"&&e.jsx(N,{size:"sm",icon:"cookie",variant:"secondary",onClick:()=>U(!0),children:"Cookie"}),e.jsx(N,{size:"sm",icon:"add",onClick:St,children:he?"Add API Key":a==="iflow"?"OAuth":"Add Connection"})]})})]}):e.jsxs(e.Fragment,{children:[_e&&e.jsx("div",{className:"mb-4 rounded-lg border border-black/10 bg-black/[0.02] px-3 py-2 text-xs text-text-muted dark:border-white/10 dark:bg-white/[0.03]",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("span",{children:["Total: ",_e.total]}),e.jsxs("span",{children:["Completed: ",_e.completed]}),e.jsxs("span",{children:["Passed: ",_e.passed]}),e.jsxs("span",{children:["Failed: ",_e.failed]}),_e.stopped&&e.jsx("span",{className:"text-amber-600 dark:text-amber-400",children:"Stopped"}),$e&<&&e.jsxs("span",{children:["Running: ",((Bt=d.find(t=>t.id===lt))==null?void 0:Bt.name)||lt]})]})}),d.length>0&&e.jsxs("div",{className:"mb-2 flex items-center justify-between rounded-lg border border-black/5 bg-black/[0.02] px-3 py-2 dark:border-white/5 dark:bg-white/[0.02]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:Dt,onChange:Ts,className:"h-4 w-4 rounded border-black/20 text-primary focus:ring-primary dark:border-white/20 dark:bg-black"}),e.jsxs("span",{className:"text-sm font-medium",children:["Select All (",W.length,"/",d.length,")"]})]}),W.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[b.length>0&&e.jsx(N,{size:"sm",variant:"secondary",icon:"lan",onClick:()=>_(!0),children:"Apply Proxy"}),e.jsx(N,{size:"sm",variant:"danger",icon:"delete",onClick:()=>{W.length!==0&&G({title:"Delete Connections",message:`Delete ${W.length} selected connection(s)?`,onConfirm:async()=>{G(null);try{await Promise.all(W.map(t=>fetch(`/api/providers/${t}`,{method:"DELETE"}))),x(d.filter(t=>!W.includes(t.id))),Is()}catch(t){console.log("Error deleting connections:",t)}}})},children:"Delete Selected"})]})]}),Os,!he&&e.jsxs("div",{className:"mt-4 grid grid-cols-1 gap-2 sm:flex",children:[a==="iflow"&&e.jsx(N,{size:"sm",icon:"cookie",variant:"secondary",onClick:()=>U(!0),title:"Add connection using browser cookie",className:"w-full sm:w-auto",children:"Cookie"}),mt?e.jsxs(e.Fragment,{children:[e.jsx(N,{size:"sm",icon:"lock",variant:"secondary",onClick:ct,className:"w-full sm:w-auto",children:xt}),e.jsx(N,{size:"sm",icon:"key",onClick:He,className:"w-full sm:w-auto",children:ht})]}):e.jsx(N,{size:"sm",icon:"add",onClick:St,className:"w-full sm:w-auto",children:"Add"})]})]})]}),e.jsxs(Ne,{children:[e.jsxs("div",{className:"mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Available Models"}),!he&&(()=>{var I;const t=((I=Ve[a])==null?void 0:I.serviceKinds)||["llm"],r=t.includes("llm"),M=[...Le,...Y.filter(D=>!Le.some(H=>H.id===D.id))].filter(D=>{const H=D.type||"llm";return r&&(!D.type||D.type==="llm")?!0:t.includes(H)}).map(D=>D.id).filter(D=>!s.includes(D));return e.jsxs("div",{className:"flex gap-2",children:[s.length>0&&e.jsx(N,{size:"sm",variant:"secondary",icon:"restart_alt",onClick:gs,children:"Active All"}),M.length>0&&e.jsx(N,{size:"sm",variant:"secondary",icon:"block",onClick:()=>fs(M),children:"Disable All"})]})})()]}),!!se&&e.jsx("p",{className:"text-xs text-red-500 mb-3 break-words",children:se}),Ls()]}),$s]}),a==="kiro"?e.jsx(Hs,{isOpen:C,providerInfo:j,onSuccess:Xe,onClose:()=>R(!1)}):a==="cursor"?e.jsx(Qs,{isOpen:C,onSuccess:Xe,onClose:()=>R(!1)}):a==="gitlab"?e.jsx(Ys,{isOpen:C,providerInfo:j,onSuccess:Xe,onClose:()=>R(!1)}):e.jsx(Xs,{isOpen:C,provider:a,providerInfo:j,onSuccess:Xe,onClose:()=>R(!1)}),a==="iflow"&&e.jsx(Zs,{isOpen:L,onSuccess:Cs,onClose:()=>U(!1)}),e.jsx(ns,{isOpen:F,provider:a,providerName:j.name,isCompatible:he,isAnthropic:Te,authType:j==null?void 0:j.authType,authHint:j==null?void 0:j.authHint,website:j==null?void 0:j.website,proxyPools:b,error:X,onSave:Ss,onBulkDone:Se,onClose:()=>{E(""),J(!1)}}),e.jsx(ea,{isOpen:Z,connection:z,proxyPools:b,onSave:As,onClose:()=>A(!1)}),he&&e.jsx(os,{isOpen:O,node:h,onSave:bs,onClose:()=>P(!1),isAnthropic:Te}),!he&&e.jsx(ds,{isOpen:ue,providerAlias:ae,providerDisplayAlias:Qe,allowedKinds:((Gt=Ve[a])==null?void 0:Gt.serviceKinds)||["llm"],onSave:async(t,r)=>{const p=j!=null&&j.passthroughModels?t.split("/").pop():t;await Ge(t,p,ae),fe(!1)},onClose:()=>fe(!1)}),e.jsx(Qt,{isOpen:xe,onClose:()=>q(!1),onConfirm:ps,title:"Risk Notice",message:j==null?void 0:j.deprecationNotice,confirmText:"I Understand, Continue",cancelText:"Cancel",variant:"danger"}),e.jsx(Qt,{isOpen:!!k,onClose:()=>G(null),onConfirm:k==null?void 0:k.onConfirm,title:(k==null?void 0:k.title)||"Confirm",message:k==null?void 0:k.message,variant:"danger"})]})}export{ja as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as et,j as e,U as tt,P as Ae}from"./index.DAEHkWvS.js";import{b as c}from"./router.Cjj1--8t.js";import{C as rt}from"./Loading.CjQLhSfR.js";import{C as ce,T as st,E as nt}from"./NoAuthProxyCard.D1e90xgk.js";import"./zustand.akaTi5uX.js";function at(s){if(!s)return"-";try{const u=(typeof s=="string"?new Date(s):s)-new Date;if(u<=0)return"-";const l=Math.ceil(u/(1e3*60));if(l<60)return`${l}m`;const a=Math.floor(l/60),x=l%60;if(a<24)return`${a}h ${x}m`;const h=Math.floor(a/24),p=a%24;return`${h}d ${p}h ${x}m`}catch{return"-"}}function $e(s,n){return!n||n===0?0:!s||s<0?100:s>=n?0:Math.round((n-s)/n*100)}function it(s){return(s==null?void 0:s.remaining)!==void 0?Math.max(0,Math.round(s.remaining)):(s==null?void 0:s.remainingPercentage)!==void 0?Math.round(s.remainingPercentage):$e(s==null?void 0:s.used,s==null?void 0:s.total)}function ot(s,n){if(!n||typeof n!="object")return[];const o=[];try{switch(s.toLowerCase()){case"github":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null})});break;case"antigravity":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:a.displayName||l,modelKey:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null,remainingPercentage:a.remainingPercentage})});break;case"codex":if(n.quotas){const l={session:"Session (5h)",weekly:"Weekly (7d)",code_review:"Code Review",code_review_weekly:"Code Review Weekly",spark:"Spark",spark_weekly:"Spark Weekly"};Object.entries(n.quotas).forEach(([a,x])=>{o.push({name:x.displayName||l[a]||a,used:x.used||0,total:x.total||0,remaining:x.remaining,resetAt:x.resetAt||null})})}n.bankedResetCredits!==void 0&&n.bankedResetCredits>0&&o.push({name:"Banked Reset Credits",used:0,total:n.bankedResetCredits,remaining:n.bankedResetCredits,resetAt:null});break;case"kiro":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null})});break;case"qoder":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{l==="organization"&&(!a||(Number(a.total)||0)===0)||o.push({name:l==="user"?"Personal":l==="organization"?"Organization":l,used:a.used||0,total:a.total||0,unit:a.unit,resetAt:a.resetAt||null})});break;case"claude":n.message?o.push({name:"error",used:0,total:0,resetAt:null,message:n.message}):n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null})});break;case"leonardo":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l==="tokens"?"Tokens":l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null,unit:a.unit||null,remaining:a.remaining!==void 0?a.remaining:null})});break;case"weavy":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l==="tokens"?"tokens":l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null,unit:a.unit||null,remaining:a.remaining!==void 0?a.remaining:null})});break;case"cloudflare-ai":n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null,unit:a.unit||"neurons"})});break;default:n.quotas&&Object.entries(n.quotas).forEach(([l,a])=>{o.push({name:l,used:a.used||0,total:a.total||0,resetAt:a.resetAt||null,unit:a.unit||null,remaining:a.remaining!==void 0?a.remaining:null})})}}catch(l){return console.error(`Error parsing quota data for ${s}:`,l),[]}const u=et(s);if(u.length>0){const l=new Map(u.map((a,x)=>[a.id,x]));o.sort((a,x)=>{const h=a.modelKey||a.name,p=x.modelKey||x.name,U=l.get(h)??999,G=l.get(p)??999;return U-G})}return o}const W=10;function lt(s){if(!s)return null;try{const n=new Date(s),o=new Date,u=new Date(o.getFullYear(),o.getMonth(),o.getDate()),l=new Date(u);l.setDate(l.getDate()+1);let a="";n>=u&&n<l?a="Today":n>=l&&n<new Date(l.getTime()+1440*60*1e3)?a="Tomorrow":a=n.toLocaleDateString("en-US",{month:"short",day:"numeric"});const x=n.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});return`${a}, ${x}`}catch{return null}}function ct(s){return s>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"🟢"}:s>=30?{text:"text-yellow-600 dark:text-yellow-400",bg:"bg-yellow-500",bgLight:"bg-yellow-500/10",emoji:"🟡"}:{text:"text-red-600 dark:text-red-400",bg:"bg-red-500",bgLight:"bg-red-500/10",emoji:"🔴"}}function dt(s,n){return n==="remaining-asc"?[...s].sort((o,u)=>o.remaining-u.remaining||o.name.localeCompare(u.name)):n==="remaining-desc"?[...s].sort((o,u)=>u.remaining-o.remaining||o.name.localeCompare(u.name)):s}function ut({quotas:s=[],compact:n=!1,sortMode:o="default",showSortLabel:u=!1}){const[l,a]=c.useState(1),x=c.useMemo(()=>s.map((m,f)=>({...m,index:f,remaining:it(m)})),[s]),h=c.useMemo(()=>dt(x,o),[x,o]),p=Math.max(1,Math.ceil(h.length/W));if(c.useEffect(()=>{a(1)},[o,s]),c.useEffect(()=>{a(m=>Math.min(m,p))},[p]),!s||s.length===0)return null;const U=h.slice((l-1)*W,l*W),G=h.length===0?0:(l-1)*W+1,V=Math.min(l*W,h.length),b=n?"py-1 px-1.5":"py-2 px-3",q=n?"text-[11px]":"text-sm",v=n?"text-[11px]":"text-sm",J=n?"text-[10px] leading-tight":"text-xs";return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"text-[10px] text-text-muted",children:[h.length," quota",h.length>1?"s":""]}),u&&e.jsx("div",{className:"rounded-md border border-black/10 bg-black/[0.02] px-2 py-1 text-[10px] text-text-muted dark:border-white/10 dark:bg-white/[0.03]",children:"Sorted by account remaining"})]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsx("table",{className:"w-full table-fixed text-left",children:e.jsx("tbody",{children:U.map(m=>{var B;const f=ct(m.remaining),I=at(m.resetAt),D=lt(m.resetAt),te=((B=m.name)==null?void 0:B.toLowerCase())==="tokens"?Math.max(0,m.total-m.used):m.used;return e.jsxs("tr",{className:"border-b border-black/5 dark:border-white/5 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[e.jsx("td",{className:`${b} w-[30%]`,children:e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"text-[10px] shrink-0",children:f.emoji}),e.jsx("span",{className:`${q} font-medium text-text-primary truncate`,children:m.name})]})}),e.jsx("td",{className:`${b} w-[45%]`,children:e.jsxs("div",{className:n?"space-y-1":"space-y-1.5",children:[e.jsx("div",{className:`${n?"h-1":"h-1.5"} rounded-full overflow-hidden border ${f.bgLight} ${m.remaining===0?"border-black/10 dark:border-white/10":"border-transparent"}`,children:e.jsx("div",{className:`h-full transition-all duration-300 ${f.bg}`,style:{width:`${Math.min(m.remaining,100)}%`}})}),e.jsxs("div",{className:`flex items-center justify-between ${n?"text-[10px]":"text-xs"}`,children:[e.jsxs("span",{className:"text-text-muted",children:[te.toLocaleString()," / ",m.total>0?m.total.toLocaleString():"∞"]}),e.jsxs("span",{className:`font-medium ${f.text}`,children:[m.remaining,"%"]})]})]})}),e.jsx("td",{className:`${b} w-[25%]`,children:I!=="-"||D?n?e.jsx("div",{className:`${v} text-text-primary font-medium truncate`,title:D||"",children:I!=="-"?`in ${I}`:D}):e.jsxs("div",{className:"space-y-0.5",children:[I!=="-"&&e.jsxs("div",{className:`${v} text-text-primary font-medium`,children:["in ",I]}),D&&e.jsx("div",{className:`${J} text-text-muted`,children:D})]}):e.jsx("div",{className:`${v} text-text-muted italic`,children:"N/A"})})]},`${m.name}-${m.index}`)})})})}),p>1&&e.jsxs("div",{className:"rounded-md border border-black/10 bg-black/[0.02] px-2 py-1.5 dark:border-white/10 dark:bg-white/[0.03]",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 text-[10px] text-text-muted",children:[e.jsxs("span",{children:["Showing ",G,"-",V," of ",h.length]}),e.jsxs("span",{children:["Page ",l," / ",p]})]}),e.jsxs("div",{className:"mt-1.5 flex items-center justify-end gap-1",children:[e.jsx("button",{type:"button",onClick:()=>a(m=>Math.max(1,m-1)),disabled:l===1,className:"flex h-6 items-center rounded-md border border-black/10 px-2 text-[10px] text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Prev"}),e.jsx("button",{type:"button",onClick:()=>a(m=>Math.min(p,m+1)),disabled:l===p,className:"flex h-6 items-center rounded-md border border-black/10 px-2 text-[10px] text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Next"})]})]})]})}function X(s){const n=o=>typeof o=="string"&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o);return n(s.email)?s.email:(n(s.name),s.name)}function mt(s,n,o){if(!o)return s;const u=l=>{var x;const a=(((x=n[l.id])==null?void 0:x.quotas)||[]).map(h=>h.resetAt?new Date(h.resetAt).getTime():Number.POSITIVE_INFINITY).filter(h=>Number.isFinite(h));return a.length>0?Math.min(...a):Number.POSITIVE_INFINITY};return[...s].sort((l,a)=>{const x=u(l)-u(a);return x!==0?x:(l.provider||"").localeCompare(a.provider||"")||(X(l)||"").localeCompare(X(a)||"")})}function Pe(s){const n={};return s.forEach(o=>{n[o.id]=!0}),n}function Z(s,n){const o=new Set(n.map(u=>u.id));return Object.fromEntries(Object.entries(s).filter(([u])=>o.has(u)))}function xt(s){if(!s.total)return{start:0,end:0};const n=(s.page-1)*s.pageSize+1,o=Math.min(s.page*s.pageSize,s.total);return{start:n,end:o}}function ht(s,n,o){return s.eligibleConnections?s.providerFilteredConnections?{icon:"filter_alt_off",title:"No Accounts On This Page",description:"Try moving to another page or refreshing the current filters."}:{icon:"filter_alt_off",title:"No Accounts Match Current Filters",description:n==="all"?"Try changing the account status filter to see more quota trackers.":`No ${o==="inactive"?"turned off":o==="active"?"active":"matching"} accounts found for ${n}.`}:{icon:"cloud_off",title:"No Providers Connected",description:"Connect to providers with OAuth to track your API quota limits and usage."}}function pt(s){const{start:n,end:o}=xt(s);return`Showing ${n}-${o} of ${s.total}`}function bt(s,n){return s||{page:1,pageSize:n,total:0,totalPages:1}}function gt(s,n=0){return s||{eligibleConnections:n,providerFilteredConnections:n}}function de(s,n){return s!==n}function ft(s,n){return(s==null?void 0:s.page)||n}function yt(s){return s||[]}async function ue(s,n){return await s(n)}const he="quotaCacheData";function Me(){if(typeof window>"u")return{};try{const s=window.localStorage.getItem(he);return s?JSON.parse(s):{}}catch(s){return console.error("Error reading quota cache:",s),{}}}function Te(s,n){if(!(typeof window>"u"))try{const o=Me();o[s]={...n,cachedAt:new Date().toISOString()},window.localStorage.setItem(he,JSON.stringify(o))}catch(o){console.error("Error writing quota cache:",o)}}const Oe=6e4,vt=5,Ie="quotaAutoRefresh",wt=[{value:"all",label:"All accounts"},{value:"active",label:"Active"},{value:"inactive",label:"Turned off"}],kt=[{value:"default",label:"Default order"},{value:"remaining-asc",label:"Least credits first"},{value:"remaining-desc",label:"Most credits first"},{value:"balance-asc",label:"Saldo Terendah (Lowest Balance)"},{value:"balance-desc",label:"Saldo Tertinggi (Highest Balance)"}],me=20,De=[10,20,50,100],xe=500;function jt(){const[s,n]=c.useState([]),[o,u]=c.useState({}),[l,a]=c.useState({}),[x,h]=c.useState({}),[p,U]=c.useState(!0),[G,V]=c.useState(null),[b,q]=c.useState(!1),[v,J]=c.useState(!1),[pe,m]=c.useState(60),[f,I]=c.useState(!0),[D,ee]=c.useState(null),[te,B]=c.useState(null),[_e,re]=c.useState(!1),[R,se]=c.useState(null),[Re,Le]=c.useState([]),[A,ne]=c.useState("all"),[Fe,be]=c.useState([]),[L,ge]=c.useState("all"),[P,fe]=c.useState("default"),[F,ze]=c.useState(!1),[Nt,St]=c.useState(!1),[Y,ye]=c.useState(!1),[w,C]=c.useState(1),[$,ae]=c.useState(me),[ie,Q]=c.useState(String(me)),[E,ve]=c.useState({page:1,pageSize:me,total:0,totalPages:1}),[k,we]=c.useState({eligibleConnections:0,providerFilteredConnections:0}),T=c.useRef(null),O=c.useRef(null),j=c.useCallback(async(t=w)=>{try{let r="priority";F?r="expiring":P==="remaining-asc"?r="usage-asc":P==="remaining-desc"?r="usage-desc":P==="balance-asc"?r="balance-asc":P==="balance-desc"&&(r="balance-desc");const i=new URLSearchParams({page:String(t),pageSize:String($),accountStatus:L,sort:r});A!=="all"&&i.set("provider",A);const d=await fetch(`/api/providers/client?${i.toString()}`);if(!d.ok)throw new Error("Failed to fetch connections");const N=await d.json(),g=N.connections||[],y=bt(N.pagination,$),S=gt(N.totals,g.length);return n(g),be(yt(N.providerOptions)),ve(y),we(S),C(ft(N.pagination,t)),g}catch(r){return console.error("Error fetching connections:",r),n([]),be([]),ve({page:1,pageSize:$,total:0,totalPages:1}),we({eligibleConnections:0,providerFilteredConnections:0}),[]}},[L,F,w,$,A,P]),M=c.useCallback(async(t,r)=>{a(i=>({...i,[t]:!0})),h(i=>({...i,[t]:null}));try{const i=await fetch(`/api/usage/${t}`);if(!i.ok){const S=(await i.json().catch(()=>({}))).error||i.statusText;if(i.status===404)return;if(i.status===401){const _={quotas:[],message:S};u(H=>({...H,[t]:_})),Te(t,_);return}throw new Error(`HTTP ${i.status}: ${S}`)}const d=await i.json(),g={quotas:ot(r,d),plan:d.plan||null,message:d.message||null,raw:d};u(y=>({...y,[t]:g})),Te(t,g)}catch(i){h(d=>({...d,[t]:i.message||"Failed to fetch quota"}))}finally{a(i=>({...i,[t]:!1}))}},[]),Ue=c.useCallback(async(t,r)=>{await M(t,r),V(new Date)},[M]),Qe=c.useCallback(async t=>{if(confirm("Delete this connection?")){ee(t);try{if((await fetch(`/api/providers/${t}`,{method:"DELETE"})).ok){if(u(i=>{const d={...i};return delete d[t],d}),a(i=>{const d={...i};return delete d[t],d}),h(i=>{const d={...i};return delete d[t],d}),typeof window<"u")try{const i=Me();i[t]&&(delete i[t],window.localStorage.setItem(he,JSON.stringify(i)))}catch(i){console.error("Error deleting cache entry:",i)}await ue(j,w)}}catch(r){console.error("Error deleting connection:",r)}finally{ee(null)}}},[j,w]),He=c.useCallback(async(t,r)=>{B(t);try{(await fetch(`/api/providers/${t}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:r})})).ok&&(u(d=>({...d})),await ue(j,w))}catch(i){console.error("Error updating connection status:",i)}finally{B(null)}},[j,w]),Ve=c.useCallback(async t=>{if(!(R!=null&&R.id))return;const r=R.id,i=R.provider;try{(await fetch(`/api/providers/${r}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok&&(await j(),re(!1),se(null),tt.includes(i)&&await M(r,i))}catch(d){console.error("Error saving connection:",d)}},[R,j,M]);c.useEffect(()=>{let t=!1;return fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}).then(r=>r.json()).then(r=>{!t&&(r!=null&&r.proxyPools)&&Le(r.proxyPools)}).catch(()=>{}),()=>{t=!0}},[]);const K=c.useCallback(async()=>{if(!v){J(!0),m(60);try{const t=await j(w);a(Pe(t)),h(r=>Z(r,t)),u(r=>Z(r,t)),await Promise.all(t.map(r=>M(r.id,r.provider))),V(new Date)}catch(t){console.error("Error refreshing all providers:",t)}finally{J(!1)}}},[v,j,M,w]);c.useEffect(()=>{if(!b)return;(async()=>{I(!0);const r=await j(w);I(!1),a(Pe(r)),h(i=>Z(i,r)),u(i=>Z(i,r)),await Promise.all(r.map(i=>M(i.id,i.provider))),V(new Date)})()},[j,M,w,b]);const ke="quotaProviderFilter",je="quotaAccountFilter",Ne="quotaSortMode";c.useEffect(()=>{if(typeof window>"u")return;const t=window.localStorage.getItem(Ie);U(t===null?!0:t==="true");const r=window.localStorage.getItem(ke);r&&ne(r);const i=window.localStorage.getItem(je);i&&ge(i);const d=window.localStorage.getItem(Ne);d&&fe(d),q(!0)},[]),c.useEffect(()=>{typeof window>"u"||!b||window.localStorage.setItem(Ie,String(p))},[p,b]),c.useEffect(()=>{typeof window>"u"||!b||window.localStorage.setItem(ke,A)},[A,b]),c.useEffect(()=>{typeof window>"u"||!b||window.localStorage.setItem(je,L)},[L,b]),c.useEffect(()=>{typeof window>"u"||!b||window.localStorage.setItem(Ne,P)},[P,b]),c.useEffect(()=>{if(!b||!p){T.current&&(clearInterval(T.current),T.current=null),O.current&&(clearInterval(O.current),O.current=null);return}return T.current=setInterval(()=>{K()},Oe),O.current=setInterval(()=>{m(t=>t<=1?60:t-1)},1e3),()=>{T.current&&clearInterval(T.current),O.current&&clearInterval(O.current)}},[p,K,b]),c.useEffect(()=>{const t=()=>{document.hidden?(T.current&&(clearInterval(T.current),T.current=null),O.current&&(clearInterval(O.current),O.current=null)):p&&b&&(T.current=setInterval(K,Oe),O.current=setInterval(()=>{m(r=>r<=1?60:r-1)},1e3))};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t)}},[p,K,b]);const z=c.useMemo(()=>mt(s,o,F),[s,o,F]),Se=t=>{var i;const r=(i=o[t.id])==null?void 0:i.quotas;return r!=null&&r.length?r.some(d=>!d.total||d.total<=0?!1:$e(d.used,d.total)<=vt):!1},Ce=t=>{const r=o[t.id];return r&&r.message==="Account disabled (Credits exhausted)"},oe=c.useCallback(async(t,r)=>{if(!(!t.length||Y)){ye(!0);try{await Promise.all(t.map(i=>fetch(`/api/providers/${i}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:r})}))),await ue(j,w)}catch(i){console.error("Error bulk toggling connections:",i)}finally{ye(!1)}}},[Y,j,w]),Be=()=>{const t=z.filter(r=>(r.isActive??!0)&&Se(r)).map(r=>r.id);oe(t,!1)},Ye=()=>{const t=z.filter(r=>(r.isActive??!0)&&Ce(r)).map(r=>r.id);oe(t,!1)},Ke=()=>{const t=z.filter(r=>!(r.isActive??!0)&&!Se(r)&&!Ce(r)).map(r=>r.id);oe(t,!0)},{totalCredits:We,providerStats:Ge,exhaustedCount:Ee}=c.useMemo(()=>{var N;let t=0;const r={};let i=0;z.forEach(g=>{const y=o[g.id];if(y&&y.message==="Account disabled (Credits exhausted)"&&(i+=1),!y)return;const S=g.provider;r[S]||(r[S]={accounts:0,credits:0}),r[S].accounts+=1,y.quotas&&y.quotas.forEach(_=>{let H=typeof _.remaining=="number"&&Number.isFinite(_.remaining)?_.remaining:Math.max(0,(_.total||0)-(_.used||0));Number.isFinite(H)&&H>0&&S!=="cloudflare-ai"&&(t+=H,r[S].credits+=H)})});const d=((N=k==null?void 0:k.providerCounts)==null?void 0:N["cloudflare-ai"])||0;if(d>0){const g=(k==null?void 0:k.cloudflareAi)!==void 0?Math.max(0,k.cloudflareAi.total-k.cloudflareAi.used):d*1e4;r["cloudflare-ai"]||(r["cloudflare-ai"]={accounts:d,credits:0}),r["cloudflare-ai"].accounts=d,r["cloudflare-ai"].credits=g,t+=g}return{totalCredits:t,providerStats:r,exhaustedCount:i}},[o,z,k]),Je=k.eligibleConnections>0,Ze=z.length>0,le=ht(k,A,L),Xe=pt(E),qe=!De.includes($);return!f&&!Je?e.jsx(ce,{padding:"lg",children:e.jsxs("div",{className:"text-center py-12",children:[e.jsx("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),e.jsx("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),e.jsx("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:"Connect to providers with OAuth to track your API quota limits and usage."})]})}):e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-sm font-medium text-text-primary px-1",children:[e.jsxs("div",{className:"flex items-center gap-1.5 bg-black/5 dark:bg-white/10 px-2.5 py-1 rounded-md",title:"Total active accounts on this page",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-text-muted",children:"group"}),e.jsxs("span",{children:[k.providerFilteredConnections," Accounts"]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 bg-primary/10 px-2.5 py-1 rounded-md",title:"Total credits across these accounts",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"database"}),e.jsxs("span",{className:"text-primary",children:[Math.floor(We)," Credits"]})]}),Ee>0&&e.jsxs("div",{className:"flex items-center gap-1.5 bg-red-500/10 px-2.5 py-1 rounded-md",title:"Total exhausted accounts",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-red-500",children:"warning"}),e.jsxs("span",{className:"text-red-500",children:[Ee," Exhausted"]})]}),e.jsx("div",{className:"flex flex-wrap items-center gap-1 ml-2",children:Object.entries(Ge).map(([t,r])=>e.jsxs("div",{className:"flex items-center gap-1 bg-black/5 dark:bg-white/5 px-2 py-0.5 rounded text-xs text-text-muted border border-black/10 dark:border-white/10",title:`${r.accounts} accounts`,children:[e.jsx("span",{className:"capitalize",children:t}),": ",e.jsx("span",{className:"font-semibold text-text-primary",children:Math.floor(r.credits)})]},t))})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1 justify-end",children:[e.jsxs("div",{className:"flex flex-wrap gap-1",children:[e.jsxs("button",{type:"button",onClick:()=>{de(A,"all")&&C(1),ne("all")},className:`flex h-8 items-center gap-1.5 rounded-lg px-2.5 text-xs font-medium transition-colors ${A==="all"?"bg-primary/15 text-primary border border-primary/30":"bg-black/5 text-text-muted border border-transparent hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10"}`,children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"apps"}),e.jsx("span",{children:"All"})]}),Fe.map(t=>e.jsxs("button",{type:"button",onClick:()=>{de(A,t)&&C(1),ne(t)},className:`flex h-8 items-center gap-1.5 rounded-lg px-2.5 text-xs font-medium transition-colors ${A===t?"bg-primary/15 text-primary border border-primary/30":"bg-black/5 text-text-muted border border-transparent hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10"}`,children:[e.jsx(Ae,{src:t==="codebuddy"||t==="cb"?"/providers/codebuddy.svg":`/providers/${t}.png`,alt:t,size:16,className:"size-4 rounded object-contain",fallbackText:t.slice(0,2).toUpperCase()}),e.jsx("span",{className:"capitalize",children:t})]},t))]}),e.jsx("select",{value:L,onChange:t=>{const r=t.target.value;de(L,r)&&C(1),ge(r)},className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Filter accounts by status",children:wt.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))}),e.jsx("select",{value:P,onChange:t=>fe(t.target.value),className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Sort quotas by remaining",children:kt.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))}),e.jsxs("button",{type:"button",onClick:()=>ze(t=>!t),"aria-pressed":F,className:`flex h-8 shrink-0 items-center gap-1 rounded-lg border px-2 text-xs transition-colors ${F?"border-amber-500/40 bg-amber-500/10 text-amber-500":"border-black/10 text-text-primary hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5"}`,title:"Sort accounts by earliest quota reset time",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"hourglass_top"}),e.jsx("span",{className:"hidden sm:inline",children:"Expiring first"})]}),e.jsxs("button",{type:"button",onClick:Be,disabled:Y,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-red-500/30 px-2 text-xs text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50",title:"Disable connections with depleted quota on the current page",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"block"}),e.jsx("span",{className:"hidden sm:inline",children:"Turn off Empty"})]}),e.jsxs("button",{type:"button",onClick:Ye,disabled:Y,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-red-500/30 px-2 text-xs text-red-500 transition-colors hover:bg-red-500/10 disabled:opacity-50",title:"Disable connections that are exhausted",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"block"}),e.jsx("span",{className:"hidden sm:inline",children:"Disable Exhausted"})]}),e.jsxs("button",{type:"button",onClick:Ke,disabled:Y,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-emerald-500/30 px-2 text-xs text-emerald-500 transition-colors hover:bg-emerald-500/10 disabled:opacity-50",title:"Enable connections that still have quota on the current page",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"check_circle"}),e.jsx("span",{className:"hidden sm:inline",children:"Turn on Available"})]}),e.jsxs("button",{onClick:()=>U(t=>!t),className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-black/10 px-2 text-xs transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5",title:p?"Disable auto-refresh":"Enable auto-refresh",children:[e.jsx("span",{className:`material-symbols-outlined text-[14px] ${p?"text-primary":"text-text-muted"}`,children:p?"toggle_on":"toggle_off"}),e.jsx("span",{className:"hidden text-text-primary sm:inline",children:"Auto-refresh"}),p&&e.jsxs("span",{className:"text-[10px] text-text-muted tabular-nums",children:["(",pe,"s)"]})]}),e.jsx("button",{type:"button",onClick:K,disabled:v,className:"flex h-8 shrink-0 items-center gap-1 rounded-lg border border-black/10 px-2 text-xs text-text-primary transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/5 disabled:opacity-50",title:"Refresh all",children:e.jsx("span",{className:`material-symbols-outlined text-[14px] ${v?"animate-spin":""}`,children:"refresh"})})]})]}),(F||P!=="default")&&e.jsx("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/10 px-3 py-2 text-xs text-amber-700 dark:text-amber-300 mb-3",children:"Sorting currently reorders accounts inside the current page. Cross-page ordering still follows backend pagination. Try increasing the page size to sort across more accounts."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:!f&&!Ze?e.jsx("div",{className:"col-span-1 md:col-span-2",children:e.jsx(ce,{padding:"lg",children:e.jsxs("div",{className:"text-center py-12",children:[e.jsx("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:le.icon}),e.jsx("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:le.title}),e.jsx("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:le.description})]})})}):z.map(t=>{var y;const r=o[t.id],i=l[t.id],d=x[t.id],N=t.isActive===!1,g=D===t.id||te===t.id;return e.jsxs(ce,{padding:"none",className:`min-w-0 ${N?"opacity-60":""}`,children:[e.jsx("div",{className:"px-3 py-2 border-b border-black/10 dark:border-white/10",children:e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx("div",{className:"w-8 h-8 shrink-0 rounded-md flex items-center justify-center overflow-hidden",children:e.jsx(Ae,{src:t.provider==="codebuddy"||t.provider==="cb"?"/providers/codebuddy.svg":`/providers/${t.provider}.png`,alt:t.provider,size:32,className:"object-contain",fallbackText:((y=t.provider)==null?void 0:y.slice(0,2).toUpperCase())||"PR"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"text-sm font-semibold text-text-primary capitalize truncate",children:t.provider}),X(t)?e.jsx("p",{className:"text-xs text-text-muted truncate",children:X(t)}):null]})]}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[e.jsx("button",{type:"button",onClick:()=>Ue(t.id,t.provider),disabled:i||g,"aria-label":"Refresh quota",className:"p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/5 transition-colors disabled:opacity-50",title:"Refresh quota",children:e.jsx("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${i?"animate-spin":""}`,children:"refresh"})}),e.jsx("button",{type:"button",onClick:()=>{se(t),re(!0)},disabled:g,"aria-label":"Edit connection",className:"p-1.5 rounded-lg hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary transition-colors disabled:opacity-50",title:"Edit connection",children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),e.jsx("button",{type:"button",onClick:()=>Qe(t.id),disabled:g,"aria-label":"Delete connection",className:"p-1.5 rounded-lg hover:bg-red-500/10 text-red-500 transition-colors disabled:opacity-50",title:"Delete connection",children:e.jsx("span",{className:`material-symbols-outlined text-[18px] ${D===t.id?"animate-pulse":""}`,children:"delete"})}),e.jsx("div",{className:"inline-flex items-center pl-0.5",title:t.isActive??!0?"Disable connection":"Enable connection",children:e.jsx(st,{size:"sm",checked:t.isActive??!0,disabled:g,onChange:S=>He(t.id,S)})})]})]})}),e.jsx("div",{className:"px-2 py-1.5",children:i?e.jsx("div",{className:"text-center py-5 text-text-muted",children:e.jsx("span",{className:"material-symbols-outlined text-[28px] animate-spin",children:"progress_activity"})}):d?e.jsxs("div",{className:"text-center py-5",children:[e.jsx("span",{className:"material-symbols-outlined text-[28px] text-red-500",children:"error"}),e.jsx("p",{className:"mt-1.5 text-xs text-text-muted",children:d})]}):r!=null&&r.message?e.jsx("div",{className:"text-center py-5",children:e.jsx("p",{className:"text-xs text-text-muted",children:r.message})}):e.jsx(ut,{quotas:r==null?void 0:r.quotas,compact:!0,sortMode:"default",showSortLabel:t.provider==="codex"&&P!=="default"})})]},t.id)})}),e.jsx("div",{className:"rounded-xl border border-black/10 bg-black/[0.02] px-3 py-2 dark:border-white/10 dark:bg-white/[0.03]",children:e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-text-muted",children:Xe}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsxs("select",{value:qe?"custom":String($),onChange:t=>{const r=t.target.value;if(r==="custom")return;const i=Number.parseInt(r,10);Number.isFinite(i)&&(C(1),ae(i),Q(String(i)))},className:"h-8 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Accounts per page",children:[De.map(t=>e.jsxs("option",{value:String(t),children:[t," / page"]},t)),e.jsx("option",{value:"500",children:"500 / page"}),e.jsx("option",{value:"1000",children:"1000 / page"}),e.jsx("option",{value:"custom",children:"Custom"})]}),e.jsx("input",{type:"number",min:"1",max:String(xe),inputMode:"numeric",value:ie,onChange:t=>Q(t.target.value),onBlur:()=>{const t=Number.parseInt(ie,10);if(!Number.isFinite(t)){Q(String($));return}const r=Math.min(xe,Math.max(1,t));C(1),ae(r),Q(String(r))},onKeyDown:t=>{if(t.key!=="Enter")return;const r=Number.parseInt(ie,10);if(!Number.isFinite(r)){Q(String($));return}const i=Math.min(xe,Math.max(1,r));C(1),ae(i),Q(String(i))},className:"h-8 w-20 rounded-lg border border-black/10 bg-black/[0.02] px-2 text-xs text-text-primary outline-none transition-colors hover:bg-black/5 dark:border-white/10 dark:bg-white/[0.03] dark:hover:bg-white/10","aria-label":"Custom accounts per page",placeholder:"Custom"}),e.jsxs("span",{className:"text-xs text-text-muted",children:["Page ",E.page," / ",E.totalPages]})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("button",{suppressHydrationWarning:!0,type:"button",onClick:()=>C(1),disabled:E.page<=1||f||v,className:"flex h-8 items-center rounded-lg border border-black/10 px-3 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"First Page"}),e.jsx("button",{suppressHydrationWarning:!0,type:"button",onClick:()=>C(t=>Math.max(1,t-1)),disabled:E.page<=1||f||v,className:"flex h-8 w-8 items-center justify-center rounded-lg border border-black/10 text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5","aria-label":"Previous accounts page",children:e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_left"})}),e.jsx("button",{suppressHydrationWarning:!0,type:"button",onClick:()=>C(t=>Math.min(E.totalPages,t+1)),disabled:E.page>=E.totalPages||f||v,className:"flex h-8 w-8 items-center justify-center rounded-lg border border-black/10 text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5","aria-label":"Next accounts page",children:e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"chevron_right"})}),e.jsx("button",{suppressHydrationWarning:!0,type:"button",onClick:()=>C(E.totalPages),disabled:E.page>=E.totalPages||f||v,className:"flex h-8 items-center rounded-lg border border-black/10 px-3 text-xs text-text-primary transition-colors hover:bg-black/5 disabled:cursor-not-allowed disabled:opacity-40 dark:border-white/10 dark:hover:bg-white/5",children:"Last Page"})]})]})}),e.jsx(nt,{isOpen:_e,connection:R,proxyPools:Re,onSave:Ve,onClose:()=>{re(!1),se(null)}})]})}function Ot(){return e.jsx(c.Suspense,{fallback:e.jsx(rt,{}),children:e.jsx(jt,{})})}export{Ot as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as e,I as pe,v as fe,B as A,P as be,g as ge}from"./index.DAEHkWvS.js";import{h as je,d as we,b as c,L as ve}from"./router.Cjj1--8t.js";import{C as S,I as ye,T as Ne,M as ke}from"./NoAuthProxyCard.D1e90xgk.js";import"./zustand.akaTi5uX.js";function Se(o){if(typeof o!="string")return{providerId:"",model:""};const g=o.indexOf("/");return g<0?{providerId:o,model:""}:{providerId:o.slice(0,g),model:o.slice(g+1)}}const Re=/^[a-zA-Z0-9_.\-]+$/,Ee={webSearch:"Web Search",webFetch:"Web Fetch",image:"Text to Image",tts:"Text To Speech"},V={webSearch:"/v1/search",webFetch:"/v1/web/fetch",image:"/v1/images/generations",tts:"/v1/audio/speech"},L={webSearch:o=>({model:o,query:"What is the latest news about AI?",search_type:"web",max_results:5}),webFetch:o=>({model:o,url:"https://example.com",format:"markdown"}),image:o=>({model:o,prompt:"A cute cat playing piano",n:1,size:"1024x1024"}),tts:o=>({model:o,input:"Hello, this is a test.",voice:"alloy"})};function X(o){return o==="webSearch"||o==="webFetch"?"/dashboard/media-providers/web":`/dashboard/media-providers/${o}`}function Le(){var K;const{id:o}=je(),g=we(),[r,P]=c.useState(null),[q,O]=c.useState(!0),[N,_]=c.useState(""),[G,R]=c.useState(""),[m,j]=c.useState([]),[Y,$]=c.useState(!1),[Z,I]=c.useState(!1),[M,Q]=c.useState([]),[D,B]=c.useState(!1),[l,w]=c.useState(null),[z,E]=c.useState(""),[U,ee]=c.useState(""),[te,se]=c.useState([]),[ae,ne]=c.useState({}),H=async()=>{var t,s,a;try{const[n,i,k,y,x,p]=await Promise.all([fetch(`/api/combos/${o}`,{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"}),fetch("/api/usage/logs",{cache:"no-store"}),fetch("/api/keys",{cache:"no-store"}),fetch("/api/providers",{cache:"no-store"}),fetch("/api/models/alias",{cache:"no-store"})]);if(p.ok&&ne((await p.json()).aliases||{}),y.ok){const b=await y.json();ee(((t=(b.keys||[]).find(d=>d.isActive!==!1))==null?void 0:t.key)||"")}if(x.ok&&se((await x.json()).connections||[]),!n.ok){P(null),O(!1);return}const h=await n.json();P(h),_(h.name),j(h.models||[]);const f=i.ok?await i.json():{};$(((a=(s=f.comboStrategies)==null?void 0:s[h.name])==null?void 0:a.fallbackStrategy)==="round-robin");const u=k.ok?await k.json():[];Q(u.filter(b=>typeof b=="string"&&b.includes(h.name)).slice(0,50))}catch{}O(!1)};c.useEffect(()=>{H()},[o]);const F=t=>t.trim()?Re.test(t)?(R(""),!0):(R("Only letters, numbers, -, _ and ."),!1):(R("Name is required"),!1),v=async t=>{const s=await fetch(`/api/combos/${o}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!s.ok){const a=await s.json();return alert(a.error||"Failed to save"),!1}return!0},oe=async()=>{if(!F(N)||N===r.name)return;await v({name:N})&&await H()},re=async t=>{const s=(t==null?void 0:t.value)||t;if(!s||m.includes(s))return;const a=[...m,s];j(a),await v({models:a})},le=async t=>{const s=(t==null?void 0:t.value)||t;if(!s||!m.includes(s))return;const a=m.filter(n=>n!==s);j(a),await v({models:a})},ie=async t=>{const s=m.filter((a,n)=>n!==t);j(s),await v({models:s})},J=async(t,s)=>{const a=[...m],n=t+s;n<0||n>=a.length||([a[t],a[n]]=[a[n],a[t]],j(a),await v({models:a}))},ce=async t=>{$(t);const s=await fetch("/api/settings",{cache:"no-store"}),n={...(s.ok?await s.json():{}).comboStrategies||{}};t?n[r.name]={fallbackStrategy:"round-robin"}:delete n[r.name],await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:n})})},de=async()=>{if(!confirm(`Delete combo "${r.name}"?`))return;(await fetch(`/api/combos/${o}`,{method:"DELETE"})).ok&&g(X(r.kind))},me=async()=>{var s,a,n;if(B(!0),w(null),E(""),l!=null&&l.audioUrl)try{URL.revokeObjectURL(l.audioUrl)}catch{}if((s=l==null?void 0:l.imageUrl)!=null&&s.startsWith("blob:"))try{URL.revokeObjectURL(l.imageUrl)}catch{}const t=Date.now();try{const i=V[r.kind],k=L[r.kind](r.name),y={"Content-Type":"application/json"};U&&(y.Authorization=`Bearer ${U}`);const x=await fetch(`/api${i}`,{method:"POST",headers:y,body:JSON.stringify(k)}),p=Date.now()-t;if(!x.ok){const d=await x.json().catch(()=>({}));E(((a=d==null?void 0:d.error)==null?void 0:a.message)||(d==null?void 0:d.error)||`HTTP ${x.status}`),w({json:JSON.stringify(d,null,2),latencyMs:p});return}const h=x.headers.get("content-type")||"";if(h.startsWith("image/")){const d=await x.blob();w({imageUrl:URL.createObjectURL(d),latencyMs:p});return}if(h.startsWith("audio/")||h==="application/octet-stream"){const d=await x.blob();w({audioUrl:URL.createObjectURL(d),latencyMs:p});return}const f=await x.json(),u=(n=f==null?void 0:f.data)==null?void 0:n[0],b=u!=null&&u.b64_json?`data:image/png;base64,${u.b64_json}`:(u==null?void 0:u.url)||"";w({json:JSON.stringify(C(f),null,2),imageUrl:b,latencyMs:p})}catch(i){E(i.message||"Network error")}B(!1)};function C(t){if(!t||typeof t!="object")return t;if(Array.isArray(t))return t.map(C);const s={};for(const[a,n]of Object.entries(t))s[a]=a==="b64_json"&&typeof n=="string"&&n.length>100?`<${n.length} chars base64>`:C(n);return s}if(q)return e.jsx("div",{className:"text-text-muted text-sm",children:"Loading..."});if(!r)return null;const W=Ee[r.kind]||((K=pe.find(t=>t.id===r.kind))==null?void 0:K.label)||"Combo",T=V[r.kind],xe=r.kind&&L[r.kind]?L[r.kind](r.name):null,he=T?`curl -X POST ${fe()}${T} \\
|
|
2
|
+
-H "Content-Type: application/json" \\
|
|
3
|
+
-H "Authorization: Bearer ${U||"YOUR_KEY"}" \\
|
|
4
|
+
-d '${JSON.stringify(xe)}'`:"",ue=X(r.kind);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx(ve,{to:ue,className:"text-text-muted hover:text-primary",children:e.jsx("span",{className:"material-symbols-outlined",children:"arrow_back"})}),e.jsx("div",{className:"size-10 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-primary",children:"layers"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("p",{className:"text-xs text-text-muted",children:[W," Combo"]}),e.jsx("code",{className:"text-lg font-semibold font-mono",children:r.name})]})]}),e.jsx(A,{variant:"outline",icon:"delete",onClick:de,className:"text-red-500 border-red-200 hover:bg-red-50",children:"Delete"})]}),e.jsxs(S,{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Settings"}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx(ye,{label:"Combo Name",value:N,onChange:t=>{_(t.target.value),F(t.target.value)},onBlur:oe,error:G}),e.jsx("p",{className:"text-[10px] text-text-muted mt-0.5",children:"Only letters, numbers, -, _ and ."})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",children:"Round Robin"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Rotate providers across requests instead of strict fallback order."})]}),e.jsx(Ne,{checked:Y,onChange:ce})]})]})]}),e.jsxs(S,{children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-3",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Providers"}),e.jsx("p",{className:"text-xs text-text-muted",children:"Tried in order (top-down) or rotated when round-robin is on."})]}),e.jsx(A,{size:"sm",icon:"add",onClick:()=>I(!0),children:"Add Provider"})]}),m.length===0?e.jsx("div",{className:"text-center py-6 border border-dashed border-border rounded-lg text-text-muted text-sm",children:"No providers yet."}):e.jsx("div",{className:"flex flex-col gap-2",children:m.map((t,s)=>{const{providerId:a,model:n}=Se(t),i=ge[a];return e.jsxs("div",{className:"flex items-center gap-3 p-2 rounded-lg bg-black/[0.02] dark:bg-white/[0.02]",children:[e.jsx("span",{className:"text-xs text-text-muted w-5 text-center",children:s+1}),e.jsx(be,{src:`/providers/${a}.png`,alt:(i==null?void 0:i.name)||a,size:24,className:"object-contain rounded shrink-0",fallbackText:(i==null?void 0:i.textIcon)||a.slice(0,2).toUpperCase(),fallbackColor:i==null?void 0:i.color}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"text-sm font-medium truncate",children:(i==null?void 0:i.name)||a}),n&&e.jsx("code",{className:"text-[10px] text-text-muted font-mono truncate block",children:n})]}),e.jsxs("div",{className:"flex items-center gap-0.5",children:[e.jsx("button",{onClick:()=>J(s,-1),disabled:s===0,className:`p-1 rounded ${s===0?"text-text-muted/20":"text-text-muted hover:text-primary hover:bg-black/5"}`,title:"Move up",children:e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_upward"})}),e.jsx("button",{onClick:()=>J(s,1),disabled:s===m.length-1,className:`p-1 rounded ${s===m.length-1?"text-text-muted/20":"text-text-muted hover:text-primary hover:bg-black/5"}`,title:"Move down",children:e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_downward"})}),e.jsx("button",{onClick:()=>ie(s),className:"p-1 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10",title:"Remove",children:e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]})]},`${t}-${s}`)})})]}),r.kind&&T&&e.jsxs(S,{children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Test Example"}),e.jsx(A,{size:"sm",icon:"play_arrow",onClick:me,disabled:D||m.length===0,children:D?"Running...":"Run"})]}),e.jsx("pre",{className:"text-xs font-mono bg-black/[0.03] dark:bg-white/[0.03] p-3 rounded-lg overflow-x-auto whitespace-pre-wrap break-all",children:he}),z&&e.jsx("p",{className:"mt-3 text-xs text-red-500 break-words",children:z}),l&&e.jsxs("div",{className:"mt-3 flex flex-col gap-3",children:[l.latencyMs!=null&&e.jsxs("span",{className:"text-[11px] text-text-muted",children:["⚡ ",l.latencyMs,"ms"]}),l.imageUrl&&e.jsxs("div",{children:[e.jsx("div",{className:"flex items-center justify-end mb-1.5",children:e.jsxs("a",{href:l.imageUrl,download:"image.png",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),e.jsx("img",{src:l.imageUrl,alt:"Generated",className:"max-w-full rounded-lg border border-border"})]}),l.audioUrl&&e.jsxs("div",{children:[e.jsx("div",{className:"flex items-center justify-end mb-1.5",children:e.jsxs("a",{href:l.audioUrl,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[e.jsx("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),e.jsx("audio",{controls:!0,src:l.audioUrl,className:"w-full"})]}),l.json&&e.jsx("pre",{className:"text-xs font-mono bg-black/[0.03] dark:bg-white/[0.03] p-3 rounded-lg overflow-auto max-h-[300px] whitespace-pre-wrap break-all",children:l.json})]})]}),e.jsxs(S,{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3",children:"Usage Logs"}),M.length===0?e.jsx("p",{className:"text-xs text-text-muted italic",children:"No usage yet."}):e.jsx("pre",{className:"text-[11px] font-mono bg-black/[0.03] dark:bg-white/[0.03] p-3 rounded-lg overflow-auto max-h-[400px] whitespace-pre-wrap",children:M.join(`
|
|
5
|
+
`)})]}),e.jsx(ke,{isOpen:Z,onClose:()=>I(!1),onSelect:re,onDeselect:le,activeProviders:te,modelAliases:ae,title:`Add ${W} Model`,kindFilter:r.kind,addedModelValues:m,closeOnSelect:!1})]})}export{Le as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./index.DAEHkWvS.js";import{L as m,b as i}from"./router.Cjj1--8t.js";import{g as u}from"./machine.CagOtseJ.js";import{C as d}from"./NoAuthProxyCard.D1e90xgk.js";import{C as r}from"./Loading.CjQLhSfR.js";import{C as p,M as h}from"./cliTools.CsdwAybi.js";import"./zustand.akaTi5uX.js";function f({tool:s}){return e.jsx(m,{to:"/dashboard/mitm",className:"block",children:e.jsx(d,{padding:"sm",className:"overflow-hidden hover:border-primary/50 transition-colors cursor-pointer",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("img",{src:s.image,alt:s.name,width:32,height:32,className:"size-8 object-contain rounded-lg",onError:t=>{t.target.style.display="none"}}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h3",{className:"font-medium text-sm",children:s.name}),e.jsx("span",{className:"px-1.5 py-0.5 text-[10px] font-medium bg-purple-500/10 text-purple-600 dark:text-purple-400 rounded-full",children:"MITM"})]}),e.jsx("p",{className:"text-xs text-text-muted truncate",children:s.description})]})]}),e.jsx("span",{className:"material-symbols-outlined text-text-muted text-[20px]",children:"chevron_right"})]})})})}function j(s){return s?s.installed?s.hasFSRouter?{label:"Connected",cls:"bg-green-500/10 text-green-600 dark:text-green-400"}:{label:"Not configured",cls:"bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"}:{label:"Not installed",cls:"bg-gray-500/10 text-gray-500"}:{label:"Unknown",cls:"bg-gray-500/10 text-gray-500"}}function N({toolId:s,tool:t,status:c}){const n=j(c);return e.jsx(m,{to:`/dashboard/cli-tools/${s}`,className:"block",children:e.jsx(d,{padding:"sm",className:"h-full overflow-hidden hover:border-primary/50 transition-colors cursor-pointer",children:e.jsx("div",{className:"flex h-full flex-col gap-2",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"size-8 flex items-center justify-center shrink-0",children:t.image?e.jsx("img",{src:t.image,alt:t.name,width:32,height:32,className:"size-8 object-contain rounded-lg",sizes:"32px",onError:o=>{o.target.style.display="none"}}):t.icon?e.jsx("span",{className:"material-symbols-outlined text-[28px]",style:{color:t.color},children:t.icon}):null}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("h3",{className:"font-medium text-sm truncate",children:t.name}),e.jsx("span",{className:`inline-block mt-1 px-1.5 py-0.5 text-[10px] font-medium rounded-full ${n.cls}`,children:n.label})]}),e.jsx("span",{className:"material-symbols-outlined text-text-muted text-[18px] shrink-0",children:"chevron_right"})]})})})})}const b="/api/cli-tools/all-statuses";function y({machineId:s}){const[t,c]=i.useState(!0),[n,o]=i.useState({});if(i.useEffect(()=>{let a=!0;return(async()=>{try{const l=await fetch(b);l.ok&&a&&o(await l.json())}catch(l){console.log("Error fetching tool statuses:",l)}finally{a&&c(!1)}})(),()=>{a=!1}},[]),t)return e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4",children:[e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{})]});const x=Object.entries(p),g=Object.entries(h);return e.jsxs("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-6 px-1 sm:px-0",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4",children:x.map(([a,l])=>e.jsx(N,{toolId:a,tool:l,status:n[a]},a))}),e.jsxs("div",{className:"flex flex-col gap-3 sm:gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2 px-1",children:[e.jsx("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"security"}),e.jsx("h2",{className:"text-sm font-semibold text-text-main",children:"MITM Tools"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4",children:g.map(([a,l])=>e.jsx(f,{tool:l},a))})]})]})}function M(){const[s,t]=i.useState("");return i.useEffect(()=>{u().then(t)},[]),s?e.jsx(y,{machineId:s}):null}export{M as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./index.DAEHkWvS.js";import{b as n}from"./router.Cjj1--8t.js";import"./zustand.akaTi5uX.js";function x(){const[s,a]=n.useState(null),[c,r]=n.useState(!1),i=async m=>{const o=m.target.files[0];if(!o)return;r(!0);const l=new FormData;l.append("file",o);try{const t=await fetch("/api/ocr",{method:"POST",body:l});a(await t.json())}catch(t){a({error:t.message})}r(!1)};return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx("h1",{className:"text-2xl font-bold",children:"OCR"}),e.jsx("p",{className:"text-text-muted",children:"Extract text from images using Mistral OCR API"}),e.jsx("input",{type:"file",accept:"image/*,.pdf",onChange:i,className:"block"}),c&&e.jsx("p",{children:"Processing..."}),s&&e.jsx("pre",{className:"p-4 bg-black/5 rounded-lg text-sm overflow-auto max-h-96",children:JSON.stringify(s,null,2)})]})}export{x as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./index.DAEHkWvS.js";import{b as s}from"./router.Cjj1--8t.js";import"./zustand.akaTi5uX.js";function u(){const[a,o]=s.useState(""),[l,r]=s.useState(null),[n,c]=s.useState(!1),i=async()=>{c(!0);try{const t=await fetch("/api/web/fetch",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:a})});r(await t.json())}catch(t){r({error:t.message})}c(!1)};return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx("h1",{className:"text-2xl font-bold",children:"Web Fetch"}),e.jsx("p",{className:"text-text-muted",children:"Fetch web content via Firecrawl, Jina, Tavily, or TinyFish"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{className:"flex-1 p-3 rounded-lg border",placeholder:"https://example.com",value:a,onChange:t=>o(t.target.value)}),e.jsx("button",{onClick:i,disabled:n,className:"px-4 py-2 bg-primary text-white rounded-lg",children:n?"Fetching...":"Fetch"})]}),l&&e.jsx("pre",{className:"p-4 bg-black/5 rounded-lg text-sm overflow-auto max-h-96",children:JSON.stringify(l,null,2)})]})}export{u as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e,u}from"./index.DAEHkWvS.js";import{C as l,B as d}from"./NoAuthProxyCard.D1e90xgk.js";import"./router.Cjj1--8t.js";import"./zustand.akaTi5uX.js";const c="nexusrouters/fsrouter",m="main",x="skills",h=`https://github.com/${c}`,f=`https://raw.githubusercontent.com/${c}/refs/heads/${m}/${x}`,b=`https://github.com/${c}/blob/${m}/${x}`,n=[{id:"fsrouter",name:"FSRouter (Entry)",description:"Setup + index of all capabilities. Start here — covers base URL, auth, model discovery, and links to every capability skill.",endpoint:null,icon:"hub",isEntry:!0},{id:"fsrouter-chat",name:"Chat",description:"Chat / code-gen via OpenAI or Anthropic format with streaming.",endpoint:"/v1/chat/completions",icon:"chat"},{id:"fsrouter-image",name:"Image Generation",description:"Text-to-image via DALL-E, Imagen, FLUX, MiniMax, SDWebUI…",endpoint:"/v1/images/generations",icon:"image"},{id:"fsrouter-tts",name:"Text-to-Speech",description:"OpenAI / ElevenLabs / Edge / Google / Deepgram voices.",endpoint:"/v1/audio/speech",icon:"record_voice_over"},{id:"fsrouter-stt",name:"Speech-to-Text",description:"Transcribe audio via OpenAI Whisper, Groq, Gemini, Deepgram, AssemblyAI…",endpoint:"/v1/audio/transcriptions",icon:"mic"},{id:"fsrouter-embeddings",name:"Embeddings",description:"Vectors for RAG / semantic search via OpenAI, Gemini, Mistral…",endpoint:"/v1/embeddings",icon:"scatter_plot"},{id:"fsrouter-web-search",name:"Web Search",description:"Tavily / Exa / Brave / Serper / SearXNG / Google PSE / You.com.",endpoint:"/v1/search",icon:"search"},{id:"fsrouter-web-fetch",name:"Web Fetch",description:"URL → markdown / text / HTML via Firecrawl, Jina, Tavily, Exa.",endpoint:"/v1/web/fetch",icon:"language"},{id:"using-superpowers",name:"Using Superpowers",description:"Use when starting any conversation — establishes how to find and use skills before ANY response.",endpoint:null,icon:"bolt"},{id:"multi-brain",name:"Multi-Brain Memory",description:"Share work and memory across Claude Code, OpenCode, Codex, and other agents via a two-level memory index.",endpoint:null,icon:"memory"}];function o(t){return`${f}/${t}/SKILL.md`}function g(t){return`${b}/${t}/SKILL.md`}function p({value:t,label:i="Copy link"}){const{copied:r,copy:s}=u(2e3);return e.jsxs("button",{onClick:()=>s(t),className:"px-2 py-1 rounded-md bg-primary text-white text-[11px] font-medium hover:bg-primary/90 transition-colors cursor-pointer shrink-0 inline-flex items-center gap-1",title:t,children:[e.jsx("span",{className:"material-symbols-outlined text-[12px]",children:r?"check":"content_copy"}),r?"Copied!":i]})}function a({skill:t}){const i=o(t.id);return e.jsxs("div",{className:`flex items-start gap-3 p-4 rounded-[14px] border shadow-[var(--shadow-soft)] transition-colors ${t.isEntry?"border-primary/40 bg-primary/5":"border-border-subtle bg-surface hover:bg-surface-2"}`,children:[e.jsx("div",{className:`size-9 rounded-lg flex items-center justify-center shrink-0 ${t.isEntry?"bg-primary text-white":"bg-primary/10 text-primary"}`,children:e.jsx("span",{className:"material-symbols-outlined text-[18px]",children:t.icon})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h3",{className:"font-semibold text-sm text-text-main",children:t.name}),t.isEntry&&e.jsx(d,{variant:"primary",size:"sm",children:"START HERE"}),t.endpoint&&e.jsx(d,{variant:"default",size:"sm",children:e.jsx("code",{className:"text-[10px]",children:t.endpoint})})]}),e.jsx("p",{className:"text-xs text-text-muted mt-0.5",children:t.description}),e.jsxs("a",{href:g(t.id),target:"_blank",rel:"noreferrer",className:"text-[11px] text-text-muted hover:text-primary mt-1 inline-flex items-center gap-1 break-all",children:[i,e.jsx("span",{className:"material-symbols-outlined text-[12px]",children:"open_in_new"})]})]}),e.jsx(p,{value:i})]})}const y=["fsrouter-chat","fsrouter-image","fsrouter-tts","fsrouter-stt","fsrouter-embeddings","fsrouter-web-search","fsrouter-web-fetch"],j=["using-superpowers","multi-brain"];function L(){const t=n.find(s=>s.isEntry),i=n.filter(s=>y.includes(s.id)),r=n.filter(s=>j.includes(s.id));return e.jsxs("div",{className:"max-w-4xl mx-auto space-y-8",children:[e.jsx("div",{children:e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"size-10 rounded-xl bg-primary/10 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-primary text-[22px]",children:"extension"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-xl font-bold text-text-main",children:"Agent Skills"}),e.jsx("p",{className:"text-sm text-text-muted",children:"Raw SKILL.md URLs to paste into any AI agent or coding assistant."})]})]})}),e.jsxs(l,{padding:"md",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"rocket_launch"}),e.jsx("span",{className:"text-xs font-semibold text-text-main uppercase tracking-wide",children:"Quick Start — Paste this to your AI"})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex-1 px-3 py-2 rounded-lg bg-surface-2 font-mono text-[12px] text-text-main border border-border-subtle min-w-0 break-all",children:["Read this skill and use it: ",o("fsrouter")]}),e.jsx(p,{value:`Read this skill and use it: ${o("fsrouter")}`,label:"Copy prompt"})]}),e.jsx("p",{className:"text-[11px] text-text-muted mt-2",children:"This entry skill covers setup, authentication, model discovery, and links to all capability skills below."})]}),t&&e.jsxs("section",{className:"space-y-2",children:[e.jsx("h2",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider px-1",children:"Entry Point"}),e.jsx(a,{skill:t})]}),e.jsxs("section",{className:"space-y-2",children:[e.jsx("h2",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider px-1",children:"API Capabilities"}),e.jsx("div",{className:"space-y-2",children:i.map(s=>e.jsx(a,{skill:s},s.id))})]}),e.jsxs("section",{className:"space-y-2",children:[e.jsx("h2",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider px-1",children:"Agent Workflow"}),e.jsx("div",{className:"space-y-2",children:r.map(s=>e.jsx(a,{skill:s},s.id))})]}),e.jsx(l,{padding:"md",children:e.jsxs("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-semibold text-text-main",children:"Browse on GitHub"}),e.jsx("p",{className:"text-xs text-text-muted mt-0.5",children:"View source, README, and full skill documentation."})]}),e.jsxs("a",{href:`${h}/tree/master/skills`,target:"_blank",rel:"noreferrer",className:"text-sm text-primary hover:underline inline-flex items-center gap-1 shrink-0",children:[e.jsx("span",{className:"material-symbols-outlined text-[16px]",children:"open_in_new"}),"View on GitHub"]})]})})]})}export{L as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./index.DAEHkWvS.js";import{b as n,f as h}from"./router.Cjj1--8t.js";import"./zustand.akaTi5uX.js";function u(){const[s]=h(),[a,l]=n.useState("processing");return n.useEffect(()=>{const r=s.get("code"),i=s.get("state"),o=s.get("error"),d=s.get("error_description"),c={code:r,state:i,error:o,errorDescription:d,fullUrl:window.location.href},m=[window.location.origin,"http://localhost:1455","http://localhost:51121"];if(window.opener)for(const t of m)try{window.opener.postMessage({type:"oauth_callback",data:c},t)}catch(x){console.log("postMessage failed:",x)}try{const t=new BroadcastChannel("oauth_callback");t.postMessage(c),t.close()}catch(t){console.log("BroadcastChannel failed:",t)}try{localStorage.setItem("oauth_callback",JSON.stringify({...c,timestamp:Date.now()}))}catch(t){console.log("localStorage failed:",t)}if(!(r||o)){setTimeout(()=>l("manual"),0);return}l("success"),setTimeout(()=>{window.close(),setTimeout(()=>l("done"),500)},1500)},[s]),e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-bg",children:e.jsxs("div",{className:"text-center p-8 max-w-md",children:[a==="processing"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-3xl text-primary animate-spin",children:"progress_activity"})}),e.jsx("h1",{className:"text-xl font-semibold mb-2",children:"Processing..."}),e.jsx("p",{className:"text-text-muted",children:"Please wait while we complete the authorization."})]}),(a==="success"||a==="done")&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-3xl text-green-600",children:"check_circle"})}),e.jsx("h1",{className:"text-xl font-semibold mb-2",children:"Authorization Successful!"}),e.jsx("p",{className:"text-text-muted",children:a==="success"?"This window will close automatically...":"You can close this tab now."})]}),a==="manual"&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-3xl text-yellow-600",children:"info"})}),e.jsx("h1",{className:"text-xl font-semibold mb-2",children:"Copy This URL"}),e.jsx("p",{className:"text-text-muted mb-4",children:"Please copy the URL from the address bar and paste it in the application."}),e.jsx("div",{className:"bg-surface border border-border rounded-lg p-3 text-left",children:e.jsx("code",{className:"text-xs break-all",children:typeof window<"u"?window.location.href:""})})]})]})})}function b(){return e.jsx(n.Suspense,{fallback:e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-bg",children:e.jsxs("div",{className:"text-center p-8",children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx("span",{className:"material-symbols-outlined text-3xl text-primary animate-spin",children:"progress_activity"})}),e.jsx("p",{className:"text-text-muted",children:"Loading..."})]})}),children:e.jsx(u,{})})}export{b as default};
|