@jheavenknows/bluerouter 2.0.42 → 2.0.44

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

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{20061:(e,t,a)=>{Promise.resolve().then(a.bind(a,47295))},47295:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>F});var n=a(95155),r=a(12115),l=a(44923),s=a(87256),o=a(39768),i=a(82639),d=a(35497),c=a(11059),m=a(28777),u=a(52679);let x=/^[a-zA-Z0-9_.\-]+$/,b=[{value:"global",label:"To\xe0n cục / h\xe0nh vi hiện tại",description:"Giữ h\xe0nh vi hiện tại: mọi request d\xf9ng chung v\xf2ng xoay combo to\xe0n cục."},{value:"client_ip",label:"IP client",description:"Giữ c\xf9ng model khởi đầu cho c\xf9ng IP client cho đến khi hết TTL."},{value:"client_session",label:"IP client + phi\xean chat",description:"Ph\xf9 hợp nhất cho c\xf4ng cụ chat. Giữ c\xf9ng model cho c\xf9ng m\xe1y v\xe0 c\xf9ng phi\xean chat."}],p=[{value:"fallback",label:"Ưu ti\xean fallback",description:"Thử model trong combo theo đ\xfang thứ tự hiển thị, lỗi th\xec fallback."},{value:"round-robin",label:"Round Robin",description:"Lu\xe2n phi\xean model đang bật được thử đầu ti\xean. C\xe1c t\xf9y chọn giữ d\xednh b\xean dưới vẫn được \xe1p dụng."},{value:"least-latency",label:"Độ trễ thấp nhất",description:"Ưu ti\xean target c\xf3 điểm health/độ trễ tốt nhất. Hữu \xedch cho LAN Ollama."},{value:"p2c",label:"P2C",description:"Power of Two Choices: lấy mẫu hai target khỏe rồi chọn target \xedt bận hơn."}],h=[{card:"border-sky-100 bg-sky-50/55 dark:border-sky-400/15 dark:bg-sky-950/10",panel:"border-sky-100/80 bg-white/80 dark:border-sky-400/15 dark:bg-zinc-950/60"},{card:"border-slate-200 bg-slate-50/80 dark:border-slate-500/15 dark:bg-slate-900/35",panel:"border-slate-200/80 bg-white/80 dark:border-slate-500/15 dark:bg-zinc-950/60"},{card:"border-emerald-100 bg-emerald-50/45 dark:border-emerald-400/15 dark:bg-emerald-950/10",panel:"border-emerald-100/80 bg-white/80 dark:border-emerald-400/15 dark:bg-zinc-950/60"},{card:"border-violet-100 bg-violet-50/45 dark:border-violet-400/15 dark:bg-violet-950/10",panel:"border-violet-100/80 bg-white/80 dark:border-violet-400/15 dark:bg-zinc-950/60"}],g=Object.freeze({temperature:.3,top_p:.95,max_tokens:4096,reasoning_budget:0,thinkingMode:"off"}),f=[{value:"inherit",label:"Theo request gốc",description:"Giữ nguy\xean request gốc, kh\xf4ng inject thinking."},{value:"off",label:"Tắt thinking",description:"Gửi chat_template_kwargs.enable_thinking = false."},{value:"on",label:"Bật thinking",description:"Gửi chat_template_kwargs.enable_thinking = true."}];function y(e,t){return Object.prototype.hasOwnProperty.call(e||{},t)}function v(e,{min:t,max:a,precision:n=3}={}){if(null==e||""===e)return;let r=Number(e);if(Number.isFinite(r))return Number(Math.min(a,Math.max(t,r)).toFixed(n))}function k(e,{min:t,max:a}={}){let n=v(e,{min:t,max:a,precision:0});return void 0===n?void 0:Math.trunc(n)}function j(e={}){let t=e&&"object"==typeof e&&!Array.isArray(e)?e:{},a={};if(y(t,"temperature")){let e=v(t.temperature,{min:0,max:2});void 0!==e&&(a.temperature=e)}if(y(t,"top_p")){let e=v(t.top_p,{min:.01,max:1});void 0!==e&&(a.top_p=e)}let n=t.max_tokens??t.maxTokens??t.max_token;if(y(t,"max_tokens")||y(t,"maxTokens")||y(t,"max_token")){let e=k(n,{min:1,max:262144});void 0!==e&&(a.max_tokens=e)}let r=t.reasoning_budget??t.reasoningBudget??t["reasoning-budget"];if(y(t,"reasoning_budget")||y(t,"reasoningBudget")||y(t,"reasoning-budget")){let e=k(r,{min:0,max:262144});void 0!==e&&(a.reasoning_budget=e)}let l=function(e){if(!0===e)return"on";if(!1===e)return"off";let t=N(e).toLowerCase();return["on","true","1","enable","enabled"].includes(t)?"on":["off","false","0","disable","disabled"].includes(t)?"off":void 0}(t.thinkingMode??t.thinking);return l&&(a.thinkingMode=l),a}function N(e){return String(e||"").trim()}function w(e={}){return Array.isArray(e.disabledModels)?[...new Set(e.disabledModels.map(e=>N(e)).filter(Boolean))]:[]}function C(e={}){let t=e.fallbackStrategy||"fallback";return{...e,fallbackStrategy:t,stickyScope:e.stickyScope||"global",stickyTtlMinutes:Number(e.stickyTtlMinutes||120),stickyFallbackToClientIp:!1!==e.stickyFallbackToClientIp,lanHealthEnabled:!1!==e.lanHealthEnabled,healthCheckPath:e.healthCheckPath||"/api/tags",healthCheckIntervalMs:Number(e.healthCheckIntervalMs||15e3),requiredTags:Array.isArray(e.requiredTags)?e.requiredTags:[],modelTagRules:e.modelTagRules||e.modelTags||e.tagRules||{},disabledModels:w(e),requestOverrides:j(e.requestOverrides||{})}}function _(e={}){let t={...e};t.disabledModels=w(e),"fallback"===(t.fallbackStrategy||"fallback")&&delete t.fallbackStrategy,t.disabledModels.length||delete t.disabledModels,t.requiredTags?.length||delete t.requiredTags;let a=j(t.requestOverrides||{});return Object.keys(a).length?t.requestOverrides=a:delete t.requestOverrides,t.modelTagRules&&0!==Object.keys(t.modelTagRules).length||delete t.modelTagRules,"/api/tags"===t.healthCheckPath&&delete t.healthCheckPath,15e3===Number(t.healthCheckIntervalMs)&&delete t.healthCheckIntervalMs,!0===t.lanHealthEnabled&&delete t.lanHealthEnabled,Object.keys(t).length?t:null}function T(e=[]){return Array.isArray(e)?e.join(", "):String(e||"")}function S(e=""){return String(e||"").split(/[\n,;]+/).map(e=>e.trim()).filter(Boolean)}function $(e={}){return e&&"object"==typeof e?Object.entries(e).map(([e,t])=>`${e}: ${Array.isArray(t)?t.join(", "):String(t||"")}`).join("\n"):""}function M(e){return"string"==typeof e?e:e&&"object"==typeof e&&(e.value||e.model||e.id)||""}function O(e={}){let t=N(e.provider);return N(e.providerSpecificData?.prefix)||N(e.prefix)||N((0,u.wG)(t))||t}function E(e={}){return N(e.email)||N(e.accountName)||N(e.displayName)||N(e.name)||N(e.providerSpecificData?.nodeName)||N(e.id)}function q(e){return e&&"object"==typeof e?N(e.connectionId||e.connection_id):""}function I(e){let t=M(e),a=q(e);return t?a?`${t}@@${a}`:t:""}function P(e){return"string"==typeof e?e:e&&"object"==typeof e?N(e.label)||N(e.displayName)||N(e.name)||M(e):""}function R(e){if(!e||"object"!=typeof e)return M(e);let t=M(e);return t?Object.fromEntries(Object.entries({model:t,connectionId:q(e)||void 0,label:P(e)||void 0,provider:N(e.provider)||void 0,accountName:N(e.accountName||e.account_name)||void 0,weight:Number(e.weight||0)>0?Number(e.weight):void 0}).filter(([,e])=>void 0!==e&&""!==e)):""}function A(e,t=!0){let a=R(e),n=I(a);return{value:n,enabled:t,target:a,label:P(a)||n,subtitle:function(e){if(!e||"object"!=typeof e)return"";let t=q(e),a=M(e);return t?`T\xe0i khoản cố định • ${t}${a?` • ${a}`:""}`:""}(a)}}function B(e={}){return N(e.defaultModel)||N(e.providerSpecificData?.defaultModel)||N(e.model)||""}function L(e,t,a,n=""){let r=N(a);!r||t.has(r)||(t.add(r),e.push({value:r,label:N(n)||r}))}function D(e={},t={}){let a=[],n=new Set,r=N(e.provider),l=[...new Set([O(e),N((0,u.wG)(r)),r].filter(Boolean))];for(let e of(0,m.KC)(r)||[])e?.type&&"llm"!==e.type||L(a,n,e.id,e.name||e.id);for(let[e,r]of Object.entries(t||{})){let t=N(r),s=l.find(e=>e&&t.startsWith(`${e}/`));if(!s)continue;let o=t.slice(s.length+1);L(a,n,o,e||o)}return L(a,n,B(e),"Model mặc định"),a}function z(e={},{disabledModels:t=[],requestOverrides:a}={}){let n={...e},r=[...new Set((t||[]).map(e=>N(e)).filter(Boolean))];if(r.length>0?n.disabledModels=r:delete n.disabledModels,void 0!==a){let e=j(a||{});Object.keys(e).length?n.requestOverrides=e:delete n.requestOverrides}return _(n)}function F(){let[e,t]=(0,r.useState)([]),[a,l]=(0,r.useState)(!0),[s,o]=(0,r.useState)(!1),[i,m]=(0,r.useState)(null),[u,x]=(0,r.useState)([]),[b,p]=(0,r.useState)(!1),[h,g]=(0,r.useState)(!1),[f,y]=(0,r.useState)({}),[v,k]=(0,r.useState)(""),[j,N]=(0,r.useState)(null),{copied:w,copy:T}=(0,c.C)();(0,r.useEffect)(()=>{S()},[]),(0,r.useEffect)(()=>{if(0===e.length){v&&k("");return}let t=e.some(e=>e.name===v);v&&t||k(e[0].name)},[e,v]);let S=async()=>{try{let e=await fetch("/api/dashboard/combos",{cache:"no-store"}),a=await e.json();e.ok&&(t(a.combos||[]),y(a.comboStrategies||{}))}catch(e){console.log("Error fetching combo data:",e)}finally{l(!1)}},$=async()=>{if(!b&&!h){g(!0);try{let e=await fetch("/api/providers",{cache:"no-store"}),t=await e.json();e.ok&&(x(t.connections||[]),p(!0))}catch(e){console.log("Error loading provider accounts:",e)}finally{g(!1)}}},M=async()=>{o(!0),$()},O=async e=>{m(e),$()},E=async e=>{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:e})}),y(e)},q=async e=>{let{disabledModels:t=[],requestOverrides:a,...n}=e;try{let e=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(e.ok){let e=z({},{disabledModels:t,requestOverrides:a});e&&await E({...f,[n.name]:e}),await S(),k(n.name),o(!1)}else{let t=await e.json();alert(t.error||"Tạo combo thất bại")}}catch(e){console.log("Error creating combo:",e)}},I=async(e,t)=>{let{disabledModels:a=[],requestOverrides:n,...r}=t,l=i?.name;try{let t=await fetch(`/api/combos/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(t.ok){let e={...f};l&&l!==r.name&&e[l]&&(e[r.name]=e[l],delete e[l]);let t=z(e[r.name]||{},{disabledModels:a,requestOverrides:n});t?e[r.name]=t:delete e[r.name],await E(e),await S(),k(r.name),m(null)}else{let e=await t.json();alert(e.error||"Cập nhật combo thất bại")}}catch(e){console.log("Error updating combo:",e)}},P=async a=>{let n=e.find(e=>e.id===a);N({title:"X\xf3a combo",message:"Bạn c\xf3 chắc muốn x\xf3a combo n\xe0y?",onConfirm:async()=>{N(null);try{if((await fetch(`/api/combos/${a}`,{method:"DELETE"})).ok){if(n?.name&&f[n.name]){let e={...f};delete e[n.name],await E(e)}t(e=>{let t=e.filter(e=>e.id!==a);return n?.name===v&&k(t[0]?.name||""),t})}}catch(e){console.log("Error deleting combo:",e)}}})},R=async(e,t)=>{try{let a={...f};if(t)a[e]=C(a[e]);else{let t=function(e={}){return _({...e,fallbackStrategy:"fallback"})}(a[e]||{});t?a[e]=t:delete a[e]}await E(a)}catch(e){console.log("Error updating combo strategy:",e)}},A=async(e,t)=>{try{let a={...f},n=_({...C(a[e]),...t});n?a[e]=n:delete a[e],await E(a)}catch(e){console.log("Error updating combo routing settings:",e)}},B=e.find(e=>e.name===v)||e[0]||null,L=B?Math.max(0,e.findIndex(e=>e.id===B.id)):0;return a?(0,n.jsx)("div",{className:"grid gap-4",children:[1,2,3].map(e=>(0,n.jsx)("div",{className:"h-36 animate-pulse rounded-2xl border border-border bg-surface"},e))}):(0,n.jsxs)("div",{className:"space-y-6",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"Combo model"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model với fallback, round-robin, độ trễ thấp nhất, P2C v\xe0 routing theo trạng th\xe1i health của LAN Ollama."})]}),(0,n.jsxs)("button",{type:"button",onClick:M,className:"inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Tạo combo"]})]}),0===e.length?(0,n.jsxs)("div",{className:"rounded-2xl border border-dashed border-border bg-surface p-12 text-center",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"layers"}),(0,n.jsx)("h2",{className:"mt-3 text-lg font-semibold text-text-main",children:"Chưa c\xf3 combo n\xe0o"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model c\xf3 hỗ trợ fallback."}),(0,n.jsx)("button",{type:"button",onClick:M,className:"mt-4 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:"Tạo combo"})]}):(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsx)("div",{className:"rounded-2xl border border-border bg-surface/80 p-4 shadow-sm dark:bg-zinc-950/70",children:(0,n.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between",children:[(0,n.jsxs)("label",{className:"block min-w-0 flex-1",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Combo đang xem"}),(0,n.jsx)("select",{value:B?.name||"",onChange:e=>k(e.target.value),className:"w-full rounded-xl border border-border bg-white px-4 py-2.5 text-sm font-semibold text-text-main outline-none transition focus:border-primary dark:bg-zinc-900",children:e.map(e=>(0,n.jsxs)("option",{value:e.name,children:[e.name," • ",(e.models||[]).length," model"]},e.id))})]}),(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs text-text-muted",children:[(0,n.jsxs)("span",{className:"rounded-full bg-background px-3 py-1 dark:bg-zinc-900",children:["Tổng ",e.length," combo"]}),B?(0,n.jsxs)("span",{className:"rounded-full bg-primary/10 px-3 py-1 font-medium text-primary",children:["Đang hiển thị: ",B.name]}):null]})]})}),B?(0,n.jsx)(G,{combo:B,comboIndex:L,copied:w,onCopy:T,onEdit:()=>O(B),onDelete:()=>P(B.id),comboStrategy:f[B.name]||{},onToggleRoundRobin:e=>R(B.name,e),onUpdateComboStrategy:e=>A(B.name,e)},B.id):null]}),(0,n.jsx)(X,{isOpen:s,comboStrategy:{},onClose:()=>o(!1),onSave:q,activeProviders:u,providersLoading:h}),(0,n.jsx)(X,{isOpen:!!i,combo:i,comboStrategy:f[i?.name]||{},onClose:()=>m(null),onSave:e=>I(i.id,e),activeProviders:u,providersLoading:h}),(0,n.jsx)(d.uo,{isOpen:!!j,onClose:()=>N(null),onConfirm:j?.onConfirm,title:j?.title||"X\xe1c nhận",message:j?.message,variant:"danger"})]})}function G({combo:e,comboIndex:t=0,copied:a,onCopy:l,onEdit:s,onDelete:o,comboStrategy:i={},onToggleRoundRobin:d,onUpdateComboStrategy:c}){let m=C(i||{}),u=m.fallbackStrategy||"fallback",x=p.find(e=>e.value===u)||p[0],g=m.stickyScope||"global",f=b.find(e=>e.value===g)||b[0],y=w(i),v=h[t%h.length],[k,N]=(0,r.useState)(T(m.requiredTags)),[_,M]=(0,r.useState)($(m.modelTagRules));return(0,r.useEffect)(()=>{N(T(m.requiredTags)),M($(m.modelTagRules))},[e.name,JSON.stringify(m.requiredTags||[]),JSON.stringify(m.modelTagRules||{})]),(0,n.jsxs)("div",{className:`rounded-2xl border p-5 shadow-sm transition-colors ${v.card}`,children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",children:[(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-primary",children:"layers"}),(0,n.jsx)("h3",{className:"truncate text-lg font-semibold text-text-main",children:e.name})]}),(0,n.jsxs)("p",{className:"mt-1 text-sm text-text-muted",children:[(e.models||[]).length," model đang bật",y.length>0?` • ${y.length} đ\xe3 tắt`:""]})]}),(0,n.jsxs)("div",{className:"flex items-center gap-1",children:[(0,n.jsx)(H,{icon:a===`combo-${e.id}`?"check":"content_copy",title:"Copy t\xean combo",onClick:()=>l(e.name,`combo-${e.id}`)}),(0,n.jsx)(H,{icon:"edit",title:"Chỉnh sửa",onClick:s}),(0,n.jsx)(H,{icon:"delete",title:"X\xf3a",onClick:o,danger:!0})]})]}),(0,n.jsxs)("div",{className:"mt-4 flex flex-wrap gap-2",children:[0===(e.models||[]).length?(0,n.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:"Chưa c\xf3 model đang bật"}):(e.models||[]).slice(0,5).map((e,t)=>(0,n.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 font-mono text-xs text-text-main",children:P(e)},`${I(e)}-${t}`)),(e.models||[]).length>5&&(0,n.jsxs)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:["+",e.models.length-5," model nữa"]}),y.length>0&&(0,n.jsxs)("span",{className:"rounded-lg bg-red-500/10 px-2 py-1 text-xs text-red-500",children:[y.length," đ\xe3 tắt"]}),(function(e={}){let t=j(e),a=[];return void 0!==t.temperature&&a.push(`temp ${t.temperature}`),void 0!==t.top_p&&a.push(`top_p ${t.top_p}`),void 0!==t.max_tokens&&a.push(`max ${t.max_tokens}`),void 0!==t.reasoning_budget&&a.push(`reasoning ${t.reasoning_budget}`),"off"===t.thinkingMode&&a.push("thinking off"),"on"===t.thinkingMode&&a.push("thinking on"),a})(m.requestOverrides).map(e=>(0,n.jsx)("span",{className:"rounded-lg bg-primary/10 px-2 py-1 text-xs font-medium text-primary",children:e},e))]}),(0,n.jsxs)("div",{className:`mt-5 rounded-xl border p-4 ${v.panel}`,children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h4",{className:"font-semibold text-text-main",children:"Chiến lược routing"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:x.description})]}),(0,n.jsx)("select",{value:u,onChange:e=>c({fallbackStrategy:e.target.value}),className:"rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:p.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},e.value))})]}),(0,n.jsx)(J,{value:m.requestOverrides||{},onChange:e=>c({requestOverrides:e}),compact:!0}),("least-latency"===u||"p2c"===u)&&(0,n.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,n.jsxs)("label",{className:"flex items-start gap-2 text-sm text-text-muted",children:[(0,n.jsx)("input",{type:"checkbox",checked:!1!==m.lanHealthEnabled,onChange:e=>c({lanHealthEnabled:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),(0,n.jsxs)("span",{children:[(0,n.jsx)("span",{className:"font-medium text-text-main",children:"Routing theo trạng th\xe1i health LAN"}),(0,n.jsx)("span",{className:"mt-1 block text-xs",children:"D\xf9ng dữ liệu health v\xe0 circuit breaker khi xếp hạng target trong combo."})]})]}),(0,n.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Đường dẫn health"}),(0,n.jsx)("input",{value:m.healthCheckPath||"/api/tags",onChange:e=>c({healthCheckPath:e.target.value||"/api/tags"}),placeholder:"/api/tags",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chu kỳ kiểm tra (ms)"}),(0,n.jsx)("input",{type:"number",min:"1000",value:m.healthCheckIntervalMs||15e3,onChange:e=>c({healthCheckIntervalMs:Number(e.target.value)||15e3}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,n.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Tag endpoint bắt buộc"}),(0,n.jsx)("input",{value:k,onChange:e=>N(e.target.value),onBlur:()=>c({requiredTags:S(k)}),onKeyDown:e=>"Enter"===e.key&&e.currentTarget.blur(),placeholder:"gpu, vram:8gb",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Mọi endpoint được route đều phải c\xf3 c\xe1c tag n\xe0y."})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Quy tắc tag theo model"}),(0,n.jsx)("textarea",{value:_,onChange:e=>M(e.target.value),onBlur:()=>c({modelTagRules:function(e=""){let t={};for(let a of String(e||"").split(/\n+/)){let e=a.trim();if(!e)continue;let n=e.indexOf(":");if(-1===n)continue;let r=e.slice(0,n).trim(),l=S(e.slice(n+1));r&&l.length&&(t[r]=l)}return t}(_)}),placeholder:"qwen3:32b: gpu, vram:16gb\nqwen3:8b: model_support:qwen3:8b",rows:3,className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]})]})]}),"round-robin"===u&&(0,n.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,n.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-primary",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"sticky_note_2"}),"Round Robin giữ d\xednh"]}),(0,n.jsxs)("label",{className:"flex items-center gap-2 text-xs text-text-muted",children:[(0,n.jsx)("input",{type:"checkbox",checked:"round-robin"===u,onChange:e=>d(e.target.checked),className:"h-3.5 w-3.5 accent-primary"}),"Bật"]})]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chế độ giữ d\xednh"}),(0,n.jsx)("select",{value:g,onChange:e=>c({stickyScope:e.target.value}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary",children:b.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:f.description})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"TTL giữ d\xednh (ph\xfat)"}),(0,n.jsx)("input",{type:"number",min:"1",value:m.stickyTtlMinutes||120,onChange:e=>c({stickyTtlMinutes:Number(e.target.value)||120}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,n.jsxs)("label",{className:"mt-3 flex items-start gap-2 text-xs text-text-muted",children:[(0,n.jsx)("input",{type:"checkbox",checked:!1!==m.stickyFallbackToClientIp,onChange:e=>c({stickyFallbackToClientIp:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),"Nếu thiếu chat session id, fallback về IP client thay v\xec xoay to\xe0n cục."]})]})]})]})}function H({icon:e,title:t,onClick:a,danger:r=!1}){return(0,n.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),a?.()},className:`rounded-lg p-2 transition ${r?"text-red-500 hover:bg-red-500/10":"text-text-muted hover:bg-background hover:text-primary"}`,title:t,"aria-label":t,children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:e})})}function K({id:e,index:t,model:a,subtitle:l="",enabled:i,isFirst:d,isLast:c,onEdit:m,onMoveUp:u,onMoveDown:x,onRemove:b,onToggleEnabled:p}){let{attributes:h,listeners:g,setNodeRef:f,transform:y,isDragging:v}=(0,s.gl)({id:e}),k={transform:o.Ks.Transform.toString(y),opacity:v?.4:1,zIndex:v?999:void 0},[j,N]=(0,r.useState)(!1),[w,C]=(0,r.useState)(a);(0,r.useEffect)(()=>{C(a)},[a]);let _=()=>{let e=w.trim();e&&e!==a?m(e):C(a),N(!1)};return(0,n.jsxs)("div",{ref:f,style:k,className:`flex items-center gap-3 rounded-xl border p-3 transition ${i?"border-border bg-background":"border-red-200 bg-red-50/70 opacity-75 dark:border-red-500/30 dark:bg-red-500/10"}`,children:[(0,n.jsx)("button",{type:"button",className:"cursor-grab text-text-muted active:cursor-grabbing",...h,...g,title:"K\xe9o để sắp xếp lại",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"drag_indicator"})}),(0,n.jsx)("span",{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${i?"bg-primary/10 text-primary":"bg-red-100 text-red-600 dark:bg-red-500/20 dark:text-red-300"}`,children:t+1}),j?(0,n.jsx)("input",{autoFocus:!0,value:w,onChange:e=>C(e.target.value),onBlur:_,onKeyDown:e=>{"Enter"===e.key&&_(),"Escape"===e.key&&(C(a),N(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-background px-2 py-1 font-mono text-xs text-text-main outline-none"}):(0,n.jsxs)("button",{type:"button",onClick:()=>N(!0),className:"min-w-0 flex-1 text-left",title:"Bấm để sửa model",children:[(0,n.jsx)("span",{className:`block truncate font-mono text-xs ${i?"text-text-main":"text-text-muted line-through"}`,children:a}),l?(0,n.jsx)("span",{className:"mt-0.5 block truncate text-[11px] text-text-muted",children:l}):null]}),(0,n.jsx)("button",{type:"button",onClick:p,className:`rounded-lg p-1.5 transition ${i?"text-green-600 hover:bg-green-500/10":"text-red-500 hover:bg-red-500/10"}`,title:i?"Tắt model trong combo":"Bật model trong combo",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:i?"toggle_on":"toggle_off"})}),(0,n.jsx)("button",{type:"button",onClick:u,disabled:d,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển l\xean",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_upward"})}),(0,n.jsx)("button",{type:"button",onClick:x,disabled:c,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển xuống",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_downward"})}),(0,n.jsx)("button",{type:"button",onClick:b,className:"rounded-lg p-1.5 text-red-500 transition hover:bg-red-500/10",title:"X\xf3a",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]})}function J({value:e={},onChange:t,compact:a=!1}){let r=j(e),l=void 0!==r.temperature,s=void 0!==r.top_p,o=void 0!==r.max_tokens,i=void 0!==r.reasoning_budget,d=r.thinkingMode||"inherit",c=e=>{t?.(j({...r,...e}))},m=(e,a,n)=>{if(!a){let a={...r};delete a[e],t?.(j(a));return}c({[e]:n})};return(0,n.jsxs)("div",{className:a?"mt-4 rounded-xl border border-sky-500/15 bg-surface p-3":"rounded-xl border border-sky-500/15 bg-sky-500/5 p-4",children:[(0,n.jsxs)("div",{className:"mb-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px] text-sky-500",children:"tune"}),"Tham số request Local endpoint"]}),(0,n.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:["Chỉ inject khi combo route 100% tới local endpoint: ",(0,n.jsx)("span",{className:"font-mono",children:"llama.cpp"}),", ",(0,n.jsx)("span",{className:"font-mono",children:"vLLM"})," hoặc ",(0,n.jsx)("span",{className:"font-mono",children:"Ollama"}),". Nếu combo mix local + cloud/provider kh\xe1c, BlueRouter bỏ qua to\xe0n bộ block n\xe0y v\xe0 giữ nguy\xean request gốc."]})]}),!function(e={}){return Object.keys(j(e)).length>0}(r)?(0,n.jsx)("span",{className:"inline-flex items-center rounded-full bg-background px-2 py-1 text-[11px] font-semibold text-text-muted",children:"Kh\xf4ng inject"}):(0,n.jsx)("span",{className:"inline-flex items-center rounded-full bg-primary/10 px-2 py-1 text-[11px] font-semibold text-primary",children:"Đang override"})]}),(0,n.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",children:[(0,n.jsxs)("label",{className:`rounded-lg border p-3 transition ${l?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,n.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["Temperature",(0,n.jsx)("input",{type:"checkbox",checked:l,onChange:e=>m("temperature",e.target.checked,g.temperature),className:"h-3.5 w-3.5 accent-primary"})]}),(0,n.jsx)("input",{type:"number",min:"0",max:"2",step:"0.05",disabled:!l,value:l?r.temperature:g.temperature,onChange:e=>c({temperature:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"0 = ổn định, 2 = s\xe1ng tạo."})]}),(0,n.jsxs)("label",{className:`rounded-lg border p-3 transition ${s?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,n.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["top_p",(0,n.jsx)("input",{type:"checkbox",checked:s,onChange:e=>m("top_p",e.target.checked,g.top_p),className:"h-3.5 w-3.5 accent-primary"})]}),(0,n.jsx)("input",{type:"number",min:"0.01",max:"1",step:"0.01",disabled:!s,value:s?r.top_p:g.top_p,onChange:e=>c({top_p:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"0.01–1.0; 0.9–0.95 thường hợp coder/chat."})]}),(0,n.jsxs)("label",{className:`rounded-lg border p-3 transition ${o?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,n.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["max_tokens",(0,n.jsx)("input",{type:"checkbox",checked:o,onChange:e=>m("max_tokens",e.target.checked,g.max_tokens),className:"h-3.5 w-3.5 accent-primary"})]}),(0,n.jsx)("input",{type:"number",min:"1",max:"262144",step:"1",disabled:!o,value:o?r.max_tokens:g.max_tokens,onChange:e=>c({max_tokens:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Giới hạn output cho request."})]}),(0,n.jsxs)("label",{className:`rounded-lg border p-3 transition ${i?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,n.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["reasoning_budget",(0,n.jsx)("input",{type:"checkbox",checked:i,onChange:e=>m("reasoning_budget",e.target.checked,g.reasoning_budget),className:"h-3.5 w-3.5 accent-primary"})]}),(0,n.jsx)("input",{type:"number",min:"0",max:"262144",step:"1",disabled:!i,value:i?r.reasoning_budget:g.reasoning_budget,onChange:e=>c({reasoning_budget:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Chỉ d\xf9ng cho llama.cpp/vLLM local; runtime sẽ map đ\xfang field."})]}),(0,n.jsxs)("label",{className:"rounded-lg border border-border bg-background p-3",children:[(0,n.jsx)("span",{className:"mb-2 block text-xs font-medium text-text-main",children:"Thinking"}),(0,n.jsx)("select",{value:d,onChange:e=>c({thinkingMode:"inherit"===e.target.value?void 0:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary",children:f.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,n.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:f.find(e=>e.value===d)?.description||f[0].description})]})]})]})}function X({isOpen:e,combo:t,comboStrategy:a={},onClose:o,onSave:c,activeProviders:m,providersLoading:b=!1,kindFilter:p=null}){let[h,f]=(0,r.useState)(t?.name||""),[y,v]=(0,r.useState)([]),[k,C]=(0,r.useState)(!1),[_,T]=(0,r.useState)(!1),[S,$]=(0,r.useState)(""),[M,q]=(0,r.useState)({}),[P,L]=(0,r.useState)(""),[z,F]=(0,r.useState)(""),[G,H]=(0,r.useState)(()=>t?j(a?.requestOverrides||{}):j(g)),U=a||{},W=(0,l.FR)((0,l.MS)(l.AN,{activationConstraint:{distance:5}}),(0,l.MS)(l.uN,{coordinateGetter:s.JR}));(0,r.useEffect)(()=>{e&&(f(t?.name||""),v(function(e,t={}){let a=(e?.models||[]).map(e=>A(e,!0)).filter(e=>e.value),n=new Set(a.map(e=>e.value));return[...a,...w(t).filter(e=>!n.has(e)).map(e=>A(e,!1)).filter(e=>e.value)]}(t,U)),$(""),L(""),F(""),H(t?j(U.requestOverrides||{}):j(g)))},[e,t?.id,t?.name]),(0,r.useEffect)(()=>{e&&Q()},[e]);let Q=async()=>{try{let e=await fetch("/api/models/alias",{cache:"no-store"});if(!e.ok)return;let t=await e.json();q(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}},V=y.map((e,t)=>({uid:`item-${t}-${e.value}`,row:e})),Z=y.map(e=>e.value),Y=y.filter(e=>e.enabled).length,ee=y.filter(e=>!e.enabled).length,et=(m||[]).filter(e=>e?.isActive!==!1),ea=et.find(e=>e.id===P)||null,en=ea?D(ea,M):[],er=en[0]?.value||(ea?B(ea):""),el=e=>e.trim()?x.test(e)?($(""),!0):($("Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."),!1):($("Bắt buộc nhập t\xean"),!1),es=async()=>{if(!el(h))return;let{models:e,disabledModels:t}=function(e=[]){let t=[],a=new Set;for(let n of e){let e=N(n?.value||I(n?.target));!e||a.has(e)||(a.add(e),t.push({...n,value:e,enabled:n?.enabled!==!1,target:R(n?.target||n?.value)}))}return{models:t.filter(e=>e.enabled).map(e=>e.target).filter(Boolean),disabledModels:t.filter(e=>!e.enabled).map(e=>e.value)}}(y);T(!0),await c({name:h.trim(),models:e,disabledModels:t,requestOverrides:j(G)}),T(!1)};if(!e)return null;let eo=!!t;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"fixed inset-0 z-[100] flex items-center justify-center bg-black/45 p-3 backdrop-blur-[1px] sm:p-4",children:(0,n.jsxs)("div",{className:"flex max-h-[92vh] w-full max-w-7xl flex-col overflow-hidden rounded-2xl border border-border bg-white shadow-2xl dark:bg-zinc-950",children:[(0,n.jsxs)("div",{className:"flex items-start justify-between border-b border-border px-5 py-4 sm:px-6",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"text-xl font-semibold text-text-main",children:eo?"Chỉnh sửa combo":"Tạo combo"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Chọn model, tắt tạm thời khi cần v\xe0 sắp xếp thứ tự ưu ti\xean fallback đang bật."})]}),(0,n.jsx)("button",{type:"button",onClick:o,className:"rounded-lg p-1 text-text-muted transition hover:bg-surface hover:text-text-main",children:(0,n.jsx)("span",{className:"material-symbols-outlined",children:"close"})})]}),(0,n.jsxs)("div",{className:"min-h-0 flex-1 space-y-5 overflow-y-auto bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-2 block text-sm font-semibold text-text-main",children:"T\xean"}),(0,n.jsx)("input",{value:h,onChange:e=>{let t=e.target.value;f(t),t?el(t):$("")},placeholder:"premium-coding",className:`w-full rounded-xl border bg-white px-4 py-2.5 text-text-main outline-none transition focus:border-primary dark:bg-zinc-900 ${S?"border-red-400":"border-border"}`}),(0,n.jsx)("span",{className:`mt-1 block text-xs ${S?"text-red-500":"text-text-muted"}`,children:S||"Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."})]}),(0,n.jsx)(J,{value:G,onChange:H,defaultEnabled:!eo}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Danh s\xe1ch model"}),(0,n.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:[Y," đang bật",ee>0?`, ${ee} đ\xe3 tắt`:"",". Model đ\xe3 tắt vẫn nằm trong combo nhưng kh\xf4ng được route."]})]}),(0,n.jsxs)("button",{type:"button",onClick:()=>C(!0),className:"inline-flex items-center gap-1 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-primary hover:border-primary/50",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Th\xeam model"]})]}),(0,n.jsxs)("div",{className:"mb-4 rounded-xl border border-primary/15 bg-primary/5 p-3",children:[(0,n.jsxs)("div",{className:"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"account_tree"}),"Th\xeam target theo provider account"]}),(0,n.jsx)("p",{className:"mb-3 text-xs text-text-muted",children:"Cố định bước combo n\xe0y v\xe0o một provider account cụ thể. Danh s\xe1ch account chỉ được load khi mở modal để trang combo nhẹ hơn."}),(0,n.jsxs)("div",{className:"grid gap-2 md:grid-cols-[minmax(0,1.5fr)_minmax(0,1fr)_auto]",children:[(0,n.jsxs)("select",{value:P,onChange:e=>{let t=e.target.value,a=et.find(e=>e.id===t),n=a?D(a,M):[];L(t),F(n[0]?.value||B(a||{})||"")},className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 text-xs text-text-main outline-none focus:border-primary",children:[(0,n.jsx)("option",{value:"",children:b?"Đang tải provider account...":"Chọn provider account"}),et.map(e=>{let t=O(e),a=E(e),r=a&&a!==t?`${t} / ${a}`:t;return(0,n.jsx)("option",{value:e.id,children:r},e.id)})]}),(0,n.jsxs)("select",{value:z,onChange:e=>F(e.target.value),disabled:!P||0===en.length,className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 font-mono text-xs text-text-main outline-none focus:border-primary disabled:cursor-not-allowed disabled:opacity-60",children:[(0,n.jsx)("option",{value:"",children:P?en.length>0?"Chọn model":"Kh\xf4ng t\xecm thấy model của provider":"Chọn account trước"}),en.map(e=>(0,n.jsx)("option",{value:e.value,children:e.label},`${e.value}-${e.label}`))]}),(0,n.jsxs)("button",{type:"button",onClick:()=>{if(!ea)return;let e=function(e,t){let a=O(e),n=function(e={}){let t=N(e.provider),a=O(e);return(0,u.mq)(t)||(0,u.gb)(t)?a||t:t||a}(e),r=E(e),l=N(t||B(e));if(!a||!e?.id||!l)return null;let s=l.includes("/"),o=s?l:`${a}/${l}`,i=s&&l.startsWith(`${a}/`)?l.slice(a.length+1):l,d=r&&r!==n?`${n}/${r}/${i}`:`${n}/${i}`;return{model:o,connectionId:e.id,provider:n||a,accountName:r||void 0,label:d}}(ea,z||er);if(!e)return void alert("H\xe3y chọn provider account v\xe0 model cho target cố định n\xe0y.");let t=A(e,!0);v(e=>{let a=e.findIndex(e=>e.value===t.value);if(-1!==a){let n=[...e];return n[a]={...n[a],...t,enabled:!0},n}return[...e,t]}),F("")},disabled:!P||!z,className:"inline-flex items-center justify-center gap-1 rounded-lg bg-primary px-3 py-2 text-xs font-semibold text-white disabled:opacity-50",children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add_link"}),"Th\xeam account"]})]})]}),0===y.length?(0,n.jsxs)("div",{className:"rounded-xl border border-dashed border-border p-8 text-center text-text-muted",children:[(0,n.jsx)("span",{className:"material-symbols-outlined",children:"layers"}),(0,n.jsx)("p",{className:"mt-2 text-sm",children:"Chưa th\xeam model n\xe0o"})]}):(0,n.jsx)(l.Mp,{sensors:W,collisionDetection:l.fp,modifiers:[i.FN,i.gj],onDragEnd:e=>{let{active:t,over:a}=e;if(a&&t.id!==a.id){let e=V.findIndex(e=>e.uid===t.id),n=V.findIndex(e=>e.uid===a.id);-1!==e&&-1!==n&&v(t=>(0,s.be)(t,e,n))}},children:(0,n.jsx)(s.gB,{items:V.map(e=>e.uid),strategy:s._G,children:(0,n.jsx)("div",{className:"space-y-3",children:V.map(({uid:e,row:t},a)=>(0,n.jsx)(K,{id:e,index:a,model:t.label||t.value,subtitle:t.subtitle,enabled:t.enabled,isFirst:0===a,isLast:a===y.length-1,onEdit:e=>{let t=e.trim();if(!t)return;let n=[...y],r=n[a];if(r?.target&&"object"==typeof r.target){let e=R({...r.target,model:t});n[a]=A(e,!1!==r.enabled)}else n[a]=A(t,r?.enabled!==!1);v(n)},onMoveUp:()=>{if(0===a)return;let e=[...y];[e[a-1],e[a]]=[e[a],e[a-1]],v(e)},onMoveDown:()=>{if(a===y.length-1)return;let e=[...y];[e[a],e[a+1]]=[e[a+1],e[a]],v(e)},onToggleEnabled:()=>{let e=[...y];e[a]={...e[a],enabled:!e[a].enabled},v(e)},onRemove:()=>v(y.filter((e,t)=>t!==a))},e))})})})]})]}),(0,n.jsxs)("div",{className:"flex justify-end gap-3 border-t border-border bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,n.jsx)("button",{type:"button",onClick:o,className:"rounded-xl border border-border px-4 py-2 text-sm font-medium text-text-main hover:bg-surface",children:"Hủy"}),(0,n.jsx)("button",{type:"button",onClick:es,disabled:_,className:"rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90 disabled:opacity-50",children:_?"Đang lưu...":eo?"Lưu":"Tạo"})]})]})}),(0,n.jsx)(d.rq,{isOpen:k,onClose:()=>C(!1),onSelect:e=>{let t=e.value;v(e=>{let a=e.findIndex(e=>e.value===t);if(-1!==a){let t=[...e];return t[a]={...t[a],enabled:!0},t}return[...e,A(t,!0)]})},onDeselect:e=>{v(t=>t.filter(t=>t.value!==e.value))},activeProviders:m,modelAliases:M,title:"Th\xeam model v\xe0o combo",kindFilter:p,addedModelValues:Z,closeOnSelect:!1})]})}}},e=>{e.O(0,[2574,3862,1051,7055,1321,5497,8441,3794,7358],()=>e(e.s=20061)),_N_E=e.O()}]);

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

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3471],{7973:(e,a,s)=>{Promise.resolve().then(s.bind(s,64561))},64561:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>p});var t=s(95155),l=s(12115);let r="(|(sAMAccountName={{username}})(userPrincipalName={{username}})(mail={{username}}))";function d({status:e}){if(!e?.message)return null;let a="error"===e.type?"text-red-600 bg-red-50 border-red-200":"text-green-700 bg-green-50 border-green-200";return(0,t.jsx)("div",{className:`mt-3 rounded-xl border px-4 py-3 text-sm ${a}`,children:e.message})}function o({icon:e,title:a,desc:s,children:l}){return(0,t.jsxs)("section",{className:"rounded-2xl border border-border bg-surface p-6 shadow-sm",children:[(0,t.jsxs)("div",{className:"mb-5 flex items-start gap-3",children:[e&&(0,t.jsx)("span",{className:"material-symbols-outlined text-primary",children:e}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-xl font-bold text-text-main",children:a}),s&&(0,t.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:s})]})]}),l]})}function i({label:e,hint:a,children:s}){return(0,t.jsxs)("label",{className:"block",children:[(0,t.jsx)("span",{className:"mb-1 block text-sm font-semibold text-text-main",children:e}),s,a&&(0,t.jsx)("span",{className:"mt-1 block text-xs text-text-muted",children:a})]})}function n(e){return(0,t.jsx)("input",{...e,className:`w-full rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary ${e.className||""}`})}function c({title:e,desc:a,checked:s,onChange:l,disabled:r}){return(0,t.jsxs)("div",{className:"flex items-start justify-between gap-4 rounded-xl border border-border bg-background px-4 py-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-text-main",children:e}),a&&(0,t.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:a})]}),(0,t.jsx)("button",{type:"button",disabled:r,onClick:()=>l(!s),className:`relative mt-0.5 h-6 w-11 rounded-full transition disabled:opacity-50 ${s?"bg-primary":"bg-border"}`,children:(0,t.jsx)("span",{className:`absolute top-0.5 h-5 w-5 rounded-full bg-white transition ${s?"left-5":"left-0.5"}`})})]})}function p(){let[e,a]=(0,l.useState)({}),[s,p]=(0,l.useState)(!0),[u,m]=(0,l.useState)({current:"",new:"",confirm:""}),[x,b]=(0,l.useState)({type:"",message:""}),[h,g]=(0,l.useState)(!1),[y,j]=(0,l.useState)(!1),[v,w]=(0,l.useState)({type:"",message:""}),f=(0,l.useRef)(null),[D,A]=(0,l.useState)("admin"),[N,C]=(0,l.useState)({type:"",message:""}),[U,L]=(0,l.useState)({ldapEnabled:!1,ldapUrl:"",ldapBindDn:"",ldapBindPassword:"",ldapUserBaseDn:"",ldapUserSearchFilter:r,ldapUserNameAttribute:"sAMAccountName",ldapUserDisplayAttribute:"displayName",ldapUserEmailAttribute:"mail",ldapLoginAllowedGroupDn:"",ldapAdminGroupDn:"",ldapMonitorAdminGroupDn:"",ldapNestedGroups:!0,ldapAllowedUsers:[],ldapTlsRejectUnauthorized:!0,ldapConnectTimeoutMs:8e3}),[S,k]=(0,l.useState)({type:"",message:""}),[P,I]=(0,l.useState)(!1),[O,G]=(0,l.useState)(!1),[B,M]=(0,l.useState)(""),[E,T]=(0,l.useState)([]),[R,F]=(0,l.useState)(!1),[_,$]=(0,l.useState)({authMode:"password",oidcIssuerUrl:"",oidcClientId:"",oidcScopes:"openid profile email",oidcLoginLabel:"Sign in with OIDC"}),[q,z]=(0,l.useState)(""),[K,H]=(0,l.useState)({type:"",message:""}),[J,V]=(0,l.useState)(!1),[Q,W]=(0,l.useState)(!1),[X,Y]=(0,l.useState)({type:"",message:""}),[Z,ee]=(0,l.useState)(!1),ea=async()=>{p(!0);try{let e=await fetch("/api/settings",{cache:"no-store"}),s=await e.json();a(s),A(s.localLoginUsername||"admin"),L({ldapEnabled:!0===s.ldapEnabled,ldapUrl:s.ldapUrl||"",ldapBindDn:s.ldapBindDn||"",ldapBindPassword:"",ldapUserBaseDn:s.ldapUserBaseDn||s.ldapBaseDn||"",ldapUserSearchFilter:s.ldapUserSearchFilter||r,ldapUserNameAttribute:s.ldapUserNameAttribute||"sAMAccountName",ldapUserDisplayAttribute:s.ldapUserDisplayAttribute||"displayName",ldapUserEmailAttribute:s.ldapUserEmailAttribute||"mail",ldapLoginAllowedGroupDn:s.ldapLoginAllowedGroupDn||"",ldapAdminGroupDn:s.ldapAdminGroupDn||"",ldapMonitorAdminGroupDn:s.ldapMonitorAdminGroupDn||"",ldapNestedGroups:!1!==s.ldapNestedGroups,ldapAllowedUsers:Array.isArray(s.ldapAllowedUsers)?s.ldapAllowedUsers:[],ldapTlsRejectUnauthorized:!1!==s.ldapTlsRejectUnauthorized,ldapConnectTimeoutMs:s.ldapConnectTimeoutMs||8e3}),$({authMode:s.authMode||"password",oidcIssuerUrl:s.oidcIssuerUrl||"",oidcClientId:s.oidcClientId||"",oidcScopes:s.oidcScopes||"openid profile email",oidcLoginLabel:s.oidcLoginLabel||"Sign in with OIDC"}),("oidc"===s.authMode||"both"===s.authMode)&&W(!0)}catch(e){console.log("Failed to fetch settings:",e)}finally{p(!1)}};(0,l.useEffect)(()=>{ea()},[]);let es=async e=>{let s=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),t=await s.json().catch(()=>({}));if(!s.ok)throw Error(t.error||"Failed to save settings");return a(e=>({...e,...t})),t},et=async e=>{ee(!0),Y({type:"",message:""});try{let a=await es({sidebarAdvancedToolsVisible:e}),s=!1!==a.sidebarAdvancedToolsVisible;window.dispatchEvent(new CustomEvent("bluerouter:sidebar-advanced-tools",{detail:{visible:s}})),Y({type:"success",message:s?"Advanced tools are visible in the sidebar.":"Advanced tools are hidden from the sidebar."})}catch(e){Y({type:"error",message:e.message||"Failed to update sidebar tools."})}finally{ee(!1)}},el=async e=>{e.preventDefault(),C({type:"",message:""});try{let e=await es({localLoginUsername:D});A(e.localLoginUsername||D||"admin"),C({type:"success",message:"Local account name saved."})}catch(e){C({type:"error",message:e.message})}},er=async e=>{if(e.preventDefault(),u.new!==u.confirm)return void b({type:"error",message:"Passwords do not match"});g(!0),b({type:"",message:""});try{await es({currentPassword:u.current,newPassword:u.new}),b({type:"success",message:"Password updated successfully"}),m({current:"",new:"",confirm:""})}catch(e){b({type:"error",message:e.message||"Failed to update password"})}finally{g(!1)}},ed=async()=>{j(!0),w({type:"",message:""});try{let e=await fetch("/api/settings/database");if(!e.ok){let a=await e.json().catch(()=>({}));throw Error(a.error||"Failed to export database")}let a=await e.json(),s=JSON.stringify(a,null,2),t=new Blob([s],{type:"application/json"}),l=URL.createObjectURL(t),r=document.createElement("a"),d=new Date().toISOString().replace(/[.:]/g,"-");r.href=l,r.download=`bluerouter-backup-${d}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(l),w({type:"success",message:"Database backup downloaded."})}catch(e){w({type:"error",message:e.message||"Failed to export database."})}finally{j(!1)}},eo=async e=>{let a=e.target.files?.[0];if(a){j(!0),w({type:"",message:""});try{let e=await a.text(),s=JSON.parse(e),t=await fetch("/api/settings/database",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}),l=await t.json().catch(()=>({}));if(!t.ok)throw Error(l.error||"Failed to import database");await ea(),w({type:"success",message:"Database imported successfully."})}catch(e){w({type:"error",message:e.message||"Invalid backup file."})}finally{f.current&&(f.current.value=""),j(!1)}}},ei=(e,a)=>L(s=>({...s,[e]:a})),en=async e=>{e?.preventDefault?.(),I(!0),k({type:"",message:""});try{let e={...U,ldapBaseDn:U.ldapUserBaseDn,ldapAllowedUsers:U.ldapAllowedUsers};e.ldapBindPassword||delete e.ldapBindPassword;let a=await es(e);L(e=>({...e,ldapBindPassword:"",ldapEnabled:!0===a.ldapEnabled,ldapUserBaseDn:a.ldapUserBaseDn||a.ldapBaseDn||e.ldapUserBaseDn,ldapLoginAllowedGroupDn:a.ldapLoginAllowedGroupDn||"",ldapAdminGroupDn:a.ldapAdminGroupDn||"",ldapMonitorAdminGroupDn:a.ldapMonitorAdminGroupDn||"",ldapNestedGroups:!1!==a.ldapNestedGroups,ldapAllowedUsers:Array.isArray(a.ldapAllowedUsers)?a.ldapAllowedUsers:e.ldapAllowedUsers})),k({type:"success",message:"LDAP settings saved."})}catch(e){k({type:"error",message:e.message||"Failed to save LDAP settings"})}finally{I(!1)}},ec=async()=>{G(!0),k({type:"",message:""});try{await en();let e=await fetch("/api/auth/ldap/test",{method:"POST"}),a=await e.json().catch(()=>({}));e.ok&&a.ok?k({type:"success",message:a.message||"LDAP connection OK."}):k({type:"error",message:a.error||"LDAP test failed."})}catch(e){k({type:"error",message:e.message||"LDAP test failed."})}finally{G(!1)}},ep=async()=>{F(!0),k({type:"",message:""});try{await en();let e=await fetch(`/api/auth/ldap/users?q=${encodeURIComponent(B)}`,{cache:"no-store"}),a=await e.json().catch(()=>({}));e.ok?(T(a.users||[]),k({type:"success",message:`Loaded ${(a.users||[]).length} LDAP user(s).`})):k({type:"error",message:a.error||"Failed to load LDAP users."})}catch(e){k({type:"error",message:e.message||"Failed to load LDAP users."})}finally{F(!1)}},eu=e=>{let a=String(e||"").trim();a&&L(e=>{let s=new Set(e.ldapAllowedUsers||[]);return s.has(a)?s.delete(a):s.add(a),{...e,ldapAllowedUsers:[...s]}})},em=async(a=_.authMode||"password")=>{let s=_.oidcIssuerUrl.trim(),t=_.oidcClientId.trim(),l=_.oidcScopes.trim(),r=_.oidcLoginLabel.trim(),d=q.trim();if("password"!==a&&(!s||!t||!d)&&!e.oidcConfigured)return void H({type:"error",message:"Issuer URL, client ID, and client secret are required to enable OIDC."});V(!0),H({type:"",message:""});try{let e={authMode:a,oidcIssuerUrl:s,oidcClientId:t,oidcScopes:l||"openid profile email",oidcLoginLabel:r||"Sign in with OIDC"};d&&(e.oidcClientSecret=d);let o=await es(e);$({authMode:o.authMode||a,oidcIssuerUrl:o.oidcIssuerUrl||s,oidcClientId:o.oidcClientId||t,oidcScopes:o.oidcScopes||l||"openid profile email",oidcLoginLabel:o.oidcLoginLabel||r||"Sign in with OIDC"}),z(""),H({type:"success",message:"OIDC settings saved."})}catch(e){H({type:"error",message:e.message||"Failed to save OIDC settings"})}finally{V(!1)}};return s?(0,t.jsx)("div",{className:"p-8 text-text-muted",children:"Loading settings..."}):(0,t.jsxs)("div",{className:"mx-auto max-w-6xl space-y-6 p-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-3xl font-bold text-text-main",children:"Settings"}),(0,t.jsx)("p",{className:"mt-1 text-text-muted",children:"Configure local dashboard login, LDAP/Active Directory login, and OIDC login."})]}),(0,t.jsx)(o,{icon:"shield",title:"Dashboard Login",desc:"Local account remains available even when LDAP is enabled.",children:(0,t.jsxs)("div",{className:"grid gap-6 lg:grid-cols-2",children:[(0,t.jsxs)("form",{onSubmit:el,className:"space-y-3",children:[(0,t.jsx)("h3",{className:"font-semibold text-text-main",children:"Local account"}),(0,t.jsx)(i,{label:"Local username",children:(0,t.jsx)(n,{value:D,onChange:e=>A(e.target.value)})}),(0,t.jsx)("button",{className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white",children:"Save account"}),(0,t.jsx)(d,{status:N})]}),!1!==e.requireLogin&&(0,t.jsxs)("form",{onSubmit:er,className:"space-y-3",children:[(0,t.jsx)("h3",{className:"font-semibold text-text-main",children:"Local password"}),e.hasPassword&&(0,t.jsx)(i,{label:"Current password",children:(0,t.jsx)(n,{type:"password",value:u.current,onChange:e=>m({...u,current:e.target.value}),required:!0})}),(0,t.jsx)(i,{label:"New password",children:(0,t.jsx)(n,{type:"password",value:u.new,onChange:e=>m({...u,new:e.target.value}),required:!0})}),(0,t.jsx)(i,{label:"Confirm password",children:(0,t.jsx)(n,{type:"password",value:u.confirm,onChange:e=>m({...u,confirm:e.target.value}),required:!0})}),(0,t.jsx)("button",{disabled:h,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white disabled:opacity-50",children:e.hasPassword?"Update Password":"Set Password"}),(0,t.jsx)(d,{status:x})]})]})}),(0,t.jsxs)(o,{icon:"database",title:"Database Backup",desc:"Export or restore the local bluerouter configuration database.",children:[(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,t.jsx)("button",{onClick:ed,disabled:y,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white disabled:opacity-50",children:"Download Backup"}),(0,t.jsx)("button",{onClick:()=>f.current?.click(),disabled:y,className:"rounded-xl border border-border px-4 py-2 text-sm font-semibold text-text-main hover:border-primary/50 disabled:opacity-50",children:"Import Backup"}),(0,t.jsx)("input",{ref:f,type:"file",accept:"application/json",className:"hidden",onChange:eo})]}),(0,t.jsx)(d,{status:v})]}),(0,t.jsxs)(o,{icon:"dashboard_customize",title:"Sidebar tools",desc:"Keep the main navigation compact. Hide advanced/admin-only tool pages when you do not use them often.",children:[(0,t.jsx)(c,{title:"Show Advanced tools",desc:"Show or hide Media/Web, AI Traffic Gateway, CLI Tools, Proxy Pools, Skills, Console Log and Translator in the sidebar. Core pages such as Endpoint, Providers, Combos, Usage, Analytics and Settings stay visible.",checked:!1!==e.sidebarAdvancedToolsVisible,onChange:et,disabled:s||Z}),(0,t.jsx)(d,{status:X})]}),(0,t.jsx)(o,{icon:"corporate_fare",title:"LDAP / Active Directory Login",desc:"Search users from a User Base DN, restrict login by group DN, and grant admin by group DN. The old Selected LDAP users list is kept as a manual admin list.",children:(0,t.jsxs)("form",{onSubmit:en,className:"space-y-5",children:[(0,t.jsx)("div",{className:"flex flex-wrap gap-3",children:(0,t.jsx)("button",{type:"button",onClick:()=>ei("ldapEnabled",!U.ldapEnabled),className:`rounded-xl px-3 py-2 text-sm font-semibold ${U.ldapEnabled?"bg-primary text-white":"border border-border text-text-muted"}`,children:U.ldapEnabled?"Enabled":"Disabled"})}),(0,t.jsxs)("div",{className:"grid gap-4 lg:grid-cols-2",children:[(0,t.jsx)(i,{label:"LDAP URL",children:(0,t.jsx)(n,{value:U.ldapUrl,onChange:e=>ei("ldapUrl",e.target.value),placeholder:"ldap://dc01.company.local:389"})}),(0,t.jsx)(i,{label:"LDAP User Base DN",hint:"OU/container/domain where user objects are searched. Do not use a group DN here.",children:(0,t.jsx)(n,{value:U.ldapUserBaseDn,onChange:e=>ei("ldapUserBaseDn",e.target.value),placeholder:"OU=Users,OU=xxx,DC=xx,DC=vn"})}),(0,t.jsx)(i,{label:"LDAP Bind DN",children:(0,t.jsx)(n,{value:U.ldapBindDn,onChange:e=>ei("ldapBindDn",e.target.value),placeholder:"CN=svc-bluerouter,OU=Service Accounts,DC=company,DC=local"})}),(0,t.jsx)(i,{label:"LDAP Bind Password",children:(0,t.jsx)(n,{type:"password",value:U.ldapBindPassword,onChange:e=>ei("ldapBindPassword",e.target.value),placeholder:e.ldapHasBindPassword?"Saved — leave blank to keep":"Service account password"})}),(0,t.jsx)(i,{label:"LDAP Login Allowed Group DN",hint:"Only members of this group can log in. Leave blank to allow any valid LDAP user.",children:(0,t.jsx)(n,{value:U.ldapLoginAllowedGroupDn,onChange:e=>ei("ldapLoginAllowedGroupDn",e.target.value),placeholder:"CN=Apikeys_Groups,OU=AppGroups,OU=xxx,DC=xx,DC=vn"})}),(0,t.jsx)(i,{label:"LDAP Admin Group DN",hint:"Members of this group get full admin dashboard access.",children:(0,t.jsx)(n,{value:U.ldapAdminGroupDn,onChange:e=>ei("ldapAdminGroupDn",e.target.value),placeholder:"CN=BlueRouter_Admins,OU=AppGroups,OU=xxx,DC=xx,DC=vn"})}),(0,t.jsx)(i,{label:"LDAP Monitor Admin Group DN",hint:"Members can use only Endpoint, API Keys, Usage, Analytics, Quota Tracker and Prompt Logs with admin-like permissions inside those tabs.",children:(0,t.jsx)(n,{value:U.ldapMonitorAdminGroupDn,onChange:e=>ei("ldapMonitorAdminGroupDn",e.target.value),placeholder:"CN=BlueRouter_Monitor_Admins,OU=AppGroups,OU=xxx,DC=xx,DC=vn"})})]}),(0,t.jsxs)("div",{className:"grid gap-4 lg:grid-cols-2",children:[(0,t.jsx)(i,{label:"User search filter",hint:"Use {{username}} placeholder.",children:(0,t.jsx)(n,{value:U.ldapUserSearchFilter,onChange:e=>ei("ldapUserSearchFilter",e.target.value)})}),(0,t.jsx)(i,{label:"Login group mode",hint:"Nested groups uses AD matching rule 1.2.840.113556.1.4.1941.",children:(0,t.jsx)(c,{title:"Nested group membership",desc:"Recommended for Active Directory nested groups.",checked:U.ldapNestedGroups,onChange:e=>ei("ldapNestedGroups",e)})}),(0,t.jsx)(i,{label:"Username attribute",children:(0,t.jsx)(n,{value:U.ldapUserNameAttribute,onChange:e=>ei("ldapUserNameAttribute",e.target.value)})}),(0,t.jsx)(i,{label:"Display attribute",children:(0,t.jsx)(n,{value:U.ldapUserDisplayAttribute,onChange:e=>ei("ldapUserDisplayAttribute",e.target.value)})}),(0,t.jsx)(i,{label:"Email attribute",children:(0,t.jsx)(n,{value:U.ldapUserEmailAttribute,onChange:e=>ei("ldapUserEmailAttribute",e.target.value)})}),(0,t.jsx)(i,{label:"Connect timeout ms",children:(0,t.jsx)(n,{type:"number",value:U.ldapConnectTimeoutMs,onChange:e=>ei("ldapConnectTimeoutMs",e.target.value)})})]}),(0,t.jsx)(c,{title:"Reject invalid TLS certificates",desc:"Disable only for test/self-signed LDAP TLS.",checked:U.ldapTlsRejectUnauthorized,onChange:e=>ei("ldapTlsRejectUnauthorized",e)}),(0,t.jsxs)("div",{className:"rounded-2xl border border-border bg-background p-4",children:[(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("h3",{className:"font-semibold text-text-main",children:"Manual admin users / LDAP owner list"}),(0,t.jsx)("p",{className:"mt-1 text-xs text-text-muted",children:"Users loaded here come from Login Allowed Group DN when set. Selected users are also treated as manual admins for backward compatibility."})]}),(0,t.jsxs)("div",{className:"mb-3 flex gap-2",children:[(0,t.jsx)(n,{value:B,onChange:e=>M(e.target.value),placeholder:"Search users..."}),(0,t.jsx)("button",{type:"button",onClick:ep,disabled:R,className:"rounded-xl border border-border px-4 py-2 text-sm font-semibold text-text-main disabled:opacity-50",children:R?"Loading...":"Load users"})]}),E.length>0&&(0,t.jsx)("div",{className:"max-h-72 overflow-auto rounded-xl border border-border",children:E.map(e=>{let a=U.ldapAllowedUsers.includes(e.username);return(0,t.jsxs)("button",{type:"button",onClick:()=>eu(e.username),className:`flex w-full items-center justify-between gap-3 border-b border-border px-3 py-2 text-left text-sm last:border-b-0 ${a?"bg-primary/10":"bg-background hover:bg-surface"}`,children:[(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"font-semibold text-text-main",children:e.displayName||e.username}),(0,t.jsxs)("span",{className:"ml-2 text-text-muted",children:[e.username,e.email?` \xb7 ${e.email}`:""]})]}),(0,t.jsx)("span",{className:"material-symbols-outlined text-primary",children:a?"check_circle":"radio_button_unchecked"})]},e.dn||e.username)})}),(0,t.jsxs)("div",{className:"mt-3",children:[(0,t.jsxs)("div",{className:"mb-2 text-sm font-semibold text-text-main",children:["Selected manual admin users (",U.ldapAllowedUsers.length,")"]}),0===U.ldapAllowedUsers.length?(0,t.jsx)("div",{className:"text-sm text-text-muted",children:"No users selected."}):(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:U.ldapAllowedUsers.map(e=>(0,t.jsxs)("button",{type:"button",onClick:()=>eu(e),className:"rounded-full border border-primary/30 bg-primary/10 px-3 py-1 text-xs text-primary",children:[e," \xd7"]},e))})]})]}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,t.jsx)("button",{type:"button",onClick:ec,disabled:O,className:"rounded-xl border border-border px-4 py-2 text-sm font-semibold text-text-main disabled:opacity-50",children:O?"Testing...":"Save & test LDAP"}),(0,t.jsx)("button",{type:"submit",disabled:P,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white disabled:opacity-50",children:P?"Saving...":"Save LDAP settings"})]}),(0,t.jsx)(d,{status:S})]})}),(0,t.jsxs)(o,{icon:"lock_open",title:"OIDC Dashboard Login",desc:"oidc"===e.authMode?"OIDC active":"both"===e.authMode?"Password + OIDC active":"Optional SSO via Authentik/Keycloak/Google",children:[(0,t.jsx)("button",{type:"button",onClick:()=>W(e=>!e),className:"mb-4 rounded-xl border border-border px-4 py-2 text-sm font-semibold text-text-main",children:Q?"Hide OIDC settings":"Show OIDC settings"}),Q&&(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:[{value:"password",title:"Password/LDAP",desc:"Keep local and LDAP login."},{value:"oidc",title:"OIDC only",desc:"Disable local/LDAP login when configured."},{value:"both",title:"Both",desc:"Allow either OIDC or local/LDAP."}].map(e=>{let a=_.authMode===e.value;return(0,t.jsxs)("button",{type:"button",onClick:()=>$(a=>({...a,authMode:e.value})),className:`rounded-xl border p-3 text-left ${a?"border-primary bg-primary/10":"border-border bg-background hover:border-primary/40"}`,children:[(0,t.jsx)("div",{className:"font-semibold text-text-main",children:e.title}),(0,t.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.desc})]},e.value)})}),(0,t.jsxs)("div",{className:"grid gap-4 lg:grid-cols-2",children:[(0,t.jsx)(i,{label:"Issuer URL",children:(0,t.jsx)(n,{value:_.oidcIssuerUrl,onChange:e=>$({..._,oidcIssuerUrl:e.target.value})})}),(0,t.jsx)(i,{label:"Client ID",children:(0,t.jsx)(n,{value:_.oidcClientId,onChange:e=>$({..._,oidcClientId:e.target.value})})}),(0,t.jsx)(i,{label:"Client Secret",children:(0,t.jsx)(n,{type:"password",value:q,onChange:e=>z(e.target.value),placeholder:e.oidcConfigured?"Saved — leave blank to keep":"Client secret"})}),(0,t.jsx)(i,{label:"Scopes",children:(0,t.jsx)(n,{value:_.oidcScopes,onChange:e=>$({..._,oidcScopes:e.target.value})})}),(0,t.jsx)(i,{label:"Login label",children:(0,t.jsx)(n,{value:_.oidcLoginLabel,onChange:e=>$({..._,oidcLoginLabel:e.target.value})})})]}),(0,t.jsx)("button",{type:"button",onClick:()=>em(),disabled:J,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white disabled:opacity-50",children:J?"Saving...":"Save OIDC settings"}),(0,t.jsx)(d,{status:K})]})]})]})}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=7973)),_N_E=e.O()}]);