https://evanupree-libre.hf.space/assets/forms.D_zl9-KT.js

1import{a as e}from"./rolldown-runtime.Cyuzqnbw.js";import{K as t,W as n}from"./advanced-inputs.BKUrQSBb.js";import{B as r,Fi as i,Fn as a,I as o,K as s,Kn as c,N as l,On as u,Pi as d,R as f,Tn as p,Tr as m,Un as h,cr as g,ht as _,jt as v,nn as y,sr as b,st as x,tt as S,wt as C,zn as w}from"./vendor.C3HLprAE.js";import{u as T}from"./routing.Cb7G0LKm.js";import{r as E}from"./query-devtools.CnpBJy7z.js";import{_ as D}from"./tanstack-vendor.B02iI_qw.js";import{$l as O,Bc as ee,Dt as te,Gl as k,Hc as ne,Ko as A,Nd as re,Pd as ie,Pl as j,Qa as ae,St as oe,Wc as se,Yu as ce,_ as le,_c as M,_u as N,ad as ue,ci as de,du as P,ea as fe,gd as F,gs as pe,gu as I,h as L,hl as me,hu as he,il as R,jc as z,jl as B,kc as V,kt as ge,ld as H,mi as U,mu as W,no as _e,qu as G,ro as ve,ui as ye,v as be,vu as K}from"./hooks.CueFou3h.js";import{c as xe}from"./date-utils.7tLVf9uC.js";import{a as q,i as J,n as Y,t as X}from"./forms.BEEooEiq.js";import{c as Se,d as Ce,h as we,i as Te,l as Ee,o as De}from"./markdown-processing.BqkdC0TQ.js";function Z(e){return Array.isArray(e.pages)}function Oe(e,t){e.setQueriesData([G.skills],e=>e&&(Z(e)?{...e,pages:e.pages.map((e,n)=>n===0?{...e,skills:[t,...e.skills]}:e)}:{...e,skills:[t,...e.skills]}))}function ke(e,t){e.setQueriesData([G.skills],e=>e&&(Z(e)?{...e,pages:e.pages.map(e=>({...e,skills:e.skills.map(e=>e._id===t._id?t:e)}))}:{...e,skills:e.skills.map(e=>e._id===t._id?t:e)}))}function Ae(e,t){e.setQueriesData([G.skills],e=>e&&(Z(e)?{...e,pages:e.pages.map(e=>({...e,skills:e.skills.filter(e=>e._id!==t)}))}:{...e,skills:e.skills.filter(e=>e._id!==t)}))}var je=e=>{let t=E(),{onSuccess:n,...r}=e??{};return D({mutationFn:e=>H.createSkill(e),...r,onSuccess:(e,r,i)=>{t.setQueryData([G.skill,e._id],e),Oe(t,e),n&&n(e,r,i)}})},Me=e=>{let t=E(),{onSuccess:n,...r}=e??{};return D({mutationFn:e=>H.importSkill(e),...r,onSuccess:(e,r,i)=>{t.setQueryData([G.skill,e._id],e),Oe(t,e),n&&n(e,r,i)}})},Ne=e=>{let t=E(),{onMutate:n,onError:r,onSuccess:i,...a}=e??{};return D({mutationFn:e=>H.updateSkill(e),...a,onMutate:async e=>{await t.cancelQueries([G.skill,e.id]),await t.cancelQueries([G.skills]);let r=t.getQueryData([G.skill,e.id]),i=t.getQueriesData([G.skills]);if(r){let n={...r,...e.payload,frontmatter:{...r.frontmatter??{},...e.payload.frontmatter??{}}};t.setQueryData([G.skill,e.id],n),ke(t,n)}return{previousSkill:r,previousListSnapshots:i,userContext:await n?.(e)}},onError:(e,n,i)=>{if(i?.previousSkill&&t.setQueryData([G.skill,n.id],i.previousSkill),i?.previousListSnapshots)for(let[e,n]of i.previousListSnapshots)t.setQueryData(e,n);r&&r(e,n,i)},onSuccess:(e,n,r)=>{t.setQueryData([G.skill,e._id],e),ke(t,e),i&&i(e,n,r)}})},Pe=e=>{let t=E(),{onSuccess:n,...r}=e??{};return D({mutationFn:({id:e})=>H.deleteSkill(e),...r,onSuccess:(e,r,i)=>{t.removeQueries([G.skill,r.id]),t.removeQueries([G.skillFiles,r.id]),Ae(t,r.id),n&&n(e,r,i)}})},Q=e(t(),1),$=n();function Fe({isOpen:e,setIsOpen:t,defaultName:n=``,defaultDescription:r=``,defaultBody:i=``,onCreated:a}){let o=U(),s=T(),{showToast:c}=P(),{register:l,handleSubmit:u,reset:d,formState:{isValid:f,isSubmitting:p,errors:m}}=J({defaultValues:{name:n,description:r,body:i},mode:`onChange`}),h=je({onSuccess:e=>{if(c({status:`success`,message:o(`com_ui_skill_created`)}),t(!1),d(),a){a(e);return}s(`/skills/${e._id}`)},onError:e=>{c({status:`error`,message:e?.response?.data?.message??o(`com_ui_skill_create_error`)})}}),g=e=>{h.isLoading||h.mutate({name:e.name.trim(),description:e.description.trim(),body:e.body})},_=()=>{t(!1),d()},v=!f||p||h.isLoading;return(0,$.jsx)(V,{open:e,onOpenChange:t,children:(0,$.jsx)(z,{className:`w-11/12 max-w-5xl overflow-hidden`,showCloseButton:!1,children:(0,$.jsxs)(`form`,{onSubmit:u(g),className:`flex max-h-[80vh] min-w-0 flex-col gap-3 overflow-hidden p-1 sm:gap-4 sm:p-2`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-bold text-text-primary`,children:o(`com_ui_skill_write_instructions`)}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`create-skill-name`,className:`text-sm font-medium text-text-secondary`,children:o(`com_ui_name`)}),(0,$.jsx)(`input`,{id:`create-skill-name`,placeholder:o(`com_ui_skill_name_placeholder`),"aria-invalid":m.name?`true`:`false`,autoComplete:`off`,className:`flex h-10 w-full rounded-xl border border-border-medium bg-transparent px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary disabled:cursor-not-allowed disabled:opacity-50`,...l(`name`,{required:o(`com_ui_skill_name_required`),pattern:{value:K,message:o(`com_ui_skill_name_invalid`)},maxLength:{value:64,message:o(`com_ui_skill_name_too_long`,{0:`64`})}})}),m.name&&(0,$.jsx)(`p`,{className:`text-xs text-red-500`,children:m.name.message})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`create-skill-description`,className:`text-sm font-medium text-text-secondary`,children:o(`com_ui_description`)}),(0,$.jsx)(k,{id:`create-skill-description`,minRows:2,maxRows:4,placeholder:o(`com_ui_skill_description_placeholder`),"aria-label":o(`com_ui_description`),className:`w-full resize-none rounded-xl border border-border-medium bg-transparent px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary`,...l(`description`,{required:o(`com_ui_skill_description_required`),maxLength:{value:N,message:o(`com_ui_skill_description_too_long`,{0:String(N)})}})})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,$.jsx)(`label`,{htmlFor:`create-skill-body`,className:`text-sm font-medium text-text-secondary`,children:o(`com_ui_skill_instructions`)}),(0,$.jsx)(k,{id:`create-skill-body`,minRows:6,maxRows:12,placeholder:o(`com_ui_skill_instructions_placeholder`),"aria-label":o(`com_ui_skill_instructions`),className:`w-full resize-none rounded-xl border border-border-medium bg-transparent px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary`,...l(`body`)})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2 pt-2`,children:[(0,$.jsx)(M,{type:`button`,variant:`outline`,onClick:_,children:o(`com_ui_cancel`)}),(0,$.jsx)(M,{type:`submit`,disabled:v,className:A(v&&`opacity-50`),children:o(`com_ui_create`)})]})]})})})}function Ie({skillId:e,skillName:t,disabled:n,onDelete:i}){let a=U(),{showToast:o}=P(),s=Pe({onSuccess:()=>{o({status:`success`,message:a(`com_ui_skill_deleted`)}),i?.()},onError:()=>{o({status:`error`,message:a(`com_ui_skill_delete_error`)})}}),c=()=>{s.isLoading||s.mutate({id:e})},l=n||s.isLoading;return(0,$.jsxs)(V,{children:[(0,$.jsx)(ee,{asChild:!0,children:(0,$.jsx)(O,{description:a(`com_ui_delete`),side:`bottom`,render:(0,$.jsx)(M,{variant:`destructive`,size:`icon`,className:`size-9`,"aria-label":a(`com_ui_delete`),disabled:l,onClick:e=>e.stopPropagation(),children:(0,$.jsx)(r,{className:`size-5`,"aria-hidden":`true`})})})}),(0,$.jsx)(me,{showCloseButton:!1,title:a(`com_ui_delete`),className:`max-w-[450px]`,main:(0,$.jsx)(`p`,{className:`text-left text-sm text-text-primary`,children:a(`com_ui_skill_delete_confirm`,{0:t})}),selection:{selectHandler:c,selectClasses:`bg-surface-destructive hover:bg-surface-destructive-hover transition-colors duration-200 text-white`,selectText:a(`com_ui_delete`)}})]})}var Le=(0,Q.memo)(Ie);function Re(e){let t=e/re;return Number.isInteger(t)?`${t}`:t.toFixed(1)}function ze({isOpen:e,setIsOpen:t}){let n=U(),r=T(),{showToast:i}=P(),a=(0,Q.useRef)(null),[s,c]=(0,Q.useState)(!1),{data:l={configuredSizeLimitMb:void 0,fileConfig:F}}=ae({select:e=>({configuredSizeLimitMb:e?.skills?.fileSizeLimit,fileConfig:ie(e)})}),{configuredSizeLimitMb:u,fileConfig:d}=l,f=d.skills?.fileSizeLimit??F.skills?.fileSizeLimit??0,p=u===void 0?Re(f):`${u}`,m=Me({onSuccess:e=>{i({status:`success`,message:n(`com_ui_skill_created`)}),t(!1),r(`/skills/${e._id}`)},onError:e=>{let t=e?.response?.data;i({status:`error`,message:t?.message??t?.error??n(`com_ui_create_skill_upload_error`)})}}),h=(0,Q.useCallback)(e=>{if(m.isLoading)return;if(e.size>f){i({status:`error`,message:n(`com_ui_skill_upload_size_error`,{0:p})});return}let t=new FormData;t.append(`file`,e,e.name),m.mutate(t)},[p,m,n,i,f]),g=(0,Q.useCallback)(e=>{let t=e.target.files?.[0];t&&h(t),e.target.value=``},[h]),_=(0,Q.useCallback)(e=>{e.preventDefault(),c(!1);let t=e.dataTransfer.files?.[0];t&&h(t)},[h]);return(0,$.jsx)(V,{open:e,onOpenChange:t,children:(0,$.jsx)(z,{className:`w-11/12 max-w-lg overflow-hidden`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-6 p-1 sm:p-2`,children:[(0,$.jsx)(`h2`,{className:`text-lg font-bold text-text-primary`,children:n(`com_ui_skill_upload_title`)}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`button`,{type:`button`,onClick:()=>a.current?.click(),onDragOver:e=>{e.preventDefault(),c(!0)},onDragLeave:()=>c(!1),onDrop:_,disabled:m.isLoading,className:A(`flex h-[120px] w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed text-sm text-text-secondary transition-colors`,s?`border-border-heavy bg-surface-hover`:`border-border-medium hover:bg-surface-hover`,m.isLoading&&`cursor-wait opacity-50`),children:[m.isLoading?(0,$.jsx)(j,{className:`size-8`}):(0,$.jsx)(o,{className:`size-8 text-text-secondary`,"aria-hidden":`true`}),n(`com_ui_skill_upload_drag`)]}),(0,$.jsx)(`div`,{className:`flex flex-col gap-3 text-xs text-text-secondary`,children:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`font-medium`,children:n(`com_ui_skill_upload_requirements`)}),(0,$.jsxs)(`ul`,{className:`mt-1 list-inside list-disc`,children:[(0,$.jsx)(`li`,{children:n(`com_ui_skill_upload_req_md`)}),(0,$.jsx)(`li`,{children:n(`com_ui_skill_upload_req_zip`)}),(0,$.jsx)(`li`,{children:n(`com_ui_skill_upload_req_size`,{0:p})})]})]})})]}),(0,$.jsx)(`input`,{ref:a,type:`file`,accept:`.zip,.skill,.md`,className:`hidden`,onChange:g})]})})})}var Be=[{permission:I.USE,labelKey:`com_ui_skills_allow_use`},{permission:I.CREATE,labelKey:`com_ui_skills_allow_create`},{permission:I.SHARE,labelKey:`com_ui_skills_allow_share`},{permission:I.SHARE_PUBLIC,labelKey:`com_ui_skills_allow_share_public`}],Ve=()=>{let e=U(),{showToast:t}=P(),n=fe({onSuccess:()=>{t({status:`success`,message:e(`com_ui_saved`)})},onError:()=>{t({status:`error`,message:e(`com_ui_error_save_admin_settings`)})}});return(0,$.jsx)(oe,{permissionType:he.SKILLS,sectionKey:`com_ui_skills`,permissions:Be,menuId:`skill-role-dropdown`,mutation:n})};function He({enabled:e,onChange:t,ariaLabel:n}){return(0,$.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,"aria-label":n,onClick:e=>{e.stopPropagation(),t()},className:`inline-flex h-9 items-center justify-center rounded-md px-1 transition-colors hover:bg-surface-hover`,children:(0,$.jsx)(`span`,{className:A(`relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors duration-200`,e?`bg-green-500`:`bg-border-medium`),children:(0,$.jsx)(`span`,{className:A(`pointer-events-none mt-0.5 inline-block size-4 rounded-full bg-white shadow-sm transition-transform duration-200`,e?`translate-x-[1.125rem]`:`translate-x-0.5`)})})})}var Ue=(0,Q.memo)(He);function We({skill:e,disabled:t}){let n=U(),r=L(e),i=de({permissionType:he.SKILLS,permission:I.SHARE});return r.isLoading||!i||!r.canShare?null:(0,$.jsx)(te,{resourceDbId:e._id,resourceName:e.name,resourceType:ce.SKILL,disabled:t,children:(0,$.jsx)(O,{description:n(`com_ui_share`),side:`bottom`,render:(0,$.jsx)(M,{variant:`outline`,size:`icon`,className:`size-9 border-border-medium`,"aria-label":n(`com_ui_share`),disabled:t,children:(0,$.jsx)(S,{className:`size-5`,"aria-hidden":`true`})})})})}var Ge=(0,Q.memo)(We),Ke=`write`,qe=`upload`;function Je(){let e=U(),[t,n]=(0,Q.useState)(!1),[r,i]=(0,Q.useState)(!1),a=(0,Q.useMemo)(()=>[{value:Ke,label:e(`com_ui_skill_write_instructions`),icon:(0,$.jsx)(C,{className:`size-4 text-text-primary`})},{value:qe,label:e(`com_ui_skill_upload`),icon:(0,$.jsx)(o,{className:`size-4 text-text-primary`})}],[e]);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ne,{value:``,onChange:(0,Q.useCallback)(e=>{e===Ke?n(!0):e===qe&&i(!0)},[]),options:a,className:`shrink-0 rounded-lg bg-transparent`,icon:(0,$.jsx)(_,{className:`size-5`}),ariaLabel:e(`com_ui_create_skill`),iconOnly:!0}),(0,$.jsx)(Fe,{isOpen:t,setIsOpen:n}),(0,$.jsx)(ze,{isOpen:r,setIsOpen:i})]})}var Ye=[Se,we,[Ce,{singleDollarTextMath:!1}]],Xe=[[Ee],[Te,{detect:!0,ignoreMissing:!0,subset:pe}]],Ze={code:ge};function Qe({content:e,className:t}){return(0,$.jsx)(De,{remarkPlugins:Ye,rehypePlugins:Xe,components:Ze,className:t??`markdown prose dark:prose-invert light w-full break-words leading-[1.65rem] text-text-primary`,children:e})}var $e=(0,Q.memo)(Qe);function et(e,t){let n=e.trim();if(!n.startsWith(`---`))return{fields:[],body:e};let r=n.slice(3),i=r.indexOf(`
2---`);if(i===-1)return{fields:[],body:e};let a=r.slice(0,i),o=r.slice(i+4).trim(),s=[],c=a.split(`
3`);for(let e=0;e<c.length;e++){let n=c[e],r=n.indexOf(`:`);

3if(r===-1)continue;let i=n.slice(0,r).trim();if(!i)continue;let a=n.slice(r+1).trim();if(!a){let t=[];for(;e+1<c.length;){let n=c[e+1].trim();if(!n.startsWith(`-`))break;t.push(n.slice(1).trim()),e++}a=t.join(`,`)}t?.has(i.toLowerCase())||a&&s.push({key:i,value:a})}return{fields:s,body:o}}new Set(Object.values(W));var tt=new Set([`name`,`description`]);function nt({viewMode:e,setViewMode:t,localize:n}){return(0,$.jsxs)(`div`,{role:`group`,className:`inline-flex h-7 rounded-lg bg-surface-tertiary p-0.5 text-sm font-medium`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(`rendered`),className:A(`flex items-center justify-center rounded-md px-1.5 transition-colors`,e===`rendered`?`bg-surface-primary text-text-primary shadow-sm`:`text-text-secondary hover:text-text-primary`),"aria-label":n(`com_ui_skill_view_rendered`),"aria-pressed":e===`rendered`,children:(0,$.jsx)(a,{className:`size-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>t(`source`),className:A(`flex items-center justify-center rounded-md px-1.5 transition-colors`,e===`source`?`bg-surface-primary text-text-primary shadow-sm`:`text-text-secondary hover:text-text-primary`),"aria-label":n(`com_ui_skill_view_source`),"aria-pressed":e===`source`,children:(0,$.jsx)(c,{className:`size-4`})})]})}function rt({skill:e,onEdit:t,onDelete:n}){let r=U(),{user:i}=ye(),a=L(e),{isActive:o,toggle:s}=le(),[c,u]=(0,Q.useState)(`rendered`),d=o(e),f=e.isPublic===!0,p=e.author!==i?.id&&e.authorName?e.authorName:r(`com_ui_you`),m=e.updatedAt?xe(new Date(e.updatedAt),`MMM d, yyyy`):void 0,{fields:h,body:_}=(0,Q.useMemo)(()=>et(e.body??``,tt),[e.body]);return(0,$.jsxs)(`article`,{className:`flex h-full min-w-0 flex-col gap-2 overflow-y-auto px-5 pb-5`,"aria-label":e.name,children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 pb-1 sm:flex-row sm:items-center sm:gap-4`,children:[(0,$.jsx)(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-surface-secondary`,children:(0,$.jsx)(x,{className:`size-6 text-text-secondary`,"aria-hidden":`true`})}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,$.jsx)(`h2`,{className:`truncate text-xl font-bold text-text-primary`,title:e.name,children:e.name}),f&&(0,$.jsx)(O,{description:r(`com_ui_skill_sr_public`),side:`top`,render:(0,$.jsx)(w,{className:`size-5 shrink-0 text-green-400`,"aria-label":r(`com_ui_skill_sr_public`)})})]}),(0,$.jsxs)(`div`,{className:`mt-0.5 flex flex-wrap items-center gap-3 text-xs text-text-secondary`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(l,{className:`size-3`,"aria-hidden":`true`}),p]}),m&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(g,{className:`size-3`,"aria-hidden":`true`}),m]})]})]})]})}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,$.jsx)(Ue,{enabled:d,onChange:()=>s(e),ariaLabel:r(`com_ui_skill_toggle_active`)}),(0,$.jsx)(Ge,{skill:e}),a.canEdit&&t&&(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`inline-flex h-9 items-center justify-center rounded-md border border-border-medium px-3 text-xs font-semibold text-text-primary transition-colors hover:bg-surface-hover`,children:r(`com_ui_edit`)}),a.canDelete&&n&&(0,$.jsx)(Le,{skillId:e._id,skillName:e.name,onDelete:n})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,$.jsx)(`h3`,{className:`text-xs leading-4 text-text-secondary`,children:r(`com_ui_description`)}),(0,$.jsx)(`p`,{className:`whitespace-pre-wrap text-sm text-text-secondary`,children:e.description})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3 py-1`,children:[(0,$.jsx)(`hr`,{className:`flex-1 border-border-medium`}),(0,$.jsx)(nt,{viewMode:c,setViewMode:u,localize:r})]}),c===`rendered`&&h.length>0&&(0,$.jsx)(`div`,{className:`grid grid-cols-[max-content_1fr] items-baseline gap-x-8 gap-y-2 pb-2`,children:h.map(({key:e,value:t})=>(0,$.jsxs)(Q.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-xs text-text-secondary`,children:e}),(0,$.jsx)(`span`,{className:`text-sm text-text-primary`,children:t})]},e))}),(0,$.jsx)(`div`,{className:`min-h-0 flex-1 overflow-auto`,children:c===`rendered`?(0,$.jsx)($e,{content:_}):(0,$.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-sm leading-relaxed text-text-primary`,children:e.body??``})})]})}var it=new Set([`name`,`description`]);function at({skillId:e,relativePath:t}){let n=T(),r=U(),{showToast:i}=P(),{data:o,isLoading:s,isError:l}=_e(e,t),[d,f]=(0,Q.useState)(`rendered`),[g,_]=(0,Q.useState)(!1),v=(0,Q.useRef)(null),y=t.endsWith(`.md`),x=o?.mimeType?.startsWith(`image/`)??!1,S=t===`SKILL.md`,C=o!=null&&!o.isBinary&&o.content!=null,w=(0,Q.useMemo)(()=>`${ue()}/api/skills/${e}/files/${encodeURIComponent(t)}?raw=true`,[e,t]),E=(0,Q.useMemo)(()=>!y||!o?.content?null:et(o.content,S?it:void 0),[y,S,o?.content]),D=(0,Q.useCallback)(async()=>

3{if(!(g||!o?.content))try{await navigator.clipboard.writeText(o.content),_(!0),i({message:r(`com_ui_copied_to_clipboard`),status:`success`}),v.current&&clearTimeout(v.current),v.current=setTimeout(()=>_(!1),2e3)}catch{i({message:r(`com_ui_copy_failed`),status:`error`})}},[o?.content,g,i,r]);return(0,$.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex h-10 items-center gap-2 border-b border-border-medium px-4`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>n(`/skills/${e}`),className:`rounded-md p-1 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary`,"aria-label":r(`com_ui_back`),children:(0,$.jsx)(m,{className:`size-4`})}),(0,$.jsx)(p,{className:`size-4 shrink-0 text-text-secondary`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm font-medium text-text-primary`,children:o?.filename??t}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[C&&(0,$.jsx)(O,{description:r(g?`com_ui_copied`:`com_ui_copy`),render:(0,$.jsx)(`button`,{type:`button`,onClick:D,className:`rounded-md p-1 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary`,"aria-label":r(`com_ui_copy_to_clipboard`),children:g?(0,$.jsx)(b,{className:`size-4`}):(0,$.jsx)(h,{className:`size-4`})})}),y&&C&&(0,$.jsxs)(`div`,{role:`group`,className:`inline-flex h-7 rounded-lg bg-surface-tertiary p-0.5 text-sm font-medium`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:()=>f(`rendered`),className:A(`flex items-center justify-center rounded-md px-1.5 transition-colors`,d===`rendered`?`bg-surface-primary text-text-primary shadow-sm`:`text-text-secondary hover:text-text-primary`),"aria-pressed":d===`rendered`,children:(0,$.jsx)(a,{className:`size-4`})}),(0,$.jsx)(`button`,{type:`button`,onClick:()=>f(`source`),className:A(`flex items-center justify-center rounded-md px-1.5 transition-colors`,d===`source`?`bg-surface-primary text-text-primary shadow-sm`:`text-text-secondary hover:text-text-primary`),"aria-pressed":d===`source`,children:(0,$.jsx)(c,{className:`size-4`})})]})]})]}),(0,$.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-5 py-4`,children:[s&&(0,$.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,$.jsx)(j,{className:`size-6 text-text-secondary`})}),l&&(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-text-secondary`,children:[(0,$.jsx)(u,{className:`size-8`}),(0,$.jsx)(`p`,{className:`text-sm`,children:r(`com_ui_skill_file_load_error`)})]}),o&&!s&&!l&&(0,$.jsxs)($.Fragment,{children:[o.isBinary&&x&&(0,$.jsx)(`img`,{src:w,alt:o.filename,className:`max-h-[600px] max-w-full rounded-lg object-contain`}),o.isBinary&&!x&&(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-text-secondary`,children:[(0,$.jsx)(u,{className:`size-8`}),(0,$.jsx)(`p`,{className:`text-sm`,children:r(`com_ui_skill_file_binary`)}),(0,$.jsx)(`a`,{href:w,download:!0,className:`text-sm text-text-primary underline hover:no-underline`,children:r(`com_ui_skill_file_download`)})]}),C&&y&&E&&(0,$.jsxs)($.Fragment,{children:[d===`rendered`&&E.fields.length>0&&(0,$.jsx)(`div`,{className:`mb-3 grid grid-cols-[max-content_1fr] items-baseline gap-x-8 gap-y-2`,children:E.fields.map(({key:e,value:t})=>(0,$.jsxs)(Q.Fragment,{children:[(0,$.jsx)(`span`,{className:`text-xs capitalize text-text-secondary`,children:e}),(0,$.jsx)(`span`,{className:`text-sm text-text-primary`,children:t})]},e))}),d===`rendered`?(0,$.jsx)($e,{content:E.body}):(0,$.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-sm leading-relaxed text-text-primary`,children:o.content})]}),C&&!y&&(0,$.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-sm leading-relaxed text-text-primary`,children:o.content}),!o.isBinary&&o.content==null&&(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-text-secondary`,children:[(0,$.jsx)(p,{className:`size-8`}),(0,$.jsx)(`p`,{className:`text-sm`,children:r(`com_ui_skill_file_download`)}),(0,$.jsx)(`a`,{href:w,download:!0,className:`text-sm text-text-primary underline hover:no-underline`,children:r(`com_ui_skill_file_download`)})]})]})]})]})}var ot=(0,Q.memo)(at),st={empty:v,error:f},ct={empty:{icon:`text-text-primary`,wrap:`bg-surface-tertiary`},error:{icon:`text-amber-500`,wrap:`bg-amber-500/10`}};function lt({title:e,description:t,actionLabel:n,onAction:r,variant:i=`empty`,className:a=``}){let o=st[i],s=ct[i];return(0,$.jsx)(`div`,{className:A(`flex h-full w-full items-center justify-center px-6 py-12`,a),children:(0,$.jsxs)(`div`,{className:`flex max-w-sm flex-col items-center text-center`,children:[(0,$.jsx)(`div`,{className:A(`mb-4 flex size-12 items-center justify-center rounded-xl`,s.wrap),children:(0,$.jsx)(o,{className:A(`size-6`,s.icon),"aria-hidden":`true`})}),(0,$.jsx)(`p`,{className:`text-[15px] font-semibold text-text-primary`,children:e}),(0,$.jsx)(`p`,{className:`mt-1.5 text-sm leading-relaxed text-text-secondary`,children:t}),n&&r&&(0,$.jsx)(M,{type:`button`,variant:`outline`,className:`mt-5`,"aria-label":n,onClick:r,children:n})]})})}var ut=({className:e=``})=>{let t=U(),{control:n,watch:r,setValue:a}=q(),[o,s]=(0,Q.useState)(!1),{categories:c,emptyCategory:l}=be({hasAccess:!0}),u=r(`category`),f=(0,Q.useMemo)(()=>(c??[]).find(e=>e.value===u)??l,[c,u,l]),p=(0,Q.useMemo)(()=>c?c.map(e=>({id:e.value,label:e.label,icon:e.icon,onClick:()=>{a(`category`,e.value||``,{shouldDirty:!0}),s(!1)}})):[],[c,a]),m=(0,$.jsxs)(i,{className:A(`focus:ring-offset-ring-offset relative inline-flex h-9 items-center justify-between rounded-xl border border-border-medium bg-transparent px-3 text-sm text-text-primary transition-all duration-200 ease-in-out hover:bg-accent hover:text-accent-foreground focus:ring-ring-primary`,`gap-2 sm:w-fit`,e),onClick:()=>s(!o),"aria-label":t(`com_ui_category`),children:[(0,$.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[`icon`in f&&f.icon!=null&&(0,$.jsx)(`span`,{children:f.icon}),(0,$.jsx)(`span`,{children:f.value?f.label:t(`com_ui_category`)})]}),(0,$.jsx)(d,{})]});return(0,$.jsx)(X,{name:`category`,control:n,render:()=>(0,$.jsx)(se,{trigger:m,items:p,isOpen:o,setIsOpen:s,menuId:`skill-category-selector-menu`,className:`mt-2`,portal:!0})})},dt=[Se,we,[Ce,{singleDollarTextMath:!1}]],ft=[[Ee],[Te,{detect:!0,ignoreMissing:!0,subset:pe}]],pt={code:ge},mt=(0,Q.memo)(({name:e,isEditing:t,setIsEditing:n,rules:r})=>{let i=U(),{control:a,formState:{errors:o}}=q(),c=t?b:s;return(0,$.jsxs)(`div`,{className:`flex max-h-[85vh] flex-col sm:max-h-[85vh]`,children:[(0,$.jsx)(`h2`,{className:`sr-only`,children:i(`com_ui_skill_content`)}),(0,$.jsxs)(`div`,{className:A(`relative w-full flex-1 overflow-auto rounded-xl border border-border-medium p-3 text-left transition-all duration-200 sm:p-4`,t?``:`cursor-pointer hover:bg-surface-tertiary`),children:[(0,$.jsx)(`div`,{className:`absolute right-2 top-2 z-10`,children:(0,$.jsx)(O,{description:i(t?`com_ui_save`:`com_ui_edit`),render:(0,$.jsx)(M,{type:`button`,size:`icon`,variant:`ghost`,onMouseDown:e=>e.preventDefault(),onClick:()=>n(e=>!e),"aria-label":i(t?`com_ui_save`:`com_ui_edit`),className:`size-8 p-0 hover:bg-surface-tertiary`,children:(0,$.jsx)(c,{className:`size-4 text-text-secondary`,"aria-hidden":`true`})})})}),!t&&(0,$.jsx)(`button`,{type:`button`,"aria-label":i(`com_ui_edit`),className:`absolute inset-0 z-10 rounded-xl focus:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary`,onClick:()=>n(!0)}),(0,$.jsx)(X,{name:e,control:a,rules:r,render:({field:e})=>

3t?(0,$.jsx)(k,{...e,autoFocus:!0,className:`w-full resize-none overflow-y-auto bg-transparent font-mono text-sm leading-relaxed text-text-primary placeholder:text-text-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary sm:text-base`,minRows:4,maxRows:16,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),n(!1))},placeholder:i(`com_ui_skill_content_placeholder`),"aria-label":i(`com_ui_skill_content`)}):(0,$.jsxs)(`div`,{className:`group/preview relative min-h-[6rem] overflow-y-auto text-sm sm:text-base`,style:{maxHeight:`24rem`},children:[e.value?(0,$.jsx)(De,{remarkPlugins:dt,rehypePlugins:ft,components:pt,className:`markdown prose dark:prose-invert light w-full break-words text-text-primary`,children:e.value}):(0,$.jsx)(`p`,{className:`italic text-text-secondary`,children:i(`com_ui_click_to_edit`)}),(0,$.jsx)(`div`,{className:`pointer-events-none sticky bottom-1/2 z-10 flex translate-y-1/2 items-center justify-center opacity-0 transition-all duration-200 group-hover/preview:opacity-100`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border border-border-light bg-surface-primary px-3 py-1.5 shadow-md`,children:[(0,$.jsx)(s,{className:`size-4 text-text-secondary`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{className:`text-sm font-medium text-text-primary`,children:i(`com_ui_click_to_edit`)})]})})]})}),o[e]&&(0,$.jsx)(`p`,{className:`mt-1 text-sm text-red-500`,role:`alert`,children:o[e]?.message})]})]})}),ht={name:``,description:``,body:`# Overview
4
5Describe what this skill does and how it should be applied.
6
7## When to use
8
9- List concrete signals that should trigger this skill
10- Add examples that make the trigger unambiguous
11
12## How to apply
13
14Walk through the steps the agent should take.
15`,category:``,invocationMode:W.auto};function gt({defaultValues:e,onCancel:t,onSuccess:n}){let r=U(),i=T(),{showToast:a}=P(),[o,s]=(0,Q.useState)(!0),c=J({defaultValues:{...ht,...e},mode:`onChange`}),{control:l,handleSubmit:u,setError:d,formState:{isSubmitting:p,isValid:m,errors:h}}=c,g=je({onSuccess:e=>{let t=e.warnings;a({status:t&&t.length>0?`warning`:`success`,message:r(`com_ui_skill_created`)}),n?n(e):i(`/skills/${e._id}`)},onError:e=>{a({status:`error`,message:e?.response?.data?.message??r(`com_ui_skill_create_error`)})}}),_=e=>{if(g.isLoading)return;let t={name:e.name.trim(),description:e.description.trim(),body:e.body,category:e.category||void 0};if(!K.test(t.name)){d(`name`,{message:r(`com_ui_skill_name_invalid`)});return}g.mutate(t)},v=()=>{t?t():i(-1)},y=!m||p||g.isLoading;return(0,$.jsx)(Y,{...c,children:(0,$.jsxs)(`form`,{onSubmit:u(_),className:`w-full px-4 py-2`,"aria-label":r(`com_ui_skill_create_title`),children:[(0,$.jsx)(`h1`,{className:`sr-only`,children:r(`com_ui_skill_create_title`)}),(0,$.jsx)(`div`,{className:`mb-1 flex flex-col items-center justify-between font-bold sm:text-xl md:mb-0 md:text-2xl`,children:(0,$.jsxs)(`div`,{className:`flex w-full flex-col items-center justify-between sm:flex-row`,children:[(0,$.jsx)(X,{name:`name`,control:l,rules:{required:r(`com_ui_skill_name_required`),pattern:{value:K,message:r(`com_ui_skill_name_invalid`)},maxLength:{value:64,message:r(`com_ui_skill_name_too_long`,{0:`64`})}},render:({field:e})=>(0,$.jsxs)(`div`,{className:`relative mb-1 flex w-full flex-col sm:w-auto md:mb-0`,children:[(0,$.jsx)(R,{...e,id:`skill-name`,type:`text`,className:`peer mr-2 w-full border border-border-medium p-2 text-2xl text-text-primary`,placeholder:` `,tabIndex:0,"aria-label":r(`com_ui_name`),"aria-required":`true`,"aria-invalid":h.name?`true`:`false`,"aria-describedby":h.name?`skill-name-error`:void 0}),(0,$.jsxs)(`label`,{htmlFor:`skill-name`,className:`pointer-events-none absolute -top-1 left-3 origin-[0] translate-y-3 scale-100 rounded bg-presentation px-1 text-base text-text-secondary transition-transform duration-200 peer-placeholder-shown:translate-y-3 peer-placeholder-shown:scale-100 peer-focus:-translate-y-2 peer-focus:scale-75 peer-focus:text-text-primary peer-[:not(:placeholder-shown)]:-translate-y-2 peer-[:not(:placeholder-shown)]:scale-75`,children:[r(`com_ui_name`),`*`]}),(0,$.jsx)(`div`,{id:`skill-name-error`,className:A(`mt-1 w-56 text-sm text-red-500`,h.name?`visible h-auto`:`invisible h-0`),role:h.name?`alert`:void 0,children:h.name?h.name.message:` `})]})}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,$.jsx)(ut,{})})]})}),(0,$.jsxs)(`div`,{className:`flex w-full flex-col gap-4 md:mt-[1.075rem]`,children:[(0,$.jsx)(X,{name:`description`,control:l,rules:{required:r(`com_ui_skill_description_required`),maxLength:{value:N,message:r(`com_ui_skill_description_too_long`,{0:String(N)})}},render:({field:e})=>(0,$.jsxs)(`div`,{className:`flex flex-col`,children:[(0,$.jsxs)(`label`,{htmlFor:`skill-description`,className:`mb-1 text-sm font-medium text-text-secondary`,children:[r(`com_ui_description`),(0,$.jsx)(`span`,{className:`ml-0.5 text-red-500`,children:`*`})]}),(0,$.jsx)(k,{...e,id:`skill-description`,minRows:2,maxRows:6,placeholder:r(`com_ui_skill_description_placeholder`),"aria-label":r(`com_ui_description`),"aria-invalid":h.description?`true`:`false`,"aria-describedby":h.description?`skill-description-error`:void 0,className:`w-full resize-none rounded-xl border border-border-medium bg-transparent p-3 text-sm text-text-primary placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-text-secondary`,children:r(`com_ui_skill_description_field_hint`)}),h.description&&(0,$.jsx)(`p`,{id:`skill-description-error`,className:`mt-1 text-sm text-red-500`,role:`alert`,children:h.description.message})]})}),(0,$.jsx)(mt,{name:`body`,isEditing:o,setIsEditing:s}),g.error!=null&&(0,$.jsxs)(`div`,{role:`alert`,className:`flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/5 p-3 text-sm text-red-500`,children:[(0,$.jsx)(f,{className:`mt-0.5 size-4 shrink-0`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{children:r(`com_ui_skill_create_error`)})]}),(0,$.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-2`,children:[(0,$.jsx)(M,{type:`button`,variant:`outline`,onClick:v,children:r(`com_ui_cancel`)}),(0,$.jsx)(M,{"aria-label":r(`com_ui_skill_create_title`),type:`submit`,disabled:y,"aria-disabled":y||void 0,className:A(`w-full sm:w-auto`,y&&`opacity-50`),children:r(`com_ui_skill_create_title`)})]})]})]})})}function _t(e){if(e)return{name:e.name,description:e.description,body:e.body??``,category:e.category??``,invocationMode:e.invocationMode??W.auto}}function vt({skillId:e}){let t=U(),n=T(),{showToast:r}=P(),[i,a]=(0,Q.useState)(null),o=ve(e),s=o.data,c=L(s),l=(0,Q.useMemo)(()=>_t(s),[s]),[u,d]=(0,Q.useState)(!1),p=J({defaultValues:{name:``,description:``,body:``,category:``,invocationMode:W.auto},values:l,mode:`onChange`}),{control:m,handleSubmit:h,reset:g,setError:_,formState:{isDirty:v,isValid:b,isSubmitting:x,errors:S}}=p;(0,Q.useEffect)(()=>{a(null)},[e]);let C=Ne({onSuccess:e=>{r({status:e.warnings&&e.warnings.length>0?`warning`:`success`,message:t(`com_ui_skill_updated`)}),a(e.warnings??null),g(_t(e))},onError:e=>{if(e?.response?.status===409){r({status:`warning`,message:t(`com_ui_skill_update_conflict`)}),o.refetch();return}r({status:`error`,message:e?.response?.data?.message??t(`com_ui_skill_update_error`)})}}),w=e=>{if(!s||C.isLoading)return;let n=e.name.trim();if(!K.test(n)){_(`name`,{message:t(`com_ui_skill_name_invalid`)});return}let r={name:n,description:e.description.trim(),body:e.body,category:e.category||void 0};C.mutate({id:s._id,expectedVersion:s.version,payload:r})};if(o.isLoading||c.isLoading)return(0,$.jsxs)(`div`,{className:`w-full px-4 py-2`,children:[(0,$.jsx)(B,{className:`mb-3 h-10 w-72`}),(0,$.jsx)(B,{className:`mb-3 h-20 w-full`}),(0,$.jsx)(B,{className:`h-64 w-full`})]});if(o.isError||!s)return(0,$.jsxs)(`div`,{className:`w-full px-4 py-6 text-sm text-text-secondary`,children:[(0,$.jsx)(`p`,{className:`font-medium text-text-primary`,children:t(`com_ui_skill_not_found`)}),(0,$.jsx)(`p`,{children:t(`com_ui_skill_not_found_description`)})]});let E=!c.canEdit,D=!v||!b||x||C.isLoading;return(0,$.jsx)(Y,{...p,children:(0,$.jsxs)(`form`,{onSubmit:h(w),className:`w-full px-4 py-2`,"aria-label":t(`com_ui_skill_edit_title`),children:[(0,$.jsx)(`h1`,{className:`sr-only`,children:t(`com_ui_skill_edit_title`)}),(0,$.jsx)(`div`,{className:`mb-1 flex flex-col items-center justify-between font-bold sm:text-xl md:mb-0 md:text-2xl`,children:(0,$.jsxs)(`div`,{className:`flex w-full flex-col items-start justify-between gap-2 sm:flex-row sm:items-center`,children:[(0,$.jsx)(X,{name:`name`,control:m,rules:{required:t(`com_ui_skill_name_required`),pattern:{value:K,message:t(`com_ui_skill_name_invalid`)},maxLength:{value:64,message:t(`com_ui_skill_name_too_long`,{0:`64`})}},render:({field:e})=>(0,$.jsxs)(`div`,{className:`relative mb-1 flex w-full flex-col sm:w-auto md:mb-0`,children:[(0,$.jsx)(R,{...e,id:`skill-name`,type:`text`,readOnly:E,className:`peer mr-2 w-full border border-border-medium p-2 text-2xl text-text-primary`,placeholder:` `,tabIndex:0,"aria-label":t(`com_ui_name`),"aria-required":`true`,"aria-invalid":S.name?`true`:`false`,"aria-describedby":S.name?`skill-name-error`:void 0}),(0,$.jsxs)(`label`,{htmlFor:`skill-name`,className:`pointer-events-none absolute -top-1 left-3 origin-[0] translate-y-3 scale-100 rounded bg-presentation px-1 text-base text-text-secondary transition-transform duration-200 peer-placeholder-shown:translate-y-3 peer-placeholder-shown:scale-100 peer-focus:-translate-y-2 peer-focus:scale-75 peer-focus:text-text-primary peer-[:not(:placeholder-shown)]:-translate-y-2 peer-[:not(:placeholder-shown)]:scale-75`,children:[t(`com_ui_name`),`*`]}),(0,$.jsx)(`div`,{id:`skill-name-error`,className:A(`mt-1 w-56 text-sm text-red-500`,S.name?`visible h-auto`:`invisible h-0`),role:S.name?`alert`:void 0,children:S.name?S.name.message:` `})]})}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,$.jsx)(ut,{}),(0,$.jsx)(Ge,{skill:s}),c.canDelete&&(0,$.jsx)(Le,{skillId:s._id,skillName:s.name,onDelete:()=>n(`/skills`,{replace:!0})})]})]})}),(0,$.jsxs)(`div`,{className:`mt-1 flex items-center gap-2 text-xs text-text-secondary`,children:[(0,$.jsx)(`span`,{children:t(`com_ui_skill_version`,{0:String(s.version)})}),(0,$.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,$.jsx)(`span`,{children:s.authorName})]}),E&&(0,$.jsxs)(`div`,{role:`note`,className:`mt-4 flex items-start gap-2 rounded-md border border-amber-500/40 bg-amber-500/5 p-3 text-sm text-amber-600 dar

15k:text-amber-400`,children:[(0,$.jsx)(y,{className:`mt-0.5 size-4 shrink-0`,"aria-hidden":`true`}),(0,$.jsx)(`span`,{children:t(`com_ui_skill_no_edit_permission`)})]}),i&&i.length>0&&(0,$.jsxs)(`div`,{role:`alert`,className:`mt-4 flex flex-col gap-1 rounded-md border border-amber-500/40 bg-amber-500/5 p-3 text-sm text-amber-600 dark:text-amber-400`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 font-semibold`,children:[(0,$.jsx)(f,{className:`size-4`,"aria-hidden":`true`}),t(`com_ui_skill_warnings`)]}),(0,$.jsx)(`ul`,{className:`ml-6 list-disc`,children:i.map(e=>(0,$.jsx)(`li`,{children:e.message},`${e.field}:${e.code}`))})]}),(0,$.jsxs)(`div`,{className:`mt-4 flex w-full flex-col gap-4`,children:[(0,$.jsx)(X,{name:`description`,control:m,rules:{required:t(`com_ui_skill_description_required`),maxLength:{value:N,message:t(`com_ui_skill_description_too_long`,{0:String(N)})}},render:({field:e})=>(0,$.jsxs)(`div`,{className:`flex flex-col`,children:[(0,$.jsxs)(`label`,{htmlFor:`skill-description`,className:`mb-1 text-sm font-medium text-text-secondary`,children:[t(`com_ui_description`),(0,$.jsx)(`span`,{className:`ml-0.5 text-red-500`,children:`*`})]}),(0,$.jsx)(k,{...e,id:`skill-description`,readOnly:E,minRows:2,maxRows:6,"aria-label":t(`com_ui_description`),"aria-invalid":S.description?`true`:`false`,"aria-describedby":S.description?`skill-description-error`:void 0,className:`w-full resize-none rounded-xl border border-border-medium bg-transparent p-3 text-sm text-text-primary placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-primary`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs text-text-secondary`,children:t(`com_ui_skill_description_field_hint`)}),S.description&&(0,$.jsx)(`p`,{id:`skill-description-error`,className:`mt-1 text-sm text-red-500`,role:`alert`,children:S.description.message})]})}),(0,$.jsx)(mt,{name:`body`,isEditing:u,setIsEditing:d}),!E&&(0,$.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-2`,children:[(0,$.jsx)(M,{type:`button`,variant:`outline`,onClick:()=>g(l),disabled:!v,className:A(!v&&`opacity-50`),children:t(`com_ui_reset`)}),(0,$.jsx)(M,{type:`submit`,disabled:D,"aria-disabled":D||void 0,className:A(`w-full sm:w-auto`,D&&`opacity-50`),children:t(`com_ui_save`)})]})]})]})})}export{rt as a,Fe as c,ot as i,gt as n,Je as o,lt as r,Ve as s,vt as t};