3 lines
8.3 KiB
JavaScript
3 lines
8.3 KiB
JavaScript
import{_ as z,h as o,c as p,a as l,e as s,d as K,t as n,u as a,s as w,F as j,f as G,o as m}from"./index-k1IBxX4P.js";import{I as i,M as B,E as H,T as P,L as u,C as J,D as Q}from"./DeleteConfirmationModal-8BmfEokU.js";import"./index-DD4ytruD.js";const X={class:"test-page"},Y={class:"test-container"},Z={class:"test-section"},_={class:"test-box"},h={class:"value-display"},ee={class:"test-box"},le={class:"value-display"},te={class:"test-box"},oe={class:"value-display"},se={class:"test-box"},ne={class:"value-display"},ae={class:"test-box"},de={class:"value-display"},ie={class:"test-box"},ue={class:"value-display"},re={class:"test-box"},ve={class:"value-display"},pe={class:"test-section"},me={class:"test-box"},be={class:"value-display"},Ve={class:"test-box"},Ce={class:"value-display"},fe={class:"test-box"},ye={class:"value-display"},ge={class:"test-box"},De={class:"value-display"},xe={class:"test-box"},Te={class:"value-display"},Se={class:"test-box"},Fe={class:"value-display"},Ne={class:"test-box"},Ue={class:"value-display"},Le={class:"test-section"},Me={class:"test-box"},ce={class:"value-display"},Ie={class:"test-section"},ke={class:"test-box"},Ae={class:"test-box"},Ee={class:"test-box"},we={key:0,class:"test-section"},$e={class:"test-box"},Oe={__name:"TestCrudComponents",setup(Be){const b=o("api-specialist"),V=o("An agent specialized in API integration and testing."),C=o("sonnet"),f=o(!0),y=o(["Read","Write","Bash"]),g=o("blue"),D=o(60),x=o("test-agent"),T=o("This is a test description for the agent."),S=o("sonnet"),F=o(["Read","Write"]),N=o(120),U=o("green"),L=o("This field is disabled"),$=[{type:"required"},{type:"agentName",message:"Must be lowercase letters, numbers, hyphens, or underscores (max 64 chars)"}],M=o("purple"),v=o(!1),c=o("agent"),I=o(""),O=o([]),k=o(!1),R=["agents/api-specialist.md","commands/tools/validate.md","skills/test-runner/SKILL.md"],r=o([]);function A(d,e,t){c.value=d,I.value=e,O.value=t,v.value=!0;const E=new Date().toLocaleTimeString();r.value.push(`Opened delete modal for ${d}: ${e} at ${E}`)}function W(){const d=new Date().toLocaleTimeString();r.value.push(`Delete confirmed for ${c.value}: ${I.value} at ${d}`),k.value=!0,setTimeout(()=>{k.value=!1,v.value=!1,r.value.push(`Delete completed at ${new Date().toLocaleTimeString()}`)},1500)}function q(){const d=new Date().toLocaleTimeString();r.value.push(`Delete cancelled at ${d}`)}return(d,e)=>(m(),p("div",X,[l("div",Y,[e[49]||(e[49]=l("h1",null,"CRUD Foundation Components Test Page",-1)),l("section",Z,[e[33]||(e[33]=l("h2",null,"InlineEditField Component",-1)),l("div",_,[e[19]||(e[19]=l("h3",null,"Text Field",-1)),e[20]||(e[20]=l("label",{class:"field-label"},"Agent Name:",-1)),s(i,{modelValue:b.value,"onUpdate:modelValue":e[0]||(e[0]=t=>b.value=t),"field-type":"text",label:"Agent Name",placeholder:"Enter agent name",validation:$},null,8,["modelValue"]),l("div",h,"Current value: "+n(b.value),1)]),l("div",ee,[e[21]||(e[21]=l("h3",null,"Textarea Field",-1)),e[22]||(e[22]=l("label",{class:"field-label"},"Description:",-1)),s(i,{modelValue:V.value,"onUpdate:modelValue":e[1]||(e[1]=t=>V.value=t),"field-type":"textarea",label:"Description",placeholder:"Enter description"},null,8,["modelValue"]),l("div",le,"Current value: "+n(V.value),1)]),l("div",te,[e[23]||(e[23]=l("h3",null,"Select Field",-1)),e[24]||(e[24]=l("label",{class:"field-label"},"Model:",-1)),s(i,{modelValue:C.value,"onUpdate:modelValue":e[2]||(e[2]=t=>C.value=t),"field-type":"select",label:"Model",options:a(B),placeholder:"Select a model"},null,8,["modelValue","options"]),l("div",oe,"Current value: "+n(C.value),1)]),l("div",se,[e[25]||(e[25]=l("h3",null,"SelectButton Field",-1)),e[26]||(e[26]=l("label",{class:"field-label"},"Status:",-1)),s(i,{modelValue:f.value,"onUpdate:modelValue":e[3]||(e[3]=t=>f.value=t),"field-type":"selectbutton",label:"Status",options:a(H)},null,8,["modelValue","options"]),l("div",ne,"Current value: "+n(f.value),1)]),l("div",ae,[e[27]||(e[27]=l("h3",null,"MultiSelect Field",-1)),e[28]||(e[28]=l("label",{class:"field-label"},"Allowed Tools:",-1)),s(i,{modelValue:y.value,"onUpdate:modelValue":e[4]||(e[4]=t=>y.value=t),"field-type":"multiselect",label:"Allowed Tools",options:a(P),placeholder:"Select tools"},null,8,["modelValue","options"]),l("div",de,"Current value: "+n(y.value),1)]),l("div",ie,[e[29]||(e[29]=l("h3",null,"Color Palette Field",-1)),e[30]||(e[30]=l("label",{class:"field-label"},"Color:",-1)),s(i,{modelValue:g.value,"onUpdate:modelValue":e[5]||(e[5]=t=>g.value=t),"field-type":"colorpalette",label:"Color"},null,8,["modelValue"]),l("div",ue,"Current value: "+n(g.value),1)]),l("div",re,[e[31]||(e[31]=l("h3",null,"Number Field",-1)),e[32]||(e[32]=l("label",{class:"field-label"},"Timeout (seconds):",-1)),s(i,{modelValue:D.value,"onUpdate:modelValue":e[6]||(e[6]=t=>D.value=t),"field-type":"number",label:"Timeout",min:1,max:3600},null,8,["modelValue"]),l("div",ve,"Current value: "+n(D.value),1)])]),l("section",pe,[e[41]||(e[41]=l("h2",null,"LabeledEditField Component",-1)),l("div",me,[e[34]||(e[34]=l("h3",null,"Inline Text Field",-1)),s(u,{modelValue:x.value,"onUpdate:modelValue":e[7]||(e[7]=t=>x.value=t),"field-type":"text",label:"Agent Name",placeholder:"Enter agent name",validation:$},null,8,["modelValue"]),l("div",be,"Current value: "+n(x.value),1)]),l("div",Ve,[e[35]||(e[35]=l("h3",null,"Block Textarea Field",-1)),s(u,{modelValue:T.value,"onUpdate:modelValue":e[8]||(e[8]=t=>T.value=t),"field-type":"textarea",label:"Description",placeholder:"Enter description"},null,8,["modelValue"]),l("div",Ce,"Current value: "+n(T.value),1)]),l("div",fe,[e[36]||(e[36]=l("h3",null,"Inline Select Field",-1)),s(u,{modelValue:S.value,"onUpdate:modelValue":e[9]||(e[9]=t=>S.value=t),"field-type":"select",label:"Model",options:a(B),placeholder:"Select a model"},null,8,["modelValue","options"]),l("div",ye,"Current value: "+n(S.value),1)]),l("div",ge,[e[37]||(e[37]=l("h3",null,"Block MultiSelect Field",-1)),s(u,{modelValue:F.value,"onUpdate:modelValue":e[10]||(e[10]=t=>F.value=t),"field-type":"multiselect",label:"Allowed Tools",options:a(P),placeholder:"Select tools"},null,8,["modelValue","options"]),l("div",De,"Current value: "+n(F.value),1)]),l("div",xe,[e[38]||(e[38]=l("h3",null,"Inline Number Field",-1)),s(u,{modelValue:N.value,"onUpdate:modelValue":e[11]||(e[11]=t=>N.value=t),"field-type":"number",label:"Timeout",min:1,max:3600},null,8,["modelValue"]),l("div",Te,"Current value: "+n(N.value),1)]),l("div",Se,[e[39]||(e[39]=l("h3",null,"Inline Color Field",-1)),s(u,{modelValue:U.value,"onUpdate:modelValue":e[12]||(e[12]=t=>U.value=t),"field-type":"colorpalette",label:"Color"},null,8,["modelValue"]),l("div",Fe,"Current value: "+n(U.value),1)]),l("div",Ne,[e[40]||(e[40]=l("h3",null,"Disabled Field",-1)),s(u,{modelValue:L.value,"onUpdate:modelValue":e[13]||(e[13]=t=>L.value=t),"field-type":"text",label:"Disabled Field",disabled:!0},null,8,["modelValue"]),l("div",Ue,"Current value: "+n(L.value),1)])]),l("section",Le,[e[43]||(e[43]=l("h2",null,"ColorPaletteDropdown Component",-1)),l("div",Me,[e[42]||(e[42]=l("h3",null,"Standalone Color Selector",-1)),s(J,{modelValue:M.value,"onUpdate:modelValue":e[14]||(e[14]=t=>M.value=t)},null,8,["modelValue"]),l("div",ce,"Selected color: "+n(M.value||"None"),1)])]),l("section",Ie,[e[47]||(e[47]=l("h2",null,"DeleteConfirmationModal Component",-1)),l("div",ke,[e[44]||(e[44]=l("h3",null,"Delete Agent (No Dependencies)",-1)),s(a(w),{label:"Delete Agent",severity:"danger",icon:"pi pi-trash",onClick:e[15]||(e[15]=t=>A("agent","api-specialist",[]))})]),l("div",Ae,[e[45]||(e[45]=l("h3",null,"Delete Command (With Dependencies)",-1)),s(a(w),{label:"Delete Command",severity:"danger",icon:"pi pi-trash",onClick:e[16]||(e[16]=t=>A("command","validate-code",R))})]),l("div",Ee,[e[46]||(e[46]=l("h3",null,"Delete Skill",-1)),s(a(w),{label:"Delete Skill",severity:"danger",icon:"pi pi-trash",onClick:e[17]||(e[17]=t=>A("skill","test-runner",[]))})])]),r.value.length>0?(m(),p("section",we,[e[48]||(e[48]=l("h2",null,"Action Log",-1)),l("div",$e,[l("ul",null,[(m(!0),p(j,null,G(r.value,(t,E)=>(m(),p("li",{key:E},n(t),1))),128))])])])):K("",!0)]),s(Q,{visible:v.value,"onUpdate:visible":e[18]||(e[18]=t=>v.value=t),"item-type":c.value,"item-name":I.value,"dependent-items":O.value,loading:k.value,onConfirm:W,onCancel:q},null,8,["visible","item-type","item-name","dependent-items","loading"])]))}},qe=z(Oe,[["__scopeId","data-v-df20b14a"]]);export{qe as default};
|
|
//# sourceMappingURL=TestCrudComponents-BX6QJi8Y.js.map
|