@rabbi696/ezrouter 0.6.3 → 0.6.5

package/app/.next-cli-build/static/chunks/9227-bb7d883d6cd67632.js

@@ -0,0 +1,3 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9227],{15536:(e,t,s)=>{"use strict";s.d(t,{Cp:()=>n,Hx:()=>r,Iv:()=>c,Nv:()=>u,RL:()=>d,ev:()=>m,fl:()=>i,hT:()=>l,oX:()=>a,t6:()=>o});let l=["zh-CN","zh-TW"],a=[{icon:"public",title:"Access Anywhere",desc:"Use your API from any network"},{icon:"group",title:"Share Endpoint",desc:"Share URL with team members"},{icon:"code",title:"Use in Cursor/Cline",desc:"Connect AI tools remotely"},{icon:"lock",title:"Encrypted",desc:"End-to-end TLS via Cloudflare"}],r=2e3,n=3e5,i=5e3,o=5,d=1e4,c=5e3,m=[{id:"lite",label:"Lite",desc:"Drop filler, keep grammar"},{id:"full",label:"Full",desc:"Drop articles, fragments OK"},{id:"ultra",label:"Ultra",desc:"Telegraphic, max compression"},{id:"wenyan-lite",label:"文 Lite",desc:"Classical Chinese, light compression",wenyan:!0},{id:"wenyan",label:"文 Full",desc:"Maximum 文言文, 80-90% reduction",wenyan:!0},{id:"wenyan-ultra",label:"文 Ultra",desc:"Extreme classical compression",wenyan:!0}],u=[{id:"lite",label:"Lite",desc:"Build asked, name lazier option"},{id:"full",label:"Full",desc:"Ladder enforced: stdlib/native first"},{id:"ultra",label:"Ultra",desc:"YAGNI extremist, deletion first"}]},34403:(e,t,s)=>{"use strict";s.d(t,{default:()=>w});var l=s(95155),a=s(12115),r=s(14051),n=s.n(r),i=s(35497),o=s(11059),d=s(15536);async function c(e){if(!e)return!1;try{return(await fetch(`${e}/api/health`,{mode:"cors",cache:"no-store",signal:AbortSignal.timeout(d.Iv)})).ok}catch{return!1}}async function m(...e){let t=e.filter(Boolean).map(c);return!!t.length&&new Promise(e=>{let s=t.length;t.forEach(t=>t.then(t=>{t?e(!0):0==--s&&e(!1)}))})}function u({label:e,url:t,copyId:s,copied:a,onCopy:r,badge:n,actions:o}){return(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[88px] text-center ${"CF"===n||"TS"===n?"bg-primary/10 text-primary":"bg-surface-2 text-text-muted"}`,children:e}),(0,l.jsx)(i.pd,{value:t,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,l.jsx)("button",{onClick:()=>r(t,s),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:a===s?"check":"content_copy"})}),o]})}function x({status:e,className:t=""}){return(0,l.jsx)("div",{className:`p-2 rounded text-sm ${t} ${"success"===e.type?"bg-green-500/10 text-green-600 dark:text-green-400":"warning"===e.type?"bg-yellow-500/10 text-yellow-600 dark:text-yellow-400":"info"===e.type?"bg-blue-500/10 text-blue-600 dark:text-blue-400":"bg-red-500/10 text-red-600 dark:text-red-400"}`,children:e.message.split(/(https?:\/\/[^\s]+)/g).map((e,t)=>/^https?:\/\//.test(e)?(0,l.jsx)("a",{href:e,target:"_blank",rel:"noreferrer",className:"underline font-medium",children:e},t):e)})}function p({text:e}){return(0,l.jsxs)("span",{className:"relative group inline-flex items-center",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted cursor-help",children:"help"}),(0,l.jsx)("span",{className:"pointer-events-none absolute left-5 top-1/2 -translate-y-1/2 z-50 w-64 rounded bg-gray-900 dark:bg-gray-800 text-white text-xs px-2.5 py-1.5 opacity-0 group-hover:opacity-100 transition-opacity shadow-lg",children:e})]})}function h({message:e,action:t}){return(0,l.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20 text-amber-700 dark:text-amber-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px] shrink-0 mt-0.5",children:"warning"}),(0,l.jsx)("p",{className:"text-xs flex-1",children:e}),t&&(0,l.jsx)("a",{href:t.href,className:"text-xs font-medium underline shrink-0 hover:opacity-80",onClick:t.href.startsWith("#")?e=>{e.preventDefault(),document.getElementById(t.href.slice(1))?.scrollIntoView({behavior:"smooth"})}:void 0,children:t.label})]})}var b=s(57250),y=s(88105);function g({value:e,onChange:t}){let[s,r]=(0,a.useState)([]),[n,i]=(0,a.useState)(!0),[o,d]=(0,a.useState)(()=>new Set);(0,a.useEffect)(()=>{let e=!1;return fetch("/v1/models",{cache:"no-store"}).then(e=>e.ok?e.json():{data:[]}).then(t=>{e||r(Array.isArray(t.data)?t.data:[])}).catch(()=>{e||r([])}).finally(()=>{e||i(!1)}),()=>{e=!0}},[]);let c=(0,a.useMemo)(()=>(function(e){let t=new Map;for(let s of e){if(!s?.id||"string"!=typeof s.id||!s.id.includes("/"))continue;let e=s.owned_by||s.id.slice(0,s.id.indexOf("/")),l=s.id.slice(s.id.indexOf("/")+1);t.has(e)||t.set(e,[]),t.get(e).push(l)}return t})(s),[s]),m=(0,a.useMemo)(()=>Array.from(c.keys()).sort((e,t)=>e.localeCompare(t)),[c]),u=null==e,x=(0,a.useMemo)(()=>new Set(e?.providers||[]),[e]);(0,a.useMemo)(()=>new Set(e?.models||[]),[e]);let p=t=>{let s=`${t}/`;return(e?.models||[]).filter(e=>e.startsWith(s))},h=(e,s)=>{0===e.length?t(null):t({providers:e,models:s})},f=e=>{d(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})};return n?(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Loading available providers…"}):(0,l.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,l.jsxs)("label",{className:"flex items-center gap-2 text-sm",children:[(0,l.jsx)("input",{type:"checkbox",checked:u,onChange:e=>t(e.target.checked?null:{providers:[],models:[]})}),(0,l.jsx)("span",{children:"Unrestricted (key can reach every provider and model)"})]}),!u&&(0,l.jsxs)("div",{className:"flex flex-col gap-1 max-h-80 overflow-y-auto border border-black/[0.06] dark:border-white/[0.06] rounded-lg p-2",children:[0===m.length&&(0,l.jsx)("p",{className:"text-sm text-text-muted px-2 py-1",children:"No providers configured yet."}),m.map(t=>{let s,a=(0,y.rs)(t),r=y.Q2[a],n=c.get(t)||[],i=(s=(0,y.rs)(t),x.has(t)||x.has(s)),d=p(t),m=o.has(t);return(0,l.jsxs)("div",{className:"border-b border-black/[0.03] dark:border-white/[0.03] last:border-b-0 py-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("input",{type:"checkbox",checked:i,onChange:()=>{let s,l;return s=new Set(e?.providers||[]),l=(e?.models||[]).slice(),void(s.has(t)?(s.delete(t),l=l.filter(e=>!e.startsWith(`${t}/`))):s.add(t),h(Array.from(s),l))}}),(0,l.jsx)(b.A,{providerId:a,size:16}),(0,l.jsx)("button",{type:"button",className:"flex-1 text-left text-sm font-medium",onClick:()=>f(t),children:r?.name||t}),(0,l.jsx)("span",{className:"text-xs text-text-muted",children:i?0===d.length?`all ${n.length} models`:`${d.length}/${n.length} models`:""}),(0,l.jsx)("button",{type:"button",className:"material-symbols-outlined text-[16px] text-text-muted",onClick:()=>f(t),children:m?"expand_less":"expand_more"})]}),m&&(0,l.jsx)("div",{className:"pl-8 mt-1 flex flex-col gap-1",children:n.map(s=>{let a=`${t}/${s}`,r=i&&(0===d.length||d.includes(a));return(0,l.jsxs)("label",{className:"flex items-center gap-2 text-xs",children:[(0,l.jsx)("input",{type:"checkbox",checked:r,onChange:()=>{let l,a,r,n,i,o;return(a=new Set(e?.providers||[])).add(t),r=`${t}/${s}`,n=p(t),i=c.get(t)||[],o=(e?.models||[]).filter(e=>!e.startsWith(`${t}/`)),void(0===n.length?l=i.filter(e=>e!==s).map(e=>`${t}/${e}`):n.includes(r)?l=n.filter(e=>e!==r):(l=[...n,r]).length===i.length&&(l=[]),h(Array.from(a),[...o,...l]))}}),(0,l.jsx)("span",{className:"font-mono",children:s})]},a)})})]},t)})]})]})}g.propTypes={value:n().shape({providers:n().arrayOf(n().string),models:n().arrayOf(n().string)}),onChange:n().func.isRequired};let f=[{label:"100K",value:"100000"},{label:"500K",value:"500000"},{label:"1M",value:"1000000"},{label:"5M",value:"5000000"},{label:"10M",value:"10000000"}];function j(e){let t=Math.max(0,Number(e)||0);return t>=1e6?`${(t/1e6).toFixed(+(t%1e6!=0))}M`:t>=1e3?`${(t/1e3).toFixed(+(t%1e3!=0))}K`:String(t)}function v({used:e,limit:t}){let s=Math.max(1,Number(t)||1),a=Math.max(0,Number(e)||0),r=Math.min(100,Math.round(a/s*100)),n=Math.max(0,s-a),i=r>=90?{bar:"bg-red-500",text:"text-red-600 dark:text-red-400"}:r>=75?{bar:"bg-amber-500",text:"text-amber-600 dark:text-amber-400"}:{bar:"bg-emerald-500",text:"text-text-muted"};return(0,l.jsxs)("div",{className:"mt-2 max-w-sm",title:`${j(a)} of ${j(s)} tokens used`,children:[(0,l.jsxs)("div",{className:"mb-1 flex items-center justify-between gap-3 text-[11px]",children:[(0,l.jsxs)("span",{className:i.text,children:[r,"% used"]}),(0,l.jsxs)("span",{className:"text-text-muted",children:[j(n)," remaining"]})]}),(0,l.jsx)("div",{className:"h-1.5 overflow-hidden rounded-full bg-black/10 dark:bg-white/10",role:"progressbar","aria-label":`Token usage: ${r}% used, ${j(n)} remaining`,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":Math.min(a,s),children:(0,l.jsx)("div",{className:`h-full rounded-full transition-[width] duration-300 ${i.bar}`,style:{width:`${r}%`}})})]})}function k({apiKey:e,activeProviders:t,modelAliases:s,onClose:r,onSave:n}){let[o,d]=(0,a.useState)(e.expiresAt?e.expiresAt.slice(0,16):""),[c,m]=(0,a.useState)(e.allowedModels||[]),[u,x]=(0,a.useState)(""),[p,h]=(0,a.useState)(null==e.tokenLimit?"unlimited":"unchanged"),[b,y]=(0,a.useState)(!1),[g,v]=(0,a.useState)(!1),w=null!=e.tokenLimit,N=async()=>{v(!0),await n({expiresAt:o||null,allowedModels:c,..."unlimited"===p?{tokenLimit:null}:u?{[w?"tokenLimitIncrement":"tokenLimit"]:u}:{}}),v(!1)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.aF,{isOpen:!0,onClose:r,title:`Edit ${e.name}`,children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(i.pd,{label:"Expires at (optional)",type:"datetime-local",value:o,onChange:e=>d(e.target.value),hint:"Leave blank for no expiry."}),(0,l.jsx)(i.pd,{label:w?"Add tokens":"Set token limit",type:"number",min:"1",step:"1",value:u,onChange:e=>{let t=e.target.value;x(t),h(t?"amount":w?"unchanged":"unlimited")},placeholder:w?"e.g. 500000":"e.g. 1000000",hint:w?`Added to the current ${j(e.tokenLimit)} limit; usage is preserved.`:"Choose Unlimited to remove the limit."}),(0,l.jsxs)("div",{className:"-mt-2 flex flex-wrap gap-1.5","aria-label":"Token limit presets",children:[f.map(e=>{let t="amount"===p&&u===e.value;return(0,l.jsx)("button",{type:"button",onClick:()=>{x(e.value),h("amount")},"aria-pressed":t,className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${t?"border-primary bg-primary text-white":"border-border bg-surface-2 text-text-muted hover:border-primary/50 hover:text-primary"}`,children:e.label},e.value)}),(0,l.jsx)("button",{type:"button",onClick:()=>{x(""),h("unlimited")},"aria-pressed":"unlimited"===p,className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${"unlimited"===p?"border-primary bg-primary text-white":"border-border bg-surface-2 text-text-muted hover:border-primary/50 hover:text-primary"}`,children:"Unlimited"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"mb-1.5 block text-sm font-medium text-text-main",children:"Allowed models"}),(0,l.jsx)("div",{className:"flex min-h-12 flex-wrap gap-1 rounded-lg border border-border bg-surface-2 p-2",children:c.length?c.map(e=>(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-md bg-primary/10 px-2 py-1 text-xs text-primary",children:[(0,l.jsx)("span",{children:e}),(0,l.jsx)("button",{type:"button",onClick:()=>m(t=>t.filter(t=>t!==e)),"aria-label":`Remove ${e}`,className:"material-symbols-outlined text-[14px]",children:"close"})]},e)):(0,l.jsx)("span",{className:"p-1 text-xs text-text-muted",children:"All models allowed"})}),(0,l.jsxs)("button",{type:"button",onClick:()=>y(!0),className:"mt-2 flex w-full items-center justify-center gap-1 rounded-lg border border-dashed border-black/10 py-2 text-xs font-medium text-primary dark:border-white/10",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"edit"}),"Edit model access"]})]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:N,fullWidth:!0,disabled:g,children:g?"Saving...":"Save changes"}),(0,l.jsx)(i.$n,{onClick:r,variant:"ghost",fullWidth:!0,disabled:g,children:"Cancel"})]})]})}),b&&(0,l.jsx)(i.rq,{isOpen:!0,onClose:()=>y(!1),onSelect:e=>m(t=>t.includes(e.value)?t:[...t,e.value]),onDeselect:e=>m(t=>t.filter(t=>t!==e.value)),activeProviders:t,modelAliases:s,addedModelValues:c,closeOnSelect:!1,title:"Edit allowed models"})]})}function w({machineId:e}){let[t,s]=(0,a.useState)([]),[r,n]=(0,a.useState)(!0),[b,y]=(0,a.useState)(!1),[j,N]=(0,a.useState)(""),[C,S]=(0,a.useState)(""),[$,T]=(0,a.useState)(""),[A,E]=(0,a.useState)([]),[P,_]=(0,a.useState)(!1),[O,U]=(0,a.useState)([]),[L,F]=(0,a.useState)({}),[I,R]=(0,a.useState)(null),[D,M]=(0,a.useState)(null),[q,W]=(0,a.useState)(null),[K,z]=(0,a.useState)(null),[H,J]=(0,a.useState)(null),[B,Q]=(0,a.useState)(null),[V,X]=(0,a.useState)(!1),[Z,G]=(0,a.useState)(!0),[Y,ee]=(0,a.useState)(!0),[et,es]=(0,a.useState)(!1),[el,ea]=(0,a.useState)(!0),[er,en]=(0,a.useState)(!1),[ei,eo]=(0,a.useState)(!1),[ed,ec]=(0,a.useState)(""),[em,eu]=(0,a.useState)(""),[ex,ep]=(0,a.useState)(!1),[eh,eb]=(0,a.useState)(""),[ey,eg]=(0,a.useState)(null),[ef,ej]=(0,a.useState)(!1),[ev,ek]=(0,a.useState)(!1),[ew,eN]=(0,a.useState)(!1),[eC,eS]=(0,a.useState)(!1),[e$,eT]=(0,a.useState)(""),[eA,eE]=(0,a.useState)(!1),[eP,e_]=(0,a.useState)(""),[eO,eU]=(0,a.useState)(null),[eL,eF]=(0,a.useState)(""),[eI,eR]=(0,a.useState)(""),[eD,eM]=(0,a.useState)(null),[eq,eW]=(0,a.useState)(!1),[eK,ez]=(0,a.useState)([]),[eH,eJ]=(0,a.useState)(""),[eB,eQ]=(0,a.useState)(!1),[eV,eX]=(0,a.useState)(!1),[eZ,eG]=(0,a.useState)(!1),eY=(0,a.useRef)(null),e0=(0,a.useRef)(0),e1=(0,a.useRef)(0),e5=(0,a.useRef)(!1),e2=(0,a.useRef)(!1),e4=(0,a.useRef)(!1),e3=(0,a.useRef)(!1),[e6,e8]=(0,a.useState)(!1),[e7,e9]=(0,a.useState)(!1),[te,tt]=(0,a.useState)(new Set),[ts,tl]=(0,a.useState)(!1);(0,a.useEffect)(()=>{tl(!["localhost","127.0.0.1","::1"].includes(window.location.hostname))},[]);let{copied:ta,copy:tr}=(0,o.C)(),tn=!Z||!Y,ti=Z?"Change the default dashboard password before activating the tunnel.":'Enable "Require login" and set a custom password before activating the tunnel.';(0,a.useEffect)(()=>{eY.current&&(eY.current.scrollTop=eY.current.scrollHeight)},[eK]),(0,a.useEffect)(()=>{tx(),tc()},[]),(0,a.useEffect)(()=>{if(!b&&!q)return;let e=!1;return Promise.all([fetch("/api/providers"),fetch("/api/models/alias")]).then(async([t,s])=>{let[l,a]=await Promise.all([t.ok?t.json():{},s.ok?s.json():{}]);e||(U(l.connections||[]),F(a.aliases||{}))}).catch(e=>console.log("Error loading model picker:",e)),()=>{e=!0}},[b,q]),(0,a.useEffect)(()=>{if(!(er||ew))return;let e=!er||ei,t=!ew||eC,s=()=>{document.hidden||td()};if(document.addEventListener("visibilitychange",s),e&&t)return()=>document.removeEventListener("visibilitychange",s);let l=setInterval(()=>{document.hidden||td()},d.fl);return()=>{clearInterval(l),document.removeEventListener("visibilitychange",s)}},[er,ew,ei,eC]),(0,a.useEffect)(()=>{let e=async()=>{if(!document.hidden){if(er&&(ed||em)){let e=await m(em,ed);e5.current=e,e?(e0.current=0,eo(!0),e4.current||(e4.current=!0,e8(!0))):(e0.current+=1,e0.current>=d.t6&&eo(!1))}else e5.current=!1;if(ew&&e$){let e=await c(e$);e2.current=e,e?(e1.current=0,eS(!0),e3.current||(e3.current=!0,e9(!0))):(e1.current+=1,e1.current>=d.t6&&eS(!1))}else e2.current=!1}};if(!(er&&(ed||em)||ew&&e$))return;e();let t=!ew||eC;if((!er||ei)&&t)return;let s=setInterval(e,d.RL);return()=>clearInterval(s)},[er,ed,em,ew,e$,ei,eC]);let to=(0,a.useCallback)((e,t,s,l,a,r)=>{t.current?(s.current=0,l(!0),a.current||(a.current=!0,r(!0))):(s.current+=1,s.current>=d.t6&&l(!1))},[]),td=async()=>{try{let e=await fetch("/api/tunnel/status",{cache:"no-store"});if(!e.ok)return;let t=await e.json(),s=t.tunnel?.settingsEnabled??t.tunnel?.enabled??!1,l=t.tunnel?.tunnelUrl||"";ec(l),eu(t.tunnel?.publicUrl||""),en(s),to(null,e5,e0,eo,e4,e8);let a=t.tailscale?.settingsEnabled??t.tailscale?.enabled??!1,r=t.tailscale?.tunnelUrl||"";eT(r),eN(a),to(null,e2,e1,eS,e3,e9)}catch{}},tc=async()=>{ea(!0);try{let[e,t]=await Promise.all([fetch("/api/settings"),fetch("/api/tunnel/status",{cache:"no-store"})]);if(e.ok){let t=await e.json();X(t.requireApiKey||!1),G(!1!==t.requireLogin),ee(t.hasPassword||!1),es(t.tunnelDashboardAccess||!1)}if(t.ok){let e=await t.json(),s=e.tunnel?.settingsEnabled??e.tunnel?.enabled??!1,l=e.tunnel?.tunnelUrl||"";ec(l),eu(e.tunnel?.publicUrl||""),en(s),to(null,e5,e0,eo,e4,e8);let a=e.tailscale?.settingsEnabled??e.tailscale?.enabled??!1,r=e.tailscale?.tunnelUrl||"";eT(r),eN(a),to(null,e2,e1,eS,e3,e9)}}catch(e){console.log("Error loading settings:",e)}finally{ea(!1)}},tm=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({tunnelDashboardAccess:e})})).ok&&es(e)}catch(e){console.log("Error updating tunnelDashboardAccess:",e)}},tu=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireApiKey:e})})).ok&&X(e)}catch(e){console.log("Error updating requireApiKey:",e)}},tx=async()=>{try{let e=await fetch("/api/keys"),t=await e.json();e.ok&&s(t.keys||[])}catch(e){console.log("Error fetching data:",e)}finally{n(!1)}},tp=async(...e)=>{ep(!0),eb("Waiting for tunnel ready...");let t=e.filter(Boolean).map(e=>`${e}/api/health`),s=Date.now();for(;Date.now()-s<d.Cp;){if(await new Promise(e=>setTimeout(e,d.Hx)),await Promise.any(t.map(async e=>{if((await fetch(e,{mode:"cors",cache:"no-store"})).ok)return!0;throw Error("not ready")})).catch(()=>!1))return en(!0),ep(!1),eb(""),!0;if((Date.now()-s)%1e4<d.Hx)try{let e=await fetch("/api/tunnel/status");if(e.ok){let t=await e.json();if(!t.tunnel?.enabled)return eg({type:"error",message:"Tunnel process stopped unexpectedly."}),ep(!1),eb(""),!1}}catch{}}return eg({type:"error",message:"Tunnel created but not reachable. Please try again."}),ep(!1),eb(""),!1},th=async()=>{ej(!1),ep(!0),eg(null),eb("Creating tunnel...");let e=!0;(async()=>{for(;e;){try{let t=await fetch("/api/tunnel/status");if(t.ok){let s=await t.json();s.download?.downloading?eb(`Downloading cloudflared... ${s.download.progress}%`):e&&eb("Creating tunnel...")}}catch{}await new Promise(e=>setTimeout(e,1e3))}})();try{let t=await fetch("/api/tunnel/enable",{method:"POST"});e=!1;let s=await t.json();if(!t.ok)return void eg({type:"error",message:s.error||"Failed to enable tunnel"});let l=s.tunnelUrl;if(!l)return void eg({type:"error",message:"No tunnel URL returned"});ec(l),eu(s.publicUrl||""),await tp(s.publicUrl,l)}catch(e){eg({type:"error",message:e.message})}finally{e=!1,ep(!1),eb("")}},tb=async()=>{ep(!0),eg(null);try{let e=await fetch("/api/tunnel/disable",{method:"POST"}),t=await e.json();e.ok?(en(!1),ec(""),ek(!1),eg({type:"success",message:"Tunnel disabled"})):eg({type:"error",message:t.error||"Failed to disable tunnel"})}catch(e){eg({type:"error",message:e.message})}finally{ep(!1)}},ty=async()=>{eM(null);try{let e=await fetch("/api/tunnel/tailscale-check");if(e.ok){let t=await e.json();return eM(t.installed),t}}catch{}return eM(!1),{installed:!1}},tg=async()=>{eW(!0),eU(null),ez([]);try{let e=await fetch("/api/tunnel/tailscale-install",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sudoPassword:eH})});eJ("");let t=e.body.getReader(),s=new TextDecoder,l="";for(;;){let{done:e,value:a}=await t.read();if(e)break;let r=(l+=s.decode(a,{stream:!0})).split("\n\n");for(let e of(l=r.pop()||"",r)){let t=e.split("\n"),s="progress",l=null;for(let e of t)if(e.startsWith("event: ")&&(s=e.slice(7).trim()),e.startsWith("data: "))try{l=JSON.parse(e.slice(6))}catch{}if(l)if("progress"===s)ez(e=>[...e.slice(-50),l.message]);else if("done"===s){eM(!0),eW(!1),eX(!1),tk();return}else"error"===s&&eU({type:"error",message:l.error||"Install failed"})}}}catch(e){eU({type:"error",message:e.message})}finally{eW(!1)}},tf=async e=>{e_("Waiting for Tailscale ready...");let t=`${e}/api/health`,s=Date.now();for(;Date.now()-s<d.Cp;){await new Promise(e=>setTimeout(e,d.Hx));try{let e=await fetch(t,{mode:"no-cors",cache:"no-store"});if(e.ok||"opaque"===e.type)return!0}catch{}}return!1},tj=(e,t)=>{eF(e),eR(t)},tv=()=>{eF(""),eR("")},tk=async()=>{eX(!1),eQ(!0),eE(!0),eU(null),e_("Connecting..."),tv();try{let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),t=await e.json();if(e.ok&&t.success){eT(t.tunnelUrl||"");let e=await tf(t.tunnelUrl);eN(!0),eU(e?null:{type:"warning",message:"Connected but not reachable yet."});return}if(t.needsLogin&&t.authUrl){tj(t.authUrl,"Open Login Page"),e_('Login required — click "Open Login Page" to continue');for(let e=0;e<40;e++){await new Promise(e=>setTimeout(e,3e3));try{let e=await fetch("/api/tunnel/tailscale-check");if(e.ok&&(await e.json()).loggedIn){tv(),e_("Starting funnel...");let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),t=await e.json();if(e.ok&&t.success){eT(t.tunnelUrl||"");let e=await tf(t.tunnelUrl);eN(!0),eU(e?null:{type:"warning",message:"Connected but not reachable yet."})}else t.funnelNotEnabled&&t.enableUrl?await tw(t.enableUrl):eU({type:"error",message:t.error||"Failed to start funnel"});return}}catch{}}tv(),eU({type:"error",message:"Login timed out. Please try again."});return}if(t.funnelNotEnabled&&t.enableUrl)return void await tw(t.enableUrl);eU({type:"error",message:t.error||"Failed to connect"})}catch(e){eU({type:"error",message:e.message})}finally{eE(!1),eQ(!1),e_(""),tv()}},tw=async e=>{tj(e,"Open Funnel Settings"),e_('Click "Open Funnel Settings" to enable Funnel...');for(let e=0;e<40;e++){await new Promise(e=>setTimeout(e,3e3));try{let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),t=await e.json();if(e.ok&&t.success){tv(),eT(t.tunnelUrl||"");let e=await tf(t.tunnelUrl);eN(!0),eU(e?null:{type:"warning",message:"Connected but not reachable yet."});return}if(t.funnelNotEnabled)continue;if(t.error){tv(),eU({type:"error",message:t.error});return}}catch{}}tv(),eU({type:"error",message:"Timed out waiting for Funnel to be enabled."})},tN=async()=>{eE(!0),eU(null);try{let e=await fetch("/api/tunnel/tailscale-disable",{method:"POST"}),t=await e.json();e.ok?(eN(!1),eT(""),eG(!1),eU({type:"success",message:"Tailscale disabled"})):eU({type:"error",message:t.error||"Failed to disable Tailscale"})}catch(e){eU({type:"error",message:e.message})}finally{eE(!1)}},tC=async()=>{eU(null),ez([]);let e=await ty();e?.installed&&e?.hasCachedPassword?tk():eX(!0)},tS=async()=>{if(j.trim())try{let e=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:j,expiresAt:C||null,tokenLimit:$||null,allowedModels:A,scope:I})}),t=await e.json();e.ok&&(M(t.key),await tx(),N(""),S(""),T(""),E([]),_(!1),R(null),y(!1))}catch(e){console.log("Error creating key:",e)}},t$=async()=>{if(H)try{(await fetch(`/api/keys/${H.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({scope:B})})).ok&&(s(e=>e.map(e=>e.id===H.id?{...e,scope:B}:e)),J(null),Q(null))}catch(e){console.log("Error updating key scope:",e)}},tT=async e=>{z({title:"Delete API Key",message:"Delete this API key?",onConfirm:async()=>{z(null);try{(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&(s(t.filter(t=>t.id!==e)),tt(t=>{let s=new Set(t);return s.delete(e),s}))}catch(e){console.log("Error deleting key:",e)}}})},tA=async(e,t)=>{try{(await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&s(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("Error toggling key:",e)}},tE=async(e,t)=>{let s=await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!s.ok)throw Error((await s.json()).error||"Failed to update key");await tx(),W(null)},[tP,t_]=(0,a.useState)("/v1");return((0,a.useEffect)(()=>{t_(`${window.location.origin}/v1`)},[]),r)?(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(i.Qv,{}),(0,l.jsx)(i.Qv,{})]}):(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)(i.Zp,{children:[(0,l.jsxs)("h2",{className:"text-lg font-semibold mb-4 flex items-center gap-2",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-primary",children:"api"}),"API Endpoint"]}),(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)(u,{label:"Local",url:tP,copyId:"local_url",copied:ta,onCopy:tr}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[88px] text-center ${er?"bg-primary/10 text-primary":"bg-surface-2 text-text-muted"}`,children:"Tunnel"}),er&&!ex&&ei?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.pd,{value:`${em||ed}/v1`,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,l.jsx)("button",{onClick:()=>tr(`${em||ed}/v1`,"tunnel_url"),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"tunnel_url"===ta?"check":"content_copy"})}),(0,l.jsx)("button",{onClick:()=>ek(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tunnel",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):!er||ex||ei?ex?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-border bg-input text-sm text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),eh||"Creating tunnel..."]}),(0,l.jsx)("button",{onClick:()=>{ep(!1),eb("")},className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Stop",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):ey?.type==="error"?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-red-300 dark:border-red-800 bg-red-500/5 text-sm text-red-600 dark:text-red-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-sm",children:"error"}),ey.message]}),(0,l.jsx)(i.$n,{size:"sm",icon:"cloud_upload",onClick:()=>ej(!0),children:"Enable"})]}):el?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-border bg-input text-sm text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Checking..."]}),(0,l.jsx)("button",{onClick:()=>ea(!1),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Stop",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):(0,l.jsx)(i.$n,{size:"sm",icon:"cloud_upload",onClick:()=>{tn?eg({type:"error",message:`Security required: ${ti}`}):V?ej(!0):eg({type:"error",message:'Security required: Enable "Require API key" before activating the tunnel.'})},children:"Enable"}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-amber-300 dark:border-amber-800 bg-amber-500/5 text-sm text-amber-600 dark:text-amber-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),e6?"Tunnel reconnecting...":"Tunnel checking..."]}),(0,l.jsx)("button",{onClick:()=>ek(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tunnel",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[88px] text-center ${ew?"bg-primary/10 text-primary":"bg-surface-2 text-text-muted"}`,children:"Tailscale"}),ew&&!eA&&eC?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.pd,{value:`${e$}/v1`,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,l.jsx)("button",{onClick:()=>tr(`${e$}/v1`,"ts_url"),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"ts_url"===ta?"check":"content_copy"})}),(0,l.jsx)("button",{onClick:()=>eG(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tailscale",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):!ew||eA||eC?eA||eB?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-border bg-input text-sm text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),eP||"Connecting..."]}),eL&&(0,l.jsx)(i.$n,{size:"sm",icon:"open_in_new",onClick:()=>window.open(eL,"tailscale_auth","width=600,height=700,noopener,noreferrer"),children:eI||"Open"}),(0,l.jsx)("button",{onClick:()=>{eE(!1),eQ(!1),e_(""),tv()},className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Stop",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):eO?.type==="error"?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-red-300 dark:border-red-800 bg-red-500/5 text-sm text-red-600 dark:text-red-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-sm",children:"error"}),eO.message]}),(0,l.jsx)(i.$n,{size:"sm",icon:"vpn_lock",onClick:tC,children:"Enable"})]}):(0,l.jsx)(i.$n,{size:"sm",icon:"vpn_lock",onClick:()=>{tn?eU({type:"error",message:`Security required: ${ti}`}):tC()},className:"bg-linear-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600 text-white!",children:"Enable"}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-amber-300 dark:border-amber-800 bg-amber-500/5 text-sm text-amber-600 dark:text-amber-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),e7?"Tailscale reconnecting...":"Tailscale checking..."]}),(0,l.jsx)("button",{onClick:()=>eG(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tailscale",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]})]})]}),tn&&!er&&!ew&&(0,l.jsx)("div",{className:"mt-4",children:(0,l.jsx)(h,{message:ti,action:{label:"Open settings",href:"/dashboard/profile"}})}),(er||ew)&&(0,l.jsxs)("div",{className:"mt-4 flex flex-col gap-2",children:[!V&&(0,l.jsx)(h,{message:"Require API key is disabled — your endpoint is publicly accessible without authentication.",action:{label:"Enable",href:"#require-api-key"}}),(!Z||!Y)&&(0,l.jsx)(h,{message:Z?"Dashboard uses the default password — change it in Profile settings.":"Require login is disabled — anyone can access your dashboard via tunnel.",action:{label:Z?"Change password":"Enable",href:"/dashboard/profile"}})]}),(er||ew)&&(0,l.jsxs)("div",{className:"mt-4 pt-4 border-t border-border flex items-center gap-3",children:[(0,l.jsx)(i.lM,{checked:et,onChange:()=>tm(!et)}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)("p",{className:"font-medium text-sm",children:"Allow dashboard access via tunnel"}),(0,l.jsx)(p,{text:"When enabled, the dashboard can be accessed through your tunnel or Tailscale URL (login still required). When disabled, dashboard access via tunnel/Tailscale is completely blocked."})]})]})]}),(0,l.jsxs)(i.Zp,{id:"require-api-key",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,l.jsxs)("h2",{className:"text-lg font-semibold flex items-center gap-2",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-primary",children:"vpn_key"}),"API Keys"]}),(0,l.jsx)(i.$n,{icon:"add",onClick:()=>y(!0),children:"Create Key"})]}),(0,l.jsxs)("div",{className:"flex items-center justify-between pb-4 mb-4 border-b border-border",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"font-medium",children:"Require API key"}),(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Requests without a valid key will be rejected"})]}),(0,l.jsx)(i.lM,{checked:V,onChange:()=>tu(!V)})]}),ts&&!V&&(0,l.jsx)("div",{className:"mb-4 -mt-2",children:(0,l.jsx)(h,{message:"Endpoint is exposed without an API key."})}),0===t.length?(0,l.jsxs)("div",{className:"text-center py-12",children:[(0,l.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"vpn_key"})}),(0,l.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No API keys yet"}),(0,l.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create your first API key to get started"}),(0,l.jsx)(i.$n,{icon:"add",onClick:()=>y(!0),children:"Create Key"})]}):(0,l.jsx)("div",{className:"flex flex-col",children:t.map(e=>{var t;return(0,l.jsxs)("div",{className:`group flex items-center justify-between py-3 border-b border-black/[0.03] dark:border-white/[0.03] last:border-b-0 ${!1===e.isActive?"opacity-60":""}`,children:[(0,l.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,l.jsx)("p",{className:"text-sm font-medium",children:e.name}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mt-1",children:[(0,l.jsx)("code",{className:"text-xs text-text-muted font-mono",children:te.has(e.id)?e.key:(t=e.key)&&!(t.length<=10)?t.slice(0,6)+"•".repeat(t.length-10)+t.slice(-4):t||""}),(0,l.jsx)("button",{onClick:()=>{var t;return t=e.id,void tt(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",title:te.has(e.id)?"Hide key":"Show key",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:te.has(e.id)?"visibility_off":"visibility"})}),(0,l.jsx)("button",{onClick:()=>tr(e.key,e.id),className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ta===e.id?"check":"content_copy"})})]}),(0,l.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:["Created ",new Date(e.createdAt).toLocaleDateString(),e.expiresAt?` \xb7 Expires ${new Date(e.expiresAt).toLocaleString()}`:" \xb7 No expiry",null!=e.tokenLimit?` \xb7 ${e.tokensUsed}/${e.tokenLimit} tokens`:" \xb7 Unlimited tokens"]}),null!=e.tokenLimit&&(0,l.jsx)(v,{used:e.tokensUsed,limit:e.tokenLimit}),Array.isArray(e.allowedModels)&&e.allowedModels.length>0&&(0,l.jsxs)("p",{className:"text-xs text-text-muted mt-1 truncate",title:e.allowedModels.join(", "),children:["Models: ",e.allowedModels.join(", ")]}),!1===e.isActive&&(0,l.jsx)("p",{className:"text-xs text-orange-500 mt-1",children:"Paused"}),e.scope&&(0,l.jsxs)("p",{className:"text-xs text-primary mt-1",children:["Scoped (",(e.scope.providers||[]).length," provider",1===(e.scope.providers||[]).length?"":"s",")"]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("button",{onClick:()=>{J(e),Q(e.scope??null)},className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-all",title:"Edit scope",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"tune"})}),(0,l.jsx)(i.lM,{size:"sm",checked:e.isActive??!0,onChange:t=>{e.isActive&&!t?z({title:"Pause API Key",message:`Pause API key "${e.name}"?
+
+This key will stop working immediately but can be resumed later.`,onConfirm:async()=>{z(null),tA(e.id,t)}}):tA(e.id,t)},title:e.isActive?"Pause key":"Resume key"}),(0,l.jsx)("button",{onClick:()=>W(e),className:"p-2 hover:bg-primary/10 rounded text-text-muted hover:text-primary opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",title:"Edit key",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"})}),(0,l.jsx)("button",{onClick:()=>tT(e.id),className:"p-2 hover:bg-red-500/10 rounded text-red-500 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})]}),q&&(0,l.jsx)(k,{apiKey:q,activeProviders:O,modelAliases:L,onClose:()=>W(null),onSave:e=>tE(q.id,e)},q.id),(0,l.jsx)(i.aF,{isOpen:b,title:"Create API Key",onClose:()=>{y(!1),N(""),S(""),T(""),E([]),_(!1),R(null)},children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(i.pd,{label:"Key Name",value:j,onChange:e=>N(e.target.value),placeholder:"Production Key"}),(0,l.jsx)(i.pd,{label:"Expires at (optional)",type:"datetime-local",value:C,onChange:e=>S(e.target.value),hint:"Leave blank for no expiry."}),(0,l.jsx)(i.pd,{label:"Token limit (optional)",type:"number",min:"1",step:"1",value:$,onChange:e=>T(e.target.value),placeholder:"Unlimited",hint:"Total input and output tokens. Strictly enforced."}),(0,l.jsxs)("div",{className:"-mt-2 flex flex-wrap gap-1.5","aria-label":"Token limit presets",children:[f.map(e=>{let t=$===e.value;return(0,l.jsx)("button",{type:"button",onClick:()=>T(e.value),"aria-pressed":t,className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${t?"border-primary bg-primary text-white":"border-border bg-surface-2 text-text-muted hover:border-primary/50 hover:text-primary"}`,children:e.label},e.value)}),(0,l.jsx)("button",{type:"button",onClick:()=>T(""),"aria-pressed":!$,className:`rounded-full border px-2.5 py-1 text-xs font-medium transition-colors ${!$?"border-primary bg-primary text-white":"border-border bg-surface-2 text-text-muted hover:border-primary/50 hover:text-primary"}`,children:"Unlimited"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,l.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Allowed models (optional)"}),0===A.length?(0,l.jsxs)("div",{className:"rounded-lg border border-dashed border-black/10 bg-black/[0.01] px-3 py-4 text-center dark:border-white/10 dark:bg-white/[0.01]",children:[(0,l.jsx)("span",{className:"material-symbols-outlined mb-1 text-xl text-text-muted",children:"layers"}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"All models are allowed"})]}):(0,l.jsx)("div",{className:"flex max-h-28 flex-wrap gap-1 overflow-y-auto rounded-lg border border-border bg-surface-2 p-2",children:A.map(e=>(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-md bg-primary/10 px-2 py-1 text-xs text-primary",children:[(0,l.jsx)("span",{className:"max-w-48 truncate",children:e}),(0,l.jsx)("button",{type:"button",onClick:()=>E(t=>t.filter(t=>t!==e)),"aria-label":`Remove ${e}`,className:"material-symbols-outlined text-[14px] hover:text-red-500",children:"close"})]},e))}),(0,l.jsxs)("button",{type:"button",onClick:()=>_(!0),className:"flex w-full items-center justify-center gap-1 rounded-lg border border-dashed border-black/10 py-2 text-xs font-medium text-primary transition-colors hover:border-primary/50 dark:border-white/10",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),A.length?"Add another model":"Choose models"]}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"Leave empty to allow every model."})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm font-medium mb-2",children:"Access Scope"}),(0,l.jsx)(g,{value:I,onChange:R})]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:tS,fullWidth:!0,disabled:!j.trim(),children:"Create"}),(0,l.jsx)(i.$n,{onClick:()=>{y(!1),N(""),S(""),T(""),E([]),_(!1),R(null)},variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,l.jsx)(i.aF,{isOpen:!!H,title:`Edit Scope — ${H?.name||""}`,onClose:()=>{J(null),Q(null)},children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(g,{value:B,onChange:Q}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:t$,fullWidth:!0,children:"Save"}),(0,l.jsx)(i.$n,{onClick:()=>{J(null),Q(null)},variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),P&&(0,l.jsx)(i.rq,{isOpen:P,onClose:()=>_(!1),onSelect:e=>E(t=>t.includes(e.value)?t:[...t,e.value]),onDeselect:e=>E(t=>t.filter(t=>t!==e.value)),activeProviders:O,modelAliases:L,addedModelValues:A,closeOnSelect:!1,title:"Choose models for this API key"}),(0,l.jsx)(i.aF,{isOpen:!!D,title:"API Key Created",onClose:()=>M(null),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,l.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 mb-2 font-medium",children:"Save this key now!"}),(0,l.jsx)("p",{className:"text-sm text-yellow-700 dark:text-yellow-300",children:"This is the only time you will see this key. Store it securely."})]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.pd,{value:D||"",readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,l.jsx)(i.$n,{variant:"secondary",icon:"created_key"===ta?"check":"content_copy",onClick:()=>tr(D,"created_key"),children:"created_key"===ta?"Copied!":"Copy"})]}),(0,l.jsx)(i.$n,{onClick:()=>M(null),fullWidth:!0,children:"Done"})]})}),(0,l.jsx)(i.aF,{isOpen:ef,title:"Enable Tunnel",onClose:()=>ej(!1),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"bg-surface-2 border border-border-subtle rounded-lg p-4",children:(0,l.jsxs)("div",{className:"flex items-start gap-3",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-primary",children:"cloud_upload"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm text-text-main font-medium mb-1",children:"Cloudflare Tunnel"}),(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Expose your local 9Router to the internet. No port forwarding, no static IP needed. Share endpoint URL with your team or use it in Cursor, Cline, and other AI tools from anywhere."})]})]})}),(0,l.jsx)("div",{className:"grid grid-cols-2 gap-3",children:d.oX.map(e=>(0,l.jsxs)("div",{className:"flex flex-col items-center text-center p-3 rounded-lg bg-sidebar/50",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-xl text-primary mb-1",children:e.icon}),(0,l.jsx)("p",{className:"text-xs font-semibold",children:e.title}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:e.desc})]},e.title))}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"Requires outbound port 7844 (TCP/UDP). Connection may take 10-30s."}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:th,fullWidth:!0,children:"Start Tunnel"}),(0,l.jsx)(i.$n,{onClick:()=>ej(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,l.jsx)(i.aF,{isOpen:ev,title:"Disable Tunnel",onClose:()=>!ex&&ek(!1),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"The Cloudflare tunnel will be disconnected. Remote access via tunnel URL will stop working."}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:tb,fullWidth:!0,disabled:ex,variant:"danger",children:ex?"Disabling...":"Disable"}),(0,l.jsx)(i.$n,{onClick:()=>ek(!1),variant:"ghost",fullWidth:!0,disabled:ex,children:"Cancel"})]})]})}),(0,l.jsx)(i.aF,{isOpen:eV,title:"Tailscale Funnel",onClose:()=>{eq||(eX(!1),eJ(""),eU(null))},children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[null===eD&&(0,l.jsxs)("p",{className:"text-sm text-text-muted flex items-center gap-2",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Checking..."]}),!1===eD&&!eq&&(0,l.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Tailscale is not installed. Install it to enable Funnel."}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:tg,fullWidth:!0,children:"Install Tailscale"}),(0,l.jsx)(i.$n,{onClick:()=>eX(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),eq&&(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 text-sm text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Installing Tailscale..."]}),eK.length>0&&(0,l.jsx)("div",{ref:eY,className:"bg-black/5 dark:bg-white/5 rounded p-2 max-h-40 overflow-y-auto font-mono text-xs text-text-muted",children:eK.map((e,t)=>(0,l.jsx)("div",{children:e},t))})]}),!0===eD&&!eq&&(0,l.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 text-sm text-green-600 dark:text-green-400",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"check_circle"}),"Tailscale installed"]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:()=>tk(),fullWidth:!0,children:"Connect"}),(0,l.jsx)(i.$n,{onClick:()=>eX(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),eO&&(0,l.jsx)(x,{status:eO})]})}),(0,l.jsx)(i.aF,{isOpen:eZ,title:"Disable Tailscale",onClose:()=>!eA&&eG(!1),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Tailscale Funnel will be stopped. Remote access via Tailscale URL will stop working."}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(i.$n,{onClick:tN,fullWidth:!0,disabled:eA,variant:"danger",children:eA?"Disabling...":"Disable"}),(0,l.jsx)(i.$n,{onClick:()=>eG(!1),variant:"ghost",fullWidth:!0,disabled:eA,children:"Cancel"})]})]})}),(0,l.jsx)(i.uo,{isOpen:!!K,onClose:()=>z(null),onConfirm:K?.onConfirm,title:K?.title||"Confirm",message:K?.message,variant:"danger"})]})}v.propTypes={used:n().number,limit:n().number.isRequired},k.propTypes={apiKey:n().object.isRequired,activeProviders:n().array.isRequired,modelAliases:n().object.isRequired,onClose:n().func.isRequired,onSave:n().func.isRequired},w.propTypes={machineId:n().string.isRequired}},59227:(e,t,s)=>{Promise.resolve().then(s.bind(s,34403))}}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/combos/page-69c121887e473261.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{25100:(e,t,s)=>{Promise.resolve().then(s.bind(s,80191))},80191:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>g});var a=s(95155),l=s(12115),r=s(44923),i=s(87256),n=s(39768),o=s(5020),d=s(35497),c=s(11059),m=s(929),x=s(88105);let p=/^[a-zA-Z0-9_.\-]+$/,u=[{key:"vision",label:"Vision",icon:"visibility",desc:"Images"},{key:"audioInput",label:"Audio",icon:"graphic_eq",desc:"Audio input"}],h={enabled:!0,roundRobin:!1,models:[]},b={vision:{...h},pdf:{...h},audioInput:{...h},videoInput:{...h}};function g(){let[e,t]=(0,l.useState)([]),[s,r]=(0,l.useState)(!0),[i,n]=(0,l.useState)(!1),[o,p]=(0,l.useState)(null),[g,f]=(0,l.useState)(null),[v,N]=(0,l.useState)([]),[k,C]=(0,l.useState)({}),[S,M]=(0,l.useState)(b),{getCaps:$}=(0,m.y)(),[A,O]=(0,l.useState)(null),{copied:E,copy:P}=(0,c.C)();(0,l.useEffect)(()=>{_()},[]);let _=async()=>{try{let[s,a,l]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/settings")]),r=await s.json(),i=await a.json(),n=l.ok?await l.json():{};s.ok&&t((r.combos||[]).filter(e=>!x.rj.some(({id:t})=>t===e.kind))),a.ok&&N(i.connections||[]),C(n.comboStrategies||{});let o=n.capacityAdapter||{},d={};for(let t of u){var e;d[t.key]=(e=o[t.key],Array.isArray(e)?{enabled:!0,roundRobin:!1,models:e.map(e=>e?.model||e).filter(Boolean)}:e&&"object"==typeof e?{enabled:!1!==e.enabled,roundRobin:!!e.roundRobin,models:Array.isArray(e.models)?e.models.filter(Boolean):[]}:{...h})}M(d)}catch(e){console.log("Error fetching data:",e)}finally{r(!1)}},F=async e=>{M(e);try{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({capacityAdapter:e})})}catch(e){console.log("Error updating capacity adapter:",e)}},T=async e=>{try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(t.ok)await _(),n(!1);else{let e=await t.json();alert(e.error||"Failed to create combo")}}catch(e){console.log("Error creating combo:",e)}},R=async(e,t)=>{try{let s=await fetch(`/api/combos/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(s.ok)await _(),p(null);else{let e=await s.json();alert(e.error||"Failed to update combo")}}catch(e){console.log("Error updating combo:",e)}},D=async s=>{O({title:"Delete Combo",message:"Delete this combo?",onConfirm:async()=>{O(null);try{(await fetch(`/api/combos/${s}`,{method:"DELETE"})).ok&&t(e.filter(e=>e.id!==s))}catch(e){console.log("Error deleting combo:",e)}}})},I=async(e,t)=>{try{let s={...k},a={...s[e]||{},...t};a.fallbackStrategy&&"fallback"!==a.fallbackStrategy?s[e]=a:delete s[e],await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:s})}),C(s)}catch(e){console.log("Error updating combo strategy:",e)}};return s?(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(d.Qv,{}),(0,a.jsx)(d.Qv,{})]}):(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Group models under one name, then pick a strategy per combo:"}),(0,a.jsxs)("ul",{className:"text-sm text-text-muted mt-2 flex flex-col gap-1",children:[(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Fallback"})," — tries models in order (next on failure)"]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Round Robin"})," — rotates models across requests to spread load"]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Fusion"})," — queries all models in parallel, then a judge synthesizes one answer. Best quality, but costs the most: every request bills all panel models + the judge (N+1 calls)"]})]})]}),(0,a.jsx)(d.$n,{icon:"add",onClick:()=>n(!0),className:"w-full sm:w-auto whitespace-nowrap",children:"Create Combo"})]}),0===e.length?(0,a.jsx)(d.Zp,{children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"layers"})}),(0,a.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No combos yet"}),(0,a.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create model combos with fallback support"}),(0,a.jsx)(d.$n,{icon:"add",onClick:()=>n(!0),className:"w-full sm:w-auto",children:"Create Combo"})]})}):(0,a.jsx)("div",{className:"flex flex-col gap-4",children:e.map(e=>(0,a.jsx)(j,{combo:e,getCaps:$,activeProviders:v,copied:E,onCopy:P,onEdit:()=>p(e),onDelete:()=>D(e.id),onTest:()=>f(e),strategy:k[e.name]||{},onSetStrategy:t=>I(e.name,t)},e.id))}),(0,a.jsx)(y,{capacityAdapter:S,onChange:F,activeProviders:v,getCaps:$}),g&&(0,a.jsx)(d.St,{isOpen:!!g,combo:g,onClose:()=>f(null),strategy:k[g.name]||{}}),i&&(0,a.jsx)(w,{isOpen:i,onClose:()=>n(!1),onSave:T,onTestDraft:e=>f(e),activeProviders:v},"create"),o&&(0,a.jsx)(w,{isOpen:!!o,combo:o,onClose:()=>p(null),onSave:e=>R(o.id,e),onTestDraft:e=>f(e),activeProviders:v},o.id),(0,a.jsx)(d.uo,{isOpen:!!A,onClose:()=>O(null),onConfirm:A?.onConfirm,title:A?.title||"Confirm",message:A?.message,variant:"danger"})]})}let f=[{value:"fallback",label:"Fallback — try in order"},{value:"round-robin",label:"Round Robin — rotate"},{value:"weighted",label:"Weighted — random by weight"},{value:"fusion",label:"Fusion — panel + judge"}];function j({combo:e,getCaps:t,activeProviders:s=[],copied:r,onCopy:i,onEdit:n,onDelete:o,onTest:c,strategy:m={},onSetStrategy:x}){let[p,u]=(0,l.useState)(!1),h=m.fallbackStrategy||"fallback",b=m.judgeModel||"";return(0,a.jsxs)(d.Zp,{padding:"sm",className:"group",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsx)("div",{className:"size-8 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("code",{className:"block truncate font-mono text-sm font-medium",children:e.name}),(0,a.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1",children:[0===e.models.length?(0,a.jsx)("span",{className:"text-xs text-text-muted italic",children:"No models"}):e.models.slice(0,3).map((e,s)=>(0,a.jsxs)("code",{className:"inline-flex items-center gap-1 rounded bg-black/5 px-1.5 py-0.5 font-mono text-xs text-text-muted dark:bg-white/5",children:[(0,a.jsx)("span",{children:e}),(0,a.jsx)(d.nh,{caps:t?.(e)})]},s)),e.models.length>3&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",e.models.length-3," more"]})]}),"fusion"===h&&(0,a.jsxs)("div",{className:"mt-2 flex min-w-0 flex-wrap items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-[11px] font-medium text-text-muted",children:"Judge"}),(0,a.jsxs)("button",{onClick:()=>u(!0),className:"inline-flex max-w-full items-center gap-1 rounded border border-dashed border-primary/40 px-1.5 py-0.5 font-mono text-[11px] text-primary hover:border-primary hover:bg-primary/5 transition-colors",title:"Pick the model that fuses panel answers",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"gavel"}),(0,a.jsx)("span",{className:"truncate",children:b||`Auto — ${e.models[0]||"first model"}`})]}),b&&(0,a.jsx)("button",{onClick:()=>x({judgeModel:""}),className:"p-0.5 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10 transition-colors",title:"Reset judge to Auto",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"close"})})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center sm:gap-3 sm:shrink-0",children:[(0,a.jsx)("div",{className:"w-full sm:w-[200px]",children:(0,a.jsx)(d.l6,{options:f,value:h,onChange:e=>x({fallbackStrategy:e.target.value}),selectClassName:"py-1.5 text-xs"})}),(0,a.jsxs)("div",{className:"grid grid-cols-4 gap-1 sm:flex",children:[(0,a.jsxs)("button",{onClick:c,className:"flex flex-col items-center rounded px-2 py-1 text-primary transition-colors hover:bg-primary/10",title:"Test Run Combo",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"play_circle"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight font-medium",children:"Test"})]}),(0,a.jsxs)("button",{onClick:t=>{t.stopPropagation(),i(e.name,`combo-${e.id}`)},className:"flex flex-col items-center rounded px-2 py-1 text-text-muted transition-colors hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",title:"Copy combo name",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:r===`combo-${e.id}`?"check":"content_copy"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Copy"})]}),(0,a.jsxs)("button",{onClick:n,className:"flex flex-col items-center rounded px-2 py-1 text-text-muted transition-colors hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",title:"Edit",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:o,className:"flex flex-col items-center rounded px-2 py-1 text-red-500 transition-colors hover:bg-red-500/10",title:"Delete",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]})]})]}),p&&(0,a.jsx)(d.rq,{isOpen:p,onClose:()=>u(!1),onSelect:e=>{x({judgeModel:e?.value||""}),u(!1)},activeProviders:s,title:"Select Judge Model",addedModelValues:b?[b]:[],closeOnSelect:!0})]})}function y({capacityAdapter:e,onChange:t,activeProviders:s,getCaps:l}){return(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsx)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium",children:"Vision Adapter"}),(0,a.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"Your model can't read image/audio? Auto-switches to a model in the pool below."}),(0,a.jsxs)("ul",{className:"mt-1.5 text-[11px] text-text-muted flex flex-col gap-0.5",children:[(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Vision"})," — images (png, jpg, webp, …)"]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Audio"})," — audio input"]})]})]})}),(0,a.jsx)("div",{className:"flex flex-col gap-4",children:u.map(r=>(0,a.jsx)(v,{cap:r,entry:e[r.key]||h,onChange:s=>t({...e,[r.key]:s}),activeProviders:s,getCaps:l},r.key))})]})}function v({cap:e,entry:t,onChange:s,activeProviders:r,getCaps:i}){let[n,o]=(0,l.useState)(!1),{enabled:c,roundRobin:m,models:x}=t,p=e=>s({...t,...e}),u=(e,t)=>{let s=e+t;if(s<0||s>=x.length)return;let a=[...x];[a[e],a[s]]=[a[s],a[e]],p({models:a})};return(0,a.jsxs)(d.Zp,{padding:"sm",className:`group ${!c?"opacity-50":""}`,children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-1 items-start gap-2.5 sm:items-center",children:[(0,a.jsx)(d.lM,{checked:c,onChange:e=>p({enabled:e}),"aria-label":`Enable ${e.label} adapter`}),(0,a.jsx)("div",{className:"size-8 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:e.icon})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,a.jsx)("code",{className:"font-mono text-sm font-medium",children:e.label}),(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:["— ",e.desc]})]}),(0,a.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1",children:[0===x.length?(0,a.jsx)("span",{className:"text-xs text-text-muted italic",children:"No models"}):x.slice(0,3).map((e,t)=>(0,a.jsxs)("code",{className:"group/chip inline-flex items-center gap-1 rounded bg-black/5 px-1.5 py-0.5 font-mono text-xs text-text-muted dark:bg-white/5",children:[(0,a.jsx)("span",{children:e}),(0,a.jsx)(d.nh,{caps:i?.(e)}),(0,a.jsx)("button",{onClick:()=>u(t,-1),disabled:0===t,className:`leading-none opacity-0 group-hover/chip:opacity-100 ${0===t?"text-text-muted/20":"text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_upward"})}),(0,a.jsx)("button",{onClick:()=>u(t,1),disabled:t===x.length-1,className:`leading-none opacity-0 group-hover/chip:opacity-100 ${t===x.length-1?"text-text-muted/20":"text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_downward"})}),(0,a.jsx)("button",{onClick:()=>{let e;p({models:0===(e=x.filter((e,s)=>s!==t)).length?["oc/mimo-v2.5-free"]:e})},className:"leading-none opacity-0 group-hover/chip:opacity-100 text-text-muted hover:text-red-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]},`${e}-${t}`)),x.length>3&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",x.length-3," more"]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center sm:gap-3 sm:shrink-0",children:[(0,a.jsxs)("label",{className:"flex items-center gap-1.5 text-xs text-text-muted cursor-pointer select-none",children:[(0,a.jsx)(d.lM,{checked:m,onChange:e=>p({roundRobin:e}),disabled:!c,"aria-label":`Round-robin ${e.label} adapter`}),(0,a.jsx)("span",{children:"Round"})]}),(0,a.jsx)(d.$n,{icon:"add",variant:"ghost",size:"sm",onClick:()=>o(!0),disabled:!c,title:`Add ${e.label} model`,children:"Add Model"})]})]}),n&&(0,a.jsx)(d.rq,{isOpen:n,onClose:()=>o(!1),onSelect:e=>{x.includes(e.value)||p({models:[...x,e.value]})},activeProviders:r,title:`Add ${e.label} Model`,addedModelValues:x,capFilter:e.key,closeOnSelect:!1})]})}function N({id:e,index:t,model:s,weight:r=1,isFirst:o,isLast:d,onEdit:c,onWeightChange:m,onMoveUp:x,onMoveDown:p,onRemove:u}){let{attributes:h,listeners:b,setNodeRef:g,transform:f,isDragging:j}=(0,i.gl)({id:e}),y={transform:n.Ks.Transform.toString(f),opacity:j?.4:1,zIndex:j?999:void 0},[v,w]=(0,l.useState)(!1),[k,C]=(0,l.useState)(s),S=()=>{let e=k.trim();e&&e!==s?c(e):C(s),w(!1)};return(0,a.jsxs)("div",{ref:g,style:y,className:`group flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 bg-black/[0.02] hover:bg-black/[0.04] dark:bg-white/[0.02] dark:hover:bg-white/[0.04] transition-colors ${j?"shadow-md ring-1 ring-primary/30":""}`,children:[(0,a.jsx)("button",{...h,...b,type:"button",className:"cursor-grab touch-none p-0.5 rounded text-text-muted hover:text-primary active:cursor-grabbing shrink-0",title:"Drag to reorder",children:(0,a.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,a.jsx)("circle",{cx:"9",cy:"4",r:"2"}),(0,a.jsx)("circle",{cx:"15",cy:"4",r:"2"}),(0,a.jsx)("circle",{cx:"9",cy:"12",r:"2"}),(0,a.jsx)("circle",{cx:"15",cy:"12",r:"2"}),(0,a.jsx)("circle",{cx:"9",cy:"20",r:"2"}),(0,a.jsx)("circle",{cx:"15",cy:"20",r:"2"})]})}),(0,a.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-3 text-center shrink-0",children:t+1}),v?(0,a.jsx)("input",{autoFocus:!0,value:k,onChange:e=>C(e.target.value),onBlur:S,onKeyDown:e=>{"Enter"===e.key&&S(),"Escape"===e.key&&(C(s),w(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-white px-1.5 py-0.5 font-mono text-xs text-text-main outline-none dark:bg-black/20"}):(0,a.jsx)("div",{className:"min-w-0 flex-1 cursor-text truncate rounded px-1.5 py-0.5 font-mono text-xs text-text-main hover:bg-black/5 dark:hover:bg-white/5",onClick:()=>w(!0),title:"Click to edit",children:s}),(0,a.jsxs)("label",{className:"flex shrink-0 items-center gap-0.5 text-[10px] text-text-muted",title:"Weight for Weighted strategy",children:["w",(0,a.jsx)("input",{type:"number",min:1,max:10,value:r,onChange:e=>m?.(e.target.value),className:"w-9 rounded border border-black/10 px-1 py-0.5 text-xs text-text-main dark:border-white/10 bg-transparent text-center"})]}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5",children:[(0,a.jsx)("button",{onClick:x,disabled:o,className:`p-0.5 rounded ${o?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move up",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_upward"})}),(0,a.jsx)("button",{onClick:p,disabled:d,className:`p-0.5 rounded ${d?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move down",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_downward"})})]}),(0,a.jsx)("button",{onClick:u,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 transition-all",title:"Remove",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]})}function w({isOpen:e,combo:t,onClose:s,onSave:n,onTestDraft:c,activeProviders:m,kindFilter:x=null}){let[u,h]=(0,l.useState)(t?.name||""),b=t?.members?.length?t.members:(t?.models||[]).map(e=>({id:e,weight:1})),[g,f]=(0,l.useState)(b),[j,y]=(0,l.useState)(!1),[v,k]=(0,l.useState)(!1),[C,S]=(0,l.useState)(""),[M,$]=(0,l.useState)({}),[A,O]=(0,l.useState)(!1),[E,P]=(0,l.useState)(()=>t?.policy||t?.config?.policy||{}),[_,F]=(0,l.useState)(()=>t?.fusion||t?.config?.fusion||{}),T=(0,r.FR)((0,r.MS)(r.AN,{activationConstraint:{distance:5}}),(0,r.MS)(r.uN,{coordinateGetter:i.JR})),R=g.map((e,t)=>({uid:`item-${t}`,id:e.id,weight:e.weight})),D=async()=>{try{let e=await fetch("/api/models/alias");if(!e.ok)return;let t=await e.json();$(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}};(0,l.useEffect)(()=>{e&&D()},[e]);let I=e=>e.trim()?p.test(e)?(S(""),!0):(S("Only letters, numbers, -, _ and . allowed"),!1):(S("Name is required"),!1),z=async()=>{if(!I(u))return;k(!0);let e=g.map(e=>e.id),t=g.some(e=>1!==(e.weight||1)),s={name:u.trim(),models:e};if(t||Object.keys(E).length||Object.keys(_).length){s.members=g;let e={};t&&(e.members=g),Object.keys(E).length&&(e.policy=E),Object.keys(_).length&&(e.fusion=_),Object.keys(e).length&&(s.config=e)}await n(s),k(!1)},H=!!t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.aF,{isOpen:e,onClose:s,title:H?"Edit Combo":"Create Combo",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(d.pd,{label:"Combo Name",value:u,onChange:e=>{let t=e.target.value;h(t),t?I(t):S("")},placeholder:"my-combo",error:C}),(0,a.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:"Only letters, numbers, -, _ and . allowed"})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{className:"text-sm font-medium mb-1.5 block",children:["Models ",(0,a.jsx)("span",{className:"text-[11px] text-text-muted font-normal",children:"— weights matter for Weighted strategy"})]}),0===g.length?(0,a.jsxs)("div",{className:"text-center py-4 border border-dashed border-black/10 dark:border-white/10 rounded-lg bg-black/[0.01] dark:bg-white/[0.01]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-text-muted text-xl mb-1",children:"layers"}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"No models added yet"})]}):(0,a.jsx)(r.Mp,{sensors:T,collisionDetection:r.fp,onDragEnd:e=>{let{active:t,over:s}=e;if(s&&t.id!==s.id){let e=R.findIndex(e=>e.uid===t.id),a=R.findIndex(e=>e.uid===s.id);-1!==e&&-1!==a&&f(t=>(0,i.be)(t,e,a))}},modifiers:[o.FN,o.gj],children:(0,a.jsx)(i.gB,{items:R.map(e=>e.uid),strategy:i._G,children:(0,a.jsx)("div",{className:"flex max-h-[55vh] min-w-0 flex-col gap-1 overflow-y-auto sm:max-h-[350px]",children:R.map(({uid:e,id:t,weight:s},l)=>(0,a.jsx)(N,{id:e,index:l,model:t,weight:s,isFirst:0===l,isLast:l===R.length-1,onEdit:e=>{let t=[...g];t[l]={...t[l],id:e},f(t)},onWeightChange:e=>{let t,s;return t=Math.max(1,Math.min(10,parseInt(e,10)||1)),void((s=[...g])[l]={...s[l],weight:t},f(s))},onMoveUp:()=>(e=>{if(0===e)return;let t=[...g];[t[e-1],t[e]]=[t[e],t[e-1]],f(t)})(l),onMoveDown:()=>(e=>{if(e===g.length-1)return;let t=[...g];[t[e],t[e+1]]=[t[e+1],t[e]],f(t)})(l),onRemove:()=>{f(g.filter((e,t)=>t!==l))}},e))})})}),(0,a.jsxs)("button",{onClick:()=>y(!0),className:"w-full mt-2 py-2 border border-dashed border-black/10 dark:border-white/10 rounded-lg text-xs text-primary font-medium hover:text-primary hover:border-primary/50 transition-colors flex items-center justify-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),"Add Model"]}),(0,a.jsxs)("div",{className:"rounded-lg border border-black/10 dark:border-white/10 p-2",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>O(e=>!e),className:"flex w-full items-center justify-between text-xs font-medium text-text-main",children:[(0,a.jsx)("span",{children:"Advanced — weights, retry, fusion tuning"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:A?"expand_less":"expand_more"})]}),A&&(0,a.jsxs)("div",{className:"mt-2 flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,a.jsxs)("label",{className:"text-xs",children:["Sticky (requests per model)",(0,a.jsx)("input",{type:"number",min:1,max:50,value:E.sticky||1,onChange:e=>P({...E,sticky:Math.max(1,parseInt(e.target.value,10)||1)}),className:"mt-1 w-full rounded border border-black/10 px-2 py-1 text-xs dark:border-white/10 bg-transparent"})]}),(0,a.jsxs)("label",{className:"text-xs",children:["Max Hops (attempts)",(0,a.jsx)("input",{type:"number",min:1,max:20,placeholder:"all",value:E.maxHops||"",onChange:e=>{let t=parseInt(e.target.value,10);P(t?{...E,maxHops:t}:{...E,maxHops:void 0})},className:"mt-1 w-full rounded border border-black/10 px-2 py-1 text-xs dark:border-white/10 bg-transparent"})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,a.jsxs)("label",{className:"text-xs",children:["Min Panel",(0,a.jsx)("input",{type:"number",min:2,max:10,value:_.minPanel||"",placeholder:"2",onChange:e=>{let t=parseInt(e.target.value,10);F(t?{..._,minPanel:t}:{..._,minPanel:void 0})},className:"mt-1 w-full rounded border border-black/10 px-2 py-1 text-xs dark:border-white/10 bg-transparent"})]}),(0,a.jsxs)("label",{className:"text-xs",children:["Grace ms",(0,a.jsx)("input",{type:"number",min:0,max:3e4,value:_.stragglerGraceMs||"",placeholder:"8000",onChange:e=>{let t=parseInt(e.target.value,10);F(Number.isFinite(t)?{..._,stragglerGraceMs:t}:{..._,stragglerGraceMs:void 0})},className:"mt-1 w-full rounded border border-black/10 px-2 py-1 text-xs dark:border-white/10 bg-transparent"})]}),(0,a.jsxs)("label",{className:"text-xs",children:["Hard timeout ms",(0,a.jsx)("input",{type:"number",min:1e3,max:3e5,value:_.panelHardTimeoutMs||"",placeholder:"90000",onChange:e=>{let t=parseInt(e.target.value,10);F(Number.isFinite(t)?{..._,panelHardTimeoutMs:t}:{..._,panelHardTimeoutMs:void 0})},className:"mt-1 w-full rounded border border-black/10 px-2 py-1 text-xs dark:border-white/10 bg-transparent"})]})]}),(0,a.jsx)("p",{className:"text-[10px] text-text-muted",children:"Weights 1–10 affect Weighted strategy only. Sticky & Max Hops affect fallback/round-robin. Fusion tuning affects panel collection."})]})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 pt-1 sm:flex-row",children:[(0,a.jsx)(d.$n,{onClick:s,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),c&&models.length>0&&(0,a.jsx)(d.$n,{type:"button",onClick:()=>c({id:t?.id,name:u||"Draft Combo",models,kind:x||"llm"}),variant:"outline",fullWidth:!0,size:"sm",icon:"play_circle",children:"Test Run"}),(0,a.jsx)(d.$n,{onClick:z,fullWidth:!0,size:"sm",disabled:!u.trim()||!!C||v,children:v?"Saving...":H?"Save":"Create"})]})]})}),j&&(0,a.jsx)(d.rq,{isOpen:j,onClose:()=>y(!1),onSelect:e=>{g.find(t=>t.id===e.value)||f([...g,{id:e.value,weight:1}])},onDeselect:e=>{f(g.filter(t=>t.id!==e.value))},activeProviders:m,modelAliases:M,title:"Add Model to Combo",kindFilter:x,addedModelValues:g.map(e=>e.id),closeOnSelect:!1})]})}},84680:(e,t,s)=>{"use strict";s.d(t,{PM:()=>a.PM,Sj:()=>a.Sj,Vy:()=>a.Vy,fF:()=>a.fF,sl:()=>a.sl,vL:()=>a.vL,y$:()=>a.y$,zM:()=>a.zM});var a=s(44923)}},e=>{e.O(0,[8010,5353,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=25100)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/mcp-gateway/error-8838c952fdd7eda6.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5534],{81638:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>r});var a=s(95155),n=s(12115);function r({error:e,reset:t}){return(0,n.useEffect)(()=>{console.error("MCP Gateway page error:",e)},[e]),(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center gap-4 py-20 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-4xl text-orange-500",children:"warning"}),(0,a.jsx)("p",{className:"text-lg font-semibold",children:"Something went wrong"}),(0,a.jsx)("p",{className:"max-w-md text-sm text-text-muted",children:"The MCP Gateway page failed to load. This may happen during hydration in production builds."}),(0,a.jsx)("div",{className:"flex gap-3",children:(0,a.jsx)("button",{onClick:()=>t(),className:"rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90",children:"Try again"})})]})}},91347:(e,t,s)=>{Promise.resolve().then(s.bind(s,81638))}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=91347)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/mcp-gateway/keys/page-f08a0a114048e6a2.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7554],{9538:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>d});var s=a(95155),i=a(12115),r=a(35497),l=a(65921),n=a(11059),c=a(98349);function o(e){return(0,c.u4)(e)&&"string"==typeof e.id&&("string"==typeof e.name||null===e.name)}function d(){let[e,t]=(0,i.useState)([]),[a,d]=(0,i.useState)([]),[y,x]=(0,i.useState)(!0),[h,u]=(0,i.useState)(!1),[p,f]=(0,i.useState)(""),[g,k]=(0,i.useState)(null),[j,w]=(0,i.useState)(null),[v,b]=(0,i.useState)(null),[N,C]=(0,i.useState)({}),[S,$]=(0,i.useState)(new Set),_=(0,l.i)(e=>e.addNotification),{copied:A,copy:E}=(0,n.C)(2e3),O=(0,i.useCallback)(async()=>{x(!0);try{var e,a;let[s,i]=await Promise.all([fetch("/api/mcp-gateway/keys"),fetch("/api/mcp-gateway/instances")]),r=s.ok?await s.json().catch(()=>({})):{},l=i.ok?await i.json().catch(()=>({})):{};s.ok||_({type:"error",message:r.error||`Failed to load keys (${s.status})`}),t((e=r.keys,Array.isArray(e)?e.filter(o):[])),d((a=l.instances,Array.isArray(a)?a.filter(e=>(0,c.u4)(e)&&"string"==typeof e.id&&"string"==typeof e.slug&&"string"==typeof e.kind):[]))}catch(e){_({type:"error",message:e instanceof Error?e.message:"Failed to load gateway keys"}),t([])}finally{x(!1)}},[_]);async function P(){if(p.trim())try{let e=await fetch("/api/mcp-gateway/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:p.trim()})}),t=await e.json();if(!e.ok)return void _({type:"error",message:t.error||"create failed"});k(o(t.key)?t.key:null),await O(),f(""),u(!1)}catch(e){_({type:"error",message:e instanceof Error?e.message:"create failed"})}}async function K(e){let t=await fetch(`/api/mcp-gateway/keys/${e}`,{method:"DELETE"});t.ok?(_({type:"success",message:"Key deleted"}),b(null),C(t=>{let a={...t};return delete a[e],a}),$(t=>{let a=new Set(t);return a.delete(e),a}),await O()):_({type:"error",message:(await t.json().catch(()=>({}))).error||"delete failed"})}async function I(e,t){let a=await fetch(`/api/mcp-gateway/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({grants:t})});a.ok?(_({type:"success",message:"Grants updated"}),await O()):_({type:"error",message:(await a.json().catch(()=>({}))).error||"save failed"})}async function T(e){if(N[e.id])return $(t=>{let a=new Set(t);return a.add(e.id),a}),N[e.id];try{let t=await fetch(`/api/mcp-gateway/keys/${e.id}?reveal=1`),a=await t.json();if(!t.ok)return _({type:"error",message:a.error||"reveal failed"}),"";let s=(0,c.u4)(a.key)&&"string"==typeof a.key.key?a.key.key:"";return C(t=>({...t,[e.id]:s})),$(t=>{let a=new Set(t);return a.add(e.id),a}),s}catch(e){return _({type:"error",message:e instanceof Error?e.message:"reveal failed"}),""}}return(0,i.useEffect)(()=>{Promise.resolve().then(()=>O())},[O]),(0,s.jsxs)("div",{className:"max-w-6xl mx-auto space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"MCP Keys"}),(0,s.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"API keys that harnesses use to talk to the MCP gateway."})]}),(0,s.jsx)(r.$n,{icon:"add",onClick:()=>u(!0),children:"Create Key"})]}),(0,s.jsx)(r.Zp,{title:"Gateway Keys",subtitle:"API keys that harnesses use to talk to the gateway",children:y?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Loading…"}):0===e.length?(0,s.jsxs)("div",{className:"text-center py-12",children:[(0,s.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"vpn_key"})}),(0,s.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No gateway keys yet"}),(0,s.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create your first gateway key to get started"}),(0,s.jsx)(r.$n,{icon:"add",onClick:()=>u(!0),children:"Create Key"})]}):(0,s.jsx)("div",{className:"flex flex-col",children:e.map(e=>{let t=S.has(e.id),a=N[e.id]??"";return(0,s.jsxs)("div",{className:"group flex items-start justify-between py-3 border-b border-black/[0.03] dark:border-white/[0.03] last:border-b-0",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"font-medium text-text-main",children:e.name||(0,s.jsx)("span",{className:"text-text-muted",children:"unnamed"})}),(0,s.jsxs)("div",{className:"flex items-center gap-2 mt-1 flex-wrap",children:[t?(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono break-all",children:a}):(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono",children:a?a&&!(a.length<=10)?a.slice(0,6)+"•".repeat(a.length-10)+a.slice(-4):a||"":"••••••••••"}),(0,s.jsx)("button",{onClick:()=>{var a;return t?(a=e.id,void $(e=>{let t=new Set(e);return t.delete(a),t})):T(e)},className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",title:t?"Hide key":"Show key",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:t?"visibility_off":"visibility"})}),(0,s.jsx)("button",{onClick:async()=>{let t=N[e.id]||await T(e);t&&E(t,e.id)},className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",title:"Copy key",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:A===e.id?"check":"content_copy"})})]}),(0,s.jsxs)("div",{className:"text-xs text-text-muted mt-1",children:[e.machineId?`machine ${e.machineId.slice(0,8)}… \xb7 `:"","created ",e.createdAt?.slice(0,10)]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",icon:"tune",onClick:()=>w(e.id),children:"Grants"}),(0,s.jsx)("button",{onClick:()=>b(e.id),className:"p-2 hover:bg-red-500/10 rounded text-red-500 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})}),(0,s.jsx)(r.aF,{isOpen:h,title:"Create Gateway Key",onClose:()=>{u(!1),f("")},children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(r.pd,{label:"Key Name",value:p,onChange:e=>f(e.target.value),placeholder:"My harness"}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(r.$n,{onClick:P,fullWidth:!0,disabled:!p.trim(),children:"Create"}),(0,s.jsx)(r.$n,{onClick:()=>{u(!1),f("")},variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),g&&(0,s.jsx)(r.aF,{isOpen:!0,onClose:()=>k(null),title:"Gateway Key Created",children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,s.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 mb-2 font-medium",children:"Save this key now!"}),(0,s.jsx)("p",{className:"text-sm text-yellow-700 dark:text-yellow-300",children:"This is the only time you will see this key. Store it securely."})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(r.pd,{value:g.key??"",readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,s.jsx)(r.$n,{variant:"secondary",icon:"created_key"===A?"check":"content_copy",onClick:()=>g.key&&E(g.key,"created_key"),children:"created_key"===A?"Copied!":"Copy"})]}),(0,s.jsx)(r.$n,{onClick:()=>k(null),fullWidth:!0,children:"Done"})]})}),j&&(0,s.jsx)(m,{keyId:j,allInstances:a,onClose:()=>w(null),onSave:I}),(0,s.jsx)(r.uo,{isOpen:!!v,onClose:()=>b(null),onConfirm:()=>v&&K(v),title:"Delete gateway key?",message:"Any harness using this key will lose access immediately."})]})}function m({keyId:e,allInstances:t,onClose:a,onSave:l}){let[n,c]=(0,i.useState)(new Set),[o,d]=(0,i.useState)(!0);return(0,i.useEffect)(()=>{(async()=>{try{let t=await fetch(`/api/mcp-gateway/keys/${e}`),a=(await t.json()).grants,s=Array.isArray(a)?a.map(e=>"string"==typeof e?e:e?.instanceId).filter(Boolean):[];c(new Set(s))}catch{c(new Set)}finally{d(!1)}})()},[e]),(0,s.jsx)(r.aF,{isOpen:!0,onClose:a,title:"Manage instance grants",size:"md",showTrafficLights:!0,footer:(0,s.jsxs)("div",{className:"flex gap-2 justify-end",children:[(0,s.jsx)(r.$n,{variant:"outline",onClick:a,children:"Cancel"}),(0,s.jsx)(r.$n,{onClick:()=>{l(e,[...n]),a()},icon:"save",disabled:o,children:"Save"})]}),children:o?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Loading…"}):0===t.length?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"No instances exist yet. Create one first under MCP → Servers."}):(0,s.jsx)("div",{className:"space-y-1 max-h-96 overflow-y-auto",children:t.map(e=>(0,s.jsxs)("label",{className:"flex items-center gap-3 p-2 rounded-[8px] hover:bg-surface-2 cursor-pointer",children:[(0,s.jsx)("input",{type:"checkbox",checked:n.has(e.id),onChange:()=>{var t;return t=e.id,void c(e=>{let a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a})},className:"size-4 rounded border-border"}),(0,s.jsx)("span",{className:"font-mono text-sm",children:e.slug}),(0,s.jsx)(r.Ex,{size:"sm",variant:"default",children:e.kind})]},e.id))})})}},94705:(e,t,a)=>{Promise.resolve().then(a.bind(a,9538))},98349:(e,t,a)=>{"use strict";function s(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}a.d(t,{u4:()=>s})}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=94705)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/mcp-gateway/page-5d48568153ad3d87.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1445],{20818:(e,t,a)=>{Promise.resolve().then(a.bind(a,72023))},72023:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>p});var s=a(95155),n=a(12115),i=a(35497),r=a(65921),l=a(11059);function o(){return Date.now()}let c=[{value:"http",label:"HTTP"},{value:"sse",label:"SSE"},{value:"npx",label:"npx"},{value:"python",label:"Python"},{value:"docker",label:"Docker"},{value:"command",label:"Command"}],d=[{value:"http",label:"http"},{value:"sse",label:"sse"},{value:"stdio",label:"stdio"}];function u(){return{slug:"",title:"",kind:"http",transport:"http",url:"",command:"",args:"[]",env:"{}",headers:"{}",oauth:!1,enabled:!0}}function h(e,t){if(!e||"string"!=typeof e)return t;try{return JSON.parse(e)}catch{return t}}function m(e){if(null==e)return"";if("string"==typeof e)return e;try{return JSON.stringify(e)}catch{return""}}function p(){let[e,t]=(0,n.useState)([]),[a,c]=(0,n.useState)([]),[d,p]=(0,n.useState)(!0),[y,f]=(0,n.useState)(null),[j,v]=(0,n.useState)(null),[w,k]=(0,n.useState)(null),[b,N]=(0,n.useState)(null),[C,S]=(0,n.useState)({}),$=(0,r.i)(e=>e.addNotification),{copied:E,copy:O}=(0,l.C)(2e3),T=(0,n.useCallback)(async()=>{p(!0);try{let[e,a]=await Promise.all([fetch("/api/mcp-gateway/instances"),fetch("/api/mcp-gateway/keys")]),s=e.ok?await e.json().catch(()=>({})):{},n=a.ok?await a.json().catch(()=>({})):{};e.ok||$({type:"error",message:s.error??`Failed to load instances (${e.status})`}),a.ok||$({type:"error",message:n.error??`Failed to load keys (${a.status})`}),t(Array.isArray(s.instances)?s.instances:[]),c(Array.isArray(n.keys)?n.keys:[])}catch(e){$({type:"error",message:e instanceof Error?e.message:"Failed to load MCP Gateway data"}),t([]),c([])}finally{p(!1)}},[$]);async function z(e){let t={...e,args:h(e.args,[]),env:h(e.env,{}),headers:h(e.headers,{})},a=!e.id,s=await fetch(a?"/api/mcp-gateway/instances":`/api/mcp-gateway/instances/${e.id}`,{method:a?"POST":"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await s.json().catch(()=>({}));return s.ok?($({type:"success",message:a?"Instance created":"Instance updated"}),f(null),await T(),!0):($({type:"error",message:n.error??`save failed (${s.status})`}),!1)}async function A(e){let t=await fetch(`/api/mcp-gateway/instances/${e}`,{method:"DELETE"});t.ok?($({type:"success",message:"Instance deleted"}),N(null),await T()):$({type:"error",message:(await t.json().catch(()=>({}))).error??"delete failed"})}async function _(e){try{let t=await fetch(`/api/mcp-gateway/oauth/${e}/authorize`),a=await t.json().catch(()=>({}));if(!t.ok||!a.url)return void $({type:"error",message:a.error??`authorize failed (${t.status})`});if(!window.open(a.url,"_blank","noopener,noreferrer"))return void $({type:"error",message:"popup blocked — allow popups for this site"});let s=a.state,n=o(),i=async()=>{if(o()-n>3e5)return void $({type:"warning",message:"OAuth flow timed out — check the popup tab"});try{let t=await fetch(`/api/mcp-gateway/oauth/${e}/status?state=${encodeURIComponent(s??"")}`),a=await t.json();if("complete"===a.status){$({type:"success",message:"Connected"}),await T();return}if("error"===a.status){$({type:"error",message:a.error??"OAuth failed"}),await T();return}}catch{}setTimeout(()=>{i()},1500)};setTimeout(()=>{i()},1500)}catch(e){$({type:"error",message:e instanceof Error?e.message:"OAuth error"})}}async function P(e){S(t=>({...t,[e]:{loading:!0}}));try{let t=await fetch(`/api/mcp-gateway/instances/${e}/test`,{method:"POST"}),a=await t.json();S(t=>({...t,[e]:a}))}catch(a){let t=a instanceof Error?a.message:"test failed";S(a=>({...a,[e]:{ok:!1,error:t}}))}}async function I(){let e=window.prompt("Gateway key name (optional):")??null,t=await fetch("/api/mcp-gateway/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e})}),a=await t.json();t.ok?(k(a.key??null),await T()):$({type:"error",message:a.error??"create failed"})}async function L(e){let t=await fetch(`/api/mcp-gateway/keys/${e}`,{method:"DELETE"});t.ok?($({type:"success",message:"Key deleted"}),N(null),v(null),await T()):$({type:"error",message:(await t.json().catch(()=>({}))).error??"delete failed"})}async function J(e,t){let a=await fetch(`/api/mcp-gateway/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({grants:t})});a.ok?($({type:"success",message:"Grants updated"}),await T()):$({type:"error",message:(await a.json().catch(()=>({}))).error??"save failed"})}return(0,n.useEffect)(()=>{Promise.resolve().then(()=>T())},[T]),(0,s.jsxs)("div",{className:"max-w-6xl mx-auto space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"MCP Gateway"}),(0,s.jsxs)("p",{className:"text-sm text-text-muted mt-1",children:["Register upstream MCP servers and expose them through one endpoint. Tools appear as ",(0,s.jsx)("code",{className:"px-1 rounded bg-surface-2",children:"<slug>__<toolName>"}),"."]})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{variant:"outline",icon:"vpn_key",onClick:()=>I(),children:"New key"}),(0,s.jsx)(i.$n,{icon:"add",onClick:()=>f(u()),children:"New instance"})]})]}),(0,s.jsx)(i.Zp,{title:"Instances",subtitle:`${e.length} registered`,children:d?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Loading…"}):0===e.length?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:'No instances yet. Click "New instance" to add one.'}):(0,s.jsx)("div",{className:"space-y-2",children:e.map(e=>{let t=C[e.id];return(0,s.jsxs)("div",{className:"flex items-start gap-3 p-3 rounded-[10px] border border-border-subtle bg-surface-1",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)("span",{className:"font-mono text-sm text-text-main",children:e.slug}),(0,s.jsx)(i.Ex,{size:"sm",variant:"default",children:e.kind}),(0,s.jsx)(i.Ex,{size:"sm",variant:"default",children:e.transport}),e.oauth&&(0,s.jsx)(i.Ex,{size:"sm",variant:"info",children:"oauth"}),e.oauth&&"needs_login"===e.oauthStatus&&(0,s.jsx)(i.Ex,{size:"sm",variant:"warning",dot:!0,children:"needs login"}),e.oauth&&"connected"===e.oauthStatus&&(0,s.jsx)(i.Ex,{size:"sm",variant:"success",dot:!0,children:"connected"}),e.enabled?(0,s.jsx)(i.Ex,{size:"sm",variant:"success",dot:!0,children:"enabled"}):(0,s.jsx)(i.Ex,{size:"sm",variant:"default",dot:!0,children:"disabled"})]}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1 truncate",children:"stdio"===e.transport?`${e.command} ${(Array.isArray(e.args)?e.args:[]).join(" ")}`:e.url}),t&&!t.loading&&(0,s.jsx)("div",{className:"mt-2 text-xs",children:t.ok?(0,s.jsxs)("span",{className:"text-green-600 dark:text-green-400",children:[t.toolCount," tools",t.sample?.length?` — sample: ${t.sample.map(e=>e.name).join(", ")}`:""]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("span",{className:"text-red-600 dark:text-red-400",children:["test failed: ",t.error]}),/requires re-login|upstream 40[13]/.test(t.error??"")&&(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"login",className:"ml-2",onClick:()=>_(e.id),children:"Login"})]})})]}),(0,s.jsxs)("div",{className:"flex gap-1 shrink-0",children:[(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"play_arrow",onClick:()=>P(e.id),loading:t?.loading,children:"Test"}),e.oauth&&(0,s.jsx)(i.$n,{size:"sm",variant:"connected"===e.oauthStatus?"ghost":"primary",icon:"login",onClick:()=>_(e.id),children:"connected"===e.oauthStatus?"Re-login":"Login"}),(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"edit",onClick:()=>f({...e,args:m(e.args),env:m(e.env),headers:m(e.headers)}),children:"Edit"}),(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"delete",onClick:()=>N({kind:"instance",id:e.id})})]})]},e.id)})})}),(0,s.jsx)(i.Zp,{title:"Gateway Keys",subtitle:"API keys that harnesses use to talk to the gateway",children:0===a.length?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:'No gateway keys yet. Click "New key" to mint one.'}):(0,s.jsx)("div",{className:"space-y-2",children:a.map(e=>(0,s.jsxs)("div",{className:"flex items-start gap-3 p-3 rounded-[10px] border border-border-subtle bg-surface-1",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("div",{className:"font-medium text-text-main",children:e.name??(0,s.jsx)("span",{className:"text-text-muted",children:"unnamed"})}),(0,s.jsxs)("div",{className:"text-xs text-text-muted mt-1",children:[e.machineId?`machine ${e.machineId.slice(0,8)}…`:""," \xb7 created ",e.createdAt?.slice(0,10)]})]}),(0,s.jsxs)("div",{className:"flex gap-1 shrink-0",children:[(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"tune",onClick:()=>v(e.id),children:"Grants"}),(0,s.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"delete",onClick:()=>N({kind:"key",id:e.id})})]})]},e.id))})}),y&&(0,s.jsx)(x,{initial:y,onClose:()=>f(null),onSave:z}),j&&(0,s.jsx)(g,{keyId:j,allInstances:e,onClose:()=>v(null),onSave:J}),w&&(0,s.jsxs)(i.aF,{isOpen:!0,onClose:()=>k(null),title:"Gateway key created",showTrafficLights:!0,children:[(0,s.jsx)("p",{className:"text-sm text-text-muted mb-2",children:"Copy this key now — you will not see it again."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("code",{className:"flex-1 px-3 py-2 rounded-[8px] bg-surface-2 font-mono text-xs break-all",children:w.key}),(0,s.jsx)(i.$n,{onClick:()=>O(w.key),icon:E?"check":"content_copy",children:E?"Copied":"Copy"})]})]}),b?.kind==="instance"&&(0,s.jsx)(i.uo,{isOpen:!0,onClose:()=>N(null),onConfirm:()=>A(b.id),title:"Delete instance?",message:"All grants to this instance will also be removed."}),b?.kind==="key"&&(0,s.jsx)(i.uo,{isOpen:!0,onClose:()=>N(null),onConfirm:()=>L(b.id),title:"Delete gateway key?",message:"Any harness using this key will lose access immediately."})]})}function x({initial:e,onClose:t,onSave:a}){let[r,l]=(0,n.useState)({...u(),...e}),o="http"===r.transport||"sse"===r.transport;function h(e){l(t=>({...t,...e}))}return(0,s.jsx)(i.aF,{isOpen:!0,onClose:t,title:r.id?"Edit instance":"New instance",size:"lg",showTrafficLights:!0,footer:(0,s.jsxs)("div",{className:"flex gap-2 justify-end",children:[(0,s.jsx)(i.$n,{variant:"outline",onClick:t,children:"Cancel"}),(0,s.jsx)(i.$n,{onClick:()=>a(r),icon:"save",children:"Save"})]}),children:(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsx)(i.pd,{label:"Slug",required:!0,value:r.slug,onChange:e=>h({slug:e.target.value.toLowerCase()}),placeholder:"jira-acme",hint:"lowercase, digits, dashes; 2-40 chars; no __"}),(0,s.jsx)(i.pd,{label:"Title",value:r.title,onChange:e=>h({title:e.target.value}),placeholder:"Jira (Acme)"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsx)(i.l6,{label:"Kind",required:!0,value:r.kind,onChange:e=>h({kind:e.target.value}),options:c}),(0,s.jsx)(i.l6,{label:"Transport",value:r.transport,onChange:e=>h({transport:e.target.value}),options:d})]}),o?(0,s.jsx)(i.pd,{label:"URL",required:!0,value:r.url,onChange:e=>h({url:e.target.value}),placeholder:"https://mcp.example.com/mcp"}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.pd,{label:"Command",required:!0,value:r.command,onChange:e=>h({command:e.target.value}),placeholder:"npx"}),(0,s.jsx)(i.pd,{label:"Args (JSON array)",value:r.args,onChange:e=>h({args:e.target.value}),hint:'e.g. ["-y", "@browsermcp/mcp@latest"]'}),(0,s.jsx)(i.pd,{label:"Env (JSON object)",value:r.env,onChange:e=>h({env:e.target.value}),hint:'e.g. {"API_KEY":"..."}'})]}),o&&(0,s.jsx)(i.pd,{label:"Headers (JSON object)",value:r.headers,onChange:e=>h({headers:e.target.value}),hint:"merged into every request; cannot override Content-Type/Accept/mcp-*"}),(0,s.jsxs)("div",{className:"flex items-center gap-6 pt-1",children:[(0,s.jsx)(i.lM,{checked:r.oauth,onChange:e=>h({oauth:e}),label:"Requires OAuth",description:"Instance needs an Authorization token from a browser login"}),(0,s.jsx)(i.lM,{checked:r.enabled,onChange:e=>h({enabled:e}),label:"Enabled"})]})]})})}function g({keyId:e,allInstances:t,onClose:a,onSave:r}){let[l,o]=(0,n.useState)(new Set),[c,d]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{(async()=>{try{let t=await fetch(`/api/mcp-gateway/keys/${e}`),a=(await t.json()).grants,s=Array.isArray(a)?a.map(e=>"string"==typeof e?e:e?.instanceId).filter(Boolean):[];o(new Set(s))}finally{d(!1)}})()},[e]),(0,s.jsx)(i.aF,{isOpen:!0,onClose:a,title:"Manage instance grants",size:"md",showTrafficLights:!0,footer:(0,s.jsxs)("div",{className:"flex gap-2 justify-end",children:[(0,s.jsx)(i.$n,{variant:"outline",onClick:a,children:"Cancel"}),(0,s.jsx)(i.$n,{onClick:()=>{r(e,[...l]),a()},icon:"save",disabled:c,children:"Save"})]}),children:c?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Loading…"}):0===t.length?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"No instances exist yet. Create one first."}):(0,s.jsx)("div",{className:"space-y-1 max-h-96 overflow-y-auto",children:t.map(e=>(0,s.jsxs)("label",{className:"flex items-center gap-3 p-2 rounded-[8px] hover:bg-surface-2 cursor-pointer",children:[(0,s.jsx)("input",{type:"checkbox",checked:l.has(e.id),onChange:()=>{var t;return t=e.id,void o(e=>{let a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a})},className:"size-4 rounded border-border"}),(0,s.jsx)("span",{className:"font-mono text-sm",children:e.slug}),(0,s.jsx)(i.Ex,{size:"sm",variant:"default",children:e.kind})]},e.id))})})}}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=20818)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/mcp-gateway/servers/page-64874ce3b8ea9143.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6918],{48150:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>m});var s=a(95155),n=a(12115),r=a(35497),i=a(65921),l=a(98349);let o=[{value:"http",label:"HTTP"},{value:"sse",label:"SSE"},{value:"npx",label:"npx"},{value:"python",label:"Python"},{value:"docker",label:"Docker"},{value:"command",label:"Command"}],d=[{value:"http",label:"http"},{value:"sse",label:"sse"},{value:"stdio",label:"stdio"}];function c(){return{slug:"",title:"",kind:"http",transport:"http",url:"",command:"",args:"",env:"",headers:"",oauth:!1,enabled:!0,clientId:"",clientSecret:"",scope:""}}function u(e,t){if("string"!=typeof e||!e.trim())return t;try{return JSON.parse(e)}catch{return e}}function h(e){if(null==e)return"";if("string"==typeof e)return e;try{return JSON.stringify(e)}catch{return""}}function p(e){return(0,l.u4)(e)&&"string"==typeof e.id&&"string"==typeof e.slug&&"string"==typeof e.kind&&"string"==typeof e.transport}function m(){let[e,t]=(0,n.useState)([]),[a,o]=(0,n.useState)(!0),[d,m]=(0,n.useState)(null),[x,v]=(0,n.useState)(null),[f,y]=(0,n.useState)({}),j=(0,i.i)(e=>e.addNotification),b=(0,n.useCallback)(async()=>{o(!0);try{var e;let a=await fetch("/api/mcp-gateway/instances"),s=a.ok?await a.json().catch(()=>({})):{};a.ok||j({type:"error",message:s.error||`Failed to load instances (${a.status})`}),t((e=s.instances,Array.isArray(e)?e.filter(p).map(e=>({id:e.id,slug:e.slug,title:"string"==typeof e.title?e.title:"",kind:e.kind,transport:e.transport,url:"string"==typeof e.url?e.url:"",command:"string"==typeof e.command?e.command:"",args:e.args,env:e.env,headers:e.headers,oauth:!!e.oauth,oauthStatus:"string"==typeof e.oauthStatus?e.oauthStatus:e.oauth?"needs_login":"none",oauthClientConfigured:!!e.oauthClientConfigured,enabled:!1!==e.enabled})):[]))}catch(e){j({type:"error",message:e instanceof Error?e.message:"Failed to load MCP servers"}),t([])}finally{o(!1)}},[j]);async function C(e){let{oauthClientConfigured:t,...a}=e,s={...a,args:u(e.args,[]),env:u(e.env,{}),headers:u(e.headers,{})},n=!e.id,r=await fetch(n?"/api/mcp-gateway/instances":`/api/mcp-gateway/instances/${e.id}`,{method:n?"POST":"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}),i=await r.json().catch(()=>({}));return r.ok?(j({type:"success",message:n?"Instance created":"Instance updated"}),m(null),await b(),!0):(j({type:"error",message:i.error||`save failed (${r.status})`}),!1)}async function k(e){let t=await fetch(`/api/mcp-gateway/instances/${e}`,{method:"DELETE"});t.ok?(j({type:"success",message:"Instance deleted"}),v(null),await b()):j({type:"error",message:(await t.json().catch(()=>({}))).error||"delete failed"})}async function w(e){try{let t=await fetch(`/api/mcp-gateway/oauth/${e}/authorize`),a=await t.json().catch(()=>({}));if(!t.ok||!a.url)return void j({type:"error",message:a.error||`authorize failed (${t.status})`});if(!("string"==typeof a.url?window.open(a.url,"_blank","noopener,noreferrer"):null))return void j({type:"error",message:"popup blocked — allow popups for this site"});let s="string"==typeof a.state?a.state:"",n=Date.now(),r=async()=>{if(Date.now()-n>3e5)return void j({type:"warning",message:"OAuth flow timed out — check the popup tab"});try{let t=await fetch(`/api/mcp-gateway/oauth/${e}/status?state=${encodeURIComponent(s)}`),a=await t.json();if("complete"===a.status){j({type:"success",message:"Connected"}),await b();return}if("error"===a.status){j({type:"error",message:a.error||"OAuth failed"}),await b();return}}catch{}setTimeout(r,1500)};setTimeout(r,1500)}catch(e){j({type:"error",message:e instanceof Error?e.message:"OAuth error"})}}async function N(e){y(t=>({...t,[e]:{loading:!0}}));try{let t=await fetch(`/api/mcp-gateway/instances/${e}/test`,{method:"POST"}),a=await t.json();y(t=>({...t,[e]:(0,l.u4)(a)?{loading:!0===a.loading,ok:!0===a.ok,error:"string"==typeof a.error?a.error:void 0,toolCount:"number"==typeof a.toolCount?a.toolCount:void 0,sample:Array.isArray(a.sample)?a.sample.filter(e=>(0,l.u4)(e)&&"string"==typeof e.name):void 0}:{ok:!1,error:"Invalid test response"}}))}catch(t){y(a=>({...a,[e]:{ok:!1,error:t instanceof Error?t.message:"test failed"}}))}}return(0,n.useEffect)(()=>{Promise.resolve().then(()=>b())},[b]),(0,s.jsxs)("div",{className:"max-w-6xl mx-auto space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"MCP Servers"}),(0,s.jsxs)("p",{className:"text-sm text-text-muted mt-1",children:["Register upstream MCP servers and expose them through one endpoint. Tools appear as ",(0,s.jsx)("code",{className:"px-1 rounded bg-surface-2",children:"<slug>__<toolName>"}),"."]})]}),(0,s.jsx)(r.$n,{icon:"add",onClick:()=>m(c()),children:"New instance"})]}),(0,s.jsx)(r.Zp,{title:"Instances",subtitle:`${e.length} registered`,children:a?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Loading…"}):0===e.length?(0,s.jsx)("p",{className:"text-sm text-text-muted",children:'No instances yet. Click "New instance" to add one.'}):(0,s.jsx)("div",{className:"space-y-2",children:e.map(e=>{let t=f[e.id];return(0,s.jsxs)("div",{className:"flex items-start gap-3 p-3 rounded-[10px] border border-border-subtle bg-surface-1",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)("span",{className:"font-mono text-sm text-text-main",children:e.slug}),(0,s.jsx)(r.Ex,{size:"sm",variant:"default",children:e.kind}),(0,s.jsx)(r.Ex,{size:"sm",variant:"default",children:e.transport}),e.oauth&&(0,s.jsx)(r.Ex,{size:"sm",variant:"info",children:"oauth"}),e.oauth&&"needs_login"===e.oauthStatus&&(0,s.jsx)(r.Ex,{size:"sm",variant:"warning",dot:!0,children:"needs login"}),e.oauth&&"connected"===e.oauthStatus&&(0,s.jsx)(r.Ex,{size:"sm",variant:"success",dot:!0,children:"connected"}),e.enabled?(0,s.jsx)(r.Ex,{size:"sm",variant:"success",dot:!0,children:"enabled"}):(0,s.jsx)(r.Ex,{size:"sm",variant:"default",dot:!0,children:"disabled"})]}),(0,s.jsx)("div",{className:"text-xs text-text-muted mt-1 truncate",children:"stdio"===e.transport?`${e.command} ${(Array.isArray(e.args)?e.args:[]).join(" ")}`:e.url}),t&&!t.loading&&(0,s.jsx)("div",{className:"mt-2 text-xs",children:t.ok?(0,s.jsxs)("span",{className:"text-green-600 dark:text-green-400",children:[t.toolCount," tools",t.sample?.length?` — sample: ${t.sample.map(e=>e.name).join(", ")}`:""]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("span",{className:"text-red-600 dark:text-red-400",children:["test failed: ",t.error]}),/requires re-login|upstream 40[13]/.test(t.error??"")&&(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",icon:"login",className:"ml-2",onClick:()=>w(e.id),children:"Login"})]})})]}),(0,s.jsxs)("div",{className:"flex gap-1 shrink-0",children:[(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",icon:"play_arrow",onClick:()=>N(e.id),loading:t?.loading??!1,children:"Test"}),e.oauth&&(0,s.jsx)(r.$n,{size:"sm",variant:"connected"===e.oauthStatus?"ghost":"primary",icon:"login",onClick:()=>w(e.id),children:"connected"===e.oauthStatus?"Re-login":"Login"}),(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",icon:"edit",onClick:()=>m({id:e.id,slug:e.slug,title:e.title,kind:e.kind,transport:e.transport,url:e.url,command:e.command,args:h(e.args),env:h(e.env),headers:h(e.headers),oauth:e.oauth,enabled:e.enabled,clientId:"",clientSecret:"",scope:"",oauthClientConfigured:!!e.oauthClientConfigured}),children:"Edit"}),(0,s.jsx)(r.$n,{size:"sm",variant:"ghost",icon:"delete",onClick:()=>v(e)})]})]},e.id)})})}),d&&(0,s.jsx)(g,{initial:d,onClose:()=>m(null),onSave:C}),(0,s.jsx)(r.uo,{isOpen:!!x,onClose:()=>v(null),onConfirm:()=>x&&k(x.id),title:"Delete instance?",message:"All grants to this instance will also be removed."})]})}function g({initial:e,onClose:t,onSave:a}){let[i,l]=(0,n.useState)({...c(),...e}),u="http"===i.transport||"sse"===i.transport;function h(e){l(t=>({...t,...e}))}return(0,s.jsx)(r.aF,{isOpen:!0,onClose:t,title:i.id?"Edit instance":"New instance",size:"lg",showTrafficLights:!0,footer:(0,s.jsxs)("div",{className:"flex gap-2 justify-end",children:[(0,s.jsx)(r.$n,{variant:"outline",onClick:t,children:"Cancel"}),(0,s.jsx)(r.$n,{onClick:()=>a(i),icon:"save",children:"Save"})]}),children:(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsx)(r.pd,{label:"Slug",required:!0,value:i.slug,onChange:e=>h({slug:e.target.value.toLowerCase()}),placeholder:"jira-acme",hint:"lowercase, digits, dashes; 2-40 chars; no __"}),(0,s.jsx)(r.pd,{label:"Title",value:i.title,onChange:e=>h({title:e.target.value}),placeholder:"Jira (Acme)"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsx)(r.l6,{label:"Kind",required:!0,value:i.kind,onChange:e=>h({kind:e.target.value}),options:o}),(0,s.jsx)(r.l6,{label:"Transport",value:i.transport,onChange:e=>h({transport:e.target.value}),options:d})]}),u?(0,s.jsx)(r.pd,{label:"URL",required:!0,value:i.url,onChange:e=>h({url:e.target.value}),placeholder:"https://mcp.example.com/mcp"}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.pd,{label:"Command",required:!0,value:i.command,onChange:e=>h({command:e.target.value}),placeholder:"npx"}),(0,s.jsx)(r.pd,{label:"Args (JSON array)",value:i.args,onChange:e=>h({args:e.target.value}),hint:'e.g. ["-y", "@browsermcp/mcp@latest"]'}),(0,s.jsx)(r.pd,{label:"Env (JSON object)",value:i.env,onChange:e=>h({env:e.target.value}),hint:'e.g. {"API_KEY":"..."}'})]}),u&&(0,s.jsx)(r.pd,{label:"Headers (JSON object)",value:i.headers,onChange:e=>h({headers:e.target.value}),hint:"merged into every request; cannot override Content-Type/Accept/mcp-*"}),(0,s.jsxs)("div",{className:"flex items-center gap-6 pt-1",children:[(0,s.jsx)(r.lM,{checked:i.oauth,onChange:e=>h({oauth:e}),label:"Requires OAuth",description:"Instance needs an Authorization token from a browser login"}),(0,s.jsx)(r.lM,{checked:i.enabled,onChange:e=>h({enabled:e}),label:"Enabled"})]}),i.oauth&&(0,s.jsxs)("div",{className:"space-y-3 rounded-md border border-border p-3",children:[(0,s.jsxs)("div",{className:"text-xs text-text-muted",children:["Most servers self-register automatically. Only fill these in if the server's authorization server has no dynamic registration and Connect reports “set client_id manually”.             ",i.oauthClientConfigured&&(0,s.jsx)("span",{className:"ml-1 text-green-600 dark:text-green-400",children:"A client_id is already saved — leave blank to keep it."})]}),(0,s.jsx)(r.pd,{label:"OAuth Client ID",value:i.clientId,onChange:e=>h({clientId:e.target.value}),placeholder:i.oauthClientConfigured?"•••••• (leave blank to keep)":"pre-registered client_id (or client-id metadata URL)"}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,s.jsx)(r.pd,{label:"OAuth Client Secret",value:i.clientSecret,onChange:e=>h({clientSecret:e.target.value}),placeholder:"optional (public/PKCE clients omit)",hint:"only for confidential clients"}),(0,s.jsx)(r.pd,{label:"OAuth Scope",value:i.scope,onChange:e=>h({scope:e.target.value}),placeholder:"e.g. mcp",hint:"space-separated; optional"})]})]})]})})}},72539:(e,t,a)=>{Promise.resolve().then(a.bind(a,48150))},98349:(e,t,a)=>{"use strict";function s(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}a.d(t,{u4:()=>s})}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=72539)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/profile/page-85950757e9505005.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3471],{32376:(e,t,s)=>{Promise.resolve().then(s.bind(s,64561))},64561:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>h});var a=s(95155),r=s(12115),l=s(98500),i=s.n(l),o=s(35497),n=s(81127),d=s(21931),c=s(1620),m=s(31474),x=s(90620),p=s(93308),u=s(38202);function h(){let{theme:e,setTheme:t,isDark:s}=(0,c.D)(),[l,h]=(0,r.useState)(()=>(function(){if("u"<typeof document)return"en";let e=document.cookie.split(";").find(e=>e.trim().startsWith(`${p.CL}=`)),t=e?decodeURIComponent(e.split("=")[1]):"en";return(0,p.QC)(t)})()),[b,g]=(0,r.useState)(!1),[f,y]=(0,r.useState)(!1),[j,N]=(0,r.useState)(!1),[w,v]=(0,r.useState)({fallbackStrategy:"fill-first"}),[S,C]=(0,r.useState)(!0),[k,L]=(0,r.useState)({current:"",new:"",confirm:""}),[I,A]=(0,r.useState)({type:"",message:""}),[P,O]=(0,r.useState)(!1),[M,E]=(0,r.useState)(!1),[R,D]=(0,r.useState)({type:"",message:""}),[T,U]=(0,r.useState)({open:!1,mode:"",password:""}),$=(0,r.useRef)(null),[F,q]=(0,r.useState)({authMode:"password",oidcIssuerUrl:"",oidcClientId:"",oidcScopes:"openid profile email",oidcLoginLabel:"Sign in with OIDC"}),[_,J]=(0,r.useState)(""),[X,H]=(0,r.useState)({type:"",message:""}),[z,B]=(0,r.useState)(!1),[K,Z]=(0,r.useState)(!1),[W,Q]=(0,r.useState)({type:"",message:""}),[G,V]=(0,r.useState)(!1),Y=window.location.origin,ee=Y?`${Y}/api/auth/oidc/callback`:"/api/auth/oidc/callback",et=Y?`${Y}/api/auth/saml/acs`:"/api/auth/saml/acs",es=Y?`${Y}/api/auth/saml/metadata`:"/api/auth/saml/metadata",[ea,er]=(0,r.useState)("saml"),[el,ei]=(0,r.useState)({samlEntryPoint:"",samlIssuer:"urn:9router:sp",samlCert:"",samlLoginLabel:"Sign in with SAML SSO",samlAttributeEmail:"email",samlAttributeName:"name"}),[eo,en]=(0,r.useState)({type:"",message:""}),[ed,ec]=(0,r.useState)(!1),[em,ex]=(0,r.useState)(!1),[ep,eu]=(0,r.useState)({type:"",message:""}),[eh,eb]=(0,r.useState)(!1),eg=(0,r.useRef)(null),ef=(0,r.useRef)(null),ey=(0,r.useRef)(null),[ej,eN]=(0,r.useState)({outboundProxyEnabled:!1,outboundProxyUrl:"",outboundNoProxy:""}),[ew,ev]=(0,r.useState)({type:"",message:""}),[eS,eC]=(0,r.useState)(!1),[ek,eL]=(0,r.useState)(!1),[eI,eA]=(0,r.useState)(!1);(0,r.useEffect)(()=>{eA(!["localhost","127.0.0.1","::1"].includes(window.location.hostname))},[]),(0,r.useEffect)(()=>{fetch("/api/settings").then(e=>e.json()).then(e=>{v(e),q({authMode:e?.authMode||"password",oidcIssuerUrl:e?.oidcIssuerUrl||"",oidcClientId:e?.oidcClientId||"",oidcScopes:e?.oidcScopes||"openid profile email",oidcLoginLabel:e?.oidcLoginLabel||"Sign in with OIDC"}),J(""),er(e?.ssoType||"saml"),ei({samlEntryPoint:e?.samlEntryPoint||"",samlIssuer:e?.samlIssuer||"urn:9router:sp",samlCert:e?.samlCert||"",samlLoginLabel:e?.samlLoginLabel||"Sign in with SAML SSO",samlAttributeEmail:e?.samlAttributeEmail||"email",samlAttributeName:e?.samlAttributeName||"name"}),(e?.authMode==="sso"||e?.authMode==="saml"||e?.authMode==="oidc"||e?.authMode==="both")&&V(!0),eN({outboundProxyEnabled:e?.outboundProxyEnabled===!0,outboundProxyUrl:e?.outboundProxyUrl||"",outboundNoProxy:e?.outboundNoProxy||""}),C(!1)}).catch(e=>{console.error("Failed to fetch settings:",e),C(!1)})},[]);let eP=async e=>{if(e.preventDefault(),!0===w.outboundProxyEnabled){eC(!0),ev({type:"",message:""});try{let e=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({outboundProxyUrl:ej.outboundProxyUrl,outboundNoProxy:ej.outboundNoProxy})}),t=await e.json();e.ok?(v(e=>({...e,...t})),ev({type:"success",message:"Proxy settings applied"})):ev({type:"error",message:t.error||"Failed to update proxy settings"})}catch(e){ev({type:"error",message:"An error occurred"})}finally{eC(!1)}}},eO=async()=>{if(!0!==w.outboundProxyEnabled)return;let e=(ej.outboundProxyUrl||"").trim();if(!e)return void ev({type:"error",message:"Please enter a Proxy URL to test"});eL(!0),ev({type:"",message:""});try{let t=await fetch("/api/settings/proxy-test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyUrl:e})}),s=await t.json();t.ok&&s?.ok?ev({type:"success",message:`Proxy test OK (${s.status}) in ${s.elapsedMs}ms`}):ev({type:"error",message:s?.error||"Proxy test failed"})}catch(e){ev({type:"error",message:"An error occurred"})}finally{eL(!1)}},eM=async e=>{eC(!0),ev({type:"",message:""});try{let t=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({outboundProxyEnabled:e})}),s=await t.json();t.ok?(v(e=>({...e,...s})),eN(e=>({...e,outboundProxyEnabled:s?.outboundProxyEnabled===!0})),ev({type:"success",message:e?"Proxy enabled":"Proxy disabled"})):ev({type:"error",message:s.error||"Failed to update proxy settings"})}catch(e){ev({type:"error",message:"An error occurred"})}finally{eC(!1)}},eE=async e=>{if(e.preventDefault(),k.new!==k.confirm)return void A({type:"error",message:"Passwords do not match"});O(!0),A({type:"",message:""});try{let e=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentPassword:k.current,newPassword:k.new})}),t=await e.json();e.ok?(A({type:"success",message:"Password updated successfully"}),L({current:"",new:"",confirm:""})):A({type:"error",message:t.error||"Failed to update password"})}catch(e){A({type:"error",message:"An error occurred"})}finally{O(!1)}},eR=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({fallbackStrategy:e})})).ok&&v(t=>({...t,fallbackStrategy:e}))}catch(e){console.error("Failed to update settings:",e)}},eD=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategy:e})})).ok&&v(t=>({...t,comboStrategy:e}))}catch(e){console.error("Failed to update combo strategy:",e)}},eT=async e=>{let t=parseInt(e);if(!isNaN(t)&&!(t<1))try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({stickyRoundRobinLimit:t})})).ok&&v(e=>({...e,stickyRoundRobinLimit:t}))}catch(e){console.error("Failed to update sticky limit:",e)}},eU=async e=>{let t=parseInt(e);if(!isNaN(t)&&!(t<1))try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStickyRoundRobinLimit:t})})).ok&&v(e=>({...e,comboStickyRoundRobinLimit:t}))}catch(e){console.error("Failed to update combo sticky limit:",e)}},e$=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireLogin:e})})).ok&&v(t=>({...t,requireLogin:e}))}catch(e){console.error("Failed to update require login:",e)}},eF=(e,t)=>{q(s=>({...s,[e]:t}))},eq=async(e=F.authMode||"password")=>{let t=F.oidcIssuerUrl.trim(),s=F.oidcClientId.trim(),a=F.oidcScopes.trim(),r=F.oidcLoginLabel.trim(),l=_.trim();if("password"!==e&&(!t||!s||!l)&&!w.oidcConfigured)return void H({type:"error",message:"Issuer URL, client ID, and client secret are required to enable OIDC."});B(!0),H({type:"",message:""}),Q({type:"",message:""});try{let i={authMode:e,ssoType:"oidc",oidcIssuerUrl:t,oidcClientId:s,oidcScopes:a||"openid profile email",oidcLoginLabel:r||"Sign in with OIDC"};l&&(i.oidcClientSecret=l);let o=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),n=await o.json();o.ok?(v(e=>({...e,...n})),q({authMode:n?.authMode||e,oidcIssuerUrl:n?.oidcIssuerUrl||t,oidcClientId:n?.oidcClientId||s,oidcScopes:n?.oidcScopes||a||"openid profile email",oidcLoginLabel:n?.oidcLoginLabel||r||"Sign in with OIDC"}),J(""),H({type:"success",message:"oidc"===e?"OIDC login enabled":"both"===e?"Password and OIDC login enabled":"OIDC settings saved"})):H({type:"error",message:n.error||"Failed to save OIDC settings"})}catch(e){H({type:"error",message:"An error occurred"})}finally{B(!1)}},e_=async()=>{let e=F.oidcIssuerUrl.trim(),t=F.oidcClientId.trim(),s=F.oidcScopes.trim(),a=_.trim();if(!e||!t)return void Q({type:"error",message:"Issuer URL and client ID are required to test the connection."});Z(!0),H({type:"",message:""}),Q({type:"",message:""});try{let r=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({authMode:F.authMode||w.authMode||"password",oidcIssuerUrl:e,oidcClientId:t,oidcScopes:s||"openid profile email",oidcLoginLabel:F.oidcLoginLabel.trim()||"Sign in with OIDC",...a?{oidcClientSecret:a}:{}})}),l=await r.json().catch(()=>({}));if(!r.ok)return void Q({type:"error",message:l.error||"Failed to save OIDC settings before testing"});let i=await fetch("/api/auth/oidc/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({issuerUrl:l.oidcIssuerUrl||e,clientId:l.oidcClientId||t,scopes:l.oidcScopes||s||"openid profile email"})}),o=await i.json().catch(()=>({}));if(i.ok&&o?.ok){let e=o.clientSecretTested?!0===o.clientSecretValid?`Connection OK. Discovery loaded from ${o.issuerUrl}. Client secret validated too.`:`Connection OK. Discovery loaded from ${o.issuerUrl}. Client secret was not checked.`:`Connection OK. Discovery loaded from ${o.issuerUrl}.`;Q({type:"success",message:e})}else Q({type:"error",message:o.error||"OIDC connection test failed"})}catch(e){Q({type:"error",message:"An error occurred"})}finally{Z(!1)}},eJ=(e,t)=>{ei(s=>({...s,[e]:t}))},eX=async(e=F.authMode||"password")=>{ec(!0),en({type:"",message:""}),eu({type:"",message:""});try{let t={authMode:e,ssoType:"saml",samlEntryPoint:el.samlEntryPoint.trim(),samlIssuer:el.samlIssuer.trim()||"urn:9router:sp",samlCert:el.samlCert.trim(),samlLoginLabel:el.samlLoginLabel.trim()||"Sign in with SAML SSO",samlAttributeEmail:el.samlAttributeEmail.trim()||"email",samlAttributeName:el.samlAttributeName.trim()||"name"},s=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await s.json();s.ok?(v(e=>({...e,...a})),ei({samlEntryPoint:a?.samlEntryPoint||t.samlEntryPoint,samlIssuer:a?.samlIssuer||t.samlIssuer,samlCert:a?.samlCert||t.samlCert,samlLoginLabel:a?.samlLoginLabel||t.samlLoginLabel,samlAttributeEmail:a?.samlAttributeEmail||t.samlAttributeEmail,samlAttributeName:a?.samlAttributeName||t.samlAttributeName}),en({type:"success",message:"sso"===e||"saml"===e?"SAML SSO login enabled":"both"===e?"Password and SAML SSO login enabled":"SAML 2.0 settings saved"})):en({type:"error",message:a.error||"Failed to save SAML settings"})}catch{en({type:"error",message:"An error occurred while saving SAML settings"})}finally{ec(!1)}},eH=async()=>{ex(!0),en({type:"",message:""}),eu({type:"",message:""});try{let e=await fetch("/api/auth/saml/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({samlEntryPoint:el.samlEntryPoint.trim(),samlIssuer:el.samlIssuer.trim(),samlCert:el.samlCert.trim()})}),t=await e.json();e.ok&&t.ok?eu({type:"success",message:t.message||"SAML configuration verified!"}):eu({type:"error",message:t.error||"SAML configuration test failed"})}catch{eu({type:"error",message:"An error occurred while testing SAML configuration"})}finally{ex(!1)}},ez=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({enableObservability:e})})).ok&&v(t=>({...t,enableObservability:e}))}catch(e){console.error("Failed to update enableObservability:",e)}},eB=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({exposeComboOnly:e})})).ok&&v(t=>({...t,exposeComboOnly:e}))}catch(e){console.error("Failed update exposeComboOnly:",e)}},eK=async()=>{try{let e=await fetch("/api/settings");if(!e.ok)return;let t=await e.json();v(t)}catch(e){console.error("Failed to reload settings:",e)}},eZ=async e=>{E(!0),D({type:"",message:""});try{let t=await fetch("/api/settings/database",{headers:{"x-9r-password":e}});if(!t.ok){let e=await t.json().catch(()=>({}));throw Error(e.error||"Failed to export database")}let s=await t.json(),a=JSON.stringify(s,null,2),r=new Blob([a],{type:"application/json"}),l=URL.createObjectURL(r),i=document.createElement("a"),o=new Date().toISOString().replace(/[.:]/g,"-");i.href=l,i.download=`9router-backup-${o}.json`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(l),D({type:"success",message:"Database backup downloaded"})}catch(e){D({type:"error",message:e.message||"Failed to export database"})}finally{E(!1)}},eW=async e=>{let t=$.current;if(t){E(!0);try{let s=await t.text(),a=JSON.parse(s),r=await fetch("/api/settings/database",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...a,password:e})}),l=await r.json().catch(()=>({}));if(!r.ok)throw Error(l.error||"Failed to import database");await eK(),D({type:"success",message:"Database imported successfully"})}catch(e){D({type:"error",message:e.message||"Invalid backup file"})}finally{$.current=null,E(!1)}}},eQ=async()=>{let{mode:e,password:t}=T;U({open:!1,mode:"",password:""}),"export"===e?await eZ(t):"import"===e&&await eW(t)},eG=!0===w.enableObservability,eV=async()=>{N(!0);try{await fetch("/api/version/shutdown",{method:"POST"})}catch(e){}N(!1),y(!1)},eY=async()=>{try{(await fetch("/api/auth/logout",{method:"POST"})).ok&&window.location.assign("/login")}catch(e){console.error("Failed to logout:",e)}};return(0,a.jsxs)("div",{className:"max-w-2xl mx-auto px-4 sm:px-0",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 sm:gap-4",children:[(0,a.jsx)("div",{className:"size-10 sm:size-12 rounded-lg bg-green-500/10 text-green-500 flex items-center justify-center shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-xl sm:text-2xl",children:"computer"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-semibold",children:"Local Mode"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Running on your machine"})]})]}),(0,a.jsx)("div",{className:"inline-flex p-1 rounded-lg bg-black/5 dark:bg-white/5 w-full sm:w-auto",children:["light","dark","system"].map(s=>(0,a.jsxs)("button",{type:"button",onClick:()=>t(s),className:(0,m.cn)("flex items-center justify-center gap-1 sm:gap-1.5 px-2 sm:px-3 py-1.5 rounded-md font-medium transition-all flex-1 sm:flex-initial",e===s?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"),children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"light"===s?"light_mode":"dark"===s?"dark_mode":"contrast"}),(0,a.jsx)("span",{className:"capitalize text-xs sm:text-sm",children:s})]},s))})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 pt-4 border-t border-border",children:[(0,a.jsx)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between p-3 rounded-lg bg-bg border border-border gap-2",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Database Location"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted font-mono break-all",children:"~/.ezrouter/db/data.sqlite"})]})}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2",children:[(0,a.jsx)(o.$n,{variant:"secondary",icon:"download",onClick:()=>U({open:!0,mode:"export",password:""}),loading:M,className:"w-full sm:w-auto",children:"Download Backup"}),(0,a.jsx)(o.$n,{variant:"outline",icon:"upload",onClick:()=>ey.current?.click(),disabled:M,className:"w-full sm:w-auto",children:"Import Backup"}),(0,a.jsx)("input",{ref:ey,type:"file",accept:"application/json,.json",className:"hidden",onChange:e=>{let t=e.target.files?.[0];ey.current&&(ey.current.value=""),t&&($.current=t,D({type:"",message:""}),U({open:!0,mode:"import",password:""}))}})]}),R.message&&(0,a.jsx)("p",{className:`text-sm ${"error"===R.type?"text-red-500":"text-green-600 dark:text-green-400"}`,children:R.message})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"size-10 rounded-lg bg-blue-500/10 text-blue-500 flex items-center justify-center shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"language"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Language"})]}),(0,a.jsxs)("button",{onClick:()=>g(!0),className:"flex items-center justify-between w-full p-3 rounded-lg bg-bg border border-border hover:border-primary/50 transition-colors","data-i18n-skip":"true",children:[(0,a.jsx)("span",{className:"text-sm text-text-muted",children:"Display language"}),(0,a.jsx)("span",{className:"text-2xl",children:u.h[l]||"\uD83C\uDF10"})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-primary/10 text-primary shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"shield"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Security"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Require login"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"When ON, dashboard requires password. When OFF, access without login."})]}),(0,a.jsx)(o.lM,{checked:!0===w.requireLogin,onChange:()=>e$(!w.requireLogin),disabled:S})]}),!0===w.requireLogin&&(0,a.jsxs)("form",{onSubmit:eE,className:"flex flex-col gap-4 pt-4 border-t border-border/50",children:[w.hasPassword&&(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-xs sm:text-sm font-medium",children:"Current Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Enter current password",value:k.current,onChange:e=>L({...k,current:e.target.value}),required:!0})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-xs sm:text-sm font-medium",children:"New Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Enter new password",value:k.new,onChange:e=>L({...k,new:e.target.value}),required:!0})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-xs sm:text-sm font-medium",children:"Confirm New Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Confirm new password",value:k.confirm,onChange:e=>L({...k,confirm:e.target.value}),required:!0})]})]}),I.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===I.type?"text-red-500":"text-green-500"}`,children:I.message}),(0,a.jsx)("div",{className:"pt-2",children:(0,a.jsx)(o.$n,{type:"submit",variant:"primary",loading:P,className:"w-full sm:w-auto",children:w.hasPassword?"Update Password":"Set Password"})})]})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("button",{type:"button",onClick:()=>V(e=>!e),className:"w-full flex items-center gap-3 text-left",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-indigo-500/10 text-indigo-500 shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"lock_open"})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Single Sign-On (SSO)"}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"sso"===w.authMode||"oidc"===w.authMode||"saml"===w.authMode?`${"saml"===w.ssoType?"SAML 2.0":"OIDC"} SSO active`:"both"===w.authMode?`Password + ${"saml"===w.ssoType?"SAML 2.0":"OIDC"} active`:"Optional SSO via Okta, Entra ID, Keycloak, or OIDC"})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-text-muted shrink-0",children:G?"expand_less":"expand_more"})]}),G&&(0,a.jsxs)("div",{className:"flex flex-col gap-4 mt-4",children:[(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Configure enterprise Single Sign-On (SSO) for dashboard access using SAML 2.0 or OIDC."}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"SSO Protocol"}),(0,a.jsxs)("div",{className:"flex p-1 rounded-lg bg-black/5 dark:bg-white/5 border border-border",children:[(0,a.jsx)("button",{type:"button",onClick:()=>er("saml"),className:(0,m.cn)("flex-1 py-1.5 px-3 rounded-md font-medium text-xs sm:text-sm transition-all text-center","saml"===ea?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"),children:"SAML 2.0"}),(0,a.jsx)("button",{type:"button",onClick:()=>er("oidc"),className:(0,m.cn)("flex-1 py-1.5 px-3 rounded-md font-medium text-xs sm:text-sm transition-all text-center","oidc"===ea?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"),children:"OIDC"})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Auth Mode"}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-2",children:[{value:"password",title:"Password only",desc:"Keep legacy password login."},{value:"sso",title:`${"saml"===ea?"SAML":"OIDC"} only`,desc:"Require SSO for dashboard access."},{value:"both",title:"Both",desc:"Allow password or SSO login."}].map(e=>{let t=F.authMode,s="password"===e.value?"password"===t:"sso"===e.value?"sso"===t||"saml"===t||"oidc"===t:"both"===t;return(0,a.jsxs)("button",{type:"button",onClick:()=>eF("authMode",e.value),className:(0,m.cn)("text-left rounded-lg border p-3 transition-colors",s?"border-primary bg-primary/5":"border-border bg-bg hover:bg-black/5 dark:hover:bg-white/5"),disabled:S||z||ed,children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:e.title}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted mt-1",children:e.desc})]},e.value)})})]}),"saml"===ea?(0,a.jsxs)("div",{className:"flex flex-col gap-4 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"rounded-lg border border-border bg-bg/80 overflow-hidden",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>eb(e=>!e),className:"w-full p-3 flex items-center justify-between gap-2 text-left hover:bg-surface/50 transition-colors",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-lg",children:"menu_book"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-semibold text-xs sm:text-sm text-text-main",children:"IdP Setup Guidelines & Provider Configuration Instructions"}),(0,a.jsx)("p",{className:"text-[11px] text-text-muted",children:"Click to view setup steps for AWS IAM Identity Center, Okta, Entra ID, Keycloak, & Authentik"})]})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-text-muted transition-transform text-lg",style:{transform:eh?"rotate(180deg)":"none"},children:"expand_more"})]}),eh&&(0,a.jsxs)("div",{className:"p-4 border-t border-border bg-surface/30 text-xs text-text-main flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"p-2.5 rounded border border-primary/20 bg-primary/5 text-primary text-xs",children:[(0,a.jsx)("p",{className:"font-semibold mb-1",children:"\uD83D\uDD11 Required Service Provider (SP) Values for your IdP Setup:"}),(0,a.jsxs)("ul",{className:"list-disc pl-4 space-y-1 font-mono text-[11px]",children:[(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Assertion Consumer Service (ACS) URL:"})," ",(0,a.jsx)("code",{className:"bg-bg px-1 py-0.5 rounded break-all",children:et})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"SP Entity ID / Audience URI:"})," ",(0,a.jsx)("code",{className:"bg-bg px-1 py-0.5 rounded break-all",children:el.samlIssuer||"urn:9router:sp"})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"NameID Format:"})," ",(0,a.jsx)("code",{className:"bg-bg px-1 py-0.5 rounded",children:"EmailAddress"})," or ",(0,a.jsx)("code",{className:"bg-bg px-1 py-0.5 rounded",children:"Unspecified"})]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3 pt-1",children:[(0,a.jsxs)("div",{className:"p-3 rounded border border-border bg-bg/50 flex flex-col gap-1.5",children:[(0,a.jsxs)("p",{className:"font-semibold text-text-main flex items-center gap-1.5",children:[(0,a.jsx)("span",{children:"☁️"})," AWS IAM Identity Center"]}),(0,a.jsxs)("ol",{className:"list-decimal pl-4 text-text-muted space-y-1",children:[(0,a.jsxs)("li",{children:["Applications → ",(0,a.jsx)("b",{children:"Add application"})," → Select ",(0,a.jsx)("b",{children:"Add custom SAML 2.0 application"}),"."]}),(0,a.jsxs)("li",{children:["Set ",(0,a.jsx)("b",{children:"Application ACS URL"})," to ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:et}),"."]}),(0,a.jsxs)("li",{children:["Set ",(0,a.jsx)("b",{children:"Application SAML audience"})," to ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:el.samlIssuer||"urn:9router:sp"}),"."]}),(0,a.jsxs)("li",{children:["Under ",(0,a.jsx)("i",{children:"Attribute mappings"}),", map ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:"Subject"})," or ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:"email"})," to ",(0,a.jsxs)("code",{className:"text-text-main font-mono",children:["$","{user:email}"]}),"."]}),(0,a.jsxs)("li",{children:["Download ",(0,a.jsx)("b",{children:"IAM Identity Center SAML metadata XML"})," file and use 1-Click Import below!"]})]})]}),(0,a.jsxs)("div",{className:"p-3 rounded border border-border bg-bg/50 flex flex-col gap-1.5",children:[(0,a.jsxs)("p",{className:"font-semibold text-text-main flex items-center gap-1.5",children:[(0,a.jsx)("span",{children:"\uD83D\uDD37"})," Microsoft Entra ID (Azure AD)"]}),(0,a.jsxs)("ol",{className:"list-decimal pl-4 text-text-muted space-y-1",children:[(0,a.jsxs)("li",{children:["Enterprise Applications → ",(0,a.jsx)("b",{children:"New application"})," → ",(0,a.jsx)("b",{children:"Create your own application"}),"."]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("b",{children:"Single sign-on"})," → ",(0,a.jsx)("b",{children:"SAML"}),"."]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Identifier (Entity ID):"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:el.samlIssuer||"urn:9router:sp"})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Reply URL (ACS):"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:et})]}),(0,a.jsxs)("li",{children:["Download ",(0,a.jsx)("b",{children:"Federation Metadata XML"})," and import or copy X.509 Certificate."]})]})]}),(0,a.jsxs)("div",{className:"p-3 rounded border border-border bg-bg/50 flex flex-col gap-1.5",children:[(0,a.jsxs)("p",{className:"font-semibold text-text-main flex items-center gap-1.5",children:[(0,a.jsx)("span",{children:"\uD83D\uDFE2"})," Okta / Auth0"]}),(0,a.jsxs)("ol",{className:"list-decimal pl-4 text-text-muted space-y-1",children:[(0,a.jsxs)("li",{children:["Applications → ",(0,a.jsx)("b",{children:"Create App Integration"})," → Select ",(0,a.jsx)("b",{children:"SAML 2.0"}),"."]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Single Sign-On URL:"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:et})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Audience URI (SP Entity ID):"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:el.samlIssuer||"urn:9router:sp"})]}),(0,a.jsxs)("li",{children:["Name ID format: ",(0,a.jsx)("i",{children:"EmailAddress"}),"."]}),(0,a.jsx)("li",{children:"Download Identity Provider metadata XML or copy the X.509 cert."})]})]}),(0,a.jsxs)("div",{className:"p-3 rounded border border-border bg-bg/50 flex flex-col gap-1.5",children:[(0,a.jsxs)("p",{className:"font-semibold text-text-main flex items-center gap-1.5",children:[(0,a.jsx)("span",{children:"\uD83D\uDEE1️"})," Keycloak / Authentik"]}),(0,a.jsxs)("ol",{className:"list-decimal pl-4 text-text-muted space-y-1",children:[(0,a.jsxs)("li",{children:["Clients → ",(0,a.jsx)("b",{children:"Create client"})," → Select ",(0,a.jsx)("b",{children:"SAML"}),"."]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Client ID:"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:el.samlIssuer||"urn:9router:sp"})]}),(0,a.jsxs)("li",{children:[(0,a.jsx)("b",{children:"Master SAML Processing URL:"})," ",(0,a.jsx)("code",{className:"text-text-main font-mono",children:et})]}),(0,a.jsx)("li",{children:"Export SAML Descriptor XML or copy IDP Certificate PEM."})]})]})]})]})]}),(0,a.jsxs)("div",{className:"p-3 rounded-lg border border-dashed border-primary/40 bg-primary/5 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium text-sm text-text-main",children:"1-Click IdP Metadata XML Import"}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"Auto-fill SSO URL, Issuer & Cert from XML metadata"})]}),(0,a.jsx)(o.$n,{type:"button",variant:"outline",size:"sm",icon:"upload_file",onClick:()=>eg.current?.click(),children:"Upload Metadata XML"}),(0,a.jsx)("input",{ref:eg,type:"file",accept:".xml,application/xml,text/xml",className:"hidden",onChange:e=>{let t=e.target.files?.[0];if(eg.current&&(eg.current.value=""),!t)return;let s=new FileReader;s.onload=e=>{try{let t=e.target?.result||"",s=new DOMParser().parseFromString(t,"text/xml");if(s.querySelector("parsererror"))return void en({type:"error",message:"Unable to parse valid SAML IdP metadata from XML file"});let a=s.documentElement.getAttribute("entityID")||"",r=Array.from(s.querySelectorAll("SingleSignOnService, *|SingleSignOnService")),l="";for(let e of r){let t=e.getAttribute("Binding")||"",s=e.getAttribute("Location")||"";if(s&&(l=s,t.includes("HTTP-Redirect")))break}let i=Array.from(s.querySelectorAll("X509Certificate, *|X509Certificate")),o="";i.length>0&&(o=i[0].textContent.trim()),ei(e=>({...e,samlEntryPoint:l||e.samlEntryPoint,samlIssuer:e.samlIssuer||"urn:9router:sp",samlCert:o||e.samlCert})),en({type:"success",message:`IdP Metadata imported! (SSO URL: ${l?"found":"not found"}, EntityID: ${a?"found":"not found"}, Cert: ${o?"found":"not found"})`})}catch(e){en({type:"error",message:"Error reading IdP Metadata XML file"})}},s.readAsText(t)}})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Single Sign-On Service URL (samlEntryPoint)"}),(0,a.jsx)(o.pd,{placeholder:"https://idp.example.com/app/saml/sso/...",value:el.samlEntryPoint,onChange:e=>eJ("samlEntryPoint",e.target.value),disabled:S||ed})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"SP Entity ID / Audience (samlIssuer)"}),(0,a.jsx)(o.pd,{placeholder:"urn:9router:sp",value:el.samlIssuer,onChange:e=>eJ("samlIssuer",e.target.value),disabled:S||ed})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"IdP X.509 Certificate (samlCert)"}),(0,a.jsx)(o.$n,{type:"button",variant:"outline",size:"sm",icon:"file_upload",onClick:()=>ef.current?.click(),children:"Upload Certificate"}),(0,a.jsx)("input",{ref:ef,type:"file",accept:".crt,.pem,.cer,text/plain",className:"hidden",onChange:e=>{let t=e.target.files?.[0];if(ef.current&&(ef.current.value=""),!t)return;let s=new FileReader;s.onload=e=>{let t=e.target?.result||"";ei(e=>({...e,samlCert:t.trim()})),en({type:"success",message:"Certificate file loaded into configuration."})},s.readAsText(t)}})]}),(0,a.jsx)("textarea",{rows:4,placeholder:"-----BEGIN CERTIFICATE----- MIIC... -----END CERTIFICATE-----",value:el.samlCert,onChange:e=>eJ("samlCert",e.target.value),className:"w-full p-2.5 rounded-lg border border-border bg-bg text-xs font-mono text-text-main focus:outline-none focus:border-primary",disabled:S||ed}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"Paste raw Base64 certificate or PEM block."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Login Button Label"}),(0,a.jsx)(o.pd,{placeholder:"Sign in with SAML SSO",value:el.samlLoginLabel,onChange:e=>eJ("samlLoginLabel",e.target.value),disabled:S||ed})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Email Claim Attribute"}),(0,a.jsx)(o.pd,{placeholder:"email",value:el.samlAttributeEmail,onChange:e=>eJ("samlAttributeEmail",e.target.value),disabled:S||ed})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Display Name Claim"}),(0,a.jsx)(o.pd,{placeholder:"name",value:el.samlAttributeName,onChange:e=>eJ("samlAttributeName",e.target.value),disabled:S||ed})]})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 p-3 rounded-lg border border-border bg-bg text-xs sm:text-sm text-text-muted",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium text-text-main",children:"ACS Callback URL"}),(0,a.jsx)("code",{className:"block break-all font-mono text-xs",children:et})]}),(0,a.jsx)(o.$n,{type:"button",variant:"outline",size:"sm",icon:"content_copy",onClick:()=>{navigator.clipboard.writeText(et),en({type:"success",message:"ACS URL copied to clipboard!"})},children:"Copy"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium text-text-main",children:"SP XML Metadata"}),(0,a.jsx)("code",{className:"block break-all font-mono text-xs",children:es})]}),(0,a.jsxs)("a",{href:es,target:"_blank",rel:"noopener noreferrer",download:"9router-sp-metadata.xml",className:"inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"download"}),"Download XML"]})]})]}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 pt-2 border-t border-border/50",children:[(0,a.jsx)(o.$n,{type:"button",variant:"primary",loading:ed,onClick:()=>eX(F.authMode),className:"w-full sm:w-auto",children:"Save SAML settings"}),(0,a.jsx)(o.$n,{type:"button",variant:"outline",loading:em,onClick:eH,className:"w-full sm:w-auto",children:"Test SAML settings"})]}),ep.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===ep.type?"text-red-500":"text-green-500"}`,children:ep.message}),eo.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===eo.type?"text-red-500":"text-green-500"}`,children:eo.message})]}):(0,a.jsxs)("div",{className:"flex flex-col gap-4 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Issuer URL"}),(0,a.jsx)(o.pd,{placeholder:"https://auth.example.com/application/o/9router/",value:F.oidcIssuerUrl,onChange:e=>eF("oidcIssuerUrl",e.target.value),disabled:S||z})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Client ID"}),(0,a.jsx)(o.pd,{placeholder:"9router-dashboard",value:F.oidcClientId,onChange:e=>eF("oidcClientId",e.target.value),disabled:S||z})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Client Secret"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Leave blank to keep existing secret",value:_,onChange:e=>J(e.target.value),disabled:S||z}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"This value is write-only after saving."})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Scopes"}),(0,a.jsx)(o.pd,{placeholder:"openid profile email",value:F.oidcScopes,onChange:e=>eF("oidcScopes",e.target.value),disabled:S||z})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Login Button Label"}),(0,a.jsx)(o.pd,{placeholder:"Sign in with OIDC",value:F.oidcLoginLabel,onChange:e=>eF("oidcLoginLabel",e.target.value),disabled:S||z})]})]}),(0,a.jsxs)("div",{className:"rounded-lg border border-border bg-bg p-3 text-xs sm:text-sm text-text-muted",children:[(0,a.jsx)("p",{className:"font-medium text-text-main mb-1",children:"Redirect URI"}),(0,a.jsx)("code",{className:"block break-all font-mono",children:ee})]}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 pt-2 border-t border-border/50",children:[(0,a.jsx)(o.$n,{type:"button",variant:"primary",loading:z,onClick:()=>eq(),className:"w-full sm:w-auto",children:"Save OIDC settings"}),(0,a.jsx)(o.$n,{type:"button",variant:"outline",loading:K,onClick:e_,className:"w-full sm:w-auto",children:"Test connection"})]}),W.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===W.type?"text-red-500":"text-green-500"}`,children:W.message}),X.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===X.type?"text-red-500":"text-green-500"}`,children:X.message})]}),"oidc"===w.authMode||"saml"===w.authMode||"sso"===w.authMode?(0,a.jsxs)("p",{className:"text-xs sm:text-sm text-amber-600 dark:text-amber-400",children:["SSO login (","saml"===w.ssoType?"SAML 2.0":"OIDC",") is currently active. Password login is disabled until you switch back."]}):null,"both"===w.authMode&&(0,a.jsxs)("p",{className:"text-xs sm:text-sm text-amber-600 dark:text-amber-400",children:["Password and SSO login (","saml"===w.ssoType?"SAML 2.0":"OIDC",") are both active."]})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-orange-500/10 text-orange-500 shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"model_training"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Model"})]}),(0,a.jsx)("div",{className:"flex flex-col gap-4",children:(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Expose Combo Only"}),(0,a.jsxs)("p",{className:"text-xs sm:text-sm text-text-muted",children:["Only configured Combo models exposed through ",(0,a.jsx)("code",{className:"bg-bg px-1 rounded text-xs",children:"/v1/models"})]})]}),(0,a.jsx)(o.lM,{checked:!0===w.exposeComboOnly,onChange:()=>eB(!w.exposeComboOnly),disabled:S})]})})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-blue-500/10 text-blue-500 shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"route"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Routing Strategy"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Round Robin"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Cycle through accounts to distribute load"})]}),(0,a.jsx)(o.lM,{checked:"round-robin"===w.fallbackStrategy,onChange:()=>eR("round-robin"===w.fallbackStrategy?"fill-first":"round-robin"),disabled:S})]}),(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4 pt-4 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Latency-Aware"}),(0,a.jsxs)("p",{className:"text-xs sm:text-sm text-text-muted",children:["Prefer the fastest healthy account and skip ones that are currently failing"," \xb7 ",(0,a.jsx)(i(),{href:"/dashboard/routing-health",className:"text-primary hover:underline",children:"view stats"})]})]}),(0,a.jsx)(o.lM,{checked:"latency-aware"===w.fallbackStrategy,onChange:()=>eR("latency-aware"===w.fallbackStrategy?"fill-first":"latency-aware"),disabled:S})]}),"round-robin"===w.fallbackStrategy&&(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Sticky Limit"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Calls per account before switching"})]}),(0,a.jsx)(o.pd,{type:"number",min:"1",max:"10",value:w.stickyRoundRobinLimit||3,onChange:e=>eT(e.target.value),disabled:S,className:"w-16 sm:w-20 text-center shrink-0"})]}),(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4 pt-4 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Combo Round Robin"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Cycle through providers in combos instead of always starting with first"})]}),(0,a.jsx)(o.lM,{checked:"round-robin"===w.comboStrategy,onChange:()=>eD("round-robin"===w.comboStrategy?"fallback":"round-robin"),disabled:S})]}),"round-robin"===w.comboStrategy&&(0,a.jsxs)("div",{className:"flex items-center justify-between pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Combo Sticky Limit"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Calls per combo model before switching"})]}),(0,a.jsx)(o.pd,{type:"number",min:"1",max:"100",value:w.comboStickyRoundRobinLimit||1,onChange:e=>eU(e.target.value),disabled:S,className:"w-20 text-center"})]}),(0,a.jsxs)("p",{className:"text-xs text-text-muted italic pt-2 border-t border-border/50",children:["round-robin"===w.fallbackStrategy?`Currently distributing requests across all available accounts with ${w.stickyRoundRobinLimit||3} calls per account.`:"latency-aware"===w.fallbackStrategy?"Currently ranking accounts by live latency and error rate.":"Currently using accounts in priority order (Fill First).","round-robin"===w.comboStrategy?` Combos rotate after ${w.comboStickyRoundRobinLimit||1} call${1===(w.comboStickyRoundRobinLimit||1)?"":"s"} per model.`:" Combos always start with their first model."]})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-purple-500/10 text-purple-500 shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"wifi"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Network"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Outbound Proxy"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Enable proxy for OAuth + provider outbound requests."})]}),(0,a.jsx)(o.lM,{checked:!0===w.outboundProxyEnabled,onChange:()=>eM(!0!==w.outboundProxyEnabled),disabled:S||eS})]}),!0===w.outboundProxyEnabled&&(0,a.jsxs)("form",{onSubmit:eP,className:"flex flex-col gap-4 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"Proxy URL"}),(0,a.jsx)(o.pd,{placeholder:"http://127.0.0.1:7897",value:ej.outboundProxyUrl,onChange:e=>eN(t=>({...t,outboundProxyUrl:e.target.value})),disabled:S||eS}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Leave empty to inherit existing env proxy (if any)."})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 pt-2 border-t border-border/50",children:[(0,a.jsx)("label",{className:"font-medium text-sm sm:text-base",children:"No Proxy"}),(0,a.jsx)(o.pd,{placeholder:"localhost,127.0.0.1",value:ej.outboundNoProxy,onChange:e=>eN(t=>({...t,outboundNoProxy:e.target.value})),disabled:S||eS}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Comma-separated hostnames/domains to bypass the proxy."})]}),(0,a.jsxs)("div",{className:"pt-2 border-t border-border/50 flex flex-col sm:flex-row items-stretch sm:items-center gap-2",children:[(0,a.jsx)(o.$n,{type:"button",variant:"secondary",loading:ek,disabled:S||eS,onClick:eO,className:"w-full sm:w-auto",children:"Test proxy URL"}),(0,a.jsx)(o.$n,{type:"submit",variant:"primary",loading:eS,className:"w-full sm:w-auto",children:"Apply"})]})]}),ew.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===ew.type?"text-red-500":"text-green-500"} pt-2 border-t border-border/50`,children:ew.message})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-orange-500/10 text-orange-500 shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"monitoring"})}),(0,a.jsx)("h3",{className:"text-base sm:text-lg font-semibold",children:"Observability"})]}),(0,a.jsxs)("div",{className:"flex items-start sm:items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm sm:text-base",children:"Enable Observability"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Record request details for inspection in the logs view"})]}),(0,a.jsx)(o.lM,{checked:eG,onChange:ez,disabled:S})]})]}),(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2",children:[(0,a.jsx)(o.$n,{variant:"outline",fullWidth:!0,icon:"power_settings_new",onClick:()=>y(!0),className:"text-red-500 border-red-200 hover:bg-red-50 hover:border-red-300",children:"Shutdown"}),(0,a.jsx)(o.$n,{variant:"outline",fullWidth:!0,icon:"logout",onClick:eY,children:"Logout"})]}),(0,a.jsxs)("div",{className:"text-center text-xs sm:text-sm text-text-muted py-4",children:[(0,a.jsxs)("p",{children:[x.vQ.name," v",x.vQ.version]}),(0,a.jsx)("p",{className:"mt-1",children:eI?"Remote Mode":"Local Mode - All data stored on your machine"})]})]}),(0,a.jsx)(d.default,{hideTrigger:!0,isOpen:b,onClose:e=>{g(!1),h(e)}}),(0,a.jsx)(n.ConfirmModal,{isOpen:f,onClose:()=>y(!1),onConfirm:eV,title:"Close Proxy",message:"Are you sure you want to close the proxy server?",confirmText:"Close",cancelText:"Cancel",variant:"danger",loading:j}),(0,a.jsxs)(n.default,{isOpen:T.open,onClose:()=>U({open:!1,mode:"",password:""}),title:"Confirm Password",size:"sm",footer:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.$n,{variant:"ghost",onClick:()=>U({open:!1,mode:"",password:""}),disabled:M,children:"Cancel"}),(0,a.jsx)(o.$n,{variant:"primary",onClick:eQ,loading:M,disabled:!T.password,children:"Confirm"})]}),children:[(0,a.jsxs)("p",{className:"text-text-muted mb-3 text-sm",children:["Enter your current password to ","export"===T.mode?"export":"import"," the database."]}),(0,a.jsx)(o.pd,{type:"password",value:T.password,onChange:e=>U(t=>({...t,password:e.target.value})),onKeyDown:e=>{"Enter"===e.key&&T.password&&eQ()},placeholder:"Current password",autoFocus:!0})]})]})}}},e=>{e.O(0,[8010,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=32376)),_N_E=e.O()}]);