@vellumai/web 0.11.4 → 0.11.5-dev.202608220019.a778cf0

package/dist/assets/{skill-detail-page-c0s3w3K3.js → skill-detail-page-BsVxaPU0.js}

@@ -1,2 +1,2 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-DiNp24s6.js";import{t as n}from"./react-BFJW0bSv.js";import{W as r,t as i}from"./button-VkxVX0DM.js";import{d as a,h as o,n as s,p as c,u as l}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as u}from"./QueryClientProvider-EuRl-wrW.js";import{t as d}from"./useQuery-CTSuec5b.js";import{t as f}from"./jsx-runtime-BJ8jcmzB.js";import{t as p}from"./card-DUsAeHUS.js";import{o as m,s as h}from"./list-row-CDwzGT9g.js";import{t as g}from"./createLucideIcon-B-ZPaMbU.js";import{t as _}from"./arrow-down-to-line-BuKRLRZS.js";import{t as v}from"./arrow-left-Ciai6BHG.js";import{a as y,n as b,r as x,t as S}from"./use-skill-actions-CdbZjq6a.js";import{t as C}from"./chevron-down-CmQCCo_x.js";import{t as w}from"./chevron-right-Dwr_Sx98.js";import{t as T}from"./menu-ubIBmfUh.js";import{t as E}from"./code-u4Wi5zSA.js";import{t as D}from"./external-link-B-pfCiUo.js";import{t as O}from"./eye-CHlTF_ct.js";import{t as k}from"./file-text-DpdlyCly.js";import{t as A}from"./folder-B0UQA6jd.js";import{t as j}from"./loader-circle-DYe85z3g.js";import{t as M}from"./trash-2-V2WT_DbX.js";import{t as N}from"./triangle-alert-43gIbLca.js";import{s as P}from"./src-CImIAPTd.js";import{n as F,t as I}from"./file-markdown-C1rEGVrN.js";import"./i18n-C9hRT4Lf.js";import{t as L}from"./useTranslation-D9pPv-bA.js";import{a as R}from"./api-errors-CASENJGT.js";import{_r as z}from"./sdk.gen-CiE6cMi0.js";import{d as B}from"./routes-B7wRw3UT.js";import{At as ee,Nt as te,bn as ne,jt as re}from"./react-query.gen-Bbh5MII3.js";import{n as ie}from"./use-is-mobile-q9Lr7beO.js";import{t as ae}from"./open-workspace-file-CYf_Tqw3.js";import{t as oe}from"./use-active-assistant-id-BADYKVyx.js";import{i as se,r as ce}from"./format-date-B_oQDqU9.js";import{t as le}from"./diff-rows-BrFK496i.js";import{t as V}from"./skill-icon-yVnZg-J1.js";import{n as H,t as U}from"./use-skill-detail-files-Bg4G44J3.js";import{n as W,r as ue,t as de}from"./skills-5MnTu98B.js";import{t as fe}from"./use-edge-swipe-back-CiO9raEw.js";import{i as pe,n as me,r as he,t as G}from"./file-editor-BwdObVSu.js";var ge=g(`search-x`,[[`path`,{d:`m13.5 8.5-5 5`,key:`1cs55j`}],[`path`,{d:`m8.5 8.5 5 5`,key:`a8mexj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]),K=e(n(),1),q=f();function J(){return(0,q.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}var _e=/^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/,ve=/^diff --git a\/(.+) b\/\1$/;function Y(e,t){let n=e.replace(/^[ab]\//,``),r=`skills/${t}/`;return n.startsWith(r)?n.slice(r.length):n}function ye(e){let t=e.slice(4).replace(/\t$/,``);return t===`/dev/null`?null:t}function be(e,t){let n=[],r=null,i=0,a=0,o=!1,s=!1;for(let c of e.split(`
-`)){if(c.startsWith(`diff --git `)){r={path:Y(ve.exec(c)?.[1]??(c.split(` `).slice(3).join(` `)||``),t),rows:[],added:0,removed:0},n.push(r),i=0,a=0,o=!1,s=!1;continue}if(!r)continue;let e=_e.exec(c);if(e){i=Number(e[1]),a=Number(e[2]),o=!0,r.rows.length>0&&r.rows.push({type:`meta`,text:c});continue}if(!c.startsWith(`\\ No newline`)){if(!o&&(c.startsWith(`+++ `)||c.startsWith(`--- `))){let e=ye(c);e!==null&&(c.startsWith(`+++ `)||!s)&&(r.path=Y(e,t),s=c.startsWith(`+++ `));continue}!o&&(c.startsWith(`index `)||c.startsWith(`new file mode `)||c.startsWith(`deleted file mode `)||c.startsWith(`similarity index `)||c.startsWith(`rename `)||c.startsWith(`old mode `)||c.startsWith(`new mode `)||c.startsWith(`Binary files `))||(c.startsWith(`+`)?(r.rows.push({type:`add`,text:c.slice(1),newNo:a}),r.added+=1,a+=1):c.startsWith(`-`)?(r.rows.push({type:`del`,text:c.slice(1),oldNo:i}),r.removed+=1,i+=1):c.startsWith(` `)&&(r.rows.push({type:`ctx`,text:c.slice(1),oldNo:i,newNo:a}),i+=1,a+=1))}}return{files:n,added:n.reduce((e,t)=>e+t.added,0),removed:n.reduce((e,t)=>e+t.removed,0)}}async function xe(e,t,n){let{data:r,error:i,response:a}=await z({path:{assistant_id:e,id:t},throwOnError:!1,signal:n});if(!a||!a.ok){if(a?.status===404)return null;throw a?R(i,a):i??Error(`Failed to fetch skill history.`)}return r??null}function Se(e){return e.isLoading?!1:e.isError||e.revisionCount>0}function X(e,t){let n=!!(e&&t),r=d({queryKey:re({path:{assistant_id:e??``,id:t}}),queryFn:({signal:n})=>xe(e??``,t,n),enabled:n,refetchOnWindowFocus:!1});return{history:r.data??null,revisions:r.data?.revisions??[],truncatedByCompaction:r.data?.truncatedByCompaction??!1,isLoading:r.isLoading,isError:r.isError}}function Ce({assistantId:e,skillId:t}){let{t:n}=L(`intelligence`),{revisions:r,truncatedByCompaction:i,isLoading:a,isError:o}=X(e,t);return a?(0,q.jsx)(J,{}):o?(0,q.jsx)(Z,{children:n(`skillRevisionHistory.loadError`)}):(0,q.jsx)(we,{skillId:t,revisions:r,truncatedByCompaction:i})}function we({skillId:e,revisions:t,truncatedByCompaction:n}){let{t:r}=L(`intelligence`);return t.length===0?(0,q.jsx)(Z,{children:r(`skillRevisionHistory.noChanges`)}):(0,q.jsxs)(P.Root,{type:`multiple`,className:`flex flex-col gap-2 p-3`,children:[t.map(t=>(0,q.jsx)(Te,{revision:t,skillId:e},t.id)),n&&(0,q.jsx)(`p`,{className:`px-1 pt-1 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:r(`skillRevisionHistory.truncatedNotice`)})]})}function Z({children:e}){return(0,q.jsx)(`p`,{className:`px-3 py-10 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e})}function Te({revision:e,skillId:t}){let{t:n}=L(`intelligence`),r=(0,K.useMemo)(()=>be(e.diff,t),[e.diff,t]);return(0,q.jsxs)(P.Item,{value:e.id,className:`overflow-hidden rounded-md border`,style:{borderColor:`var(--border-base)`},children:[(0,q.jsxs)(P.Trigger,{className:`group flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-[var(--surface-hover)]`,children:[(0,q.jsx)(w,{className:`h-4 w-4 shrink-0 transition-transform group-data-[state=open]:rotate-90`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,q.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,q.jsx)(`span`,{className:`block truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:se(e.changedAt)}),(0,q.jsx)(`span`,{className:`mt-0.5 block truncate text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:e.files.join(` · `)})]}),r.added>0&&(0,q.jsxs)(`span`,{className:`shrink-0 text-body-small-default tabular-nums`,style:{color:`var(--system-positive-strong)`},children:[`+`,r.added]}),r.removed>0&&(0,q.jsxs)(`span`,{className:`shrink-0 text-body-small-default tabular-nums`,style:{color:`var(--system-negative-strong)`},children:[`−`,r.removed]})]}),(0,q.jsxs)(P.Content,{className:`border-t`,style:{borderColor:`var(--border-base)`},children:[(0,q.jsx)(`p`,{className:`px-3 py-2 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:ce(e.changedAt)}),r.files.length===0?(0,q.jsx)(`p`,{className:`px-3 pb-3 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:n(`skillRevisionHistory.noPreviewForChange`)}):r.files.map(e=>(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`p`,{className:`border-t px-3 py-1.5 font-mono text-body-small-default`,style:{borderColor:`var(--border-base)`,backgroundColor:`var(--surface-base)`,color:`var(--content-secondary)`},children:e.path}),(0,q.jsx)(`div`,{className:`py-1`,children:(0,q.jsx)(le,{rows:e.rows})})]},e.path))]})]})}function Q(e){return e===`history`?`history`:`files`}function Ee({assistantId:e,skill:t,tab:n,onTabChange:r,onBack:a,onInstall:o,onRemove:s,isInstalling:c=!1,isRemoving:l=!1,sourceConversationId:u}){let{t:d}=L(`intelligence`),f=x(t),m=W(t),{fileEntries:g,setSelectedPath:b,activePath:S,activeFile:C,isFilesLoading:w,fileContent:T,isBinary:E,isContentLoading:D}=U(e,t.id),{revisions:O,isLoading:N,isError:P}=X(e,t.id),F=Se({isLoading:N,isError:P,revisionCount:O.length}),I=F?n:`files`,R=(0,q.jsxs)(`div`,{className:`mb-4 flex items-start gap-3`,children:[(0,q.jsx)(i,{type:`button`,variant:`ghost`,iconOnly:(0,q.jsx)(v,{"aria-hidden":!0}),"aria-label":d(`skillDetail.backToSkillsAriaLabel`),onClick:a}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,q.jsx)(V,{skill:t,className:`h-8 w-8 text-3xl`}),(0,q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,q.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:t.name}),(0,q.jsx)(y,{origin:t.origin})]}),(0,q.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:t.description}),(0,q.jsx)(H,{skill:{origin:t.origin,sourceConversationId:u},className:`mt-1`})]})]}),f?c?(0,q.jsx)(`div`,{className:`flex h-9 items-center px-3`,children:(0,q.jsx)(j,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}})}):(0,q.jsx)(i,{type:`button`,onClick:o,disabled:!o,leftIcon:(0,q.jsx)(_,{"aria-hidden":!0}),children:d(`skillDetail.install`)}):(0,q.jsx)(i,{type:`button`,variant:m?`dangerOutline`:`outlined`,onClick:s,disabled:!m||l||!s,leftIcon:l?(0,q.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}):(0,q.jsx)(M,{"aria-hidden":!0}),children:d(`skillDetail.remove`)})]})]}),z=(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden sm:grid`,style:{gridTemplateColumns:`240px 1fr`},children:[(0,q.jsx)(`div`,{className:`max-h-40 shrink-0 overflow-y-auto border-b p-2 sm:max-h-none sm:border-b-0 sm:border-r`,style:{borderColor:`var(--border-base)`},children:w?(0,q.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,q.jsx)(j,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}})}):g.length===0?(0,q.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:d(`skillDetail.noFilesAvailable`)}):g.map(e=>{let t=S===e.path,n=(e.mimeType??``).endsWith(`/directory`);return(0,q.jsxs)(`button`,{type:`button`,onClick:()=>b(e.path),className:`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{color:t?`var(--primary-base)`:`var(--content-default)`,backgroundColor:t?`color-mix(in oklab, var(--primary-base) 10%, transparent)`:void 0},children:[n?(0,q.jsx)(A,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-mid-strong)`}}):(0,q.jsx)(k,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,q.jsx)(`span`,{className:`truncate`,children:e.name})]},e.path)})}),(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:D?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):C?(0,q.jsx)(De,{assistantId:e,skillId:t.id,fileName:C.name,filePath:C.path,content:T,isBinary:E,editable:t.kind===`installed`},`${t.id}/${C.path}`):(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:d(`skillDetail.selectFilePrompt`)})})]})});return(0,q.jsxs)(`div`,{className:`flex h-[calc(100vh-14rem)] flex-col`,children:[R,(0,q.jsxs)(h.Root,{value:I,onValueChange:e=>r(Q(e)),className:`flex min-h-0 flex-1 flex-col`,children:[F&&(0,q.jsxs)(h.List,{className:`mb-3`,children:[(0,q.jsx)(h.Trigger,{value:`files`,children:d(`skillDetail.filesTab`)}),(0,q.jsx)(h.Trigger,{value:`history`,children:d(`skillDetail.historyTab`)})]}),(0,q.jsx)(h.Panel,{value:`files`,forceMount:!0,className:`min-h-0 flex-1 flex-col`,style:{display:I===`files`?`flex`:`none`},children:z}),F&&(0,q.jsx)(h.Panel,{value:`history`,className:`flex min-h-0 flex-1 flex-col`,children:(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,q.jsx)(Ce,{assistantId:e,skillId:t.id})})})})]})]})}function De({assistantId:e,skillId:n,fileName:r,filePath:a,content:o,isBinary:s,editable:c}){let{t:l}=L(`intelligence`),d=u(),[f,p]=(0,K.useState)(!1),[m,h]=(0,K.useState)(``),g=`skills/${n}/${a}`,_=ne({onSuccess:()=>{p(!1),h(``),d.invalidateQueries({queryKey:[{_id:`skillsByIdFilesContentGet`}]}),d.invalidateQueries({queryKey:[{_id:`skillsByIdFilesGet`}]}),d.invalidateQueries({queryKey:[{_id:`skillsByIdHistoryGet`}]}),a===`SKILL.md`&&de(d,e)},onError:e=>{t(e,{context:`skill-file-save`,bestEffort:!0})}}),v=f&&m!==(o??``),y=(0,K.useCallback)(()=>{!v||_.isPending||_.mutate({path:{assistant_id:e},body:{path:g,content:m,encoding:`utf8`}})},[v,_,e,g,m]),b=(0,K.useCallback)(()=>{p(!0),h(o??``),_.reset()},[o,_]),x=(0,K.useCallback)(()=>{p(!1),h(``),_.reset()},[_]);if(s)return(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:l(`skillFileContent.binaryFile`)});if(o===null)return(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:l(`skillFileContent.noPreviewAvailable`,{fileName:r})});let S=c?(0,q.jsx)(i,{variant:`ghost`,size:`regular`,iconOnly:(0,q.jsx)(D,{"aria-hidden":!0}),onClick:()=>void ae(g),"aria-label":l(`skillDetail.openInWorkspaceAriaLabel`),className:`hover:bg-[var(--surface-base)]`}):void 0;return F(r,void 0)&&!f?(0,q.jsx)(`div`,{className:`relative flex h-full flex-col`,children:(0,q.jsxs)(`div`,{className:`relative flex-1 overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:[(0,q.jsx)(G,{content:o,fileName:r,showEdit:c,isEditing:!1,onToggleEdit:b,extraActions:S}),(0,q.jsx)(I,{content:o})]})}):(0,q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,q.jsx)(G,{content:f?m:o,fileName:r,showEdit:c,isEditing:f,onToggleEdit:()=>f?x():b(),extraActions:S}),f?(0,q.jsx)(he,{value:m,onChange:h,onSave:y}):(0,q.jsx)(pe,{content:o,readOnly:!c,onStartEdit:b})]}),f&&(0,q.jsx)(me,{isDirty:v,isSaving:_.isPending,error:_.isError?l(`skillDetail.saveFailed`):null,onSave:y,onDiscard:x})]})}var Oe=e(r(),1);function ke({fileName:e,content:t,isBinary:n,viewMode:r=`preview`}){let{t:i}=L(`intelligence`);return n?(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:i(`skillFileContent.binaryFile`)}):t===null?(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:i(`skillFileContent.noPreviewAvailable`,{fileName:e})}):F(e,void 0)&&r===`preview`?(0,q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,q.jsx)(I,{content:t})}):(0,q.jsx)(`pre`,{className:`h-full overflow-y-auto whitespace-pre-wrap break-words p-4 font-mono text-body-small-default`,style:{color:`var(--content-default)`},children:t})}function Ae({assistantId:e,skill:t,onBack:n,onInstall:r,onRemove:a,isInstalling:o=!1,isRemoving:s=!1,swipeContainerRef:c,sourceConversationId:l}){let{t:u}=L(`intelligence`),d=x(t),f=W(t),{fileEntries:h,setSelectedPath:g,activePath:_,activeFile:b,isFilesLoading:S,fileContent:C,isBinary:w,isContentLoading:T}=U(e,t.id),[D,k]=(0,K.useState)(`preview`);(0,K.useEffect)(()=>{k(`preview`)},[_]);let[A,M]=(0,K.useState)(null);(0,K.useEffect)(()=>{M(document.getElementById(`viewport-overlays`))},[]);let N=b?F(b.name,void 0):!1,P=N?D:`raw`,I=(0,q.jsxs)(`div`,{ref:c,className:`fixed inset-0 z-40 flex flex-col overflow-hidden bg-[var(--surface-overlay)]`,style:{paddingTop:`calc(8px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))`,paddingBottom:`calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))`,paddingLeft:`calc(12px + var(--safe-area-inset-left, env(safe-area-inset-left, 0px)))`,paddingRight:`calc(12px + var(--safe-area-inset-right, env(safe-area-inset-right, 0px)))`},children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(v,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":u(`skillDetail.backToSkillsAriaLabel`),onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,q.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:t.name}),(0,q.jsx)(je,{available:d,removable:f,isInstalling:o,isRemoving:s,onInstall:r,onRemove:a})]}),(0,q.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,q.jsx)(V,{skill:t,className:`h-6 w-6 shrink-0 text-[22px] leading-none`}),(0,q.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:t.name})]}),(0,q.jsx)(y,{origin:t.origin})]}),(0,q.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description}),(0,q.jsx)(H,{skill:{origin:t.origin,sourceConversationId:l}})]}),(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsxs)(`div`,{className:`mt-6 flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl border bg-[var(--surface-lift)]`,style:{borderColor:`var(--border-hover)`},children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2`,style:{borderColor:`var(--border-hover)`},children:[(0,q.jsx)(Ne,{fileEntries:h,activePath:_,activeName:b?.name??null,onSelect:g}),(0,q.jsx)(m,{iconOnly:!0,ariaLabel:u(`skillDetail.fileViewModeAriaLabel`),value:P,onChange:k,items:[{value:`preview`,label:u(`skillDetail.preview`),icon:(0,q.jsx)(O,{"aria-hidden":!0}),disabled:!N},{value:`raw`,label:u(`skillDetail.source`),icon:(0,q.jsx)(E,{"aria-hidden":!0})}]})]}),(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:S||T?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):b?(0,q.jsx)(ke,{fileName:b.name,content:C,isBinary:w,viewMode:P}):(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:u(`skillDetail.selectFilePrompt`)})})]})})]});return A?(0,Oe.createPortal)(I,A):I}function je({available:e,removable:t,isInstalling:n,isRemoving:r,onInstall:a,onRemove:o}){let{t:s}=L(`intelligence`);return n||r?(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,"aria-label":s(`skillDetail.pendingAriaLabel`),className:`max-md:bg-[var(--surface-active)]`}):e?(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(_,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":s(`skillRow.installSkillAriaLabel`),onClick:a,disabled:!a,className:`max-md:bg-[var(--surface-active)]`}):t?(0,q.jsx)(i,{variant:`dangerGhost`,iconOnly:(0,q.jsx)(M,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":s(`skillRow.removeSkillAriaLabel`),onClick:o,disabled:!o,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`}):(0,q.jsx)(i,{variant:`dangerGhost`,iconOnly:(0,q.jsx)(M,{"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,title:s(`skillRow.bundledSkillsCannotBeRemoved`),"aria-label":s(`skillRow.bundledSkillCannotBeRemovedAriaLabel`),className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`})}function Me(e){return(e??``).endsWith(`/directory`)}function Ne({fileEntries:e,activePath:t,activeName:n,onSelect:r}){let{t:i}=L(`intelligence`),a=n??i(`skillDetail.selectAFile`);return e.length===0?(0,q.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,q.jsx)($,{}),(0,q.jsx)(`span`,{className:`truncate`,children:a})]}):(0,q.jsxs)(T.Root,{children:[(0,q.jsx)(T.Trigger,{children:(0,q.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-2 rounded-md text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,q.jsx)($,{}),(0,q.jsx)(`span`,{className:`truncate`,children:a}),(0,q.jsx)(C,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0})]})}),(0,q.jsx)(T.Content,{align:`start`,children:e.map(e=>{let n=Me(e.mimeType);return(0,q.jsx)(T.Item,{onSelect:()=>r(e.path),leftIcon:n?(0,q.jsx)(A,{}):(0,q.jsx)(k,{}),"aria-current":e.path===t?`true`:void 0,children:e.name},e.path)})})]})}function $(){return(0,q.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--surface-base)]`,"aria-hidden":!0,children:(0,q.jsx)(k,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}function Pe(){let{t:e}=L(`intelligence`);return(0,q.jsx)(b,{icon:N,iconColor:`var(--system-danger)`,title:e(`skillsErrorState.title`),subtitle:e(`skillsErrorState.subtitle`)})}function Fe(){let{t:e}=L(`intelligence`),t=oe(),{skillId:n}=c(),r=a(),u=l(),{pathname:f}=u,p=ie(),m=(0,K.useRef)(null),h=u.state,g=typeof h?.listSearch==`string`?h.listSearch:``,[_,y]=o(),x=Q(_.get(`tab`)),C=(0,K.useCallback)(e=>{let t=new URLSearchParams(_);e===`history`?t.set(`tab`,`history`):t.delete(`tab`),y(t,{replace:!0,state:u.state})},[_,y,u.state]),w=d({...te({path:{assistant_id:t},query:{include:`catalog`}}),select:e=>e.skills,refetchOnMount:`always`}),T=(0,K.useCallback)(()=>{r(`${B.superpowers}${g}`,{replace:!0})},[r,g]);fe({containerRef:m,onBack:T,enabled:p,navKey:f,prefetchHref:B.superpowers});let{handleInstall:E,handleRemove:D,isInstallingSkill:O,isRemovingSkill:k,skillPendingRemoval:A,confirmRemove:j,cancelRemove:M}=S(t,{onRemoved:T}),N=w.data,P=(0,K.useMemo)(()=>N?.find(e=>e.id===n)??null,[N,n]),F=d({...ee({path:{assistant_id:t,id:n??``}}),enabled:!!n&&P?.origin===`assistant-memory`,select:e=>e.skill.origin===`assistant-memory`?e.skill.sourceConversationId??null:null});if(!n)return(0,q.jsx)(s,{to:B.superpowers,replace:!0});if(w.isLoading)return(0,q.jsx)(J,{});if(w.isError&&!P)return(0,q.jsx)(Pe,{});if(!P&&w.isFetching)return(0,q.jsx)(J,{});if(!P)return(0,q.jsx)(b,{icon:ge,title:e(`skillDetailPage.notFoundTitle`),subtitle:e(`skillDetailPage.notFoundSubtitle`),children:(0,q.jsx)(i,{type:`button`,variant:`outlined`,className:`mt-4`,leftIcon:(0,q.jsx)(v,{"aria-hidden":!0}),onClick:T,children:e(`skillDetailPage.backToSuperpowers`)})});let I={assistantId:t,skill:P,onBack:T,onInstall:()=>E(P),onRemove:()=>D(P),isInstalling:O(P),isRemoving:k(P),sourceConversationId:F.data??void 0};return(0,q.jsxs)(q.Fragment,{children:[p?(0,q.jsx)(Ae,{...I,swipeContainerRef:m}):(0,q.jsx)(Ee,{...I,tab:x,onTabChange:C}),(0,q.jsx)(ue,{skillName:A?.name??null,onConfirm:j,onCancel:M})]})}export{Fe as SkillDetailPage};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-VBsIaC5d.js";import{t as n}from"./react-BFJW0bSv.js";import{G as r,t as i}from"./button-C8CGr0T0.js";import{d as a,h as o,n as s,p as c,u as l}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as u}from"./QueryClientProvider-EuRl-wrW.js";import{t as d}from"./useQuery-CTSuec5b.js";import{t as f}from"./jsx-runtime-BJ8jcmzB.js";import{t as p}from"./card-DUsAeHUS.js";import{o as m,s as h}from"./list-row-6uedKE84.js";import{t as g}from"./createLucideIcon-B-ZPaMbU.js";import{t as _}from"./arrow-down-to-line-BuKRLRZS.js";import{t as v}from"./arrow-left-Ciai6BHG.js";import{a as y,n as b,r as x,t as S}from"./use-skill-actions-fmrKS82_.js";import{t as C}from"./chevron-down-D1ho6wFA.js";import{t as w}from"./chevron-right-DTpkwA4e.js";import{t as T}from"./menu-Ci8JeI2H.js";import{t as E}from"./code-B7TA1KYq.js";import{t as D}from"./external-link-DCA91uI6.js";import{t as O}from"./eye-C5DUd2Vd.js";import{t as k}from"./file-text-BEpL7wIA.js";import{t as A}from"./folder-6DGJLMuE.js";import{t as j}from"./loader-circle-C9QjVTuc.js";import{t as M}from"./trash-2-DnajdgJS.js";import{t as N}from"./triangle-alert-B-18Pims.js";import{s as P}from"./src-fZcomycH.js";import{n as F,t as I}from"./file-markdown-EAw0Ryq-.js";import"./i18n-BUWcxNTo.js";import{t as L}from"./useTranslation-B0WNOwR4.js";import{a as R}from"./api-errors-DYGVb-Sh.js";import{br as z}from"./sdk.gen-B1EH6zbq.js";import{d as B}from"./routes-yNhBxUSb.js";import{Mt as ee,Pt as te,jt as ne,xn as re}from"./react-query.gen-b6xv07nF.js";import{n as ie}from"./use-is-mobile-BwSS15lq.js";import{t as ae}from"./open-workspace-file-O9Kvl0cm.js";import{t as oe}from"./use-active-assistant-id-xIjro1Qb.js";import{i as se,r as ce}from"./format-date-C-Xs-IrY.js";import{t as le}from"./diff-rows-3z2UvGPZ.js";import{t as V}from"./skill-icon-BIbPulpb.js";import{n as H,t as U}from"./use-skill-detail-files-DOp_4jeD.js";import{n as W,r as ue,t as de}from"./skills-D1Hj67P4.js";import{t as fe}from"./use-edge-swipe-back-B_LuH5u5.js";import{i as pe,n as me,r as he,t as G}from"./file-editor-Bf_DPjTQ.js";var ge=g(`search-x`,[[`path`,{d:`m13.5 8.5-5 5`,key:`1cs55j`}],[`path`,{d:`m8.5 8.5 5 5`,key:`a8mexj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]),K=e(n(),1),q=f();function J(){return(0,q.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}var _e=/^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/,ve=/^diff --git a\/(.+) b\/\1$/;function Y(e,t){let n=e.replace(/^[ab]\//,``),r=`skills/${t}/`;return n.startsWith(r)?n.slice(r.length):n}function ye(e){let t=e.slice(4).replace(/\t$/,``);return t===`/dev/null`?null:t}function be(e,t){let n=[],r=null,i=0,a=0,o=!1,s=!1;for(let c of e.split(`
+`)){if(c.startsWith(`diff --git `)){r={path:Y(ve.exec(c)?.[1]??(c.split(` `).slice(3).join(` `)||``),t),rows:[],added:0,removed:0},n.push(r),i=0,a=0,o=!1,s=!1;continue}if(!r)continue;let e=_e.exec(c);if(e){i=Number(e[1]),a=Number(e[2]),o=!0,r.rows.length>0&&r.rows.push({type:`meta`,text:c});continue}if(!c.startsWith(`\\ No newline`)){if(!o&&(c.startsWith(`+++ `)||c.startsWith(`--- `))){let e=ye(c);e!==null&&(c.startsWith(`+++ `)||!s)&&(r.path=Y(e,t),s=c.startsWith(`+++ `));continue}!o&&(c.startsWith(`index `)||c.startsWith(`new file mode `)||c.startsWith(`deleted file mode `)||c.startsWith(`similarity index `)||c.startsWith(`rename `)||c.startsWith(`old mode `)||c.startsWith(`new mode `)||c.startsWith(`Binary files `))||(c.startsWith(`+`)?(r.rows.push({type:`add`,text:c.slice(1),newNo:a}),r.added+=1,a+=1):c.startsWith(`-`)?(r.rows.push({type:`del`,text:c.slice(1),oldNo:i}),r.removed+=1,i+=1):c.startsWith(` `)&&(r.rows.push({type:`ctx`,text:c.slice(1),oldNo:i,newNo:a}),i+=1,a+=1))}}return{files:n,added:n.reduce((e,t)=>e+t.added,0),removed:n.reduce((e,t)=>e+t.removed,0)}}async function xe(e,t,n){let{data:r,error:i,response:a}=await z({path:{assistant_id:e,id:t},throwOnError:!1,signal:n});if(!a||!a.ok){if(a?.status===404)return null;throw a?R(i,a):i??Error(`Failed to fetch skill history.`)}return r??null}function Se(e){return e.isLoading?!1:e.isError||e.revisionCount>0}function X(e,t){let n=!!(e&&t),r=d({queryKey:ee({path:{assistant_id:e??``,id:t}}),queryFn:({signal:n})=>xe(e??``,t,n),enabled:n,refetchOnWindowFocus:!1});return{history:r.data??null,revisions:r.data?.revisions??[],truncatedByCompaction:r.data?.truncatedByCompaction??!1,isLoading:r.isLoading,isError:r.isError}}function Ce({assistantId:e,skillId:t}){let{t:n}=L(`intelligence`),{revisions:r,truncatedByCompaction:i,isLoading:a,isError:o}=X(e,t);return a?(0,q.jsx)(J,{}):o?(0,q.jsx)(Z,{children:n(`skillRevisionHistory.loadError`)}):(0,q.jsx)(we,{skillId:t,revisions:r,truncatedByCompaction:i})}function we({skillId:e,revisions:t,truncatedByCompaction:n}){let{t:r}=L(`intelligence`);return t.length===0?(0,q.jsx)(Z,{children:r(`skillRevisionHistory.noChanges`)}):(0,q.jsxs)(P.Root,{type:`multiple`,className:`flex flex-col gap-2 p-3`,children:[t.map(t=>(0,q.jsx)(Te,{revision:t,skillId:e},t.id)),n&&(0,q.jsx)(`p`,{className:`px-1 pt-1 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:r(`skillRevisionHistory.truncatedNotice`)})]})}function Z({children:e}){return(0,q.jsx)(`p`,{className:`px-3 py-10 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e})}function Te({revision:e,skillId:t}){let{t:n}=L(`intelligence`),r=(0,K.useMemo)(()=>be(e.diff,t),[e.diff,t]);return(0,q.jsxs)(P.Item,{value:e.id,className:`overflow-hidden rounded-md border`,style:{borderColor:`var(--border-base)`},children:[(0,q.jsxs)(P.Trigger,{className:`group flex w-full items-center gap-3 px-3 py-2.5 text-left transition-colors hover:bg-[var(--surface-hover)]`,children:[(0,q.jsx)(w,{className:`h-4 w-4 shrink-0 transition-transform group-data-[state=open]:rotate-90`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,q.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,q.jsx)(`span`,{className:`block truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:se(e.changedAt)}),(0,q.jsx)(`span`,{className:`mt-0.5 block truncate text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:e.files.join(` · `)})]}),r.added>0&&(0,q.jsxs)(`span`,{className:`shrink-0 text-body-small-default tabular-nums`,style:{color:`var(--system-positive-strong)`},children:[`+`,r.added]}),r.removed>0&&(0,q.jsxs)(`span`,{className:`shrink-0 text-body-small-default tabular-nums`,style:{color:`var(--system-negative-strong)`},children:[`−`,r.removed]})]}),(0,q.jsxs)(P.Content,{className:`border-t`,style:{borderColor:`var(--border-base)`},children:[(0,q.jsx)(`p`,{className:`px-3 py-2 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:ce(e.changedAt)}),r.files.length===0?(0,q.jsx)(`p`,{className:`px-3 pb-3 text-body-small-lighter`,style:{color:`var(--content-tertiary)`},children:n(`skillRevisionHistory.noPreviewForChange`)}):r.files.map(e=>(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`p`,{className:`border-t px-3 py-1.5 font-mono text-body-small-default`,style:{borderColor:`var(--border-base)`,backgroundColor:`var(--surface-base)`,color:`var(--content-secondary)`},children:e.path}),(0,q.jsx)(`div`,{className:`py-1`,children:(0,q.jsx)(le,{rows:e.rows})})]},e.path))]})]})}function Q(e){return e===`history`?`history`:`files`}function Ee({assistantId:e,skill:t,tab:n,onTabChange:r,onBack:a,onInstall:o,onRemove:s,isInstalling:c=!1,isRemoving:l=!1,sourceConversationId:u}){let{t:d}=L(`intelligence`),f=x(t),m=W(t),{fileEntries:g,setSelectedPath:b,activePath:S,activeFile:C,isFilesLoading:w,fileContent:T,isBinary:E,isContentLoading:D}=U(e,t.id),{revisions:O,isLoading:N,isError:P}=X(e,t.id),F=Se({isLoading:N,isError:P,revisionCount:O.length}),I=F?n:`files`,R=(0,q.jsxs)(`div`,{className:`mb-4 flex items-start gap-3`,children:[(0,q.jsx)(i,{type:`button`,variant:`ghost`,iconOnly:(0,q.jsx)(v,{"aria-hidden":!0}),"aria-label":d(`skillDetail.backToSkillsAriaLabel`),onClick:a}),(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,q.jsx)(V,{skill:t,className:`h-8 w-8 text-3xl`}),(0,q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,q.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,q.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:t.name}),(0,q.jsx)(y,{origin:t.origin})]}),(0,q.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:t.description}),(0,q.jsx)(H,{skill:{origin:t.origin,sourceConversationId:u},className:`mt-1`})]})]}),f?c?(0,q.jsx)(`div`,{className:`flex h-9 items-center px-3`,children:(0,q.jsx)(j,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}})}):(0,q.jsx)(i,{type:`button`,onClick:o,disabled:!o,leftIcon:(0,q.jsx)(_,{"aria-hidden":!0}),children:d(`skillDetail.install`)}):(0,q.jsx)(i,{type:`button`,variant:m?`dangerOutline`:`outlined`,onClick:s,disabled:!m||l||!s,leftIcon:l?(0,q.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}):(0,q.jsx)(M,{"aria-hidden":!0}),children:d(`skillDetail.remove`)})]})]}),z=(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden sm:grid`,style:{gridTemplateColumns:`240px 1fr`},children:[(0,q.jsx)(`div`,{className:`max-h-40 shrink-0 overflow-y-auto border-b p-2 sm:max-h-none sm:border-b-0 sm:border-r`,style:{borderColor:`var(--border-base)`},children:w?(0,q.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,q.jsx)(j,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}})}):g.length===0?(0,q.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:d(`skillDetail.noFilesAvailable`)}):g.map(e=>{let t=S===e.path,n=(e.mimeType??``).endsWith(`/directory`);return(0,q.jsxs)(`button`,{type:`button`,onClick:()=>b(e.path),className:`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{color:t?`var(--primary-base)`:`var(--content-default)`,backgroundColor:t?`color-mix(in oklab, var(--primary-base) 10%, transparent)`:void 0},children:[n?(0,q.jsx)(A,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-mid-strong)`}}):(0,q.jsx)(k,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,q.jsx)(`span`,{className:`truncate`,children:e.name})]},e.path)})}),(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:D?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):C?(0,q.jsx)(De,{assistantId:e,skillId:t.id,fileName:C.name,filePath:C.path,content:T,isBinary:E,editable:t.kind===`installed`},`${t.id}/${C.path}`):(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:d(`skillDetail.selectFilePrompt`)})})]})});return(0,q.jsxs)(`div`,{className:`flex h-[calc(100vh-14rem)] flex-col`,children:[R,(0,q.jsxs)(h.Root,{value:I,onValueChange:e=>r(Q(e)),className:`flex min-h-0 flex-1 flex-col`,children:[F&&(0,q.jsxs)(h.List,{className:`mb-3`,children:[(0,q.jsx)(h.Trigger,{value:`files`,children:d(`skillDetail.filesTab`)}),(0,q.jsx)(h.Trigger,{value:`history`,children:d(`skillDetail.historyTab`)})]}),(0,q.jsx)(h.Panel,{value:`files`,forceMount:!0,className:`min-h-0 flex-1 flex-col`,style:{display:I===`files`?`flex`:`none`},children:z}),F&&(0,q.jsx)(h.Panel,{value:`history`,className:`flex min-h-0 flex-1 flex-col`,children:(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:(0,q.jsx)(Ce,{assistantId:e,skillId:t.id})})})})]})]})}function De({assistantId:e,skillId:n,fileName:r,filePath:a,content:o,isBinary:s,editable:c}){let{t:l}=L(`intelligence`),d=u(),[f,p]=(0,K.useState)(!1),[m,h]=(0,K.useState)(``),g=`skills/${n}/${a}`,_=re({onSuccess:()=>{p(!1),h(``),d.invalidateQueries({queryKey:[{_id:`skillsByIdFilesContentGet`}]}),d.invalidateQueries({queryKey:[{_id:`skillsByIdFilesGet`}]}),d.invalidateQueries({queryKey:[{_id:`skillsByIdHistoryGet`}]}),a===`SKILL.md`&&de(d,e)},onError:e=>{t(e,{context:`skill-file-save`,bestEffort:!0})}}),v=f&&m!==(o??``),y=(0,K.useCallback)(()=>{!v||_.isPending||_.mutate({path:{assistant_id:e},body:{path:g,content:m,encoding:`utf8`}})},[v,_,e,g,m]),b=(0,K.useCallback)(()=>{p(!0),h(o??``),_.reset()},[o,_]),x=(0,K.useCallback)(()=>{p(!1),h(``),_.reset()},[_]);if(s)return(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:l(`skillFileContent.binaryFile`)});if(o===null)return(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:l(`skillFileContent.noPreviewAvailable`,{fileName:r})});let S=c?(0,q.jsx)(i,{variant:`ghost`,size:`regular`,iconOnly:(0,q.jsx)(D,{"aria-hidden":!0}),onClick:()=>void ae(g),"aria-label":l(`skillDetail.openInWorkspaceAriaLabel`),className:`hover:bg-[var(--surface-base)]`}):void 0;return F(r,void 0)&&!f?(0,q.jsx)(`div`,{className:`relative flex h-full flex-col`,children:(0,q.jsxs)(`div`,{className:`relative flex-1 overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:[(0,q.jsx)(G,{content:o,fileName:r,showEdit:c,isEditing:!1,onToggleEdit:b,extraActions:S}),(0,q.jsx)(I,{content:o})]})}):(0,q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,q.jsx)(G,{content:f?m:o,fileName:r,showEdit:c,isEditing:f,onToggleEdit:()=>f?x():b(),extraActions:S}),f?(0,q.jsx)(he,{value:m,onChange:h,onSave:y}):(0,q.jsx)(pe,{content:o,readOnly:!c,onStartEdit:b})]}),f&&(0,q.jsx)(me,{isDirty:v,isSaving:_.isPending,error:_.isError?l(`skillDetail.saveFailed`):null,onSave:y,onDiscard:x})]})}var Oe=e(r(),1);function ke({fileName:e,content:t,isBinary:n,viewMode:r=`preview`}){let{t:i}=L(`intelligence`);return n?(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:i(`skillFileContent.binaryFile`)}):t===null?(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:i(`skillFileContent.noPreviewAvailable`,{fileName:e})}):F(e,void 0)&&r===`preview`?(0,q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,q.jsx)(I,{content:t})}):(0,q.jsx)(`pre`,{className:`h-full overflow-y-auto whitespace-pre-wrap break-words p-4 font-mono text-body-small-default`,style:{color:`var(--content-default)`},children:t})}function Ae({assistantId:e,skill:t,onBack:n,onInstall:r,onRemove:a,isInstalling:o=!1,isRemoving:s=!1,swipeContainerRef:c,sourceConversationId:l}){let{t:u}=L(`intelligence`),d=x(t),f=W(t),{fileEntries:h,setSelectedPath:g,activePath:_,activeFile:b,isFilesLoading:S,fileContent:C,isBinary:w,isContentLoading:T}=U(e,t.id),[D,k]=(0,K.useState)(`preview`);(0,K.useEffect)(()=>{k(`preview`)},[_]);let[A,M]=(0,K.useState)(null);(0,K.useEffect)(()=>{M(document.getElementById(`viewport-overlays`))},[]);let N=b?F(b.name,void 0):!1,P=N?D:`raw`,I=(0,q.jsxs)(`div`,{ref:c,className:`fixed inset-0 z-40 flex flex-col overflow-hidden bg-[var(--surface-overlay)]`,style:{paddingTop:`calc(8px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))`,paddingBottom:`calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))`,paddingLeft:`calc(12px + var(--safe-area-inset-left, env(safe-area-inset-left, 0px)))`,paddingRight:`calc(12px + var(--safe-area-inset-right, env(safe-area-inset-right, 0px)))`},children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(v,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":u(`skillDetail.backToSkillsAriaLabel`),onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,q.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:t.name}),(0,q.jsx)(je,{available:d,removable:f,isInstalling:o,isRemoving:s,onInstall:r,onRemove:a})]}),(0,q.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,q.jsx)(V,{skill:t,className:`h-6 w-6 shrink-0 text-[22px] leading-none`}),(0,q.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:t.name})]}),(0,q.jsx)(y,{origin:t.origin})]}),(0,q.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description}),(0,q.jsx)(H,{skill:{origin:t.origin,sourceConversationId:l}})]}),(0,q.jsx)(p.Root,{asChild:!0,noPadding:!0,children:(0,q.jsxs)(`div`,{className:`mt-6 flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl border bg-[var(--surface-lift)]`,style:{borderColor:`var(--border-hover)`},children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2`,style:{borderColor:`var(--border-hover)`},children:[(0,q.jsx)(Ne,{fileEntries:h,activePath:_,activeName:b?.name??null,onSelect:g}),(0,q.jsx)(m,{iconOnly:!0,ariaLabel:u(`skillDetail.fileViewModeAriaLabel`),value:P,onChange:k,items:[{value:`preview`,label:u(`skillDetail.preview`),icon:(0,q.jsx)(O,{"aria-hidden":!0}),disabled:!N},{value:`raw`,label:u(`skillDetail.source`),icon:(0,q.jsx)(E,{"aria-hidden":!0})}]})]}),(0,q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:S||T?(0,q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,q.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):b?(0,q.jsx)(ke,{fileName:b.name,content:C,isBinary:w,viewMode:P}):(0,q.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:u(`skillDetail.selectFilePrompt`)})})]})})]});return A?(0,Oe.createPortal)(I,A):I}function je({available:e,removable:t,isInstalling:n,isRemoving:r,onInstall:a,onRemove:o}){let{t:s}=L(`intelligence`);return n||r?(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,"aria-label":s(`skillDetail.pendingAriaLabel`),className:`max-md:bg-[var(--surface-active)]`}):e?(0,q.jsx)(i,{variant:`ghost`,iconOnly:(0,q.jsx)(_,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":s(`skillRow.installSkillAriaLabel`),onClick:a,disabled:!a,className:`max-md:bg-[var(--surface-active)]`}):t?(0,q.jsx)(i,{variant:`dangerGhost`,iconOnly:(0,q.jsx)(M,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":s(`skillRow.removeSkillAriaLabel`),onClick:o,disabled:!o,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`}):(0,q.jsx)(i,{variant:`dangerGhost`,iconOnly:(0,q.jsx)(M,{"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,title:s(`skillRow.bundledSkillsCannotBeRemoved`),"aria-label":s(`skillRow.bundledSkillCannotBeRemovedAriaLabel`),className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`})}function Me(e){return(e??``).endsWith(`/directory`)}function Ne({fileEntries:e,activePath:t,activeName:n,onSelect:r}){let{t:i}=L(`intelligence`),a=n??i(`skillDetail.selectAFile`);return e.length===0?(0,q.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,q.jsx)($,{}),(0,q.jsx)(`span`,{className:`truncate`,children:a})]}):(0,q.jsxs)(T.Root,{children:[(0,q.jsx)(T.Trigger,{children:(0,q.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-2 rounded-md text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,q.jsx)($,{}),(0,q.jsx)(`span`,{className:`truncate`,children:a}),(0,q.jsx)(C,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0})]})}),(0,q.jsx)(T.Content,{align:`start`,children:e.map(e=>{let n=Me(e.mimeType);return(0,q.jsx)(T.Item,{onSelect:()=>r(e.path),leftIcon:n?(0,q.jsx)(A,{}):(0,q.jsx)(k,{}),"aria-current":e.path===t?`true`:void 0,children:e.name},e.path)})})]})}function $(){return(0,q.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--surface-base)]`,"aria-hidden":!0,children:(0,q.jsx)(k,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}function Pe(){let{t:e}=L(`intelligence`);return(0,q.jsx)(b,{icon:N,iconColor:`var(--system-danger)`,title:e(`skillsErrorState.title`),subtitle:e(`skillsErrorState.subtitle`)})}function Fe(){let{t:e}=L(`intelligence`),t=oe(),{skillId:n}=c(),r=a(),u=l(),{pathname:f}=u,p=ie(),m=(0,K.useRef)(null),h=u.state,g=typeof h?.listSearch==`string`?h.listSearch:``,[_,y]=o(),x=Q(_.get(`tab`)),C=(0,K.useCallback)(e=>{let t=new URLSearchParams(_);e===`history`?t.set(`tab`,`history`):t.delete(`tab`),y(t,{replace:!0,state:u.state})},[_,y,u.state]),w=d({...te({path:{assistant_id:t},query:{include:`catalog`}}),select:e=>e.skills,refetchOnMount:`always`}),T=(0,K.useCallback)(()=>{r(`${B.superpowers}${g}`,{replace:!0})},[r,g]);fe({containerRef:m,onBack:T,enabled:p,navKey:f,prefetchHref:B.superpowers});let{handleInstall:E,handleRemove:D,isInstallingSkill:O,isRemovingSkill:k,skillPendingRemoval:A,confirmRemove:j,cancelRemove:M}=S(t,{onRemoved:T}),N=w.data,P=(0,K.useMemo)(()=>N?.find(e=>e.id===n)??null,[N,n]),F=d({...ne({path:{assistant_id:t,id:n??``}}),enabled:!!n&&P?.origin===`assistant-memory`,select:e=>e.skill.origin===`assistant-memory`?e.skill.sourceConversationId??null:null});if(!n)return(0,q.jsx)(s,{to:B.superpowers,replace:!0});if(w.isLoading)return(0,q.jsx)(J,{});if(w.isError&&!P)return(0,q.jsx)(Pe,{});if(!P&&w.isFetching)return(0,q.jsx)(J,{});if(!P)return(0,q.jsx)(b,{icon:ge,title:e(`skillDetailPage.notFoundTitle`),subtitle:e(`skillDetailPage.notFoundSubtitle`),children:(0,q.jsx)(i,{type:`button`,variant:`outlined`,className:`mt-4`,leftIcon:(0,q.jsx)(v,{"aria-hidden":!0}),onClick:T,children:e(`skillDetailPage.backToSuperpowers`)})});let I={assistantId:t,skill:P,onBack:T,onInstall:()=>E(P),onRemove:()=>D(P),isInstalling:O(P),isRemoving:k(P),sourceConversationId:F.data??void 0};return(0,q.jsxs)(q.Fragment,{children:[p?(0,q.jsx)(Ae,{...I,swipeContainerRef:m}):(0,q.jsx)(Ee,{...I,tab:x,onTabChange:C}),(0,q.jsx)(ue,{skillName:A?.name??null,onConfirm:j,onCancel:M})]})}export{Fe as SkillDetailPage};

package/dist/assets/{skill-detail-panel-NYXq557_.js → skill-detail-panel-C0ELU6iU.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-DiNp24s6.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-VkxVX0DM.js";import{d as i}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as a}from"./QueryClientProvider-EuRl-wrW.js";import{t as o}from"./useQuery-CTSuec5b.js";import{t as s}from"./jsx-runtime-BJ8jcmzB.js";import{t as c}from"./typography-DekrYXvs.js";import{t as l}from"./brain-9Csfs96f.js";import{t as u}from"./menu-ubIBmfUh.js";import{t as d}from"./ellipsis-4L6z7PhT.js";import{t as f}from"./loader-circle-DYe85z3g.js";import{t as p}from"./trash-2-V2WT_DbX.js";import"./src-CImIAPTd.js";import{t as m}from"./file-markdown-C1rEGVrN.js";import{r as h}from"./resolved-assistants-store-BNadgXqb.js";import"./i18n-C9hRT4Lf.js";import{t as g}from"./useTranslation-D9pPv-bA.js";import{d as _}from"./routes-B7wRw3UT.js";import{At as v,yn as y}from"./react-query.gen-Bbh5MII3.js";import{t as b}from"./detail-shell-D1UEZCzz.js";import{n as x,t as S}from"./use-skill-detail-files-Bg4G44J3.js";import{n as C,r as w,t as T}from"./skills-5MnTu98B.js";var E=e(n(),1),D=s();function O({skillId:e,onClose:n}){let{t:s}=g(`chat`),O=i(),k=a(),A=h.use.activeAssistantId(),[j,M]=(0,E.useState)(!1),N=o({...v({path:{assistant_id:A??``,id:e}}),select:e=>e.skill,enabled:!!A}),P=N.data,{skillMd:F,fileContent:I,isFilesPending:L,isContentPending:R}=S(A,e),z=y({onSuccess:()=>{A&&T(k,A),n()},onError:e=>{t(e,{context:`skill-detail-panel-remove`})}}),B=()=>{A&&(z.mutate({path:{assistant_id:A,id:e}}),M(!1))},V=N.isPending||L||F!=null&&R,H=P!=null&&C(P);return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(b,{icon:P?.emoji?(0,D.jsx)(`span`,{className:`text-xl leading-none`,"aria-hidden":!0,children:P.emoji}):void 0,Glyph:l,title:P?.name??`Skill`,closeLabel:`Close skill details`,onClose:n,headerActions:H?(0,D.jsxs)(u.Root,{children:[(0,D.jsx)(u.Trigger,{asChild:!0,children:(0,D.jsx)(r,{variant:`outlined`,iconOnly:(0,D.jsx)(d,{}),"aria-label":s(`skillDetailPanel.actionsAria`),tooltip:s(`skillDetailPanel.moreTooltip`),className:`shrink-0`})}),(0,D.jsx)(u.Content,{side:`bottom`,align:`end`,children:(0,D.jsx)(u.Item,{leftIcon:(0,D.jsx)(p,{size:14}),onSelect:()=>M(!0),children:`Remove skill`})})]}):void 0,footer:(0,D.jsx)(`div`,{className:`flex justify-end`,children:(0,D.jsx)(r,{onClick:()=>O(_.skills.detail(e)),children:`Go to Skill`})}),children:N.isError&&!P?(0,D.jsx)(c,{variant:`body-medium-lighter`,as:`p`,className:`py-8 text-center text-[var(--content-tertiary)]`,children:`This skill could not be loaded. It may have been removed.`}):V?(0,D.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,D.jsx)(f,{className:`h-5 w-5 animate-spin text-[var(--content-tertiary)]`})}):(0,D.jsxs)(D.Fragment,{children:[P?.description&&(0,D.jsx)(c,{variant:`body-medium-lighter`,as:`p`,className:`mb-4 text-[var(--content-secondary)]`,children:P.description}),P&&(0,D.jsx)(x,{skill:P,className:`mb-4`,onNavigate:n}),I&&(0,D.jsx)(m,{content:I})]})}),(0,D.jsx)(w,{skillName:j&&P?P.name:null,onConfirm:B,onCancel:()=>M(!1)})]})}export{O as SkillDetailPanel};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-VBsIaC5d.js";import{t as n}from"./react-BFJW0bSv.js";import{t as r}from"./button-C8CGr0T0.js";import{d as i}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as a}from"./QueryClientProvider-EuRl-wrW.js";import{t as o}from"./useQuery-CTSuec5b.js";import{t as s}from"./jsx-runtime-BJ8jcmzB.js";import{t as c}from"./typography-DekrYXvs.js";import{t as l}from"./brain-9Csfs96f.js";import{t as u}from"./menu-Ci8JeI2H.js";import{t as d}from"./ellipsis-DLgXzWgN.js";import{t as f}from"./loader-circle-C9QjVTuc.js";import{t as p}from"./trash-2-DnajdgJS.js";import"./src-fZcomycH.js";import{t as m}from"./file-markdown-EAw0Ryq-.js";import{r as h}from"./resolved-assistants-store-WYf8r7Om.js";import"./i18n-BUWcxNTo.js";import{t as g}from"./useTranslation-B0WNOwR4.js";import{d as _}from"./routes-yNhBxUSb.js";import{bn as v,jt as y}from"./react-query.gen-b6xv07nF.js";import{t as b}from"./detail-shell-B2JuhWPj.js";import{n as x,t as S}from"./use-skill-detail-files-DOp_4jeD.js";import{n as C,r as w,t as T}from"./skills-D1Hj67P4.js";var E=e(n(),1),D=s();function O({skillId:e,onClose:n}){let{t:s}=g(`chat`),O=i(),k=a(),A=h.use.activeAssistantId(),[j,M]=(0,E.useState)(!1),N=o({...y({path:{assistant_id:A??``,id:e}}),select:e=>e.skill,enabled:!!A}),P=N.data,{skillMd:F,fileContent:I,isFilesPending:L,isContentPending:R}=S(A,e),z=v({onSuccess:()=>{A&&T(k,A),n()},onError:e=>{t(e,{context:`skill-detail-panel-remove`})}}),B=()=>{A&&(z.mutate({path:{assistant_id:A,id:e}}),M(!1))},V=N.isPending||L||F!=null&&R,H=P!=null&&C(P);return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(b,{icon:P?.emoji?(0,D.jsx)(`span`,{className:`text-xl leading-none`,"aria-hidden":!0,children:P.emoji}):void 0,Glyph:l,title:P?.name??`Skill`,closeLabel:`Close skill details`,onClose:n,headerActions:H?(0,D.jsxs)(u.Root,{children:[(0,D.jsx)(u.Trigger,{asChild:!0,children:(0,D.jsx)(r,{variant:`outlined`,iconOnly:(0,D.jsx)(d,{}),"aria-label":s(`skillDetailPanel.actionsAria`),tooltip:s(`skillDetailPanel.moreTooltip`),className:`shrink-0`})}),(0,D.jsx)(u.Content,{side:`bottom`,align:`end`,children:(0,D.jsx)(u.Item,{leftIcon:(0,D.jsx)(p,{size:14}),onSelect:()=>M(!0),children:`Remove skill`})})]}):void 0,footer:(0,D.jsx)(`div`,{className:`flex justify-end`,children:(0,D.jsx)(r,{onClick:()=>O(_.skills.detail(e)),children:`Go to Skill`})}),children:N.isError&&!P?(0,D.jsx)(c,{variant:`body-medium-lighter`,as:`p`,className:`py-8 text-center text-[var(--content-tertiary)]`,children:`This skill could not be loaded. It may have been removed.`}):V?(0,D.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,D.jsx)(f,{className:`h-5 w-5 animate-spin text-[var(--content-tertiary)]`})}):(0,D.jsxs)(D.Fragment,{children:[P?.description&&(0,D.jsx)(c,{variant:`body-medium-lighter`,as:`p`,className:`mb-4 text-[var(--content-secondary)]`,children:P.description}),P&&(0,D.jsx)(x,{skill:P,className:`mb-4`,onNavigate:n}),I&&(0,D.jsx)(m,{content:I})]})}),(0,D.jsx)(w,{skillName:j&&P?P.name:null,onConfirm:B,onCancel:()=>M(!1)})]})}export{O as SkillDetailPanel};

