@yina-npm/openrouterx 0.4.35 → 0.4.38

package/app/.next/static/chunks/app/(dashboard)/dashboard/admin/users/{page-2aa2cafdedb17bad.js → page-972703d59d2a3986.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6434],{17169:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>u});var t=a(95155),r=a(12115),n=a(35497),l=a(52679);let o=["codex","alicode"];function i(e){return Array.isArray(e)?Array.from(new Set(e.map(e=>"string"==typeof e?e.trim():"").filter(Boolean))):[]}function d(e,s=o){return e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"allowedProviders")?i(e.allowedProviders):i(s)}function c(e){var s;return e&&"object"==typeof e&&Array.isArray(e.allowedProviderConnectionIds)?Array.isArray(s=e.allowedProviderConnectionIds)?Array.from(new Set(s.map(e=>"string"==typeof e?e.trim():"").filter(Boolean))):[]:null}function u(){let[e,s]=(0,r.useState)([]),[a,o]=(0,r.useState)([]),[i,u]=(0,r.useState)(!0),[v,w]=(0,r.useState)(!1),[g,b]=(0,r.useState)({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:[],allowedProviderConnectionIds:[],showQuotaTracker:!0,codexFastMode:!1}),[j,y]=(0,r.useState)(!1),[N,C]=(0,r.useState)(""),[k,P]=(0,r.useState)(null),[T,S]=(0,r.useState)({displayName:"",role:"",permissions:[],allowedProviders:[],allowedProviderConnectionIds:[],showQuotaTracker:!0,codexFastMode:!1,password:""}),[M,A]=(0,r.useState)(null);async function I(){u(!0);try{let[e,a,t]=await Promise.all([fetch("/api/users"),fetch("/api/providers"),fetch("/api/provider-nodes")]),r=await e.json(),n=await a.json(),i=await t.json();s(r.users||[]),o(function(e,s){let a=new Map((s||[]).map(e=>[e.id,e])),t=new Map;for(let s of e||[]){let e=s?.provider;if(!e)continue;let r=l.Q2[e],n=a.get(e),o=n?({"openai-compatible":"OpenAI Compatible","anthropic-compatible":"Anthropic Compatible","custom-embedding":"Custom Embedding","custom-image":"Custom Image"})[n.type]||"Custom Provider":null;t.has(e)||t.set(e,{id:e,label:n?`${n.name||n.prefix||e} (${o})`:r?.name||s.name||e,defaultEnabled:!0,accounts:[]}),t.get(e).accounts.push({id:s.id,label:s.displayName||s.name||s.email||s.id,isActive:!1!==s.isActive})}return Array.from(t.values()).map(e=>({...e,accounts:e.accounts.sort((e,s)=>e.label.localeCompare(s.label,"en"))})).sort((e,s)=>e.label.localeCompare(s.label,"en"))}(n.connections||[],i.nodes||[]))}finally{u(!1)}}async function $(e){e.preventDefault(),C(""),y(!0);try{let e=await fetch("/api/users",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...g,providerThinking:h(g.codexFastMode)})}),s=await e.json();if(!e.ok)return void C(s.error||"Failed");w(!1),b({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:p(a),allowedProviderConnectionIds:m(a),showQuotaTracker:!0,codexFastMode:!1}),I()}catch{C("Network error")}finally{y(!1)}}async function F(e){e.preventDefault(),y(!0);try{let e={displayName:T.displayName,role:T.role,permissions:T.permissions,allowedProviders:T.allowedProviders,allowedProviderConnectionIds:T.allowedProviderConnectionIds,showQuotaTracker:T.showQuotaTracker,providerThinking:h(T.codexFastMode)};if(T.password&&(e.password=T.password),!(await fetch(`/api/users/${k.id}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok)return;P(null),I()}finally{y(!1)}}async function Q(e){await fetch(`/api/users/${e}`,{method:"DELETE"}),A(null),I()}(0,r.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"super_admin"!==e.role?window.location.href="/dashboard/usage":I()}).catch(()=>{window.location.href="/dashboard/usage"})},[]);let O=["view_usage","view_logs","view_keys","manage_own_keys"],_=(e,s)=>{s(s=>{var t,r;let n=s.allowedProviders.includes(e),l=(t=a,r=e,t.find(e=>e.id===r)?.accounts?.map(e=>e.id)||[]);return{...s,allowedProviders:n?s.allowedProviders.filter(s=>s!==e):[...s.allowedProviders,e],allowedProviderConnectionIds:n?s.allowedProviderConnectionIds.filter(e=>!l.includes(e)):Array.from(new Set([...s.allowedProviderConnectionIds,...l]))}})},E=(e,s,a)=>{a(a=>{let t=a.allowedProviderConnectionIds.includes(s)?a.allowedProviderConnectionIds.filter(e=>e!==s):[...a.allowedProviderConnectionIds,s],r=a.allowedProviders.includes(e)?a.allowedProviders:[...a.allowedProviders,e];return{...a,allowedProviders:r,allowedProviderConnectionIds:t}})};return(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-2xl font-bold",children:"User Management"}),(0,t.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Manage sub-users and their permissions"})]}),(0,t.jsx)(n.$n,{onClick:()=>{b({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:p(a),allowedProviderConnectionIds:m(a),showQuotaTracker:!0,codexFastMode:!1}),C(""),w(!0)},children:"+ Add Sub-user"})]}),i?(0,t.jsx)("p",{className:"text-text-muted",children:"Loading..."}):0===e.length?(0,t.jsx)(n.Zp,{children:(0,t.jsx)("p",{className:"text-text-muted text-center py-8",children:"No sub-users yet. Create one to get started."})}):(0,t.jsx)("div",{className:"space-y-3",children:e.map(e=>{var s,r;let l,o,i;return(0,t.jsxs)(n.Zp,{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold text-lg",children:e.displayName?.charAt(0)?.toUpperCase()||e.username?.charAt(0)?.toUpperCase()}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"font-semibold",children:e.displayName}),(0,t.jsxs)("p",{className:"text-sm text-text-muted",children:["@",e.username," \xb7 ",e.role]})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-surface-alt text-text-muted",children:e.permissions?.join(", ")||"no perms"}),(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-primary/10 text-primary",children:function(e,s){let a=new Map(s.map(e=>[e.id,e.label])),t=d(e,p(s));if(0===t.length)return"No providers enabled";let r=t.map(e=>a.get(e)||e);return r.length<=2?r.join(", "):`${r.slice(0,2).join(", ")} +${r.length-2}`}(e,a)}),(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-surface-alt text-text-muted",children:(l=new Set(d(s=e,p(r=a))),o=new Set(c(s)??x(s,r)),0===(i=r.filter(e=>l.has(e.id)).reduce((e,s)=>e+s.accounts.length,0))?"No accounts":`${o.size}/${i} accounts`)}),(0,t.jsx)("span",{className:`text-xs px-2 py-1 rounded-full ${!1!==e.showQuotaTracker?"bg-emerald-500/10 text-emerald-600":"bg-surface-alt text-text-muted"}`,children:!1!==e.showQuotaTracker?"Quota On":"Quota Off"}),(0,t.jsx)("span",{className:`text-xs px-2 py-1 rounded-full ${e.providerThinking?.codex?.fastMode===!0?"bg-orange-500/10 text-orange-600":"bg-surface-alt text-text-muted"}`,children:e.providerThinking?.codex?.fastMode===!0?"Fast On":"Fast Off"}),(0,t.jsx)(n.$n,{variant:"secondary",size:"sm",onClick:()=>{P(e),S({displayName:e.displayName,role:e.role,permissions:e.permissions||[],allowedProviders:d(e,p(a)),allowedProviderConnectionIds:c(e)??x(e,a),showQuotaTracker:!1!==e.showQuotaTracker,codexFastMode:e.providerThinking?.codex?.fastMode===!0,password:""})},children:"Edit"}),(0,t.jsx)(n.$n,{variant:"danger",size:"sm",onClick:()=>A(e),children:"Delete"})]})]},e.id)})}),v&&(0,t.jsx)(n.aF,{isOpen:v,title:"Create Sub-user",onClose:()=>w(!1),size:"full",children:(0,t.jsxs)("form",{onSubmit:$,className:"flex flex-col gap-4",children:[(0,t.jsx)(n.pd,{label:"Username",value:g.username,onChange:e=>b(s=>({...s,username:e.target.value})),required:!0}),(0,t.jsx)(n.pd,{label:"Display Name",value:g.displayName,onChange:e=>b(s=>({...s,displayName:e.target.value}))}),(0,t.jsx)(n.pd,{label:"Password",type:"password",value:g.password,onChange:e=>b(s=>({...s,password:e.target.value})),required:!0}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Permissions"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:O.map(e=>(0,t.jsxs)("label",{className:"flex items-center gap-1.5 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.permissions.includes(e),onChange:s=>b(a=>({...a,permissions:s.target.checked?[...a.permissions,e]:a.permissions.filter(s=>s!==e)}))}),e]},e))})]}),(0,t.jsx)(f,{providerOptions:a,selectedProviders:g.allowedProviders,selectedConnectionIds:g.allowedProviderConnectionIds,onToggle:e=>_(e,b),onToggleConnection:(e,s)=>E(e,s,b)}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.showQuotaTracker,onChange:e=>b(s=>({...s,showQuotaTracker:e.target.checked}))}),"Allow Quota Tracker for this sub-user"]}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.codexFastMode,onChange:e=>b(s=>({...s,codexFastMode:e.target.checked}))}),"Enable Codex Fast Mode for this sub-user"]}),N&&(0,t.jsx)("p",{className:"text-red-500 text-sm",children:N}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 mt-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",type:"button",onClick:()=>w(!1),children:"Cancel"}),(0,t.jsx)(n.$n,{type:"submit",loading:j,children:"Create"})]})]})}),k&&(0,t.jsx)(n.aF,{isOpen:!!k,title:`Edit ${k.username}`,onClose:()=>P(null),size:"full",children:(0,t.jsxs)("form",{onSubmit:F,className:"flex flex-col gap-4",children:[(0,t.jsx)(n.pd,{label:"Display Name",value:T.displayName,onChange:e=>S(s=>({...s,displayName:e.target.value}))}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Permissions"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:O.map(e=>(0,t.jsxs)("label",{className:"flex items-center gap-1.5 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.permissions.includes(e),onChange:s=>S(a=>({...a,permissions:s.target.checked?[...a.permissions,e]:a.permissions.filter(s=>s!==e)}))}),e]},e))})]}),(0,t.jsx)(f,{providerOptions:a,selectedProviders:T.allowedProviders,selectedConnectionIds:T.allowedProviderConnectionIds,onToggle:e=>_(e,S),onToggleConnection:(e,s)=>E(e,s,S)}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.showQuotaTracker,onChange:e=>S(s=>({...s,showQuotaTracker:e.target.checked}))}),"Allow Quota Tracker for this sub-user"]}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.codexFastMode,onChange:e=>S(s=>({...s,codexFastMode:e.target.checked}))}),"Enable Codex Fast Mode for this sub-user"]}),(0,t.jsx)(n.pd,{label:"New Password (leave blank to keep)",type:"password",value:T.password,onChange:e=>S(s=>({...s,password:e.target.value}))}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 mt-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",type:"button",onClick:()=>P(null),children:"Cancel"}),(0,t.jsx)(n.$n,{type:"submit",loading:j,children:"Save"})]})]})}),M&&(0,t.jsxs)(n.aF,{isOpen:!!M,title:"Delete User",onClose:()=>A(null),children:[(0,t.jsxs)("p",{className:"mb-4",children:["Delete user ",(0,t.jsx)("strong",{children:M.username}),"? This cannot be undone."]}),(0,t.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",onClick:()=>A(null),children:"Cancel"}),(0,t.jsx)(n.$n,{variant:"danger",onClick:()=>Q(M.id),children:"Delete"})]})]})]})}function p(e){let s=e.filter(e=>e.defaultEnabled).map(e=>e.id),a=e.map(e=>e.id),t=o.filter(e=>a.includes(e));return s.length>0?s:t.length>0?t:a}function m(e){return e.flatMap(e=>e.accounts.map(e=>e.id))}function x(e,s){let a=new Set(d(e,p(s)));return s.filter(e=>a.has(e.id)).flatMap(e=>e.accounts.map(e=>e.id))}function h(e){return{codex:{fastMode:!0===e}}}function f({providerOptions:e,selectedProviders:s,selectedConnectionIds:a,onToggle:r,onToggleConnection:n}){let l=new Set(s),o=new Set(a);return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Allowed Providers & Accounts"}),0===e.length?(0,t.jsx)("p",{className:"text-xs text-text-muted",children:"Connect providers first, then assign them to this sub-user."}):(0,t.jsx)("div",{className:"flex flex-col gap-3",children:e.map(e=>(0,t.jsxs)("div",{className:"rounded-lg border border-border bg-background p-3",children:[(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:l.has(e.id),onChange:()=>r(e.id)}),e.label]}),e.accounts.length>0&&(0,t.jsx)("div",{className:"mt-2 grid gap-1.5 pl-6 sm:grid-cols-2",children:e.accounts.map(s=>(0,t.jsxs)("label",{className:"flex min-w-0 items-center gap-1.5 text-xs text-text-muted cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",disabled:!l.has(e.id),checked:l.has(e.id)&&o.has(s.id),onChange:()=>n(e.id,s.id)}),(0,t.jsx)("span",{className:"truncate",children:s.label}),!s.isActive&&(0,t.jsx)("span",{className:"shrink-0 text-[10px] text-amber-600",children:"inactive"})]},s.id))})]},e.id))}),(0,t.jsx)("p",{className:"text-xs text-text-muted mt-2",children:"Only selected providers and selected provider accounts will be visible and usable for this sub-user."})]})}},51429:(e,s,a)=>{Promise.resolve().then(a.bind(a,17169))}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=51429)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6434],{17169:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>u});var t=a(95155),r=a(12115),n=a(35497),l=a(52679);let o=["codex","alicode"];function i(e){return Array.isArray(e)?Array.from(new Set(e.map(e=>"string"==typeof e?e.trim():"").filter(Boolean))):[]}function d(e,s=o){return e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"allowedProviders")?i(e.allowedProviders):i(s)}function c(e){var s;return e&&"object"==typeof e&&Array.isArray(e.allowedProviderConnectionIds)?Array.isArray(s=e.allowedProviderConnectionIds)?Array.from(new Set(s.map(e=>"string"==typeof e?e.trim():"").filter(Boolean))):[]:null}function u(){let[e,s]=(0,r.useState)([]),[a,o]=(0,r.useState)([]),[i,u]=(0,r.useState)(!0),[v,w]=(0,r.useState)(!1),[g,b]=(0,r.useState)({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:[],allowedProviderConnectionIds:[],showQuotaTracker:!0,codexFastMode:!1}),[j,y]=(0,r.useState)(!1),[N,C]=(0,r.useState)(""),[k,P]=(0,r.useState)(null),[T,S]=(0,r.useState)({displayName:"",role:"",permissions:[],allowedProviders:[],allowedProviderConnectionIds:[],showQuotaTracker:!0,codexFastMode:!1,password:""}),[M,A]=(0,r.useState)(null);async function I(){u(!0);try{let[e,a,t]=await Promise.all([fetch("/api/users"),fetch("/api/providers"),fetch("/api/provider-nodes")]),r=await e.json(),n=await a.json(),i=await t.json();s(r.users||[]),o(function(e,s){let a=new Map((s||[]).map(e=>[e.id,e])),t=new Map;for(let s of e||[]){let e=s?.provider;if(!e)continue;let r=l.Q2[e],n=a.get(e),o=n?({"openai-compatible":"OpenAI Compatible","anthropic-compatible":"Anthropic Compatible","custom-embedding":"Custom Embedding","custom-image":"Custom Image"})[n.type]||"Custom Provider":null;t.has(e)||t.set(e,{id:e,label:n?`${n.name||n.prefix||e} (${o})`:r?.name||s.name||e,defaultEnabled:!0,accounts:[]}),t.get(e).accounts.push({id:s.id,label:s.displayName||s.name||s.email||s.id,isActive:!1!==s.isActive})}return Array.from(t.values()).map(e=>({...e,accounts:e.accounts.sort((e,s)=>e.label.localeCompare(s.label,"en"))})).sort((e,s)=>e.label.localeCompare(s.label,"en"))}(n.connections||[],i.nodes||[]))}finally{u(!1)}}async function $(e){e.preventDefault(),C(""),y(!0);try{let e=await fetch("/api/users",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...g,providerThinking:h(g.codexFastMode)})}),s=await e.json();if(!e.ok)return void C(s.error||"Failed");w(!1),b({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:p(a),allowedProviderConnectionIds:m(a),showQuotaTracker:!0,codexFastMode:!1}),I()}catch{C("Network error")}finally{y(!1)}}async function F(e){e.preventDefault(),y(!0);try{let e={displayName:T.displayName,role:T.role,permissions:T.permissions,allowedProviders:T.allowedProviders,allowedProviderConnectionIds:T.allowedProviderConnectionIds,showQuotaTracker:T.showQuotaTracker,providerThinking:h(T.codexFastMode)};if(T.password&&(e.password=T.password),!(await fetch(`/api/users/${k.id}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok)return;P(null),I()}finally{y(!1)}}async function Q(e){await fetch(`/api/users/${e}`,{method:"DELETE"}),A(null),I()}(0,r.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"super_admin"!==e.role?window.location.href="/dashboard/usage":I()}).catch(()=>{window.location.href="/dashboard/usage"})},[]);let O=["view_usage","view_logs","view_keys","manage_own_keys"],_=(e,s)=>{s(s=>{var t,r;let n=s.allowedProviders.includes(e),l=(t=a,r=e,t.find(e=>e.id===r)?.accounts?.map(e=>e.id)||[]);return{...s,allowedProviders:n?s.allowedProviders.filter(s=>s!==e):[...s.allowedProviders,e],allowedProviderConnectionIds:n?s.allowedProviderConnectionIds.filter(e=>!l.includes(e)):Array.from(new Set([...s.allowedProviderConnectionIds,...l]))}})},E=(e,s,a)=>{a(a=>{let t=a.allowedProviderConnectionIds.includes(s)?a.allowedProviderConnectionIds.filter(e=>e!==s):[...a.allowedProviderConnectionIds,s],r=a.allowedProviders.includes(e)?a.allowedProviders:[...a.allowedProviders,e];return{...a,allowedProviders:r,allowedProviderConnectionIds:t}})};return(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-2xl font-bold",children:"User Management"}),(0,t.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Manage sub-users and their permissions"})]}),(0,t.jsx)(n.$n,{onClick:()=>{b({username:"",password:"",displayName:"",role:"sub_user",permissions:[],allowedProviders:p(a),allowedProviderConnectionIds:m(a),showQuotaTracker:!0,codexFastMode:!1}),C(""),w(!0)},children:"+ Add Sub-user"})]}),i?(0,t.jsx)("p",{className:"text-text-muted",children:"Loading..."}):0===e.length?(0,t.jsx)(n.Zp,{children:(0,t.jsx)("p",{className:"text-text-muted text-center py-8",children:"No sub-users yet. Create one to get started."})}):(0,t.jsx)("div",{className:"space-y-3",children:e.map(e=>{var s,r;let l,o,i;return(0,t.jsxs)(n.Zp,{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold text-lg",children:e.displayName?.charAt(0)?.toUpperCase()||e.username?.charAt(0)?.toUpperCase()}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"font-semibold",children:e.displayName}),(0,t.jsxs)("p",{className:"text-sm text-text-muted",children:["@",e.username," \xb7 ",e.role]})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-surface-alt text-text-muted",children:e.permissions?.join(", ")||"no perms"}),(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-primary/10 text-primary",children:function(e,s){let a=new Map(s.map(e=>[e.id,e.label])),t=d(e,p(s));if(0===t.length)return"No providers enabled";let r=t.map(e=>a.get(e)||e);return r.length<=2?r.join(", "):`${r.slice(0,2).join(", ")} +${r.length-2}`}(e,a)}),(0,t.jsx)("span",{className:"text-xs px-2 py-1 rounded-full bg-surface-alt text-text-muted",children:(l=new Set(d(s=e,p(r=a))),o=new Set(c(s)??x(s,r)),0===(i=r.filter(e=>l.has(e.id)).reduce((e,s)=>e+s.accounts.length,0))?"No accounts":`${o.size}/${i} accounts`)}),(0,t.jsx)("span",{className:`text-xs px-2 py-1 rounded-full ${!1!==e.showQuotaTracker?"bg-emerald-500/10 text-emerald-600":"bg-surface-alt text-text-muted"}`,children:!1!==e.showQuotaTracker?"Quota On":"Quota Off"}),(0,t.jsx)("span",{className:`text-xs px-2 py-1 rounded-full ${e.providerThinking?.codex?.fastMode===!0?"bg-orange-500/10 text-orange-600":"bg-surface-alt text-text-muted"}`,children:e.providerThinking?.codex?.fastMode===!0?"Fast On":"Fast Off"}),(0,t.jsx)(n.$n,{variant:"secondary",size:"sm",onClick:()=>{P(e),S({displayName:e.displayName,role:e.role,permissions:e.permissions||[],allowedProviders:d(e,p(a)),allowedProviderConnectionIds:c(e)??x(e,a),showQuotaTracker:!1!==e.showQuotaTracker,codexFastMode:e.providerThinking?.codex?.fastMode===!0,password:""})},children:"Edit"}),(0,t.jsx)(n.$n,{variant:"danger",size:"sm",onClick:()=>A(e),children:"Delete"})]})]},e.id)})}),v&&(0,t.jsx)(n.aF,{isOpen:v,title:"Create Sub-user",onClose:()=>w(!1),size:"full",children:(0,t.jsxs)("form",{onSubmit:$,className:"flex flex-col gap-4",children:[(0,t.jsx)(n.pd,{label:"Username",value:g.username,onChange:e=>b(s=>({...s,username:e.target.value})),required:!0}),(0,t.jsx)(n.pd,{label:"Display Name",value:g.displayName,onChange:e=>b(s=>({...s,displayName:e.target.value}))}),(0,t.jsx)(n.pd,{label:"Password",type:"password",value:g.password,onChange:e=>b(s=>({...s,password:e.target.value})),required:!0}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Permissions"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:O.map(e=>(0,t.jsxs)("label",{className:"flex items-center gap-1.5 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.permissions.includes(e),onChange:s=>b(a=>({...a,permissions:s.target.checked?[...a.permissions,e]:a.permissions.filter(s=>s!==e)}))}),e]},e))})]}),(0,t.jsx)(f,{providerOptions:a,selectedProviders:g.allowedProviders,selectedConnectionIds:g.allowedProviderConnectionIds,onToggle:e=>_(e,b),onToggleConnection:(e,s)=>E(e,s,b)}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.showQuotaTracker,onChange:e=>b(s=>({...s,showQuotaTracker:e.target.checked}))}),"Allow Quota Tracker for this sub-user"]}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:g.codexFastMode,onChange:e=>b(s=>({...s,codexFastMode:e.target.checked}))}),"Enable Codex Fast Mode for this sub-user"]}),N&&(0,t.jsx)("p",{className:"text-red-500 text-sm",children:N}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 mt-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",type:"button",onClick:()=>w(!1),children:"Cancel"}),(0,t.jsx)(n.$n,{type:"submit",loading:j,children:"Create"})]})]})}),k&&(0,t.jsx)(n.aF,{isOpen:!!k,title:`Edit ${k.username}`,onClose:()=>P(null),size:"full",children:(0,t.jsxs)("form",{onSubmit:F,className:"flex flex-col gap-4",children:[(0,t.jsx)(n.pd,{label:"Display Name",value:T.displayName,onChange:e=>S(s=>({...s,displayName:e.target.value}))}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Permissions"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:O.map(e=>(0,t.jsxs)("label",{className:"flex items-center gap-1.5 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.permissions.includes(e),onChange:s=>S(a=>({...a,permissions:s.target.checked?[...a.permissions,e]:a.permissions.filter(s=>s!==e)}))}),e]},e))})]}),(0,t.jsx)(f,{providerOptions:a,selectedProviders:T.allowedProviders,selectedConnectionIds:T.allowedProviderConnectionIds,onToggle:e=>_(e,S),onToggleConnection:(e,s)=>E(e,s,S)}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.showQuotaTracker,onChange:e=>S(s=>({...s,showQuotaTracker:e.target.checked}))}),"Allow Quota Tracker for this sub-user"]}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:T.codexFastMode,onChange:e=>S(s=>({...s,codexFastMode:e.target.checked}))}),"Enable Codex Fast Mode for this sub-user"]}),(0,t.jsx)(n.pd,{label:"New Password (leave blank to keep)",type:"password",value:T.password,onChange:e=>S(s=>({...s,password:e.target.value}))}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 mt-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",type:"button",onClick:()=>P(null),children:"Cancel"}),(0,t.jsx)(n.$n,{type:"submit",loading:j,children:"Save"})]})]})}),M&&(0,t.jsxs)(n.aF,{isOpen:!!M,title:"Delete User",onClose:()=>A(null),children:[(0,t.jsxs)("p",{className:"mb-4",children:["Delete user ",(0,t.jsx)("strong",{children:M.username}),"? This cannot be undone."]}),(0,t.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,t.jsx)(n.$n,{variant:"secondary",onClick:()=>A(null),children:"Cancel"}),(0,t.jsx)(n.$n,{variant:"danger",onClick:()=>Q(M.id),children:"Delete"})]})]})]})}function p(e){let s=e.filter(e=>e.defaultEnabled).map(e=>e.id),a=e.map(e=>e.id),t=o.filter(e=>a.includes(e));return s.length>0?s:t.length>0?t:a}function m(e){return e.flatMap(e=>e.accounts.map(e=>e.id))}function x(e,s){let a=new Set(d(e,p(s)));return s.filter(e=>a.has(e.id)).flatMap(e=>e.accounts.map(e=>e.id))}function h(e){return{codex:{fastMode:!0===e}}}function f({providerOptions:e,selectedProviders:s,selectedConnectionIds:a,onToggle:r,onToggleConnection:n}){let l=new Set(s),o=new Set(a);return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium mb-2",children:"Allowed Providers & Accounts"}),0===e.length?(0,t.jsx)("p",{className:"text-xs text-text-muted",children:"Connect providers first, then assign them to this sub-user."}):(0,t.jsx)("div",{className:"flex flex-col gap-3",children:e.map(e=>(0,t.jsxs)("div",{className:"rounded-lg border border-border bg-background p-3",children:[(0,t.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",checked:l.has(e.id),onChange:()=>r(e.id)}),e.label]}),e.accounts.length>0&&(0,t.jsx)("div",{className:"mt-2 grid gap-1.5 pl-6 sm:grid-cols-2",children:e.accounts.map(s=>(0,t.jsxs)("label",{className:"flex min-w-0 items-center gap-1.5 text-xs text-text-muted cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",disabled:!l.has(e.id),checked:l.has(e.id)&&o.has(s.id),onChange:()=>n(e.id,s.id)}),(0,t.jsx)("span",{className:"truncate",children:s.label}),!s.isActive&&(0,t.jsx)("span",{className:"shrink-0 text-[10px] text-amber-600",children:"inactive"})]},s.id))})]},e.id))}),(0,t.jsx)("p",{className:"text-xs text-text-muted mt-2",children:"Only selected providers and selected provider accounts will be visible and usable for this sub-user."})]})}},96672:(e,s,a)=>{Promise.resolve().then(a.bind(a,17169))}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=96672)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/basic-chat/{page-277c4575cca57177.js → page-e1bd21507327d2bc.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4465],{44320:(e,t,r)=>{Promise.resolve().then(r.bind(r,88512))},88512:(e,t,r)=>{"use strict";r.d(t,{default:()=>w});var a=r(95155),s=r(12115),i=r(35497),l=r(28777),n=r(52679);let o="basic-chat.sessions",d="basic-chat.activeSessionId",c="basic-chat.activeProviderId",m="basic-chat.draft";function u(){return globalThis.crypto?.randomUUID?globalThis.crypto.randomUUID():`chat_${Date.now()}_${Math.random().toString(16).slice(2)}`}function h(e,t){try{return JSON.parse(e)}catch{return t}}function p(e){if("string"==typeof e)return e;if(null==e)return"";if(Array.isArray(e))return e.map(p).filter(Boolean).join(" ");if("object"==typeof e){if("string"==typeof e.message)return e.message;if("string"==typeof e.error)return e.error;try{return JSON.stringify(e)}catch{}}return String(e)}function x(e=""){let t=p(e).replace(/\s+/g," ").trim();return t?t.length>52?`${t.slice(0,52).trimEnd()}…`:t:"New chat"}async function f(e){return await new Promise((t,r)=>{let a=new FileReader;a.onload=()=>t(String(a.result||"")),a.onerror=()=>r(a.error||Error("Failed to read file")),a.readAsDataURL(e)})}function g(e){return e?.name||function(e=""){return String(e).replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()||"Unknown"}(e?.provider||e?.id||"provider")}function w(){let[e,t]=(0,s.useState)([]),[r,w]=(0,s.useState)(!0),[b,v]=(0,s.useState)(""),[y,N]=(0,s.useState)(()=>{try{let e=h(globalThis.localStorage.getItem(o),[]);return Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]}catch{return[]}}),[j,S]=(0,s.useState)(()=>globalThis.localStorage.getItem(d)||""),[I,A]=(0,s.useState)(()=>globalThis.localStorage.getItem(c)||""),[k,D]=(0,s.useState)(""),[O,T]=(0,s.useState)(()=>globalThis.localStorage.getItem(m)||""),[$,_]=(0,s.useState)([]),[C,M]=(0,s.useState)(!1),[E,U]=(0,s.useState)(""),[R,z]=(0,s.useState)(""),[q,P]=(0,s.useState)(!1),[J,B]=(0,s.useState)(!1),[F,K]=(0,s.useState)(!1),L=(0,s.useRef)(null),W=(0,s.useRef)(null),H=(0,s.useRef)(!1),Y=(0,s.useRef)(null),G=(0,s.useRef)(null);(0,s.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{});try{let e=h(globalThis.localStorage.getItem(o),[]);N(Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]),S(globalThis.localStorage.getItem(d)||""),A(globalThis.localStorage.getItem(c)||""),T(globalThis.localStorage.getItem(m)||"")}catch{}finally{P(!0)}},[]),(0,s.useEffect)(()=>{let e=!1;return async function(){w(!0),v("");try{let r=await fetch("/api/providers",{cache:"no-store"}),a=await r.json().catch(()=>({})),s=Array.isArray(a.connections)?a.connections.filter(e=>e?.isActive!==!1):[];if(0===s.length){e||(t([]),v("No providers connected yet."));return}let i=new Map;for(let e of s){let t=e.provider||e.id,r=g(e),a=(0,n.mq)(t)?"openai-compatible":(0,n.gb)(t)?"anthropic-compatible":t;i.has(t)||i.set(t,{providerId:t,providerName:r,providerType:a,connections:[],models:[]});let s=i.get(t);s.providerName=s.providerName||r,s.providerType=s.providerType||a,s.connections.push(e);let o=(0,l.KC)(t).map(t=>t?.id?{id:`${e.provider}/${t.id}`,requestModel:`${e.provider}/${t.id}`,name:t.name||t.id,providerId:e.provider,providerName:g(e),source:"static"}:null).filter(Boolean);s.models.push(...o)}for(let e of(await Promise.all(s.map(async e=>{try{let t=await fetch(`/api/providers/${e.id}/models`,{cache:"no-store"}),r=await t.json().catch(()=>({}));if(!t.ok)return{connection:e,models:[]};let a=(Array.isArray(r?.models)?r.models:Array.isArray(r?.data)?r.data:Array.isArray(r?.results)?r.results:Array.isArray(r)?r:[]).map(t=>(function(e,t){let r="string"==typeof e?e:e?.id||e?.name||e?.model||"";if(!r)return null;let a="string"==typeof e?e:e?.name||e?.displayName||r,s=r;return((0,n.mq)(t.provider)||(0,n.gb)(t.provider))&&!r.includes("/")&&(s=`${t.provider}/${r}`),{id:s,requestModel:s,name:a,providerId:t.provider,providerName:g(t),source:"live"}})(t,e)).filter(Boolean);return{connection:e,models:a}}catch{return{connection:e,models:[]}}})))){let t=e.connection.provider||e.connection.id,r=i.get(t);r&&r.models.push(...e.models)}let o=Array.from(i.values()).map(e=>({...e,models:(function(e){let t=new Map;for(let r of e)r?.id&&(t.has(r.id)||t.set(r.id,r));return Array.from(t.values())})(e.models).sort((e,t)=>e.name.localeCompare(t.name))})).filter(e=>e.models.length>0).sort((e,t)=>e.providerName.localeCompare(t.providerName));e||(t(o),0===o.length&&v("Providers connected but no models available."))}catch(r){e||(v(p(r?.message)||"Failed to load providers/models."),t([]))}finally{e||w(!1)}}(),()=>{e=!0}},[]),(0,s.useEffect)(()=>{let e=e=>{Y.current&&!Y.current.contains(e.target)&&B(!1),G.current&&!G.current.contains(e.target)&&K(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let Q=(0,s.useMemo)(()=>{let t=new Map;for(let r of e)for(let e of r.models)t.set(e.id,{...e,providerId:r.providerId,providerName:r.providerName});return t},[e]),V=(0,s.useMemo)(()=>e.find(e=>e.providerId===I)||e[0]||null,[e,I]),X=(0,s.useMemo)(()=>{if(k&&Q.has(k))return Q.get(k);if(j){let e=y.find(e=>e.id===j);if(e?.modelId&&Q.has(e.modelId))return Q.get(e.modelId)}return V?.models?.[0]||null},[k,Q,V,y,j]),Z=(0,s.useMemo)(()=>y.find(e=>e.id===j)||null,[y,j]),ee=Z?.messages||[],et=(0,s.useMemo)(()=>[...y].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()),[y]),er=!C&&!!X&&(O.trim().length>0||$.length>0);(0,s.useEffect)(()=>{if(q)try{globalThis.localStorage.setItem(o,JSON.stringify(y)),globalThis.localStorage.setItem(d,j),globalThis.localStorage.setItem(c,I),globalThis.localStorage.setItem(m,O)}catch{}},[q,y,j,I,O]),(0,s.useEffect)(()=>{if(!q||r||H.current||0===e.length)return;let t=e.find(e=>e.providerId===I)||e[0],a=k&&Q.has(k)?Q.get(k):t.models[0];if(y.length>0){let e=y.find(e=>e.id===j)||y[0],r=e?.modelId&&Q.has(e.modelId)?Q.get(e.modelId):a;H.current=!0,S(e.id),A(r?.providerId||t.providerId),D(r?.id||a.id);return}let s={id:u(),title:"New chat",providerId:t.providerId,providerName:t.providerName,modelId:a.id,modelName:a.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]};H.current=!0,N([s]),S(s.id),A(t.providerId),D(a.id)},[q,r,e,Q,y,j,I,k]);let ea=(e,t)=>{N(r=>r.map(r=>r.id===e?t({...r,messages:Array.isArray(r.messages)?r.messages.map(e=>({...e})):[]}):r))},es=e=>e?{id:u(),title:"New chat",providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]}:null,ei=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;let r=t.filter(e=>e.type.startsWith("image/"));if(0===r.length){e.target.value="";return}let a=await Promise.all(r.map(async e=>({id:u(),name:e.name,type:e.type,size:e.size,dataUrl:await f(e)})));_(e=>[...e,...a]),e.target.value=""},el=async()=>{let e=X||V?.models?.[0]||null;if(!e)return;let t=O.trim();if(!t&&0===$.length)return;let r=j,a=y.find(e=>e.id===r);if(!a){if(!(a=es(e)))return;r=a.id,N(e=>[a,...e]),S(r)}let s={id:u(),role:"user",content:t,attachments:$.map(e=>({id:e.id,name:e.name,type:e.type,dataUrl:e.dataUrl})),createdAt:new Date().toISOString()},i=u(),l={id:i,role:"assistant",content:"",createdAt:new Date().toISOString(),status:"streaming"},n=[...a.messages||[],s,l];N(a=>a.map(a=>a.id===r?{...a,providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,messages:n,updatedAt:new Date().toISOString(),title:"New chat"===a.title?x(t):a.title}:a)),T(""),_([]),M(!0),U(i),z(""),W.current?.abort(),W.current=new AbortController;let o=n.filter(e=>"assistant"!==e.role||e.id!==i).map(e=>({role:e.role,content:"user"===e.role?function(e){let t=p(e.content).trim(),r=Array.isArray(e.attachments)?e.attachments:[];if(0===r.length)return t;let a=[];for(let e of(t&&a.push({type:"text",text:t}),r))e?.dataUrl&&a.push({type:"image_url",image_url:{url:e.dataUrl}});return a.length>0?a:t}(e):e.content}));try{var d;let a,s=await fetch("/api/dashboard/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({model:e.requestModel||e.id,messages:o,stream:!0}),signal:W.current.signal});if(!s.ok){let e=await s.json().catch(()=>({}));throw Error(p(e.error||e.message||`Request failed (${s.status})`))}let l=s.body?.getReader();if(!l){let e=await s.json().catch(()=>({})),t=p(e?.choices?.[0]?.message?.content||e?.output_text||e?.error||e?.message||"");ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:t,status:"done"}:e),updatedAt:new Date().toISOString()}));return}let n=new TextDecoder,c="",m="";for(;;){let{value:e,done:t}=await l.read();if(t)break;let a=(c+=n.decode(e,{stream:!0})).split(/\r?\n/);for(let e of(c=a.pop()||"",a)){let t=e.trim();if(!t.startsWith("data:"))continue;let a=t.slice(5).trim();if(a&&"[DONE]"!==a)try{let e=JSON.parse(a),t=function(e){if(!e||"object"!=typeof e)return"";let t=e.choices?.[0];return[(t?.delta||{}).content,t?.message?.content,e.output_text,e.text].map(p).filter(Boolean)[0]||""}(e);if(!t)continue;m+=t,z(m),ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m,status:"streaming"}:e),updatedAt:new Date().toISOString()}))}catch{}}}ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m||e.content,status:"done"}:e),updatedAt:new Date().toISOString()})),d=r,a=x(t),ea(d,e=>({...e,title:"New chat"===e.title?a:e.title,updatedAt:new Date().toISOString()}))}catch(e){if("AbortError"!==e.name){let t=p(e?.message||e);ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:e.content||`Error: ${t}`,status:"error"}:e),updatedAt:new Date().toISOString()})),v(t||"Failed to send message.")}}finally{M(!1),U(""),z(""),W.current=null}},en=X?`${X.name}`:"Select model",eo=X?X.requestModel:"Choose from connected providers";return(0,a.jsx)("div",{className:"relative flex-1 flex flex-col h-full min-h-0 min-w-0 bg-[#212121] text-white overflow-hidden",children:(0,a.jsxs)("div",{className:"relative mx-auto flex flex-1 h-full min-h-0 w-full max-w-4xl flex-col",children:[(0,a.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-3 px-4 py-3 lg:px-6",children:[(0,a.jsxs)("div",{ref:Y,className:"relative",children:[(0,a.jsx)("button",{type:"button",onClick:()=>B(e=>!e),className:"flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-left transition hover:bg-white/8",children:(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm font-semibold text-white",children:en}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-white/70",children:"expand_more"})]}),(0,a.jsx)("p",{className:"truncate text-xs text-white/55",children:eo})]})}),J?(0,a.jsxs)("div",{className:"absolute left-0 top-[calc(100%+10px)] z-30 w-[min(520px,calc(100vw-2rem))] overflow-hidden rounded-[20px] border border-white/10 bg-[#262626] shadow-2xl shadow-black/50",children:[(0,a.jsxs)("div",{className:"border-b border-white/10 px-4 py-3",children:[(0,a.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Models"}),(0,a.jsx)("p",{className:"text-sm text-white/75",children:"Only from connected providers"})]}),(0,a.jsx)("div",{className:"max-h-[60vh] overflow-y-auto p-2 custom-scrollbar",children:e.map(e=>(0,a.jsxs)("div",{className:"mb-2 rounded-[16px] border border-white/10 bg-black/20 p-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-2 py-2",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-white",children:e.providerName}),(0,a.jsx)(i.Ex,{size:"sm",variant:"default",children:e.models.length})]}),(0,a.jsx)("div",{className:"grid gap-2 sm:grid-cols-2",children:e.models.map(e=>{let t=e.id===k;return(0,a.jsx)("button",{type:"button",onClick:()=>(e=>{let t=Q.get(e);if(!t)return;let r=y.find(e=>e.id===j);if(r&&r.messages.length>0){let e=es(t);if(!e)return;N(t=>[e,...t]),S(e.id)}else if(r)N(e=>e.map(e=>e.id===r.id?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name}:e)),S(r.id);else{let e=es(t);if(!e)return;N(t=>[e,...t]),S(e.id)}A(t.providerId),D(t.id),B(!1)})(e.id),className:`rounded-[14px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.name}),(0,a.jsx)("p",{className:"truncate text-[11px] text-white/45",children:e.requestModel})]}),t?(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-blue-300",children:"check_circle"}):null]})},e.id)})})]},e.providerId))})]}):null]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{type:"button",onClick:()=>K(e=>!e),className:"rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white/80 transition hover:bg-white/8",children:"History"}),(0,a.jsx)(i.$n,{variant:"ghost",size:"sm",icon:"delete",onClick:()=>{if(!j)return;let e=y.filter(e=>e.id!==j),t=e[0]||null;N(e),t?(S(t.id),A(t.providerId),D(t.modelId)):(S(""),A(""),D(""))},disabled:!j||0===y.length,children:"Clear"})]})]}),F?(0,a.jsxs)("div",{ref:G,className:"absolute right-4 top-[72px] z-20 w-[min(360px,calc(100vw-2rem))] rounded-[20px] border border-white/10 bg-[#262626] p-2 shadow-2xl shadow-black/50 lg:right-6",children:[(0,a.jsx)("div",{className:"px-3 py-2",children:(0,a.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Recent chats"})}),(0,a.jsx)("div",{className:"max-h-[48vh] space-y-2 overflow-y-auto p-1 custom-scrollbar",children:0===et.length?(0,a.jsx)("div",{className:"rounded-[16px] border border-dashed border-white/10 bg-white/5 p-4 text-sm text-white/55",children:"No conversations yet."}):et.map(e=>{let t=e.id===j,r=[...e.messages||[]].reverse().find(e=>"user"===e.role)||e.messages?.[0];return(0,a.jsx)("button",{type:"button",onClick:()=>{var t;let r;return t=e.id,void((r=y.find(e=>e.id===t))&&(S(t),A(r.providerId||I),D(r.modelId||k),K(!1)))},className:`w-full rounded-[16px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.title}),(0,a.jsx)("p",{className:"mt-1 truncate text-xs text-white/50",children:p(r?.content)||"Empty chat"})]}),(0,a.jsx)("span",{className:"text-[10px] text-white/40 shrink-0",children:function(e){if(!e)return"Now";let t=new Date(e).getTime();if(Number.isNaN(t))return"Now";let r=Math.max(1,Math.round((Date.now()-t)/6e4));if(r<60)return`${r}m`;let a=Math.round(r/60);return a<24?`${a}h`:`${Math.round(a/24)}d`}(e.updatedAt)})]})},e.id)})})]}):null,b?(0,a.jsx)("div",{className:"mt-4 rounded-[18px] border border-rose-500/20 bg-rose-500/10 px-4 py-3 text-rose-100",children:(0,a.jsxs)("div",{className:"flex items-start gap-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"error"}),(0,a.jsx)("p",{className:"text-sm leading-6",children:b})]})}):null,(0,a.jsxs)("div",{className:"flex flex-1 flex-col min-h-0",children:[(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto py-4 custom-scrollbar",children:[0===ee.length?(0,a.jsx)("div",{className:"flex min-h-[50vh] items-center justify-center px-4 text-center",children:(0,a.jsxs)("div",{className:"max-w-xl space-y-4",children:[(0,a.jsx)("div",{className:"mx-auto flex size-16 items-center justify-center rounded-[20px] border border-white/10 bg-white/5 text-white/80",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[30px]",children:"chat"})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h2",{className:"text-2xl font-semibold text-white",children:"Start a conversation"}),(0,a.jsx)("p",{className:"text-sm leading-6 text-white/60",children:"Simple chat interface to interact with any AI model from connected providers. Select a model and start chatting!"})]})]})}):null,(0,a.jsx)("div",{className:"mx-auto flex w-full max-w-3xl flex-col gap-4 px-4",children:ee.map(e=>{let t="user"===e.role,r="assistant"===e.role,s=r&&e.id===E&&"streaming"===e.status,i=p(e.content)||(r?R:"");return(0,a.jsx)("div",{className:`flex w-full ${t?"justify-end":"justify-start"} mb-6`,children:(0,a.jsxs)("div",{className:`max-w-[min(88%,42rem)] ${t?"rounded-3xl bg-[#2f2f2f] px-5 py-3.5 text-white":"text-white/90"}`,children:[(0,a.jsx)("div",{className:"mb-1 flex items-center justify-between gap-3",children:(0,a.jsx)("span",{className:"text-xs font-semibold",children:t?"You":X?.name||"Assistant"})}),e.attachments?.length?(0,a.jsx)("div",{className:"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 mt-2",children:e.attachments.map(e=>(0,a.jsx)("a",{href:e.dataUrl,target:"_blank",rel:"noreferrer",className:"overflow-hidden rounded-[18px] border border-white/10 bg-black/20",children:(0,a.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover"})},e.id))}):null,(0,a.jsxs)("div",{className:"whitespace-pre-wrap break-words text-[15px] leading-7",children:[i,r&&s&&!R?(0,a.jsx)("span",{className:"inline-block animate-pulse",children:"▋"}):null]})]})},e.id)})})]}),(0,a.jsxs)("div",{className:"shrink-0 pt-2",children:[$.length>0?(0,a.jsx)("div",{className:"mx-auto mb-3 flex w-full max-w-3xl flex-wrap gap-2 px-4",children:$.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-2",children:[(0,a.jsx)("span",{className:"text-xs text-white/80 max-w-[12rem] truncate",children:e.name}),(0,a.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void _(e=>e.filter(e=>e.id!==t))},className:"text-white/55 hover:text-white","aria-label":"Remove attachment",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]},e.id))}):null,(0,a.jsx)("div",{className:"mx-auto w-full max-w-3xl px-4 pb-2",children:(0,a.jsxs)("div",{className:"rounded-[26px] bg-[#2f2f2f] px-3 pt-3 pb-2 shadow-[0_0_15px_rgba(0,0,0,0.10)] ring-1 ring-white/5",children:[(0,a.jsx)("textarea",{value:O,onChange:e=>T(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),er&&el())},placeholder:"Message AI",rows:1,className:"w-full resize-none bg-transparent px-2 text-[15px] leading-6 text-white outline-none placeholder:text-white/40 custom-scrollbar max-h-[25vh] overflow-y-auto"}),(0,a.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{type:"button",onClick:()=>L.current?.click(),disabled:!X||r,className:"p-2 text-white/50 hover:text-white transition rounded-full hover:bg-white/5",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"attach_file"})}),(0,a.jsx)("input",{ref:L,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:ei}),(0,a.jsx)("span",{className:"text-xs font-medium text-white/30 truncate max-w-[120px]",children:X?X.name:"No model"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[C?(0,a.jsx)("button",{type:"button",onClick:()=>{W.current?.abort()},className:"p-2 text-white bg-white/10 hover:bg-white/20 transition rounded-full h-8 w-8 flex items-center justify-center",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"stop"})}):null,(0,a.jsx)("button",{onClick:el,disabled:!er,className:`h-8 w-8 rounded-full flex items-center justify-center transition ${er?"bg-white text-black hover:opacity-90":"bg-white/10 text-white/30 cursor-not-allowed"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_upward"})})]})]})]})})]}),(0,a.jsx)("p",{className:"mx-auto mt-2 max-w-3xl px-4 pb-4 text-center text-[11px] text-white/30",children:"Model list is filtered from connected providers."})]})]})})}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=44320)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4465],{41363:(e,t,r)=>{Promise.resolve().then(r.bind(r,88512))},88512:(e,t,r)=>{"use strict";r.d(t,{default:()=>w});var a=r(95155),s=r(12115),i=r(35497),l=r(28777),n=r(52679);let o="basic-chat.sessions",d="basic-chat.activeSessionId",c="basic-chat.activeProviderId",m="basic-chat.draft";function u(){return globalThis.crypto?.randomUUID?globalThis.crypto.randomUUID():`chat_${Date.now()}_${Math.random().toString(16).slice(2)}`}function h(e,t){try{return JSON.parse(e)}catch{return t}}function p(e){if("string"==typeof e)return e;if(null==e)return"";if(Array.isArray(e))return e.map(p).filter(Boolean).join(" ");if("object"==typeof e){if("string"==typeof e.message)return e.message;if("string"==typeof e.error)return e.error;try{return JSON.stringify(e)}catch{}}return String(e)}function x(e=""){let t=p(e).replace(/\s+/g," ").trim();return t?t.length>52?`${t.slice(0,52).trimEnd()}…`:t:"New chat"}async function f(e){return await new Promise((t,r)=>{let a=new FileReader;a.onload=()=>t(String(a.result||"")),a.onerror=()=>r(a.error||Error("Failed to read file")),a.readAsDataURL(e)})}function g(e){return e?.name||function(e=""){return String(e).replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()||"Unknown"}(e?.provider||e?.id||"provider")}function w(){let[e,t]=(0,s.useState)([]),[r,w]=(0,s.useState)(!0),[b,v]=(0,s.useState)(""),[y,N]=(0,s.useState)(()=>{try{let e=h(globalThis.localStorage.getItem(o),[]);return Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]}catch{return[]}}),[j,S]=(0,s.useState)(()=>globalThis.localStorage.getItem(d)||""),[I,A]=(0,s.useState)(()=>globalThis.localStorage.getItem(c)||""),[k,D]=(0,s.useState)(""),[O,T]=(0,s.useState)(()=>globalThis.localStorage.getItem(m)||""),[$,_]=(0,s.useState)([]),[C,M]=(0,s.useState)(!1),[E,U]=(0,s.useState)(""),[R,z]=(0,s.useState)(""),[q,P]=(0,s.useState)(!1),[J,B]=(0,s.useState)(!1),[F,K]=(0,s.useState)(!1),L=(0,s.useRef)(null),W=(0,s.useRef)(null),H=(0,s.useRef)(!1),Y=(0,s.useRef)(null),G=(0,s.useRef)(null);(0,s.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{});try{let e=h(globalThis.localStorage.getItem(o),[]);N(Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]),S(globalThis.localStorage.getItem(d)||""),A(globalThis.localStorage.getItem(c)||""),T(globalThis.localStorage.getItem(m)||"")}catch{}finally{P(!0)}},[]),(0,s.useEffect)(()=>{let e=!1;return async function(){w(!0),v("");try{let r=await fetch("/api/providers",{cache:"no-store"}),a=await r.json().catch(()=>({})),s=Array.isArray(a.connections)?a.connections.filter(e=>e?.isActive!==!1):[];if(0===s.length){e||(t([]),v("No providers connected yet."));return}let i=new Map;for(let e of s){let t=e.provider||e.id,r=g(e),a=(0,n.mq)(t)?"openai-compatible":(0,n.gb)(t)?"anthropic-compatible":t;i.has(t)||i.set(t,{providerId:t,providerName:r,providerType:a,connections:[],models:[]});let s=i.get(t);s.providerName=s.providerName||r,s.providerType=s.providerType||a,s.connections.push(e);let o=(0,l.KC)(t).map(t=>t?.id?{id:`${e.provider}/${t.id}`,requestModel:`${e.provider}/${t.id}`,name:t.name||t.id,providerId:e.provider,providerName:g(e),source:"static"}:null).filter(Boolean);s.models.push(...o)}for(let e of(await Promise.all(s.map(async e=>{try{let t=await fetch(`/api/providers/${e.id}/models`,{cache:"no-store"}),r=await t.json().catch(()=>({}));if(!t.ok)return{connection:e,models:[]};let a=(Array.isArray(r?.models)?r.models:Array.isArray(r?.data)?r.data:Array.isArray(r?.results)?r.results:Array.isArray(r)?r:[]).map(t=>(function(e,t){let r="string"==typeof e?e:e?.id||e?.name||e?.model||"";if(!r)return null;let a="string"==typeof e?e:e?.name||e?.displayName||r,s=r;return((0,n.mq)(t.provider)||(0,n.gb)(t.provider))&&!r.includes("/")&&(s=`${t.provider}/${r}`),{id:s,requestModel:s,name:a,providerId:t.provider,providerName:g(t),source:"live"}})(t,e)).filter(Boolean);return{connection:e,models:a}}catch{return{connection:e,models:[]}}})))){let t=e.connection.provider||e.connection.id,r=i.get(t);r&&r.models.push(...e.models)}let o=Array.from(i.values()).map(e=>({...e,models:(function(e){let t=new Map;for(let r of e)r?.id&&(t.has(r.id)||t.set(r.id,r));return Array.from(t.values())})(e.models).sort((e,t)=>e.name.localeCompare(t.name))})).filter(e=>e.models.length>0).sort((e,t)=>e.providerName.localeCompare(t.providerName));e||(t(o),0===o.length&&v("Providers connected but no models available."))}catch(r){e||(v(p(r?.message)||"Failed to load providers/models."),t([]))}finally{e||w(!1)}}(),()=>{e=!0}},[]),(0,s.useEffect)(()=>{let e=e=>{Y.current&&!Y.current.contains(e.target)&&B(!1),G.current&&!G.current.contains(e.target)&&K(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let Q=(0,s.useMemo)(()=>{let t=new Map;for(let r of e)for(let e of r.models)t.set(e.id,{...e,providerId:r.providerId,providerName:r.providerName});return t},[e]),V=(0,s.useMemo)(()=>e.find(e=>e.providerId===I)||e[0]||null,[e,I]),X=(0,s.useMemo)(()=>{if(k&&Q.has(k))return Q.get(k);if(j){let e=y.find(e=>e.id===j);if(e?.modelId&&Q.has(e.modelId))return Q.get(e.modelId)}return V?.models?.[0]||null},[k,Q,V,y,j]),Z=(0,s.useMemo)(()=>y.find(e=>e.id===j)||null,[y,j]),ee=Z?.messages||[],et=(0,s.useMemo)(()=>[...y].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()),[y]),er=!C&&!!X&&(O.trim().length>0||$.length>0);(0,s.useEffect)(()=>{if(q)try{globalThis.localStorage.setItem(o,JSON.stringify(y)),globalThis.localStorage.setItem(d,j),globalThis.localStorage.setItem(c,I),globalThis.localStorage.setItem(m,O)}catch{}},[q,y,j,I,O]),(0,s.useEffect)(()=>{if(!q||r||H.current||0===e.length)return;let t=e.find(e=>e.providerId===I)||e[0],a=k&&Q.has(k)?Q.get(k):t.models[0];if(y.length>0){let e=y.find(e=>e.id===j)||y[0],r=e?.modelId&&Q.has(e.modelId)?Q.get(e.modelId):a;H.current=!0,S(e.id),A(r?.providerId||t.providerId),D(r?.id||a.id);return}let s={id:u(),title:"New chat",providerId:t.providerId,providerName:t.providerName,modelId:a.id,modelName:a.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]};H.current=!0,N([s]),S(s.id),A(t.providerId),D(a.id)},[q,r,e,Q,y,j,I,k]);let ea=(e,t)=>{N(r=>r.map(r=>r.id===e?t({...r,messages:Array.isArray(r.messages)?r.messages.map(e=>({...e})):[]}):r))},es=e=>e?{id:u(),title:"New chat",providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]}:null,ei=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;let r=t.filter(e=>e.type.startsWith("image/"));if(0===r.length){e.target.value="";return}let a=await Promise.all(r.map(async e=>({id:u(),name:e.name,type:e.type,size:e.size,dataUrl:await f(e)})));_(e=>[...e,...a]),e.target.value=""},el=async()=>{let e=X||V?.models?.[0]||null;if(!e)return;let t=O.trim();if(!t&&0===$.length)return;let r=j,a=y.find(e=>e.id===r);if(!a){if(!(a=es(e)))return;r=a.id,N(e=>[a,...e]),S(r)}let s={id:u(),role:"user",content:t,attachments:$.map(e=>({id:e.id,name:e.name,type:e.type,dataUrl:e.dataUrl})),createdAt:new Date().toISOString()},i=u(),l={id:i,role:"assistant",content:"",createdAt:new Date().toISOString(),status:"streaming"},n=[...a.messages||[],s,l];N(a=>a.map(a=>a.id===r?{...a,providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,messages:n,updatedAt:new Date().toISOString(),title:"New chat"===a.title?x(t):a.title}:a)),T(""),_([]),M(!0),U(i),z(""),W.current?.abort(),W.current=new AbortController;let o=n.filter(e=>"assistant"!==e.role||e.id!==i).map(e=>({role:e.role,content:"user"===e.role?function(e){let t=p(e.content).trim(),r=Array.isArray(e.attachments)?e.attachments:[];if(0===r.length)return t;let a=[];for(let e of(t&&a.push({type:"text",text:t}),r))e?.dataUrl&&a.push({type:"image_url",image_url:{url:e.dataUrl}});return a.length>0?a:t}(e):e.content}));try{var d;let a,s=await fetch("/api/dashboard/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({model:e.requestModel||e.id,messages:o,stream:!0}),signal:W.current.signal});if(!s.ok){let e=await s.json().catch(()=>({}));throw Error(p(e.error||e.message||`Request failed (${s.status})`))}let l=s.body?.getReader();if(!l){let e=await s.json().catch(()=>({})),t=p(e?.choices?.[0]?.message?.content||e?.output_text||e?.error||e?.message||"");ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:t,status:"done"}:e),updatedAt:new Date().toISOString()}));return}let n=new TextDecoder,c="",m="";for(;;){let{value:e,done:t}=await l.read();if(t)break;let a=(c+=n.decode(e,{stream:!0})).split(/\r?\n/);for(let e of(c=a.pop()||"",a)){let t=e.trim();if(!t.startsWith("data:"))continue;let a=t.slice(5).trim();if(a&&"[DONE]"!==a)try{let e=JSON.parse(a),t=function(e){if(!e||"object"!=typeof e)return"";let t=e.choices?.[0];return[(t?.delta||{}).content,t?.message?.content,e.output_text,e.text].map(p).filter(Boolean)[0]||""}(e);if(!t)continue;m+=t,z(m),ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m,status:"streaming"}:e),updatedAt:new Date().toISOString()}))}catch{}}}ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m||e.content,status:"done"}:e),updatedAt:new Date().toISOString()})),d=r,a=x(t),ea(d,e=>({...e,title:"New chat"===e.title?a:e.title,updatedAt:new Date().toISOString()}))}catch(e){if("AbortError"!==e.name){let t=p(e?.message||e);ea(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:e.content||`Error: ${t}`,status:"error"}:e),updatedAt:new Date().toISOString()})),v(t||"Failed to send message.")}}finally{M(!1),U(""),z(""),W.current=null}},en=X?`${X.name}`:"Select model",eo=X?X.requestModel:"Choose from connected providers";return(0,a.jsx)("div",{className:"relative flex-1 flex flex-col h-full min-h-0 min-w-0 bg-[#212121] text-white overflow-hidden",children:(0,a.jsxs)("div",{className:"relative mx-auto flex flex-1 h-full min-h-0 w-full max-w-4xl flex-col",children:[(0,a.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-3 px-4 py-3 lg:px-6",children:[(0,a.jsxs)("div",{ref:Y,className:"relative",children:[(0,a.jsx)("button",{type:"button",onClick:()=>B(e=>!e),className:"flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-left transition hover:bg-white/8",children:(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm font-semibold text-white",children:en}),(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-white/70",children:"expand_more"})]}),(0,a.jsx)("p",{className:"truncate text-xs text-white/55",children:eo})]})}),J?(0,a.jsxs)("div",{className:"absolute left-0 top-[calc(100%+10px)] z-30 w-[min(520px,calc(100vw-2rem))] overflow-hidden rounded-[20px] border border-white/10 bg-[#262626] shadow-2xl shadow-black/50",children:[(0,a.jsxs)("div",{className:"border-b border-white/10 px-4 py-3",children:[(0,a.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Models"}),(0,a.jsx)("p",{className:"text-sm text-white/75",children:"Only from connected providers"})]}),(0,a.jsx)("div",{className:"max-h-[60vh] overflow-y-auto p-2 custom-scrollbar",children:e.map(e=>(0,a.jsxs)("div",{className:"mb-2 rounded-[16px] border border-white/10 bg-black/20 p-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-2 py-2",children:[(0,a.jsx)("p",{className:"text-sm font-semibold text-white",children:e.providerName}),(0,a.jsx)(i.Ex,{size:"sm",variant:"default",children:e.models.length})]}),(0,a.jsx)("div",{className:"grid gap-2 sm:grid-cols-2",children:e.models.map(e=>{let t=e.id===k;return(0,a.jsx)("button",{type:"button",onClick:()=>(e=>{let t=Q.get(e);if(!t)return;let r=y.find(e=>e.id===j);if(r&&r.messages.length>0){let e=es(t);if(!e)return;N(t=>[e,...t]),S(e.id)}else if(r)N(e=>e.map(e=>e.id===r.id?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name}:e)),S(r.id);else{let e=es(t);if(!e)return;N(t=>[e,...t]),S(e.id)}A(t.providerId),D(t.id),B(!1)})(e.id),className:`rounded-[14px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.name}),(0,a.jsx)("p",{className:"truncate text-[11px] text-white/45",children:e.requestModel})]}),t?(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-blue-300",children:"check_circle"}):null]})},e.id)})})]},e.providerId))})]}):null]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{type:"button",onClick:()=>K(e=>!e),className:"rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white/80 transition hover:bg-white/8",children:"History"}),(0,a.jsx)(i.$n,{variant:"ghost",size:"sm",icon:"delete",onClick:()=>{if(!j)return;let e=y.filter(e=>e.id!==j),t=e[0]||null;N(e),t?(S(t.id),A(t.providerId),D(t.modelId)):(S(""),A(""),D(""))},disabled:!j||0===y.length,children:"Clear"})]})]}),F?(0,a.jsxs)("div",{ref:G,className:"absolute right-4 top-[72px] z-20 w-[min(360px,calc(100vw-2rem))] rounded-[20px] border border-white/10 bg-[#262626] p-2 shadow-2xl shadow-black/50 lg:right-6",children:[(0,a.jsx)("div",{className:"px-3 py-2",children:(0,a.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Recent chats"})}),(0,a.jsx)("div",{className:"max-h-[48vh] space-y-2 overflow-y-auto p-1 custom-scrollbar",children:0===et.length?(0,a.jsx)("div",{className:"rounded-[16px] border border-dashed border-white/10 bg-white/5 p-4 text-sm text-white/55",children:"No conversations yet."}):et.map(e=>{let t=e.id===j,r=[...e.messages||[]].reverse().find(e=>"user"===e.role)||e.messages?.[0];return(0,a.jsx)("button",{type:"button",onClick:()=>{var t;let r;return t=e.id,void((r=y.find(e=>e.id===t))&&(S(t),A(r.providerId||I),D(r.modelId||k),K(!1)))},className:`w-full rounded-[16px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.title}),(0,a.jsx)("p",{className:"mt-1 truncate text-xs text-white/50",children:p(r?.content)||"Empty chat"})]}),(0,a.jsx)("span",{className:"text-[10px] text-white/40 shrink-0",children:function(e){if(!e)return"Now";let t=new Date(e).getTime();if(Number.isNaN(t))return"Now";let r=Math.max(1,Math.round((Date.now()-t)/6e4));if(r<60)return`${r}m`;let a=Math.round(r/60);return a<24?`${a}h`:`${Math.round(a/24)}d`}(e.updatedAt)})]})},e.id)})})]}):null,b?(0,a.jsx)("div",{className:"mt-4 rounded-[18px] border border-rose-500/20 bg-rose-500/10 px-4 py-3 text-rose-100",children:(0,a.jsxs)("div",{className:"flex items-start gap-3",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"error"}),(0,a.jsx)("p",{className:"text-sm leading-6",children:b})]})}):null,(0,a.jsxs)("div",{className:"flex flex-1 flex-col min-h-0",children:[(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto py-4 custom-scrollbar",children:[0===ee.length?(0,a.jsx)("div",{className:"flex min-h-[50vh] items-center justify-center px-4 text-center",children:(0,a.jsxs)("div",{className:"max-w-xl space-y-4",children:[(0,a.jsx)("div",{className:"mx-auto flex size-16 items-center justify-center rounded-[20px] border border-white/10 bg-white/5 text-white/80",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[30px]",children:"chat"})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h2",{className:"text-2xl font-semibold text-white",children:"Start a conversation"}),(0,a.jsx)("p",{className:"text-sm leading-6 text-white/60",children:"Simple chat interface to interact with any AI model from connected providers. Select a model and start chatting!"})]})]})}):null,(0,a.jsx)("div",{className:"mx-auto flex w-full max-w-3xl flex-col gap-4 px-4",children:ee.map(e=>{let t="user"===e.role,r="assistant"===e.role,s=r&&e.id===E&&"streaming"===e.status,i=p(e.content)||(r?R:"");return(0,a.jsx)("div",{className:`flex w-full ${t?"justify-end":"justify-start"} mb-6`,children:(0,a.jsxs)("div",{className:`max-w-[min(88%,42rem)] ${t?"rounded-3xl bg-[#2f2f2f] px-5 py-3.5 text-white":"text-white/90"}`,children:[(0,a.jsx)("div",{className:"mb-1 flex items-center justify-between gap-3",children:(0,a.jsx)("span",{className:"text-xs font-semibold",children:t?"You":X?.name||"Assistant"})}),e.attachments?.length?(0,a.jsx)("div",{className:"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 mt-2",children:e.attachments.map(e=>(0,a.jsx)("a",{href:e.dataUrl,target:"_blank",rel:"noreferrer",className:"overflow-hidden rounded-[18px] border border-white/10 bg-black/20",children:(0,a.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover"})},e.id))}):null,(0,a.jsxs)("div",{className:"whitespace-pre-wrap break-words text-[15px] leading-7",children:[i,r&&s&&!R?(0,a.jsx)("span",{className:"inline-block animate-pulse",children:"▋"}):null]})]})},e.id)})})]}),(0,a.jsxs)("div",{className:"shrink-0 pt-2",children:[$.length>0?(0,a.jsx)("div",{className:"mx-auto mb-3 flex w-full max-w-3xl flex-wrap gap-2 px-4",children:$.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-2",children:[(0,a.jsx)("span",{className:"text-xs text-white/80 max-w-[12rem] truncate",children:e.name}),(0,a.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void _(e=>e.filter(e=>e.id!==t))},className:"text-white/55 hover:text-white","aria-label":"Remove attachment",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]},e.id))}):null,(0,a.jsx)("div",{className:"mx-auto w-full max-w-3xl px-4 pb-2",children:(0,a.jsxs)("div",{className:"rounded-[26px] bg-[#2f2f2f] px-3 pt-3 pb-2 shadow-[0_0_15px_rgba(0,0,0,0.10)] ring-1 ring-white/5",children:[(0,a.jsx)("textarea",{value:O,onChange:e=>T(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),er&&el())},placeholder:"Message AI",rows:1,className:"w-full resize-none bg-transparent px-2 text-[15px] leading-6 text-white outline-none placeholder:text-white/40 custom-scrollbar max-h-[25vh] overflow-y-auto"}),(0,a.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("button",{type:"button",onClick:()=>L.current?.click(),disabled:!X||r,className:"p-2 text-white/50 hover:text-white transition rounded-full hover:bg-white/5",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"attach_file"})}),(0,a.jsx)("input",{ref:L,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:ei}),(0,a.jsx)("span",{className:"text-xs font-medium text-white/30 truncate max-w-[120px]",children:X?X.name:"No model"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[C?(0,a.jsx)("button",{type:"button",onClick:()=>{W.current?.abort()},className:"p-2 text-white bg-white/10 hover:bg-white/20 transition rounded-full h-8 w-8 flex items-center justify-center",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"stop"})}):null,(0,a.jsx)("button",{onClick:el,disabled:!er,className:`h-8 w-8 rounded-full flex items-center justify-center transition ${er?"bg-white text-black hover:opacity-90":"bg-white/10 text-white/30 cursor-not-allowed"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_upward"})})]})]})]})})]}),(0,a.jsx)("p",{className:"mx-auto mt-2 max-w-3xl px-4 pb-4 text-center text-[11px] text-white/30",children:"Model list is filtered from connected providers."})]})]})})}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=41363)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/cli-tools/{page-1a36c238dc35c08e.js → page-211e322f002d5464.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2326],{70792:(e,t,a)=>{Promise.resolve().then(a.bind(a,75228))},75228:(e,t,a)=>{"use strict";a.d(t,{default:()=>x});var s=a(95155),l=a(12115),i=a(98500),r=a.n(i),n=a(35497),o=a(3534),c=a(28777),d=a(70151);let u=a(41463).env.NEXT_PUBLIC_CLOUD_URL;function x({machineId:e}){let t,a,i,[h,v]=(0,l.useState)([]),[p,m]=(0,l.useState)(!0),[f,b]=(0,l.useState)(null),[g,j]=(0,l.useState)({}),[E,S]=(0,l.useState)(!1),[y,w]=(0,l.useState)(!1),[P,N]=(0,l.useState)(""),[k,_]=(0,l.useState)(!1),[C,U]=(0,l.useState)(""),[A,M]=(0,l.useState)([]),[O,I]=(0,l.useState)({}),[T,L]=(0,l.useState)(null),[Q,$]=(0,l.useState)(!1);(0,l.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{L(e.role||null)}).catch(()=>{}).finally(()=>$(!0)),Z(),D(),R(),X()},[]);let X=async()=>{try{let e=await fetch("/api/cli-tools/all-statuses");e.ok&&I(await e.json())}catch(e){console.log("Error fetching tool statuses:",e)}},D=async()=>{try{let[e,t]=await Promise.all([fetch("/api/settings"),fetch("/api/tunnel/status")]);if(e.ok){let t=await e.json();S(t.cloudEnabled||!1)}if(t.ok){let e=await t.json();w(!!(e.tunnel?.enabled||e.tunnel?.settingsEnabled)),N(e.tunnel?.publicUrl||""),_(!!(e.tailscale?.enabled||e.tailscale?.settingsEnabled)),U(e.tailscale?.tunnelUrl||"")}}catch(e){console.log("Error loading settings:",e)}},R=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let t=await e.json();M(t.keys||[])}}catch(e){console.log("Error fetching API keys:",e)}},Z=async()=>{try{let e=await fetch("/api/providers"),t=await e.json();e.ok&&v(t.connections||[])}catch(e){console.log("Error fetching connections:",e)}finally{m(!1)}};(0,l.useEffect)(()=>{Z(),D(),R(),X()},[]);let q=()=>h.filter(e=>!1!==e.isActive),B=(0,l.useCallback)((e,t,a)=>{j(s=>s[e]?.[t]===a?s:{...s,[e]:{...s[e],[t]:a}})},[]);if(p)return(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(n.Qv,{}),(0,s.jsx)(n.Qv,{}),(0,s.jsx)(n.Qv,{})]});let F=(t=q(),a=[],i=new Set,t.forEach(e=>{let t=c.Xg[e.provider]||e.provider;(0,c.KC)(e.provider).forEach(s=>{let l=`${t}/${s.id}`;i.has(l)||(i.add(l),a.push({value:l,label:`${t}/${s.id}`,provider:e.provider,alias:t,connectionName:e.name,modelId:s.id}))})}),a).length>0,G=Q&&"sub_user"===T,K=Object.entries(o.dM),Y=G?[]:Object.entries(o.wn);return(0,s.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-6 px-1 sm:px-0",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[G&&(0,s.jsx)("div",{className:"flex items-center",children:(0,s.jsxs)(r(),{href:"/dashboard",className:"inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main transition-colors hover:border-primary hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"dashboard"}),(0,s.jsx)("span",{children:"Dashboard"})]})}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("h1",{className:"text-xl font-semibold text-text-main sm:text-2xl",children:"CLI Tools"}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Configure local coding tools to use your openrouterX providers."})]})]}),(0,s.jsx)("div",{className:"grid gap-3 sm:gap-4",children:K.map(([e,t])=>((e,t)=>{let a={tool:t,isExpanded:f===e,onToggle:()=>b(f===e?null:e),baseUrl:y&&P?P:E&&u?u:window.location.origin,apiKeys:A,manualOnly:G};switch(e){case"claude":return(0,s.jsx)(d.Tk,{...a,activeProviders:q(),modelMappings:g[e]||{},onModelMappingChange:(t,a)=>B(e,t,a),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.claude},e);case"codex":return(0,s.jsx)(d.Ah,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.codex},e);case"opencode":return(0,s.jsx)(d.qO,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.opencode},e);case"cowork":return(0,s.jsx)(d.Q6,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,cloudUrl:u,tunnelEnabled:y,tunnelPublicUrl:P,tailscaleEnabled:k,tailscaleUrl:C,initialStatus:O.cowork},e);case"droid":return(0,s.jsx)(d.ZM,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.droid},e);case"openclaw":return(0,s.jsx)(d.yZ,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.openclaw},e);case"hermes":return(0,s.jsx)(d.RF,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.hermes},e);case"copilot":return(0,s.jsx)(d.h1,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.copilot},e);case"cline":return(0,s.jsx)(d.aG,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.cline},e);case"kilo":return(0,s.jsx)(d.c9,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.kilo},e);default:return(0,s.jsx)(d.a7,{toolId:e,...a,activeProviders:q(),cloudEnabled:E,tunnelEnabled:y},e)}})(e,t))}),Y.length>0&&(0,s.jsxs)("div",{className:"grid gap-3 sm:gap-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"security"}),(0,s.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"MITM Tools"})]}),Y.map(([e,t])=>(0,s.jsx)(d.gY,{tool:t},e))]})]})}}},e=>{e.O(0,[2574,3862,1051,5772,1321,5497,5964,8441,3794,7358],()=>e(e.s=70792)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2326],{55187:(e,t,a)=>{Promise.resolve().then(a.bind(a,75228))},75228:(e,t,a)=>{"use strict";a.d(t,{default:()=>x});var s=a(95155),l=a(12115),i=a(98500),r=a.n(i),n=a(35497),o=a(3534),c=a(28777),d=a(70151);let u=a(41463).env.NEXT_PUBLIC_CLOUD_URL;function x({machineId:e}){let t,a,i,[h,v]=(0,l.useState)([]),[p,m]=(0,l.useState)(!0),[f,b]=(0,l.useState)(null),[g,j]=(0,l.useState)({}),[E,S]=(0,l.useState)(!1),[y,w]=(0,l.useState)(!1),[P,N]=(0,l.useState)(""),[k,_]=(0,l.useState)(!1),[C,U]=(0,l.useState)(""),[A,M]=(0,l.useState)([]),[O,I]=(0,l.useState)({}),[T,L]=(0,l.useState)(null),[Q,$]=(0,l.useState)(!1);(0,l.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{L(e.role||null)}).catch(()=>{}).finally(()=>$(!0)),Z(),D(),R(),X()},[]);let X=async()=>{try{let e=await fetch("/api/cli-tools/all-statuses");e.ok&&I(await e.json())}catch(e){console.log("Error fetching tool statuses:",e)}},D=async()=>{try{let[e,t]=await Promise.all([fetch("/api/settings"),fetch("/api/tunnel/status")]);if(e.ok){let t=await e.json();S(t.cloudEnabled||!1)}if(t.ok){let e=await t.json();w(!!(e.tunnel?.enabled||e.tunnel?.settingsEnabled)),N(e.tunnel?.publicUrl||""),_(!!(e.tailscale?.enabled||e.tailscale?.settingsEnabled)),U(e.tailscale?.tunnelUrl||"")}}catch(e){console.log("Error loading settings:",e)}},R=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let t=await e.json();M(t.keys||[])}}catch(e){console.log("Error fetching API keys:",e)}},Z=async()=>{try{let e=await fetch("/api/providers"),t=await e.json();e.ok&&v(t.connections||[])}catch(e){console.log("Error fetching connections:",e)}finally{m(!1)}};(0,l.useEffect)(()=>{Z(),D(),R(),X()},[]);let q=()=>h.filter(e=>!1!==e.isActive),B=(0,l.useCallback)((e,t,a)=>{j(s=>s[e]?.[t]===a?s:{...s,[e]:{...s[e],[t]:a}})},[]);if(p)return(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(n.Qv,{}),(0,s.jsx)(n.Qv,{}),(0,s.jsx)(n.Qv,{})]});let F=(t=q(),a=[],i=new Set,t.forEach(e=>{let t=c.Xg[e.provider]||e.provider;(0,c.KC)(e.provider).forEach(s=>{let l=`${t}/${s.id}`;i.has(l)||(i.add(l),a.push({value:l,label:`${t}/${s.id}`,provider:e.provider,alias:t,connectionName:e.name,modelId:s.id}))})}),a).length>0,G=Q&&"sub_user"===T,K=Object.entries(o.dM),Y=G?[]:Object.entries(o.wn);return(0,s.jsxs)("div",{className:"mx-auto flex w-full max-w-5xl flex-col gap-6 px-1 sm:px-0",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[G&&(0,s.jsx)("div",{className:"flex items-center",children:(0,s.jsxs)(r(),{href:"/dashboard",className:"inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main transition-colors hover:border-primary hover:text-primary",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"dashboard"}),(0,s.jsx)("span",{children:"Dashboard"})]})}),(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,s.jsx)("h1",{className:"text-xl font-semibold text-text-main sm:text-2xl",children:"CLI Tools"}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Configure local coding tools to use your openrouterX providers."})]})]}),(0,s.jsx)("div",{className:"grid gap-3 sm:gap-4",children:K.map(([e,t])=>((e,t)=>{let a={tool:t,isExpanded:f===e,onToggle:()=>b(f===e?null:e),baseUrl:y&&P?P:E&&u?u:window.location.origin,apiKeys:A,manualOnly:G};switch(e){case"claude":return(0,s.jsx)(d.Tk,{...a,activeProviders:q(),modelMappings:g[e]||{},onModelMappingChange:(t,a)=>B(e,t,a),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.claude},e);case"codex":return(0,s.jsx)(d.Ah,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.codex},e);case"opencode":return(0,s.jsx)(d.qO,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.opencode},e);case"cowork":return(0,s.jsx)(d.Q6,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,cloudUrl:u,tunnelEnabled:y,tunnelPublicUrl:P,tailscaleEnabled:k,tailscaleUrl:C,initialStatus:O.cowork},e);case"droid":return(0,s.jsx)(d.ZM,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.droid},e);case"openclaw":return(0,s.jsx)(d.yZ,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.openclaw},e);case"hermes":return(0,s.jsx)(d.RF,{...a,activeProviders:q(),hasActiveProviders:F,cloudEnabled:E,initialStatus:O.hermes},e);case"copilot":return(0,s.jsx)(d.h1,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.copilot},e);case"cline":return(0,s.jsx)(d.aG,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.cline},e);case"kilo":return(0,s.jsx)(d.c9,{...a,activeProviders:q(),cloudEnabled:E,initialStatus:O.kilo},e);default:return(0,s.jsx)(d.a7,{toolId:e,...a,activeProviders:q(),cloudEnabled:E,tunnelEnabled:y},e)}})(e,t))}),Y.length>0&&(0,s.jsxs)("div",{className:"grid gap-3 sm:gap-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-primary",children:"security"}),(0,s.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"MITM Tools"})]}),Y.map(([e,t])=>(0,s.jsx)(d.gY,{tool:t},e))]})]})}}},e=>{e.O(0,[2574,3862,1051,5772,1321,5497,5964,8441,3794,7358],()=>e(e.s=55187)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/combos/page-69469b6440aff8d0.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{2525:(e,t,s)=>{Promise.resolve().then(s.bind(s,47295))},47295:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>i});var a=s(95155),l=s(12115),o=s(35497),r=s(11059);s(52679);let n=/^[a-zA-Z0-9_.\-]+$/;function i(){let[e,t]=(0,l.useState)([]),[s,n]=(0,l.useState)(!0),[i,d]=(0,l.useState)(!1),[x,h]=(0,l.useState)(null),[p,u]=(0,l.useState)([]),[b,f]=(0,l.useState)({}),{copied:g,copy:j}=(0,r.C)();(0,l.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{}),y()},[]);let y=async()=>{try{let[e,s,a]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/settings")]),l=await e.json(),o=await s.json(),r=a.ok?await a.json():{};e.ok&&t((l.combos||[]).filter(e=>!e.kind)),s.ok&&u(o.connections||[]),f(r.comboStrategies||{})}catch(e){console.log("Error fetching data:",e)}finally{n(!1)}},w=async e=>{try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(t.ok)await y(),d(!1);else{let e=await t.json();alert(e.error||"Failed to create combo")}}catch(e){console.log("Error creating combo:",e)}},v=async(e,t)=>{try{let s=await fetch(`/api/combos/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(s.ok)await y(),h(null);else{let e=await s.json();alert(e.error||"Failed to update combo")}}catch(e){console.log("Error updating combo:",e)}},N=async s=>{if(confirm("Delete this combo?"))try{(await fetch(`/api/combos/${s}`,{method:"DELETE"})).ok&&t(e.filter(e=>e.id!==s))}catch(e){console.log("Error deleting combo:",e)}},k=async(e,t)=>{try{let s={...b};t?s[e]={fallbackStrategy:"round-robin"}:delete s[e],await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:s})}),f(s)}catch(e){console.log("Error updating combo strategy:",e)}};return s?(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(o.Qv,{}),(0,a.jsx)(o.Qv,{})]}):(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold",children:"Combos"}),(0,a.jsx)("p",{className:"text-sm text-text-muted mt-1",children:"Create model combos with fallback support"})]}),(0,a.jsx)(o.$n,{icon:"add",onClick:()=>d(!0),className:"w-full sm:w-auto",children:"Create Combo"})]}),0===e.length?(0,a.jsx)(o.Zp,{children:(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"layers"})}),(0,a.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No combos yet"}),(0,a.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create model combos with fallback support"}),(0,a.jsx)(o.$n,{icon:"add",onClick:()=>d(!0),className:"w-full sm:w-auto",children:"Create Combo"})]})}):(0,a.jsx)("div",{className:"flex flex-col gap-4",children:e.map(e=>(0,a.jsx)(c,{combo:e,copied:g,onCopy:j,onEdit:()=>h(e),onDelete:()=>N(e.id),roundRobinEnabled:b[e.name]?.fallbackStrategy==="round-robin",onToggleRoundRobin:t=>k(e.name,t)},e.id))}),(0,a.jsx)(m,{isOpen:i,onClose:()=>d(!1),onSave:w,activeProviders:p},"create"),(0,a.jsx)(m,{isOpen:!!x,combo:x,onClose:()=>h(null),onSave:e=>v(x.id,e),activeProviders:p},x?.id||"new")]})}function c({combo:e,copied:t,onCopy:s,onEdit:l,onDelete:r,roundRobinEnabled:n,onToggleRoundRobin:i}){return(0,a.jsx)(o.Zp,{padding:"sm",className:"group",children:(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsx)("div",{className:"size-8 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-primary text-[18px]",children:"layers"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("code",{className:"block truncate font-mono text-sm font-medium",children:e.name}),(0,a.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1",children:[0===e.models.length?(0,a.jsx)("span",{className:"text-xs text-text-muted italic",children:"No models"}):e.models.slice(0,3).map((e,t)=>(0,a.jsx)("code",{className:"max-w-full truncate rounded bg-black/5 px-1.5 py-0.5 font-mono text-[10px] text-text-muted dark:bg-white/5 sm:max-w-[220px]",children:e},t)),e.models.length>3&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",e.models.length-3," more"]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center sm:gap-3 sm:shrink-0",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-1.5 rounded-lg bg-black/[0.02] px-2 py-1.5 dark:bg-white/[0.02] sm:justify-start sm:bg-transparent sm:px-0 sm:py-0 sm:dark:bg-transparent",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,a.jsx)(o.lM,{size:"sm",checked:n,onChange:i})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-1 sm:flex",children:[(0,a.jsxs)("button",{onClick:t=>{t.stopPropagation(),s(e.name,`combo-${e.id}`)},className:"flex flex-col items-center rounded px-2 py-1 text-text-muted transition-colors hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",title:"Copy combo name",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:t===`combo-${e.id}`?"check":"content_copy"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Copy"})]}),(0,a.jsxs)("button",{onClick:l,className:"flex flex-col items-center rounded px-2 py-1 text-text-muted transition-colors hover:bg-black/5 hover:text-primary dark:hover:bg-white/5",title:"Edit",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:r,className:"flex flex-col items-center rounded px-2 py-1 text-red-500 transition-colors hover:bg-red-500/10",title:"Delete",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]})]})]})})}function d({index:e,model:t,isFirst:s,isLast:o,onEdit:r,onMoveUp:n,onMoveDown:i,onRemove:c}){let[m,x]=(0,l.useState)(!1),[h,p]=(0,l.useState)(t),u=()=>{let e=h.trim();e&&e!==t?r(e):p(t),x(!1)};return(0,a.jsxs)("div",{className:"group flex min-w-0 items-center gap-1.5 rounded-md bg-black/[0.02] px-2 py-1 transition-colors hover:bg-black/[0.04] dark:bg-white/[0.02] dark:hover:bg-white/[0.04]",children:[(0,a.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-3 text-center shrink-0",children:e+1}),m?(0,a.jsx)("input",{autoFocus:!0,value:h,onChange:e=>p(e.target.value),onBlur:u,onKeyDown:e=>{"Enter"===e.key&&u(),"Escape"===e.key&&(p(t),x(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-white px-1.5 py-0.5 font-mono text-xs text-text-main outline-none dark:bg-black/20"}):(0,a.jsx)("div",{className:"min-w-0 flex-1 cursor-text truncate rounded px-1.5 py-0.5 font-mono text-xs text-text-main hover:bg-black/5 dark:hover:bg-white/5",onClick:()=>x(!0),title:"Click to edit",children:t}),(0,a.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5",children:[(0,a.jsx)("button",{onClick:n,disabled:s,className:`p-0.5 rounded ${s?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move up",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_upward"})}),(0,a.jsx)("button",{onClick:i,disabled:o,className:`p-0.5 rounded ${o?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move down",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_downward"})})]}),(0,a.jsx)("button",{onClick:c,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 transition-all",title:"Remove",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]})}function m({isOpen:e,combo:t,onClose:s,onSave:r,activeProviders:i,kindFilter:c=null}){let[x,h]=(0,l.useState)(t?.name||""),[p,u]=(0,l.useState)(t?.models||[]),[b,f]=(0,l.useState)(!1),[g,j]=(0,l.useState)(!1),[y,w]=(0,l.useState)(""),[v,N]=(0,l.useState)({}),k=async()=>{try{let e=await fetch("/api/models/alias");if(!e.ok)return;let t=await e.json();N(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}};(0,l.useEffect)(()=>{e&&k()},[e]);let C=e=>e.trim()?n.test(e)?(w(""),!0):(w("Only letters, numbers, -, _ and . allowed"),!1):(w("Name is required"),!1),S=async()=>{C(x)&&(j(!0),await r({name:x.trim(),models:p}),j(!1))},E=!!t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.aF,{isOpen:e,onClose:s,title:E?"Edit Combo":"Create Combo",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(o.pd,{label:"Combo Name",value:x,onChange:e=>{let t=e.target.value;h(t),t?C(t):w("")},placeholder:"my-combo",error:y}),(0,a.jsx)("p",{className:"text-[10px] text-text-muted mt-0.5",children:"Only letters, numbers, -, _ and . allowed"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-sm font-medium mb-1.5 block",children:"Models"}),0===p.length?(0,a.jsxs)("div",{className:"text-center py-4 border border-dashed border-black/10 dark:border-white/10 rounded-lg bg-black/[0.01] dark:bg-white/[0.01]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-text-muted text-xl mb-1",children:"layers"}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"No models added yet"})]}):(0,a.jsx)("div",{className:"flex max-h-[55vh] min-w-0 flex-col gap-1 overflow-y-auto sm:max-h-[350px]",children:p.map((e,t)=>(0,a.jsx)(d,{index:t,model:e,isFirst:0===t,isLast:t===p.length-1,onEdit:e=>{let s=[...p];s[t]=e,u(s)},onMoveUp:()=>(e=>{if(0===e)return;let t=[...p];[t[e-1],t[e]]=[t[e],t[e-1]],u(t)})(t),onMoveDown:()=>(e=>{if(e===p.length-1)return;let t=[...p];[t[e],t[e+1]]=[t[e+1],t[e]],u(t)})(t),onRemove:()=>{u(p.filter((e,s)=>s!==t))}},t))}),(0,a.jsxs)("button",{onClick:()=>f(!0),className:"w-full mt-2 py-2 border border-dashed border-black/10 dark:border-white/10 rounded-lg text-xs text-primary font-medium hover:text-primary hover:border-primary/50 transition-colors flex items-center justify-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),"Add Model"]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 pt-1 sm:flex-row",children:[(0,a.jsx)(o.$n,{onClick:s,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),(0,a.jsx)(o.$n,{onClick:S,fullWidth:!0,size:"sm",disabled:!x.trim()||!!y||g,children:g?"Saving...":E?"Save":"Create"})]})]})}),(0,a.jsx)(o.rq,{isOpen:b,onClose:()=>f(!1),onSelect:e=>{p.includes(e.value)||u([...p,e.value])},onDeselect:e=>{u(p.filter(t=>t!==e.value))},activeProviders:i,modelAliases:v,title:"Add Model to Combo",kindFilter:c,addedModelValues:p,closeOnSelect:!1})]})}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=2525)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/console-log/{page-d98ac191ef4ff7e6.js → page-55598932923e41ce.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{14712:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var l=s(95155),n=s(12115),r=s(35497),a=s(90620);let c={LOG:"text-green-400",INFO:"text-blue-400",WARN:"text-yellow-400",ERROR:"text-red-400",DEBUG:"text-purple-400"};function i({active:e=!0,heightClassName:t="h-[calc(100vh-220px)]",compact:s=!1,showToolbar:o=!0}){let[u,d]=(0,n.useState)([]),[x,h]=(0,n.useState)(!1),p=(0,n.useRef)(null),m=async()=>{try{await fetch("/api/translator/console-logs",{method:"DELETE"})}catch(e){console.error("Failed to clear console logs:",e)}};(0,n.useEffect)(()=>{if(!e)return void h(!1);let t=new EventSource("/api/translator/console-logs/stream");return t.onopen=()=>h(!0),t.onmessage=e=>{let t=JSON.parse(e.data);"init"===t.type?d(t.logs.slice(-a.UY.maxLines)):"line"===t.type?d(e=>{let s=[...e,t.line];return s.length>a.UY.maxLines?s.slice(-a.UY.maxLines):s}):"clear"===t.type&&d([])},t.onerror=()=>h(!1),()=>t.close()},[e]),(0,n.useEffect)(()=>{p.current&&(p.current.scrollTop=p.current.scrollHeight)},[u]);let f=(0,l.jsxs)(l.Fragment,{children:[o&&(0,l.jsxs)("div",{className:"flex items-center justify-between gap-3 px-4 pt-3 pb-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:`size-2 rounded-full ${x?"bg-green-500":"bg-text-muted/40"}`}),(0,l.jsx)("span",{children:x?"Live":"Disconnected"})]}),(0,l.jsx)(r.$n,{size:"sm",variant:"outline",icon:"delete",onClick:m,children:"Clear"})]}),(0,l.jsx)("div",{ref:p,className:`overflow-y-auto bg-black p-4 font-mono text-xs ${t} ${s?"rounded-lg":"rounded-b-lg"}`,children:0===u.length?(0,l.jsx)("span",{className:"text-text-muted",children:"No console logs yet."}):(0,l.jsx)("div",{className:"space-y-0.5","data-i18n-skip":"true",children:u.map((e,t)=>{let s,n;return(0,l.jsx)("div",{children:(n=c[(s=e.match(/\[(\w+)\]/g))?s[1]?.replace(/\[|\]/g,""):null]||"text-green-400",(0,l.jsx)("span",{className:n,children:e}))},`${t}-${e.slice(0,32)}`)})})})]});return s?f:(0,l.jsx)(r.Zp,{children:f})}},27345:(e,t,s)=>{Promise.resolve().then(s.bind(s,44493))},44493:(e,t,s)=>{"use strict";s.d(t,{default:()=>a});var l=s(95155),n=s(12115),r=s(14712);function a(){return(0,n.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{})},[]),(0,l.jsx)("div",{className:"",children:(0,l.jsx)(r.A,{})})}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=27345)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{14712:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var l=s(95155),n=s(12115),r=s(35497),a=s(90620);let c={LOG:"text-green-400",INFO:"text-blue-400",WARN:"text-yellow-400",ERROR:"text-red-400",DEBUG:"text-purple-400"};function i({active:e=!0,heightClassName:t="h-[calc(100vh-220px)]",compact:s=!1,showToolbar:o=!0}){let[u,d]=(0,n.useState)([]),[x,h]=(0,n.useState)(!1),p=(0,n.useRef)(null),m=async()=>{try{await fetch("/api/translator/console-logs",{method:"DELETE"})}catch(e){console.error("Failed to clear console logs:",e)}};(0,n.useEffect)(()=>{if(!e)return void h(!1);let t=new EventSource("/api/translator/console-logs/stream");return t.onopen=()=>h(!0),t.onmessage=e=>{let t=JSON.parse(e.data);"init"===t.type?d(t.logs.slice(-a.UY.maxLines)):"line"===t.type?d(e=>{let s=[...e,t.line];return s.length>a.UY.maxLines?s.slice(-a.UY.maxLines):s}):"clear"===t.type&&d([])},t.onerror=()=>h(!1),()=>t.close()},[e]),(0,n.useEffect)(()=>{p.current&&(p.current.scrollTop=p.current.scrollHeight)},[u]);let f=(0,l.jsxs)(l.Fragment,{children:[o&&(0,l.jsxs)("div",{className:"flex items-center justify-between gap-3 px-4 pt-3 pb-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:`size-2 rounded-full ${x?"bg-green-500":"bg-text-muted/40"}`}),(0,l.jsx)("span",{children:x?"Live":"Disconnected"})]}),(0,l.jsx)(r.$n,{size:"sm",variant:"outline",icon:"delete",onClick:m,children:"Clear"})]}),(0,l.jsx)("div",{ref:p,className:`overflow-y-auto bg-black p-4 font-mono text-xs ${t} ${s?"rounded-lg":"rounded-b-lg"}`,children:0===u.length?(0,l.jsx)("span",{className:"text-text-muted",children:"No console logs yet."}):(0,l.jsx)("div",{className:"space-y-0.5","data-i18n-skip":"true",children:u.map((e,t)=>{let s,n;return(0,l.jsx)("div",{children:(n=c[(s=e.match(/\[(\w+)\]/g))?s[1]?.replace(/\[|\]/g,""):null]||"text-green-400",(0,l.jsx)("span",{className:n,children:e}))},`${t}-${e.slice(0,32)}`)})})})]});return s?f:(0,l.jsx)(r.Zp,{children:f})}},44493:(e,t,s)=>{"use strict";s.d(t,{default:()=>a});var l=s(95155),n=s(12115),r=s(14712);function a(){return(0,n.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{})},[]),(0,l.jsx)("div",{className:"",children:(0,l.jsx)(r.A,{})})}},51094:(e,t,s)=>{Promise.resolve().then(s.bind(s,44493))}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=51094)),_N_E=e.O()}]);

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

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6099],{},_=>{_.O(0,[2574,3862,1051,1321,5497,4072,8441,3794,7358],()=>_(_.s=74072)),_N_E=_.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/focus-ui/{page-90a2c72d1d8122a2.js → page-fb59dea0e48968bf.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1119],{14712:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var a=s(95155),l=s(12115),n=s(35497),r=s(90620);let i={LOG:"text-green-400",INFO:"text-blue-400",WARN:"text-yellow-400",ERROR:"text-red-400",DEBUG:"text-purple-400"};function o({active:e=!0,heightClassName:t="h-[calc(100vh-220px)]",compact:s=!1,showToolbar:c=!0}){let[d,u]=(0,l.useState)([]),[x,m]=(0,l.useState)(!1),p=(0,l.useRef)(null),h=async()=>{try{await fetch("/api/translator/console-logs",{method:"DELETE"})}catch(e){console.error("Failed to clear console logs:",e)}};(0,l.useEffect)(()=>{if(!e)return void m(!1);let t=new EventSource("/api/translator/console-logs/stream");return t.onopen=()=>m(!0),t.onmessage=e=>{let t=JSON.parse(e.data);"init"===t.type?u(t.logs.slice(-r.UY.maxLines)):"line"===t.type?u(e=>{let s=[...e,t.line];return s.length>r.UY.maxLines?s.slice(-r.UY.maxLines):s}):"clear"===t.type&&u([])},t.onerror=()=>m(!1),()=>t.close()},[e]),(0,l.useEffect)(()=>{p.current&&(p.current.scrollTop=p.current.scrollHeight)},[d]);let f=(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-3 px-4 pt-3 pb-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,a.jsx)("span",{className:`size-2 rounded-full ${x?"bg-green-500":"bg-text-muted/40"}`}),(0,a.jsx)("span",{children:x?"Live":"Disconnected"})]}),(0,a.jsx)(n.$n,{size:"sm",variant:"outline",icon:"delete",onClick:h,children:"Clear"})]}),(0,a.jsx)("div",{ref:p,className:`overflow-y-auto bg-black p-4 font-mono text-xs ${t} ${s?"rounded-lg":"rounded-b-lg"}`,children:0===d.length?(0,a.jsx)("span",{className:"text-text-muted",children:"No console logs yet."}):(0,a.jsx)("div",{className:"space-y-0.5","data-i18n-skip":"true",children:d.map((e,t)=>{let s,l;return(0,a.jsx)("div",{children:(l=i[(s=e.match(/\[(\w+)\]/g))?s[1]?.replace(/\[|\]/g,""):null]||"text-green-400",(0,a.jsx)("span",{className:l,children:e}))},`${t}-${e.slice(0,32)}`)})})})]});return s?f:(0,a.jsx)(n.Zp,{children:f})}},84972:(e,t,s)=>{Promise.resolve().then(s.bind(s,89455))},89455:(e,t,s)=>{"use strict";s.d(t,{default:()=>f});var a=s(95155),l=s(12115),n=s(3534),r=s(28777),i=s(52679),o=s(70151),c=s(14712),d=s(75095);let u=["antigravity"],x=Object.entries(n.wn),m=x.map(([e])=>e),p="focus-ui-mitm-tool-visibility",h=Object.fromEntries(m.map(e=>[e,u.includes(e)]));function f(){let[e,t]=(0,l.useState)([]),[s,n]=(0,l.useState)([]),[u,f]=(0,l.useState)({}),[v,j]=(0,l.useState)(!1),[y,N]=(0,l.useState)(null),[w,S]=(0,l.useState)(!0),[k,C]=(0,l.useState)(!0),[E,T]=(0,l.useState)(!0),[O,P]=(0,l.useState)(!0),[M,$]=(0,l.useState)(h),[A,_]=(0,l.useState)(!1),[I,L]=(0,l.useState)({running:!1,certExists:!1,dnsStatus:{},hasCachedPassword:!1});(0,l.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{}),R(),D(),F(),U()},[]),(0,l.useEffect)(()=>{try{let e=JSON.parse(localStorage.getItem(p)||"null");e&&$(Object.fromEntries(m.map(t=>[t,e?.[t]===!0])))}catch{}_(!0)},[]),(0,l.useEffect)(()=>{if(A)try{localStorage.setItem(p,JSON.stringify(M))}catch{}},[A,M]);let R=async()=>{try{let e=await fetch("/api/providers");if(e.ok){let s=await e.json();t(s.connections||[])}}catch{}},D=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let t=await e.json();n(t.keys||[])}}catch{}},F=async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let t=await e.json();f(t.aliases||{})}}catch{}},U=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let t=await e.json();j(t.cloudEnabled||!1)}}catch{}},J=()=>e.filter(e=>!1!==e.isActive),K=x.filter(([e])=>M[e]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 w-full flex-col gap-6 overflow-hidden",children:[(0,a.jsx)(b,{title:"MITM Server",subtitle:"MITM server status and controls",expanded:w,onToggle:()=>S(e=>!e),bodyClassName:"p-0",className:"shrink-0",children:(0,a.jsx)(o.tA,{apiKeys:s,cloudEnabled:v,onStatusChange:L})}),(0,a.jsx)(b,{title:"Providers",subtitle:"MITM tool interception status",expanded:k,onToggle:()=>C(e=>!e),className:"shrink-0",headerControls:(0,a.jsx)(g,{tools:x,visibleTools:M,onToggleTool:e=>$(t=>({...t,[e]:!t[e]}))}),children:(0,a.jsx)("div",{className:"grid gap-3 sm:gap-4",children:K.map(([e,t])=>(0,a.jsx)(o.kn,{tool:t,isExpanded:y===e,onToggle:()=>N(y===e?null:e),serverRunning:I.running,dnsActive:I.dnsStatus?.[e]||!1,hasCachedPassword:I.hasCachedPassword||!1,needsSudoPassword:!1!==I.needsSudoPassword,isWin:!0===I.isWin,apiKeys:s,activeProviders:J(),hasActiveProviders:J().some(e=>(0,r.KC)(e.provider).length>0||(0,i.mq)(e.provider)||(0,i.gb)(e.provider)),modelAliases:u,cloudEnabled:v,onDnsChange:e=>L(t=>({...t,dnsStatus:e.dnsStatus??t.dnsStatus}))},e))})}),(0,a.jsx)(b,{title:"Quota Management",subtitle:"Provider account quota overview",expanded:E,onToggle:()=>T(e=>!e),bodyClassName:"p-4",className:"shrink-0",children:(0,a.jsx)(d.A,{embedded:!0,title:"Quota Management",gridClassName:"grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4",activeFirst:!0,maxRows:1,maxColumns:4})}),(0,a.jsx)(b,{title:"Console Logs",subtitle:"MITM / OpenrouterX realtime output",expanded:O,onToggle:()=>P(e=>!e),bodyClassName:"flex min-h-0 flex-1 flex-col p-3",className:O?"flex min-h-0 flex-1 flex-col":"shrink-0",children:(0,a.jsx)(c.A,{active:O,compact:!0,showToolbar:!0,heightClassName:"min-h-0 flex-1"})})]})}function g({tools:e,visibleTools:t,onToggleTool:s}){return(0,a.jsx)("div",{className:"flex flex-wrap items-center justify-end gap-2",onClick:e=>e.stopPropagation(),children:e.map(([e,l])=>(0,a.jsxs)("label",{className:`inline-flex min-h-8 cursor-pointer select-none items-center gap-2 rounded-lg border px-2.5 py-1 text-xs font-medium transition-colors ${t[e]?"border-primary/40 bg-primary/10 text-primary":"border-border bg-surface text-text-muted hover:border-primary/30 hover:text-text-main"}`,children:[(0,a.jsx)("input",{type:"checkbox",checked:!0===t[e],onChange:()=>s(e),className:"h-3.5 w-3.5 accent-primary"}),(0,a.jsx)("span",{children:l.name})]},e))})}function b({title:e,subtitle:t,expanded:s,onToggle:l,children:n,className:r="",bodyClassName:i="p-0",headerControls:o=null}){return(0,a.jsxs)("div",{className:`overflow-hidden rounded-xl border border-border bg-surface shadow-sm ${r}`,children:[(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 px-4 py-3 transition-colors hover:bg-surface-2/60 lg:flex-row lg:items-center",children:[(0,a.jsxs)("button",{type:"button",onClick:l,className:"flex min-w-0 flex-1 items-center gap-3 text-left","aria-expanded":s,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted transition-transform ${s?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsxs)("span",{className:"flex min-w-0 flex-col",children:[(0,a.jsx)("span",{className:"truncate text-sm font-semibold text-text-main",children:e}),t&&(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:t})]})]}),o&&(0,a.jsx)("div",{className:"min-w-0 flex-1 lg:px-3",children:o}),(0,a.jsx)("button",{type:"button",onClick:l,className:"self-start text-[10px] font-medium uppercase tracking-wide text-text-muted transition-colors hover:text-text-main lg:self-center","aria-expanded":s,children:s?"Collapse":"Expand"})]}),s&&(0,a.jsx)("div",{className:`border-t border-border ${i}`,children:n})]})}}},e=>{e.O(0,[2574,3862,1051,5772,1321,5497,5964,5095,8441,3794,7358],()=>e(e.s=84972)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1119],{14712:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var a=s(95155),l=s(12115),n=s(35497),r=s(90620);let i={LOG:"text-green-400",INFO:"text-blue-400",WARN:"text-yellow-400",ERROR:"text-red-400",DEBUG:"text-purple-400"};function o({active:e=!0,heightClassName:t="h-[calc(100vh-220px)]",compact:s=!1,showToolbar:c=!0}){let[d,u]=(0,l.useState)([]),[x,m]=(0,l.useState)(!1),p=(0,l.useRef)(null),h=async()=>{try{await fetch("/api/translator/console-logs",{method:"DELETE"})}catch(e){console.error("Failed to clear console logs:",e)}};(0,l.useEffect)(()=>{if(!e)return void m(!1);let t=new EventSource("/api/translator/console-logs/stream");return t.onopen=()=>m(!0),t.onmessage=e=>{let t=JSON.parse(e.data);"init"===t.type?u(t.logs.slice(-r.UY.maxLines)):"line"===t.type?u(e=>{let s=[...e,t.line];return s.length>r.UY.maxLines?s.slice(-r.UY.maxLines):s}):"clear"===t.type&&u([])},t.onerror=()=>m(!1),()=>t.close()},[e]),(0,l.useEffect)(()=>{p.current&&(p.current.scrollTop=p.current.scrollHeight)},[d]);let f=(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-3 px-4 pt-3 pb-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,a.jsx)("span",{className:`size-2 rounded-full ${x?"bg-green-500":"bg-text-muted/40"}`}),(0,a.jsx)("span",{children:x?"Live":"Disconnected"})]}),(0,a.jsx)(n.$n,{size:"sm",variant:"outline",icon:"delete",onClick:h,children:"Clear"})]}),(0,a.jsx)("div",{ref:p,className:`overflow-y-auto bg-black p-4 font-mono text-xs ${t} ${s?"rounded-lg":"rounded-b-lg"}`,children:0===d.length?(0,a.jsx)("span",{className:"text-text-muted",children:"No console logs yet."}):(0,a.jsx)("div",{className:"space-y-0.5","data-i18n-skip":"true",children:d.map((e,t)=>{let s,l;return(0,a.jsx)("div",{children:(l=i[(s=e.match(/\[(\w+)\]/g))?s[1]?.replace(/\[|\]/g,""):null]||"text-green-400",(0,a.jsx)("span",{className:l,children:e}))},`${t}-${e.slice(0,32)}`)})})})]});return s?f:(0,a.jsx)(n.Zp,{children:f})}},27091:(e,t,s)=>{Promise.resolve().then(s.bind(s,89455))},89455:(e,t,s)=>{"use strict";s.d(t,{default:()=>f});var a=s(95155),l=s(12115),n=s(3534),r=s(28777),i=s(52679),o=s(70151),c=s(14712),d=s(75095);let u=["antigravity"],x=Object.entries(n.wn),m=x.map(([e])=>e),p="focus-ui-mitm-tool-visibility",h=Object.fromEntries(m.map(e=>[e,u.includes(e)]));function f(){let[e,t]=(0,l.useState)([]),[s,n]=(0,l.useState)([]),[u,f]=(0,l.useState)({}),[v,j]=(0,l.useState)(!1),[y,N]=(0,l.useState)(null),[w,S]=(0,l.useState)(!0),[k,C]=(0,l.useState)(!0),[E,T]=(0,l.useState)(!0),[O,P]=(0,l.useState)(!0),[M,$]=(0,l.useState)(h),[A,_]=(0,l.useState)(!1),[I,L]=(0,l.useState)({running:!1,certExists:!1,dnsStatus:{},hasCachedPassword:!1});(0,l.useEffect)(()=>{fetch("/api/auth/me").then(e=>e.json()).then(e=>{"sub_user"===e.role&&(window.location.href="/dashboard/usage")}).catch(()=>{}),R(),D(),F(),U()},[]),(0,l.useEffect)(()=>{try{let e=JSON.parse(localStorage.getItem(p)||"null");e&&$(Object.fromEntries(m.map(t=>[t,e?.[t]===!0])))}catch{}_(!0)},[]),(0,l.useEffect)(()=>{if(A)try{localStorage.setItem(p,JSON.stringify(M))}catch{}},[A,M]);let R=async()=>{try{let e=await fetch("/api/providers");if(e.ok){let s=await e.json();t(s.connections||[])}}catch{}},D=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let t=await e.json();n(t.keys||[])}}catch{}},F=async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let t=await e.json();f(t.aliases||{})}}catch{}},U=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let t=await e.json();j(t.cloudEnabled||!1)}}catch{}},J=()=>e.filter(e=>!1!==e.isActive),K=x.filter(([e])=>M[e]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 w-full flex-col gap-6 overflow-hidden",children:[(0,a.jsx)(b,{title:"MITM Server",subtitle:"MITM server status and controls",expanded:w,onToggle:()=>S(e=>!e),bodyClassName:"p-0",className:"shrink-0",children:(0,a.jsx)(o.tA,{apiKeys:s,cloudEnabled:v,onStatusChange:L})}),(0,a.jsx)(b,{title:"Providers",subtitle:"MITM tool interception status",expanded:k,onToggle:()=>C(e=>!e),className:"shrink-0",headerControls:(0,a.jsx)(g,{tools:x,visibleTools:M,onToggleTool:e=>$(t=>({...t,[e]:!t[e]}))}),children:(0,a.jsx)("div",{className:"grid gap-3 sm:gap-4",children:K.map(([e,t])=>(0,a.jsx)(o.kn,{tool:t,isExpanded:y===e,onToggle:()=>N(y===e?null:e),serverRunning:I.running,dnsActive:I.dnsStatus?.[e]||!1,hasCachedPassword:I.hasCachedPassword||!1,needsSudoPassword:!1!==I.needsSudoPassword,isWin:!0===I.isWin,apiKeys:s,activeProviders:J(),hasActiveProviders:J().some(e=>(0,r.KC)(e.provider).length>0||(0,i.mq)(e.provider)||(0,i.gb)(e.provider)),modelAliases:u,cloudEnabled:v,onDnsChange:e=>L(t=>({...t,dnsStatus:e.dnsStatus??t.dnsStatus}))},e))})}),(0,a.jsx)(b,{title:"Quota Management",subtitle:"Provider account quota overview",expanded:E,onToggle:()=>T(e=>!e),bodyClassName:"p-4",className:"shrink-0",children:(0,a.jsx)(d.A,{embedded:!0,title:"Quota Management",gridClassName:"grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4",activeFirst:!0,maxRows:1,maxColumns:4})}),(0,a.jsx)(b,{title:"Console Logs",subtitle:"MITM / OpenrouterX realtime output",expanded:O,onToggle:()=>P(e=>!e),bodyClassName:"flex min-h-0 flex-1 flex-col p-3",className:O?"flex min-h-0 flex-1 flex-col":"shrink-0",children:(0,a.jsx)(c.A,{active:O,compact:!0,showToolbar:!0,heightClassName:"min-h-0 flex-1"})})]})}function g({tools:e,visibleTools:t,onToggleTool:s}){return(0,a.jsx)("div",{className:"flex flex-wrap items-center justify-end gap-2",onClick:e=>e.stopPropagation(),children:e.map(([e,l])=>(0,a.jsxs)("label",{className:`inline-flex min-h-8 cursor-pointer select-none items-center gap-2 rounded-lg border px-2.5 py-1 text-xs font-medium transition-colors ${t[e]?"border-primary/40 bg-primary/10 text-primary":"border-border bg-surface text-text-muted hover:border-primary/30 hover:text-text-main"}`,children:[(0,a.jsx)("input",{type:"checkbox",checked:!0===t[e],onChange:()=>s(e),className:"h-3.5 w-3.5 accent-primary"}),(0,a.jsx)("span",{children:l.name})]},e))})}function b({title:e,subtitle:t,expanded:s,onToggle:l,children:n,className:r="",bodyClassName:i="p-0",headerControls:o=null}){return(0,a.jsxs)("div",{className:`overflow-hidden rounded-xl border border-border bg-surface shadow-sm ${r}`,children:[(0,a.jsxs)("div",{className:"flex w-full flex-col gap-3 px-4 py-3 transition-colors hover:bg-surface-2/60 lg:flex-row lg:items-center",children:[(0,a.jsxs)("button",{type:"button",onClick:l,className:"flex min-w-0 flex-1 items-center gap-3 text-left","aria-expanded":s,children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted transition-transform ${s?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsxs)("span",{className:"flex min-w-0 flex-col",children:[(0,a.jsx)("span",{className:"truncate text-sm font-semibold text-text-main",children:e}),t&&(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:t})]})]}),o&&(0,a.jsx)("div",{className:"min-w-0 flex-1 lg:px-3",children:o}),(0,a.jsx)("button",{type:"button",onClick:l,className:"self-start text-[10px] font-medium uppercase tracking-wide text-text-muted transition-colors hover:text-text-main lg:self-center","aria-expanded":s,children:s?"Collapse":"Expand"})]}),s&&(0,a.jsx)("div",{className:`border-t border-border ${i}`,children:n})]})}}},e=>{e.O(0,[2574,3862,1051,5772,1321,5497,5964,5095,8441,3794,7358],()=>e(e.s=27091)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/media-providers/[kind]/[id]/{page-73601a7b09338418.js → page-95d31a6372622fcf.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[182],{71195:(e,t,s)=>{Promise.resolve().then(s.bind(s,94588))},94588:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>L});var a=s(95155),r=s(73321),l=s(98500),o=s.n(l),n=s(12115),i=s(35497),d=s(57250),c=s(32598),m=s(52679),p=s(28777),u=s(11059),x=s(14051),h=s.n(x);function b({until:e}){let[t,s]=(0,n.useState)("");return((0,n.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void s("");let a=Math.floor(t/1e3);a<60?s(`${a}s`):a<3600?s(`${Math.floor(a/60)}m ${a%60}s`):s(`${Math.floor(a/3600)}h ${Math.floor(a%3600/60)}m`)};t();let a=setInterval(t,1e3);return()=>clearInterval(a)},[e]),t)?(0,a.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}function f({connection:e,proxyPools:t,isOAuth:s,isFirst:r,isLast:l,onMoveUp:o,onMoveDown:d,onToggleActive:c,onUpdateProxy:m,onEdit:p,onDelete:u}){let[x,h]=(0,n.useState)(!1),[g,y]=(0,n.useState)(!1),[v,j]=(0,n.useState)(!1),w=(0,n.useRef)(null),N=new Map((t||[]).map(e=>[e.id,e])),k=e.providerSpecificData?.proxyPoolId||null,S=k?N.get(k):null,C=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,$=!!k||C,P=S?`Pool: ${S.name}`:k?`Pool: ${k} (inactive/missing)`:C?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",_="",A=S?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(A)try{let e=new URL(A);_=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{_=A}let E=S?.noProxy||e.providerSpecificData?.connectionNoProxy||"",T=S?.isActive===!0?"success":k||C?"error":"default",I=Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(Boolean).sort()[0]||null;(0,n.useEffect)(()=>{let t=()=>{j(!!Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>e&&new Date(e).getTime()>Date.now()).sort()[0])};t();let s=I?setInterval(t,1e3):null;return()=>{s&&clearInterval(s)}},[I]),(0,n.useEffect)(()=>{if(!x)return;let e=e=>{w.current&&!w.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[x]);let R="unavailable"!==e.testStatus||v?e.testStatus:"active",M=s?e.name||e.email||e.displayName||"OAuth Account":e.name,O=async e=>{y(!0);try{await m("__none__"===e?null:e)}finally{y(!1),h(!1)}};return(0,a.jsxs)("div",{className:`group flex flex-col gap-3 p-2 rounded-lg sm:flex-row sm:items-center sm:justify-between hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors ${!1===e.isActive?"opacity-60":""}`,children:[(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("button",{onClick:o,disabled:r,className:`p-0.5 rounded ${r?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,a.jsx)("button",{onClick:d,disabled:l,className:`p-0.5 rounded ${l?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:s?"lock":"key"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium truncate",children:M}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,a.jsx)(i.Ex,{variant:!1===e.isActive?"default":"active"===R||"success"===R?"success":"error"===R||"expired"===R||"unavailable"===R?"error":"default",size:"sm",dot:!0,children:!1===e.isActive?"disabled":R||"Unknown"}),$&&(0,a.jsx)(i.Ex,{variant:T,size:"sm",children:"Proxy"}),v&&!1!==e.isActive&&(0,a.jsx)(b,{until:I}),e.lastError&&!1!==e.isActive&&(0,a.jsx)("span",{className:"text-xs text-red-500 truncate max-w-[300px]",title:e.lastError,children:e.lastError}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),$&&(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:P,children:P}),_&&(0,a.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:_}),E&&(0,a.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:E,children:["no_proxy: ",E]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,a.jsxs)("div",{className:"relative",ref:w,children:[(0,a.jsxs)("button",{onClick:()=>h(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${$?"text-primary":"text-text-muted hover:text-primary"}`,disabled:g,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:g?"progress_activity":"lan"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),x&&(0,a.jsxs)("div",{className:"absolute right-0 top-full mt-1 z-50 bg-bg border border-border rounded-lg shadow-lg py-1 min-w-[160px]",children:[(0,a.jsx)("button",{onClick:()=>O("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!k?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,a.jsx)("button",{onClick:()=>O(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${k===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,a.jsxs)("button",{onClick:p,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:u,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,a.jsx)(i.lM,{size:"sm",checked:e.isActive??!0,onChange:c,title:e.isActive??!0?"Disable":"Enable"})]})]})}function g({isOpen:e,provider:t,providerName:s,proxyPools:r,onSave:l,onClose:o}){let d="__none__",[c,m]=(0,n.useState)({name:"",apiKey:"",priority:1,proxyPoolId:d}),[p,u]=(0,n.useState)(!1),[x,h]=(0,n.useState)(null),[b,f]=(0,n.useState)(!1),y=s?`${s} Key`:"Production Key";(0,n.useEffect)(()=>{e&&(m({name:s?`${s} Key`:"",apiKey:"",priority:1,proxyPoolId:d}),h(null),u(!1),f(!1))},[e,s]);let v=async()=>{u(!0);try{let e=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})}),s=await e.json();h(s.valid?"success":"failed")}catch{h("failed")}finally{u(!1)}},j=async()=>{if(t&&c.apiKey){f(!0);try{let e=!1;try{u(!0),h(null);let s=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await s.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{u(!1)}await l({name:c.name.trim()||y,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===d?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{f(!1)}}};return t?(0,a.jsx)(i.aF,{isOpen:e,title:`Add ${s||t} API Key`,onClose:o,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.name,onChange:e=>m({...c,name:e.target.value}),placeholder:y})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,a.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>m({...c,apiKey:e.target.value})})]}),(0,a.jsx)("div",{className:"pt-6",children:(0,a.jsx)(i.$n,{onClick:v,disabled:!c.apiKey||p||b,variant:"secondary",children:p?"Checking...":"Check"})})]}),x&&(0,a.jsx)(i.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,a.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.priority,onChange:e=>m({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,a.jsx)(i.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>m({...c,proxyPoolId:e.target.value}),options:[{value:d,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(i.$n,{onClick:j,fullWidth:!0,disabled:!c.apiKey||b,children:b?"Saving...":"Save"}),(0,a.jsx)(i.$n,{onClick:o,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function y({providerId:e,providerName:t,isOAuth:s}){let[r,l]=(0,n.useState)([]),[o,d]=(0,n.useState)([]),[c,m]=(0,n.useState)(!0),[p,u]=(0,n.useState)(!1),[x,h]=(0,n.useState)(!1),[b,v]=(0,n.useState)(null),[j,w]=(0,n.useState)(null),[N,k]=(0,n.useState)("1"),S=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),r=await t.json(),o=await s.json(),n=a.ok?await a.json():{};t.ok&&l((r.connections||[]).filter(t=>t.provider===e)),s.ok&&d(o.proxyPools||[]);let i=(n.providerStrategies||{})[e]||{};w(i.fallbackStrategy||null),k(null!=i.stickyRoundRobinLimit?String(i.stickyRoundRobinLimit):"1")}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{m(!1)}},[e]);(0,n.useEffect)(()=>{S()},[S]);let C=async(t,s)=>{try{let a=await fetch("/api/settings",{cache:"no-store"}),r=(a.ok?await a.json():{}).providerStrategies||{},l={};t&&(l.fallbackStrategy=t),"round-robin"===t&&""!==s&&(l.stickyRoundRobinLimit=Number(s)||3);let o={...r};0===Object.keys(l).length?delete o[e]:o[e]=l,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:o})})}catch(e){console.log("saveStrategy error:",e)}},$=async(e,t)=>{let s=[...r];[s[e],s[t]]=[s[t],s[e]],l(s);try{await Promise.all([fetch(`/api/providers/${s[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${s[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await S()}},P=async e=>{if(confirm("Delete this connection?"))try{(await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok&&l(t=>t.filter(t=>t.id!==e))}catch(e){console.log("delete error:",e)}},_=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&l(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("toggle error:",e)}},A=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&l(s=>s.map(s=>s.id===e?{...s,providerSpecificData:{...s.providerSpecificData,proxyPoolId:t||null}}:s))}catch(e){console.log("proxy error:",e)}},E=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await S(),u(!1))}catch(e){console.log("save apikey error:",e)}},T=async e=>{try{(await fetch(`/api/providers/${b.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await S(),h(!1))}catch(e){console.log("update connection error:",e)}};return c?(0,a.jsx)(i.Zp,{children:(0,a.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.Zp,{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:"Connections"}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,a.jsx)(i.lM,{checked:"round-robin"===j,onChange:e=>{let t=e?"round-robin":null;w(t),e&&!N&&k("1"),C(t,e?N||"1":N)}}),"round-robin"===j&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:"Sticky:"}),(0,a.jsx)("input",{type:"number",min:1,value:N,onChange:e=>{k(e.target.value),C("round-robin",e.target.value)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]}),0===r.length?(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,a.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add Connection"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:r.map((e,t)=>(0,a.jsx)(f,{connection:e,proxyPools:o,isOAuth:s,isFirst:0===t,isLast:t===r.length-1,onMoveUp:()=>$(t,t-1),onMoveDown:()=>$(t,t+1),onToggleActive:t=>_(e.id,t),onUpdateProxy:t=>A(e.id,t),onEdit:()=>{v(e),h(!0)},onDelete:()=>P(e.id)},e.id))}),(0,a.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,a.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add"})})]})]}),(0,a.jsx)(g,{isOpen:p,provider:e,providerName:t,proxyPools:o,onSave:E,onClose:()=>u(!1)}),(0,a.jsx)(i.wI,{isOpen:x,connection:b,proxyPools:o,onSave:T,onClose:()=>h(!1)})]})}function v({model:e,fullModel:t,displayModel:s,copied:r,onCopy:l,testStatus:o,isCustom:n,isFree:i,onDeleteAlias:d,onTest:c,isTesting:m}){let p="ok"===o?"#22c55e":"error"===o?"#ef4444":void 0;return(0,a.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===o?"border-green-500/40":"error"===o?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-base",style:p?{color:p}:void 0,children:"ok"===o?"check_circle":"error"===o?"cancel":"smart_toy"}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:s||t}),e.name&&(0,a.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),c&&(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:c,disabled:m,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${m?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",style:m?{animation:"spin 1s linear infinite"}:void 0,children:m?"progress_activity":"science"})}),(0,a.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:m?"Testing...":"Test"})]}),(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:()=>l(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:r===`model-${e.id}`?"check":"content_copy"})}),(0,a.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:r===`model-${e.id}`?"Copied!":"Copy"})]}),i&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),n&&(0,a.jsx)("button",{onClick:d,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity ml-auto",title:"Remove custom model",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function j({isOpen:e,onSave:t,onClose:s}){let[r,l]=(0,n.useState)(""),o=()=>{r.trim()&&(t(r.trim()),l(""))};return(0,a.jsx)(i.aF,{isOpen:e,title:"Add Custom Model",onClose:s,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:r,onChange:e=>l(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(i.$n,{type:"button",onClick:o,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,a.jsx)(i.$n,{type:"button",onClick:s,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function w({providerId:e,kindFilter:t,providerAliasOverride:s,hiddenModelIds:r=[]}){let{copied:l,copy:o}=(0,u.C)(),[d,c]=(0,n.useState)({}),[x,h]=(0,n.useState)([]),[b,f]=(0,n.useState)({}),[g,y]=(0,n.useState)(null),[N,k]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[$,P]=(0,n.useState)([]),_=s||(0,m.wG)(e),A="codex"===e,E=t||"llm",T=new Set(r),I=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/models/alias"),fetch("/api/providers",{cache:"no-store"}),fetch("/api/models/custom",{cache:"no-store"})]),r=await t.json(),l=await s.json(),o=await a.json();t.ok&&c(r.aliases||{}),s.ok&&P((l.connections||[]).filter(t=>t.provider===e)),a.ok&&h(o.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[e]);(0,n.useEffect)(()=>{I()},[I]);let R=async(e,t)=>{let s=`${_}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:s,alias:t})})).ok&&await I()}catch(e){console.log("set alias error:",e)}},M=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await I()}catch(e){console.log("delete alias error:",e)}},O=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:_,id:e,type:E})})).ok&&(await I(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},K=async e=>{try{let t=new URLSearchParams({providerAlias:_,id:e,type:E});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await I(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},L=async e=>{if(!g){y(e);try{let s=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${_}/${e}`,kind:t})}),a=await s.json();f(t=>({...t,[e]:a.ok?"ok":"error"})),k(a.ok?"":a.error||"Model not reachable")}catch{f(t=>({...t,[e]:"error"})),k("Network error")}finally{y(null)}}},U=(0,p.KC)(e),D=t?U.filter(e=>e.kinds?e.kinds.includes(t):(e.type||"llm")===t).filter(e=>!T.has(e.id)):U.filter(e=>!T.has(e.id)),B=x.filter(e=>e.providerAlias===_&&(e.type||"llm")===E&&!D.some(t=>t.id===e.id));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.Zp,{children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,a.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),N&&(0,a.jsx)("p",{className:"text-xs text-red-500 mb-3 wrap-break-word",children:N}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-3",children:[D.map(e=>{let t=`${_}/${e.id}`,s=Object.entries(d).find(([,e])=>e===t)?.[0];return(0,a.jsx)(v,{model:e,fullModel:`${_}/${e.id}`,displayModel:A?e.id:`${_}/${e.id}`,alias:s,copied:l,onCopy:o,onSetAlias:t=>R(e.id,t),onDeleteAlias:()=>M(s),testStatus:b[e.id],onTest:$.length>0?()=>L(e.id):void 0,isTesting:g===e.id,isFree:e.isFree},e.id)}),B.map(e=>(0,a.jsx)(v,{model:{id:e.id,name:e.name},fullModel:`${_}/${e.id}`,displayModel:A?e.id:`${_}/${e.id}`,copied:l,onCopy:o,onSetAlias:()=>{},onDeleteAlias:()=>K(e.id),testStatus:b[e.id],onTest:$.length>0?()=>L(e.id):void 0,isTesting:g===e.id,isCustom:!0},`${e.id}-${e.type}`)),(0,a.jsxs)("button",{onClick:()=>C(!0),className:"flex items-center gap-1.5 px-3 py-2 rounded-lg border border-dashed border-black/15 dark:border-white/15 text-xs text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,a.jsx)(j,{isOpen:S,onSave:async e=>{await O(e),C(!1)},onClose:()=>C(!1)})]})}b.propTypes={until:h().string.isRequired},f.propTypes={connection:h().shape({id:h().string,name:h().string,email:h().string,displayName:h().string,testStatus:h().string,isActive:h().bool,lastError:h().string,priority:h().number}).isRequired,proxyPools:h().array,isOAuth:h().bool.isRequired,isFirst:h().bool.isRequired,isLast:h().bool.isRequired,onMoveUp:h().func.isRequired,onMoveDown:h().func.isRequired,onToggleActive:h().func.isRequired,onUpdateProxy:h().func,onEdit:h().func.isRequired,onDelete:h().func.isRequired},g.propTypes={isOpen:h().bool.isRequired,provider:h().string,providerName:h().string,proxyPools:h().array,onSave:h().func.isRequired,onClose:h().func.isRequired},y.propTypes={providerId:h().string.isRequired,providerName:h().string,isOAuth:h().bool},v.propTypes={model:h().shape({id:h().string.isRequired}).isRequired,fullModel:h().string.isRequired,displayModel:h().string,copied:h().string,onCopy:h().func.isRequired,testStatus:h().oneOf(["ok","error"]),isCustom:h().bool,isFree:h().bool,onDeleteAlias:h().func,onTest:h().func,isTesting:h().bool},j.propTypes={isOpen:h().bool.isRequired,onSave:h().func.isRequired,onClose:h().func.isRequired},w.propTypes={providerId:h().string.isRequired,kindFilter:h().string,providerAliasOverride:h().string,hiddenModelIds:h().arrayOf(h().string)};let N={"google-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"hardcoded"},openai:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openai-tts-models",voiceKey:"openai-tts-voices",voicesPerModel:!0},openrouter:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openrouter-tts-models",voiceKey:"openrouter-tts-voices",voicesPerModel:!0},elevenlabs:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"elevenlabs-tts-models",apiEndpoint:"/api/media-providers/tts/elevenlabs/voices"},"edge-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},"local-device":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},nvidia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},hyperbolic:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},deepgram:{hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/deepgram/voices"},huggingface:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},cartesia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},playht:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},coqui:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},tortoise:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},inworld:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"inworld-tts-models",apiEndpoint:"/api/media-providers/tts/inworld/voices"},qwen:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},gemini:{hasLanguageDropdown:!1,hasLanguageHint:!0,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"gemini-tts-models",voiceKey:"gemini-tts-voices",voicesPerModel:!0}};var k=s(717),S=s(91781);function C({label:e,children:t,align:s="center"}){return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,a.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,a.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}function $(){return"u">typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2,11)}`}let P=`// Audio will appear here after running.
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[182],{37590:(e,t,s)=>{Promise.resolve().then(s.bind(s,94588))},94588:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>L});var a=s(95155),r=s(73321),l=s(98500),o=s.n(l),n=s(12115),i=s(35497),d=s(57250),c=s(32598),m=s(52679),p=s(28777),u=s(11059),x=s(14051),h=s.n(x);function b({until:e}){let[t,s]=(0,n.useState)("");return((0,n.useEffect)(()=>{let t=()=>{let t=new Date(e).getTime()-Date.now();if(t<=0)return void s("");let a=Math.floor(t/1e3);a<60?s(`${a}s`):a<3600?s(`${Math.floor(a/60)}m ${a%60}s`):s(`${Math.floor(a/3600)}h ${Math.floor(a%3600/60)}m`)};t();let a=setInterval(t,1e3);return()=>clearInterval(a)},[e]),t)?(0,a.jsxs)("span",{className:"text-xs text-orange-500 font-mono",children:["⏱ ",t]}):null}function f({connection:e,proxyPools:t,isOAuth:s,isFirst:r,isLast:l,onMoveUp:o,onMoveDown:d,onToggleActive:c,onUpdateProxy:m,onEdit:p,onDelete:u}){let[x,h]=(0,n.useState)(!1),[g,y]=(0,n.useState)(!1),[v,j]=(0,n.useState)(!1),w=(0,n.useRef)(null),N=new Map((t||[]).map(e=>[e.id,e])),k=e.providerSpecificData?.proxyPoolId||null,S=k?N.get(k):null,C=e.providerSpecificData?.connectionProxyEnabled===!0&&!!e.providerSpecificData?.connectionProxyUrl,$=!!k||C,P=S?`Pool: ${S.name}`:k?`Pool: ${k} (inactive/missing)`:C?`Legacy: ${e.providerSpecificData?.connectionProxyUrl}`:"",_="",A=S?.proxyUrl||e.providerSpecificData?.connectionProxyUrl;if(A)try{let e=new URL(A);_=`${e.protocol}//${e.hostname}${e.port?`:${e.port}`:""}`}catch{_=A}let E=S?.noProxy||e.providerSpecificData?.connectionNoProxy||"",T=S?.isActive===!0?"success":k||C?"error":"default",I=Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(Boolean).sort()[0]||null;(0,n.useEffect)(()=>{let t=()=>{j(!!Object.entries(e).filter(([e])=>e.startsWith("modelLock_")).map(([,e])=>e).filter(e=>e&&new Date(e).getTime()>Date.now()).sort()[0])};t();let s=I?setInterval(t,1e3):null;return()=>{s&&clearInterval(s)}},[I]),(0,n.useEffect)(()=>{if(!x)return;let e=e=>{w.current&&!w.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[x]);let R="unavailable"!==e.testStatus||v?e.testStatus:"active",M=s?e.name||e.email||e.displayName||"OAuth Account":e.name,O=async e=>{y(!0);try{await m("__none__"===e?null:e)}finally{y(!1),h(!1)}};return(0,a.jsxs)("div",{className:`group flex flex-col gap-3 p-2 rounded-lg sm:flex-row sm:items-center sm:justify-between hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors ${!1===e.isActive?"opacity-60":""}`,children:[(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-1 items-start gap-3 sm:items-center",children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("button",{onClick:o,disabled:r,className:`p-0.5 rounded ${r?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_up"})}),(0,a.jsx)("button",{onClick:d,disabled:l,className:`p-0.5 rounded ${l?"text-text-muted/30 cursor-not-allowed":"hover:bg-sidebar text-text-muted hover:text-primary"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"keyboard_arrow_down"})})]}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-text-muted",children:s?"lock":"key"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-sm font-medium truncate",children:M}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,a.jsx)(i.Ex,{variant:!1===e.isActive?"default":"active"===R||"success"===R?"success":"error"===R||"expired"===R||"unavailable"===R?"error":"default",size:"sm",dot:!0,children:!1===e.isActive?"disabled":R||"Unknown"}),$&&(0,a.jsx)(i.Ex,{variant:T,size:"sm",children:"Proxy"}),v&&!1!==e.isActive&&(0,a.jsx)(b,{until:I}),e.lastError&&!1!==e.isActive&&(0,a.jsx)("span",{className:"text-xs text-red-500 truncate max-w-[300px]",title:e.lastError,children:e.lastError}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["#",e.priority]})]}),$&&(0,a.jsxs)("div",{className:"mt-1 flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-[11px] text-text-muted truncate max-w-[420px]",title:P,children:P}),_&&(0,a.jsx)("code",{className:"text-[10px] font-mono bg-black/5 dark:bg-white/5 px-1 py-0.5 rounded text-text-muted",children:_}),E&&(0,a.jsxs)("span",{className:"text-[11px] text-text-muted truncate max-w-[320px]",title:E,children:["no_proxy: ",E]})]})]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end",children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(t||[]).length>0&&(0,a.jsxs)("div",{className:"relative",ref:w,children:[(0,a.jsxs)("button",{onClick:()=>h(e=>!e),className:`flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors ${$?"text-primary":"text-text-muted hover:text-primary"}`,disabled:g,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:g?"progress_activity":"lan"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Proxy"})]}),x&&(0,a.jsxs)("div",{className:"absolute right-0 top-full mt-1 z-50 bg-bg border border-border rounded-lg shadow-lg py-1 min-w-[160px]",children:[(0,a.jsx)("button",{onClick:()=>O("__none__"),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${!k?"text-primary font-medium":"text-text-main"}`,children:"None"}),(t||[]).map(e=>(0,a.jsx)("button",{onClick:()=>O(e.id),className:`w-full text-left px-3 py-1.5 text-sm hover:bg-black/5 dark:hover:bg-white/5 ${k===e.id?"text-primary font-medium":"text-text-main"}`,children:e.name},e.id))]})]}),(0,a.jsxs)("button",{onClick:p,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,a.jsxs)("button",{onClick:u,className:"flex flex-col items-center px-2 py-1 rounded hover:bg-red-500/10 text-red-500",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]}),(0,a.jsx)(i.lM,{size:"sm",checked:e.isActive??!0,onChange:c,title:e.isActive??!0?"Disable":"Enable"})]})]})}function g({isOpen:e,provider:t,providerName:s,proxyPools:r,onSave:l,onClose:o}){let d="__none__",[c,m]=(0,n.useState)({name:"",apiKey:"",priority:1,proxyPoolId:d}),[p,u]=(0,n.useState)(!1),[x,h]=(0,n.useState)(null),[b,f]=(0,n.useState)(!1),y=s?`${s} Key`:"Production Key";(0,n.useEffect)(()=>{e&&(m({name:s?`${s} Key`:"",apiKey:"",priority:1,proxyPoolId:d}),h(null),u(!1),f(!1))},[e,s]);let v=async()=>{u(!0);try{let e=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})}),s=await e.json();h(s.valid?"success":"failed")}catch{h("failed")}finally{u(!1)}},j=async()=>{if(t&&c.apiKey){f(!0);try{let e=!1;try{u(!0),h(null);let s=await fetch("/api/providers/validate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:t,apiKey:c.apiKey})});e=!!(await s.json()).valid,h(e?"success":"failed")}catch{h("failed")}finally{u(!1)}await l({name:c.name.trim()||y,apiKey:c.apiKey,priority:c.priority,proxyPoolId:c.proxyPoolId===d?null:c.proxyPoolId,testStatus:e?"active":"unknown"})}finally{f(!1)}}};return t?(0,a.jsx)(i.aF,{isOpen:e,title:`Add ${s||t} API Key`,onClose:o,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Name"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.name,onChange:e=>m({...c,name:e.target.value}),placeholder:y})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"API Key"}),(0,a.jsx)("input",{type:"password",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.apiKey,onChange:e=>m({...c,apiKey:e.target.value})})]}),(0,a.jsx)("div",{className:"pt-6",children:(0,a.jsx)(i.$n,{onClick:v,disabled:!c.apiKey||p||b,variant:"secondary",children:p?"Checking...":"Check"})})]}),x&&(0,a.jsx)(i.Ex,{variant:"success"===x?"success":"error",children:"success"===x?"Valid":"Invalid"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Priority"}),(0,a.jsx)("input",{type:"number",className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:c.priority,onChange:e=>m({...c,priority:Number.parseInt(e.target.value)||1})})]}),(0,a.jsx)(i.l6,{label:"Proxy Pool",value:c.proxyPoolId,onChange:e=>m({...c,proxyPoolId:e.target.value}),options:[{value:d,label:"None"},...(r||[]).map(e=>({value:e.id,label:e.name}))]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(i.$n,{onClick:j,fullWidth:!0,disabled:!c.apiKey||b,children:b?"Saving...":"Save"}),(0,a.jsx)(i.$n,{onClick:o,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}):null}function y({providerId:e,providerName:t,isOAuth:s}){let[r,l]=(0,n.useState)([]),[o,d]=(0,n.useState)([]),[c,m]=(0,n.useState)(!0),[p,u]=(0,n.useState)(!1),[x,h]=(0,n.useState)(!1),[b,v]=(0,n.useState)(null),[j,w]=(0,n.useState)(null),[N,k]=(0,n.useState)("1"),S=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/providers",{cache:"no-store"}),fetch("/api/proxy-pools?isActive=true",{cache:"no-store"}),fetch("/api/settings",{cache:"no-store"})]),r=await t.json(),o=await s.json(),n=a.ok?await a.json():{};t.ok&&l((r.connections||[]).filter(t=>t.provider===e)),s.ok&&d(o.proxyPools||[]);let i=(n.providerStrategies||{})[e]||{};w(i.fallbackStrategy||null),k(null!=i.stickyRoundRobinLimit?String(i.stickyRoundRobinLimit):"1")}catch(e){console.log("ConnectionsCard fetch error:",e)}finally{m(!1)}},[e]);(0,n.useEffect)(()=>{S()},[S]);let C=async(t,s)=>{try{let a=await fetch("/api/settings",{cache:"no-store"}),r=(a.ok?await a.json():{}).providerStrategies||{},l={};t&&(l.fallbackStrategy=t),"round-robin"===t&&""!==s&&(l.stickyRoundRobinLimit=Number(s)||3);let o={...r};0===Object.keys(l).length?delete o[e]:o[e]=l,await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerStrategies:o})})}catch(e){console.log("saveStrategy error:",e)}},$=async(e,t)=>{let s=[...r];[s[e],s[t]]=[s[t],s[e]],l(s);try{await Promise.all([fetch(`/api/providers/${s[e].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:e})}),fetch(`/api/providers/${s[t].id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({priority:t})})])}catch{await S()}},P=async e=>{if(confirm("Delete this connection?"))try{(await fetch(`/api/providers/${e}`,{method:"DELETE"})).ok&&l(t=>t.filter(t=>t.id!==e))}catch(e){console.log("delete error:",e)}},_=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&l(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("toggle error:",e)}},A=async(e,t)=>{try{(await fetch(`/api/providers/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyPoolId:t||null})})).ok&&l(s=>s.map(s=>s.id===e?{...s,providerSpecificData:{...s.providerSpecificData,proxyPoolId:t||null}}:s))}catch(e){console.log("proxy error:",e)}},E=async t=>{try{(await fetch("/api/providers",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,...t})})).ok&&(await S(),u(!1))}catch(e){console.log("save apikey error:",e)}},T=async e=>{try{(await fetch(`/api/providers/${b.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})).ok&&(await S(),h(!1))}catch(e){console.log("update connection error:",e)}};return c?(0,a.jsx)(i.Zp,{children:(0,a.jsx)("div",{className:"h-20 animate-pulse bg-black/5 rounded-lg"})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.Zp,{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:"Connections"}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted font-medium",children:"Round Robin"}),(0,a.jsx)(i.lM,{checked:"round-robin"===j,onChange:e=>{let t=e?"round-robin":null;w(t),e&&!N&&k("1"),C(t,e?N||"1":N)}}),"round-robin"===j&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,a.jsx)("span",{className:"text-xs text-text-muted",children:"Sticky:"}),(0,a.jsx)("input",{type:"number",min:1,value:N,onChange:e=>{k(e.target.value),C("round-robin",e.target.value)},className:"w-16 px-2 py-1 text-xs border border-border rounded-md bg-background focus:outline-none focus:border-primary"})]})]})]}),0===r.length?(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"No connections yet"}),(0,a.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add Connection"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]",children:r.map((e,t)=>(0,a.jsx)(f,{connection:e,proxyPools:o,isOAuth:s,isFirst:0===t,isLast:t===r.length-1,onMoveUp:()=>$(t,t-1),onMoveDown:()=>$(t,t+1),onToggleActive:t=>_(e.id,t),onUpdateProxy:t=>A(e.id,t),onEdit:()=>{v(e),h(!0)},onDelete:()=>P(e.id)},e.id))}),(0,a.jsx)("div",{className:"mt-4 flex justify-stretch sm:justify-start",children:(0,a.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>u(!0),children:"Add"})})]})]}),(0,a.jsx)(g,{isOpen:p,provider:e,providerName:t,proxyPools:o,onSave:E,onClose:()=>u(!1)}),(0,a.jsx)(i.wI,{isOpen:x,connection:b,proxyPools:o,onSave:T,onClose:()=>h(!1)})]})}function v({model:e,fullModel:t,displayModel:s,copied:r,onCopy:l,testStatus:o,isCustom:n,isFree:i,onDeleteAlias:d,onTest:c,isTesting:m}){let p="ok"===o?"#22c55e":"error"===o?"#ef4444":void 0;return(0,a.jsx)("div",{className:`group px-3 py-2 rounded-lg border ${"ok"===o?"border-green-500/40":"error"===o?"border-red-500/40":"border-border"} hover:bg-sidebar/50`,children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-base",style:p?{color:p}:void 0,children:"ok"===o?"check_circle":"error"===o?"cancel":"smart_toy"}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("code",{className:"text-xs text-text-muted font-mono bg-sidebar px-1.5 py-0.5 rounded",children:s||t}),e.name&&(0,a.jsx)("span",{className:"text-[9px] text-text-muted/70 italic pl-1",children:e.name})]}),c&&(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:c,disabled:m,className:`p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary transition-opacity ${m?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",style:m?{animation:"spin 1s linear infinite"}:void 0,children:m?"progress_activity":"science"})}),(0,a.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:m?"Testing...":"Test"})]}),(0,a.jsxs)("div",{className:"relative group/btn",children:[(0,a.jsx)("button",{onClick:()=>l(t,`model-${e.id}`),className:"p-0.5 hover:bg-sidebar rounded text-text-muted hover:text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:r===`model-${e.id}`?"check":"content_copy"})}),(0,a.jsx)("span",{className:"pointer-events-none absolute mt-1 top-5 left-1/2 -translate-x-1/2 text-[10px] text-text-muted whitespace-nowrap opacity-0 group-hover/btn:opacity-100 transition-opacity",children:r===`model-${e.id}`?"Copied!":"Copy"})]}),i&&(0,a.jsx)("span",{className:"text-[10px] font-bold text-green-500 bg-green-500/10 px-1.5 py-0.5 rounded",children:"FREE"}),n&&(0,a.jsx)("button",{onClick:d,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity ml-auto",title:"Remove custom model",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"close"})})]})})}function j({isOpen:e,onSave:t,onClose:s}){let[r,l]=(0,n.useState)(""),o=()=>{r.trim()&&(t(r.trim()),l(""))};return(0,a.jsx)(i.aF,{isOpen:e,title:"Add Custom Model",onClose:s,children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-xs text-text-muted mb-1 block",children:"Model ID"}),(0,a.jsx)("input",{className:"w-full px-3 py-2 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary",value:r,onChange:e=>l(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"e.g. tts-1-hd",autoFocus:!0})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(i.$n,{type:"button",onClick:o,fullWidth:!0,disabled:!r.trim(),children:"Add"}),(0,a.jsx)(i.$n,{type:"button",onClick:s,variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})})}function w({providerId:e,kindFilter:t,providerAliasOverride:s,hiddenModelIds:r=[]}){let{copied:l,copy:o}=(0,u.C)(),[d,c]=(0,n.useState)({}),[x,h]=(0,n.useState)([]),[b,f]=(0,n.useState)({}),[g,y]=(0,n.useState)(null),[N,k]=(0,n.useState)(""),[S,C]=(0,n.useState)(!1),[$,P]=(0,n.useState)([]),_=s||(0,m.wG)(e),A="codex"===e,E=t||"llm",T=new Set(r),I=(0,n.useCallback)(async()=>{try{let[t,s,a]=await Promise.all([fetch("/api/models/alias"),fetch("/api/providers",{cache:"no-store"}),fetch("/api/models/custom",{cache:"no-store"})]),r=await t.json(),l=await s.json(),o=await a.json();t.ok&&c(r.aliases||{}),s.ok&&P((l.connections||[]).filter(t=>t.provider===e)),a.ok&&h(o.models||[])}catch(e){console.log("ModelsCard fetch error:",e)}},[e]);(0,n.useEffect)(()=>{I()},[I]);let R=async(e,t)=>{let s=`${_}/${e}`;try{(await fetch("/api/models/alias",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:s,alias:t})})).ok&&await I()}catch(e){console.log("set alias error:",e)}},M=async e=>{try{(await fetch(`/api/models/alias?alias=${encodeURIComponent(e)}`,{method:"DELETE"})).ok&&await I()}catch(e){console.log("delete alias error:",e)}},O=async e=>{try{(await fetch("/api/models/custom",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerAlias:_,id:e,type:E})})).ok&&(await I(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("add custom model error:",e)}},K=async e=>{try{let t=new URLSearchParams({providerAlias:_,id:e,type:E});(await fetch(`/api/models/custom?${t}`,{method:"DELETE"})).ok&&(await I(),window.dispatchEvent(new CustomEvent("customModelChanged")))}catch(e){console.log("delete custom model error:",e)}},L=async e=>{if(!g){y(e);try{let s=await fetch("/api/models/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:`${_}/${e}`,kind:t})}),a=await s.json();f(t=>({...t,[e]:a.ok?"ok":"error"})),k(a.ok?"":a.error||"Model not reachable")}catch{f(t=>({...t,[e]:"error"})),k("Network error")}finally{y(null)}}},U=(0,p.KC)(e),D=t?U.filter(e=>e.kinds?e.kinds.includes(t):(e.type||"llm")===t).filter(e=>!T.has(e.id)):U.filter(e=>!T.has(e.id)),B=x.filter(e=>e.providerAlias===_&&(e.type||"llm")===E&&!D.some(t=>t.id===e.id));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.Zp,{children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-4",children:(0,a.jsxs)("h2",{className:"text-lg font-semibold",children:["Models",t?` — ${t.toUpperCase()}`:""]})}),N&&(0,a.jsx)("p",{className:"text-xs text-red-500 mb-3 wrap-break-word",children:N}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-3",children:[D.map(e=>{let t=`${_}/${e.id}`,s=Object.entries(d).find(([,e])=>e===t)?.[0];return(0,a.jsx)(v,{model:e,fullModel:`${_}/${e.id}`,displayModel:A?e.id:`${_}/${e.id}`,alias:s,copied:l,onCopy:o,onSetAlias:t=>R(e.id,t),onDeleteAlias:()=>M(s),testStatus:b[e.id],onTest:$.length>0?()=>L(e.id):void 0,isTesting:g===e.id,isFree:e.isFree},e.id)}),B.map(e=>(0,a.jsx)(v,{model:{id:e.id,name:e.name},fullModel:`${_}/${e.id}`,displayModel:A?e.id:`${_}/${e.id}`,copied:l,onCopy:o,onSetAlias:()=>{},onDeleteAlias:()=>K(e.id),testStatus:b[e.id],onTest:$.length>0?()=>L(e.id):void 0,isTesting:g===e.id,isCustom:!0},`${e.id}-${e.type}`)),(0,a.jsxs)("button",{onClick:()=>C(!0),className:"flex items-center gap-1.5 px-3 py-2 rounded-lg border border-dashed border-black/15 dark:border-white/15 text-xs text-text-muted hover:text-primary hover:border-primary/40 transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"add"}),"Add Model"]})]})]}),(0,a.jsx)(j,{isOpen:S,onSave:async e=>{await O(e),C(!1)},onClose:()=>C(!1)})]})}b.propTypes={until:h().string.isRequired},f.propTypes={connection:h().shape({id:h().string,name:h().string,email:h().string,displayName:h().string,testStatus:h().string,isActive:h().bool,lastError:h().string,priority:h().number}).isRequired,proxyPools:h().array,isOAuth:h().bool.isRequired,isFirst:h().bool.isRequired,isLast:h().bool.isRequired,onMoveUp:h().func.isRequired,onMoveDown:h().func.isRequired,onToggleActive:h().func.isRequired,onUpdateProxy:h().func,onEdit:h().func.isRequired,onDelete:h().func.isRequired},g.propTypes={isOpen:h().bool.isRequired,provider:h().string,providerName:h().string,proxyPools:h().array,onSave:h().func.isRequired,onClose:h().func.isRequired},y.propTypes={providerId:h().string.isRequired,providerName:h().string,isOAuth:h().bool},v.propTypes={model:h().shape({id:h().string.isRequired}).isRequired,fullModel:h().string.isRequired,displayModel:h().string,copied:h().string,onCopy:h().func.isRequired,testStatus:h().oneOf(["ok","error"]),isCustom:h().bool,isFree:h().bool,onDeleteAlias:h().func,onTest:h().func,isTesting:h().bool},j.propTypes={isOpen:h().bool.isRequired,onSave:h().func.isRequired,onClose:h().func.isRequired},w.propTypes={providerId:h().string.isRequired,kindFilter:h().string,providerAliasOverride:h().string,hiddenModelIds:h().arrayOf(h().string)};let N={"google-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"hardcoded"},openai:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openai-tts-models",voiceKey:"openai-tts-voices",voicesPerModel:!0},openrouter:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"openrouter-tts-models",voiceKey:"openrouter-tts-voices",voicesPerModel:!0},elevenlabs:{hasLanguageDropdown:!1,hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"elevenlabs-tts-models",apiEndpoint:"/api/media-providers/tts/elevenlabs/voices"},"edge-tts":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},"local-device":{hasLanguageDropdown:!1,hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language"},nvidia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},hyperbolic:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},deepgram:{hasModelSelector:!1,hasBrowseButton:!0,voiceSource:"api-language",apiEndpoint:"/api/media-providers/tts/deepgram/voices"},huggingface:{hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"config"},cartesia:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},playht:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},coqui:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},tortoise:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},inworld:{hasModelSelector:!0,hasBrowseButton:!0,hasVoiceIdInput:!0,voiceSource:"api-language",modelKey:"inworld-tts-models",apiEndpoint:"/api/media-providers/tts/inworld/voices"},qwen:{hasModelSelector:!0,hasBrowseButton:!1,hasVoiceIdInput:!0,voiceSource:"config"},gemini:{hasLanguageDropdown:!1,hasLanguageHint:!0,hasModelSelector:!0,hasBrowseButton:!1,voiceSource:"hardcoded",modelKey:"gemini-tts-models",voiceKey:"gemini-tts-voices",voicesPerModel:!0}};var k=s(717),S=s(91781);function C({label:e,children:t,align:s="center"}){return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3",children:[(0,a.jsx)("span",{className:"w-full text-xs font-medium text-text-muted sm:w-20 sm:shrink-0",children:e}),(0,a.jsx)("div",{className:"w-full min-w-0 flex-1",children:t})]})}function $(){return"u">typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2,11)}`}let P=`// Audio will appear here after running.
 // Example JSON response (response_format=json):
 {
   "format": "mp3",
@@ -56,4 +56,4 @@
   -F "temperature=${k}"`:""}${h.includes("prompt")&&v?` \\
   -F "prompt=${v}"`:""}`,Q=async()=>{if(!b||!Y)return;B(!0),z(""),O(null);let e=Date.now();try{let t=new FormData;t.append("file",b),t.append("model",Y),h.includes("language")&&g&&t.append("language",g),h.includes("response_format")&&t.append("response_format",w),h.includes("temperature")&&k&&t.append("temperature",k),h.includes("prompt")&&v&&t.append("prompt",v);let s={};$&&(s.Authorization=`Bearer ${$}`);let a=await fetch("/api/v1/audio/transcriptions",{method:"POST",headers:s,body:t});U(Date.now()-e);let r=(a.headers.get("content-type")||"").includes("application/json")?await a.json():await a.text();if(!a.ok)return void z(r?.error?.message||r?.error||r||`HTTP ${a.status}`);O(r)}catch(e){z(e.message||"Network error")}finally{B(!1)}},Z="string"==typeof M?M:M?JSON.stringify(M,null,2):`{
   "text": "Hello world..."
-}`;return(0,a.jsxs)(i.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[o.length>0?(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("select",{value:d,onChange:e=>c(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:o.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("input",{value:d,onChange:e=>c(e.target.value),placeholder:"Enter model id",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"})}),(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[W,"/v1/audio/transcriptions"]}),I&&(0,a.jsxs)("button",{onClick:()=>A(e=>!e),title:_?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${_?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:$?`${$.slice(0,8)}${"•".repeat(Math.min(20,$.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,a.jsx)(C,{label:"Audio File",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("input",{type:"file",accept:"audio/*,video/mp4,.m4a,.mp3,.wav,.ogg,.flac,.webm,.opus",onChange:e=>f(e.target.files?.[0]||null),className:"w-full text-xs text-text-muted file:mr-2 file:py-1 file:px-2.5 file:rounded-lg file:border file:border-border file:bg-background file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),b&&(0,a.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[b.name," \xb7 ",(b.size/1024).toFixed(1)," KB"]})]})}),h.includes("language")&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsx)("input",{value:g,onChange:e=>y(e.target.value),placeholder:"e.g. en, vi, ja (auto-detect if empty)",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"})}),h.includes("prompt")&&(0,a.jsx)(C,{label:"Prompt",children:(0,a.jsx)("input",{value:v,onChange:e=>j(e.target.value),placeholder:"optional context to improve accuracy",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),h.includes("temperature")&&(0,a.jsx)(C,{label:"Temperature",children:(0,a.jsx)("input",{type:"number",step:"0.1",min:"0",max:"1",value:k,onChange:e=>S(e.target.value),placeholder:"0 - 1 (default 0)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),h.includes("response_format")&&(0,a.jsx)(C,{label:"Response Format",children:(0,a.jsxs)("select",{value:w,onChange:e=>N(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,a.jsx)("option",{value:"json",children:"json"}),(0,a.jsx)("option",{value:"text",children:"text"}),(0,a.jsx)("option",{value:"srt",children:"srt"}),(0,a.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,a.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>J(G),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:q?"check":"content_copy"}),q?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:Q,disabled:D||!b||!Y,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:D?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),D?"Transcribing...":"Run"]})]})]}),(0,a.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:G})]}),F&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:F}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",M&&L&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",L,"ms"]})]}),M&&(0,a.jsxs)("button",{onClick:()=>V(Z),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:H?"check":"content_copy"}),H?"Copied":"Copy"]})]}),(0,a.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})]})]})]})}function L(){let{kind:e,id:t}=(0,r.useParams)(),s=(0,r.useRouter)(),l=m.rj.find(t=>t.id===e),c=(0,m.gC)(t)&&"embedding"===e,p=(0,m.Yg)(t)&&"image"===e,u=c||p,x=async()=>{if(confirm(`Delete this ${p?"Custom Image":"Custom Embedding"} node?`))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&s.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom media node:",e)}},[h,b]=(0,n.useState)(null),[f,g]=(0,n.useState)(u),[v,j]=(0,n.useState)(!1),[N,k]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{if(!u)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(s=>{e||(b((s.nodes||[]).find(e=>e.id===t)||null),g(!1))}).catch(()=>{e||g(!1)}),()=>{e=!0}},[t,u]),(0,n.useEffect)(()=>{let a=!1;return fetch("/api/auth/me",{cache:"no-store"}).then(e=>e.json()).then(r=>{if(!a){if("sub_user"===r.role&&!(r.allowedProviders||[]).includes(t))return void s.replace(`/dashboard/media-providers/${e}`);k(!0)}}).catch(()=>{a||k(!0)}),()=>{a=!0}},[t,e,s]),!l)return(0,r.notFound)();if(!N)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let S=m.Q2[t],C=u?h?{id:t,name:h.name||(p?"Custom Image":"Custom Embedding"),color:p?"#EC4899":"#6366F1",textIcon:p?"CI":"CE"}:null:S;if(!u&&!S||u&&!f&&!h)return(0,r.notFound)();if(u&&f)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let $=u?[e]:C.serviceKinds??["llm"];return u||$.includes(e)?(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)(o(),{href:`/dashboard/media-providers/${e}`,className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),l.label]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,a.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${C.color}15`},children:(0,a.jsx)(d.A,{src:`/providers/${C.id}.png`,alt:C.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:C.textIcon||C.id.slice(0,2).toUpperCase(),fallbackColor:C.color})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,a.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:C.name}),!u&&C.notice?.apiKeyUrl&&(0,a.jsxs)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[u&&(0,a.jsxs)(i.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",h?.prefix]}),$.map(t=>(0,a.jsx)(i.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),u&&(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>j(!0),children:"Edit"}),(0,a.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:x,children:"Delete"})]})]})]}),!u&&C.kindNotice?.[e]&&(0,a.jsxs)("div",{className:"flex items-start gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/30 text-amber-700 dark:text-amber-400",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,a.jsx)("p",{className:"text-sm",children:C.kindNotice[e]})]}),!u&&C.notice?.text&&!C.deprecated&&(0,a.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border border-blue-500/30 bg-blue-500/10 px-3 py-2 sm:flex-row sm:items-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,a.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:C.notice.text}),C.notice.apiKeyUrl&&(0,a.jsx)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),!u&&C.noAuth?(0,a.jsx)(i.gw,{providerId:t}):(0,a.jsx)(y,{providerId:t,providerName:C.name,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,a.jsx)(w,{providerId:t,kindFilter:e,providerAliasOverride:u?h?.prefix:void 0,hiddenModelIds:[...E[e]||[]]}),!u&&(C.searchConfig||C.fetchConfig||C.ttsConfig||C.sttConfig||C.embeddingConfig||C.searchViaChat)&&(0,a.jsx)(i.Wx,{config:"webFetch"===e?C.fetchConfig:"tts"===e?C.ttsConfig:"stt"===e?C.sttConfig:"embedding"===e?C.embeddingConfig:C.searchConfig||{mode:"chat-completions",defaultModel:C.searchViaChat?.defaultModel,pricingUrl:C.searchViaChat?.pricingUrl,freeTier:C.searchViaChat?.freeTier},provider:C,title:`${l.label} Config`}),"embedding"===e&&(0,a.jsx)(R,{providerId:t,customAlias:h?.prefix}),"tts"===e&&(0,a.jsx)(M,{providerId:t}),"stt"===e&&!u&&(0,a.jsx)(K,{providerId:t}),(!u&&I[e]||p&&I[e])&&(0,a.jsx)(O,{providerId:t,kind:e,providerAliasOverride:h?.prefix,customNode:p?h:null}),c&&(0,a.jsx)(i.x0,{isOpen:v,node:h,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}}),p&&(0,a.jsx)(i.VW,{isOpen:v,node:h,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}})]}):(0,r.notFound)()}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=71195)),_N_E=e.O()}]);
+}`;return(0,a.jsxs)(i.Zp,{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"Example"}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5",children:[o.length>0?(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("select",{value:d,onChange:e=>c(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:o.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name||e.id},e.id))})}):(0,a.jsx)(C,{label:"Model",children:(0,a.jsx)("input",{value:d,onChange:e=>c(e.target.value),placeholder:"Enter model id",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"})}),(0,a.jsx)(C,{label:"Endpoint",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.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:[W,"/v1/audio/transcriptions"]}),I&&(0,a.jsxs)("button",{onClick:()=>A(e=>!e),title:_?"Using tunnel":"Using local",className:`flex items-center gap-1 text-xs px-2 py-1.5 rounded-lg border shrink-0 transition-colors ${_?"border-primary/40 bg-primary/10 text-primary":"border-border text-text-muted hover:text-primary"}`,children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"wifi_tethering"}),"Tunnel"]})]})}),(0,a.jsx)(C,{label:"API Key",children:(0,a.jsx)("span",{className:"px-3 py-1.5 text-sm font-mono text-text-main bg-sidebar rounded-lg truncate block",children:$?`${$.slice(0,8)}${"•".repeat(Math.min(20,$.length-8))}`:(0,a.jsx)("span",{className:"text-text-muted italic",children:"No key configured"})})}),(0,a.jsx)(C,{label:"Audio File",children:(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("input",{type:"file",accept:"audio/*,video/mp4,.m4a,.mp3,.wav,.ogg,.flac,.webm,.opus",onChange:e=>f(e.target.files?.[0]||null),className:"w-full text-xs text-text-muted file:mr-2 file:py-1 file:px-2.5 file:rounded-lg file:border file:border-border file:bg-background file:text-text-main hover:file:bg-sidebar file:cursor-pointer"}),b&&(0,a.jsxs)("span",{className:"text-xs text-text-muted font-mono",children:[b.name," \xb7 ",(b.size/1024).toFixed(1)," KB"]})]})}),h.includes("language")&&(0,a.jsx)(C,{label:"Language",children:(0,a.jsx)("input",{value:g,onChange:e=>y(e.target.value),placeholder:"e.g. en, vi, ja (auto-detect if empty)",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"})}),h.includes("prompt")&&(0,a.jsx)(C,{label:"Prompt",children:(0,a.jsx)("input",{value:v,onChange:e=>j(e.target.value),placeholder:"optional context to improve accuracy",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),h.includes("temperature")&&(0,a.jsx)(C,{label:"Temperature",children:(0,a.jsx)("input",{type:"number",step:"0.1",min:"0",max:"1",value:k,onChange:e=>S(e.target.value),placeholder:"0 - 1 (default 0)",className:"w-full px-3 py-1.5 text-sm border border-border rounded-lg bg-background focus:outline-none focus:border-primary"})}),h.includes("response_format")&&(0,a.jsx)(C,{label:"Response Format",children:(0,a.jsxs)("select",{value:w,onChange:e=>N(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,a.jsx)("option",{value:"json",children:"json"}),(0,a.jsx)("option",{value:"text",children:"text"}),(0,a.jsx)("option",{value:"srt",children:"srt"}),(0,a.jsx)("option",{value:"verbose_json",children:"verbose_json"}),(0,a.jsx)("option",{value:"vtt",children:"vtt"})]})}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:"Request"}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsxs)("button",{onClick:()=>J(G),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:q?"check":"content_copy"}),q?"Copied":"Copy"]}),(0,a.jsxs)("button",{onClick:Q,disabled:D||!b||!Y,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,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:D?{animation:"spin 1s linear infinite"}:void 0,children:"play_arrow"}),D?"Transcribing...":"Run"]})]})]}),(0,a.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:G})]}),F&&(0,a.jsx)("p",{className:"text-xs text-red-500 break-words",children:F}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-1.5",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wider",children:["Response ",M&&L&&(0,a.jsxs)("span",{className:"font-normal normal-case",children:["⚡ ",L,"ms"]})]}),M&&(0,a.jsxs)("button",{onClick:()=>V(Z),className:"inline-flex items-center gap-1 text-xs text-text-muted hover:text-primary transition-colors",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:H?"check":"content_copy"}),H?"Copied":"Copy"]})]}),(0,a.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})]})]})]})}function L(){let{kind:e,id:t}=(0,r.useParams)(),s=(0,r.useRouter)(),l=m.rj.find(t=>t.id===e),c=(0,m.gC)(t)&&"embedding"===e,p=(0,m.Yg)(t)&&"image"===e,u=c||p,x=async()=>{if(confirm(`Delete this ${p?"Custom Image":"Custom Embedding"} node?`))try{(await fetch(`/api/provider-nodes/${t}`,{method:"DELETE"})).ok&&s.push(`/dashboard/media-providers/${e}`)}catch(e){console.log("Error deleting custom media node:",e)}},[h,b]=(0,n.useState)(null),[f,g]=(0,n.useState)(u),[v,j]=(0,n.useState)(!1),[N,k]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{if(!u)return;let e=!1;return fetch("/api/provider-nodes",{cache:"no-store"}).then(e=>e.json()).then(s=>{e||(b((s.nodes||[]).find(e=>e.id===t)||null),g(!1))}).catch(()=>{e||g(!1)}),()=>{e=!0}},[t,u]),(0,n.useEffect)(()=>{let a=!1;return fetch("/api/auth/me",{cache:"no-store"}).then(e=>e.json()).then(r=>{if(!a){if("sub_user"===r.role&&!(r.allowedProviders||[]).includes(t))return void s.replace(`/dashboard/media-providers/${e}`);k(!0)}}).catch(()=>{a||k(!0)}),()=>{a=!0}},[t,e,s]),!l)return(0,r.notFound)();if(!N)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let S=m.Q2[t],C=u?h?{id:t,name:h.name||(p?"Custom Image":"Custom Embedding"),color:p?"#EC4899":"#6366F1",textIcon:p?"CI":"CE"}:null:S;if(!u&&!S||u&&!f&&!h)return(0,r.notFound)();if(u&&f)return(0,a.jsx)("div",{className:"text-text-muted text-sm py-12 text-center",children:"Loading..."});let $=u?[e]:C.serviceKinds??["llm"];return u||$.includes(e)?(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)(o(),{href:`/dashboard/media-providers/${e}`,className:"inline-flex items-center gap-1 text-sm text-text-muted hover:text-primary transition-colors mb-4",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-lg",children:"arrow_back"}),l.label]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4",children:[(0,a.jsx)("div",{className:"size-12 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:`${C.color}15`},children:(0,a.jsx)(d.A,{src:`/providers/${C.id}.png`,alt:C.name,size:48,className:"object-contain rounded-lg max-w-[48px] max-h-[48px]",fallbackText:C.textIcon||C.id.slice(0,2).toUpperCase(),fallbackColor:C.color})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 sm:gap-3",children:[(0,a.jsx)("h1",{className:"text-3xl font-semibold tracking-tight",children:C.name}),!u&&C.notice?.apiKeyUrl&&(0,a.jsxs)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-primary hover:underline inline-flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-sm",children:"open_in_new"}),"Get API Key"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mt-1 flex-wrap",children:[u&&(0,a.jsxs)(i.Ex,{variant:"default",size:"sm",children:["Custom \xb7 ",h?.prefix]}),$.map(t=>(0,a.jsx)(i.Ex,{variant:t===e?"primary":"default",size:"sm",children:t.toUpperCase()},t))]})]}),u&&(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-center",children:[(0,a.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"edit",onClick:()=>j(!0),children:"Edit"}),(0,a.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"delete",onClick:x,children:"Delete"})]})]})]}),!u&&C.kindNotice?.[e]&&(0,a.jsxs)("div",{className:"flex items-start gap-3 px-4 py-3 rounded-lg bg-amber-500/10 border border-amber-500/30 text-amber-700 dark:text-amber-400",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px] mt-0.5",children:"warning"}),(0,a.jsx)("p",{className:"text-sm",children:C.kindNotice[e]})]}),!u&&C.notice?.text&&!C.deprecated&&(0,a.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg border border-blue-500/30 bg-blue-500/10 px-3 py-2 sm:flex-row sm:items-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-blue-500 shrink-0",children:"info"}),(0,a.jsx)("p",{className:"min-w-0 flex-1 text-xs leading-relaxed text-blue-600 dark:text-blue-400",children:C.notice.text}),C.notice.apiKeyUrl&&(0,a.jsx)("a",{href:C.notice.apiKeyUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex justify-center rounded bg-blue-500 px-2 py-1 text-xs font-medium text-white transition-colors hover:bg-blue-600 sm:py-0.5",children:"Get API Key →"})]}),!u&&C.noAuth?(0,a.jsx)(i.gw,{providerId:t}):(0,a.jsx)(y,{providerId:t,providerName:C.name,isOAuth:!1}),"tts"!==e&&"webSearch"!==e&&"webFetch"!==e&&(0,a.jsx)(w,{providerId:t,kindFilter:e,providerAliasOverride:u?h?.prefix:void 0,hiddenModelIds:[...E[e]||[]]}),!u&&(C.searchConfig||C.fetchConfig||C.ttsConfig||C.sttConfig||C.embeddingConfig||C.searchViaChat)&&(0,a.jsx)(i.Wx,{config:"webFetch"===e?C.fetchConfig:"tts"===e?C.ttsConfig:"stt"===e?C.sttConfig:"embedding"===e?C.embeddingConfig:C.searchConfig||{mode:"chat-completions",defaultModel:C.searchViaChat?.defaultModel,pricingUrl:C.searchViaChat?.pricingUrl,freeTier:C.searchViaChat?.freeTier},provider:C,title:`${l.label} Config`}),"embedding"===e&&(0,a.jsx)(R,{providerId:t,customAlias:h?.prefix}),"tts"===e&&(0,a.jsx)(M,{providerId:t}),"stt"===e&&!u&&(0,a.jsx)(K,{providerId:t}),(!u&&I[e]||p&&I[e])&&(0,a.jsx)(O,{providerId:t,kind:e,providerAliasOverride:h?.prefix,customNode:p?h:null}),c&&(0,a.jsx)(i.x0,{isOpen:v,node:h,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}}),p&&(0,a.jsx)(i.VW,{isOpen:v,node:h,onClose:()=>j(!1),onSaved:e=>{b(e),j(!1)}})]}):(0,r.notFound)()}}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=37590)),_N_E=e.O()}]);