@standardagents/builder 0.37.4 → 0.37.5

package/dist/client/ModelModal.vue_vue_type_script_setup_true_lang-BAxaBZsx.js

@@ -1 +0,0 @@
-import{d as I,c as C,O as L,b as f,e as d,f as v,q as M,j as x,J as T,aj as R,z as S,k as F,s as Q,u as q,r as u,w as ie,B as je,a5 as Fe,ao as Je,L as Re,m as Ke,_ as ze}from"./vue-Dw7WLX4c.js";import{_ as Ie}from"./Modal.vue_vue_type_script_setup_true_lang-DKdB9A8Z.js";import{a8 as he,a9 as qe,_ as be,aa as ye,B as Le,ab as _e,ac as De,ad as He,ae as G,W as We,af as ge,ag as xe,ah as ne,ai as Ge,aj as ke,b as K,ak as z,al as Qe}from"./index-BgZnQr8X.js";const Xe={class:"space-y-3"},Ye={class:"flex items-center justify-between"},Ze={key:0,class:"text-sm text-neutral-500 dark:text-neutral-400"},el={key:1,class:"space-y-3"},ll={class:"grid grid-cols-2 gap-x-4 gap-y-2"},al={class:"grid grid-cols-2 gap-4"},tl=I({__name:"ModelCapabilitiesSection",props:{capabilities:{},detectedCapabilities:{},loadingCapabilities:{type:Boolean}},emits:["update:capabilities","reset"],setup(o,{emit:w}){const g=o,s=w,c=V=>C({get:()=>g.capabilities[V],set:i=>{const m=typeof g.capabilities[V]=="boolean"?!!i:Number(i||0);s("update:capabilities",{...g.capabilities,[V]:m})}}),p=c("supportsImages"),e=c("supportsToolCalls"),l=c("supportsStreaming"),b=c("supportsJsonMode"),h=c("maxContextTokens"),O=c("maxOutputTokens");return(V,i)=>{const m=L("FormKit");return d(),f("div",Xe,[v("div",Ye,[i[7]||(i[7]=v("label",{class:"block text-sm font-medium"},"Model Capabilities",-1)),o.detectedCapabilities?(d(),f("button",{key:0,onClick:i[0]||(i[0]=y=>s("reset")),type:"button",class:"text-xs text-accent-600 dark:text-accent-400 hover:underline"}," Reset to detected ")):M("",!0)]),i[8]||(i[8]=v("p",{class:"text-xs text-neutral-500 dark:text-neutral-400 -mt-1"}," Auto-detected from the provider. Override if needed. ",-1)),o.loadingCapabilities?(d(),f("div",Ze," Detecting capabilities... ")):(d(),f("div",el,[v("div",ll,[x(m,{type:"checkbox",name:"supports_images",modelValue:T(p),"onUpdate:modelValue":i[1]||(i[1]=y=>R(p)?p.value=y:null),label:"Vision/Images"},null,8,["modelValue"]),x(m,{type:"checkbox",name:"supports_tool_calls",modelValue:T(e),"onUpdate:modelValue":i[2]||(i[2]=y=>R(e)?e.value=y:null),label:"Tool Calls"},null,8,["modelValue"]),x(m,{type:"checkbox",name:"supports_streaming",modelValue:T(l),"onUpdate:modelValue":i[3]||(i[3]=y=>R(l)?l.value=y:null),label:"Streaming"},null,8,["modelValue"]),x(m,{type:"checkbox",name:"supports_json_mode",modelValue:T(b),"onUpdate:modelValue":i[4]||(i[4]=y=>R(b)?b.value=y:null),label:"JSON Mode"},null,8,["modelValue"])]),v("div",al,[x(m,{type:"unit",name:"max_context_tokens",modelValue:T(h),"onUpdate:modelValue":i[5]||(i[5]=y=>R(h)?h.value=y:null),label:"Max Context Tokens",placeholder:"e.g., 128,000",unit:"",decimals:"0",step:"1000",min:"0"},null,8,["modelValue"]),x(m,{type:"unit",name:"max_output_tokens",modelValue:T(O),"onUpdate:modelValue":i[6]||(i[6]=y=>R(O)?O.value=y:null),label:"Max Output Tokens",placeholder:"e.g., 16,384",unit:"",decimals:"0",step:"1000",min:"0"},null,8,["modelValue"])])]))])}}}),ol={class:"space-y-3"},sl=I({__name:"ModelFallbacksSection",props:{fallbackModels:{},configuredModelOptions:{},loadingConfiguredModels:{type:Boolean}},emits:["update:fallbackModels"],setup(o,{emit:w}){const g=o,s=w,c=C({get:()=>g.fallbackModels,set:p=>s("update:fallbackModels",p)});return(p,e)=>{const l=L("FormKit");return d(),f("div",ol,[e[1]||(e[1]=v("label",{class:"block text-sm font-medium"},"Fallback Models",-1)),e[2]||(e[2]=v("p",{class:"text-xs text-neutral-500 dark:text-neutral-400 -mt-1"}," Used in order if the primary model fails. ",-1)),x(l,{type:"sortableMultiSelect",name:"fallbacks",modelValue:c.value,"onUpdate:modelValue":e[0]||(e[0]=b=>c.value=b),options:o.configuredModelOptions,loading:o.loadingConfiguredModels,placeholder:"Add fallback model...","search-placeholder":"Search models...","add-label":"Add another model","rich-row-component":he},null,8,["modelValue","options","loading"])])}}}),il={class:"flex items-center justify-between gap-4"},nl={key:1},dl={class:"flex gap-2"},Me=I({__name:"ModelModalFooter",props:{readonly:{type:Boolean},formSubmitted:{type:Boolean},formValid:{type:Boolean},saving:{type:Boolean},isEditMode:{type:Boolean}},emits:["cancel"],setup(o,{emit:w}){const g=w;return(s,c)=>(d(),f("div",il,[!o.readonly&&o.formSubmitted&&!o.formValid?(d(),S(T(qe),{key:0},{default:F(()=>[...c[1]||(c[1]=[Q(" Please fix the errors above before submitting. ",-1)])]),_:1})):(d(),f("div",nl)),v("div",dl,[x(T(be),{variant:"ghost",size:"sm",disabled:o.saving,onClick:c[0]||(c[0]=p=>g("cancel"))},{default:F(()=>[Q(q(o.readonly?"Close":"Cancel"),1)]),_:1},8,["disabled"]),o.readonly?M("",!0):(d(),S(T(be),{key:0,variant:"primary",size:"sm",disabled:o.saving,loading:o.saving,type:"submit",form:"model-form"},{default:F(()=>[Q(q(o.isEditMode?"Update Model":"Add Model"),1)]),_:1},8,["disabled","loading"]))])]))}}),ul={class:"space-y-3"},rl={class:"flex items-center justify-between"},vl={key:0,class:"flex gap-2"},cl={key:0,class:"flex items-center gap-2 py-4"},ml={key:1,class:"py-4 text-sm text-neutral-500 dark:text-neutral-400"},pl=I({__name:"ModelOpenRouterEndpointsSection",props:{endpoints:{},selectedEndpoints:{},loading:{type:Boolean}},emits:["selectAll","clear","update:selectedEndpoints"],setup(o,{emit:w}){const g=o,s=w,c=C({get:()=>g.selectedEndpoints,set:e=>s("update:selectedEndpoints",e)}),p=C(()=>g.endpoints.map(e=>({value:e.id,label:e.name,badge:e.quantization&&e.quantization!=="unknown"?e.quantization:void 0,meta:[`Input: ${ye(e.pricing.prompt)}`,`Output: ${ye(e.pricing.completion)}`,e.maxPromptTokens?`Max prompt: ${e.maxPromptTokens.toLocaleString()}`:"",e.maxCompletionTokens?`Max output: ${e.maxCompletionTokens.toLocaleString()}`:""].filter(Boolean)})));return(e,l)=>{const b=L("FormKit");return d(),f("div",ul,[v("div",rl,[l[4]||(l[4]=v("label",{class:"block text-sm font-medium"},"Available Providers",-1)),o.endpoints.length>0?(d(),f("div",vl,[v("button",{type:"button",onClick:l[0]||(l[0]=h=>s("selectAll")),class:"text-xs text-accent-600 dark:text-accent-400 hover:underline"}," Select all "),l[3]||(l[3]=v("span",{class:"text-xs text-neutral-300 dark:text-neutral-600"},"|",-1)),v("button",{type:"button",onClick:l[1]||(l[1]=h=>s("clear")),class:"text-xs text-accent-600 dark:text-accent-400 hover:underline"}," Clear ")])):M("",!0)]),l[6]||(l[6]=v("p",{class:"text-xs text-neutral-500 dark:text-neutral-400 -mt-1"}," OpenRouter routes to the cheapest available provider. ",-1)),o.loading?(d(),f("div",cl,[x(Le,{class:"w-4 h-4"}),l[5]||(l[5]=v("span",{class:"text-sm text-neutral-500 dark:text-neutral-400"},"Loading providers...",-1))])):o.endpoints.length===0?(d(),f("div",ml," No providers available for this model ")):(d(),S(b,{key:2,type:"selectableCardList",name:"included_providers",modelValue:c.value,"onUpdate:modelValue":l[2]||(l[2]=h=>c.value=h),options:p.value,"empty-message":"No providers available for this model.","outer-class":"$reset"},null,8,["modelValue","options"]))])}}}),fl={key:0,class:"space-y-3"},bl={key:0,class:"text-sm text-neutral-500 dark:text-neutral-400"},yl=I({__name:"ModelProviderToolsSection",props:{tools:{},selectedTools:{},loading:{type:Boolean}},emits:["update:selectedTools"],setup(o,{emit:w}){const g=o,s=w,c=C({get:()=>g.selectedTools,set:e=>s("update:selectedTools",e)}),p=C(()=>g.tools.map(e=>({value:e.name,label:e.name,description:e.description,warning:e.tenvs&&e.tenvs.length>0?`Requires: ${e.tenvs.filter(l=>l.required).map(l=>l.name).join(", ")||"none (optional config available)"}`:void 0})));return(e,l)=>{const b=L("FormKit");return o.tools.length>0?(d(),f("div",fl,[l[1]||(l[1]=v("label",{class:"block text-sm font-medium"},"Provider Tools",-1)),l[2]||(l[2]=v("p",{class:"text-xs text-neutral-500 dark:text-neutral-400 -mt-1"}," Built-in tools available for this model. ",-1)),o.loading?(d(),f("div",bl," Loading provider tools... ")):(d(),S(b,{key:1,type:"selectableCardList",name:"provider_tools",modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=h=>c.value=h),options:p.value,"outer-class":"$reset"},null,8,["modelValue","options"]))])):M("",!0)}}}),gl={key:0,class:"flex items-start justify-between gap-3 border-b border-neutral-200 px-5 py-3 dark:border-neutral-700"},xl={class:"min-w-0"},kl={class:"text-[10px] font-bold uppercase tracking-[0.18em] text-neutral-400 dark:text-neutral-500"},Ml={class:"text-sm font-semibold text-neutral-900 dark:text-neutral-100"},hl=["disabled"],Cl={class:"space-y-4"},Vl={key:0},wl={key:1},$l={class:"px-1 py-0.5 bg-neutral-100 dark:bg-neutral-800 rounded"},Sl={key:1,class:"flex items-center justify-between gap-4 border-t border-neutral-200 px-5 py-3 dark:border-neutral-700"},Pl=I({__name:"ModelModal",props:{modelValue:{type:Boolean},editModel:{},mode:{default:"add"},readonly:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue","save"],setup(o,{expose:w,emit:g}){const s=o,c=g,p=u([]),e=u(""),l=u(""),b=u({}),h=u(!1),O=u(!1),V=u(""),i=u([]),m=u([]),y=u(!1),A=u(ke()),J=u(null),X=u(!1),E=u([]),k=u([]),Y=u(!1),Z=u([]),ee=u(!1),Ce=C(()=>Z.value.map(_e)),Ve=async()=>{ee.value=!0;try{const a=await fetch(K("/api/models"),z());if(a.ok){const t=await a.json();Z.value=t.models||[]}}catch{Z.value=[]}finally{ee.value=!1}},U=u([]),$=C(()=>s.mode==="edit"),_=u(null),D=u(!0),H=u(!1),we=a=>{_.value=a,a.on("commit",()=>{D.value=a.context?.state.valid??!0,H.value=a.context?.state.submitted??!1})},le=u(""),N=u(""),de=C({get:()=>N.value,set:a=>{N.value=De(a)}}),B=u(!1),P=u(null),$e=C(()=>p.value.filter(a=>a.hasApiKey).map(He)),ue=a=>{if(!a.length)return;const t={...b.value};for(const r of a)t[r.value]=r;b.value=t},ae=a=>b.value[a],Se=C(()=>Object.values(b.value).map(a=>G(a,e.value))),Te=C(()=>!$.value||!P.value||B.value?!1:N.value!==P.value.name||e.value!==P.value.provider||l.value!==P.value.model||JSON.stringify(m.value.sort())!==JSON.stringify(P.value.endpoints.sort())||JSON.stringify(U.value)!==JSON.stringify(P.value.fallbacks)||JSON.stringify(A.value)!==JSON.stringify(P.value.capabilities)||JSON.stringify(k.value.sort())!==JSON.stringify(P.value.providerTools.sort())),re=C(()=>p.value.find(t=>t.name===e.value)?.sdk==="openrouter"),ve=async()=>{h.value=!0;try{const a=await fetch(K("/api/providers"),z());if(a.ok){const t=await a.json();p.value=t.providers||[]}}catch{p.value=[]}finally{h.value=!1}},Oe=async a=>{if(!e.value)return[];V.value="",O.value=!0;try{const t=await ge({provider:e.value,search:a?.search,page:a?.page,perPage:25}),r=t.models;return ue(r),t.hasNextPage&&typeof a?.hasNextPage=="function"&&a.hasNextPage(),r.map(n=>G(n,e.value))}catch(t){return V.value=xe(t,`Unable to load ${e.value} models`),[]}finally{O.value=!1}},te=async a=>{const t=ae(a);if(t)return G(t,e.value);if(!e.value||!a)return null;V.value="",O.value=!0;try{const n=(await ge({provider:e.value,search:a,page:1,perPage:25})).models;ue(n);const W=n.find(j=>j.value===a)||n.find(j=>j.slug===a)||n.find(j=>j.label===a);return W?G(W,e.value):null}catch(r){return V.value=xe(r,`Unable to load ${e.value} models`),null}finally{O.value=!1}},ce=async()=>{if(!(!e.value||!l.value)){X.value=!0;try{const a=await fetch(K("/api/models/capabilities"),z({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e.value,modelId:l.value})}));if(a.ok){const t=await a.json();t.capabilities&&(J.value=t.capabilities,A.value=ne(t.capabilities))}}catch{J.value=null}finally{X.value=!1}}},me=async()=>{if(!e.value||!l.value){E.value=[],k.value=[];return}Y.value=!0;try{const a=await fetch(K(`/api/providers/${e.value}/tools?model=${encodeURIComponent(l.value)}`),z());if(a.ok){const t=await a.json();if(E.value=t.tools||[],!$.value)k.value=E.value.map(r=>r.name);else{const r=new Set(E.value.map(n=>n.name));k.value=k.value.filter(n=>r.has(n))}}else E.value=[],k.value=[]}catch{E.value=[],k.value=[]}finally{Y.value=!1}},pe=()=>{A.value=ke(),J.value=null},Ne=()=>{m.value=i.value.map(a=>a.id)},Pe=()=>{m.value=[]},Ae=()=>{J.value&&(A.value=ne(J.value))},oe=()=>{N.value="",le.value="",e.value="",l.value="",b.value={},V.value="",U.value=[],i.value=[],m.value=[],E.value=[],k.value=[],pe(),P.value=null,B.value=!1,D.value=!0,H.value=!1,_.value?.reset()},Ee=async()=>{if(s.editModel){B.value=!0;try{await ve(),N.value=s.editModel.name||"",le.value=s.editModel.name||"",e.value=s.editModel.provider_id||s.editModel.provider,l.value=s.editModel.model,await te(l.value),await fe(),s.editModel.included_providers&&s.editModel.included_providers.length>0&&(m.value=s.editModel.included_providers),await Ue(),s.editModel.capabilities?A.value=ne(s.editModel.capabilities):await ce(),await me(),s.editModel.providerTools&&Array.isArray(s.editModel.providerTools)&&(k.value=s.editModel.providerTools),P.value={name:N.value,provider:e.value,model:l.value,endpoints:[...m.value],fallbacks:[...U.value],capabilities:{...A.value},providerTools:[...k.value]}}finally{B.value=!1}}};ie(()=>s.modelValue,async a=>{a?(Ve(),$.value&&s.editModel?await Ee():(oe(),await ve())):oe()});const Ue=async()=>{if(s.editModel?.id){if(s.editModel.fallbacks&&Array.isArray(s.editModel.fallbacks)){U.value=Qe(s.editModel.fallbacks);return}try{const a=await fetch(K(`/api/models/${encodeURIComponent(s.editModel.id)}/fallbacks`),z());if(a.ok){const t=await a.json();U.value=(t.fallbacks||[]).map(r=>r.fallback_model_id)}}catch{U.value=[]}}};ie(e,async(a,t)=>{B.value||$.value&&!t&&a===(s.editModel?.provider_id||s.editModel?.provider)||(l.value="",b.value={},V.value="",i.value=[],m.value=[],e.value&&(O.value=!1))});const fe=async()=>{if(!l.value||!e.value){i.value=[];return}const a=p.value.find(n=>n.name===e.value);if(!a||a.sdk!=="openrouter"){i.value=[];return}const r=(ae(l.value)||await te(l.value))?.slug||(l.value.includes("/")?l.value:void 0);if(!r){i.value=[];return}y.value=!0;try{const n=await fetch(K("/api/models/endpoints"),z({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e.value,modelSlug:r})}));if(n.ok){const W=await n.json();i.value=W.endpoints||[],$.value||(m.value=i.value.map(j=>j.id))}else i.value=[]}catch{i.value=[]}finally{y.value=!1}};ie(l,async(a,t)=>{B.value||$.value&&!t&&a===s.editModel?.model||(l.value?(await fe(),await ce(),await me(),t&&a!==t&&(m.value=i.value.map(r=>r.id))):(i.value=[],m.value=[],E.value=[],k.value=[],pe()))});const Be=()=>{c("save",Ge({isEditMode:$.value,editModel:s.editModel,originalName:le.value,modelName:N.value,selectedModel:l.value,selectedProvider:e.value,isOpenRouter:re.value,selectedEndpoints:m.value,fallbackModels:U.value,capabilities:A.value,selectedProviderTools:k.value,selectedAvailableModel:ae(l.value)}))};w({formNode:_});const se=()=>{oe(),c("update:modelValue",!1)};return(a,t)=>{const r=L("FormKit");return d(),S(je(o.inline?"div":Ie),Fe(o.inline?{class:"flex max-h-[80vh] w-[576px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white shadow-lg dark:border-neutral-700 dark:bg-neutral-950"}:{modelValue:o.modelValue,title:$.value?"Edit Model":"Add Model",width:"max-w-2xl",minHeight:"min-h-[36rem]",hasChanges:Te.value},Je(o.inline?{}:{"update:modelValue":n=>a.$emit("update:modelValue",n)})),Re({default:F(()=>[o.inline?(d(),f("div",gl,[v("div",xl,[v("div",kl,q(o.editModel?.name||o.editModel?.id||"Model"),1),v("h2",Ml,q($.value?"Edit Model":"Add Model"),1)]),v("button",{type:"button",class:"shrink-0 rounded-md border border-neutral-200 px-2.5 py-1 text-xs font-medium text-neutral-500 transition-colors hover:border-neutral-300 hover:text-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:hover:border-neutral-500 dark:hover:text-neutral-100",disabled:o.saving,onClick:se}," Cancel ",8,hl)])):M("",!0),v("div",{class:Ke(o.inline?"min-h-0 flex-1 overflow-y-auto p-5":"")},[x(r,{type:"form",id:"model-form",actions:!1,disabled:o.readonly||o.saving||B.value,onSubmit:Be,onNode:we},{default:F(()=>[v("div",Cl,[x(r,{type:"autocomplete",name:"provider",modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),options:$e.value,label:"Provider",placeholder:"Search providers...",disabled:h.value,validation:"required","validation-visibility":"submit","selection-removable":""},null,8,["modelValue","options","disabled"]),e.value?(d(),f("div",Vl,[x(r,{type:"selectSearch",name:"model",modelValue:l.value,"onUpdate:modelValue":t[1]||(t[1]=n=>l.value=n),options:Se.value,"options-loader":Oe,"option-loader":te,"load-on-scroll":"","search-debounce":150,label:"Model",placeholder:"Select a model","search-placeholder":"Search models...",loading:O.value,error:V.value,"rich-row-component":he,validation:"required","validation-visibility":"submit"},null,8,["modelValue","options","loading","error"])])):M("",!0),l.value?(d(),f("div",wl,[x(r,{type:"text",name:"name",modelValue:de.value,"onUpdate:modelValue":t[2]||(t[2]=n=>de.value=n),label:"Name",placeholder:"e.g., coding_model, planning_model, fast_response",validation:"required|snakeCase","validation-visibility":"blur",help:N.value?void 0:"A descriptive name for this model. This becomes the filename and reference ID."},null,8,["modelValue","help"]),N.value?(d(),S(T(We),{key:0,class:"mt-1"},{default:F(()=>[t[7]||(t[7]=Q(" Will be saved as: ",-1)),v("code",$l,q(N.value),1)]),_:1})):M("",!0)])):M("",!0),l.value?(d(),S(tl,{key:2,capabilities:A.value,"onUpdate:capabilities":t[3]||(t[3]=n=>A.value=n),"detected-capabilities":J.value,"loading-capabilities":X.value,onReset:Ae},null,8,["capabilities","detected-capabilities","loading-capabilities"])):M("",!0),l.value?(d(),S(yl,{key:3,"selected-tools":k.value,"onUpdate:selectedTools":t[4]||(t[4]=n=>k.value=n),tools:E.value,loading:Y.value},null,8,["selected-tools","tools","loading"])):M("",!0),l.value&&re.value?(d(),S(pl,{key:4,endpoints:i.value,"selected-endpoints":m.value,"onUpdate:selectedEndpoints":t[5]||(t[5]=n=>m.value=n),loading:y.value,onSelectAll:Ne,onClear:Pe},null,8,["endpoints","selected-endpoints","loading"])):M("",!0),l.value?(d(),S(sl,{key:5,"fallback-models":U.value,"onUpdate:fallbackModels":t[6]||(t[6]=n=>U.value=n),"configured-model-options":Ce.value,"loading-configured-models":ee.value},null,8,["fallback-models","configured-model-options","loading-configured-models"])):M("",!0),o.readonly?M("",!0):(d(),S(T(ze),{key:6,node:_.value||void 0},null,8,["node"]))])]),_:1},8,["disabled"])],2),o.inline?(d(),f("div",Sl,[x(Me,{readonly:o.readonly,"form-submitted":H.value,"form-valid":D.value,saving:o.saving,"is-edit-mode":$.value,onCancel:se},null,8,["readonly","form-submitted","form-valid","saving","is-edit-mode"])])):M("",!0)]),_:2},[o.inline?void 0:{name:"footer",fn:F(()=>[x(Me,{readonly:o.readonly,"form-submitted":H.value,"form-valid":D.value,saving:o.saving,"is-edit-mode":$.value,onCancel:se},null,8,["readonly","form-submitted","form-valid","saving","is-edit-mode"])]),key:"0"}]),1040)}}});export{Pl as _};