https://risedatalabs.com/_nuxt/BDRA3Fbc.js

1import{_ as w}from"./CycDSjnJ.js";import{e as _,r as y,q as k,w as C,o,a as e,d as b,t as i,c as n,F as a,i as d,n as m,u as l,l as T,j as B}from"#entry";import"./CqJkcYfk.js";import"./eWjCyelI.js";import"./CsXFMwPz.js";import"./5GjAVV7l.js";import"./BhY5HrUe.js";import"./Dd-xanFi.js";import"./CZTVEwCP.js";import"./Dk60lMXN.js";import"./DlAUqK2U.js";const A={class:"bg-gray-100"},j={class:"mx-auto max-w-5xl p-6"},S={class:"mb-6 grid grid-cols-1 gap-6 sm:grid-cols-2"},E={class:"mb-4 flex items-center justify-between"},N={class:"text-sm font-medium text-gray-700"},R={key:0,class:"rounded bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700"},P={class:"mb-3 flex h-12 items-center gap-0.5 rounded bg-gray-100 px-3"},q={class:"flex items-center gap-3"},M=["onClick"],z={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor"},D={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor"},F={class:"text-sm text-gray-500"},O=["onClick"],Q={class:"mb-6 rounded-lg border border-gray-200 bg-white p-5"},V={class:"space-y-4"},$={class:"w-full text-sm text-gray-600 sm:w-40"},U={class:"flex flex-1 gap-2"},G=["onClick"],L={class:"mb-6 rounded-lg border border-gray-200 bg-white p-5"},W={class:"grid grid-cols-1 gap-4 sm:grid-cols-2"},X={class:"mb-2 text-xs font-medium text-gray-500"},H={class:"space-y-1"},I={class:"text-xs text-gray-600"},J={class:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"},K="The quick brown fox jumps over the lazy dog near the riverbank at sunset.",ge=_({__name:"audio-quality-compare",setup(Y){const h=[{duration:"0:04"},{duration:"0:05"}],x=[{id:"naturalness",label:"Naturalness"},{id:"clarity",label:"Clarity"},{id:"prosody",label:"Prosody/Rhythm"},{id:"overall",label:"Overall Quality"}],f=["Robotic voice","Mispronunciation","Unnatural pauses","Background noise","Clipping/Distortion"],u=y(0),c=y(null),p=y({naturalness:"A",clarity:"tie"});return(Z,s)=>{const v=w;return o(),k(v,{title:"Audio Quality Comparison",description:"Side-by-side evaluation of TTS and music generation outputs. Rate naturalness, clarity, prosody, and overall quality to build robust audio preference datasets."},{default:C(()=>[e("div",A,[s[7]||(s[7]=e("div",{class:"border-b border-gray-200 bg-white px-4 py-3 sm:px-6 sm:py-4"},[e("div",{class:"flex flex-wrap items-center justify-between gap-2"},[e("div",null,[e("h1",{class:"text-base font-semibold text-gray-900 sm:text-lg"},"Audio Quality Comparison"),e("p",{class:"text-sm text-gray-500"},"Task 14 of 80 • TTS / Music Generation Eval")]),e("div",{class:"flex items-center gap-4"},[e("button",{class:"flex items-center gap-2 rounded border border-gray-300 px-3 py-1.5 text-sm text-gray-600 hover:bg-gray-50"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"m15 18-6-6 6-6"})]),b(" Previous ")]),e("button",{class:"flex items-center gap-2 rounded border border-gray-300 px-3 py-1.5 text-sm text-gray-600 hover:bg-gray-50"},[b(" Next "),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"m9 18 6-6-6-6"})])])])])],-1)),e("div",j,[e("div",{class:"mb-6 rounded-lg border border-sky-200 bg-sky-50 p-4"},[s[0]||(s[0]=e("p",{class:"mb-1 text-xs font-medium text-sky-600"},"REFERENCE TEXT / PROMPT",-1)),e("p",{class:"text-lg text-sky-900"},i(K))]),e("div",S,[(o(),n(a,null,d(h,(r,t)=>e("div",{key:t,class:m(["rounded-lg border-2 bg-white p-5",l(u)===t?"border-green-500 ring-2 ring-green-200":"border-gray-200"])},[e("div",E,[e("span",N,"Audio "+i(String.fromCharCode(65+t)),1),l(u)===t?(o(),n("span",R,"Preferred")):T("",!0)]),e("div",P,[(o(),n(a,null,d(30,g=>e("div",{key:g,class:"flex-1 rounded-full bg-sky-400",style:B({height:Math.random()*50+30+"%"})},null,4)),64))]),e("div",q,[e("button",{class:"flex h-10 w-10 items-center justify-center rounded-full bg-sky-500 text-white hover:bg-sky-600",onClick:g=>c.value=l(c)===t?null:t},[l(c)!==t?(o(),n("svg",z,[...s[1]||(s[1]=[e("polygon",{points:"5 3 19 12 5 21 5 3"},null,-1)])])):(o(),n("svg",D,[...s[2]||(s[2]=[e("rect",{x:"6",y:"4",width:"4",height:"16"},null,-1),e("rect",{x:"14",y:"4",width:"4",height:"16"},null,-1)])]))],8,M),e("span",F,i(r.duration),1),e("button",{class:m(["ml-auto rounded-lg px-3 py-1.5 text-sm font-medium",l(u)===t?"bg-green-500 text-white":"border border-gray-200 text-gray-600 hover:bg-gray-50"]),onClick:g=>u.value=t},i(l(u)===t?"Selected":"Select"),11,O)])],2)),64))]),e("div",Q,[s[3]||(s[3]=e("p",{class:"mb-4 text-sm font-medium text-gray-700"},"Compare on these dimensions:",-1)),e("div",V,[(o(),n(a,null,d(x,r=>e("div",{key:r.id,class:"flex flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-4"},[e("span",$,i(r.label),1),e("div",U,[(o(),n(a,null,d(["A","B","tie"],t=>e("button",{key:t,class:m(["flex-1 rounded-lg py-2 text-sm font-medium",l(p)[r.id]===t?t==="tie"?"bg-gray-500 text-white":"bg-green-500 text-white":"border border-gray-200 text-gray-600 hover:bg-gray-50"]),onClick:g=>l(p)[r.id]=t},i(t==="tie"?"Tie":"Audio "+t),11,G)),64))])])),64))])]),e("div",L,[s[5]||(s[5]=e("p",{class:"mb-3 text-sm font-medium text-gray-700"},"Note any issues:",-1)),e("div",W,[(o(),n(a,null,d(["A","B"],r=>e("div",{key:r},[e("p",X,"Audio "+i(r),1),e("div",H,[(o(),n(a,null,d(f,t=>e("label",{key:t,class:"flex items-center gap-2"},[s[4]||(s[4]=e("input",{type:"checkbox",class:"rounded text-sky-500"},null,-1)),e("span",I,i(t),1)])),64))])])),64))])]),e("div",J,[s[6]||(s[6]=e("button",{class:"w-full rounded-lg border border-gray-300 px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 sm:w-auto"}," Both Unusable ",-1)),e("button",{class:m(["w-full rounded-lg px-6 py-2.5 text-sm font-medium text-white sm:w-auto",Object.keys(l(p)).length===x.length?"bg-green-600 hover:bg-green-700":"cursor-not-allowed bg-gray-300"])}," Submit Evaluation ",2)])])])]),_:1})}}});

1export{ge as default};