@vellumai/web 0.12.1 → 0.12.2-staging.3

package/dist/assets/superpowers-page-CMOvPhlc.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$n as t,Af as n,Cx as r,Fx as i,Ha as a,Ix as o,Kb as s,Mx as c,Nx as l,Sx as u,Tb as d,Ub as f,Ux as p,Vx as m,__ as h,_c as g,_x as _,bi as v,et as y,g_ as b,gf as x,hf as S,ih as C,ip as ee,kf as w,kr as T,lb as te,ls as ne,m as E,mf as D,np as re,pf as ie,rp as ae,v_ as oe,wn as se,wx as O,y_ as ce}from"./app-DFXcEvsi.js";import{I as k,Jn as A,Zn as j,er as le,j as M}from"./vendor-DYOeoIwg.js";import{_ as ue,b as de,d as fe,f as pe,t as N,x as me}from"./react-B9IgSVeK.js";import{$n as he,An as ge,Bi as _e,E as ve,Ja as ye,N as be,Nt as P,Q as xe,Ra as Se,Sn as F,Sr as Ce,Va as I,Xr as we,_t as Te,aa as Ee,hr as De,ht as Oe,i as ke,k as Ae,ma as je,ni as Me,nr as L,on as Ne,ot as R,pi as Pe,qi as Fe,qn as z,r as B,vi as Ie,y as Le,yr as Re,zi as V,zn as ze}from"./icons-QG1KAFmx.js";import{a as H,i as Be,n as Ve,o as He,r as Ue,t as We}from"./use-skill-actions-BNpUjvgz.js";import{t as Ge}from"./skill-icon-DLqnaRMf.js";import{t as Ke}from"./skill-removal-dialog-CkduZswH.js";import{t as qe}from"./plugins-surface-2i_lZYet.js";var Je=ye(`funnel`,[[`path`,{d:`M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z`,key:`sc7q7i`}]]),U=e(me(),1),W=N(),Ye={sm:`h-7 w-7`,md:`h-8 w-8 text-3xl`};function Xe({external:e=!1,icon:t,iconUrl:n,iconSrc:r,size:i=`sm`,className:o}){let[s,c]=(0,U.useState)(!1),l=r??n;(0,U.useEffect)(()=>{c(!1)},[l]);let u=t||(e?`📦`:`🧩`),d=!!l&&!s;return(0,W.jsx)(`span`,{className:a(`flex shrink-0 items-center justify-center`,Ye[i],o),children:d?(0,W.jsx)(`img`,{src:l,alt:``,"aria-hidden":!0,loading:`lazy`,className:`h-full w-full object-contain`,onError:()=>c(!0)}):u})}var Ze=e=>k(`pluginConstants.removeConfirmMessage`,{ns:`intelligence`,name:e}),Qe=e=>k(`pluginConstants.riskyUpgradeConfirmMessage`,{ns:`intelligence`,name:e}),$e=k(`pluginConstants.riskyUpgradeConfirmLabel`,{ns:`intelligence`}),et=k(`pluginConstants.installError`,{ns:`intelligence`}),tt=k(`pluginConstants.removeError`,{ns:`intelligence`}),nt=k(`pluginConstants.upgradeError`,{ns:`intelligence`}),rt=k(`pluginConstants.toggleError`,{ns:`intelligence`});function G(e){return e!==void 0&&e.startsWith(`https://`)}function it(e,t){let n=e.map(e=>({name:e.name,description:e.description??void 0,status:`installed`,external:void 0,version:e.version??void 0,path:e.path,issues:e.issues,enabled:e.enabled,icon:e.icon,hasIcon:e.hasIcon,iconVersion:e.iconVersion})),r=new Set(n.map(e=>e.name)),i=t.filter(e=>!r.has(e.name)).map(e=>({name:e.name,description:e.description,status:`available`,external:!0,path:e.path,...G(e.icon)?{iconUrl:e.icon}:{icon:e.icon}}));return[...n,...i]}function at(e,t){let n=t.trim().toLowerCase();return n?[e.name,e.description].some(e=>e?.toLowerCase().includes(n)):!0}function ot(e){return[...e].sort((e,t)=>{let n=e.status===`installed`;return n===(t.status===`installed`)?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):n?-1:1})}function st(e,t){switch(t){case`all`:return e;case`available`:return e.filter(e=>e.status===`available`);case`installed`:return e.filter(e=>e.status===`installed`);case`active`:return e.filter(e=>e.status===`installed`&&e.enabled!==!1);case`off`:return e.filter(e=>e.status===`installed`&&e.enabled===!1)}}function ct(e){return e?e.slice(0,7):`unknown`}function lt(e){try{return new URL(e,window.location.href).pathname.split(`/`).pop()||`plugin-artifact`}catch{return`plugin-artifact`}}function ut({plugin:e,surfaces:t=null,className:n}){let{t:r}=M(`intelligence`),i=e.source?.kind===`github`?e.source.repo:r(`pluginDetailShared.localSource`),o=e.source?.kind===`github`?`https://github.com/${e.source.repo}`:null,s=[{label:r(`pluginDetailShared.sourceLabel`),value:i,href:o??void 0}];return e.homepage&&s.push({label:r(`pluginDetailShared.homepageLabel`),value:e.homepage,href:e.homepage}),e.license&&s.push({label:r(`pluginDetailShared.licenseLabel`),value:e.license}),t&&(t.skills.length>0&&s.push({label:r(`pluginDetailShared.skillsLabel`),value:String(t.skills.length)}),t.hooks.length>0&&s.push({label:r(`pluginDetailShared.hooksLabel`),value:String(t.hooks.length)}),t.tools.length>0&&s.push({label:r(`pluginDetailShared.toolsLabel`),value:String(t.tools.length)})),(0,W.jsx)(`dl`,{className:a(`mb-5 grid gap-x-6 gap-y-2 border-b pb-5 sm:grid-cols-[max-content_1fr]`,n),style:{borderColor:`var(--border-base)`},children:s.map(e=>(0,W.jsxs)(`div`,{className:`contents`,children:[(0,W.jsx)(`dt`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.label}),(0,W.jsx)(`dd`,{className:`min-w-0 truncate text-body-small-default`,style:{color:`var(--content-secondary)`},children:e.href?(0,W.jsxs)(`a`,{href:e.href,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center gap-1 underline`,style:{color:`var(--primary-base, #60a5fa)`},children:[e.value,(0,W.jsx)(we,{className:`h-3 w-3`,"aria-hidden":!0})]}):e.value})]},e.label))})}function dt({plugin:e,drift:t,onInstall:n,onRemove:r,onUpgrade:i,isInstalling:a,isRemoving:o,isUpgrading:s,hasLocalEdits:l,enabled:d,onToggle:f,isToggling:m}){let{t:h}=M(`intelligence`),[g,_]=(0,U.useState)(!1),[v,y]=(0,U.useState)(!1),b=e.installed??!1,x=e.artifact??null,S=t?.status===`update-available`,C=S?h(`pluginDetailShared.upgradeTitle`,{fromSha:ct(t?.local?.commit??null),toSha:ct(t?.remote?.commit??null)}):void 0;return(0,W.jsxs)(W.Fragment,{children:[b?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 md:flex-nowrap md:shrink-0`,children:[d!==void 0&&f?(0,W.jsx)(c,{label:h(`pluginDetailShared.autoIncludeInChat`),checked:d,onChange:()=>f(),disabled:m}):null,x?(0,W.jsx)(p,{type:`button`,leftIcon:(0,W.jsx)(Me,{"aria-hidden":!0}),onClick:()=>void T(x.url,lt(x.url)),children:x.label??h(`pluginDetailShared.download`)}):null,S?(0,W.jsx)(p,{type:`button`,onClick:()=>{if(l){y(!0);return}i()},disabled:s,title:C,leftIcon:s?(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(_e,{"aria-hidden":!0}),children:h(`pluginDetailShared.upgrade`)}):null,(0,W.jsx)(p,{type:`button`,variant:`dangerOutline`,onClick:()=>_(!0),disabled:o,leftIcon:o?(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Ae,{"aria-hidden":!0}),children:h(`pluginDetailShared.remove`)})]}):(0,W.jsx)(p,{type:`button`,onClick:n,disabled:a,leftIcon:a?(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(I,{"aria-hidden":!0}),children:h(`pluginDetailShared.install`)}),(0,W.jsx)(u,{open:g,title:h(`pluginDetailShared.removePluginTitle`),message:Ze(e.name),confirmLabel:h(`pluginDetailShared.remove`),destructive:!0,onConfirm:()=>{_(!1),r()},onCancel:()=>_(!1)}),(0,W.jsx)(u,{open:v,title:h(`pluginDetailShared.upgradePluginTitle`),message:Qe(e.name),confirmLabel:$e,destructive:!0,onConfirm:()=>{y(!1),i()},onCancel:()=>y(!1)})]})}function K(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,W.jsx)(z,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function q(){let{t:e}=M(`intelligence`);return(0,W.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,W.jsx)(ve,{className:`h-6 w-6`,"aria-hidden":!0}),(0,W.jsx)(`p`,{className:`text-body-medium-default`,children:e(`pluginDetailShared.loadErrorTitle`)}),(0,W.jsx)(`p`,{className:`text-body-small-lighter`,children:e(`pluginDetailShared.loadErrorDetail`)})]})}function J({isInstallError:e,isRemoveError:t,isUpgradeError:n}){let r=e?et:t?tt:n?nt:null;return r?(0,W.jsxs)(`div`,{className:`mb-3 flex items-center gap-2 rounded px-3 py-2 text-body-small-default`,style:{backgroundColor:`var(--surface-secondary)`,color:`var(--content-warning, var(--content-tertiary))`},role:`alert`,children:[(0,W.jsx)(ve,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),r]}):null}function ft({external:e,className:t}){let{t:n}=M(`intelligence`),r=e?{label:n(`pluginOriginBadge.external`),icon:Ce}:{label:n(`pluginOriginBadge.local`),icon:Re};return(0,W.jsx)(o,{tone:`neutral`,leftIcon:(0,U.createElement)(r.icon),className:t,children:r.label})}function Y({onClick:e,isUpgrading:t=!1}={}){let{t:n}=M(`intelligence`),r=(0,W.jsx)(o,{tone:`warning`,leftIcon:(0,U.createElement)(t?z:_e,{className:t?`animate-spin`:void 0}),className:`shrink-0`,children:n(`updateAvailableBadge.updateAvailable`)});return e?(0,W.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),e()},disabled:t,"aria-label":n(`updateAvailableBadge.upgradePluginAriaLabel`),className:`shrink-0 rounded-[6px] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:cursor-not-allowed`,children:r}):r}var pt=300*1e3;function X({assistantId:e,name:t,enabled:n=!0}){return j({...D({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t&&n,staleTime:pt,retry:!1})}function mt(e){let t=e?.local?.localChanges;return!!t&&t?.clean===!1}var ht=`plugin.uninstall.mcp_oauth_credentials_unchecked`;function gt(e,t){for(let n of e??[])r.warning(t(n===ht?`pluginToast.mcpOAuthCredentialsUnchecked`:`pluginToast.cleanupWarning`))}function Z(e,t,n){let{t:i}=M(`intelligence`),a=le(),o=n?.onRemoved,s=j({...ie({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t}),c=X({assistantId:e,name:t,enabled:s.data?.installed??!1}).data,l=(0,U.useCallback)(()=>ne(a,e,t),[e,t,a]),u=ee({onSuccess:()=>{l(),r.success(i(`pluginToast.installed`,{name:t||i(`pluginToast.pluginFallback`)}))}}),d=re({onSuccess:e=>{l(),o?.(),gt(e.warnings,i)}}),f=ae({onSuccess:e=>{l(),r.success(e.outcome===`already-up-to-date`?i(`pluginToast.alreadyUpToDate`,{name:t||i(`pluginToast.pluginFallbackCapitalized`)}):i(`pluginToast.upgraded`,{name:t||i(`pluginToast.pluginFallback`),sha:ct(e.toCommit)}))}});return{plugin:s.data??null,drift:c,isLoading:s.isLoading,isError:s.isError,install:()=>{u.mutate({path:{assistant_id:e},body:{name:t}})},remove:()=>{d.mutate({path:{assistant_id:e,name:t}})},upgrade:()=>{f.mutate({path:{assistant_id:e,name:t},body:{}})},isInstalling:u.isPending,isRemoving:d.isPending,isUpgrading:f.isPending,isInstallError:u.isError,isRemoveError:d.isError,isUpgradeError:f.isError,hasLocalEdits:mt(c)}}var _t=`0.10.5`;function vt(){return C(_t)}function yt(e,t,n,r){let i=vt(),{data:a}=j({queryKey:[`pluginIcon`,e,t,r],queryFn:async()=>{let{data:n,error:r}=await oe({path:{assistant_id:e,name:t},parseAs:`blob`,throwOnError:!1});if(r||!(n instanceof Blob))throw Error(`Failed to load plugin icon`);return n},enabled:!!(i&&n&&r),staleTime:1/0,retry:!1}),[o,s]=(0,U.useState)(void 0);return(0,U.useEffect)(()=>{if(!a){s(void 0);return}let e=URL.createObjectURL(a);return s(e),()=>{URL.revokeObjectURL(e)}},[a]),o}function bt(e){let t=le(),n={queryKey:S({path:{assistant_id:e}})},i=(e,r)=>{t.setQueriesData(n,t=>t&&{...t,plugins:t.plugins.map(t=>t.name===e?{...t,enabled:r}:t)})},a=A({mutationFn:async({name:t,nextEnabled:n})=>{let r=await(n?h({path:{assistant_id:e,name:t},throwOnError:!1}):b({path:{assistant_id:e,name:t},throwOnError:!1})),i=r.response?.status;if(r.response?.ok||i===409)return r;throw Error(`Plugin toggle failed (${i??`network error`})`)},onMutate:async({name:e,nextEnabled:r})=>{await t.cancelQueries(n),i(e,r)},onError:(e,{name:t,nextEnabled:n})=>{i(t,!n),r.error(rt)},onSettled:(n,r,i)=>{ne(t,e,i.name)}});return{toggle:(e,t)=>{a.mutate({name:e,nextEnabled:t})},togglingName:a.isPending?a.variables?.name??null:null}}function xt({assistantId:e,name:t,onBack:n,externalHint:r,enabled:i}){let{plugin:a,drift:o,isLoading:s,isError:c,install:l,remove:u,upgrade:d,isInstalling:f,isRemoving:h,isUpgrading:g,isInstallError:_,isRemoveError:v,isUpgradeError:y,hasLocalEdits:b}=Z(e,t,{onRemoved:n}),{t:x}=M(`intelligence`),{toggle:S,togglingName:C}=bt(e),ee=yt(e,t,a?.hasIcon,a?.iconVersion);return(0,W.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col`,children:[(0,W.jsxs)(`div`,{className:`mb-4 flex items-start gap-3`,children:[(0,W.jsx)(p,{type:`button`,variant:`ghost`,iconOnly:(0,W.jsx)(Se,{"aria-hidden":!0}),"aria-label":x(`pluginDetail.backToPluginsAriaLabel`),onClick:n}),(0,W.jsx)(St,{name:t,plugin:a,externalHint:r,iconSrc:ee,drift:o,onInstall:l,onRemove:u,onUpgrade:d,isInstalling:f,isRemoving:h,isUpgrading:g,hasLocalEdits:b,enabled:i,onToggle:()=>S(t,!i),isToggling:C===t})]}),(_||v||y)&&(0,W.jsx)(J,{isInstallError:_,isRemoveError:v,isUpgradeError:y}),(0,W.jsx)(m.Root,{asChild:!0,children:(0,W.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:s?(0,W.jsx)(K,{}):c||!a?(0,W.jsx)(q,{}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(ut,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,W.jsx)(se,{content:a.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:x(`pluginDetail.noReadme`)})]})})})]})}function St({name:e,plugin:t,externalHint:n,iconSrc:r,drift:i,onInstall:a,onRemove:o,onUpgrade:s,isInstalling:c,isRemoving:l,isUpgrading:u,hasLocalEdits:d,enabled:f,onToggle:p,isToggling:m}){let{t:h}=M(`intelligence`),g=t?.source?.kind===`github`,_=t?g:n,v=i?.status===`update-available`;return(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[_===void 0?(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,W.jsx)(Xe,{external:_,icon:t?.icon??void 0,iconSrc:r,size:`md`}),(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,W.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:t?.name??e}),t?.version?(0,W.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:h(`pluginDetail.version`,{version:t.version})}):null,t?(0,W.jsx)(ft,{external:g}):null,v?(0,W.jsx)(Y,{}):null]}),t?.description?(0,W.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:t.description}):null]})]}),t?(0,W.jsx)(dt,{plugin:t,drift:i,onInstall:a,onRemove:o,onUpgrade:s,isInstalling:c,isRemoving:l,isUpgrading:u,hasLocalEdits:d,enabled:f,onToggle:p,isToggling:m}):null]})}var Ct=e(de(),1);function wt({assistantId:e,name:t,onBack:n,externalHint:r,enabled:i}){let{plugin:a,drift:o,isLoading:s,isError:c,install:l,remove:u,upgrade:d,isInstalling:f,isRemoving:h,isUpgrading:g,isInstallError:_,isRemoveError:v,isUpgradeError:y,hasLocalEdits:b}=Z(e,t,{onRemoved:n}),{t:x}=M(`intelligence`),{toggle:S,togglingName:C}=bt(e),[ee,w]=(0,U.useState)(null);(0,U.useEffect)(()=>{w(document.getElementById(`viewport-overlays`))},[]);let T=a?.source?.kind===`github`,te=a?T:r,ne=o?.status===`update-available`,E=a?.name??t,D=yt(e,t,a?.hasIcon,a?.iconVersion),re=(0,W.jsxs)(`div`,{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,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsx)(p,{variant:`ghost`,iconOnly:(0,W.jsx)(Se,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":x(`pluginDetail.backToPluginsAriaLabel`),onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,W.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:E}),(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0 touch-mobile:h-10 touch-mobile:w-10`})]}),(0,W.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,W.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[te===void 0?(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,W.jsx)(Xe,{external:te,icon:a?.icon??void 0,iconSrc:D,size:`md`}),(0,W.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:E})]}),(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[ne?(0,W.jsx)(Y,{}):null,a?(0,W.jsx)(ft,{external:T}):null]})]}),a?.description?(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:a.description}):null]}),a?(0,W.jsx)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:(0,W.jsx)(dt,{plugin:a,drift:o,enabled:i,onToggle:()=>S(t,!i),isToggling:C===t,onInstall:l,onRemove:u,onUpgrade:d,isInstalling:f,isRemoving:h,isUpgrading:g,hasLocalEdits:b})}):null,(_||v||y)&&(0,W.jsx)(`div`,{className:`mt-3`,children:(0,W.jsx)(J,{isInstallError:_,isRemoveError:v,isUpgradeError:y})}),(0,W.jsx)(m.Root,{asChild:!0,noPadding:!0,children:(0,W.jsx)(`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,W.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:s?(0,W.jsx)(K,{}):c||!a?(0,W.jsx)(q,{}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(ut,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,W.jsx)(se,{content:a.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:x(`pluginDetail.noReadme`)})]})})})})]});return ee?(0,Ct.createPortal)(re,ee):re}function Tt({assistantId:e,item:t,drift:n,onSelect:r,onInstall:i,onRemove:a,onUpgrade:s,isInstalling:c=!1,isRemoving:l=!1,isUpgrading:u=!1}){let{t:d}=M(`intelligence`),f=t.status===`available`,h=n?.status===`update-available`,g=t.enabled!==void 0,_=t.enabled===!1,v=yt(e,t.name,t.hasIcon,t.iconVersion);return(0,W.jsx)(m.Root,{asChild:!0,children:(0,W.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:r,onKeyDown:e=>{e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),r())},className:`flex cursor-pointer items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-[var(--surface-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]`,children:[(0,W.jsx)(Xe,{size:`sm`,external:t.external,icon:t.icon,iconUrl:t.iconUrl,iconSrc:v,className:_?`opacity-50`:void 0}),(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:_?`var(--content-tertiary)`:`var(--content-emphasised)`},children:t.name}),t.version?(0,W.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:d(`pluginListRow.version`,{version:t.version})}):null,(0,W.jsx)(o,{tone:`neutral`,leftIcon:(0,W.jsx)(P,{"aria-hidden":!0}),children:d(`pluginListRow.pluginTag`)}),h?(0,W.jsx)(Y,{onClick:s,isUpgrading:u}):null]}),(0,W.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description??d(`pluginListRow.noDescription`)}),t.issues&&t.issues.length>0?(0,W.jsxs)(`p`,{className:`mt-1 truncate text-body-small-default`,style:{color:`var(--content-warning, var(--content-tertiary))`},title:t.issues.join(`; `),children:[t.issues[0],t.issues.length>1?d(`pluginListRow.moreIssues`,{count:t.issues.length-1}):null]}):null]}),f?c?(0,W.jsx)(p,{type:`button`,iconOnly:(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":d(`pluginListRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(p,{type:`button`,iconOnly:(0,W.jsx)(I,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),i?.()},disabled:!i,"aria-label":d(`pluginListRow.installPluginAriaLabel`),expandOnMobile:!1}):(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[g?(0,W.jsx)(o,{tone:t.enabled?`positive`:`neutral`,children:t.enabled?d(`pluginListRow.enabled`):d(`pluginListRow.disabled`)}):null,(0,W.jsx)(p,{type:`button`,variant:`dangerOutline`,iconOnly:l?(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Ae,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),a?.()},disabled:l||u||!a,"aria-label":d(`pluginListRow.removePluginAriaLabel`),expandOnMobile:!1})]})]})})}var Et={mail:ze,calendar:Ee,"message-circle":ge,globe:Ce,zap:B,code:Pe,mic:F,"shopping-cart":R,palette:Ne,heart:De,settings:Oe,"link-2":he};function Dt(e){return Et[e]}var Ot={email:`categories.email`,calendar:`categories.calendar`,messaging:`categories.messaging`,browsing:`categories.browsing`,productivity:`categories.productivity`,development:`categories.development`,voice:`categories.voice`,commerce:`categories.commerce`,content:`categories.content`,health:`categories.health`,system:`categories.system`,integrations:`categories.integrations`,other:`categories.other`};function kt({selected:e,onSelect:t,counts:n,totalCount:r,showCounts:i,categories:a,ariaLabel:o}){let{t:s}=M(`intelligence`),c=e=>{let t=Ot[e.slug];return t?s(t,e.label):e.label},l=[...a].sort((e,t)=>c(e).localeCompare(c(t)));return(0,W.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":o??s(`categorySidebar.skillCategoriesAriaLabel`),children:[(0,W.jsx)(At,{icon:L,label:s(`categorySidebar.all`),count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),l.map(r=>(0,W.jsx)(At,{icon:Dt(r.icon)??L,label:c(r),count:n[r.slug]??0,isActive:e===r.slug,showCount:i,onClick:()=>t(r.slug)},r.slug))]})}function At({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,W.jsxs)(p,{variant:`ghost`,onClick:a,"aria-pressed":r,className:`h-auto justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-2 text-left hover:bg-[var(--ghost-hover)]`,style:{backgroundColor:r?`var(--surface-active)`:void 0,color:r?`var(--content-default)`:`var(--content-secondary)`},children:[(0,W.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,W.jsx)(e,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,W.jsx)(`span`,{className:`text-body-medium-default`,children:t})]}),i&&(0,W.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:n})]})}function jt({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let{t:o}=M(`intelligence`),s=Ue(e),c=E(e);return(0,W.jsx)(m.Root,{asChild:!0,children:(0,W.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:t,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t())},className:`flex cursor-pointer items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-[var(--surface-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]`,children:[(0,W.jsx)(`div`,{className:`flex shrink-0 items-center justify-center text-[28px] leading-none`,children:(0,W.jsx)(Ge,{skill:e,className:`h-7 w-7`})}),(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:e.name}),(0,W.jsx)(H,{origin:e.origin})]}),(0,W.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),s?i?(0,W.jsx)(p,{type:`button`,iconOnly:(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":o(`skillRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(p,{type:`button`,iconOnly:(0,W.jsx)(I,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":o(`skillRow.installSkillAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(p,{type:`button`,variant:`dangerOutline`,iconOnly:a?(0,W.jsx)(z,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Ae,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),r?.()},disabled:!c||a||!r,"aria-label":o(c?`skillRow.removeSkillAriaLabel`:`skillRow.bundledSkillCannotBeRemovedAriaLabel`),title:c?void 0:o(`skillRow.bundledSkillsCannotBeRemoved`),expandOnMobile:!1})]})})}function Q(e,t){switch(e){case`vellum`:return`Vellum`;case`clawhub`:return`Clawhub`;case`skillssh`:return`skills.sh`;case`all`:return t(`superpowersFilters.filterLabel.all`);case`installed`:return t(`superpowersFilters.filterLabel.installed`);case`available`:return t(`superpowersFilters.filterLabel.available`);case`skills`:return t(`superpowersFilters.filterLabel.skills`);case`plugins`:return t(`superpowersFilters.filterLabel.plugins`);case`custom`:return t(`superpowersFilters.filterLabel.custom`);case`assistant-memory`:return t(`superpowersFilters.filterLabel.assistantMemory`)}}function Mt(){let{t:e}=M(`intelligence`);return{statusFilters:[{value:`all`,label:Q(`all`,e),icon:L},{value:`installed`,label:Q(`installed`,e),icon:V},{value:`available`,label:Q(`available`,e),icon:I}],typeFilters:[{value:`skills`,label:Q(`skills`,e),icon:B},{value:`plugins`,label:Q(`plugins`,e),icon:P}],originFilters:[{value:`vellum`,label:Q(`vellum`,e),icon:He},{value:`clawhub`,label:Q(`clawhub`,e),icon:Ce},{value:`skillssh`,label:Q(`skillssh`,e),icon:be},{value:`custom`,label:Q(`custom`,e),icon:Le},{value:`assistant-memory`,label:Q(`assistant-memory`,e),icon:je}]}}function Nt({search:e,onSearchChange:t,filter:n,onFilterChange:r,isSearching:i,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:u,showCounts:d,pluginsSupported:f,showCategories:p}){let{t:m}=M(`intelligence`);return(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(l,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:m(`superpowersFilters.searchPlaceholder`),"aria-label":m(`superpowersFilters.searchAriaLabel`),leftIcon:(0,W.jsx)(Te,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,W.jsx)(z,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,W.jsx)(Pt,{filter:n,onFilterChange:r,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:u,showCounts:d,pluginsSupported:f,showCategories:p})]})}function Pt(e){let{t}=M(`intelligence`),n=v(),[r,a]=(0,U.useState)(!1),{statusFilters:o,typeFilters:s,originFilters:c}=Mt(),l=(0,W.jsx)(p,{type:`button`,variant:`outlined`,iconOnly:(0,W.jsx)(Je,{"aria-hidden":!0}),"aria-label":t(`superpowersFilters.filterAriaLabel`),"aria-haspopup":n?`dialog`:`listbox`,"aria-expanded":r,tintColor:`var(--primary-base)`});if(n)return(0,W.jsx)(Ft,{...e,open:r,onOpenChange:a,trigger:l});let u=t=>{e.onFilterChange(t),a(!1)};return(0,W.jsxs)(i.Root,{open:r,onOpenChange:a,children:[(0,W.jsx)(i.Trigger,{asChild:!0,children:l}),(0,W.jsx)(i.Content,{align:`end`,sideOffset:4,className:`w-44`,children:(0,W.jsxs)(`ul`,{role:`listbox`,children:[(0,W.jsx)(zt,{label:t(`superpowersFilters.statusLabel`),options:o,selected:e.filter,onSelect:u}),e.pluginsSupported&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,W.jsx)(zt,{label:t(`superpowersFilters.typeLabel`),options:s,selected:e.filter,onSelect:u})]}),(0,W.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,W.jsx)(zt,{label:t(`superpowersFilters.sourceLabel`),options:c,selected:e.filter,onSelect:u}),e.showCategories&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,W.jsx)(Rt,{categories:e.categories,category:e.category,counts:e.counts,totalCount:e.totalCount,showCounts:e.showCounts,allLabel:t(`superpowersFilters.filterLabel.all`),categoriesLabel:t(`superpowersFilters.categoriesLabel`),onSelect:t=>{e.onCategoryChange(t),a(!1)}})]})]})})]})}function Ft({filter:e,onFilterChange:t,categories:n,category:r,onCategoryChange:i,counts:a,totalCount:o,showCounts:s,pluginsSupported:c,showCategories:l,open:u,onOpenChange:d,trigger:f}){let{t:m}=M(`intelligence`),{statusFilters:h,typeFilters:g,originFilters:_}=Mt();return(0,W.jsxs)(O.Root,{open:u,onOpenChange:d,children:[(0,W.jsx)(O.Trigger,{asChild:!0,children:f}),(0,W.jsxs)(O.Content,{className:`max-h-[85dvh]`,"aria-describedby":void 0,children:[(0,W.jsx)(`div`,{"aria-hidden":!0,className:`mx-auto mb-3 h-1 w-9 shrink-0 rounded-full bg-[var(--border-element)]`}),(0,W.jsx)(O.Header,{children:(0,W.jsx)(O.Title,{children:m(`superpowersFilters.filtersTitle`)})}),(0,W.jsxs)(O.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,W.jsx)(It,{label:m(`superpowersFilters.statusLabel`),children:h.map(n=>(0,W.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),c&&(0,W.jsx)(It,{label:m(`superpowersFilters.typeLabel`),children:g.map(n=>(0,W.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,W.jsx)(It,{label:m(`superpowersFilters.sourceLabel`),children:_.map(n=>(0,W.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),l&&(0,W.jsxs)(It,{label:m(`superpowersFilters.categoriesLabel`),children:[(0,W.jsx)($,{icon:L,label:m(`superpowersFilters.filterLabel.all`),active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),Lt(n).map(e=>(0,W.jsx)($,{icon:Dt(e.icon)??L,label:e.label,active:r===e.slug,badge:s?a[e.slug]??0:void 0,onSelect:()=>i(e.slug)},e.slug))]})]}),(0,W.jsx)(O.Footer,{children:(0,W.jsx)(p,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>d(!1),children:m(`superpowersFilters.done`)})})]})]})}function It({label:e,children:t}){return(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`px-2 pb-1 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),t]})}function $({icon:e,label:t,active:n,badge:r,onSelect:i}){return(0,W.jsx)(_,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,W.jsx)(Fe,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function Lt(e){return[...e].sort((e,t)=>e.label.localeCompare(t.label))}function Rt({categories:e,category:t,counts:n,totalCount:r,showCounts:i,allLabel:a,categoriesLabel:o,onSelect:s}){return(0,W.jsx)(Bt,{label:o,children:(0,W.jsx)(`ul`,{className:`max-h-48 overflow-y-auto`,children:[{slug:null,label:a,count:r},...Lt(e).map(e=>({slug:e.slug,label:e.label,count:n[e.slug]??0}))].map(e=>{let n=t===e.slug;return(0,W.jsx)(`li`,{children:(0,W.jsxs)(`button`,{type:`button`,onClick:()=>s(e.slug),role:`option`,"aria-selected":n,className:`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-body-medium-default transition-colors hover:bg-[var(--surface-hover)] ${n?`text-[var(--primary-base)]`:`text-[var(--content-secondary)] hover:text-[var(--content-emphasised)]`}`,children:[(0,W.jsx)(`span`,{className:`flex-1 truncate`,children:e.label}),i&&(0,W.jsx)(`span`,{style:{color:`var(--content-tertiary)`},children:e.count})]})},e.slug??`all`)})})})}function zt({label:e,options:t,selected:n,onSelect:r}){return(0,W.jsx)(Bt,{label:e,children:(0,W.jsx)(`ul`,{children:t.map(e=>{let t=e.icon,i=n===e.value;return(0,W.jsx)(`li`,{children:(0,W.jsxs)(`button`,{type:`button`,onClick:()=>r(e.value),role:`option`,"aria-selected":i,className:`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-body-medium-default transition-colors hover:bg-[var(--surface-hover)] ${i?`text-[var(--primary-base)]`:`text-[var(--content-secondary)] hover:text-[var(--content-emphasised)]`}`,children:[(0,W.jsx)(t,{className:`h-4 w-4`,"aria-hidden":!0}),(0,W.jsx)(`span`,{className:`flex-1`,children:e.label}),i&&(0,W.jsx)(V,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})})}function Bt({label:e,children:t}){return(0,W.jsxs)(`li`,{role:`group`,"aria-label":e,children:[(0,W.jsx)(`div`,{className:`px-2 py-1.5 text-body-small-default uppercase tracking-wide text-[var(--content-tertiary)]`,children:e}),t]})}var Vt=300*1e3,Ht=[],Ut=[];async function Wt(e,t,n){let r=await ce({path:{assistant_id:e},query:{q:void 0,category:t},signal:n,throwOnError:!1});if(r.response?.status===404)return{plugins:[]};if(!r.response?.ok)throw Error(k(`usePluginsList.failureMessage`,{ns:`intelligence`}));return r.data??{plugins:[]}}function Gt(e,t){let[n,r]=(0,U.useState)({assistantId:e,latched:!1}),i=n.assistantId===e?n.latched:!1;return n.assistantId!==e&&r({assistantId:e,latched:!1}),(0,U.useEffect)(()=>{t&&r(t=>t.assistantId===e&&t.latched?t:{assistantId:e,latched:!0})},[e,t]),i||t}function Kt(e,n=null,r=!0){let i=n??void 0,a=j({queryKey:S({path:{assistant_id:e},query:{q:void 0,category:i}}),queryFn:({signal:t})=>Wt(e,i,t),enabled:!!e&&r,staleTime:Vt}),o=j({...t(e),enabled:!!e&&r&&n!==null}),s=j({...x({path:{assistant_id:e},query:{q:void 0}}),enabled:!!e&&r,staleTime:Vt}),c=(0,U.useMemo)(()=>{let e=n===null?a.data?.plugins:o.data?.plugins??a.data?.plugins;return new Set((e??Ht).map(e=>e.name))},[n,o.data?.plugins,a.data?.plugins]),l=(0,U.useMemo)(()=>{let e=a.data?.plugins??Ht,t=s.data?.matches??Ut;return ot(it(e,(n===null?t:t.filter(e=>(e.category??`system`)===n)).filter(e=>!c.has(e.name))))},[a.data?.plugins,s.data?.matches,n,c]),u=n===null?a.data:o.data,d=Gt(e,u?.categoryCounts!==void 0),f=Gt(e,(u?.plugins??Ht).some(e=>e.enabled!==void 0)),p=le(),m=(0,U.useRef)(null);return(0,U.useEffect)(()=>{if(m.current===e||!s.isSuccess)return;let t=u?.plugins;if(!t?.length)return;let n=new Map((s.data?.matches??Ut).map(e=>[e.name,e.category]));t.some(e=>{let t=n.get(e.name);return t!=null&&t!==`system`&&(e.category??`system`)===`system`})&&(m.current=e,p.invalidateQueries({queryKey:S({path:{assistant_id:e},query:{q:void 0}})}))},[e,s.isSuccess,s.data?.matches,u?.plugins,p]),{items:l,isLoading:a.isLoading,catalogLoading:s.isLoading,isError:a.isError,isFetching:a.isFetching||s.isFetching,catalogError:s.isError,categorySupported:d,pluginToggleSupported:f,installedCategoryCounts:u?.categoryCounts,installedPlugins:u?.plugins??Ht,installedTotal:u?.totalCount,catalogMatches:s.data?.matches??Ut,unfilteredInstalledNames:c}}function qt(e){return j({...w({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}var Jt=new Set([`all`,`installed`,`available`,`skills`,`plugins`,`vellum`,`clawhub`,`skillssh`,`custom`,`assistant-memory`]);function Yt(e){let t=e.get(`filter`),n=e.get(`category`);return{q:e.get(`q`)??``,filter:Qt(t)?t:`all`,category:n||null}}function Xt(e,t){let n=new URLSearchParams(e);return t.q!==void 0&&Zt(n,`q`,t.q.trim()||null),t.filter!==void 0&&Zt(n,`filter`,t.filter===`all`?null:t.filter),t.category!==void 0&&Zt(n,`category`,t.category),n}function Zt(e,t,n){n===null?e.delete(t):e.set(t,n)}function Qt(e){return e!==null&&Jt.has(e)}function $t(e){switch(e){case`installed`:return{kind:`installed`};case`available`:return{kind:`available`};case`vellum`:case`clawhub`:case`skillssh`:case`custom`:case`assistant-memory`:return{origin:e};default:return{}}}function en(e){return e!==`plugins`}function tn(e){return e===`all`||e===`installed`||e===`available`||e===`plugins`}function nn(e){switch(e){case`installed`:return`installed`;case`available`:return`available`;default:return`all`}}function rn(e,t){let[n,r]=(0,U.useState)(e);return(0,U.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>clearTimeout(n)},[e,t]),n}var an=300,on=`vellum:superpowers:tipDismissed`;function sn(e){return[...e].sort((e,t)=>e.installed===t.installed?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):e.installed?-1:1)}function cn({assistantId:e}){let{t}=M(`intelligence`),i=pe(),a=fe(),o=le(),c=g(),l=te.use.version(),p=qe(),[m,h]=ue(),{q:_,filter:v,category:y}=(0,U.useMemo)(()=>Yt(m),[m]),b=m.get(`plugin`),x=(0,U.useCallback)(e=>{h(t=>Xt(t,e),{replace:!0})},[h]),S=m.get(`success`),C=(0,U.useRef)(!1);(0,U.useEffect)(()=>{S!==`true`||C.current||(C.current=!0,b&&r.success(t(`pluginToast.installed`,{name:b})),h(e=>{let t=new URLSearchParams(e);return t.delete(`success`),t},{replace:!0}))},[S,b,h,t]);let[w,T]=(0,U.useState)(_),E=rn(w.trim(),an),D=(0,U.useRef)(_);(0,U.useEffect)(()=>{if(_!==D.current&&(D.current=_,_!==w.trim())){T(_);return}E!==_&&E===w.trim()&&(D.current=E,x({q:E}))},[E,_,w,x]);let ie=(0,U.useCallback)(e=>x({filter:e}),[x]),oe=(0,U.useCallback)(e=>x({category:e}),[x]),[se,O]=(0,U.useState)(()=>f(on,!1)),ce=(0,U.useCallback)(()=>{O(!0),s(on,!0)},[]),k=!p&&v===`plugins`?`all`:v,A=en(k),de=p&&tn(k),N=nn(k),{handleInstall:me,handleRemove:he,isInstallingSkill:ge,isRemovingSkill:_e,skillPendingRemoval:ve,confirmRemove:ye,cancelRemove:be}=We(e),{data:P=[]}=qt(e),{origin:xe,kind:Se}=(0,U.useMemo)(()=>$t(k),[k]),F=j({...n({path:{assistant_id:e},query:{include:`catalog`,origin:xe,kind:Se,q:E||void 0,category:y??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A}),Ce=j({...n({path:{assistant_id:e},query:{include:`catalog`,origin:xe,kind:Se,q:E||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A&&y!==null}),{items:I,isLoading:we,catalogLoading:Te,isError:Ee,isFetching:De,catalogError:Oe,categorySupported:ke,installedCategoryCounts:Ae,installedPlugins:je,installedTotal:Me,catalogMatches:L,unfilteredInstalledNames:Ne}=Kt(e,y,p),R=de&&(y===null||ke),Pe=(0,U.useCallback)(t=>ne(o,e,t),[e,o]),[Fe,z]=(0,U.useState)(null),[B,Ie]=(0,U.useState)(null),[Le,Re]=(0,U.useState)(null),[V,ze]=(0,U.useState)(null),[H,Ve]=(0,U.useState)(null),He=ee({onMutate:e=>z(e.body.name),onSuccess:(e,n)=>r.success(t(`pluginToast.installed`,{name:n.body.name})),onError:()=>r.error(et),onSettled:(e,t,n)=>{z(null),Pe(n.body.name)}}),Ue=re({onMutate:e=>Ie(e.path.name),onSuccess:(e,n)=>{r.success(t(`pluginToast.removed`,{name:n.path.name})),gt(e.warnings,t)},onError:()=>r.error(tt),onSettled:(e,t,n)=>{Ie(null),Pe(n.path.name)}}),Ge=ae({onMutate:e=>Re(e.path.name),onSuccess:(e,n)=>r.success(e.outcome===`already-up-to-date`?t(`pluginToast.alreadyUpToDate`,{name:n.path.name}):t(`pluginToast.upgraded`,{name:n.path.name,sha:ct(e.toCommit)})),onError:()=>r.error(nt),onSettled:(e,t,n)=>{Re(null),Pe(n.path.name)}}),Je=(0,U.useCallback)(e=>h(t=>{let n=new URLSearchParams(t);return n.set(`plugin`,e.name),n}),[h]),Ye=(0,U.useCallback)(()=>h(e=>{let t=new URLSearchParams(e);return t.delete(`plugin`),t},{replace:!0}),[h]),Xe=(0,U.useCallback)(t=>{He.mutate({path:{assistant_id:e},body:{name:t.name}})},[e,He]),rt=(0,U.useCallback)(()=>{V&&(Ue.mutate({path:{assistant_id:e,name:V.name}}),ze(null))},[e,V,Ue]),G=(0,U.useCallback)(t=>{Ge.mutate({path:{assistant_id:e,name:t},body:{}})},[e,Ge]),it=(0,U.useCallback)(()=>{H&&(G(H.name),Ve(null))},[H,G]),ot=(0,U.useCallback)((e,t)=>{if(mt(t)){Ve(e);return}G(e.name)},[G]),lt=(0,U.useMemo)(()=>A?F.data?.skills??[]:[],[A,F.data?.skills]),ut=(0,U.useMemo)(()=>R?st(I,N).filter(e=>at(e,E)):[],[R,I,N,E]),dt=(0,U.useMemo)(()=>sn([...lt.map(e=>({type:`skill`,key:`skill:${e.id}`,name:e.name,installed:Be(e),skill:e})),...ut.map(e=>({type:`plugin`,key:`plugin:${e.name}`,name:e.name,installed:e.status===`installed`,item:e}))]),[lt,ut]),K=y===null?F.data:Ce.data,q=ln(A,K?.skills??lt,K?.categoryCounts,K?.totalCount),J=un(de&&ke,Ae,je,Me,L,Ne,N),{counts:ft,totalCount:Y}=(0,U.useMemo)(()=>{let e={...q.counts};for(let[t,n]of Object.entries(J.counts))e[t]=(e[t]??0)+n;return{counts:e,totalCount:q.totalCount+J.totalCount}},[q,J]),pt=A&&F.isLoading,X=A&&F.isError,ht=R&&we,Z=R&&Ee,_t=(X||!A)&&(Z||!R)&&(X||Z),vt=pt||ht,yt=!!E&&(A&&F.isFetching||R&&De&&!we),bt=w.trim().length>0;if(b&&!p&&l===null)return null;if(b&&p){let t=I.find(e=>e.name===b),n={assistantId:e,name:b,externalHint:t?.external,enabled:t?.enabled,onBack:Ye};return c?(0,W.jsx)(wt,{...n}):(0,W.jsx)(xt,{...n})}let St=(0,W.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:vt?(0,W.jsx)(mn,{}):_t?(0,W.jsx)(hn,{}):dt.length===0?R&&Te&&N!==`installed`?(0,W.jsx)(mn,{}):(0,W.jsx)(gn,{filter:k,category:y}):(0,W.jsx)(`ul`,{className:`flex flex-col gap-2`,children:dt.map(t=>(0,W.jsx)(`li`,{children:t.type===`skill`?(0,W.jsx)(jt,{skill:t.skill,onSelect:()=>i(d.skills.detail(t.skill.id),{state:{listSearch:a.search}}),onInstall:()=>me(t.skill),onRemove:()=>he(t.skill),isInstalling:ge(t.skill),isRemoving:_e(t.skill)}):t.installed?(0,W.jsx)(dn,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onRemove:()=>ze(t.item),onUpgrade:e=>ot(t.item,e),isRemoving:B===t.item.name,isUpgrading:Le===t.item.name}):(0,W.jsx)(Tt,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onInstall:()=>Xe(t.item),isInstalling:Fe===t.item.name})},t.key))})});return(0,W.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!se&&(0,W.jsx)(fn,{onDismiss:ce}),(0,W.jsx)(Nt,{search:w,onSearchChange:T,filter:k,onFilterChange:ie,isSearching:yt,categories:P,category:y,onCategoryChange:oe,counts:ft,totalCount:Y,showCounts:!bt,pluginsSupported:p,showCategories:c}),!vt&&!_t&&X?(0,W.jsx)(pn,{text:t(`superpowersTab.skillsUnavailableNotice`)}):null,!vt&&!_t&&Z?(0,W.jsx)(pn,{text:t(`superpowersTab.pluginsUnavailableNotice`)}):null,R&&Oe&&!ht&&!Z?(0,W.jsx)(pn,{text:t(`superpowersTab.catalogBrowsingUnavailableNotice`)}):null,(0,W.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[!c&&(0,W.jsx)(`aside`,{className:`w-56 shrink-0 overflow-y-auto`,children:(0,W.jsx)(kt,{ariaLabel:t(`superpowersTab.categoriesAriaLabel`),selected:y,onSelect:oe,counts:ft,totalCount:Y,showCounts:!bt,categories:P})}),St]}),(0,W.jsx)(Ke,{skillName:ve?.name??null,onConfirm:ye,onCancel:be}),(0,W.jsx)(u,{open:V!==null,title:t(`pluginDetailShared.removePluginTitle`),message:V?Ze(V.name):``,confirmLabel:t(`pluginDetailShared.remove`),destructive:!0,onConfirm:rt,onCancel:()=>ze(null)}),(0,W.jsx)(u,{open:H!==null,title:t(`pluginDetailShared.upgradePluginTitle`),message:H?Qe(H.name):``,confirmLabel:$e,destructive:!0,onConfirm:it,onCancel:()=>Ve(null)})]})}function ln(e,t,n,r){return(0,U.useMemo)(()=>{if(!e)return{counts:{},totalCount:0};if(n&&Object.keys(n).length>0)return{counts:n,totalCount:r??t.length};let i={};for(let e of t){let t=e.category??`system`;i[t]=(i[t]??0)+1}return{counts:i,totalCount:r??t.length}},[e,t,n,r])}function un(e,t,n,r,i,a,o){return(0,U.useMemo)(()=>{if(!e)return{counts:{},totalCount:0};let s={},c=o!==`available`,l=o===`all`||o===`available`;if(c)if(t&&Object.keys(t).length>0)Object.assign(s,t);else for(let e of n){let t=e.category??`system`;s[t]=(s[t]??0)+1}let u=0;if(l)for(let e of i){if(a.has(e.name))continue;let t=e.category??`system`;s[t]=(s[t]??0)+1,u+=1}let d=r??n.length;return{counts:s,totalCount:(c?d:0)+u}},[e,t,n,r,i,a,o])}function dn({assistantId:e,item:t,onSelect:n,onRemove:r,onUpgrade:i,isRemoving:a,isUpgrading:o}){let s=X({assistantId:e,name:t.name}).data;return(0,W.jsx)(Tt,{assistantId:e,item:t,drift:s,onSelect:n,onRemove:r,onUpgrade:()=>i(s),isRemoving:a,isUpgrading:o})}function fn({onDismiss:e}){let{t}=M(`intelligence`);return(0,W.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg px-4 py-2.5 text-body-small-default`,style:{backgroundColor:`var(--surface-base)`,color:`var(--content-secondary)`},children:[(0,W.jsx)(xe,{className:`h-4 w-4 shrink-0`,style:{color:`var(--primary-base)`}}),(0,W.jsx)(`p`,{className:`flex-1`,children:t(`superpowersTab.tipBannerText`)}),(0,W.jsx)(p,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,W.jsx)(ke,{"aria-hidden":!0}),onClick:e,"aria-label":t(`superpowersTab.dismissTipAriaLabel`),tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function pn({text:e}){return(0,W.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg px-4 py-2.5 text-body-small-default`,style:{backgroundColor:`var(--surface-base)`,color:`var(--content-secondary)`},children:[(0,W.jsx)(Ie,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,W.jsx)(`p`,{className:`flex-1`,children:e})]})}function mn(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,W.jsx)(z,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function hn(){let{t:e}=M(`intelligence`);return(0,W.jsx)(m.Root,{children:(0,W.jsxs)(m.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,W.jsx)(ve,{className:`mb-3 h-8 w-8`,style:{color:`var(--system-danger)`},"aria-hidden":!0}),(0,W.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:e(`superpowersTab.errorStateTitle`)}),(0,W.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`superpowersTab.errorStateSubtitle`)})]})})}function gn({filter:e,category:t}){let{t:n}=M(`intelligence`),{title:r,subtitle:i,Icon:a}=_n(e,t,n);return(0,W.jsx)(Ve,{icon:a,title:r,subtitle:i})}function _n(e,t,n){if(t)return{title:n(`superpowersTab.emptyState.categoryTitle`),subtitle:n(`superpowersTab.emptyState.categorySubtitle`),Icon:L};switch(e){case`installed`:return{title:n(`superpowersTab.emptyState.installedTitle`),subtitle:n(`superpowersTab.emptyState.installedSubtitle`),Icon:B};case`available`:return{title:n(`superpowersTab.emptyState.availableTitle`),subtitle:n(`superpowersTab.emptyState.availableSubtitle`),Icon:V};case`skills`:return{title:n(`superpowersTab.emptyState.skillsTitle`),subtitle:n(`superpowersTab.emptyState.skillsSubtitle`),Icon:B};case`plugins`:return{title:n(`superpowersTab.emptyState.pluginsTitle`),subtitle:n(`superpowersTab.emptyState.pluginsSubtitle`),Icon:P};case`vellum`:return{title:n(`superpowersTab.emptyState.vellumTitle`),subtitle:n(`superpowersTab.emptyState.vellumSubtitle`),Icon:B};case`clawhub`:return{title:n(`superpowersTab.emptyState.clawhubTitle`),subtitle:n(`superpowersTab.emptyState.clawhubSubtitle`),Icon:B};case`skillssh`:return{title:n(`superpowersTab.emptyState.skillsshTitle`),subtitle:n(`superpowersTab.emptyState.skillsshSubtitle`),Icon:B};case`custom`:return{title:n(`superpowersTab.emptyState.customTitle`),subtitle:n(`superpowersTab.emptyState.customSubtitle`),Icon:B};case`assistant-memory`:return{title:n(`superpowersTab.emptyState.assistantMemoryTitle`),subtitle:n(`superpowersTab.emptyState.assistantMemorySubtitle`),Icon:B};default:return{title:n(`superpowersTab.emptyState.defaultTitle`),subtitle:n(`superpowersTab.emptyState.defaultSubtitle`),Icon:Ie}}}function vn(){return(0,W.jsx)(cn,{assistantId:y()})}export{vn as SuperpowersPage};

package/dist/assets/system-events-page-D0fUUNzD.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Bx as t,Ix as n,Tb as r,et as i,gl as a,un as o,xp as s,yp as c}from"./app-DFXcEvsi.js";import{j as l,qn as u}from"./vendor-DYOeoIwg.js";import{r as d,t as f,x as p}from"./react-B9IgSVeK.js";import{Ai as m,Ci as h,E as g,Ki as _,qn as v,zi as y}from"./icons-QG1KAFmx.js";var b=e(p(),1),x=f(),S=30;function C(e){switch(e){case`lifecycle`:return`Lifecycle`;case`upgrade`:return`Upgrade`;case`rollback`:return`Rollback`;case`crash`:return`Crash`;case`idle_sleep`:return`Idle Sleep`;case`wake`:return`Wake`;case`profiler`:return`Profiler`;case`other`:return`Other`;default:return e}}function w(e){switch(e){case`started`:return`Started`;case`succeeded`:return`Succeeded`;case`failed`:return`Failed`;case`in_progress`:return`In Progress`;default:return e}}function T(e){return e===`succeeded`}function E(e){return e===`failed`}function D(e){return new Date(e).toLocaleString(void 0,{year:`numeric`,month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function O(e){if(e.type!==`idle_sleep`)return!1;let t=e.details?.idle_timeout_seconds;return typeof t==`number`&&t>=21600}function k(e,t){switch(e){case`wake`:return`positive`;case`rollback`:return`warning`;case`crash`:return`negative`;case`idle_sleep`:return t&&O(t)?`warning`:`neutral`;default:return`neutral`}}function A({type:e,event:t}){return(0,x.jsx)(n,{tone:k(e,t),children:C(e)})}function j({status:e}){let t=w(e);return T(e)?(0,x.jsx)(n,{tone:`positive`,leftIcon:(0,x.jsx)(y,{}),children:t}):E(e)?(0,x.jsx)(n,{tone:`negative`,leftIcon:(0,x.jsx)(m,{}),children:t}):(0,x.jsx)(n,{tone:`neutral`,children:t})}function M({event:e}){let{t}=l(`logs`),[r,i]=(0,b.useState)(!1),a=e.details!==null&&e.details!==void 0&&Object.keys(e.details).length>0;return(0,x.jsxs)(`div`,{className:`rounded-xl border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,x.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between`,children:[(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,x.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.display_text}),(0,x.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(A,{type:e.type,event:e}),(0,x.jsx)(j,{status:e.event_status}),O(e)&&(0,x.jsx)(n,{tone:`warning`,leftIcon:(0,x.jsx)(g,{className:`h-3 w-3`}),children:t(`systemEventsTab.longSleep`)})]})]}),(0,x.jsxs)(`div`,{className:`text-body-small-default flex shrink-0 items-center gap-1.5`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(h,{className:`h-3 w-3`}),(0,x.jsx)(`span`,{children:D(e.occurred_at)})]})]}),a&&(0,x.jsxs)(`div`,{className:`mt-2`,children:[(0,x.jsxs)(`button`,{type:`button`,onClick:()=>i(e=>!e),className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(_,{className:`h-3 w-3 transition-transform ${r?`rotate-180`:``}`}),t(r?`systemEventsTab.hideDetails`:`systemEventsTab.showDetails`)]}),r&&(0,x.jsx)(`pre`,{className:`mt-2 overflow-x-auto rounded-md p-3 text-body-small-default`,style:{background:`var(--surface-base)`,color:`var(--content-default)`},children:JSON.stringify(e.details,null,2)})]})]})}function N({assistantId:e}){let{t}=l(`logs`),{data:n,isLoading:r,isError:i,isFetchingNextPage:o,hasNextPage:s,fetchNextPage:c}=u({...a({path:{assistant_id:e}}),initialPageParam:0,getNextPageParam:(e,t)=>{if(e.next)return t.reduce((e,t)=>e+t.results.length,0)}}),d=n?.pages.flatMap(e=>e.results)??[];return(0,x.jsxs)(`div`,{className:`space-y-4`,children:[(0,x.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t(`systemEventsTab.intro`,{days:S})}),r?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(v,{className:`h-4 w-4 animate-spin`}),t(`systemEventsTab.loading`)]}):i?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--system-negative-strong)`},children:[(0,x.jsx)(g,{className:`h-4 w-4 shrink-0`}),t(`systemEventsTab.loadFailed`)]}):d.length===0?(0,x.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t(`systemEventsTab.empty`,{days:S})}):(0,x.jsxs)(`div`,{className:`space-y-2`,children:[d.map(e=>(0,x.jsx)(M,{event:e},e.id)),s&&(0,x.jsx)(`div`,{className:`pt-2 text-center`,children:(0,x.jsx)(`button`,{type:`button`,onClick:()=>c(),disabled:o,className:`text-body-medium-default flex w-full items-center justify-center gap-2 rounded-md border px-4 py-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50`,style:{borderColor:`var(--border-element)`,color:`var(--content-secondary)`},children:o?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(v,{className:`h-4 w-4 animate-spin`}),t(`systemEventsTab.loadingOlder`)]}):t(`systemEventsTab.loadOlder`)})})]})]})}function P(){let{t:e}=l(`logs`),n=s({platformHostedOnly:!0}),a=c(),u=i();return n===`gated`?(0,x.jsx)(d,{replace:!0,to:r.logs.root}):n===`disabled`?(0,x.jsx)(o,{children:e(`systemEventsPage.platformLoginNotice`)}):a?(0,x.jsx)(N,{assistantId:u}):(0,x.jsx)(t,{tone:`warning`,children:e(`systemEventsPage.notAvailable`)})}export{P as SystemEventsPage};

package/dist/assets/system-events-redirect-page-Dr4-w7Y1.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Tb as t}from"./app-DFXcEvsi.js";import{f as n,x as r}from"./react-B9IgSVeK.js";var i=e(r(),1);function a(){let e=n();return(0,i.useEffect)(()=>{e(t.logs.systemEvents,{replace:!0})},[e]),null}export{a as SystemEventsRedirectPage};

package/dist/assets/text-preview-DozGQuv6.js

@@ -0,0 +1 @@
+import{Dn as e,sr as t}from"./app-DFXcEvsi.js";import{j as n}from"./vendor-DYOeoIwg.js";import{t as r}from"./react-B9IgSVeK.js";import{t as i}from"./preview-error-B6mdXJ98.js";import{t as a}from"./use-truncated-blob-text-BArL-keL.js";var o=r(),s=2*1024*1024;function c({blob:r,filename:c}){let{t:l}=n(`chat`),{text:u,truncated:d,decodeFailed:f}=a(r,s);return f?(0,o.jsx)(i,{filename:c}):u===null?(0,o.jsx)(t,{}):(0,o.jsxs)(`div`,{className:`flex min-h-0 flex-col gap-2`,children:[(0,o.jsx)(`pre`,{className:`whitespace-pre-wrap break-words font-mono text-body-small-default text-[var(--content-default)]`,children:u}),d&&(0,o.jsx)(e,{children:l(`previewTruncationNotice.text`)})]})}export{c as TextPreview};

package/dist/assets/theme-stage-page-CcBBPfjV.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Eu as t,Nx as n,Px as r,Uo as i,Ux as a,Vx as o}from"./app-DFXcEvsi.js";import{j as s}from"./vendor-DYOeoIwg.js";import{_ as c,h as l,t as u,x as d}from"./react-B9IgSVeK.js";var f=e(d(),1),p=u(),m=`__THEME_STAGE_READY__`;function h(e){return e===`chat`?`chat`:`sampler`}function g(e){if(e)try{let t=JSON.parse(e);if(typeof t!=`object`||!t||Array.isArray(t))return;let n={};for(let[e,r]of Object.entries(t))typeof r==`string`&&(n[e]=r);return n}catch{return}}var _=`w-[720px]`;function v({children:e}){return(0,p.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-[var(--content-tertiary)]`,children:e})}function y(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionText`)}),(0,p.jsx)(`div`,{className:`text-[15px] text-[var(--content-default)]`,children:e(`themeStagePage.primaryText`)}),(0,p.jsx)(`div`,{className:`text-[15px] text-[var(--content-secondary)]`,children:e(`themeStagePage.secondaryText`)}),(0,p.jsx)(`div`,{className:`text-sm text-[var(--content-tertiary)]`,children:e(`themeStagePage.tertiaryText`)}),(0,p.jsx)(`div`,{className:`text-sm text-[var(--content-quiet)]`,children:e(`themeStagePage.quietText`)}),(0,p.jsx)(`div`,{className:`text-sm text-[var(--content-faint)]`,children:e(`themeStagePage.faintText`)})]})}function b(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionButtons`)}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(a,{children:e(`themeStagePage.buttonPrimary`)}),(0,p.jsx)(a,{variant:`outlined`,children:e(`themeStagePage.buttonSecondary`)}),(0,p.jsx)(a,{disabled:!0,children:e(`themeStagePage.buttonDisabled`)})]})]})}function x(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionAccent`)}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`div`,{className:`rounded-md bg-[var(--primary-base)] px-4 py-2 text-sm font-medium text-[var(--content-inset)]`,children:e(`themeStagePage.accentFill`)}),(0,p.jsx)(`div`,{className:`rounded-md border border-[var(--border-active)] px-4 py-2 text-sm text-[var(--content-default)]`,children:e(`themeStagePage.activeBorder`)}),(0,p.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-[var(--primary-hover)]`}),(0,p.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-[var(--primary-active)]`})]})]})}function S(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionSurfaces`)}),(0,p.jsx)(o,{elevated:!0,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 p-4`,children:[(0,p.jsx)(`div`,{className:`text-[15px] font-medium text-[var(--content-default)]`,children:e(`themeStagePage.raisedCard`)}),(0,p.jsx)(`div`,{className:`text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.raisedCardBody`)}),(0,p.jsx)(`div`,{className:`border-t border-[var(--border-subtle)] pt-2 text-sm text-[var(--content-tertiary)]`,children:e(`themeStagePage.subtleDivider`)})]})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`div`,{className:`rounded-md border border-[var(--border-base)] bg-[var(--surface-overlay)] px-3 py-2 text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.overlaySurface`)}),(0,p.jsx)(`div`,{className:`rounded-md border border-[var(--border-element)] bg-[var(--surface-active)] px-3 py-2 text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.activeSurface`)})]})]})}function C(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionInputs`)}),(0,p.jsx)(n,{fullWidth:!0,placeholder:e(`themeStagePage.inputPlaceholder`),readOnly:!0}),(0,p.jsx)(r,{fullWidth:!0,readOnly:!0,rows:2,value:e(`themeStagePage.inputFilled`)})]})}function w({children:e}){return(0,p.jsx)(`div`,{className:`group/msg flex justify-end`,children:(0,p.jsx)(`div`,{className:`flex w-full min-w-0 flex-col gap-2 items-end`,children:(0,p.jsx)(`div`,{className:`max-w-[80%] rounded-lg bg-[var(--user-bubble-bg,var(--surface-lift))] px-4 py-3 text-[var(--user-bubble-text,var(--content-default))] flex flex-col gap-2`,children:(0,p.jsx)(`div`,{className:`break-words text-[15px]`,children:e})})})})}function T({children:e}){return(0,p.jsx)(`div`,{className:`group/msg flex justify-start`,children:(0,p.jsx)(`div`,{className:`flex w-full min-w-0 flex-col gap-2 items-start`,children:(0,p.jsx)(`div`,{className:`w-full text-[var(--content-default)]`,children:(0,p.jsx)(`div`,{className:`break-words text-[15px] w-full`,children:e})})})})}function E(){let{t:e}=s();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionMessages`)}),(0,p.jsx)(w,{children:e(`themeStagePage.userBubble`)}),(0,p.jsx)(T,{children:e(`themeStagePage.assistantBubble`)})]})}function D(){let{t:e}=s();return(0,p.jsxs)(`div`,{"data-testid":`theme-stage-sampler`,className:`${_} flex min-h-[1080px] flex-col gap-6 bg-[var(--background)] p-8`,children:[(0,p.jsx)(`div`,{className:`text-lg font-semibold text-[var(--content-default)]`,children:e(`themeStagePage.samplerTitle`)}),(0,p.jsx)(y,{}),(0,p.jsx)(x,{}),(0,p.jsx)(b,{}),(0,p.jsx)(S,{}),(0,p.jsx)(C,{}),(0,p.jsx)(E,{})]})}function O(){let{t:e}=s();return(0,p.jsxs)(`div`,{"data-testid":`theme-stage-chat`,className:`${_} flex h-[760px] flex-col bg-[var(--background)]`,children:[(0,p.jsx)(`div`,{className:`flex items-center border-b border-[var(--border-base)] bg-[var(--surface-overlay)] px-5 py-3`,children:(0,p.jsx)(`div`,{className:`text-[15px] font-medium text-[var(--content-default)]`,children:e(`themeStagePage.newConversation`)})}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col justify-end gap-4 overflow-hidden px-5 py-4`,children:[(0,p.jsx)(w,{children:e(`themeStagePage.chatUser1`)}),(0,p.jsx)(T,{children:e(`themeStagePage.chatAssistant1`)}),(0,p.jsx)(w,{children:e(`themeStagePage.chatUser2`)}),(0,p.jsx)(T,{children:e(`themeStagePage.chatAssistant2`)})]}),(0,p.jsxs)(`div`,{className:`flex items-end gap-2 border-t border-[var(--border-base)] px-5 py-4`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(r,{fullWidth:!0,readOnly:!0,rows:1,placeholder:e(`themeStagePage.composerPlaceholder`)})}),(0,p.jsx)(a,{children:e(`themeStagePage.send`)})]})]})}function k(){let e=l(),[n]=c(),r=h(e.view),a=n.get(`tokens`),o=(0,f.useMemo)(()=>g(a),[a]);return t(),(0,f.useEffect)(()=>(i(o),()=>{i(void 0)}),[o]),(0,f.useEffect)(()=>{let e=!1;return document.title=`theme-stage`,(document.fonts?.ready??Promise.resolve()).then(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{e||(document.title=m)})})}),()=>{e=!0}},[r,o]),(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`style`,{children:`* { transition: none !important; animation: none !important; caret-color: transparent !important; } html, body { background: var(--background); }`}),r===`chat`?(0,p.jsx)(O,{}):(0,p.jsx)(D,{})]})}export{k as ThemeStagePage};