@rabbi696/ezrouter 0.6.10 → 0.6.12

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/combos/{page-69c121887e473261.js → page-490c54665b2cfe56.js}

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