sparkrun-ui 1.2.5 → 1.2.6

package/dist/.next/static/chunks/0qrgmze5y2_e~.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,63825,e=>{"use strict";let a=(0,e.i(6927).default)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);e.s(["AlertTriangle",0,a],63825)},71969,e=>{"use strict";let a=(0,e.i(6927).default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);e.s(["Play",0,a],71969)},85615,e=>{"use strict";var a=e.i(76350),n=e.i(73576),t=e.i(12612),l=e.i(71969),r=e.i(84339),s=e.i(75442),i=e.i(63825),c=e.i(2265),o=e.i(27405),d=e.i(62098),u=e.i(83079),m=e.i(65869),p=e.i(84538),h=e.i(21432);let x={smoke:{label:"Smoke",description:"1 task — quick sanity check",concurrency:"1",pp:"2048",tg:"128",depth:"0"},arena:{label:"Arena v2",description:"28 tasks — matches @official/spark-arena-v2",concurrency:"1,2,5,10",pp:"2048",tg:"128",depth:"0,4096,8192,16384,32768,65535,100000"},sweep:{label:"Sweep",description:"48 tasks — broader matrix",concurrency:"1,2,4,8",pp:"1024,2048,4096",tg:"128",depth:"0,8192,32768,100000"}};function g(e,a){return e.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>Number.isFinite(e)&&(a?e>=0:e>0))}function f({label:e,help:n,value:t,parsed:l,warn:r,allowZero:c,onChange:d,onRemove:u}){let m=t.trim(),p=0===l.length?""===m?"Enter at least one number":c?"No valid non-negative numbers":"No valid positive numbers":void 0,h=r?(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 text-amber-700 dark:text-amber-400",children:[(0,a.jsx)(i.AlertTriangle,{size:12}),n]}):n;return(0,a.jsxs)(o.Field,{label:e,help:p?void 0:h,error:p,children:[(0,a.jsx)(o.Input,{value:t,onChange:e=>d(e.target.value)}),l.length>0&&(0,a.jsx)("div",{className:"mt-1.5 flex flex-wrap gap-1",children:l.map((e,n)=>(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-md bg-zinc-100 px-1.5 py-0.5 font-mono text-[11px] text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300",children:[e.toLocaleString(),(0,a.jsx)("button",{type:"button",onClick:()=>u(n),"aria-label":`Remove ${e}`,className:"text-zinc-400 hover:text-red-600 dark:text-zinc-500 dark:hover:text-red-400",children:(0,a.jsx)(s.X,{size:10})})]},`${n}-${e}`))})]})}e.s(["NewBenchmarkForm",0,function({recipes:e,clusters:s,profiles:i,defaultClusterName:b,runningRecipes:v}){let k=(0,n.useMemo)(()=>new Set(v),[v]),j=(0,t.useRouter)(),y=(0,t.useSearchParams)(),N=y.get("recipe"),S=y.get("model"),z=y.get("cluster"),C=y.get("skipRun"),$=y.get("servedModelName"),w="1"===C||"true"===C,M=function(e,a,n,t){if(e){let a=n.find(a=>a.name===e);if(a)return a.name;let t=n.find(a=>a.file===e||a.file.replace(/\.ya?ml$/i,"")===e);if(t)return t.name;let l=n.find(a=>a.name.endsWith(`/${e}`)||e.endsWith(`/${a.name}`));if(l)return l.name}if(a){let e=n.filter(e=>e.model===a),l=e.find(e=>t.has(e.name));if(l)return l.name;if(e[0])return e[0].name}return null}(N,S,e,k)??function(e,a){for(let n of e)if(a.has(n.name))return n.name;return null}(e,k),P=(z&&s.some(e=>e.name===z)?z:null)??b??s[0]?.name??"",[B,L]=(0,n.useState)(M),[R,T]=(0,n.useState)(P),[A,F]=(0,n.useState)(null),[_,O]=(0,n.useState)(x.arena.concurrency),[q,E]=(0,n.useState)(x.arena.pp),[I,U]=(0,n.useState)(x.arena.tg),[V,W]=(0,n.useState)(x.arena.depth),[K,H]=(0,n.useState)(w||null!==M&&k.has(M)),[X,Z]=(0,n.useState)(!1),D=g(_,!1),G=g(q,!1),J=g(I,!1),Q=g(V,!0),Y=D.length*G.length*J.length*Q.length,[ee,ea]=(0,n.useState)({recipe:null,maxModelLen:null});(0,n.useEffect)(()=>{if(!B)return;let e=!1;return h.rpc.recipes.info({name:B}).then(a=>{e||ea({recipe:B,maxModelLen:a.vram?.max_model_len??null})}).catch(()=>{e||ea({recipe:B,maxModelLen:null})}),()=>{e=!0}},[B]);let en=ee.recipe===B?ee.maxModelLen:null,et=Q.length&&G.length&&J.length?Math.max(...Q)+Math.max(...G)+Math.max(...J):0,el=null!==en&&et>en,er=(e,a,n,t)=>{a(g(e,t).filter((e,a)=>a!==n).join(","))},es=function({recipe:e,cluster:a,profile:n,skipRun:t,concList:l,ppList:r,tgList:s,depthList:i,servedModelName:c}){if(!e)return"";let o=["sparkrun","benchmark","run",e];return a&&o.push("--cluster",a),n&&o.push("--profile",n),t&&o.push("--skip-run"),l.length&&o.push("-b",`concurrency=${l.join(",")}`),r.length&&o.push("-b",`pp=${r.join(",")}`),s.length&&o.push("-b",`tg=${s.join(",")}`),i.length&&o.push("-b",`depth=${i.join(",")}`),c&&o.push("-b",`served_model_name=${c}`),o.push("--fresh"),o.join(" ")}({recipe:B,cluster:R,profile:A,skipRun:K,concList:D,ppList:G,tgList:J,depthList:Q,servedModelName:$}),ei=e.map(e=>({value:e.name,label:e.name,description:`${e.runtime} \xb7 ${e.model}`,badge:k.has(e.name)?{text:"running",tone:"green"}:void 0})),ec=s.map(e=>({value:e.name,label:e.name+(e.is_default?" (default)":""),description:e.hosts.join(", ")})),eo=[{value:"",label:"(none)",description:"Use recipe / framework defaults"},...i.map(e=>({value:e.name,label:e.name,description:`${e.registry} \xb7 ${e.framework}`}))],ed=async()=>{if(B){Z(!0);try{let{id:e}=await h.rpc.benchmarks.run({recipe:B,cluster:R||void 0,profile:A||void 0,concurrency:D.length?D:void 0,pp:G.length?G:void 0,tg:J.length?J:void 0,depth:Q.length?Q:void 0,skipRun:K,servedModelName:$||void 0});p.toast.success("Benchmark started",`${B} on ${R||"default"}`),j.push(`/benchmarks/${e}`)}catch(e){p.toast.error("Benchmark failed to start",e instanceof Error?e.message:String(e)),Z(!1)}}};return(0,a.jsxs)(c.Card,{children:[(0,a.jsx)(c.CardHeader,{children:(0,a.jsx)(c.CardTitle,{children:"New benchmark"})}),(0,a.jsxs)(c.CardBody,{className:"flex flex-col gap-4",children:[(0,a.jsx)(o.Field,{label:"Recipe",children:(0,a.jsx)(d.Select,{value:B,onValueChange:L,options:ei,placeholder:"Pick a recipe…"})}),(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2",children:[(0,a.jsx)(o.Field,{label:"Cluster",children:(0,a.jsx)(d.Select,{value:R||null,onValueChange:T,options:ec,placeholder:"Pick a cluster…"})}),(0,a.jsx)(o.Field,{label:"Profile",children:(0,a.jsx)(d.Select,{value:A,onValueChange:e=>F(e||null),options:eo,placeholder:"(none)"})})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-xs font-medium text-zinc-700 dark:text-zinc-300",children:"Benchmark schedule"}),(0,a.jsx)("div",{className:"flex gap-1",children:Object.keys(x).map(e=>(0,a.jsx)(u.Button,{variant:"ghost",size:"sm",onClick:()=>{let a;O((a=x[e]).concurrency),E(a.pp),U(a.tg),W(a.depth)},title:x[e].description,children:x[e].label},e))})]}),A&&(0,a.jsxs)("p",{className:"text-xs text-amber-700 dark:text-amber-400",children:["Profile ",(0,a.jsx)("span",{className:"font-mono",children:A})," defines its own schedule; the values below override it via ",(0,a.jsx)("span",{className:"font-mono",children:"-b"})," flags."]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2",children:[(0,a.jsx)(f,{label:"Concurrency",help:"Parallel requests — comma-separated",value:_,parsed:D,onChange:O,onRemove:e=>er(_,O,e,!1)}),(0,a.jsx)(f,{label:"Prompt processing (pp)",help:"Input token counts — comma-separated",value:q,parsed:G,onChange:E,onRemove:e=>er(q,E,e,!1)}),(0,a.jsx)(f,{label:"Token generation (tg)",help:"Output token counts — comma-separated",value:I,parsed:J,onChange:U,onRemove:e=>er(I,U,e,!1)}),(0,a.jsx)(f,{label:"Context depth",help:el?`Largest depth+pp+tg (${et.toLocaleString()}) exceeds recipe max_model_len (${en?.toLocaleString()})`:"Prior conversation tokens — comma-separated",value:V,parsed:Q,allowZero:!0,warn:el,onChange:W,onRemove:e=>er(V,W,e,!0)})]})]}),(0,a.jsx)(o.Field,{label:"Skip launching inference",help:w?"Locked because you launched from a running workload":"Benchmark against an already-running instance",children:(0,a.jsx)(m.Switch,{checked:K,onCheckedChange:H,disabled:w})}),B&&(0,a.jsxs)("div",{className:"flex flex-col gap-2 rounded-md border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-800 dark:bg-zinc-950",children:[(0,a.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,a.jsx)("span",{className:"text-xs font-medium text-zinc-700 dark:text-zinc-300",children:"Command"}),(0,a.jsx)("span",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:Y>0?`Will run ${Y} task${1===Y?"":"s"}`:"No tasks — fix empty fields"})]}),(0,a.jsx)("code",{className:"block overflow-x-auto font-mono text-[11px] leading-relaxed whitespace-pre-wrap text-zinc-700 dark:text-zinc-300",children:es})]}),(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsxs)(u.Button,{variant:"primary",disabled:!B||X||0===Y,onClick:ed,children:[X?(0,a.jsx)(r.Loader2,{size:14,className:"animate-spin"}):(0,a.jsx)(l.Play,{size:14}),X?"Starting…":"Start benchmark"]})})]})]})}])}]);