@rabbi696/ezrouter 0.6.16 → 0.6.17

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

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{25100:(e,t,s)=>{Promise.resolve().then(s.bind(s,63784))},63784:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>w});var a=s(95155),l=s(12115),r=s(44923),n=s(87256),i=s(39768),o=s(5020),d=s(35497),c=s(11059),m=s(929),x=s(88105),u=s(57151);function p(e,t,s){let a={...e};return"inherit"===s.fallbackStrategy?delete a[t]:a[t]={...a[t]||{},...s},a}let h=/^[a-zA-Z0-9_.\-]+$/,b=[{key:"vision",label:"Vision",icon:"visibility",desc:"images (png, jpg, webp, …)"},{key:"audioInput",label:"Audio",icon:"graphic_eq",desc:"audio input"}],g="oc/mimo-v2.6-flash-free",f={enabled:!0,roundRobin:!1,models:[]},y={vision:{...f},pdf:{...f},audioInput:{...f},videoInput:{...f}},j=e=>"oc/mimo-v2.5-free"===e?g:e,v=[{value:"inherit",label:"Inherit global strategy"},{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 w(){let e,[t,s]=(0,l.useState)([]),[r,n]=(0,l.useState)(!0),[i,o]=(0,l.useState)(!1),[u,h]=(0,l.useState)(null),[g,w]=(0,l.useState)(null),[N,S]=(0,l.useState)([]),[$,E]=(0,l.useState)({}),[O,D]=(0,l.useState)("fallback"),[T,A]=(0,l.useState)(y),{getCaps:F}=(0,m.y)(),[P,_]=(0,l.useState)(null),[R,I]=(0,l.useState)(null),[z,H]=(0,l.useState)([]),[W,q]=(0,l.useState)(!1),{copied:G,copy:B}=(0,c.C)();(0,l.useEffect)(()=>{U()},[]),(0,l.useEffect)(()=>{let e=new Set(t.map(e=>e.id));H(t=>t.filter(t=>e.has(t)))},[t]);let J=t.filter(e=>z.includes(e.id)),V=t.length>0&&z.length===t.length,L=z.length>0,Q=()=>H([]),Z=async e=>{let t="cursor"===e?"Cursor Default":"Claude Default";I(e);try{let s=await fetch(`/api/combos/presets?source=${e}`),a=await s.json();if(!s.ok)return void alert(a.error||`Failed to preview ${t}`);let l=a.toCreate??(a.items||[]).filter(e=>!e.exists).length,r=a.toSkip??(a.items||[]).filter(e=>e.exists).length,n=(a.items||[]).length;if(0===n)return void alert(`No ${t} models available to generate.`);if(0===l)return void alert(`All ${n} ${t} combos already exist. Nothing to create.`);_({title:`Generate ${t}`,message:`Create ${l} combo${1===l?"":"s"} named like ${"cursor"===e?"Cursor":"Claude"} model IDs (seeded with cu/… or cc/…). ${r} already exist and will be skipped. You can edit any combo afterward to add fallbacks.`,confirmText:"Generate",variant:"primary",onConfirm:async()=>{_(e=>e?{...e,loading:!0}:null);try{let s=await fetch("/api/combos/presets",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:e})}),a=await s.json();if(!s.ok)return void alert(a.error||`Failed to generate ${t}`);await U(),_(null)}catch(e){console.log(`Error generating ${t}:`,e),alert(`Failed to generate ${t}`),_(e=>e?{...e,loading:!1}:null)}}})}catch(e){console.log(`Error previewing ${t}:`,e),alert(`Failed to preview ${t}`)}finally{I(null)}},U=async()=>{try{let[t,a,l]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/settings")]),r=await t.json(),n=await a.json(),i=l.ok?await l.json():{};t.ok&&s((r.combos||[]).filter(e=>!x.rj.some(({id:t})=>t===e.kind))),a.ok&&S(n.connections||[]),E(i.comboStrategies||{}),D(i.comboStrategy||"fallback");let o=i.capacityAdapter||{},d={};for(let t of b){var e;d[t.key]=(e=o[t.key],Array.isArray(e)?{enabled:!0,roundRobin:!1,models:e.map(e=>j(e?.model||e)).filter(Boolean)}:e&&"object"==typeof e?{enabled:!1!==e.enabled,roundRobin:!!e.roundRobin,models:Array.isArray(e.models)?e.models.map(j).filter(Boolean):[]}:{...f})}A(d)}catch(e){console.log("Error fetching data:",e)}finally{n(!1)}},K=async e=>{A(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)}},Y=async e=>{try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(t.ok)await U(),o(!1);else{let e=await t.json();alert(e.error||"Failed to create combo")}}catch(e){console.log("Error creating combo:",e)}},X=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 U(),h(null);else{let e=await s.json();alert(e.error||"Failed to update combo")}}catch(e){console.log("Error updating combo:",e)}},ee=(e,t=$)=>{let s={...t};for(let t of e)delete s[t];return s},et=async e=>{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:e})}),E(e)},es=async e=>{let a=t.find(t=>t.id===e);_({title:"Delete Combo",message:a?`Delete combo "${a.name}"?`:"Delete this combo?",onConfirm:async()=>{_(e=>e?{...e,loading:!0}:null);try{(await fetch(`/api/combos/${e}`,{method:"DELETE"})).ok&&(a?.name&&await et(ee([a.name])),s(t=>t.filter(t=>t.id!==e)),H(t=>t.filter(t=>t!==e))),_(null)}catch(e){console.log("Error deleting combo:",e),_(e=>e?{...e,loading:!1}:null)}}})},ea=async(e,t)=>{try{await et(p($,e,t))}catch(e){console.log("Error updating combo strategy:",e)}},el=async e=>{if(0!==J.length&&e){q(!0);try{let t={...$};for(let s of J)t=p(t,s.name,{fallbackStrategy:e});await et(t)}catch(e){console.log("Error bulk updating combo strategy:",e),alert("Failed to update strategy for selected combos")}finally{q(!1)}}};return r?(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-start 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.jsxs)("p",{className:"hidden text-xs text-text-muted mt-3 max-w-2xl",children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Cursor / Claude Default"})," create combos named exactly like those clients' model IDs (e.g. ",(0,a.jsx)("code",{className:"font-mono",children:"composer-2.5"}),", ",(0,a.jsx)("code",{className:"font-mono",children:"opus"}),"), seeded with the matching ",(0,a.jsx)("code",{className:"font-mono",children:"cu/…"})," or ",(0,a.jsx)("code",{className:"font-mono",children:"cc/…"})," route so traffic can hit EzRouter without the prefix."," ",'Note: Cursor IDE itself often blocks built-in Composer / Grok from Override OpenAI Base URL ("model does not support custom API"); add them via Cursor\'s ',(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Add Custom Model"})," using the combo name, or pick a model Cursor allows through the custom endpoint."]})]}),(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:w-auto sm:items-stretch",children:[(0,a.jsx)(d.$n,{icon:"add",onClick:()=>o(!0),className:"w-full sm:w-auto whitespace-nowrap",children:"Create Combo"}),(0,a.jsxs)("div",{className:"hidden",children:[(0,a.jsx)(d.$n,{variant:"secondary",size:"sm",icon:"edit_note",loading:"cursor"===R,disabled:!!R,onClick:()=>Z("cursor"),className:"w-full whitespace-nowrap",children:"Cursor Default"}),(0,a.jsx)(d.$n,{variant:"secondary",size:"sm",icon:"smart_toy",loading:"claude"===R,disabled:!!R,onClick:()=>Z("claude"),className:"w-full whitespace-nowrap",children:"Claude Default"})]})]})]}),0===t.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:()=>o(!0),className:"w-full sm:w-auto",children:"Create Combo"})]})}):(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-2 rounded-lg border border-black/5 bg-black/[0.015] px-3 py-2 dark:border-white/5 dark:bg-white/[0.02] sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("label",{className:"flex cursor-pointer items-center gap-2 text-xs text-text-muted hover:text-primary select-none",children:[(0,a.jsx)("input",{type:"checkbox",checked:V,ref:e=>{e&&(e.indeterminate=L&&!V)},onChange:()=>{H(V?[]:t.map(e=>e.id))},className:"h-3.5 w-3.5 rounded border-gray-300 text-primary focus:ring-primary"}),(0,a.jsx)("span",{children:L?`${z.length} selected`:`Select all (${t.length})`})]}),(0,a.jsx)("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:L&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"w-full min-w-[160px] sm:w-[200px]",children:(0,a.jsx)(d.l6,{options:v,value:"",placeholder:"Set strategy…",disabled:W,onChange:e=>{let t=e.target.value;t&&el(t)},selectClassName:"py-1.5 text-xs"})}),(0,a.jsxs)(d.$n,{size:"sm",variant:"danger",icon:"delete",disabled:W,loading:W,onClick:()=>{if(0===J.length)return;let e=J.length;_({title:"Delete Selected Combos",message:`Delete ${e} selected combo${1===e?"":"s"}? This cannot be undone.`,confirmText:"Delete",variant:"danger",onConfirm:async()=>{_(e=>e?{...e,loading:!0}:null),q(!0);try{let e=J.map(e=>e.id),t=J.map(e=>e.name),a=(await Promise.all(e.map(e=>fetch(`/api/combos/${e}`,{method:"DELETE"})))).filter(e=>!e.ok).length;await et(ee(t)),s(t=>t.filter(t=>!e.includes(t.id))),Q(),_(null),a>0&&alert(`Deleted with ${a} failure${1===a?"":"s"}.`)}catch(e){console.log("Error bulk deleting combos:",e),alert("Failed to delete selected combos"),_(e=>e?{...e,loading:!1}:null)}finally{q(!1)}}})},className:"whitespace-nowrap",children:["Delete (",z.length,")"]}),(0,a.jsx)(d.$n,{size:"sm",variant:"ghost",onClick:Q,disabled:W,children:"Clear"})]})})]}),(0,a.jsx)("div",{className:"flex flex-col gap-3",children:(e=Object.fromEntries(t.map(e=>[e.name,e.models])),t.map(t=>(0,a.jsx)(k,{combo:t,getCaps:F,comboByName:e,activeProviders:N,copied:G,onCopy:B,onEdit:()=>h(t),onDelete:()=>es(t.id),onTest:()=>w(t),strategy:$[t.name]||{},globalComboStrategy:O,onSetStrategy:e=>ea(t.name,e),selected:z.includes(t.id),onToggleSelect:()=>{var e;return e=t.id,void H(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])}},t.id)))})]}),(0,a.jsx)(C,{capacityAdapter:T,onChange:K,activeProviders:N,getCaps:F}),g&&(0,a.jsx)(d.St,{isOpen:!!g,combo:g,onClose:()=>w(null),strategy:$[g.name]||{}}),i&&(0,a.jsx)(M,{isOpen:i,onClose:()=>o(!1),onSave:Y,onTestDraft:e=>w(e),activeProviders:N},"create"),u&&(0,a.jsx)(M,{isOpen:!!u,combo:u,onClose:()=>h(null),onSave:e=>X(u.id,e),onTestDraft:e=>w(e),activeProviders:N},u.id),(0,a.jsx)(d.uo,{isOpen:!!P,onClose:()=>!P?.loading&&_(null),onConfirm:P?.onConfirm,title:P?.title||"Confirm",message:P?.message,confirmText:P?.confirmText||"Confirm",variant:P?.variant||"danger",loading:!!P?.loading})]})}let N=e=>{if(!e)return"?";if(e>=1e6){let t=e/1e6;return`${Number.isInteger(t)?t:t.toFixed(1)}M`}return`${Math.round(e/1e3)}k`};function k({combo:e,getCaps:t,comboByName:s={},activeProviders:r=[],copied:n,onCopy:i,onEdit:o,onDelete:c,onTest:m,strategy:x={},globalComboStrategy:p="fallback",onSetStrategy:h,selected:b=!1,onToggleSelect:g}){let[f,y]=(0,l.useState)(!1),j=x.fallbackStrategy||"inherit",w=x.judgeModel||"",C=("inherit"===j?p:j)==="fusion",S=(0,u.Q5)(e.models,s,t);return(0,a.jsxs)(d.Zp,{padding:"sm",className:`group ${b?"ring-1 ring-primary/40 bg-primary/[0.03]":""}`,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)("label",{className:"flex shrink-0 items-center pt-1 sm:pt-0 cursor-pointer",title:"Select combo",children:(0,a.jsx)("input",{type:"checkbox",checked:b,onChange:g,onClick:e=>e.stopPropagation(),className:"h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary","aria-label":`Select ${e.name}`})}),(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,l)=>(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:s[e]?(0,u.Q5)(s[e],s,t):t?.(e)})]},l)),e.models.length>3&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",e.models.length-3," more"]})]}),S&&(0,a.jsxs)("div",{className:"mt-1 flex items-center gap-2 text-[10px] text-text-muted",children:[(0,a.jsxs)("span",{children:["ctx ",N(S.contextWindow)]}),(0,a.jsx)("span",{className:"opacity-40",children:"\xb7"}),(0,a.jsxs)("span",{children:["max ",N(S.maxOutput)]})]}),C&&(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:()=>y(!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:w||`Auto — ${e.models[0]||"first model"}`})]}),w&&(0,a.jsx)("button",{onClick:()=>h({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:v.map(e=>"inherit"===e.value?{...e,label:`Inherit global — ${p}`}:e),value:j,onChange:e=>h({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:m,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:n===`combo-${e.id}`?"check":"content_copy"}),(0,a.jsx)("span",{className:"text-[10px] leading-tight",children:"Copy"})]}),(0,a.jsxs)("button",{onClick:o,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:c,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"})]})]})]})]}),f&&(0,a.jsx)(d.rq,{isOpen:f,onClose:()=>y(!1),onSelect:e=>{h({judgeModel:e?.value||""}),y(!1)},activeProviders:r,title:"Select Judge Model",addedModelValues:w?[w]:[],closeOnSelect:!0})]})}function C({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.jsx)("div",{className:"flex flex-col gap-4",children:b.map(r=>(0,a.jsx)(S,{cap:r,entry:e[r.key]||f,onChange:s=>t({...e,[r.key]:s}),activeProviders:s,getCaps:l},r.key))})]})}function S({cap:e,entry:t,onChange:s,activeProviders:r,getCaps:n}){let[i,o]=(0,l.useState)(!1),{enabled:c,roundRobin:m,models:x}=t,u=e=>s({...t,...e}),p=(e,t)=>{let s=e+t;if(s<0||s>=x.length)return;let a=[...x];[a[e],a[s]]=[a[s],a[e]],u({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=>u({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.jsx)("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:"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=>u({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"})]})]}),0===x.length?(0,a.jsxs)("div",{className:"mt-3 py-2 text-center text-xs text-text-muted italic",children:["No models in pool (will fallback to ",g,")"]}):(0,a.jsx)("div",{className:"mt-3 overflow-hidden rounded-lg border border-border/50",children:(0,a.jsxs)("table",{className:"w-full text-left text-xs",children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{className:"border-b border-border/40 bg-black/[0.02] text-text-muted dark:bg-white/[0.02]",children:[(0,a.jsx)("th",{className:"w-12 px-3 py-1.5 font-medium text-center",children:"#"}),(0,a.jsx)("th",{className:"px-3 py-1.5 font-medium",children:"Model"}),(0,a.jsx)("th",{className:"w-24 px-3 py-1.5 font-medium text-center",children:"Order"}),(0,a.jsx)("th",{className:"w-12 px-3 py-1.5 font-medium text-right"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border/30 font-mono",children:x.map((e,t)=>(0,a.jsxs)("tr",{className:"hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,a.jsxs)("td",{className:"px-3 py-2 text-center text-text-muted text-[11px] font-sans",children:["#",t+1]}),(0,a.jsx)("td",{className:"px-3 py-2 text-text-main",children:(0,a.jsxs)("div",{className:"flex items-center gap-1.5 flex-wrap",children:[(0,a.jsx)("span",{className:"truncate",children:e}),(0,a.jsx)(d.nh,{caps:n?.(e)}),e===g&&(0,a.jsx)("span",{className:"rounded bg-emerald-500/10 px-1.5 py-0.5 font-sans text-[10px] font-medium text-emerald-600 dark:text-emerald-400",children:"free default"})]})}),(0,a.jsx)("td",{className:"px-3 py-2 text-center",children:(0,a.jsxs)("div",{className:"inline-flex items-center gap-1",children:[(0,a.jsx)("button",{type:"button",onClick:()=>p(t,-1),disabled:!c||0===t,className:`p-1 rounded transition-colors ${!c||0===t?"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-[16px] leading-none",children:"arrow_upward"})}),(0,a.jsx)("button",{type:"button",onClick:()=>p(t,1),disabled:!c||t===x.length-1,className:`p-1 rounded transition-colors ${!c||t===x.length-1?"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-[16px] leading-none",children:"arrow_downward"})})]})}),(0,a.jsx)("td",{className:"px-3 py-2 text-right",children:(0,a.jsx)("button",{type:"button",onClick:()=>{let e;u({models:0===(e=x.filter((e,s)=>s!==t)).length?[g]:e})},disabled:!c,className:`p-1 rounded transition-colors ${!c?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-red-500 hover:bg-red-500/10"}`,title:"Remove model",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] leading-none",children:"close"})})})]},`${e}-${t}`))})]})}),i&&(0,a.jsx)(d.rq,{isOpen:i,onClose:()=>o(!1),onSelect:e=>{let t=e?.value||e?.name||e;!t||x.includes(t)||u({models:[...x,t]})},onDeselect:e=>{let t=e?.value||e?.name||e,s=x.filter(e=>e!==t);u({models:0===s.length?[g]:s})},activeProviders:r,title:`Add ${e.label} Model`,addedModelValues:x,capFilter:e.key,closeOnSelect:!1})]})}function $({id:e,index:t,model:s,weight:r=1,isFirst:o,isLast:d,onEdit:c,onWeightChange:m,onMoveUp:x,onMoveDown:u,onRemove:p}){let{attributes:h,listeners:b,setNodeRef:g,transform:f,isDragging:y}=(0,n.gl)({id:e}),j={transform:i.Ks.Transform.toString(f),opacity:y?.4:1,zIndex:y?999:void 0},[v,w]=(0,l.useState)(!1),[N,k]=(0,l.useState)(s),C=()=>{let e=N.trim();e&&e!==s?c(e):k(s),w(!1)};return(0,a.jsxs)("div",{ref:g,style:j,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 ${y?"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:N,onChange:e=>k(e.target.value),onBlur:C,onKeyDown:e=>{"Enter"===e.key&&C(),"Escape"===e.key&&(k(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:u,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:p,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 transition-all",title:"Remove",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]})}function M({isOpen:e,combo:t,onClose:s,onSave:i,onTestDraft:c,activeProviders:m,kindFilter:x=null}){let[u,p]=(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),[y,j]=(0,l.useState)(!1),[v,w]=(0,l.useState)(!1),[N,k]=(0,l.useState)(""),[C,S]=(0,l.useState)({}),[E,O]=(0,l.useState)(!1),[D,T]=(0,l.useState)(()=>t?.policy||t?.config?.policy||{}),[A,F]=(0,l.useState)(()=>t?.fusion||t?.config?.fusion||{}),P=(0,r.FR)((0,r.MS)(r.AN,{activationConstraint:{distance:5}}),(0,r.MS)(r.uN,{coordinateGetter:n.JR})),_=g.map((e,t)=>({uid:`item-${t}`,id:e.id,weight:e.weight})),R=g.map(e=>e.id),I=async()=>{try{let e=await fetch("/api/models/alias");if(!e.ok)return;let t=await e.json();S(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}};(0,l.useEffect)(()=>{e&&I()},[e]);let z=e=>e.trim()?h.test(e)?(k(""),!0):(k("Only letters, numbers, -, _ and . allowed"),!1):(k("Name is required"),!1),H=async()=>{if(!z(u))return;w(!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(D).length||Object.keys(A).length){s.members=g;let e={};t&&(e.members=g),Object.keys(D).length&&(e.policy=D),Object.keys(A).length&&(e.fusion=A),Object.keys(e).length&&(s.config=e)}await i(s),w(!1)},W=!!t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.aF,{isOpen:e,onClose:s,title:W?"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;p(t),t?z(t):k("")},placeholder:"my-combo",error:N}),(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:P,collisionDetection:r.fp,onDragEnd:e=>{let{active:t,over:s}=e;if(s&&t.id!==s.id){let e=_.findIndex(e=>e.uid===t.id),a=_.findIndex(e=>e.uid===s.id);-1!==e&&-1!==a&&f(t=>(0,n.be)(t,e,a))}},modifiers:[o.FN,o.gj],children:(0,a.jsx)(n.gB,{items:_.map(e=>e.uid),strategy:n._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:_.map(({uid:e,id:t,weight:s},l)=>(0,a.jsx)($,{id:e,index:l,model:t,weight:s,isFirst:0===l,isLast:l===_.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:()=>j(!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:E?"expand_less":"expand_more"})]}),E&&(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:D.sticky||1,onChange:e=>T({...D,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:D.maxHops||"",onChange:e=>{let t=parseInt(e.target.value,10);T(t?{...D,maxHops:t}:{...D,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:A.minPanel||"",placeholder:"2",onChange:e=>{let t=parseInt(e.target.value,10);F(t?{...A,minPanel:t}:{...A,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:A.stragglerGraceMs||"",placeholder:"8000",onChange:e=>{let t=parseInt(e.target.value,10);F(Number.isFinite(t)?{...A,stragglerGraceMs:t}:{...A,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:A.panelHardTimeoutMs||"",placeholder:"90000",onChange:e=>{let t=parseInt(e.target.value,10);F(Number.isFinite(t)?{...A,panelHardTimeoutMs:t}:{...A,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&&R.length>0&&(0,a.jsx)(d.$n,{type:"button",onClick:()=>c({id:t?.id,name:u||"Draft Combo",models:R,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()||!!N||v,children:v?"Saving...":W?"Save":"Create"})]})]})}),y&&(0,a.jsx)(d.rq,{isOpen:y,onClose:()=>j(!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:C,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,[763,5353,8105,801,1321,5497,8441,3794,7358],()=>e(e.s=25100)),_N_E=e.O()}]);