@rabbi696/ezrouter 0.6.8 → 0.6.10

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

@@ -74,7 +74,7 @@ Return ONLY the resulting tagged text.`,V=/\b(flash|mini|haiku|lite|nano|small|t
   -d '${JSON.stringify({...tr,input:tn})}' \\
   ${"json"===es?"":"--output speech.mp3"}`;(0,i.useEffect)(()=>{if(null==eI.current||!eP.current)return;let e=eI.current;eI.current=null,eP.current.focus(),eP.current.setSelectionRange(e,e)},[C]),(0,i.useEffect)(()=>{if(eh?.startsWith("blob:"))return()=>URL.revokeObjectURL(eh)},[eh]);let ti=async()=>{if(C.trim()&&!ej){ew(!0),eE("");try{let e=await fetch("/api/v1/models"),t=((await e.json()).data||[]).map(e=>e.id).filter(Boolean);if(!t.length)return void eE("Enhance needs an LLM provider — connect one in Providers first.");let a=t.map(e=>{let t,a;return{id:e,score:(t=(e.includes("/")?e.slice(e.indexOf("/")+1):e).toLowerCase(),a=0,V.test(t)&&(a+=3),H.test(t)&&(a-=3),W.test(t)&&(a-=1),a)}}).sort((e,t)=>t.score-e.score).slice(0,4).map(e=>e.id),s=0,r="";for(let e of a){let t=await fetch("/api/v1/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",...I?{Authorization:`Bearer ${I}`}:{}},body:JSON.stringify({model:e,messages:[{role:"system",content:J(eN)},{role:"user",content:C.trim()}],stream:!1,temperature:.7})}),a=await t.json().catch(()=>({}));if(t.ok){let e=a?.choices?.[0]?.message?.content?.trim();if(e)return void $(e)}s=t.status,r="string"==typeof a?.error?a.error:a?.error?.message||""}eE(429===s?`Every model tried is rate-limited or out of quota (tried ${a.length}). Wait a moment or connect another LLM provider.`:r.slice(0,200)||`Enhance failed (HTTP ${s||"no response"})`)}catch(e){eE(e.message||"Enhance failed")}finally{ew(!1)}}},to=async()=>{if(!C.trim()||!e6||e9)return;ev(!0),eE(""),eg(""),ef(null);let t=Date.now();try{let s,r={"Content-Type":"application/json"};I&&(r.Authorization=`Bearer ${I}`);let l=`/api/v1/audio/speech${"json"===es?"?response_format=json":""}`,i=await fetch(l,{method:"POST",headers:r,body:JSON.stringify({...tr,input:C.trim()})});if(eM(Date.now()-t),!i.ok){let e=await i.json().catch(()=>({}));eE(e?.error?.message||e?.error||`HTTP ${i.status}`);return}if("json"===es){let e=await i.json();ef({format:e.format,audioPreview:e.audio?`${e.audio.substring(0,100)}...`:""});let t=e.format||"mp3";s=await fetch(`data:audio/${t};base64,${e.audio}`).then(e=>e.blob())}else s=await i.blob();eg(URL.createObjectURL(s));try{var a;await (a={id:`${t}-${Math.round(1e6*Math.random())}`,provider:e,model:w||"",voiceId:e4||"",voiceName:x||e4||"",text:C.trim(),stability:n?en:void 0,blob:s,size:s.size,latency:Date.now()-t,createdAt:Date.now()},D("readwrite",e=>{let t,s,r;e.put(a),t=e.index("createdAt").openCursor(null,"prev"),s=0,r=0,t.onsuccess=()=>{let e=t.result;e&&(s+=1,r+=Number(e.value?.size)||0,(s>50||r>0xc800000)&&e.delete(),e.continue())}}).then(()=>a)),eL()}catch{}window.dispatchEvent(new CustomEvent(u,{detail:{provider:e}}))}catch(e){eE(e.message||"Network error")}finally{ev(!1)}},td=async e=>{try{await D("readwrite",t=>{t.delete(e)}),eR(t=>t.filter(t=>t.id!==e))}catch{}},tc=async()=>{if(confirm("Clear all audio history for this provider?"))try{await D("readwrite",t=>{if(!e)return void t.clear();let a=t.index("provider").getAllKeys(e);a.onsuccess=()=>{for(let e of a.result||[])t.delete(e)}}),eL()}catch{}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[e3,"/v1/audio/speech"]}),et&&(0,s.jsxs)("button",{onClick:()=>K(e=>!e),title:M?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${M?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:I?`${I.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,I.length-8)))}`:e0>0?(0,s.jsxs)("span",{className:"text-text-muted italic",children:["Using stored key(s) \xb7 ",e0," connection",e0>1?"s":""]}):(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),l.hasModelSelector&&(l.modelKey||(0,N.KC)(e).some(e=>"tts"===(0,N.CP)(e)))&&(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("select",{value:w,onChange:e=>S(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:((a=(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e))).length?a:(0,N.KC)(l.modelKey)||[]).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),l.hasLanguageHint&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsxs)("select",{value:eQ,onChange:e=>eZ(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto-detect"}),(l.languageOptions||R.I).map(e=>"string"==typeof e?(0,s.jsx)("option",{value:e,children:e},e):(0,s.jsx)("option",{value:e.name,children:e.name},e.id))]})}),l.hasBrowseButton&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsx)("button",{onClick:e5,className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm border border-border rounded-lg bg-background font-mono truncate text-left hover:border-primary/40 transition-colors",children:v?(0,s.jsx)("span",{className:"text-text-main",children:eF.find(e=>e.code===v)?.name||v}):(0,s.jsx)("span",{className:"text-text-muted",children:"No language selected"})}),(0,s.jsxs)("button",{onClick:e5,className:"flex w-full items-center justify-center gap-1 text-xs px-2.5 py-1.5 rounded-lg border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors sm:w-auto sm:shrink-0",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"language"}),"Select language"]})]})}),f.length>0&&(0,s.jsx)(A,{label:"Voice",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:f.map(e=>(0,s.jsxs)("button",{onClick:()=>{m(e.id),h(e.name),l.hasVoiceIdInput&&b(e.id)},className:`px-2.5 py-1 rounded-full text-xs border transition-colors ${d===e.id?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:[e.name,e.language?` \xb7 ${e.language}`:"",e.gender?` \xb7 ${e.gender[0].toUpperCase()}`:"",!0===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-green-500/15 text-green-600 border border-green-500/20",children:"Free"}),!1===e.free_users_allowed&&(0,s.jsx)("span",{className:"ml-1.5 px-1 py-0.5 text-[9px] font-semibold rounded bg-amber-500/15 text-amber-600 border border-amber-500/20",children:"Paid"})]},e.id))})}),l.hasVoiceIdInput&&(0,s.jsx)(A,{label:"Voice ID",children:(0,s.jsx)("div",{className:"flex flex-col gap-1",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:g,onChange:e=>{b(e.target.value),m(e.target.value)},placeholder:"e.g. CwhRBWXzGAHq8TQ4Fs17",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"}),g&&(0,s.jsx)("button",{type:"button",onClick:()=>{b(""),m("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})})}),l.hasLanguageDropdown&&(0,s.jsx)(A,{label:"Language",children:(0,s.jsx)("select",{value:d,onChange:t=>{let a=(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e)).find(e=>e.id===t.target.value);m(t.target.value),h(a?.name||t.target.value)},className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(0,N.KC)(e).filter(e=>"tts"===(0,N.CP)(e)).map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}),(0,s.jsx)(A,{label:"Input",children:(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{ref:eP,value:C,onChange:e=>$(e.target.value),rows:4,className:`w-full resize-y min-h-[88px] px-3 py-1.5 pr-7 text-sm leading-relaxed border rounded-lg bg-background focus:outline-none ${e9?"border-red-500 focus:border-red-500":"border-border focus:border-primary"}`}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>$(""),title:(0,_.Tl)("Clear input"),className:"absolute right-2 top-2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("div",{className:"flex items-center justify-end gap-2 text-[10px]",children:[n&&C.length>0&&(0,s.jsxs)("span",{className:"text-text-muted",title:(0,_.Tl)("Estimate (1 character ≈ 1 credit)"),children:["≈ ",C.length.toLocaleString()," credits"]}),(0,s.jsxs)("span",{className:e9?"text-red-500 font-medium":"text-text-muted",children:[n?`${C.length.toLocaleString()} / ${e8.toLocaleString()}`:C.length," ","characters"]})]}),e9&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:"Over the model's character limit — shorten the text or switch model (Flash/Turbo allow 40,000)."})]})}),l.hasStyleInput&&(0,s.jsx)(A,{label:(0,_.Tl)("Style"),children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("textarea",{value:E,onChange:e=>P(e.target.value),placeholder:(0,_.Tl)("e.g. a warm, gentle voice, speaking slowly with a British accent"),rows:2,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary resize-none"}),E&&(0,s.jsx)("button",{type:"button",onClick:()=>P(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),n&&(0,s.jsx)(z,{label:"Stability",hint:"Voice expressiveness. Creative follows audio tags most closely; Robust is the steadiest but responds least to them.",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:[{v:0,name:"Creative",hint:"Expressive and varied — can even sing"},{v:.5,name:"Natural",hint:"Balanced, natural conversation"},{v:1,name:"Robust",hint:"Accurate, stable, predictable"}].map(e=>(0,s.jsx)("button",{type:"button",title:(0,_.Tl)(e.hint),onClick:()=>el(e.v),className:`px-3 py-1 rounded-lg text-xs border transition-colors ${en===e.v?"bg-primary/15 border-primary/40 text-primary font-medium":"border-border text-text-muted hover:text-primary hover:border-primary/40"}`,children:e.name},e.v))})}),ta&&(0,s.jsx)(z,{label:"Speed",hint:"Playback rate, 0.70\xd7 to 1.20\xd7. Values far from 1 can affect quality.",children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("input",{type:"range",min:"0.7",max:"1.2",step:"0.05",value:ei,onChange:e=>eo(Number(e.target.value)),className:"w-40 accent-primary"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted tabular-nums",children:[ei.toFixed(2),"\xd7"]}),1!==ei&&(0,s.jsx)("button",{type:"button",onClick:()=>eo(1),className:"text-[11px] text-text-muted hover:text-primary transition-colors",children:(0,_.Tl)("Reset")})]})}),n&&(0,s.jsx)(z,{label:"Audio Quality",hint:"Higher MP3 bitrates and PCM require a paid plan; \xb5-law 8 kHz is for telephony.",children:(0,s.jsxs)("select",{value:ed,onChange:e=>ec(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Provider default (MP3 44.1 kHz 128 kbps)"}),T.RB.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name},e.id))]})}),tt&&(0,s.jsx)(z,{label:"Language Override",hint:"Off: the model auto-detects the language. On: force the chosen language (best with Eleven v3).",children:(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsx)(o.lM,{size:"sm",checked:em,onChange:eu}),em&&(0,s.jsx)("select",{value:ep,onChange:e=>ex(e.target.value),className:"px-2 py-1 text-xs border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:B.map(e=>(0,s.jsxs)("option",{value:e.code,children:[e.name," (",e.code,")"]},e.code))})]})}),te&&(0,s.jsx)(A,{label:"Get started",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:G.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{$(e.text),el(e.stability),ek(e.vibe),requestAnimationFrame(()=>{let t=eP.current;t&&(t.focus(),t.setSelectionRange(e.text.length,e.text.length))})},className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg border border-border text-xs text-text-main hover:text-primary hover:border-primary/40 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:e.icon}),e.label]},e.id))})}),te&&(0,s.jsx)(A,{label:"Audio Tags",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[U.map(e=>(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("span",{className:"text-[10px] font-semibold text-text-muted uppercase tracking-wider",children:e.label}),(0,s.jsx)("div",{className:"flex flex-wrap items-center gap-1.5",children:e.tags.map(e=>(0,s.jsx)("button",{type:"button",title:e.ins,onClick:()=>{var t;let a,s,r,n,l,i,o,d,c;return t=e.ins,r=(s=(a=eP.current)&&"number"==typeof a.selectionStart)?a.selectionStart:C.length,n=s?a.selectionEnd:C.length,l=C.slice(0,r),i=C.slice(n),o=l&&!/\s$/.test(l)?" ":"",d=i&&!/^\s/.test(i)?" ":"",void(eI.current=r+(c=`${o}${t}${d}`).length,$(l+c+i))},className:"px-2 py-0.5 rounded-full text-[11px] border border-border text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:e.label},e.ins))})]},e.label)),(0,s.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,s.jsxs)("button",{type:"button",onClick:ti,disabled:ej||!C.trim(),className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-lg border border-primary/40 bg-primary/10 text-primary text-xs font-medium hover:bg-primary/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ej?{animation:"spin 1s linear infinite"}:void 0,children:ej?"progress_activity":"auto_awesome"}),ej?"Enhancing…":"Enhance with AI"]}),(0,s.jsxs)("div",{ref:e$,className:"relative",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>eC(e=>!e),disabled:ej,title:(0,_.Tl)("Performance style the AI should aim for"),className:"inline-flex items-center gap-1.5 pl-2 pr-1.5 py-1 text-xs font-medium rounded-lg border border-primary/40 bg-primary/5 text-primary hover:bg-primary/10 focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary/70",children:"tune"}),ts.label,(0,s.jsx)("span",{className:`material-symbols-outlined text-[16px] text-primary/70 transition-transform ${eS?"rotate-180":""}`,children:"expand_more"})]}),eS&&(0,s.jsx)("div",{className:"absolute left-0 top-full mt-1 z-50 min-w-52 rounded-xl border border-border bg-bg shadow-lg overflow-hidden py-1",children:F.map(e=>(0,s.jsxs)("button",{type:"button",onClick:()=>{ek(e.id),eC(!1)},className:`w-full text-left px-3 py-1.5 transition-colors ${eN===e.id?"bg-primary/10":"hover:bg-sidebar"}`,children:[(0,s.jsxs)("span",{className:`flex items-center gap-1.5 text-xs font-medium ${eN===e.id?"text-primary":"text-text-main"}`,children:[eN===e.id&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"check"}),e.label]}),(0,s.jsx)("span",{className:"block text-[10px] text-text-muted mt-0.5",children:e.hint})]},e.id))})]})]}),(0,s.jsx)("span",{className:"text-[11px] text-text-muted",children:"Click a tag to insert it, or let AI add tags automatically (uses your configured LLM via 9router)."})]})}),(0,s.jsx)(A,{label:"Output Format",children:(0,s.jsxs)("select",{value:es,onChange:e=>er(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"mp3",children:"MP3 (Binary)"}),(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>eB(tl),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eD?"check":"content_copy"}),eD?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:to,disabled:ey||!C.trim()||!e6||e9,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:ey?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),ey?"Generating...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:tl})]}),eA&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eA}),eh?(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",eO&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",eO,"ms"]})]}),(0,s.jsxs)("a",{href:eh,download:"speech.mp3",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})]}),(0,s.jsx)("audio",{ref:e_,controls:!0,src:eh,className:"w-full"}),eb&&(0,s.jsxs)("div",{className:"mt-3",children:[(0,s.jsx)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"JSON Response"})}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all",children:JSON.stringify({format:eb.format,audio:eb.audioPreview},null,2)})]})]}):(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Response"}),(0,s.jsx)("pre",{className:"mt-1.5 bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-50",children:Y})]}),eT.length>0&&(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["History ",(0,s.jsxs)("span",{className:"font-normal normal-case",children:["(",eT.length,")"]})]}),(0,s.jsxs)("button",{onClick:tc,className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-red-500 transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"delete_sweep"}),"Clear all"]})]}),(0,s.jsx)("div",{className:"flex flex-col gap-1.5 max-h-72 overflow-y-auto",children:eT.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 px-2.5 py-2 rounded-lg border border-border bg-sidebar/50",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("p",{className:"text-xs text-text-main truncate",title:e.text,children:e.text}),(0,s.jsxs)("p",{className:"text-[10px] text-text-muted truncate",children:[e.voiceName||e.voiceId||"—",e.model?` \xb7 ${e.model}`:"",` \xb7 ${(0,L.gs)(e.createdAt)}`]})]}),(0,s.jsx)("div",{className:"flex items-center gap-0.5 shrink-0",children:X.map(t=>(0,s.jsx)("button",{onClick:()=>((e,t)=>{if("play"===e)return void(t?.blob&&(ef(null),eg(URL.createObjectURL(t.blob)),requestAnimationFrame(()=>{e_.current?.play().catch(()=>{})})));if("reuse"===e)return void($(t.text),t.voiceId&&(m(t.voiceId),l.hasVoiceIdInput&&b(t.voiceId)),t.voiceName&&h(t.voiceName),t.model&&l.hasModelSelector&&S(t.model),"number"==typeof t.stability&&el(t.stability));if("download"===e){let e,a;return e=URL.createObjectURL(t.blob),void((a=document.createElement("a")).href=e,a.download=`speech-${t.createdAt}.mp3`,document.body.appendChild(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(e),1e3))}return td(t.id)})(t.key,e),title:(0,_.Tl)(t.title),className:`p-1 rounded text-text-muted transition-colors ${t.danger?"hover:text-red-500":"hover:text-primary"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:t.icon})},t.key))})]},e.id))})]})]})]}),eU&&(0,s.jsx)("div",{className:"fixed inset-0 z-50 flex items-end justify-center sm:items-center",style:{backgroundColor:"rgba(0,0,0,0.6)",backdropFilter:"blur(2px)"},onClick:()=>eK(!1),children:(0,s.jsxs)("div",{className:"border border-border rounded-xl shadow-2xl w-full max-w-md mx-4 flex flex-col max-h-[80vh]",style:{backgroundColor:"var(--color-bg)",isolation:"isolate"},onClick:e=>e.stopPropagation(),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-border shrink-0 rounded-t-xl",children:[(0,s.jsx)("h3",{className:"text-sm font-semibold",children:"Select Language"}),(0,s.jsx)("button",{onClick:()=>eK(!1),className:"text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,s.jsx)("div",{className:"px-4 py-2.5 border-b border-border shrink-0",children:(0,s.jsx)("input",{autoFocus:!0,value:eV,onChange:e=>eH(e.target.value),placeholder:"Search language...",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),(0,s.jsxs)("div",{className:"overflow-y-auto flex-1 p-2",children:[eW&&(0,s.jsx)("p",{className:"text-xs text-red-500 px-2 py-1",children:eW}),ez?(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"Loading..."}):(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[e2.map(e=>(0,s.jsxs)("button",{onClick:()=>{let t;return eK(!1),j(e.code),void(y(t=eY[e.code]?.voices||[]),t.length&&(m(t[0].id),h(t[0].name),l.hasVoiceIdInput&&b(t[0].id)))},className:`flex items-center justify-between w-full px-3 py-2 rounded-lg text-left hover:bg-sidebar transition-colors ${v===e.code?"bg-primary/10 text-primary":""}`,children:[(0,s.jsx)("span",{className:"text-sm",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[e.voices.length," voices"]}),v===e.code&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",children:"check"})]})]},e.code)),0===e2.length&&(0,s.jsx)("p",{className:"text-xs text-text-muted px-2 py-3",children:"No languages found."})]})]})]})})]})}let Z="https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog.png",ee=new Set(["antigravity/gemini-3.1-flash-image","codex/gpt-5.5-image","codex/gpt-5.4-image","codex/gpt-5.3-image"]);function et(e){let t="string"==typeof e?e.trim():"";return t?/^(data:image\/|https?:\/\/)/i.test(t)?t:`data:image/png;base64,${t}`:""}function ea(e){if("string"!=typeof e||!e.startsWith("data:image/"))return e;let t=e.indexOf(","),a=e.indexOf(";"),s=a>5?e.slice(5,a):"image",r=t>=0?e.length-t-1:e.length;return`<${s} base64 hidden: ${r.toLocaleString("en-US")} chars>`}function es({method:e,endpoint:t,apiPath:a,headers:s,body:r,wantBinary:n}){return`curl -X ${e} ${t}${a} \\
   ${s.replace(/\\\n  /g,"\\\n  ")} \\
-  -d '${JSON.stringify(r)}'${n?" \\\n  --output image.png":""}`}function er({providerId:e,kind:t}){let a=(0,c.wG)(e),r=(0,c.rs)(a),n=r===e?a:e,l=c.rj.find(e=>e.id===t),d=E[t],m=d||{},u=(0,N.KC)(e).filter(e=>(0,N.CP)(e)===t),p=new Set(["image","video","music","imageToText"]).has(t),x=p&&0===u.length,[h,g]=(0,i.useState)(u[0]?.id??""),b=u.find(e=>e.id===h),f=`${r}/${h}`,y=!!b?.capabilities?.includes("multiImage")||ee.has(f),v=!!b?.capabilities?.includes("edit")||y,j=!!b?.capabilities?.includes("mask"),[w,S]=(0,i.useState)(m.defaultInput||""),[C,$]=(0,i.useState)(""),[P,I]=(0,i.useState)([]),[_,T]=(0,i.useState)(""),[R,L]=(0,i.useState)(()=>(m.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[O,M]=(0,i.useState)(""),[D,B]=(0,i.useState)(!1),[U,K]=(0,i.useState)(""),[F,q]=(0,i.useState)(""),[z,J]=(0,i.useState)(null),[V,H]=(0,i.useState)(null),[W,G]=(0,i.useState)(null),[Y,X]=(0,i.useState)("json"),[Q,en]=(0,i.useState)(""),[el,ei]=(0,i.useState)(!1),[eo,ed]=(0,i.useState)(""),[ec,em]=(0,i.useState)([]),[eu,ep]=(0,i.useState)(""),{copied:ex,copy:eh}=(0,k.C)(),{copied:eg,copy:eb}=(0,k.C)();if((0,i.useEffect)(()=>{K(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&q(e.publicUrl)}).catch(()=>{}),fetch("/api/providers/client").then(e=>e.json()).then(t=>{em((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!d)return null;let ef=D?F:U,ey=l.endpoint.path,ev=p?h?`${n}/${h}`:x?"":n:n,ej="cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===h?{image:Z}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===h?{image:Z,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ew=y?P:P.slice(0,1),eN=[...C.trim()?[C.trim()]:[],...ew.map(e=>e.dataUrl).filter(Boolean)],ek=eN.length>0?eN:ej.image?[ej.image]:[],eS=ek[0]||"",eC=_.trim()||ej.mask_image||"",e$=et(C.trim()||(0===eN.length?ej.image:"")),eA=et(eC),eE=Object.entries(R).reduce((e,[t,a])=>(""===a||null==a||"number"==typeof a&&Number.isNaN(a)||(e[t]=a),e),{}),eP={model:ev,[d.bodyKey]:w,...d.extraBody,...eE,...v&&y&&ek.length>1?{images:ek}:{},...v&&(!y||1===ek.length)&&eS?{image:eS}:{},...j&&eC?{mask_image:eC}:{}},eI=async e=>{let t=Array.from(e.target.files||[]).filter(e=>e.type.startsWith("image/"));if(e.target.value="",0===t.length)return;let a=await Promise.all(t.map(async e=>({id:globalThis.crypto?.randomUUID?.()||`ref_${Date.now()}_${Math.random().toString(16).slice(2)}`,name:e.name,dataUrl:await new Promise((t,a)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>a(s.error||Error("Failed to read image")),s.readAsDataURL(e)})})));I(e=>y?[...e,...a]:a.slice(0,1)),y||$("")},e_="image"===t&&"binary"===Y,eT="image"===t&&"codex"===e&&!e_,eR=`${ey}${e_?"?response_format=binary":""}`,eL=`-H "Content-Type: application/json" \\
+  -d '${JSON.stringify(r)}'${n?" \\\n  --output image.png":""}`}function er({providerId:e,kind:t}){let a=(0,c.wG)(e),r=(0,c.rs)(a),n=r===e?a:e,l=c.rj.find(e=>e.id===t),d=E[t],m=d||{},u=(0,N.KC)(e).filter(e=>(0,N.CP)(e)===t),p=new Set(["image","video","music","imageToText"]).has(t),x=p&&0===u.length,[h,g]=(0,i.useState)(u[0]?.id??""),b=u.find(e=>e.id===h),f=`${r}/${h}`,y=!!b?.capabilities?.includes("multiImage")||ee.has(f),v=!!b?.capabilities?.includes("edit")||y,j=!!b?.capabilities?.includes("mask"),[w,S]=(0,i.useState)(m.defaultInput||""),[C,$]=(0,i.useState)(""),[P,I]=(0,i.useState)([]),[_,T]=(0,i.useState)(""),[R,L]=(0,i.useState)(()=>(m.extraFields||[]).reduce((e,t)=>(e[t.key]=t.default??"",e),{})),[O,M]=(0,i.useState)(""),[D,B]=(0,i.useState)(!1),[U,K]=(0,i.useState)(""),[F,q]=(0,i.useState)(""),[z,J]=(0,i.useState)(null),[V,H]=(0,i.useState)(null),[W,G]=(0,i.useState)(null),[Y,X]=(0,i.useState)("json"),[Q,en]=(0,i.useState)(""),[el,ei]=(0,i.useState)(!1),[eo,ed]=(0,i.useState)(""),[ec,em]=(0,i.useState)([]),[eu,ep]=(0,i.useState)(""),{copied:ex,copy:eh}=(0,k.C)(),{copied:eg,copy:eb}=(0,k.C)();if((0,i.useEffect)(()=>{K(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{M((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&q(e.publicUrl)}).catch(()=>{}),fetch("/api/providers/client").then(e=>e.json()).then(t=>{em((t.connections||[]).filter(t=>t.provider===e&&!1!==t.isActive))}).catch(()=>{})},[e]),!l||!d)return null;let ef=D?F:U,ey=l.endpoint.path,ev=p?h?`${n}/${h}`:x?"":n:n,ej="huggingface"===e?{image:Z}:"cloudflare-ai"!==e?{}:"@cf/runwayml/stable-diffusion-v1-5-img2img"===h?{image:Z}:"@cf/runwayml/stable-diffusion-v1-5-inpainting"===h?{image:Z,mask_image:"https://pub-1fb693cb11cc46b2b2f656f51e015a2c.r2.dev/dog-mask.png"}:{},ew=y?P:P.slice(0,1),eN=[...C.trim()?[C.trim()]:[],...ew.map(e=>e.dataUrl).filter(Boolean)],ek=eN.length>0?eN:ej.image?[ej.image]:[],eS=ek[0]||"",eC=_.trim()||ej.mask_image||"",e$=et(C.trim()||(0===eN.length?ej.image:"")),eA=et(eC),eE=Object.entries(R).reduce((e,[t,a])=>(""===a||null==a||"number"==typeof a&&Number.isNaN(a)||(e[t]=a),e),{}),eP={model:ev,[d.bodyKey]:w,...d.extraBody,...eE,...v&&y&&ek.length>1?{images:ek}:{},...v&&(!y||1===ek.length)&&eS?{image:eS}:{},...j&&eC?{mask_image:eC}:{}},eI=async e=>{let t=Array.from(e.target.files||[]).filter(e=>e.type.startsWith("image/"));if(e.target.value="",0===t.length)return;let a=await Promise.all(t.map(async e=>({id:globalThis.crypto?.randomUUID?.()||`ref_${Date.now()}_${Math.random().toString(16).slice(2)}`,name:e.name,dataUrl:await new Promise((t,a)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>a(s.error||Error("Failed to read image")),s.readAsDataURL(e)})})));I(e=>y?[...e,...a]:a.slice(0,1)),y||$("")},e_="image"===t&&"binary"===Y,eT="image"===t&&"codex"===e&&!e_,eR=`${ey}${e_?"?response_format=binary":""}`,eL=`-H "Content-Type: application/json" \\
   -H "Authorization: Bearer ${O||"YOUR_KEY"}"${eu?` \\
   -H "x-connection-id: ${eu}"`:""}${eT?` \\
   -H "Accept: text/event-stream"`:""}`,eO=es({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:{...eP,...eP.image?{image:ea(eP.image)}:{},...Array.isArray(eP.images)?{images:eP.images.map(ea)}:{},...eP.mask_image?{mask_image:ea(eP.mask_image)}:{}},wantBinary:e_}),eM=async()=>{if(!w.trim()||!ev)return;let e=ek.findIndex(e=>!function(e){let t="string"==typeof e?e.trim():"";if(!t)return!1;if(/^https?:\/\//i.test(t))return!0;let a=t.match(/^data:image\/[^;]+;base64,([\s\S]+)$/i),s=(a?.[1]||t).replace(/\s+/g,"");return s.length>=8&&s.length%4!=1&&/^[A-Za-z0-9+/]+={0,2}$/.test(s)}(e));if(e>=0)return void ed(`Reference image ${e+1} is invalid. Use an image URL or attach an image file.`);if(ei(!0),ed(""),J(null),H(null),G(null),Q){try{URL.revokeObjectURL(Q)}catch{}en("")}let t=Date.now();try{let e={"Content-Type":"application/json"};O&&(e.Authorization=`Bearer ${O}`),eu&&(e["x-connection-id"]=eu),eT&&(e.Accept="text/event-stream");let a={...eP,model:ev},s=await fetch(`/api${eR}`,{method:l.endpoint.method,headers:e,body:JSON.stringify(a)}),r=s.headers.get("x-connection-id")||"",n=ec.find(e=>e.id===r),i=n?n.email||n.name||n.id.slice(0,8):r?r.slice(0,8):"",o=r?{connectionId:r,connectionLabel:i}:{};if(!s.ok){let e=await s.json().catch(()=>({}));ed(e?.error?.message||e?.error||`HTTP ${s.status}`);return}let d=s.headers.get("content-type")||"";if(d.startsWith("image/")){let e=await s.blob(),a=URL.createObjectURL(e);en(a),J({data:{binary:!0,mime:d,size:e.size},latencyMs:Date.now()-t,...o});return}if(d.includes("text/event-stream")&&s.body){let e=s.body.getReader(),a=new TextDecoder,r="",n=null,l=null;for(;;){let t,{done:s,value:i}=await e.read();if(s)break;for(r+=a.decode(i,{stream:!0});-1!==(t=r.indexOf("\n\n"));){let e=r.slice(0,t);r=r.slice(t+2);let a=null,s="";for(let t of e.split("\n"))t.startsWith("event:")?a=t.slice(6).trim():t.startsWith("data:")&&(s+=t.slice(5).trim());if(a)try{let e=s?JSON.parse(s):{};"progress"===a?H(e):"partial_image"===a?G(e):"done"===a?n=e:"error"===a&&(l=e?.message||"Stream error")}catch{}}}let i=Date.now()-t;if(l)return void ed(l);n&&J({data:n,latencyMs:i,...o})}else{let e=await s.json(),a=Date.now()-t;J({data:e,latencyMs:a,...o})}}catch(e){ed(e.message||"Network error")}finally{ei(!1)}},eD=e=>{if(!e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(eD);let t={};for(let[a,s]of Object.entries(e))t[a]="b64_json"===a&&"string"==typeof s&&s.length>100?`<${s.length} chars base64>`:eD(s);return t},eB=z?JSON.stringify(eD(z.data),null,2):"";return(0,s.jsxs)(o.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2.5",children:[u.length>0?(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("select",{value:h,onChange:e=>g(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:u.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):x?(0,s.jsx)(A,{label:"Model",children:(0,s.jsx)("input",{value:h,onChange:e=>g(e.target.value),placeholder:"Enter model id (provider-specific)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary font-mono"})}):null,(0,s.jsx)(A,{label:"Endpoint",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("span",{className:"w-full min-w-0 flex-1 px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate",children:[ef,ey]}),F&&(0,s.jsxs)("button",{onClick:()=>B(e=>!e),title:D?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${D?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,s.jsx)(A,{label:"API Key",children:(0,s.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:O?`${O.slice(0,8)}${"•".repeat(Math.min(20,Math.max(0,O.length-8)))}`:(0,s.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),ec.length>0&&(0,s.jsx)(A,{label:"Connection",children:(0,s.jsxs)("select",{value:eu,onChange:e=>ep(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"",children:"Auto (by priority)"}),ec.map(e=>{let t=e.providerSpecificData?.chatgptPlanType,a=e.email||e.name||e.id.slice(0,8);return(0,s.jsxs)("option",{value:e.id,children:[a,t?` [${t}]`:""]},e.id)})]})}),(0,s.jsx)(A,{label:d.inputLabel,children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:w,onChange:e=>S(e.target.value),placeholder:d.inputPlaceholder,className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),w&&(0,s.jsx)("button",{type:"button",onClick:()=>S(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}),v&&(0,s.jsx)(A,{label:y?"Reference Images":"Ref Image",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:C,onChange:e=>{$(e.target.value),y||I([])},placeholder:ej.image||"https://example.com/source.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),C&&(0,s.jsx)("button",{type:"button",onClick:()=>$(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),(0,s.jsxs)("label",{className:"flex cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-dashed border-border px-3 py-2 text-xs text-text-muted transition-colors hover:border-primary hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add_photo_alternate"}),y?"Attach one or more images":"Attach image",(0,s.jsx)("input",{type:"file",accept:"image/*",multiple:y,onChange:eI,className:"hidden"})]}),e$&&(0,s.jsx)("img",{src:e$,alt:"Reference",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"}),ew.length>0&&(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3",children:ew.map(e=>(0,s.jsxs)("div",{className:"group relative overflow-hidden rounded-lg border border-border bg-sidebar",children:[(0,s.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover",loading:"lazy",decoding:"async"}),(0,s.jsx)("button",{type:"button",onClick:()=>I(t=>t.filter(t=>t.id!==e.id)),className:"absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-black/65 text-white transition hover:bg-black","aria-label":`Remove ${e.name}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[15px]",children:"close"})}),(0,s.jsx)("span",{className:"block truncate px-2 py-1.5 text-[11px] text-text-muted",children:e.name})]},e.id))}),y&&ek.length>0&&(0,s.jsx)("p",{className:"text-[11px] text-text-muted",children:1===ek.length?"Request uses image":`Request uses images[] with ${ek.length} references`})]})}),j&&(0,s.jsx)(A,{label:"Mask (URL)",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{value:_,onChange:e=>T(e.target.value),placeholder:ej.mask_image||"https://example.com/mask.png",className:"w-full px-3 py-1.5 pr-7 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}),_&&(0,s.jsx)("button",{type:"button",onClick:()=>T(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-text-muted hover:text-primary transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]}),eA&&(0,s.jsx)("img",{src:eA,alt:"Mask",className:"max-h-40 rounded-lg border border-border object-contain bg-sidebar",onError:e=>{e.currentTarget.style.display="none"},onLoad:e=>{e.currentTarget.style.display="block"},loading:"lazy",decoding:"async"})]})}),(d.extraFields||[]).filter(e=>0===u.length||Array.isArray(b?.params)&&b.params.includes(e.key)).map(e=>(0,s.jsx)(A,{label:e.label,children:"select"===e.type?(0,s.jsx)("select",{value:R[e.key]??"",onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:(e.options||[]).map(e=>(0,s.jsx)("option",{value:e,children:""===e?"(default)":e},e))}):"text"===e.type?(0,s.jsx)("input",{type:"text",value:R[e.key]??"",placeholder:e.placeholder,onChange:t=>L(a=>({...a,[e.key]:t.target.value})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"}):(0,s.jsx)("input",{type:"number",value:R[e.key]??"",min:e.min,max:e.max,onChange:t=>L(a=>({...a,[e.key]:""===t.target.value?"":Number(t.target.value)})),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})},e.key)),"image"===t&&(0,s.jsx)(A,{label:"Output Format",children:(0,s.jsxs)("select",{value:Y,onChange:e=>X(e.target.value),className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",children:[(0,s.jsx)("option",{value:"json",children:"JSON (Base64)"}),(0,s.jsx)("option",{value:"binary",children:"Binary File"})]})}),(0,s.jsxs)("div",{className:"mt-1",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,s.jsxs)("button",{onClick:()=>{eh(es({method:l.endpoint.method,endpoint:ef,apiPath:eR,headers:eL,body:eP,wantBinary:e_}))},className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ex?"check":"content_copy"}),ex?"Copied":"Copy"]}),(0,s.jsxs)("button",{onClick:eM,disabled:el||!w.trim()||!ev,className:"flex w-full sm:w-auto items-center justify-center gap-1.5 px-3 py-1 rounded-lg bg-primary text-white text-xs font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:el?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),el?"Running...":"Run"]})]})]}),(0,s.jsx)("pre",{className:"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-lg bg-sidebar px-3 py-2.5 font-mono text-xs text-text-main",children:eO}),(eP.image||eP.images||eP.mask_image)&&(0,s.jsx)("p",{className:"mt-1.5 text-[11px] text-text-muted",children:"Base64 is hidden in the preview. Copy and Run still include the full image payload."})]}),(el||V)&&eT&&(0,s.jsxs)("div",{className:"flex flex-col gap-2 px-3 py-2 rounded-lg bg-sidebar border border-border sm:flex-row sm:items-center sm:gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px] text-primary",style:el?{animation:"spin 1s linear infinite"}:void 0,children:el?"progress_activity":"check_circle"}),(0,s.jsxs)("span",{className:"text-xs text-text-muted",children:[V?.stage||"starting",!el&&V?.bytesReceived?` \xb7 ${(V.bytesReceived/1024).toFixed(1)} KB`:""]})]}),W?.b64_json&&!z&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Partial preview"}),(0,s.jsx)("img",{src:`data:image/png;base64,${W.b64_json}`,alt:"Partial",className:"max-w-full rounded-lg border border-border mt-1.5 opacity-80",loading:"lazy",decoding:"async"})]}),eo&&(0,s.jsx)("p",{className:"text-xs text-red-500 break-words",children:eo}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,s.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",z&&(0,s.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",z.latencyMs,"ms",z.connectionLabel?` | account: ${z.connectionLabel}`:""]})]}),z&&(0,s.jsxs)("button",{onClick:()=>eb(eB),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:eg?"check":"content_copy"}),eg?"Copied":"Copy"]})]}),(0,s.jsx)("pre",{className:"bg-sidebar rounded-lg px-3 py-2.5 text-xs font-mono text-text-main overflow-x-auto whitespace-pre-wrap break-all opacity-70",children:z?eB:d.defaultResponse}),"image"===t&&(Q||z?.data?.data?.[0])&&(0,s.jsxs)("div",{className:"mt-2",children:[(0,s.jsx)("div",{className:"flex items-center justify-end mb-1.5",children:(0,s.jsxs)("a",{href:Q||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url||""),download:"image.png",className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),"Download"]})}),(0,s.jsx)("img",{src:Q||(z?.data?.data?.[0]?.b64_json?`data:image/png;base64,${z.data.data[0].b64_json}`:z?.data?.data?.[0]?.url),alt:"Generated",className:"max-w-full rounded-lg border border-border",loading:"lazy",decoding:"async"})]})]})]})]})}function en({providerId:e}){let t=(0,c.wG)(e),a=(0,N.KC)(e).filter(e=>"stt"===(0,N.CP)(e)),[r,n]=(0,i.useState)([]),l=[...a,...r],[d,m]=(0,i.useState)(a[0]?.id??""),u=l.find(e=>e.id===d),p=Array.isArray(u?.params)?u.params:[],[x,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(""),[f,y]=(0,i.useState)(""),[v,j]=(0,i.useState)("json"),[w,S]=(0,i.useState)(""),[C,$]=(0,i.useState)(""),[E,P]=(0,i.useState)(!1),[I,_]=(0,i.useState)(""),[T,R]=(0,i.useState)(""),[L,O]=(0,i.useState)(null),[M,D]=(0,i.useState)(null),[B,U]=(0,i.useState)(!1),[K,F]=(0,i.useState)(""),{copied:q,copy:z}=(0,k.C)(),{copied:J,copy:V}=(0,k.C)();(0,i.useEffect)(()=>{_(window.location.origin),fetch("/api/keys").then(e=>e.json()).then(e=>{$((e.keys||[]).find(e=>!1!==e.isActive)?.key||"")}).catch(()=>{}),fetch("/api/tunnel/status").then(e=>e.json()).then(e=>{e.publicUrl&&R(e.publicUrl)}).catch(()=>{});let e=()=>{fetch("/api/models/custom",{cache:"no-store"}).then(e=>e.json()).then(e=>{n((e.models||[]).filter(e=>"stt"===(0,N.CP)(e)&&e.providerAlias===t))}).catch(()=>{})};return e(),window.addEventListener("focus",e),window.addEventListener("customModelChanged",e),()=>{window.removeEventListener("focus",e),window.removeEventListener("customModelChanged",e)}},[t]);let H=E?T:I,W=d?`${t}/${d}`:"",G=`curl -X POST ${H}/v1/audio/transcriptions \\

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/profile/{page-85950757e9505005.js → page-63e73261a2a83714.js}

@@ -1 +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()}]);
+(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:""}),[A,I]=(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,K]=(0,r.useState)(!1),[B,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),[eA,eI]=(0,r.useState)(!1);(0,r.useEffect)(()=>{eI(!["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 I({type:"error",message:"Passwords do not match"});O(!0),I({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?(I({type:"success",message:"Password updated successfully"}),L({current:"",new:"",confirm:""})):I({type:"error",message:t.error||"Failed to update password"})}catch(e){I({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."});K(!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{K(!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)}},eK=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)}},eB=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 eB(),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})]})]}),A.message&&(0,a.jsx)("p",{className:`text-xs sm:text-sm ${"error"===A.type?"text-red-500":"text-green-500"}`,children:A.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:B,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:()=>eK(!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-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:"Cache Affinity"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-text-muted",children:"Keep each conversation on the same account so the provider prompt cache keeps hitting"})]}),(0,a.jsx)(o.lM,{checked:"cache-affinity"===w.fallbackStrategy,onChange:()=>eR("cache-affinity"===w.fallbackStrategy?"fill-first":"cache-affinity"),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:"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.`:"cache-affinity"===w.fallbackStrategy?"Currently pinning each conversation to one account (Cache Affinity); requests without a conversation key use priority order.":"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:eA?"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()}]);