@rsalmn/extremerouter 0.7.1 → 0.7.3

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/combos/{page-31f4cbfce77ceaea.js → page-70b66ef1b070a378.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{49293:(e,t,s)=>{Promise.resolve().then(s.bind(s,85330))},85330:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>$});var l=s(95155),a=s(12115),r=s(73321),i=s(35497),o=s(11059);let n=/^[a-zA-Z0-9_.\-]+$/,c=[{value:"fallback",label:"Fallback",desc:"Try models in order, next on failure",icon:"layers"},{value:"round-robin",label:"Round Robin",desc:"Rotate models across requests",icon:"cached"},{value:"fusion",label:"Fusion",desc:"Parallel panel + judge synthesis",icon:"hub"},{value:"swarm",label:"Swarm",desc:"Hierarchical Manager→Staff→Workers",icon:"account_tree"}],d={fallback:{icon:"layers",color:"#3B82F6",badge:"info"},"round-robin":{icon:"cached",color:"#10B981",badge:"success"},fusion:{icon:"hub",color:"#8B5CF6",badge:"primary"},swarm:{icon:"account_tree",color:"#F59E0B",badge:"warning"}};function m(e){return d[e]||d.fallback}function x(e){let t=c.find(t=>t.value===e);return t?.label||"Fallback"}let u=[{value:"all",label:"All"},{value:"fallback",label:"Fallback"},{value:"round-robin",label:"Round Robin"},{value:"fusion",label:"Fusion"},{value:"swarm",label:"Swarm"}],p=[{value:"name",label:"Name"},{value:"models-desc",label:"Most Models"},{value:"models-asc",label:"Fewest Models"}];function h({combos:e,comboStrategies:t,activeProviders:s,onViewCombos:a,onCreate:r}){let o=e.length,n=function(e){let t=new Set;for(let s of e)for(let e of s.models||[])t.add(e);return t.size}(e),c=function(e,t){let s={fallback:0,"round-robin":0,fusion:0,swarm:0};for(let l of e){let e=t[l.name]?.fallbackStrategy||"fallback";s[e]=(s[e]||0)+1}return s}(e,t),d=Object.values(c).filter(e=>e>0).length,u=o>0?Math.round(e.reduce((e,t)=>e+(t.models?.length||0),0)/o*10)/10:0,p=Math.max(...Object.values(c),1);return(0,l.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,l.jsx)("div",{className:"grid grid-cols-2 gap-3 lg:grid-cols-4",children:[{label:"Total Combos",value:o,icon:"layers",color:"#3B82F6"},{label:"Unique Models",value:n,icon:"model_training",color:"#10B981"},{label:"Strategies Used",value:d,icon:"account_tree",color:"#8B5CF6"},{label:"Avg Models/Combo",value:u,icon:"analytics",color:"#F59E0B"}].map(e=>(0,l.jsx)(i.Zp,{padding:"sm",children:(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("div",{className:"flex size-9 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${e.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:e.color},children:e.icon})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"font-mono text-lg font-bold text-text-main",children:e.value}),(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted",children:e.label})]})]})},e.label))}),(0,l.jsxs)(i.Zp,{children:[(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Strategy Distribution"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"How combos are distributed across routing strategies"})]}),(0,l.jsx)("div",{className:"flex flex-col gap-2.5",children:Object.entries(c).map(([e,t])=>{let s=m(e),a=o>0?Math.round(t/o*100):0;return(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsxs)("div",{className:"flex w-28 items-center gap-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:{color:s.color},children:s.icon}),(0,l.jsx)("span",{className:"text-xs font-medium text-text-main",children:x(e)})]}),(0,l.jsx)("div",{className:"flex-1 overflow-hidden rounded-full bg-surface-2",children:(0,l.jsx)("div",{className:"h-2.5 rounded-full transition-all",style:{width:`${t/p*100}%`,backgroundColor:s.color}})}),(0,l.jsxs)("span",{className:"w-16 text-right font-mono text-xs text-text-muted",children:[t," (",a,"%)"]})]},e)})})]}),(0,l.jsxs)(i.Zp,{children:[(0,l.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Combo Health"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"Overview of each combo's status"})]}),(0,l.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"list_alt",onClick:a,children:"View All"})]}),0===e.length?(0,l.jsxs)("div",{className:"py-6 text-center text-sm text-text-muted",children:["No combos yet. ",(0,l.jsx)("button",{onClick:r,className:"text-primary hover:underline",children:"Create one →"})]}):(0,l.jsx)("div",{className:"flex flex-col gap-2",children:e.map(e=>{let a=t[e.name]?.fallbackStrategy||"fallback",r=m(a),o=(e.models||[]).filter(e=>{let t=e.split("/")[0];return s.some(e=>e.provider===t&&!1!==e.isActive)}).length,n=(e.models||[]).length,c=n>0?Math.round(o/n*100):0;return(0,l.jsxs)("div",{className:"flex items-center gap-3 rounded-lg border border-border-subtle px-3 py-2 hover:bg-sidebar/30",children:[(0,l.jsx)("div",{className:"flex size-7 shrink-0 items-center justify-center rounded",style:{backgroundColor:`${r.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[15px]",style:{color:r.color},children:r.icon})}),(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsx)("code",{className:"truncate font-mono text-xs font-medium",children:e.name}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mt-0.5",children:[(0,l.jsx)(i.Ex,{variant:r.badge,size:"sm",children:x(a)}),(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:[n," models"]})]})]}),(0,l.jsxs)("div",{className:"hidden sm:flex items-center gap-2 shrink-0",children:[(0,l.jsx)("div",{className:"w-20 overflow-hidden rounded-full bg-surface-2",children:(0,l.jsx)("div",{className:`h-1.5 rounded-full ${c>=80?"bg-success":c>=50?"bg-warning":"bg-danger"}`,style:{width:`${c}%`}})}),(0,l.jsxs)("span",{className:"w-8 text-right font-mono text-[10px] text-text-muted",children:[o,"/",n]})]})]},e.id)})})]})]})}function b({combo:e,modelCaps:t={},activeProviders:s=[],copied:r,onCopy:o,onEdit:n,onDelete:d,strategy:u={},onSetStrategy:p}){let[h,g]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[v,y]=(0,a.useState)(null),N=u.fallbackStrategy||"fallback",w=u.judgeModel||"",k="fusion"===N,C="swarm"===N,S=u.managerModel||"",M=u.staffModel||"",$=u.auditModel||"",E=m(N);return(0,l.jsxs)(i.Zp,{padding:"sm",className:"group transition-all hover:border-primary/20",children:[(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,l.jsxs)("button",{className:"flex min-w-0 flex-1 items-start gap-3 text-left sm:items-center",onClick:()=>g(!h),children:[(0,l.jsx)("div",{className:"flex size-8 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${E.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:E.color},children:E.icon})}),(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("code",{className:"truncate font-mono text-sm font-medium",children:e.name}),(0,l.jsx)(i.Ex,{variant:E.badge,size:"sm",children:x(N)}),(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:[e.models.length," models"]})]}),(0,l.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1",children:[0===e.models.length?(0,l.jsx)("span",{className:"text-xs text-text-muted italic",children:"No models"}):e.models.slice(0,3).map((e,s)=>(0,l.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,l.jsx)("span",{className:"truncate max-w-[120px]",children:e}),t[e]&&(0,l.jsx)(i.nh,{caps:t[e],size:11})]},s)),e.models.length>3&&(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",e.models.length-3," more"]})]})]}),(0,l.jsx)("span",{className:`shrink-0 text-text-muted transition-transform ${h?"rotate-180":""}`,children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"expand_more"})})]}),(0,l.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,l.jsx)("div",{className:"w-full sm:w-[180px]",children:(0,l.jsx)(i.l6,{options:c,value:N,onChange:e=>p({fallbackStrategy:e.target.value}),selectClassName:"py-1.5 text-xs"})}),(0,l.jsxs)("div",{className:"grid grid-cols-3 gap-1 sm:flex",children:[(0,l.jsxs)("button",{onClick:t=>{t.stopPropagation(),o(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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:r===`combo-${e.id}`?"check":"content_copy"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Copy"})]}),(0,l.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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,l.jsxs)("button",{onClick:d,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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]})]})]}),h&&(0,l.jsxs)("div",{className:"mt-3 border-t border-border-subtle pt-3",children:[(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsxs)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:["Models (",e.models.length,")"]}),(0,l.jsx)("div",{className:"flex flex-col gap-1",children:e.models.map((e,s)=>(0,l.jsxs)("div",{className:"flex items-center gap-2 rounded px-2 py-1 bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,l.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-4 text-center",children:s+1}),(0,l.jsx)("code",{className:"min-w-0 flex-1 truncate font-mono text-xs text-text-main",children:e}),t[e]&&(0,l.jsx)(i.nh,{caps:t[e],size:11})]},s))})]}),k&&(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:"Fusion Judge"}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsxs)("button",{onClick:()=>j(!0),className:"inline-flex max-w-full items-center gap-1 rounded border border-dashed border-primary/40 px-2 py-1 font-mono text-xs text-primary hover:border-primary hover:bg-primary/5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"gavel"}),(0,l.jsx)("span",{className:"truncate",children:w||`Auto — ${e.models[0]||"first model"}`})]}),w&&(0,l.jsx)("button",{onClick:()=>p({judgeModel:""}),className:"p-1 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10",title:"Reset to Auto",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})]}),C&&(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:"Swarm Roles"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1.5",children:[[{key:"manager",label:"Manager",icon:"psychology",value:S,placeholder:`Auto — ${e.models[0]||"first"}`},{key:"staff",label:"Staff",icon:"badge",value:M,placeholder:"Same as Manager"},{key:"audit",label:"Audit",icon:"fact_check",value:$,placeholder:"Same as Staff"}].map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"text-xs font-medium text-text-muted w-16",children:e.label}),(0,l.jsxs)("button",{onClick:()=>y(e.key),className:"inline-flex max-w-full items-center gap-1 rounded border border-dashed border-primary/40 px-2 py-0.5 font-mono text-[11px] text-primary hover:border-primary hover:bg-primary/5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:e.icon}),(0,l.jsx)("span",{className:"truncate",children:e.value||e.placeholder})]}),e.value&&(0,l.jsx)("button",{onClick:()=>p({[`${e.key}Model`]:""}),className:"p-0.5 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10",title:`Reset ${e.label}`,children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"close"})})]},e.key)),(0,l.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:"font-medium",children:"Workers"}),(0,l.jsxs)("span",{children:["= combo models (",e.models.length,")"]}),(0,l.jsx)("span",{className:"text-text-subtle",children:"\xb7"}),(0,l.jsx)("a",{href:"/dashboard/swarm",className:"text-primary hover:underline",children:"Telemetry →"})]})]})]}),(0,l.jsxs)("div",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] rounded px-2 py-1.5",children:[(0,l.jsxs)("span",{className:"font-medium",children:[x(N),":"]})," ",c.find(e=>e.value===N)?.desc]})]}),(0,l.jsx)(i.rq,{isOpen:f,onClose:()=>j(!1),onSelect:e=>{p({judgeModel:e?.value||""}),j(!1)},activeProviders:s,title:"Select Judge Model",addedModelValues:w?[w]:[],closeOnSelect:!0}),v&&(0,l.jsx)(i.rq,{isOpen:!0,onClose:()=>y(null),onSelect:e=>{p({[`${v}Model`]:e?.value||""}),y(null)},activeProviders:s,title:`Select ${"manager"===v?"Manager":"staff"===v?"Staff":"Audit"} Model`,addedModelValues:[],closeOnSelect:!0})]})}function g({combos:e,modelCaps:t,activeProviders:s,comboStrategies:r,copied:o,copy:n,onEdit:c,onDelete:d,onSetStrategy:m,onCreate:x}){let[h,f]=(0,a.useState)(""),[j,v]=(0,a.useState)("all"),[y,N]=(0,a.useState)("name"),w=(0,a.useMemo)(()=>{var t;let s;return t=function(e,t,s,l){let a=e;if("all"!==s&&(a=a.filter(e=>(l[e.name]?.fallbackStrategy||"fallback")===s)),t.trim()){let e=t.trim().toLowerCase();a=a.filter(t=>t.name.toLowerCase().includes(e)||(t.models||[]).some(t=>t.toLowerCase().includes(e)))}return a}(e,h,j,r),s=[...t],"models-desc"===y?s.sort((e,t)=>(t.models?.length||0)-(e.models?.length||0)):"models-asc"===y?s.sort((e,t)=>(e.models?.length||0)-(t.models?.length||0)):s.sort((e,t)=>e.name.localeCompare(t.name)),s},[e,h,j,y,r]);return 0===e.length?(0,l.jsx)(i.pp,{icon:"layers",title:"No combos yet",description:"Create model combos with fallback, round-robin, fusion, or swarm strategies",actionText:"Create Combo",onAction:x}):(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,l.jsx)(i.pd,{placeholder:"Search combos or models...",value:h,onChange:e=>f(e.target.value),className:"sm:max-w-xs"}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("div",{className:"flex flex-wrap gap-1",children:u.map(e=>(0,l.jsx)("button",{onClick:()=>v(e.value),className:`rounded-full px-2.5 py-1 text-xs font-medium transition-colors ${j===e.value?"bg-primary/15 text-primary ring-1 ring-primary/20":"bg-surface-2 text-text-muted hover:text-text-main"}`,children:e.label},e.value))}),(0,l.jsx)("select",{value:y,onChange:e=>N(e.target.value),className:"appearance-none rounded-lg border border-border bg-surface-2 py-1.5 pl-3 pr-8 text-xs text-text-main [-webkit-appearance:none] [-moz-appearance:none] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",children:p.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})]})]}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:w.length===e.length?`${e.length} combo${1!==e.length?"s":""}`:`${w.length} of ${e.length} combos`}),0===w.length?(0,l.jsx)(i.Zp,{children:(0,l.jsxs)("div",{className:"py-8 text-center text-sm text-text-muted",children:['No combos match "',h,'" ',"all"!==j&&`with ${j} strategy`]})}):(0,l.jsx)("div",{className:"flex flex-col gap-3",children:w.map(e=>(0,l.jsx)(b,{combo:e,modelCaps:t,activeProviders:s,copied:o,onCopy:n,onEdit:()=>c(e),onDelete:()=>d(e.id),strategy:r[e.name]||{},onSetStrategy:t=>m(e.name,t)},e.id))})]})}let f=[{id:"always-on",name:"Always-On (5-Layer Fallback)",description:"Zero-downtime coding with 5 layers of fallback. Mix of subscription, cheap, and free tiers — if any model fails, the next picks up automatically.",icon:"shield",category:"reliability",strategy:"fallback",models:["cc/claude-opus-4-7","cx/gpt-5.4","glm/glm-5.1","minimax/MiniMax-M2.7","kr/claude-sonnet-4.5"],requiredProviders:["claude","codex","glm","minimax","kiro"]}];function j({combos:e,connections:t,onApply:s}){let[r,o]=(0,a.useState)(null),n=new Set(t?.filter(e=>!1!==e.isActive).map(e=>e.provider)||[]),c=new Set((e||[]).map(e=>e.name)),d=async e=>{o(e.id);try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e.name,models:e.models,kind:null})});if(!t.ok){let e=await t.json();alert(e.error||"Failed to create combo from template");return}await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:{[e.name]:{fallbackStrategy:e.strategy}}})}),s&&s()}catch(e){alert("Failed to apply template: "+(e?.message||String(e)))}finally{o(null)}};return 0===f.length?(0,l.jsx)(i.pp,{icon:"dashboard_customize",title:"No templates available",description:"Combo templates will appear here when added."}):(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"mb-1",children:[(0,l.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"Combo Templates"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"One-click prebuilt combos. Provider availability is checked automatically."})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",children:f.map(e=>{let t=(e.requiredProviders||[]).filter(e=>n.has(e)).length,s=(e.requiredProviders||[]).length,a=c.has(e.name),o=m(e.strategy);return(0,l.jsxs)(i.Zp,{padding:"sm",className:"flex flex-col gap-3 hover:border-primary/20 transition-all",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,l.jsx)("div",{className:"flex size-9 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${o.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:o.color},children:e.icon||o.icon})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm font-semibold text-text-main",children:e.name}),(0,l.jsx)(i.Ex,{variant:o.badge,size:"sm",children:x(e.strategy)})]})]}),a&&(0,l.jsx)(i.Ex,{variant:"success",size:"sm",dot:!0,children:"Created"})]}),(0,l.jsx)("p",{className:"text-xs text-text-muted leading-relaxed",children:e.description}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(e.models||[]).slice(0,4).map((e,t)=>(0,l.jsx)("code",{className:"inline-flex items-center rounded bg-black/5 px-1.5 py-0.5 font-mono text-[10px] text-text-muted dark:bg-white/5",children:e},t)),(e.models||[]).length>4&&(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",(e.models||[]).length-4," more"]})]}),(0,l.jsx)("div",{className:"flex flex-wrap gap-1",children:(e.requiredProviders||[]).map(e=>{let t=n.has(e);return(0,l.jsxs)("span",{className:`inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[10px] font-medium ${t?"bg-success/10 text-success":"bg-surface-2 text-text-muted"}`,children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[10px]",children:t?"check_circle":"radio_button_unchecked"}),e]},e)})}),(0,l.jsx)("div",{className:"mt-auto pt-1",children:(0,l.jsx)(i.$n,{size:"sm",fullWidth:!0,variant:a?"secondary":"primary",icon:r===e.id?"progress_activity":"add",disabled:a||r===e.id,onClick:()=>d(e),children:r===e.id?"Creating...":a?"Already Created":t===s?"Apply Template":`Apply (${t}/${s} ready)`})})]},e.id)})})]})}var v=s(44923),y=s(87256),N=s(5020),w=s(39768);function k({id:e,index:t,model:s,isFirst:r,isLast:o,modelCaps:n,onEdit:c,onMoveUp:d,onMoveDown:m,onRemove:x}){let{attributes:u,listeners:p,setNodeRef:h,transform:b,isDragging:g}=(0,y.gl)({id:e}),f={transform:w.Ks.Transform.toString(b),opacity:g?.5:1,zIndex:g?999:void 0},[j,v]=(0,a.useState)(!1),[N,C]=(0,a.useState)(s),S=()=>{let e=N.trim();e&&e!==s?c(e):C(s),v(!1)};return(0,l.jsxs)("div",{ref:h,style:f,className:`group flex min-w-0 items-center gap-2 rounded-lg border px-2.5 py-1.5 transition-all ${g?"border-primary/40 bg-panel shadow-md ring-1 ring-primary/20":"border-transparent bg-panel hover:border-border-subtle"}`,children:[(0,l.jsx)("span",{className:"flex size-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary",children:t+1}),(0,l.jsx)("button",{...u,...p,type:"button",className:"cursor-grab touch-none shrink-0 p-0.5 rounded text-text-muted/50 hover:text-text-main active:cursor-grabbing",title:"Drag to reorder",children:(0,l.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,l.jsx)("circle",{cx:"9",cy:"4",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"4",r:"1.5"}),(0,l.jsx)("circle",{cx:"9",cy:"12",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"12",r:"1.5"}),(0,l.jsx)("circle",{cx:"9",cy:"20",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"20",r:"1.5"})]})}),j?(0,l.jsx)("input",{autoFocus:!0,value:N,onChange:e=>C(e.target.value),onBlur:S,onKeyDown:e=>{"Enter"===e.key&&S(),"Escape"===e.key&&(C(s),v(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-panel px-1.5 py-0.5 font-mono text-xs text-text-main outline-none"}):(0,l.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-1.5 cursor-text rounded px-1 py-0.5 hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",onClick:()=>v(!0),title:"Click to edit",children:[(0,l.jsx)("code",{className:"min-w-0 flex-1 truncate font-mono text-xs text-text-main",children:s}),n?.[s]&&(0,l.jsx)(i.nh,{caps:n[s],size:11})]}),(0,l.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100",children:[(0,l.jsx)("button",{onClick:d,disabled:r,className:`rounded p-1 transition-colors ${r?"cursor-not-allowed text-text-muted/20":"text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5"}`,title:"Move up",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"arrow_upward"})}),(0,l.jsx)("button",{onClick:m,disabled:o,className:`rounded p-1 transition-colors ${o?"cursor-not-allowed text-text-muted/20":"text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5"}`,title:"Move down",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"arrow_downward"})})]}),(0,l.jsx)("button",{onClick:x,className:"shrink-0 rounded p-1 text-text-muted opacity-0 transition-all hover:bg-danger/10 hover:text-danger group-hover:opacity-100",title:"Remove model",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}function C({isOpen:e,combo:t,onClose:s,onSave:r,activeProviders:o,modelCaps:d={},kindFilter:m=null}){let[x,u]=(0,a.useState)(t?.name||""),[p,h]=(0,a.useState)(t?.models||[]),[b,g]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[w,S]=(0,a.useState)(""),[M,$]=(0,a.useState)({}),E=(0,v.FR)((0,v.MS)(v.AN,{activationConstraint:{distance:5}}),(0,v.MS)(v.uN,{coordinateGetter:y.JR})),z=p.map((e,t)=>({uid:`item-${t}`,model:e}));(0,a.useEffect)(()=>{e&&(async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let t=await e.json();$(t.aliases||{})}}catch{}})()},[e]);let F=e=>e.trim()?n.test(e)?(S(""),!0):(S("Only letters, numbers, -, _ and . allowed"),!1):(S("Name is required"),!1),O=async()=>{F(x)&&(j(!0),await r({name:x.trim(),models:p}),j(!1))},A=!!t;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.aF,{isOpen:e,onClose:s,title:A?"Edit Combo":"Create Combo",size:"lg",children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(i.pd,{label:"Combo Name",value:x,onChange:e=>{let t=e.target.value;u(t),t?F(t):S("")},placeholder:"my-combo",error:w}),(0,l.jsxs)("div",{className:"mt-1.5 flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-[10px] text-text-muted",children:"Use this name as the model in your client:"}),x.trim()&&(0,l.jsx)("code",{className:"rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary",children:x.trim()})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Models"}),p.length>0&&(0,l.jsxs)(i.Ex,{variant:"info",size:"sm",children:[p.length," model",1!==p.length?"s":""]})]}),(0,l.jsx)("span",{className:"text-[10px] text-text-muted",children:"Drag to reorder priority"})]}),0===p.length?(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center py-8 border border-dashed border-border rounded-lg bg-surface-2/50",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-text-muted text-2xl mb-2",children:"layers"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mb-3",children:"Add models to build your combo"}),(0,l.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"add",onClick:()=>g(!0),children:"Add First Model"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(v.Mp,{sensors:E,collisionDetection:v.fp,onDragEnd:e=>{let{active:t,over:s}=e;if(s&&t.id!==s.id){let e=z.findIndex(e=>e.uid===t.id),l=z.findIndex(e=>e.uid===s.id);-1!==e&&-1!==l&&h(t=>(0,y.be)(t,e,l))}},modifiers:[N.FN,N.gj],children:(0,l.jsx)(y.gB,{items:z.map(e=>e.uid),strategy:y._G,children:(0,l.jsx)("div",{className:"flex max-h-[45vh] min-w-0 flex-col gap-1 overflow-y-auto rounded-lg bg-surface-2/30 p-1.5",children:z.map(({uid:e,model:t},s)=>(0,l.jsx)(k,{id:e,index:s,model:t,modelCaps:d,isFirst:0===s,isLast:s===z.length-1,onEdit:e=>{let t=[...p];t[s]=e,h(t)},onMoveUp:()=>(e=>{if(0===e)return;let t=[...p];[t[e-1],t[e]]=[t[e],t[e-1]],h(t)})(s),onMoveDown:()=>(e=>{if(e===p.length-1)return;let t=[...p];[t[e],t[e+1]]=[t[e+1],t[e]],h(t)})(s),onRemove:()=>{h(p.filter((e,t)=>t!==s))}},e))})})}),(0,l.jsxs)("button",{onClick:()=>g(!0),className:"w-full mt-2 py-2 border border-dashed border-primary/30 rounded-lg text-xs text-primary font-medium hover:border-primary hover:bg-primary/5 transition-colors flex items-center justify-center gap-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),"Add Model"]})]})]}),p.length>=2&&(0,l.jsxs)("div",{className:"rounded-lg border border-border-subtle bg-surface-2/50 px-3 py-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"lightbulb"}),(0,l.jsx)("span",{className:"text-xs font-medium text-text-main",children:"Strategy Tips"})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-1.5 sm:grid-cols-2",children:c.map(e=>(0,l.jsxs)("div",{className:"flex items-start gap-1.5 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[12px] mt-0.5 text-primary/60",children:e.icon}),(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"font-medium text-text-main",children:e.label})," — ",e.desc]})]},e.value))}),(0,l.jsx)("p",{className:"mt-1.5 text-[10px] text-text-muted",children:"Set strategy after creating the combo from the Combos tab."})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-2 pt-1 sm:flex-row",children:[(0,l.jsx)(i.$n,{onClick:s,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),(0,l.jsx)(i.$n,{onClick:O,fullWidth:!0,size:"sm",icon:A?"save":"add",disabled:!x.trim()||!!w||f,children:f?"Saving...":A?"Save Changes":"Create Combo"})]})]})}),(0,l.jsx)(i.rq,{isOpen:b,onClose:()=>g(!1),onSelect:e=>{p.includes(e.value)||h([...p,e.value])},onDeselect:e=>{h(p.filter(t=>t!==e.value))},activeProviders:o,modelAliases:M,title:"Add Model to Combo",kindFilter:m,addedModelValues:p,closeOnSelect:!1})]})}let S=[{value:"overview",label:"Overview"},{value:"combos",label:"Combos"},{value:"templates",label:"Templates"}];function M(){let e=(0,r.useRouter)(),t=(0,r.useSearchParams)().get("tab")||"overview",[s,n]=(0,a.useState)([]),[c,d]=(0,a.useState)(!0),[m,x]=(0,a.useState)(!1),[u,p]=(0,a.useState)(null),[b,f]=(0,a.useState)([]),[v,y]=(0,a.useState)({}),[N,w]=(0,a.useState)({}),[k,M]=(0,a.useState)(null),{copied:$,copy:E}=(0,o.C)(),z=(0,a.useCallback)(async()=>{try{let[e,t,s,l]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/settings"),fetch("/api/models")]),a=await e.json(),r=await t.json(),i=s.ok?await s.json():{};if(e.ok&&n((a.combos||[]).filter(e=>!e.kind||"llm"===e.kind)),t.ok&&f(r.connections||[]),l.ok){let e=await l.json(),t={};for(let s of e.models||[])s.caps&&(t[s.fullModel]=s.caps);w(t)}y(i.comboStrategies||{})}catch(e){console.log("Error fetching data:",e)}finally{d(!1)}},[]);(0,a.useEffect)(()=>{z()},[z]);let F=t=>e.push(`/dashboard/combos?tab=${t}`),O=async e=>{try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(t.ok)await z(),x(!1);else{let e=await t.json();alert(e.error||"Failed to create combo")}}catch(e){console.log("Error creating combo:",e)}},A=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 z(),p(null);else{let e=await s.json();alert(e.error||"Failed to update combo")}}catch(e){console.log("Error updating combo:",e)}},_=async(e,t)=>{try{let s={...v},l={...s[e]||{},...t};l.fallbackStrategy&&"fallback"!==l.fallbackStrategy?s[e]=l:delete s[e],await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:s})}),y(s)}catch(e){console.log("Error updating combo strategy:",e)}};return c?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)(i.Qv,{}),(0,l.jsx)(i.Qv,{})]}):(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-5",children:[(0,l.jsx)(i.zY,{title:"Combos",description:"Group models under one name, then pick a strategy per combo",icon:"layers",actions:(0,l.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>x(!0),className:"whitespace-nowrap",children:"Create Combo"})}),(0,l.jsx)(i.Iz,{options:S,value:t,onChange:F}),"overview"===t&&(0,l.jsx)(h,{combos:s,comboStrategies:v,activeProviders:b,onViewCombos:()=>F("combos"),onCreate:()=>x(!0)}),"combos"===t&&(0,l.jsx)(g,{combos:s,modelCaps:N,activeProviders:b,comboStrategies:v,copied:$,copy:E,onEdit:p,onDelete:e=>{M({title:"Delete Combo",message:"Delete this combo?",onConfirm:async()=>{M(null);try{(await fetch(`/api/combos/${e}`,{method:"DELETE"})).ok&&n(t=>t.filter(t=>t.id!==e))}catch(e){console.log("Error deleting combo:",e)}}})},onSetStrategy:_,onCreate:()=>x(!0)}),"templates"===t&&(0,l.jsx)(j,{combos:s,connections:b,onApply:z}),(0,l.jsx)(C,{isOpen:m,onClose:()=>x(!1),onSave:O,activeProviders:b,modelCaps:N},"create"),(0,l.jsx)(C,{isOpen:!!u,combo:u,onClose:()=>p(null),onSave:e=>A(u.id,e),activeProviders:b,modelCaps:N},u?.id||"new"),(0,l.jsx)(i.uo,{isOpen:!!k,onClose:()=>M(null),onConfirm:k?.onConfirm,title:k?.title||"Confirm",message:k?.message,variant:"danger"})]})}function $(){return(0,l.jsx)(a.Suspense,{fallback:(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)("div",{className:"h-32 animate-pulse rounded-lg bg-sidebar"}),(0,l.jsx)("div",{className:"h-32 animate-pulse rounded-lg bg-sidebar"})]}),children:(0,l.jsx)(M,{})})}}},e=>{e.O(0,[27,7055,1321,705,5497,8441,3794,7358],()=>e(e.s=49293)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{49293:(e,t,s)=>{Promise.resolve().then(s.bind(s,85330))},85330:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>$});var l=s(95155),a=s(12115),r=s(73321),i=s(35497),o=s(11059);let n=/^[a-zA-Z0-9_.\-]+$/,c=[{value:"fallback",label:"Fallback",desc:"Try models in order, next on failure",icon:"layers"},{value:"round-robin",label:"Round Robin",desc:"Rotate models across requests",icon:"cached"},{value:"fusion",label:"Fusion",desc:"Parallel panel + judge synthesis",icon:"hub"},{value:"swarm",label:"Swarm",desc:"Hierarchical Manager→Staff→Workers",icon:"account_tree"}],d={fallback:{icon:"layers",color:"#3B82F6",badge:"info"},"round-robin":{icon:"cached",color:"#10B981",badge:"success"},fusion:{icon:"hub",color:"#8B5CF6",badge:"primary"},swarm:{icon:"account_tree",color:"#F59E0B",badge:"warning"}};function m(e){return d[e]||d.fallback}function x(e){let t=c.find(t=>t.value===e);return t?.label||"Fallback"}let u=[{value:"all",label:"All"},{value:"fallback",label:"Fallback"},{value:"round-robin",label:"Round Robin"},{value:"fusion",label:"Fusion"},{value:"swarm",label:"Swarm"}],p=[{value:"name",label:"Name"},{value:"models-desc",label:"Most Models"},{value:"models-asc",label:"Fewest Models"}];function h({combos:e,comboStrategies:t,activeProviders:s,onViewCombos:a,onCreate:r}){let o=e.length,n=function(e){let t=new Set;for(let s of e)for(let e of s.models||[])t.add(e);return t.size}(e),c=function(e,t){let s={fallback:0,"round-robin":0,fusion:0,swarm:0};for(let l of e){let e=t[l.name]?.fallbackStrategy||"fallback";s[e]=(s[e]||0)+1}return s}(e,t),d=Object.values(c).filter(e=>e>0).length,u=o>0?Math.round(e.reduce((e,t)=>e+(t.models?.length||0),0)/o*10)/10:0,p=Math.max(...Object.values(c),1);return(0,l.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,l.jsx)("div",{className:"grid grid-cols-2 gap-3 lg:grid-cols-4",children:[{label:"Total Combos",value:o,icon:"layers",color:"#3B82F6"},{label:"Unique Models",value:n,icon:"model_training",color:"#10B981"},{label:"Strategies Used",value:d,icon:"account_tree",color:"#8B5CF6"},{label:"Avg Models/Combo",value:u,icon:"analytics",color:"#F59E0B"}].map(e=>(0,l.jsx)(i.Zp,{padding:"sm",children:(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("div",{className:"flex size-9 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${e.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:e.color},children:e.icon})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"font-mono text-lg font-bold text-text-main",children:e.value}),(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted",children:e.label})]})]})},e.label))}),(0,l.jsxs)(i.Zp,{children:[(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Strategy Distribution"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"How combos are distributed across routing strategies"})]}),(0,l.jsx)("div",{className:"flex flex-col gap-2.5",children:Object.entries(c).map(([e,t])=>{let s=m(e),a=o>0?Math.round(t/o*100):0;return(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsxs)("div",{className:"flex w-28 items-center gap-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",style:{color:s.color},children:s.icon}),(0,l.jsx)("span",{className:"text-xs font-medium text-text-main",children:x(e)})]}),(0,l.jsx)("div",{className:"flex-1 overflow-hidden rounded-full bg-surface-2",children:(0,l.jsx)("div",{className:"h-2.5 rounded-full transition-all",style:{width:`${t/p*100}%`,backgroundColor:s.color}})}),(0,l.jsxs)("span",{className:"w-16 text-right font-mono text-xs text-text-muted",children:[t," (",a,"%)"]})]},e)})})]}),(0,l.jsxs)(i.Zp,{children:[(0,l.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Combo Health"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"Overview of each combo's status"})]}),(0,l.jsx)(i.$n,{size:"sm",variant:"ghost",icon:"list_alt",onClick:a,children:"View All"})]}),0===e.length?(0,l.jsxs)("div",{className:"py-6 text-center text-sm text-text-muted",children:["No combos yet. ",(0,l.jsx)("button",{onClick:r,className:"text-primary hover:underline",children:"Create one →"})]}):(0,l.jsx)("div",{className:"flex flex-col gap-2",children:e.map(e=>{let a=t[e.name]?.fallbackStrategy||"fallback",r=m(a),o=(e.models||[]).filter(e=>{let t=e.split("/")[0];return s.some(e=>e.provider===t&&!1!==e.isActive)}).length,n=(e.models||[]).length,c=n>0?Math.round(o/n*100):0;return(0,l.jsxs)("div",{className:"flex items-center gap-3 rounded-lg border border-border-subtle px-3 py-2 hover:bg-sidebar/30",children:[(0,l.jsx)("div",{className:"flex size-7 shrink-0 items-center justify-center rounded",style:{backgroundColor:`${r.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[15px]",style:{color:r.color},children:r.icon})}),(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsx)("code",{className:"truncate font-mono text-xs font-medium",children:e.name}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mt-0.5",children:[(0,l.jsx)(i.Ex,{variant:r.badge,size:"sm",children:x(a)}),(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:[n," models"]})]})]}),(0,l.jsxs)("div",{className:"hidden sm:flex items-center gap-2 shrink-0",children:[(0,l.jsx)("div",{className:"w-20 overflow-hidden rounded-full bg-surface-2",children:(0,l.jsx)("div",{className:`h-1.5 rounded-full ${c>=80?"bg-success":c>=50?"bg-warning":"bg-danger"}`,style:{width:`${c}%`}})}),(0,l.jsxs)("span",{className:"w-8 text-right font-mono text-[10px] text-text-muted",children:[o,"/",n]})]})]},e.id)})})]})]})}function b({combo:e,modelCaps:t={},activeProviders:s=[],copied:r,onCopy:o,onEdit:n,onDelete:d,strategy:u={},onSetStrategy:p}){let[h,g]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[v,y]=(0,a.useState)(null),N=u.fallbackStrategy||"fallback",w=u.judgeModel||"",k="fusion"===N,C="swarm"===N,S=u.managerModel||"",M=u.staffModel||"",$=u.auditModel||"",E=m(N);return(0,l.jsxs)(i.Zp,{padding:"sm",className:"group transition-all hover:border-primary/20",children:[(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,l.jsxs)("button",{className:"flex min-w-0 flex-1 items-start gap-3 text-left sm:items-center",onClick:()=>g(!h),children:[(0,l.jsx)("div",{className:"flex size-8 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${E.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:E.color},children:E.icon})}),(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("code",{className:"truncate font-mono text-sm font-medium",children:e.name}),(0,l.jsx)(i.Ex,{variant:E.badge,size:"sm",children:x(N)}),(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:[e.models.length," models"]})]}),(0,l.jsxs)("div",{className:"mt-1 flex min-w-0 flex-wrap items-center gap-1",children:[0===e.models.length?(0,l.jsx)("span",{className:"text-xs text-text-muted italic",children:"No models"}):e.models.slice(0,3).map((e,s)=>(0,l.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,l.jsx)("span",{className:"truncate max-w-[120px]",children:e}),t[e]&&(0,l.jsx)(i.nh,{caps:t[e],size:11})]},s)),e.models.length>3&&(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",e.models.length-3," more"]})]})]}),(0,l.jsx)("span",{className:`shrink-0 text-text-muted transition-transform ${h?"rotate-180":""}`,children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"expand_more"})})]}),(0,l.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,l.jsx)("div",{className:"w-full sm:w-[180px]",children:(0,l.jsx)(i.l6,{options:c,value:N,onChange:e=>p({fallbackStrategy:e.target.value}),selectClassName:"py-1.5 text-xs"})}),(0,l.jsxs)("div",{className:"grid grid-cols-3 gap-1 sm:flex",children:[(0,l.jsxs)("button",{onClick:t=>{t.stopPropagation(),o(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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:r===`combo-${e.id}`?"check":"content_copy"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Copy"})]}),(0,l.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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"edit"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Edit"})]}),(0,l.jsxs)("button",{onClick:d,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,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"}),(0,l.jsx)("span",{className:"text-[10px] leading-tight",children:"Delete"})]})]})]})]}),h&&(0,l.jsxs)("div",{className:"mt-3 border-t border-border-subtle pt-3",children:[(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsxs)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:["Models (",e.models.length,")"]}),(0,l.jsx)("div",{className:"flex flex-col gap-1",children:e.models.map((e,s)=>(0,l.jsxs)("div",{className:"flex items-center gap-2 rounded px-2 py-1 bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,l.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-4 text-center",children:s+1}),(0,l.jsx)("code",{className:"min-w-0 flex-1 truncate font-mono text-xs text-text-main",children:e}),t[e]&&(0,l.jsx)(i.nh,{caps:t[e],size:11})]},s))})]}),k&&(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:"Fusion Judge"}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsxs)("button",{onClick:()=>j(!0),className:"inline-flex max-w-full items-center gap-1 rounded border border-dashed border-primary/40 px-2 py-1 font-mono text-xs text-primary hover:border-primary hover:bg-primary/5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"gavel"}),(0,l.jsx)("span",{className:"truncate",children:w||`Auto — ${e.models[0]||"first model"}`})]}),w&&(0,l.jsx)("button",{onClick:()=>p({judgeModel:""}),className:"p-1 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10",title:"Reset to Auto",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})]}),C&&(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("p",{className:"text-[10px] uppercase tracking-wide text-text-muted mb-1.5",children:"Swarm Roles"}),(0,l.jsxs)("div",{className:"flex flex-col gap-1.5",children:[[{key:"manager",label:"Manager",icon:"psychology",value:S,placeholder:`Auto — ${e.models[0]||"first"}`},{key:"staff",label:"Staff",icon:"badge",value:M,placeholder:"Same as Manager"},{key:"audit",label:"Audit",icon:"fact_check",value:$,placeholder:"Same as Staff"}].map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"text-xs font-medium text-text-muted w-16",children:e.label}),(0,l.jsxs)("button",{onClick:()=>y(e.key),className:"inline-flex max-w-full items-center gap-1 rounded border border-dashed border-primary/40 px-2 py-0.5 font-mono text-[11px] text-primary hover:border-primary hover:bg-primary/5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:e.icon}),(0,l.jsx)("span",{className:"truncate",children:e.value||e.placeholder})]}),e.value&&(0,l.jsx)("button",{onClick:()=>p({[`${e.key}Model`]:""}),className:"p-0.5 rounded text-text-muted hover:text-red-500 hover:bg-red-500/10",title:`Reset ${e.label}`,children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"close"})})]},e.key)),(0,l.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:"font-medium",children:"Workers"}),(0,l.jsxs)("span",{children:["= combo models (",e.models.length,")"]}),(0,l.jsx)("span",{className:"text-text-subtle",children:"\xb7"}),(0,l.jsx)("a",{href:"/dashboard/swarm",className:"text-primary hover:underline",children:"Telemetry →"})]})]})]}),(0,l.jsxs)("div",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] rounded px-2 py-1.5",children:[(0,l.jsxs)("span",{className:"font-medium",children:[x(N),":"]})," ",c.find(e=>e.value===N)?.desc]})]}),(0,l.jsx)(i.rq,{isOpen:f,onClose:()=>j(!1),onSelect:e=>{p({judgeModel:e?.value||""}),j(!1)},activeProviders:s,title:"Select Judge Model",addedModelValues:w?[w]:[],closeOnSelect:!0}),v&&(0,l.jsx)(i.rq,{isOpen:!0,onClose:()=>y(null),onSelect:e=>{p({[`${v}Model`]:e?.value||""}),y(null)},activeProviders:s,title:`Select ${"manager"===v?"Manager":"staff"===v?"Staff":"Audit"} Model`,addedModelValues:[],closeOnSelect:!0})]})}function g({combos:e,modelCaps:t,activeProviders:s,comboStrategies:r,copied:o,copy:n,onEdit:c,onDelete:d,onSetStrategy:m,onCreate:x}){let[h,f]=(0,a.useState)(""),[j,v]=(0,a.useState)("all"),[y,N]=(0,a.useState)("name"),w=(0,a.useMemo)(()=>{var t;let s;return t=function(e,t,s,l){let a=e;if("all"!==s&&(a=a.filter(e=>(l[e.name]?.fallbackStrategy||"fallback")===s)),t.trim()){let e=t.trim().toLowerCase();a=a.filter(t=>t.name.toLowerCase().includes(e)||(t.models||[]).some(t=>t.toLowerCase().includes(e)))}return a}(e,h,j,r),s=[...t],"models-desc"===y?s.sort((e,t)=>(t.models?.length||0)-(e.models?.length||0)):"models-asc"===y?s.sort((e,t)=>(e.models?.length||0)-(t.models?.length||0)):s.sort((e,t)=>e.name.localeCompare(t.name)),s},[e,h,j,y,r]);return 0===e.length?(0,l.jsx)(i.pp,{icon:"layers",title:"No combos yet",description:"Create model combos with fallback, round-robin, fusion, or swarm strategies",actionText:"Create Combo",onAction:x}):(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,l.jsx)(i.pd,{placeholder:"Search combos or models...",value:h,onChange:e=>f(e.target.value),className:"sm:max-w-xs"}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("div",{className:"flex flex-wrap gap-1",children:u.map(e=>(0,l.jsx)("button",{onClick:()=>v(e.value),className:`rounded-full px-2.5 py-1 text-xs font-medium transition-colors ${j===e.value?"bg-primary/15 text-primary ring-1 ring-primary/20":"bg-surface-2 text-text-muted hover:text-text-main"}`,children:e.label},e.value))}),(0,l.jsx)("select",{value:y,onChange:e=>N(e.target.value),className:"appearance-none rounded-lg border border-border bg-surface-2 py-1.5 pl-3 pr-8 text-xs text-text-main [-webkit-appearance:none] [-moz-appearance:none] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",children:p.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})]})]}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:w.length===e.length?`${e.length} combo${1!==e.length?"s":""}`:`${w.length} of ${e.length} combos`}),0===w.length?(0,l.jsx)(i.Zp,{children:(0,l.jsxs)("div",{className:"py-8 text-center text-sm text-text-muted",children:['No combos match "',h,'" ',"all"!==j&&`with ${j} strategy`]})}):(0,l.jsx)("div",{className:"flex flex-col gap-3",children:w.map(e=>(0,l.jsx)(b,{combo:e,modelCaps:t,activeProviders:s,copied:o,onCopy:n,onEdit:()=>c(e),onDelete:()=>d(e.id),strategy:r[e.name]||{},onSetStrategy:t=>m(e.name,t)},e.id))})]})}let f=[{id:"always-on",name:"Always-On (5-Layer Fallback)",description:"Zero-downtime coding with 5 layers of fallback. Mix of subscription, cheap, and free tiers — if any model fails, the next picks up automatically.",icon:"shield",category:"reliability",strategy:"fallback",models:["cc/claude-opus-4-7","cx/gpt-5.4","glm/glm-5.1","minimax/MiniMax-M2.7","kr/claude-sonnet-4.5"],requiredProviders:["claude","codex","glm","minimax","kiro"]}];function j({combos:e,connections:t,onApply:s}){let[r,o]=(0,a.useState)(null),n=new Set(t?.filter(e=>!1!==e.isActive).map(e=>e.provider)||[]),c=new Set((e||[]).map(e=>e.name)),d=async e=>{o(e.id);try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e.name,models:e.models,kind:null})});if(!t.ok){let e=await t.json();alert(e.error||"Failed to create combo from template");return}let l=await fetch("/api/settings").then(e=>e.json()).catch(()=>({})),a={...l?.comboStrategies||{},[e.name]:{fallbackStrategy:e.strategy}};await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:a})}),s&&s()}catch(e){alert("Failed to apply template: "+(e?.message||String(e)))}finally{o(null)}};return 0===f.length?(0,l.jsx)(i.pp,{icon:"dashboard_customize",title:"No templates available",description:"Combo templates will appear here when added."}):(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"mb-1",children:[(0,l.jsx)("h2",{className:"text-sm font-semibold text-text-main",children:"Combo Templates"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mt-0.5",children:"One-click prebuilt combos. Provider availability is checked automatically."})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",children:f.map(e=>{let t=(e.requiredProviders||[]).filter(e=>n.has(e)).length,s=(e.requiredProviders||[]).length,a=c.has(e.name),o=m(e.strategy);return(0,l.jsxs)(i.Zp,{padding:"sm",className:"flex flex-col gap-3 hover:border-primary/20 transition-all",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,l.jsx)("div",{className:"flex size-9 shrink-0 items-center justify-center rounded-lg",style:{backgroundColor:`${o.color}15`},children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",style:{color:o.color},children:e.icon||o.icon})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm font-semibold text-text-main",children:e.name}),(0,l.jsx)(i.Ex,{variant:o.badge,size:"sm",children:x(e.strategy)})]})]}),a&&(0,l.jsx)(i.Ex,{variant:"success",size:"sm",dot:!0,children:"Created"})]}),(0,l.jsx)("p",{className:"text-xs text-text-muted leading-relaxed",children:e.description}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-1",children:[(e.models||[]).slice(0,4).map((e,t)=>(0,l.jsx)("code",{className:"inline-flex items-center rounded bg-black/5 px-1.5 py-0.5 font-mono text-[10px] text-text-muted dark:bg-white/5",children:e},t)),(e.models||[]).length>4&&(0,l.jsxs)("span",{className:"text-[10px] text-text-muted",children:["+",(e.models||[]).length-4," more"]})]}),(0,l.jsx)("div",{className:"flex flex-wrap gap-1",children:(e.requiredProviders||[]).map(e=>{let t=n.has(e);return(0,l.jsxs)("span",{className:`inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[10px] font-medium ${t?"bg-success/10 text-success":"bg-surface-2 text-text-muted"}`,children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[10px]",children:t?"check_circle":"radio_button_unchecked"}),e]},e)})}),(0,l.jsx)("div",{className:"mt-auto pt-1",children:(0,l.jsx)(i.$n,{size:"sm",fullWidth:!0,variant:a?"secondary":"primary",icon:r===e.id?"progress_activity":"add",disabled:a||r===e.id,onClick:()=>d(e),children:r===e.id?"Creating...":a?"Already Created":t===s?"Apply Template":`Apply (${t}/${s} ready)`})})]},e.id)})})]})}var v=s(44923),y=s(87256),N=s(5020),w=s(39768);function k({id:e,index:t,model:s,isFirst:r,isLast:o,modelCaps:n,onEdit:c,onMoveUp:d,onMoveDown:m,onRemove:x}){let{attributes:u,listeners:p,setNodeRef:h,transform:b,isDragging:g}=(0,y.gl)({id:e}),f={transform:w.Ks.Transform.toString(b),opacity:g?.5:1,zIndex:g?999:void 0},[j,v]=(0,a.useState)(!1),[N,C]=(0,a.useState)(s),S=()=>{let e=N.trim();e&&e!==s?c(e):C(s),v(!1)};return(0,l.jsxs)("div",{ref:h,style:f,className:`group flex min-w-0 items-center gap-2 rounded-lg border px-2.5 py-1.5 transition-all ${g?"border-primary/40 bg-panel shadow-md ring-1 ring-primary/20":"border-transparent bg-panel hover:border-border-subtle"}`,children:[(0,l.jsx)("span",{className:"flex size-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary",children:t+1}),(0,l.jsx)("button",{...u,...p,type:"button",className:"cursor-grab touch-none shrink-0 p-0.5 rounded text-text-muted/50 hover:text-text-main active:cursor-grabbing",title:"Drag to reorder",children:(0,l.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,l.jsx)("circle",{cx:"9",cy:"4",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"4",r:"1.5"}),(0,l.jsx)("circle",{cx:"9",cy:"12",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"12",r:"1.5"}),(0,l.jsx)("circle",{cx:"9",cy:"20",r:"1.5"}),(0,l.jsx)("circle",{cx:"15",cy:"20",r:"1.5"})]})}),j?(0,l.jsx)("input",{autoFocus:!0,value:N,onChange:e=>C(e.target.value),onBlur:S,onKeyDown:e=>{"Enter"===e.key&&S(),"Escape"===e.key&&(C(s),v(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-panel px-1.5 py-0.5 font-mono text-xs text-text-main outline-none"}):(0,l.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-1.5 cursor-text rounded px-1 py-0.5 hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",onClick:()=>v(!0),title:"Click to edit",children:[(0,l.jsx)("code",{className:"min-w-0 flex-1 truncate font-mono text-xs text-text-main",children:s}),n?.[s]&&(0,l.jsx)(i.nh,{caps:n[s],size:11})]}),(0,l.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100",children:[(0,l.jsx)("button",{onClick:d,disabled:r,className:`rounded p-1 transition-colors ${r?"cursor-not-allowed text-text-muted/20":"text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5"}`,title:"Move up",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"arrow_upward"})}),(0,l.jsx)("button",{onClick:m,disabled:o,className:`rounded p-1 transition-colors ${o?"cursor-not-allowed text-text-muted/20":"text-text-muted hover:bg-black/5 hover:text-primary dark:hover:bg-white/5"}`,title:"Move down",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"arrow_downward"})})]}),(0,l.jsx)("button",{onClick:x,className:"shrink-0 rounded p-1 text-text-muted opacity-0 transition-all hover:bg-danger/10 hover:text-danger group-hover:opacity-100",title:"Remove model",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"close"})})]})}function C({isOpen:e,combo:t,onClose:s,onSave:r,activeProviders:o,modelCaps:d={},kindFilter:m=null}){let[x,u]=(0,a.useState)(t?.name||""),[p,h]=(0,a.useState)(t?.models||[]),[b,g]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[w,S]=(0,a.useState)(""),[M,$]=(0,a.useState)({}),E=(0,v.FR)((0,v.MS)(v.AN,{activationConstraint:{distance:5}}),(0,v.MS)(v.uN,{coordinateGetter:y.JR})),z=p.map((e,t)=>({uid:`item-${t}`,model:e}));(0,a.useEffect)(()=>{e&&(async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let t=await e.json();$(t.aliases||{})}}catch{}})()},[e]);let F=e=>e.trim()?n.test(e)?(S(""),!0):(S("Only letters, numbers, -, _ and . allowed"),!1):(S("Name is required"),!1),O=async()=>{F(x)&&(j(!0),await r({name:x.trim(),models:p}),j(!1))},A=!!t;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.aF,{isOpen:e,onClose:s,title:A?"Edit Combo":"Create Combo",size:"lg",children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(i.pd,{label:"Combo Name",value:x,onChange:e=>{let t=e.target.value;u(t),t?F(t):S("")},placeholder:"my-combo",error:w}),(0,l.jsxs)("div",{className:"mt-1.5 flex items-center gap-2",children:[(0,l.jsx)("p",{className:"text-[10px] text-text-muted",children:"Use this name as the model in your client:"}),x.trim()&&(0,l.jsx)("code",{className:"rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary",children:x.trim()})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"mb-2 flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Models"}),p.length>0&&(0,l.jsxs)(i.Ex,{variant:"info",size:"sm",children:[p.length," model",1!==p.length?"s":""]})]}),(0,l.jsx)("span",{className:"text-[10px] text-text-muted",children:"Drag to reorder priority"})]}),0===p.length?(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center py-8 border border-dashed border-border rounded-lg bg-surface-2/50",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-text-muted text-2xl mb-2",children:"layers"}),(0,l.jsx)("p",{className:"text-xs text-text-muted mb-3",children:"Add models to build your combo"}),(0,l.jsx)(i.$n,{size:"sm",variant:"secondary",icon:"add",onClick:()=>g(!0),children:"Add First Model"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(v.Mp,{sensors:E,collisionDetection:v.fp,onDragEnd:e=>{let{active:t,over:s}=e;if(s&&t.id!==s.id){let e=z.findIndex(e=>e.uid===t.id),l=z.findIndex(e=>e.uid===s.id);-1!==e&&-1!==l&&h(t=>(0,y.be)(t,e,l))}},modifiers:[N.FN,N.gj],children:(0,l.jsx)(y.gB,{items:z.map(e=>e.uid),strategy:y._G,children:(0,l.jsx)("div",{className:"flex max-h-[45vh] min-w-0 flex-col gap-1 overflow-y-auto rounded-lg bg-surface-2/30 p-1.5",children:z.map(({uid:e,model:t},s)=>(0,l.jsx)(k,{id:e,index:s,model:t,modelCaps:d,isFirst:0===s,isLast:s===z.length-1,onEdit:e=>{let t=[...p];t[s]=e,h(t)},onMoveUp:()=>(e=>{if(0===e)return;let t=[...p];[t[e-1],t[e]]=[t[e],t[e-1]],h(t)})(s),onMoveDown:()=>(e=>{if(e===p.length-1)return;let t=[...p];[t[e],t[e+1]]=[t[e+1],t[e]],h(t)})(s),onRemove:()=>{h(p.filter((e,t)=>t!==s))}},e))})})}),(0,l.jsxs)("button",{onClick:()=>g(!0),className:"w-full mt-2 py-2 border border-dashed border-primary/30 rounded-lg text-xs text-primary font-medium hover:border-primary hover:bg-primary/5 transition-colors flex items-center justify-center gap-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"add"}),"Add Model"]})]})]}),p.length>=2&&(0,l.jsxs)("div",{className:"rounded-lg border border-border-subtle bg-surface-2/50 px-3 py-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-1.5",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px] text-text-muted",children:"lightbulb"}),(0,l.jsx)("span",{className:"text-xs font-medium text-text-main",children:"Strategy Tips"})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-1.5 sm:grid-cols-2",children:c.map(e=>(0,l.jsxs)("div",{className:"flex items-start gap-1.5 text-[11px] text-text-muted",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-[12px] mt-0.5 text-primary/60",children:e.icon}),(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"font-medium text-text-main",children:e.label})," — ",e.desc]})]},e.value))}),(0,l.jsx)("p",{className:"mt-1.5 text-[10px] text-text-muted",children:"Set strategy after creating the combo from the Combos tab."})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-2 pt-1 sm:flex-row",children:[(0,l.jsx)(i.$n,{onClick:s,variant:"ghost",fullWidth:!0,size:"sm",children:"Cancel"}),(0,l.jsx)(i.$n,{onClick:O,fullWidth:!0,size:"sm",icon:A?"save":"add",disabled:!x.trim()||!!w||f,children:f?"Saving...":A?"Save Changes":"Create Combo"})]})]})}),(0,l.jsx)(i.rq,{isOpen:b,onClose:()=>g(!1),onSelect:e=>{p.includes(e.value)||h([...p,e.value])},onDeselect:e=>{h(p.filter(t=>t!==e.value))},activeProviders:o,modelAliases:M,title:"Add Model to Combo",kindFilter:m,addedModelValues:p,closeOnSelect:!1})]})}let S=[{value:"overview",label:"Overview"},{value:"combos",label:"Combos"},{value:"templates",label:"Templates"}];function M(){let e=(0,r.useRouter)(),t=(0,r.useSearchParams)().get("tab")||"overview",[s,n]=(0,a.useState)([]),[c,d]=(0,a.useState)(!0),[m,x]=(0,a.useState)(!1),[u,p]=(0,a.useState)(null),[b,f]=(0,a.useState)([]),[v,y]=(0,a.useState)({}),[N,w]=(0,a.useState)({}),[k,M]=(0,a.useState)(null),{copied:$,copy:E}=(0,o.C)(),z=(0,a.useCallback)(async()=>{try{let[e,t,s,l]=await Promise.all([fetch("/api/combos"),fetch("/api/providers"),fetch("/api/settings"),fetch("/api/models")]),a=await e.json(),r=await t.json(),i=s.ok?await s.json():{};if(e.ok&&n((a.combos||[]).filter(e=>!e.kind||"llm"===e.kind)),t.ok&&f(r.connections||[]),l.ok){let e=await l.json(),t={};for(let s of e.models||[])s.caps&&(t[s.fullModel]=s.caps);w(t)}y(i.comboStrategies||{})}catch(e){console.log("Error fetching data:",e)}finally{d(!1)}},[]);(0,a.useEffect)(()=>{z()},[z]);let F=t=>e.push(`/dashboard/combos?tab=${t}`),O=async e=>{try{let t=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(t.ok)await z(),x(!1);else{let e=await t.json();alert(e.error||"Failed to create combo")}}catch(e){console.log("Error creating combo:",e)}},A=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 z(),p(null);else{let e=await s.json();alert(e.error||"Failed to update combo")}}catch(e){console.log("Error updating combo:",e)}},_=async(e,t)=>{try{let s={...v},l={...s[e]||{},...t};l.fallbackStrategy&&"fallback"!==l.fallbackStrategy?s[e]=l:delete s[e],await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:s})}),y(s)}catch(e){console.log("Error updating combo strategy:",e)}};return c?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)(i.Qv,{}),(0,l.jsx)(i.Qv,{})]}):(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-5",children:[(0,l.jsx)(i.zY,{title:"Combos",description:"Group models under one name, then pick a strategy per combo",icon:"layers",actions:(0,l.jsx)(i.$n,{size:"sm",icon:"add",onClick:()=>x(!0),className:"whitespace-nowrap",children:"Create Combo"})}),(0,l.jsx)(i.Iz,{options:S,value:t,onChange:F}),"overview"===t&&(0,l.jsx)(h,{combos:s,comboStrategies:v,activeProviders:b,onViewCombos:()=>F("combos"),onCreate:()=>x(!0)}),"combos"===t&&(0,l.jsx)(g,{combos:s,modelCaps:N,activeProviders:b,comboStrategies:v,copied:$,copy:E,onEdit:p,onDelete:e=>{M({title:"Delete Combo",message:"Delete this combo?",onConfirm:async()=>{M(null);try{(await fetch(`/api/combos/${e}`,{method:"DELETE"})).ok&&n(t=>t.filter(t=>t.id!==e))}catch(e){console.log("Error deleting combo:",e)}}})},onSetStrategy:_,onCreate:()=>x(!0)}),"templates"===t&&(0,l.jsx)(j,{combos:s,connections:b,onApply:z}),(0,l.jsx)(C,{isOpen:m,onClose:()=>x(!1),onSave:O,activeProviders:b,modelCaps:N},"create"),(0,l.jsx)(C,{isOpen:!!u,combo:u,onClose:()=>p(null),onSave:e=>A(u.id,e),activeProviders:b,modelCaps:N},u?.id||"new"),(0,l.jsx)(i.uo,{isOpen:!!k,onClose:()=>M(null),onConfirm:k?.onConfirm,title:k?.title||"Confirm",message:k?.message,variant:"danger"})]})}function $(){return(0,l.jsx)(a.Suspense,{fallback:(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)("div",{className:"h-32 animate-pulse rounded-lg bg-sidebar"}),(0,l.jsx)("div",{className:"h-32 animate-pulse rounded-lg bg-sidebar"})]}),children:(0,l.jsx)(M,{})})}}},e=>{e.O(0,[27,7055,1321,705,5497,8441,3794,7358],()=>e(e.s=49293)),_N_E=e.O()}]);