package/dist/assets/{skills-5MnTu98B.js → skills-D1Hj67P4.js}

@@ -1 +1 @@
-import{t as e}from"./jsx-runtime-BJ8jcmzB.js";import"./src-CImIAPTd.js";import{t}from"./confirm-dialog-Drw1adml.js";import{Pt as n}from"./react-query.gen-Bbh5MII3.js";var r=e();function i({skillName:e,onConfirm:n,onCancel:i}){return(0,r.jsx)(t,{open:e!==null,title:`Remove skill`,message:e?`Remove "${e}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:n,onCancel:i})}function a(e){return e.kind===`installed`}function o(e,t){e.invalidateQueries({queryKey:n({path:{assistant_id:t}})})}export{a as n,i as r,o as t};
+import{t as e}from"./jsx-runtime-BJ8jcmzB.js";import"./src-fZcomycH.js";import{t}from"./confirm-dialog-DYmL6FRe.js";import{Ft as n}from"./react-query.gen-b6xv07nF.js";var r=e();function i({skillName:e,onConfirm:n,onCancel:i}){return(0,r.jsx)(t,{open:e!==null,title:`Remove skill`,message:e?`Remove "${e}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:n,onCancel:i})}function a(e){return e.kind===`installed`}function o(e,t){e.invalidateQueries({queryKey:n({path:{assistant_id:t}})})}export{a as n,i as r,o as t};

package/dist/assets/{skills-page-B_VTCiN2.js → skills-page-C2IgyFrj.js}

@@ -1 +1 @@
-import{h as e,n as t}from"./chunk-5KNZJZUH-BUqIilZr.js";import{t as n}from"./jsx-runtime-BJ8jcmzB.js";import{d as r}from"./routes-B7wRw3UT.js";var i=n();function a(){let[n]=e(),a=n.get(`skill`);if(a)return(0,i.jsx)(t,{to:r.skills.detail(a),replace:!0});let o=n.toString();return(0,i.jsx)(t,{to:`${r.superpowers}${o?`?${o}`:``}`,replace:!0})}export{a as SkillsPage};
+import{h as e,n as t}from"./chunk-5KNZJZUH-BUqIilZr.js";import{t as n}from"./jsx-runtime-BJ8jcmzB.js";import{d as r}from"./routes-yNhBxUSb.js";var i=n();function a(){let[n]=e(),a=n.get(`skill`);if(a)return(0,i.jsx)(t,{to:r.skills.detail(a),replace:!0});let o=n.toString();return(0,i.jsx)(t,{to:`${r.superpowers}${o?`?${o}`:``}`,replace:!0})}export{a as SkillsPage};

package/dist/assets/sound-manager-C1Ena3dx.js

@@ -0,0 +1 @@
+import{n as e}from"./api-errors-DYGVb-Sh.js";import{Jr as t}from"./sdk.gen-B1EH6zbq.js";var n=[`aiff`,`wav`,`mp3`,`m4a`,`caf`],r=[`task_complete`,`needs_input`,`task_failed`,`notification`,`new_conversation`,`message_sent`,`character_poke`,`random`];function i(){let e={};for(let t of r)e[t]={enabled:!1,sounds:[]};return{globalEnabled:!1,volume:.7,events:e}}function a(e){let t=e.lastIndexOf(`.`);return t<0||t===e.length-1?``:e.slice(t+1).toLowerCase()}function o(e){let t=a(e);return n.includes(t)}function s(e){return!e||e.includes(`/`)||e.includes(`\\`)||e.includes(`..`)?!1:o(e)}function c(e){let t=e.lastIndexOf(`.`);return t<=0?e:e.slice(0,t)}var l=`data/sounds`;async function u(n,r){if(!s(r))return null;try{let{data:i,error:a,response:o}=await t({path:{assistant_id:n},query:{path:`${l}/${r}`},parseAs:`blob`,throwOnError:!1});return e(o,a,`Failed to fetch sound file`),!o.ok||!i?null:i}catch{return null}}function d(e){return Number.isFinite(e)?e<0?0:e>1?1:e:.7}var f=class{assistantId=null;config=null;featureEnabled=!1;cache=new Map;pendingFetches=new Map;audioContext=null;setAssistantId(e){e!==this.assistantId&&(this.assistantId=e,this.clearCache())}setConfig(e){this.config=e}setFeatureEnabled(e){this.featureEnabled=e}async play(e){if(!this.featureEnabled)return;let t=this.config;if(!t||!t.globalEnabled)return;let n=t.events[e];if(!n?.enabled)return;let r=d(t.volume),i=n.sounds.filter(s);if(i.length===0){this.playFallbackBlip(r);return}let a=i[Math.floor(Math.random()*i.length)];if(!a){this.playFallbackBlip(r);return}await this.playFile(a,r)||this.playFallbackBlip(r)}async previewSound(e,t){if(!this.featureEnabled)return;let n=d(t??this.config?.volume??.7);await this.playFile(e,n)||this.playFallbackBlip(n)}async previewFallbackBlip(e){if(!this.featureEnabled)return;let t=d(e??this.config?.volume??.7);this.playFallbackBlip(t)}clearCache(){for(let e of this.cache.values())URL.revokeObjectURL(e.url);this.cache.clear(),this.pendingFetches.clear()}async playFile(e,t){if(!s(e))return!1;let n=await this.getOrFetch(e);if(!n)return!1;try{let e=new Audio(n.url);return e.volume=t,await e.play(),!0}catch{return!1}}async getOrFetch(e){let t=this.cache.get(e);if(t)return t;let n=this.pendingFetches.get(e);if(n)return n;let r=this.assistantId;if(!r)return null;let i=(async()=>{try{let t=await u(r,e);if(!t)return null;let n={url:URL.createObjectURL(t)};return this.cache.set(e,n),n}finally{this.pendingFetches.delete(e)}})();return this.pendingFetches.set(e,i),i}playFallbackBlip(e){if(!(typeof window>`u`))try{let t=window.AudioContext||window.webkitAudioContext;if(!t)return;this.audioContext||=new t;let n=this.audioContext;n.state===`suspended`&&n.resume();let r=n.createOscillator(),i=n.createGain();r.type=`sine`,r.frequency.setValueAtTime(880,n.currentTime);let a=Math.max(0,Math.min(1,e))*.25;i.gain.setValueAtTime(0,n.currentTime),i.gain.linearRampToValueAtTime(a,n.currentTime+.01),i.gain.exponentialRampToValueAtTime(1e-4,n.currentTime+.18),r.connect(i),i.connect(n.destination),r.start(),r.stop(n.currentTime+.2)}catch{}}},p=null;function m(){return p||=new f,p}export{c as i,r as n,i as r,m as t};

package/dist/assets/sounds-page-CNJjeQDS.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{n}from"./QueryClientProvider-EuRl-wrW.js";import{t as r}from"./useQuery-CTSuec5b.js";import{t as i}from"./useMutation-D2YPyfEH.js";import{t as a}from"./jsx-runtime-BJ8jcmzB.js";import{t as o}from"./card-DUsAeHUS.js";import{t as s}from"./chevron-down-D1ho6wFA.js";import{t as c}from"./play-DTmq7Qfg.js";import{t as l}from"./trash-2-DnajdgJS.js";import{t as u}from"./toggle-0qt1e_3r.js";import"./i18n-BUWcxNTo.js";import{t as d}from"./useTranslation-B0WNOwR4.js";import{Bt as f,Gt as p,Ht as m,Wt as h}from"./react-query.gen-b6xv07nF.js";import{i as g,n as _,r as v,t as y}from"./sound-manager-C1Ena3dx.js";import{t as b}from"./use-active-assistant-id-xIjro1Qb.js";var x=e(t(),1),S=a(),C={task_complete:`soundsSections.soundEventTaskComplete`,needs_input:`soundsSections.soundEventNeedsInput`,task_failed:`soundsSections.soundEventTaskFailed`,notification:`soundsSections.soundEventNotification`,new_conversation:`soundsSections.soundEventNewConversation`,message_sent:`soundsSections.soundEventMessageSent`,character_poke:`soundsSections.soundEventCharacterPoke`,random:`soundsSections.soundEventRandom`};function w(e,t){return t(C[e])}function T({label:e,description:t,checked:n,disabled:r,onChange:i}){return(0,S.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-1`,children:[(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`div`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e}),t&&(0,S.jsx)(`div`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:t})]}),(0,S.jsx)(u,{checked:n,disabled:r,onChange:i,label:e})]})}function E(){return(0,S.jsx)(`div`,{className:`border-t border-[var(--border-base)]`})}function D({event:e,eventConfig:t,availableSounds:n,globalEnabled:r,onToggle:i,onAddSound:a,onRemoveSound:o,onPreview:d,t:f}){let[p,m]=(0,x.useState)(!1),h=w(e,f),_=n.filter(e=>!t.sounds.includes(e.filename)),v=n.length>0&&_.length===0;return(0,S.jsxs)(`div`,{className:`py-3`,children:[(0,S.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,S.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:h}),(0,S.jsx)(u,{checked:t.enabled,disabled:!r,onChange:i,label:f(`soundsSections.enableEvent`,{eventName:h})})]}),t.enabled&&(0,S.jsxs)(`div`,{className:`mt-2 space-y-1 pl-2`,children:[t.sounds.length===0?(0,S.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:f(`soundsSections.defaultBlip`)}):t.sounds.map(e=>(0,S.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,S.jsx)(`span`,{className:`truncate text-body-small-default text-[var(--content-secondary)]`,title:e,children:g(e)}),(0,S.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,S.jsx)(`button`,{type:`button`,onClick:()=>d(e),className:`inline-flex items-center rounded-md px-1.5 py-0.5 text-body-small-default text-[var(--content-tertiary)] hover:bg-[var(--surface-base)] dark:text-[var(--content-disabled)] dark:hover:bg-[var(--ghost-hover)]`,"aria-label":f(`soundsSections.previewSoundAriaLabel`,{filename:e}),children:(0,S.jsx)(c,{className:`h-3 w-3`})}),(0,S.jsx)(`button`,{type:`button`,onClick:()=>o(e),className:`inline-flex items-center rounded-md px-1.5 py-0.5 text-body-small-default text-[var(--content-tertiary)] hover:bg-[var(--surface-base)] dark:text-[var(--content-disabled)] dark:hover:bg-[var(--ghost-hover)]`,"aria-label":f(`soundsSections.removeSoundAriaLabel`,{filename:e}),children:(0,S.jsx)(l,{className:`h-3 w-3`})})]})]},e)),n.length===0?(0,S.jsx)(`p`,{className:`text-body-small-default italic text-[var(--content-disabled)]`,children:f(`soundsSections.noSoundFiles`)}):v?(0,S.jsx)(`button`,{type:`button`,disabled:!0,className:`inline-flex items-center gap-1 rounded-md border border-[var(--border-base)] bg-white px-2 py-1 text-body-small-default text-[var(--content-disabled)] disabled:cursor-not-allowed dark:bg-[var(--surface-lift)] dark:text-[var(--content-tertiary)]`,children:f(`soundsSections.allSoundsAdded`)}):(0,S.jsxs)(`div`,{className:`relative inline-block`,children:[(0,S.jsxs)(`button`,{type:`button`,onClick:()=>m(e=>!e),className:`inline-flex items-center gap-1 rounded-md border border-[var(--border-base)] bg-white px-2 py-1 text-body-small-default text-[var(--content-default)] hover:bg-[var(--surface-base)] dark:bg-[var(--surface-lift)] dark:hover:bg-[var(--ghost-hover)]`,children:[f(`soundsSections.addSound`),(0,S.jsx)(s,{className:`h-3 w-3`})]}),p&&(0,S.jsx)(`div`,{className:`absolute left-0 z-10 mt-1 max-h-64 w-56 overflow-auto rounded-md border border-[var(--border-base)] bg-white p-1 shadow-lg dark:bg-[var(--surface-lift)]`,onMouseLeave:()=>m(!1),children:_.map(e=>(0,S.jsx)(`button`,{type:`button`,onClick:()=>{a(e.filename),m(!1)},className:`block w-full truncate rounded px-2 py-1 text-left text-body-small-default text-[var(--content-default)] hover:bg-[var(--surface-base)] dark:hover:bg-[var(--ghost-hover)]`,title:e.filename,children:e.label},e.filename))})]})]})]})}function O(){let{t:e}=d(`settings`),t=n(),a=b(),s=(0,x.useMemo)(()=>m({path:{assistant_id:a}}),[a]),l=(0,x.useMemo)(()=>f({path:{assistant_id:a}}),[a]),{data:u}=r(s),{data:g}=r(l),C=u??v(),w=g?.sounds??[],O=(0,x.useMemo)(()=>({path:{assistant_id:a}}),[a]),k=i({...p(O),onMutate:async e=>{await t.cancelQueries({queryKey:s.queryKey});let n=t.getQueryData(s.queryKey);return h(t,O,e.body),{previous:n}},onError:(e,n,r)=>{r?.previous!==void 0&&h(t,O,r.previous)},onSettled:()=>{t.invalidateQueries({queryKey:s.queryKey})}}),A=(0,x.useCallback)(e=>{let n=e(t.getQueryData(s.queryKey)??v());k.mutate({path:{assistant_id:a},body:n})},[a,s.queryKey,t,k]),j=e=>{A(t=>({...t,globalEnabled:e}))},M=e=>{A(t=>({...t,volume:e}))},[N,P]=(0,x.useState)(null),F=N??C.volume,I=(e,t)=>{A(n=>({...n,events:{...n.events,[e]:{...n.events[e]??{enabled:!1,sounds:[]},enabled:t}}}))},L=(e,t)=>{A(n=>{let r=n.events[e]??{enabled:!0,sounds:[]};return r.sounds.includes(t)?n:{...n,events:{...n.events,[e]:{...r,sounds:[...r.sounds,t]}}}})},R=(e,t)=>{A(n=>{let r=n.events[e];return r?{...n,events:{...n.events,[e]:{...r,sounds:r.sounds.filter(e=>e!==t)}}}:n})},z=()=>{y().previewFallbackBlip(C.volume)},B=e=>{y().previewSound(e,C.volume)};return(0,S.jsxs)(`div`,{className:`space-y-6`,children:[(0,S.jsxs)(o,{children:[(0,S.jsx)(T,{label:e(`soundsSections.enableSoundEffects`),description:e(`soundsSections.enableSoundEffectsDescription`),checked:C.globalEnabled,onChange:j}),(0,S.jsx)(E,{}),(0,S.jsxs)(`div`,{className:`flex items-center gap-3 py-3`,children:[(0,S.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e(`soundsSections.volume`)}),(0,S.jsx)(`input`,{type:`range`,min:0,max:1,step:.05,value:F,onChange:e=>P(parseFloat(e.target.value)),onPointerUp:e=>{let t=parseFloat(e.currentTarget.value);P(null),t!==C.volume&&M(t)},onKeyUp:e=>{let t=parseFloat(e.currentTarget.value);P(null),t!==C.volume&&M(t)},onBlur:e=>{let t=parseFloat(e.currentTarget.value);P(null),t!==C.volume&&M(t)},className:`h-1 w-48 cursor-pointer`,disabled:!C.globalEnabled,"aria-label":e(`soundsSections.volumeAriaLabel`)}),(0,S.jsxs)(`span`,{className:`tabular-nums text-body-small-default text-[var(--content-tertiary)]`,children:[Math.round(F*100),`%`]})]}),(0,S.jsx)(E,{}),(0,S.jsxs)(`div`,{className:`flex items-center justify-between py-3`,children:[(0,S.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e(`soundsSections.previewDefaultBlip`)}),(0,S.jsxs)(`button`,{type:`button`,onClick:z,disabled:!C.globalEnabled,className:`inline-flex items-center gap-1.5 rounded-md border border-[var(--border-base)] bg-white px-3 py-1.5 text-body-medium-lighter text-[var(--content-default)] hover:bg-[var(--surface-base)] disabled:cursor-not-allowed disabled:opacity-50 dark:bg-[var(--surface-lift)] dark:hover:bg-[var(--ghost-hover)]`,children:[(0,S.jsx)(c,{className:`h-3.5 w-3.5`}),e(`soundsSections.preview`)]})]})]}),(0,S.jsxs)(o,{children:[(0,S.jsxs)(`div`,{className:`pb-2`,children:[(0,S.jsx)(`h3`,{className:`text-title-small text-[var(--content-default)]`,children:e(`soundsSections.soundEventsTitle`)}),(0,S.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(`soundsSections.soundEventsDescription`)})]}),(0,S.jsx)(`div`,{className:`divide-y divide-[var(--border-base)]`,children:_.map(t=>(0,S.jsx)(D,{event:t,eventConfig:C.events[t]??{enabled:!1,sounds:[]},availableSounds:w,globalEnabled:C.globalEnabled,onToggle:e=>I(t,e),onAddSound:e=>L(t,e),onRemoveSound:e=>R(t,e),onPreview:e=>B(e),t:e},t))})]})]})}function k(){return(0,S.jsx)(O,{})}export{k as SoundsPage};