@vellumai/web 0.12.0 → 0.12.1-dev.202609141913.5e16607

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$g as t,Cf as n,Fr as r,La as i,Lf as a,Ni as o,Qg as s,Rf as c,Sb as l,Sf as u,Sx as d,Tb as f,Uy as p,Vm as m,Xb as h,Xg as g,Zg as _,Zt as v,ab as ee,ar as y,bx as b,dp as x,dx as S,fp as C,fx as te,hx as w,kn as T,mx as E,nt as ne,nx as D,rs as re,rx as O,tx as ie,uc as ae,up as oe,wf as se,xf as ce}from"./app-DxMy0jwj.js";import{I as k,Jn as A,Zn as j,er as le,j as M}from"./vendor-B2dSzLzU.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,Ba as _e,E as ve,Ki as ye,La as be,N as xe,Nt as P,Q as Se,Ri as F,Sn as Ce,Yr as we,_i as Te,_t as Ee,fi as De,hr as Oe,ht as ke,i as Ae,ia as je,k as Me,nr as I,on as Ne,ot as Pe,pa as L,qa as Fe,qn as R,r as z,ti as Ie,xr as B,y as Le,yr as Re,zi as V,zn as ze}from"./icons-bnwMda87.js";import{a as H,i as Be,n as Ve,o as He,r as Ue,t as We}from"./use-skill-actions-nsr480LX.js";import{t as Ge}from"./skill-icon-e9BlXBEc.js";import{t as Ke}from"./skill-removal-dialog-DFwTH584.js";import{t as qe}from"./plugins-surface-DDTktJOZ.js";var Je=Fe(`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:a=`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:i(`flex shrink-0 items-center justify-center`,Ye[a],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`),a=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:a,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:i(`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:i,onUpgrade:a,isInstalling:o,isRemoving:s,isUpgrading:c,hasLocalEdits:l,enabled:u,onToggle:f,isToggling:p}){let{t:m}=M(`intelligence`),[h,g]=(0,U.useState)(!1),[_,v]=(0,U.useState)(!1),ee=e.installed??!1,y=e.artifact??null,b=t?.status===`update-available`,x=b?m(`pluginDetailShared.upgradeTitle`,{fromSha:ct(t?.local?.commit??null),toSha:ct(t?.remote?.commit??null)}):void 0;return(0,W.jsxs)(W.Fragment,{children:[ee?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 md:flex-nowrap md:shrink-0`,children:[u!==void 0&&f?(0,W.jsx)(S,{label:m(`pluginDetailShared.autoIncludeInChat`),checked:u,onChange:()=>f(),disabled:p}):null,y?(0,W.jsx)(d,{type:`button`,leftIcon:(0,W.jsx)(Ie,{"aria-hidden":!0}),onClick:()=>void r(y.url,lt(y.url)),children:y.label??m(`pluginDetailShared.download`)}):null,b?(0,W.jsx)(d,{type:`button`,onClick:()=>{if(l){v(!0);return}a()},disabled:c,title:x,leftIcon:c?(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(V,{"aria-hidden":!0}),children:m(`pluginDetailShared.upgrade`)}):null,(0,W.jsx)(d,{type:`button`,variant:`dangerOutline`,onClick:()=>g(!0),disabled:s,leftIcon:s?(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Me,{"aria-hidden":!0}),children:m(`pluginDetailShared.remove`)})]}):(0,W.jsx)(d,{type:`button`,onClick:n,disabled:o,leftIcon:o?(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(_e,{"aria-hidden":!0}),children:m(`pluginDetailShared.install`)}),(0,W.jsx)(ie,{open:h,title:m(`pluginDetailShared.removePluginTitle`),message:Ze(e.name),confirmLabel:m(`pluginDetailShared.remove`),destructive:!0,onConfirm:()=>{g(!1),i()},onCancel:()=>g(!1)}),(0,W.jsx)(ie,{open:_,title:m(`pluginDetailShared.upgradePluginTitle`),message:Qe(e.name),confirmLabel:$e,destructive:!0,onConfirm:()=>{v(!1),a()},onCancel:()=>v(!1)})]})}function K(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,W.jsx)(R,{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:B}:{label:n(`pluginOriginBadge.local`),icon:Re};return(0,W.jsx)(w,{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)(w,{tone:`warning`,leftIcon:(0,U.createElement)(t?R:V,{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({...u({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}function ht(e,t,n){let{t:r}=M(`intelligence`),i=le(),a=n?.onRemoved,o=j({...ce({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t}),s=X({assistantId:e,name:t,enabled:o.data?.installed??!1}).data,c=(0,U.useCallback)(()=>re(i,e,t),[e,t,i]),l=C({onSuccess:()=>{c(),D.success(r(`pluginToast.installed`,{name:t||r(`pluginToast.pluginFallback`)}))}}),u=oe({onSuccess:()=>{c(),a?.()}}),d=x({onSuccess:e=>{c(),D.success(e.outcome===`already-up-to-date`?r(`pluginToast.alreadyUpToDate`,{name:t||r(`pluginToast.pluginFallbackCapitalized`)}):r(`pluginToast.upgraded`,{name:t||r(`pluginToast.pluginFallback`),sha:ct(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 m(gt)}function Z(e,t,n,r){let i=_t(),{data:a}=j({queryKey:[`pluginIcon`,e,t,r],queryFn:async()=>{let{data:n,error:r}=await s({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,c]=(0,U.useState)(void 0);return(0,U.useEffect)(()=>{if(!a){c(void 0);return}let e=URL.createObjectURL(a);return c(e),()=>{URL.revokeObjectURL(e)}},[a]),o}function vt(e){let t=le(),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=A({mutationFn:async({name:t,nextEnabled:n})=>{let r=await(n?_({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),D.error(rt)},onSettled:(n,r,i)=>{re(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:f,isInstalling:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:ee}=ht(e,t,{onRemoved:n}),{t:y}=M(`intelligence`),{toggle:x,togglingName:S}=vt(e),C=Z(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)(d,{type:`button`,variant:`ghost`,iconOnly:(0,W.jsx)(be,{"aria-hidden":!0}),"aria-label":y(`pluginDetail.backToPluginsAriaLabel`),onClick:n}),(0,W.jsx)(bt,{name:t,plugin:a,externalHint:r,iconSrc:C,drift:o,onInstall:l,onRemove:u,onUpgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:ee,enabled:i,onToggle:()=>x(t,!i),isToggling:S===t})]}),(g||_||v)&&(0,W.jsx)(J,{isInstallError:g,isRemoveError:_,isUpgradeError:v}),(0,W.jsx)(b.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)(T,{content:a.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:y(`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}=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 xt=e(de(),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:f,isInstalling:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:ee}=ht(e,t,{onRemoved:n}),{t:y}=M(`intelligence`),{toggle:x,togglingName:S}=vt(e),[C,te]=(0,U.useState)(null);(0,U.useEffect)(()=>{te(document.getElementById(`viewport-overlays`))},[]);let w=a?.source?.kind===`github`,E=a?w:r,ne=o?.status===`update-available`,D=a?.name??t,re=Z(e,t,a?.hasIcon,a?.iconVersion),O=(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)(d,{variant:`ghost`,iconOnly:(0,W.jsx)(be,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":y(`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:D}),(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:[E===void 0?(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,W.jsx)(Xe,{external:E,icon:a?.icon??void 0,iconSrc:re,size:`md`}),(0,W.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:D})]}),(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:w}):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:()=>x(t,!i),isToggling:S===t,onInstall:l,onRemove:u,onUpgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:ee})}):null,(g||_||v)&&(0,W.jsx)(`div`,{className:`mt-3`,children:(0,W.jsx)(J,{isInstallError:g,isRemoveError:_,isUpgradeError:v})}),(0,W.jsx)(b.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)(T,{content:a.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:y(`pluginDetail.noReadme`)})]})})})})]});return C?(0,xt.createPortal)(O,C):O}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}=M(`intelligence`),f=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,W.jsx)(b.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:g,className:h?`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:h?`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:u(`pluginListRow.version`,{version:t.version})}):null,(0,W.jsx)(w,{tone:`neutral`,leftIcon:(0,W.jsx)(P,{"aria-hidden":!0}),children:u(`pluginListRow.pluginTag`)}),p?(0,W.jsx)(Y,{onClick:o,isUpgrading:l}):null]}),(0,W.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,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?u(`pluginListRow.moreIssues`,{count:t.issues.length-1}):null]}):null]}),f?s?(0,W.jsx)(d,{type:`button`,iconOnly:(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":u(`pluginListRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(d,{type:`button`,iconOnly:(0,W.jsx)(_e,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),i?.()},disabled:!i,"aria-label":u(`pluginListRow.installPluginAriaLabel`),expandOnMobile:!1}):(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[m?(0,W.jsx)(w,{tone:t.enabled?`positive`:`neutral`,children:t.enabled?u(`pluginListRow.enabled`):u(`pluginListRow.disabled`)}):null,(0,W.jsx)(d,{type:`button`,variant:`dangerOutline`,iconOnly:c?(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Me,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),a?.()},disabled:c||l||!a,"aria-label":u(`pluginListRow.removePluginAriaLabel`),expandOnMobile:!1})]})]})})}var wt={mail:ze,calendar:je,"message-circle":ge,globe:B,zap:z,code:De,mic:Ce,"shopping-cart":Pe,palette:Ne,heart:Oe,settings:ke,"link-2":he};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}=M(`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,W.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":o??s(`categorySidebar.skillCategoriesAriaLabel`),children:[(0,W.jsx)(Ot,{icon:I,label:s(`categorySidebar.all`),count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),l.map(r=>(0,W.jsx)(Ot,{icon:Tt(r.icon)??I,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,W.jsxs)(d,{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 kt({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let{t:o}=M(`intelligence`),s=Ue(e),c=v(e);return(0,W.jsx)(b.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)(d,{type:`button`,iconOnly:(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":o(`skillRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(d,{type:`button`,iconOnly:(0,W.jsx)(_e,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":o(`skillRow.installSkillAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(d,{type:`button`,variant:`dangerOutline`,iconOnly:a?(0,W.jsx)(R,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(Me,{"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}=M(`intelligence`);return{statusFilters:[{value:`all`,label:Q(`all`,e),icon:I},{value:`installed`,label:Q(`installed`,e),icon:F},{value:`available`,label:Q(`available`,e),icon:_e}],typeFilters:[{value:`skills`,label:Q(`skills`,e),icon:z},{value:`plugins`,label:Q(`plugins`,e),icon:P}],originFilters:[{value:`vellum`,label:Q(`vellum`,e),icon:He},{value:`clawhub`,label:Q(`clawhub`,e),icon:B},{value:`skillssh`,label:Q(`skillssh`,e),icon:xe},{value:`custom`,label:Q(`custom`,e),icon:Le},{value:`assistant-memory`,label:Q(`assistant-memory`,e),icon:L}]}}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}=M(`intelligence`);return(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(te,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:p(`superpowersFilters.searchPlaceholder`),"aria-label":p(`superpowersFilters.searchAriaLabel`),leftIcon:(0,W.jsx)(Ee,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,W.jsx)(R,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,W.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}=M(`intelligence`),n=o(),[r,i]=(0,U.useState)(!1),{statusFilters:a,typeFilters:s,originFilters:c}=At(),l=(0,W.jsx)(d,{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)(Nt,{...e,open:r,onOpenChange:i,trigger:l});let u=t=>{e.onFilterChange(t),i(!1)};return(0,W.jsxs)(E.Root,{open:r,onOpenChange:i,children:[(0,W.jsx)(E.Trigger,{asChild:!0,children:l}),(0,W.jsx)(E.Content,{align:`end`,sideOffset:4,className:`w-44`,children:(0,W.jsxs)(`ul`,{role:`listbox`,children:[(0,W.jsx)(Lt,{label:t(`superpowersFilters.statusLabel`),options:a,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)(Lt,{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)(Lt,{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)(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:f,trigger:p}){let{t:m}=M(`intelligence`),{statusFilters:h,typeFilters:g,originFilters:_}=At();return(0,W.jsxs)(O.Root,{open:u,onOpenChange:f,children:[(0,W.jsx)(O.Trigger,{asChild:!0,children:p}),(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)(Pt,{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)(Pt,{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)(Pt,{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)(Pt,{label:m(`superpowersFilters.categoriesLabel`),children:[(0,W.jsx)($,{icon:I,label:m(`superpowersFilters.filterLabel.all`),active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),Ft(n).map(e=>(0,W.jsx)($,{icon:Tt(e.icon)??I,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)(d,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>f(!1),children:m(`superpowersFilters.done`)})})]})]})}function Pt({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)(h,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,W.jsx)(ye,{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,W.jsx)(Rt,{label:o,children:(0,W.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,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 Lt({label:e,options:t,selected:n,onSelect:r}){return(0,W.jsx)(Rt,{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)(F,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})})}function Rt({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 zt=300*1e3,Bt=[],Vt=[];async function Ht(e,n,r){let i=await t({path:{assistant_id:e},query:{q:void 0,category:n},signal:r,throwOnError:!1});if(i.response?.status===404)return{plugins:[]};if(!i.response?.ok)throw Error(k(`usePluginsList.failureMessage`,{ns:`intelligence`}));return i.data??{plugins:[]}}function Ut(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 Wt(e,t=null,r=!0){let i=t??void 0,a=j({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=j({...y(e),enabled:!!e&&r&&t!==null}),s=j({...se({path:{assistant_id:e},query:{q:void 0}}),enabled:!!e&&r,staleTime:zt}),c=(0,U.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,U.useMemo)(()=>{let e=a.data?.plugins??Bt,n=s.data?.matches??Vt;return ot(it(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=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 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 j({...a({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,U.useState)(e);return(0,U.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}=M(`intelligence`),n=pe(),r=fe(),i=le(),a=ae(),o=p.use.version(),s=qe(),[u,d]=ue(),{q:m,filter:h,category:g}=(0,U.useMemo)(()=>qt(u),[u]),_=u.get(`plugin`),v=(0,U.useCallback)(e=>{d(t=>Jt(t,e),{replace:!0})},[d]),y=u.get(`success`),b=(0,U.useRef)(!1);(0,U.useEffect)(()=>{y!==`true`||b.current||(b.current=!0,_&&D.success(t(`pluginToast.installed`,{name:_})),d(e=>{let t=new URLSearchParams(e);return t.delete(`success`),t},{replace:!0}))},[y,_,d,t]);let[S,te]=(0,U.useState)(m),w=tn(S.trim(),nn),T=(0,U.useRef)(m);(0,U.useEffect)(()=>{if(m!==T.current&&(T.current=m,m!==S.trim())){te(m);return}w!==m&&w===S.trim()&&(T.current=w,v({q:w}))},[w,m,S,v]);let E=(0,U.useCallback)(e=>v({filter:e}),[v]),ne=(0,U.useCallback)(e=>v({category:e}),[v]),[O,se]=(0,U.useState)(()=>l(rn,!1)),ce=(0,U.useCallback)(()=>{se(!0),f(rn,!0)},[]),k=!s&&h===`plugins`?`all`:h,A=Qt(k),de=s&&$t(k),N=en(k),{handleInstall:me,handleRemove:he,isInstallingSkill:ge,isRemovingSkill:_e,skillPendingRemoval:ve,confirmRemove:ye,cancelRemove:be}=We(e),{data:xe=[]}=Gt(e),{origin:P,kind:Se}=(0,U.useMemo)(()=>Zt(k),[k]),F=j({...c({path:{assistant_id:e},query:{include:`catalog`,origin:P,kind:Se,q:w||void 0,category:g??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A}),Ce=j({...c({path:{assistant_id:e},query:{include:`catalog`,origin:P,kind:Se,q:w||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A&&g!==null}),{items:we,isLoading:Te,catalogLoading:Ee,isError:De,isFetching:Oe,catalogError:ke,categorySupported:Ae,installedCategoryCounts:je,installedPlugins:Me,installedTotal:I,catalogMatches:Ne,unfilteredInstalledNames:Pe}=Wt(e,g,s),L=de&&(g===null||Ae),Fe=(0,U.useCallback)(t=>re(i,e,t),[e,i]),[R,z]=(0,U.useState)(null),[Ie,B]=(0,U.useState)(null),[Le,Re]=(0,U.useState)(null),[V,ze]=(0,U.useState)(null),[H,Ve]=(0,U.useState)(null),He=C({onMutate:e=>z(e.body.name),onSuccess:(e,n)=>D.success(t(`pluginToast.installed`,{name:n.body.name})),onError:()=>D.error(et),onSettled:(e,t,n)=>{z(null),Fe(n.body.name)}}),Ue=oe({onMutate:e=>B(e.path.name),onSuccess:(e,n)=>D.success(t(`pluginToast.removed`,{name:n.path.name})),onError:()=>D.error(tt),onSettled:(e,t,n)=>{B(null),Fe(n.path.name)}}),Ge=x({onMutate:e=>Re(e.path.name),onSuccess:(e,n)=>D.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:()=>D.error(nt),onSettled:(e,t,n)=>{Re(null),Fe(n.path.name)}}),Je=(0,U.useCallback)(e=>d(t=>{let n=new URLSearchParams(t);return n.set(`plugin`,e.name),n}),[d]),Ye=(0,U.useCallback)(()=>d(e=>{let t=new URLSearchParams(e);return t.delete(`plugin`),t},{replace:!0}),[d]),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)(()=>L?st(we,N).filter(e=>at(e,w)):[],[L,we,N,w]),dt=(0,U.useMemo)(()=>an([...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=g===null?F.data:Ce.data,q=sn(A,K?.skills??lt,K?.categoryCounts,K?.totalCount),J=cn(de&&Ae,je,Me,I,Ne,Pe,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=L&&Te,gt=L&&De,_t=(X||!A)&&(gt||!L)&&(X||gt),Z=pt||ht,vt=!!w&&(A&&F.isFetching||L&&Oe&&!Te),bt=S.trim().length>0;if(_&&!s&&o===null)return null;if(_&&s){let t=we.find(e=>e.name===_),n={assistantId:e,name:_,externalHint:t?.external,enabled:t?.enabled,onBack:Ye};return a?(0,W.jsx)(St,{...n}):(0,W.jsx)(yt,{...n})}let xt=(0,W.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:Z?(0,W.jsx)(fn,{}):_t?(0,W.jsx)(pn,{}):dt.length===0?L&&Ee&&N!==`installed`?(0,W.jsx)(fn,{}):(0,W.jsx)(mn,{filter:k,category:g}):(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)(kt,{skill:t.skill,onSelect:()=>n(ee.skills.detail(t.skill.id),{state:{listSearch:r.search}}),onInstall:()=>me(t.skill),onRemove:()=>he(t.skill),isInstalling:ge(t.skill),isRemoving:_e(t.skill)}):t.installed?(0,W.jsx)(ln,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onRemove:()=>ze(t.item),onUpgrade:e=>ot(t.item,e),isRemoving:Ie===t.item.name,isUpgrading:Le===t.item.name}):(0,W.jsx)(Ct,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onInstall:()=>Xe(t.item),isInstalling:R===t.item.name})},t.key))})});return(0,W.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!O&&(0,W.jsx)(un,{onDismiss:ce}),(0,W.jsx)(jt,{search:S,onSearchChange:te,filter:k,onFilterChange:E,isSearching:vt,categories:xe,category:g,onCategoryChange:ne,counts:ft,totalCount:Y,showCounts:!bt,pluginsSupported:s,showCategories:a}),!Z&&!_t&&X?(0,W.jsx)(dn,{text:t(`superpowersTab.skillsUnavailableNotice`)}):null,!Z&&!_t&&gt?(0,W.jsx)(dn,{text:t(`superpowersTab.pluginsUnavailableNotice`)}):null,L&&ke&&!ht&&!gt?(0,W.jsx)(dn,{text:t(`superpowersTab.catalogBrowsingUnavailableNotice`)}):null,(0,W.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[!a&&(0,W.jsx)(`aside`,{className:`w-56 shrink-0 overflow-y-auto`,children:(0,W.jsx)(Dt,{ariaLabel:t(`superpowersTab.categoriesAriaLabel`),selected:g,onSelect:ne,counts:ft,totalCount:Y,showCounts:!bt,categories:xe})}),xt]}),(0,W.jsx)(Ke,{skillName:ve?.name??null,onConfirm:ye,onCancel:be}),(0,W.jsx)(ie,{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)(ie,{open:H!==null,title:t(`pluginDetailShared.upgradePluginTitle`),message:H?Qe(H.name):``,confirmLabel:$e,destructive:!0,onConfirm:it,onCancel:()=>Ve(null)})]})}function sn(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 cn(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 ln({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)(Ct,{assistantId:e,item:t,drift:s,onSelect:n,onRemove:r,onUpgrade:()=>i(s),isRemoving:a,isUpgrading:o})}function un({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)(Se,{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)(d,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,W.jsx)(Ae,{"aria-hidden":!0}),onClick:e,"aria-label":t(`superpowersTab.dismissTipAriaLabel`),tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function dn({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)(Te,{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 fn(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,W.jsx)(R,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function pn(){let{t:e}=M(`intelligence`);return(0,W.jsx)(b.Root,{children:(0,W.jsxs)(b.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 mn({filter:e,category:t}){let{t:n}=M(`intelligence`),{title:r,subtitle:i,Icon:a}=hn(e,t,n);return(0,W.jsx)(Ve,{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:I};switch(e){case`installed`:return{title:n(`superpowersTab.emptyState.installedTitle`),subtitle:n(`superpowersTab.emptyState.installedSubtitle`),Icon:z};case`available`:return{title:n(`superpowersTab.emptyState.availableTitle`),subtitle:n(`superpowersTab.emptyState.availableSubtitle`),Icon:F};case`skills`:return{title:n(`superpowersTab.emptyState.skillsTitle`),subtitle:n(`superpowersTab.emptyState.skillsSubtitle`),Icon:z};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:z};case`clawhub`:return{title:n(`superpowersTab.emptyState.clawhubTitle`),subtitle:n(`superpowersTab.emptyState.clawhubSubtitle`),Icon:z};case`skillssh`:return{title:n(`superpowersTab.emptyState.skillsshTitle`),subtitle:n(`superpowersTab.emptyState.skillsshSubtitle`),Icon:z};case`custom`:return{title:n(`superpowersTab.emptyState.customTitle`),subtitle:n(`superpowersTab.emptyState.customSubtitle`),Icon:z};case`assistant-memory`:return{title:n(`superpowersTab.emptyState.assistantMemoryTitle`),subtitle:n(`superpowersTab.emptyState.assistantMemorySubtitle`),Icon:z};default:return{title:n(`superpowersTab.emptyState.defaultTitle`),subtitle:n(`superpowersTab.emptyState.defaultSubtitle`),Icon:Te}}}function gn(){return(0,W.jsx)(on,{assistantId:ne()})}export{gn as SuperpowersPage};

package/dist/assets/system-events-page-8K2GCQdQ.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Ap as t,Op as n,Sl as r,ab as i,hn as a,hx as o,nt as s,yx as c}from"./app-DxMy0jwj.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)(o,{tone:k(e,t),children:C(e)})}function j({status:e}){let t=w(e);return T(e)?(0,x.jsx)(o,{tone:`positive`,leftIcon:(0,x.jsx)(g,{}),children:t}):E(e)?(0,x.jsx)(o,{tone:`negative`,leftIcon:(0,x.jsx)(v,{}),children:t}):(0,x.jsx)(o,{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)(o,{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:n,isLoading:i,isError:a,isFetchingNextPage:o,hasNextPage:s,fetchNextPage:c}=u({...r({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})}),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`),r=t({platformHostedOnly:!0}),o=n(),u=s();return r===`gated`?(0,x.jsx)(d,{replace:!0,to:i.logs.root}):r===`disabled`?(0,x.jsx)(a,{children:e(`systemEventsPage.platformLoginNotice`)}):o?(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-DBbcQGWP.js

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

@@ -0,0 +1 @@
+import{Mn as e,pr as t}from"./app-DxMy0jwj.js";import{j as n}from"./vendor-B2dSzLzU.js";import{t as r}from"./react-B9IgSVeK.js";import{t as i}from"./preview-error-vNKC-_Ku.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-CQrjXQDR.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-DxMy0jwj.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};