import{a2 as r,j as t,ag as d,l as m,N as g,V as u}from"./index-BLPf7Sv2.js";import{P as x}from"./index-wJwwhEKX.js";import{b as f}from"./fields-DCfNzpK3.js";import{T as v}from"./ToolPageComponent-D56vRx6B.js";import{M as T}from"./ModalRemoveTool-BWAkQtgt.js";import"./index-BacxzzK3.js";import"./ButtonLoading-C_pMAVqs.js";import"./VersionSelectorBox-C3N1pEqJ.js";import"./Card-DFtwQktq.js";import"./index-BSN6SOsA.js";import"./validation-Bk8x5tpD.js";const F=({route:s,params:{toolkitId:e,toolId:n}})=>{const[o,l,i]=r.toolFromToolkit.useStatefulQuery({toolkitId:e,toolId:n}),[a]=r.toolkitById.useStatefulQuery({toolkitId:e}),[p]=r.deleteToolFromToolkit.useAllowed({toolkitId:e});function c(){o&&u.showCustomRightPanel(t.jsx(T,{tools:[{toolId:o?.id,toolName:o?.name}],toolkitId:e,afterRemoving:()=>s.$parent.$go()}))}return t.jsxs(d,{loading:l,error:i,children:[t.jsx(x,{avatar:a?.avatar?{image:a.avatar}:void 0,icon:a?.avatar?void 0:"BorderRadius",name:o?.name||"",creatorName:m.startCase(m.toLower(o?.creator_name||"")),onGoBack:()=>s.$parent.$go(),badge:{color:f[o?.method],text:o?.method},onDelete:p?c:void 0}),t.jsx(g,{mt:5,children:t.jsx(v,{tool:o,toolkitId:e})})]})};export{F as ToolPage};