@vellumai/web 0.12.0 → 0.12.1-dev.202609142113.d1590bc

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Bm as t,Cf as n,Fr as r,Hy as i,La as a,Lf as o,Ni as s,Qg as c,Rf as l,Sb as u,Sf as d,Sx as f,Tb as p,Xb as m,Xg as h,Yg as g,Z as _,Zg as v,Zt as y,ar as b,bx as x,dp as S,dx as C,fp as w,fx as T,hx as E,ib as ee,kn as te,mx as D,nx as O,rs as ne,rx as k,tx as re,uc as ie,up as ae,wf as oe,xf as se}from"./app-BTYvw9j7.js";import{I as A,Jn as j,Zn as M,er as ce,j as N}from"./vendor-B2dSzLzU.js";import{_ as le,b as ue,d as de,f as fe,t as P,x as pe}from"./react-B9IgSVeK.js";import{$n as me,An as he,Ba as F,E as ge,Ki as _e,La as ve,N as ye,Nt as I,Q as be,Ri as L,Sn as xe,Yr as Se,_i as Ce,_t as we,fi as Te,hr as Ee,ht as De,i as Oe,ia as ke,k as Ae,nr as R,on as je,ot as Me,pa as z,qa as Ne,qn as B,r as V,ti as Pe,xr as H,y as Fe,yr as Ie,zi as U,zn as Le}from"./icons-bnwMda87.js";import{a as W,i as Re,n as ze,o as Be,r as Ve,t as He}from"./use-skill-actions-B_lZHEC6.js";import{t as Ue}from"./skill-icon-e9BlXBEc.js";import{t as We}from"./skill-removal-dialog-BsjFId9V.js";import{t as Ge}from"./plugins-surface-CzTPuG2D.js";var Ke=Ne(`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`}]]),G=e(pe(),1),K=P(),qe={sm:`h-7 w-7`,md:`h-8 w-8 text-3xl`};function Je({external:e=!1,icon:t,iconUrl:n,iconSrc:r,size:i=`sm`,className:o}){let[s,c]=(0,G.useState)(!1),l=r??n;(0,G.useEffect)(()=>{c(!1)},[l]);let u=t||(e?`📦`:`🧩`),d=!!l&&!s;return(0,K.jsx)(`span`,{className:a(`flex shrink-0 items-center justify-center`,qe[i],o),children:d?(0,K.jsx)(`img`,{src:l,alt:``,"aria-hidden":!0,loading:`lazy`,className:`h-full w-full object-contain`,onError:()=>c(!0)}):u})}var Ye=e=>A(`pluginConstants.removeConfirmMessage`,{ns:`intelligence`,name:e}),Xe=e=>A(`pluginConstants.riskyUpgradeConfirmMessage`,{ns:`intelligence`,name:e}),Ze=A(`pluginConstants.riskyUpgradeConfirmLabel`,{ns:`intelligence`}),Qe=A(`pluginConstants.installError`,{ns:`intelligence`}),$e=A(`pluginConstants.removeError`,{ns:`intelligence`}),et=A(`pluginConstants.upgradeError`,{ns:`intelligence`}),tt=A(`pluginConstants.toggleError`,{ns:`intelligence`});function nt(e){return e!==void 0&&e.startsWith(`https://`)}function rt(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,...nt(e.icon)?{iconUrl:e.icon}:{icon:e.icon}}));return[...n,...i]}function it(e,t){let n=t.trim().toLowerCase();return n?[e.name,e.description].some(e=>e?.toLowerCase().includes(n)):!0}function at(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 ot(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 st(e){return e?e.slice(0,7):`unknown`}function ct(e){try{return new URL(e,window.location.href).pathname.split(`/`).pop()||`plugin-artifact`}catch{return`plugin-artifact`}}function lt({plugin:e,surfaces:t=null,className:n}){let{t:r}=N(`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,K.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,K.jsxs)(`div`,{className:`contents`,children:[(0,K.jsx)(`dt`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.label}),(0,K.jsx)(`dd`,{className:`min-w-0 truncate text-body-small-default`,style:{color:`var(--content-secondary)`},children:e.href?(0,K.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,K.jsx)(Se,{className:`h-3 w-3`,"aria-hidden":!0})]}):e.value})]},e.label))})}function ut({plugin:e,drift:t,onInstall:n,onRemove:i,onUpgrade:a,isInstalling:o,isRemoving:s,isUpgrading:c,hasLocalEdits:l,enabled:u,onToggle:d,isToggling:p}){let{t:m}=N(`intelligence`),[h,g]=(0,G.useState)(!1),[_,v]=(0,G.useState)(!1),y=e.installed??!1,b=e.artifact??null,x=t?.status===`update-available`,S=x?m(`pluginDetailShared.upgradeTitle`,{fromSha:st(t?.local?.commit??null),toSha:st(t?.remote?.commit??null)}):void 0;return(0,K.jsxs)(K.Fragment,{children:[y?(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 md:flex-nowrap md:shrink-0`,children:[u!==void 0&&d?(0,K.jsx)(C,{label:m(`pluginDetailShared.autoIncludeInChat`),checked:u,onChange:()=>d(),disabled:p}):null,b?(0,K.jsx)(f,{type:`button`,leftIcon:(0,K.jsx)(Pe,{"aria-hidden":!0}),onClick:()=>void r(b.url,ct(b.url)),children:b.label??m(`pluginDetailShared.download`)}):null,x?(0,K.jsx)(f,{type:`button`,onClick:()=>{if(l){v(!0);return}a()},disabled:c,title:S,leftIcon:c?(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}):(0,K.jsx)(U,{"aria-hidden":!0}),children:m(`pluginDetailShared.upgrade`)}):null,(0,K.jsx)(f,{type:`button`,variant:`dangerOutline`,onClick:()=>g(!0),disabled:s,leftIcon:s?(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}):(0,K.jsx)(Ae,{"aria-hidden":!0}),children:m(`pluginDetailShared.remove`)})]}):(0,K.jsx)(f,{type:`button`,onClick:n,disabled:o,leftIcon:o?(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}):(0,K.jsx)(F,{"aria-hidden":!0}),children:m(`pluginDetailShared.install`)}),(0,K.jsx)(re,{open:h,title:m(`pluginDetailShared.removePluginTitle`),message:Ye(e.name),confirmLabel:m(`pluginDetailShared.remove`),destructive:!0,onConfirm:()=>{g(!1),i()},onCancel:()=>g(!1)}),(0,K.jsx)(re,{open:_,title:m(`pluginDetailShared.upgradePluginTitle`),message:Xe(e.name),confirmLabel:Ze,destructive:!0,onConfirm:()=>{v(!1),a()},onCancel:()=>v(!1)})]})}function q(){return(0,K.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,K.jsx)(B,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function J(){let{t:e}=N(`intelligence`);return(0,K.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,K.jsx)(ge,{className:`h-6 w-6`,"aria-hidden":!0}),(0,K.jsx)(`p`,{className:`text-body-medium-default`,children:e(`pluginDetailShared.loadErrorTitle`)}),(0,K.jsx)(`p`,{className:`text-body-small-lighter`,children:e(`pluginDetailShared.loadErrorDetail`)})]})}function Y({isInstallError:e,isRemoveError:t,isUpgradeError:n}){let r=e?Qe:t?$e:n?et:null;return r?(0,K.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,K.jsx)(ge,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),r]}):null}function dt({external:e,className:t}){let{t:n}=N(`intelligence`),r=e?{label:n(`pluginOriginBadge.external`),icon:H}:{label:n(`pluginOriginBadge.local`),icon:Ie};return(0,K.jsx)(E,{tone:`neutral`,leftIcon:(0,G.createElement)(r.icon),className:t,children:r.label})}function X({onClick:e,isUpgrading:t=!1}={}){let{t:n}=N(`intelligence`),r=(0,K.jsx)(E,{tone:`warning`,leftIcon:(0,G.createElement)(t?B:U,{className:t?`animate-spin`:void 0}),className:`shrink-0`,children:n(`updateAvailableBadge.updateAvailable`)});return e?(0,K.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 ft=300*1e3;function pt({assistantId:e,name:t,enabled:n=!0}){return M({...d({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t&&n,staleTime:ft,retry:!1})}function mt(e){let t=e?.local?.localChanges;return!!t&&t?.clean===!1}function ht(e,t,n){let{t:r}=N(`intelligence`),i=ce(),a=n?.onRemoved,o=M({...se({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t}),s=pt({assistantId:e,name:t,enabled:o.data?.installed??!1}).data,c=(0,G.useCallback)(()=>ne(i,e,t),[e,t,i]),l=w({onSuccess:()=>{c(),O.success(r(`pluginToast.installed`,{name:t||r(`pluginToast.pluginFallback`)}))}}),u=ae({onSuccess:()=>{c(),a?.()}}),d=S({onSuccess:e=>{c(),O.success(e.outcome===`already-up-to-date`?r(`pluginToast.alreadyUpToDate`,{name:t||r(`pluginToast.pluginFallbackCapitalized`)}):r(`pluginToast.upgraded`,{name:t||r(`pluginToast.pluginFallback`),sha:st(e.toCommit)}))}});return{plugin:o.data??null,drift:s,isLoading:o.isLoading,isError:o.isError,install:()=>{l.mutate({path:{assistant_id:e},body:{name:t}})},remove:()=>{u.mutate({path:{assistant_id:e,name:t}})},upgrade:()=>{d.mutate({path:{assistant_id:e,name:t},body:{}})},isInstalling:l.isPending,isRemoving:u.isPending,isUpgrading:d.isPending,isInstallError:l.isError,isRemoveError:u.isError,isUpgradeError:d.isError,hasLocalEdits:mt(s)}}var gt=`0.10.5`;function _t(){return t(gt)}function Z(e,t,n,r){let i=_t(),{data:a}=M({queryKey:[`pluginIcon`,e,t,r],queryFn:async()=>{let{data:n,error:r}=await v({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,G.useState)(void 0);return(0,G.useEffect)(()=>{if(!a){s(void 0);return}let e=URL.createObjectURL(a);return s(e),()=>{URL.revokeObjectURL(e)}},[a]),o}function vt(e){let t=ce(),r={queryKey:n({path:{assistant_id:e}})},i=(e,n)=>{t.setQueriesData(r,t=>t&&{...t,plugins:t.plugins.map(t=>t.name===e?{...t,enabled:n}:t)})},a=j({mutationFn:async({name:t,nextEnabled:n})=>{let r=await(n?h({path:{assistant_id:e,name:t},throwOnError:!1}):g({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:n})=>{await t.cancelQueries(r),i(e,n)},onError:(e,{name:t,nextEnabled:n})=>{i(t,!n),O.error(tt)},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 yt({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:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:y}=ht(e,t,{onRemoved:n}),{t:b}=N(`intelligence`),{toggle:S,togglingName:C}=vt(e),w=Z(e,t,a?.hasIcon,a?.iconVersion);return(0,K.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col`,children:[(0,K.jsxs)(`div`,{className:`mb-4 flex items-start gap-3`,children:[(0,K.jsx)(f,{type:`button`,variant:`ghost`,iconOnly:(0,K.jsx)(ve,{"aria-hidden":!0}),"aria-label":b(`pluginDetail.backToPluginsAriaLabel`),onClick:n}),(0,K.jsx)(bt,{name:t,plugin:a,externalHint:r,iconSrc:w,drift:o,onInstall:l,onRemove:u,onUpgrade:d,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:y,enabled:i,onToggle:()=>S(t,!i),isToggling:C===t})]}),(g||_||v)&&(0,K.jsx)(Y,{isInstallError:g,isRemoveError:_,isUpgradeError:v}),(0,K.jsx)(x.Root,{asChild:!0,children:(0,K.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:s?(0,K.jsx)(q,{}):c||!a?(0,K.jsx)(J,{}):(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(lt,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,K.jsx)(te,{content:a.readme}):(0,K.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:b(`pluginDetail.noReadme`)})]})})})]})}function bt({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}=N(`intelligence`),g=t?.source?.kind===`github`,_=t?g:n,v=i?.status===`update-available`;return(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[_===void 0?(0,K.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,K.jsx)(Je,{external:_,icon:t?.icon??void 0,iconSrc:r,size:`md`}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,K.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:t?.name??e}),t?.version?(0,K.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:h(`pluginDetail.version`,{version:t.version})}):null,t?(0,K.jsx)(dt,{external:g}):null,v?(0,K.jsx)(X,{}):null]}),t?.description?(0,K.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:t.description}):null]})]}),t?(0,K.jsx)(ut,{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 xt=e(ue(),1);function St({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:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:y}=ht(e,t,{onRemoved:n}),{t:b}=N(`intelligence`),{toggle:S,togglingName:C}=vt(e),[w,T]=(0,G.useState)(null);(0,G.useEffect)(()=>{T(document.getElementById(`viewport-overlays`))},[]);let E=a?.source?.kind===`github`,ee=a?E:r,D=o?.status===`update-available`,O=a?.name??t,ne=Z(e,t,a?.hasIcon,a?.iconVersion),k=(0,K.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,K.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,K.jsx)(f,{variant:`ghost`,iconOnly:(0,K.jsx)(ve,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":b(`pluginDetail.backToPluginsAriaLabel`),onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,K.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:O}),(0,K.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0 touch-mobile:h-10 touch-mobile:w-10`})]}),(0,K.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,K.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,K.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[ee===void 0?(0,K.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,K.jsx)(Je,{external:ee,icon:a?.icon??void 0,iconSrc:ne,size:`md`}),(0,K.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:O})]}),(0,K.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[D?(0,K.jsx)(X,{}):null,a?(0,K.jsx)(dt,{external:E}):null]})]}),a?.description?(0,K.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:a.description}):null]}),a?(0,K.jsx)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:(0,K.jsx)(ut,{plugin:a,drift:o,enabled:i,onToggle:()=>S(t,!i),isToggling:C===t,onInstall:l,onRemove:u,onUpgrade:d,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:y})}):null,(g||_||v)&&(0,K.jsx)(`div`,{className:`mt-3`,children:(0,K.jsx)(Y,{isInstallError:g,isRemoveError:_,isUpgradeError:v})}),(0,K.jsx)(x.Root,{asChild:!0,noPadding:!0,children:(0,K.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,K.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:s?(0,K.jsx)(q,{}):c||!a?(0,K.jsx)(J,{}):(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(lt,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,K.jsx)(te,{content:a.readme}):(0,K.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:b(`pluginDetail.noReadme`)})]})})})})]});return w?(0,xt.createPortal)(k,w):k}function Ct({assistantId:e,item:t,drift:n,onSelect:r,onInstall:i,onRemove:a,onUpgrade:o,isInstalling:s=!1,isRemoving:c=!1,isUpgrading:l=!1}){let{t:u}=N(`intelligence`),d=t.status===`available`,p=n?.status===`update-available`,m=t.enabled!==void 0,h=t.enabled===!1,g=Z(e,t.name,t.hasIcon,t.iconVersion);return(0,K.jsx)(x.Root,{asChild:!0,children:(0,K.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,K.jsx)(Je,{size:`sm`,external:t.external,icon:t.icon,iconUrl:t.iconUrl,iconSrc:g,className:h?`opacity-50`:void 0}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:h?`var(--content-tertiary)`:`var(--content-emphasised)`},children:t.name}),t.version?(0,K.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u(`pluginListRow.version`,{version:t.version})}):null,(0,K.jsx)(E,{tone:`neutral`,leftIcon:(0,K.jsx)(I,{"aria-hidden":!0}),children:u(`pluginListRow.pluginTag`)}),p?(0,K.jsx)(X,{onClick:o,isUpgrading:l}):null]}),(0,K.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description??u(`pluginListRow.noDescription`)}),t.issues&&t.issues.length>0?(0,K.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?u(`pluginListRow.moreIssues`,{count:t.issues.length-1}):null]}):null]}),d?s?(0,K.jsx)(f,{type:`button`,iconOnly:(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":u(`pluginListRow.installingAriaLabel`),expandOnMobile:!1}):(0,K.jsx)(f,{type:`button`,iconOnly:(0,K.jsx)(F,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),i?.()},disabled:!i,"aria-label":u(`pluginListRow.installPluginAriaLabel`),expandOnMobile:!1}):(0,K.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[m?(0,K.jsx)(E,{tone:t.enabled?`positive`:`neutral`,children:t.enabled?u(`pluginListRow.enabled`):u(`pluginListRow.disabled`)}):null,(0,K.jsx)(f,{type:`button`,variant:`dangerOutline`,iconOnly:c?(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}):(0,K.jsx)(Ae,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),a?.()},disabled:c||l||!a,"aria-label":u(`pluginListRow.removePluginAriaLabel`),expandOnMobile:!1})]})]})})}var wt={mail:Le,calendar:ke,"message-circle":he,globe:H,zap:V,code:Te,mic:xe,"shopping-cart":Me,palette:je,heart:Ee,settings:De,"link-2":me};function Tt(e){return wt[e]}var Et={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 Dt({selected:e,onSelect:t,counts:n,totalCount:r,showCounts:i,categories:a,ariaLabel:o}){let{t:s}=N(`intelligence`),c=e=>{let t=Et[e.slug];return t?s(t,e.label):e.label},l=[...a].sort((e,t)=>c(e).localeCompare(c(t)));return(0,K.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":o??s(`categorySidebar.skillCategoriesAriaLabel`),children:[(0,K.jsx)(Ot,{icon:R,label:s(`categorySidebar.all`),count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),l.map(r=>(0,K.jsx)(Ot,{icon:Tt(r.icon)??R,label:c(r),count:n[r.slug]??0,isActive:e===r.slug,showCount:i,onClick:()=>t(r.slug)},r.slug))]})}function Ot({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,K.jsxs)(f,{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,K.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,K.jsx)(e,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,K.jsx)(`span`,{className:`text-body-medium-default`,children:t})]}),i&&(0,K.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:n})]})}function kt({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let{t:o}=N(`intelligence`),s=Ve(e),c=y(e);return(0,K.jsx)(x.Root,{asChild:!0,children:(0,K.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,K.jsx)(`div`,{className:`flex shrink-0 items-center justify-center text-[28px] leading-none`,children:(0,K.jsx)(Ue,{skill:e,className:`h-7 w-7`})}),(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,K.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:e.name}),(0,K.jsx)(W,{origin:e.origin})]}),(0,K.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),s?i?(0,K.jsx)(f,{type:`button`,iconOnly:(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":o(`skillRow.installingAriaLabel`),expandOnMobile:!1}):(0,K.jsx)(f,{type:`button`,iconOnly:(0,K.jsx)(F,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":o(`skillRow.installSkillAriaLabel`),expandOnMobile:!1}):(0,K.jsx)(f,{type:`button`,variant:`dangerOutline`,iconOnly:a?(0,K.jsx)(B,{className:`animate-spin`,"aria-hidden":!0}):(0,K.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 At(){let{t:e}=N(`intelligence`);return{statusFilters:[{value:`all`,label:Q(`all`,e),icon:R},{value:`installed`,label:Q(`installed`,e),icon:L},{value:`available`,label:Q(`available`,e),icon:F}],typeFilters:[{value:`skills`,label:Q(`skills`,e),icon:V},{value:`plugins`,label:Q(`plugins`,e),icon:I}],originFilters:[{value:`vellum`,label:Q(`vellum`,e),icon:Be},{value:`clawhub`,label:Q(`clawhub`,e),icon:H},{value:`skillssh`,label:Q(`skillssh`,e),icon:ye},{value:`custom`,label:Q(`custom`,e),icon:Fe},{value:`assistant-memory`,label:Q(`assistant-memory`,e),icon:z}]}}function jt({search:e,onSearchChange:t,filter:n,onFilterChange:r,isSearching:i,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u,pluginsSupported:d,showCategories:f}){let{t:p}=N(`intelligence`);return(0,K.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,K.jsx)(T,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:p(`superpowersFilters.searchPlaceholder`),"aria-label":p(`superpowersFilters.searchAriaLabel`),leftIcon:(0,K.jsx)(we,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,K.jsx)(B,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,K.jsx)(Mt,{filter:n,onFilterChange:r,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u,pluginsSupported:d,showCategories:f})]})}function Mt(e){let{t}=N(`intelligence`),n=s(),[r,i]=(0,G.useState)(!1),{statusFilters:a,typeFilters:o,originFilters:c}=At(),l=(0,K.jsx)(f,{type:`button`,variant:`outlined`,iconOnly:(0,K.jsx)(Ke,{"aria-hidden":!0}),"aria-label":t(`superpowersFilters.filterAriaLabel`),"aria-haspopup":n?`dialog`:`listbox`,"aria-expanded":r,tintColor:`var(--primary-base)`});if(n)return(0,K.jsx)(Nt,{...e,open:r,onOpenChange:i,trigger:l});let u=t=>{e.onFilterChange(t),i(!1)};return(0,K.jsxs)(D.Root,{open:r,onOpenChange:i,children:[(0,K.jsx)(D.Trigger,{asChild:!0,children:l}),(0,K.jsx)(D.Content,{align:`end`,sideOffset:4,className:`w-44`,children:(0,K.jsxs)(`ul`,{role:`listbox`,children:[(0,K.jsx)(Lt,{label:t(`superpowersFilters.statusLabel`),options:a,selected:e.filter,onSelect:u}),e.pluginsSupported&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,K.jsx)(Lt,{label:t(`superpowersFilters.typeLabel`),options:o,selected:e.filter,onSelect:u})]}),(0,K.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,K.jsx)(Lt,{label:t(`superpowersFilters.sourceLabel`),options:c,selected:e.filter,onSelect:u}),e.showCategories&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,K.jsx)(It,{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),i(!1)}})]})]})})]})}function Nt({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:p}){let{t:m}=N(`intelligence`),{statusFilters:h,typeFilters:g,originFilters:_}=At();return(0,K.jsxs)(k.Root,{open:u,onOpenChange:d,children:[(0,K.jsx)(k.Trigger,{asChild:!0,children:p}),(0,K.jsxs)(k.Content,{className:`max-h-[85dvh]`,"aria-describedby":void 0,children:[(0,K.jsx)(`div`,{"aria-hidden":!0,className:`mx-auto mb-3 h-1 w-9 shrink-0 rounded-full bg-[var(--border-element)]`}),(0,K.jsx)(k.Header,{children:(0,K.jsx)(k.Title,{children:m(`superpowersFilters.filtersTitle`)})}),(0,K.jsxs)(k.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,K.jsx)(Pt,{label:m(`superpowersFilters.statusLabel`),children:h.map(n=>(0,K.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),c&&(0,K.jsx)(Pt,{label:m(`superpowersFilters.typeLabel`),children:g.map(n=>(0,K.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,K.jsx)(Pt,{label:m(`superpowersFilters.sourceLabel`),children:_.map(n=>(0,K.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),l&&(0,K.jsxs)(Pt,{label:m(`superpowersFilters.categoriesLabel`),children:[(0,K.jsx)($,{icon:R,label:m(`superpowersFilters.filterLabel.all`),active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),Ft(n).map(e=>(0,K.jsx)($,{icon:Tt(e.icon)??R,label:e.label,active:r===e.slug,badge:s?a[e.slug]??0:void 0,onSelect:()=>i(e.slug)},e.slug))]})]}),(0,K.jsx)(k.Footer,{children:(0,K.jsx)(f,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>d(!1),children:m(`superpowersFilters.done`)})})]})]})}function Pt({label:e,children:t}){return(0,K.jsxs)(`div`,{children:[(0,K.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,K.jsx)(m,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,K.jsx)(_e,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function Ft(e){return[...e].sort((e,t)=>e.label.localeCompare(t.label))}function It({categories:e,category:t,counts:n,totalCount:r,showCounts:i,allLabel:a,categoriesLabel:o,onSelect:s}){return(0,K.jsx)(Rt,{label:o,children:(0,K.jsx)(`ul`,{className:`max-h-48 overflow-y-auto`,children:[{slug:null,label:a,count:r},...Ft(e).map(e=>({slug:e.slug,label:e.label,count:n[e.slug]??0}))].map(e=>{let n=t===e.slug;return(0,K.jsx)(`li`,{children:(0,K.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,K.jsx)(`span`,{className:`flex-1 truncate`,children:e.label}),i&&(0,K.jsx)(`span`,{style:{color:`var(--content-tertiary)`},children:e.count})]})},e.slug??`all`)})})})}function Lt({label:e,options:t,selected:n,onSelect:r}){return(0,K.jsx)(Rt,{label:e,children:(0,K.jsx)(`ul`,{children:t.map(e=>{let t=e.icon,i=n===e.value;return(0,K.jsx)(`li`,{children:(0,K.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,K.jsx)(t,{className:`h-4 w-4`,"aria-hidden":!0}),(0,K.jsx)(`span`,{className:`flex-1`,children:e.label}),i&&(0,K.jsx)(L,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})})}function Rt({label:e,children:t}){return(0,K.jsxs)(`li`,{role:`group`,"aria-label":e,children:[(0,K.jsx)(`div`,{className:`px-2 py-1.5 text-body-small-default uppercase tracking-wide text-[var(--content-tertiary)]`,children:e}),t]})}var zt=300*1e3,Bt=[],Vt=[];async function Ht(e,t,n){let r=await c({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(A(`usePluginsList.failureMessage`,{ns:`intelligence`}));return r.data??{plugins:[]}}function Ut(e,t){let[n,r]=(0,G.useState)({assistantId:e,latched:!1}),i=n.assistantId===e?n.latched:!1;return n.assistantId!==e&&r({assistantId:e,latched:!1}),(0,G.useEffect)(()=>{t&&r(t=>t.assistantId===e&&t.latched?t:{assistantId:e,latched:!0})},[e,t]),i||t}function Wt(e,t=null,r=!0){let i=t??void 0,a=M({queryKey:n({path:{assistant_id:e},query:{q:void 0,category:i}}),queryFn:({signal:t})=>Ht(e,i,t),enabled:!!e&&r,staleTime:zt}),o=M({...b(e),enabled:!!e&&r&&t!==null}),s=M({...oe({path:{assistant_id:e},query:{q:void 0}}),enabled:!!e&&r,staleTime:zt}),c=(0,G.useMemo)(()=>{let e=t===null?a.data?.plugins:o.data?.plugins??a.data?.plugins;return new Set((e??Bt).map(e=>e.name))},[t,o.data?.plugins,a.data?.plugins]),l=(0,G.useMemo)(()=>{let e=a.data?.plugins??Bt,n=s.data?.matches??Vt;return at(rt(e,(t===null?n:n.filter(e=>(e.category??`system`)===t)).filter(e=>!c.has(e.name))))},[a.data?.plugins,s.data?.matches,t,c]),u=t===null?a.data:o.data,d=Ut(e,u?.categoryCounts!==void 0),f=Ut(e,(u?.plugins??Bt).some(e=>e.enabled!==void 0)),p=ce(),m=(0,G.useRef)(null);return(0,G.useEffect)(()=>{if(m.current===e||!s.isSuccess)return;let t=u?.plugins;if(!t?.length)return;let r=new Map((s.data?.matches??Vt).map(e=>[e.name,e.category]));t.some(e=>{let t=r.get(e.name);return t!=null&&t!==`system`&&(e.category??`system`)===`system`})&&(m.current=e,p.invalidateQueries({queryKey:n({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??Bt,installedTotal:u?.totalCount,catalogMatches:s.data?.matches??Vt,unfilteredInstalledNames:c}}function Gt(e){return M({...o({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}var Kt=new Set([`all`,`installed`,`available`,`skills`,`plugins`,`vellum`,`clawhub`,`skillssh`,`custom`,`assistant-memory`]);function qt(e){let t=e.get(`filter`),n=e.get(`category`);return{q:e.get(`q`)??``,filter:Xt(t)?t:`all`,category:n||null}}function Jt(e,t){let n=new URLSearchParams(e);return t.q!==void 0&&Yt(n,`q`,t.q.trim()||null),t.filter!==void 0&&Yt(n,`filter`,t.filter===`all`?null:t.filter),t.category!==void 0&&Yt(n,`category`,t.category),n}function Yt(e,t,n){n===null?e.delete(t):e.set(t,n)}function Xt(e){return e!==null&&Kt.has(e)}function Zt(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 Qt(e){return e!==`plugins`}function $t(e){return e===`all`||e===`installed`||e===`available`||e===`plugins`}function en(e){switch(e){case`installed`:return`installed`;case`available`:return`available`;default:return`all`}}function tn(e,t){let[n,r]=(0,G.useState)(e);return(0,G.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>clearTimeout(n)},[e,t]),n}var nn=300,rn=`vellum:superpowers:tipDismissed`;function an(e){return[...e].sort((e,t)=>e.installed===t.installed?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):e.installed?-1:1)}function on({assistantId:e}){let{t}=N(`intelligence`),n=fe(),r=de(),a=ce(),o=ie(),s=i.use.version(),c=Ge(),[d,f]=le(),{q:m,filter:h,category:g}=(0,G.useMemo)(()=>qt(d),[d]),_=d.get(`plugin`),v=(0,G.useCallback)(e=>{f(t=>Jt(t,e),{replace:!0})},[f]),y=d.get(`success`),b=(0,G.useRef)(!1);(0,G.useEffect)(()=>{y!==`true`||b.current||(b.current=!0,_&&O.success(t(`pluginToast.installed`,{name:_})),f(e=>{let t=new URLSearchParams(e);return t.delete(`success`),t},{replace:!0}))},[y,_,f,t]);let[x,C]=(0,G.useState)(m),T=tn(x.trim(),nn),E=(0,G.useRef)(m);(0,G.useEffect)(()=>{if(m!==E.current&&(E.current=m,m!==x.trim())){C(m);return}T!==m&&T===x.trim()&&(E.current=T,v({q:T}))},[T,m,x,v]);let te=(0,G.useCallback)(e=>v({filter:e}),[v]),D=(0,G.useCallback)(e=>v({category:e}),[v]),[k,oe]=(0,G.useState)(()=>u(rn,!1)),se=(0,G.useCallback)(()=>{oe(!0),p(rn,!0)},[]),A=!c&&h===`plugins`?`all`:h,j=Qt(A),ue=c&&$t(A),P=en(A),{handleInstall:pe,handleRemove:me,isInstallingSkill:he,isRemovingSkill:F,skillPendingRemoval:ge,confirmRemove:_e,cancelRemove:ve}=He(e),{data:ye=[]}=Gt(e),{origin:I,kind:be}=(0,G.useMemo)(()=>Zt(A),[A]),L=M({...l({path:{assistant_id:e},query:{include:`catalog`,origin:I,kind:be,q:T||void 0,category:g??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&j}),xe=M({...l({path:{assistant_id:e},query:{include:`catalog`,origin:I,kind:be,q:T||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&j&&g!==null}),{items:Se,isLoading:Ce,catalogLoading:we,isError:Te,isFetching:Ee,catalogError:De,categorySupported:Oe,installedCategoryCounts:ke,installedPlugins:Ae,installedTotal:R,catalogMatches:je,unfilteredInstalledNames:Me}=Wt(e,g,c),z=ue&&(g===null||Oe),Ne=(0,G.useCallback)(t=>ne(a,e,t),[e,a]),[B,V]=(0,G.useState)(null),[Pe,H]=(0,G.useState)(null),[Fe,Ie]=(0,G.useState)(null),[U,Le]=(0,G.useState)(null),[W,ze]=(0,G.useState)(null),Be=w({onMutate:e=>V(e.body.name),onSuccess:(e,n)=>O.success(t(`pluginToast.installed`,{name:n.body.name})),onError:()=>O.error(Qe),onSettled:(e,t,n)=>{V(null),Ne(n.body.name)}}),Ve=ae({onMutate:e=>H(e.path.name),onSuccess:(e,n)=>O.success(t(`pluginToast.removed`,{name:n.path.name})),onError:()=>O.error($e),onSettled:(e,t,n)=>{H(null),Ne(n.path.name)}}),Ue=S({onMutate:e=>Ie(e.path.name),onSuccess:(e,n)=>O.success(e.outcome===`already-up-to-date`?t(`pluginToast.alreadyUpToDate`,{name:n.path.name}):t(`pluginToast.upgraded`,{name:n.path.name,sha:st(e.toCommit)})),onError:()=>O.error(et),onSettled:(e,t,n)=>{Ie(null),Ne(n.path.name)}}),Ke=(0,G.useCallback)(e=>f(t=>{let n=new URLSearchParams(t);return n.set(`plugin`,e.name),n}),[f]),qe=(0,G.useCallback)(()=>f(e=>{let t=new URLSearchParams(e);return t.delete(`plugin`),t},{replace:!0}),[f]),Je=(0,G.useCallback)(t=>{Be.mutate({path:{assistant_id:e},body:{name:t.name}})},[e,Be]),tt=(0,G.useCallback)(()=>{U&&(Ve.mutate({path:{assistant_id:e,name:U.name}}),Le(null))},[e,U,Ve]),nt=(0,G.useCallback)(t=>{Ue.mutate({path:{assistant_id:e,name:t},body:{}})},[e,Ue]),rt=(0,G.useCallback)(()=>{W&&(nt(W.name),ze(null))},[W,nt]),at=(0,G.useCallback)((e,t)=>{if(mt(t)){ze(e);return}nt(e.name)},[nt]),ct=(0,G.useMemo)(()=>j?L.data?.skills??[]:[],[j,L.data?.skills]),lt=(0,G.useMemo)(()=>z?ot(Se,P).filter(e=>it(e,T)):[],[z,Se,P,T]),ut=(0,G.useMemo)(()=>an([...ct.map(e=>({type:`skill`,key:`skill:${e.id}`,name:e.name,installed:Re(e),skill:e})),...lt.map(e=>({type:`plugin`,key:`plugin:${e.name}`,name:e.name,installed:e.status===`installed`,item:e}))]),[ct,lt]),q=g===null?L.data:xe.data,J=sn(j,q?.skills??ct,q?.categoryCounts,q?.totalCount),Y=cn(ue&&Oe,ke,Ae,R,je,Me,P),{counts:dt,totalCount:X}=(0,G.useMemo)(()=>{let e={...J.counts};for(let[t,n]of Object.entries(Y.counts))e[t]=(e[t]??0)+n;return{counts:e,totalCount:J.totalCount+Y.totalCount}},[J,Y]),ft=j&&L.isLoading,pt=j&&L.isError,ht=z&&Ce,gt=z&&Te,_t=(pt||!j)&&(gt||!z)&&(pt||gt),Z=ft||ht,vt=!!T&&(j&&L.isFetching||z&&Ee&&!Ce),bt=x.trim().length>0;if(_&&!c&&s===null)return null;if(_&&c){let t=Se.find(e=>e.name===_),n={assistantId:e,name:_,externalHint:t?.external,enabled:t?.enabled,onBack:qe};return o?(0,K.jsx)(St,{...n}):(0,K.jsx)(yt,{...n})}let xt=(0,K.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:Z?(0,K.jsx)(fn,{}):_t?(0,K.jsx)(pn,{}):ut.length===0?z&&we&&P!==`installed`?(0,K.jsx)(fn,{}):(0,K.jsx)(mn,{filter:A,category:g}):(0,K.jsx)(`ul`,{className:`flex flex-col gap-2`,children:ut.map(t=>(0,K.jsx)(`li`,{children:t.type===`skill`?(0,K.jsx)(kt,{skill:t.skill,onSelect:()=>n(ee.skills.detail(t.skill.id),{state:{listSearch:r.search}}),onInstall:()=>pe(t.skill),onRemove:()=>me(t.skill),isInstalling:he(t.skill),isRemoving:F(t.skill)}):t.installed?(0,K.jsx)(ln,{assistantId:e,item:t.item,onSelect:()=>Ke(t.item),onRemove:()=>Le(t.item),onUpgrade:e=>at(t.item,e),isRemoving:Pe===t.item.name,isUpgrading:Fe===t.item.name}):(0,K.jsx)(Ct,{assistantId:e,item:t.item,onSelect:()=>Ke(t.item),onInstall:()=>Je(t.item),isInstalling:B===t.item.name})},t.key))})});return(0,K.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!k&&(0,K.jsx)(un,{onDismiss:se}),(0,K.jsx)(jt,{search:x,onSearchChange:C,filter:A,onFilterChange:te,isSearching:vt,categories:ye,category:g,onCategoryChange:D,counts:dt,totalCount:X,showCounts:!bt,pluginsSupported:c,showCategories:o}),!Z&&!_t&&pt?(0,K.jsx)(dn,{text:t(`superpowersTab.skillsUnavailableNotice`)}):null,!Z&&!_t&&gt?(0,K.jsx)(dn,{text:t(`superpowersTab.pluginsUnavailableNotice`)}):null,z&&De&&!ht&&!gt?(0,K.jsx)(dn,{text:t(`superpowersTab.catalogBrowsingUnavailableNotice`)}):null,(0,K.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[!o&&(0,K.jsx)(`aside`,{className:`w-56 shrink-0 overflow-y-auto`,children:(0,K.jsx)(Dt,{ariaLabel:t(`superpowersTab.categoriesAriaLabel`),selected:g,onSelect:D,counts:dt,totalCount:X,showCounts:!bt,categories:ye})}),xt]}),(0,K.jsx)(We,{skillName:ge?.name??null,onConfirm:_e,onCancel:ve}),(0,K.jsx)(re,{open:U!==null,title:t(`pluginDetailShared.removePluginTitle`),message:U?Ye(U.name):``,confirmLabel:t(`pluginDetailShared.remove`),destructive:!0,onConfirm:tt,onCancel:()=>Le(null)}),(0,K.jsx)(re,{open:W!==null,title:t(`pluginDetailShared.upgradePluginTitle`),message:W?Xe(W.name):``,confirmLabel:Ze,destructive:!0,onConfirm:rt,onCancel:()=>ze(null)})]})}function sn(e,t,n,r){return(0,G.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 cn(e,t,n,r,i,a,o){return(0,G.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 ln({assistantId:e,item:t,onSelect:n,onRemove:r,onUpgrade:i,isRemoving:a,isUpgrading:o}){let s=pt({assistantId:e,name:t.name}).data;return(0,K.jsx)(Ct,{assistantId:e,item:t,drift:s,onSelect:n,onRemove:r,onUpgrade:()=>i(s),isRemoving:a,isUpgrading:o})}function un({onDismiss:e}){let{t}=N(`intelligence`);return(0,K.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,K.jsx)(be,{className:`h-4 w-4 shrink-0`,style:{color:`var(--primary-base)`}}),(0,K.jsx)(`p`,{className:`flex-1`,children:t(`superpowersTab.tipBannerText`)}),(0,K.jsx)(f,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,K.jsx)(Oe,{"aria-hidden":!0}),onClick:e,"aria-label":t(`superpowersTab.dismissTipAriaLabel`),tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function dn({text:e}){return(0,K.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,K.jsx)(Ce,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,K.jsx)(`p`,{className:`flex-1`,children:e})]})}function fn(){return(0,K.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,K.jsx)(B,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function pn(){let{t:e}=N(`intelligence`);return(0,K.jsx)(x.Root,{children:(0,K.jsxs)(x.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,K.jsx)(ge,{className:`mb-3 h-8 w-8`,style:{color:`var(--system-danger)`},"aria-hidden":!0}),(0,K.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:e(`superpowersTab.errorStateTitle`)}),(0,K.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`superpowersTab.errorStateSubtitle`)})]})})}function mn({filter:e,category:t}){let{t:n}=N(`intelligence`),{title:r,subtitle:i,Icon:a}=hn(e,t,n);return(0,K.jsx)(ze,{icon:a,title:r,subtitle:i})}function hn(e,t,n){if(t)return{title:n(`superpowersTab.emptyState.categoryTitle`),subtitle:n(`superpowersTab.emptyState.categorySubtitle`),Icon:R};switch(e){case`installed`:return{title:n(`superpowersTab.emptyState.installedTitle`),subtitle:n(`superpowersTab.emptyState.installedSubtitle`),Icon:V};case`available`:return{title:n(`superpowersTab.emptyState.availableTitle`),subtitle:n(`superpowersTab.emptyState.availableSubtitle`),Icon:L};case`skills`:return{title:n(`superpowersTab.emptyState.skillsTitle`),subtitle:n(`superpowersTab.emptyState.skillsSubtitle`),Icon:V};case`plugins`:return{title:n(`superpowersTab.emptyState.pluginsTitle`),subtitle:n(`superpowersTab.emptyState.pluginsSubtitle`),Icon:I};case`vellum`:return{title:n(`superpowersTab.emptyState.vellumTitle`),subtitle:n(`superpowersTab.emptyState.vellumSubtitle`),Icon:V};case`clawhub`:return{title:n(`superpowersTab.emptyState.clawhubTitle`),subtitle:n(`superpowersTab.emptyState.clawhubSubtitle`),Icon:V};case`skillssh`:return{title:n(`superpowersTab.emptyState.skillsshTitle`),subtitle:n(`superpowersTab.emptyState.skillsshSubtitle`),Icon:V};case`custom`:return{title:n(`superpowersTab.emptyState.customTitle`),subtitle:n(`superpowersTab.emptyState.customSubtitle`),Icon:V};case`assistant-memory`:return{title:n(`superpowersTab.emptyState.assistantMemoryTitle`),subtitle:n(`superpowersTab.emptyState.assistantMemorySubtitle`),Icon:V};default:return{title:n(`superpowersTab.emptyState.defaultTitle`),subtitle:n(`superpowersTab.emptyState.defaultSubtitle`),Icon:Ce}}}function gn(){return(0,K.jsx)(on,{assistantId:_()})}export{gn as SuperpowersPage};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Dp as t,Sl as n,Z as r,hn as i,hx as a,ib as o,kp as s,yx as c}from"./app-BTYvw9j7.js";import{j as l,qn as u}from"./vendor-B2dSzLzU.js";import{r as d,t as f,x as p}from"./react-B9IgSVeK.js";import{E as m,Gi as h,Ri as g,Si as _,ki as v,qn as y}from"./icons-bnwMda87.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)(a,{tone:k(e,t),children:C(e)})}function j({status:e}){let t=w(e);return T(e)?(0,x.jsx)(a,{tone:`positive`,leftIcon:(0,x.jsx)(g,{}),children:t}):E(e)?(0,x.jsx)(a,{tone:`negative`,leftIcon:(0,x.jsx)(v,{}),children:t}):(0,x.jsx)(a,{tone:`neutral`,children:t})}function M({event:e}){let{t}=l(`logs`),[n,r]=(0,b.useState)(!1),i=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)(a,{tone:`warning`,leftIcon:(0,x.jsx)(m,{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)(_,{className:`h-3 w-3`}),(0,x.jsx)(`span`,{children:D(e.occurred_at)})]})]}),i&&(0,x.jsxs)(`div`,{className:`mt-2`,children:[(0,x.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(h,{className:`h-3 w-3 transition-transform ${n?`rotate-180`:``}`}),t(n?`systemEventsTab.hideDetails`:`systemEventsTab.showDetails`)]}),n&&(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:r,isLoading:i,isError:a,isFetchingNextPage:o,hasNextPage:s,fetchNextPage:c}=u({...n({path:{assistant_id:e}}),initialPageParam:0,getNextPageParam:(e,t)=>{if(e.next)return t.reduce((e,t)=>e+t.results.length,0)}}),d=r?.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})}),i?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(y,{className:`h-4 w-4 animate-spin`}),t(`systemEventsTab.loading`)]}):a?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--system-negative-strong)`},children:[(0,x.jsx)(m,{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)(y,{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=t(),u=r();return n===`gated`?(0,x.jsx)(d,{replace:!0,to:o.logs.root}):n===`disabled`?(0,x.jsx)(i,{children:e(`systemEventsPage.platformLoginNotice`)}):a?(0,x.jsx)(N,{assistantId:u}):(0,x.jsx)(c,{tone:`warning`,children:e(`systemEventsPage.notAvailable`)})}export{P as SystemEventsPage};

package/dist/assets/system-events-redirect-page-DB2YFarv.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{ib as t}from"./app-BTYvw9j7.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-CjURWwWf.js

@@ -0,0 +1 @@
+import{Mn as e,pr as t}from"./app-BTYvw9j7.js";import{j as n}from"./vendor-B2dSzLzU.js";import{t as r}from"./react-B9IgSVeK.js";import{t as i}from"./preview-error-BxxJs_Br.js";import{t as a}from"./use-truncated-blob-text-BvKowx9y.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-BOTIsKUX.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Nu as t,Ro as n,Sx as r,bx as i,fx as a,px as o}from"./app-BTYvw9j7.js";import{j as s}from"./vendor-B2dSzLzU.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)(r,{children:e(`themeStagePage.buttonPrimary`)}),(0,p.jsx)(r,{variant:`outlined`,children:e(`themeStagePage.buttonSecondary`)}),(0,p.jsx)(r,{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)(i,{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)(a,{fullWidth:!0,placeholder:e(`themeStagePage.inputPlaceholder`),readOnly:!0}),(0,p.jsx)(o,{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)(o,{fullWidth:!0,readOnly:!0,rows:1,placeholder:e(`themeStagePage.composerPlaceholder`)})}),(0,p.jsx)(r,{children:e(`themeStagePage.send`)})]})]})}function k(){let e=l(),[r]=c(),i=h(e.view),a=r.get(`tokens`),o=(0,f.useMemo)(()=>g(a),[a]);return t(),(0,f.useEffect)(()=>(n(o),()=>{n(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}},[i,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); }`}),i===`chat`?(0,p.jsx)(O,{}):(0,p.jsx)(D,{})]})}export{k as ThemeStagePage};