@vellumai/web 0.12.3-staging.1 → 0.12.3

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$f as t,AS as n,Ar as r,Bp as i,Cx as a,DS as o,HS as s,JS as c,LS as l,Nn as u,Qc as d,Qf as f,Qi as p,TS as m,Us as h,Uv as g,Vp as _,Vx as v,Wx as y,Zf as b,g as x,gS as S,hS as C,ho as w,jS as T,mp as ee,mv as E,nt as D,pp as O,pv as k,qS as A,sx as te,wS as ne,zp as re}from"./app-CuJb51Ub.js";import{I as j,Qn as M,Yn as ie,j as N,tr as ae}from"./vendor-CYmPHUS2.js";import{_ as oe,b as se,d as ce,f as le,t as P,x as F}from"./react-B9IgSVeK.js";import{$ as ue,A as I,Bi as de,Cr as fe,D as pe,Ha as L,Ji as me,Mn as he,P as ge,Pt as R,Vi as _e,Vn as ve,Ya as z,Yn as B,Zr as ye,_r as be,b as xe,gt as Se,ha as Ce,i as we,ir as V,mi as Te,oa as Ee,r as H,ri as De,sn as Oe,st as U,tr as ke,vt as Ae,wn as je,xr as Me,yi as Ne,za as Pe}from"./icons-C0wyat6T.js";import{a as Fe,i as Ie,n as W,o as Le,r as G,t as Re}from"./use-skill-actions-DBpPjM48.js";import{t as ze}from"./skill-icon-DcBBE55l.js";import{t as Be}from"./skill-removal-dialog-CJY2_gFa.js";import{t as Ve}from"./plugins-surface-iPrkdvkP.js";import{c as He,i as Ue,l as We,n as Ge,o as Ke,r as K,s as qe,u as q}from"./use-plugins-list-B6wYwnD_.js";import{t as Je}from"./use-debounced-value-Dbgs3rOl.js";var Ye=z(`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`}]]),J=e(F(),1),Xe=e=>j(`pluginConstants.removeConfirmMessage`,{ns:`intelligence`,name:e}),Ze=e=>j(`pluginConstants.riskyUpgradeConfirmMessage`,{ns:`intelligence`,name:e}),Qe=j(`pluginConstants.riskyUpgradeConfirmLabel`,{ns:`intelligence`}),$e=j(`pluginConstants.installError`,{ns:`intelligence`}),et=j(`pluginConstants.removeError`,{ns:`intelligence`}),tt=j(`pluginConstants.upgradeError`,{ns:`intelligence`}),nt=j(`pluginConstants.toggleError`,{ns:`intelligence`}),Y=P();function rt(e){try{return new URL(e,window.location.href).pathname.split(`/`).pop()||`plugin-artifact`}catch{return`plugin-artifact`}}function it({plugin:e,surfaces:t=null,className:n}){let{t:r}=N(`intelligence`),i=e.source?.kind===`github`?e.source.repo:r(`pluginDetailShared.localSource`),a=e.source?.kind===`github`?`https://github.com/${e.source.repo}`:null,o=[{label:r(`pluginDetailShared.sourceLabel`),value:i,href:a??void 0}];return e.homepage&&o.push({label:r(`pluginDetailShared.homepageLabel`),value:e.homepage,href:e.homepage}),e.license&&o.push({label:r(`pluginDetailShared.licenseLabel`),value:e.license}),t&&(t.skills.length>0&&o.push({label:r(`pluginDetailShared.skillsLabel`),value:String(t.skills.length)}),t.hooks.length>0&&o.push({label:r(`pluginDetailShared.hooksLabel`),value:String(t.hooks.length)}),t.tools.length>0&&o.push({label:r(`pluginDetailShared.toolsLabel`),value:String(t.tools.length)})),(0,Y.jsx)(`dl`,{className:w(`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:o.map(e=>(0,Y.jsxs)(`div`,{className:`contents`,children:[(0,Y.jsx)(`dt`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.label}),(0,Y.jsx)(`dd`,{className:`min-w-0 truncate text-body-small-default`,style:{color:`var(--content-secondary)`},children:e.href?(0,Y.jsxs)(g,{href:e.href,tone:`default`,className:`inline-flex items-center gap-1`,glyph:!1,children:[e.value,(0,Y.jsx)(ye,{className:`h-3 w-3`,"aria-hidden":!0})]}):e.value})]},e.label))})}function X({plugin:e,drift:t,onInstall:n,onRemove:i,onUpgrade:a,isInstalling:o,isRemoving:s,isUpgrading:l,hasLocalEdits:u,enabled:d,onToggle:f,isToggling:p}){let{t:m}=N(`intelligence`),[h,g]=(0,J.useState)(!1),[_,v]=(0,J.useState)(!1),y=e.installed??!1,b=e.artifact??null,x=t?.status===`update-available`,S=x?m(`pluginDetailShared.upgradeTitle`,{fromSha:We(t?.local?.commit??null),toSha:We(t?.remote?.commit??null)}):void 0;return(0,Y.jsxs)(Y.Fragment,{children:[y?(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 md:flex-nowrap md:shrink-0`,children:[d!==void 0&&f?(0,Y.jsx)(ne,{label:m(`pluginDetailShared.autoIncludeInChat`),checked:d,onChange:()=>f(),disabled:p}):null,b?(0,Y.jsx)(c,{type:`button`,leftIcon:(0,Y.jsx)(De,{"aria-hidden":!0}),onClick:()=>void r(b.url,rt(b.url)),children:b.label??m(`pluginDetailShared.download`)}):null,x?(0,Y.jsx)(c,{type:`button`,onClick:()=>{if(u){v(!0);return}a()},disabled:l,title:S,loading:l,leftIcon:(0,Y.jsx)(_e,{"aria-hidden":!0}),children:m(`pluginDetailShared.upgrade`)}):null,(0,Y.jsx)(c,{type:`button`,variant:`dangerOutline`,onClick:()=>g(!0),disabled:s,loading:s,leftIcon:(0,Y.jsx)(I,{"aria-hidden":!0}),children:m(`pluginDetailShared.remove`)})]}):(0,Y.jsx)(c,{type:`button`,onClick:n,disabled:o,loading:o,leftIcon:(0,Y.jsx)(L,{"aria-hidden":!0}),children:m(`pluginDetailShared.install`)}),(0,Y.jsx)(C,{open:h,title:m(`pluginDetailShared.removePluginTitle`),message:Xe(e.name),confirmLabel:m(`pluginDetailShared.remove`),destructive:!0,onConfirm:()=>{g(!1),i()},onCancel:()=>g(!1)}),(0,Y.jsx)(C,{open:_,title:m(`pluginDetailShared.upgradePluginTitle`),message:Ze(e.name),confirmLabel:Qe,destructive:!0,onConfirm:()=>{v(!1),a()},onCancel:()=>v(!1)})]})}function at(){return(0,Y.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,Y.jsx)(B,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function ot(){let{t:e}=N(`intelligence`);return(0,Y.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,Y.jsx)(pe,{className:`h-6 w-6`,"aria-hidden":!0}),(0,Y.jsx)(`p`,{className:`text-body-medium-default`,children:e(`pluginDetailShared.loadErrorTitle`)}),(0,Y.jsx)(`p`,{className:`text-body-small-lighter`,children:e(`pluginDetailShared.loadErrorDetail`)})]})}function Z({isInstallError:e,isRemoveError:t,isUpgradeError:n}){let r=e?$e:t?et:n?tt:null;return r?(0,Y.jsxs)(`div`,{className:`mb-3 flex items-center gap-2 rounded px-3 py-2 text-body-small-default`,style:{backgroundColor:`var(--surface-active)`,color:`var(--content-warning, var(--content-tertiary))`},role:`alert`,children:[(0,Y.jsx)(pe,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),r]}):null}function st({external:e,className:t}){let{t:n}=N(`intelligence`),r=e?{label:n(`pluginOriginBadge.external`),icon:fe}:{label:n(`pluginOriginBadge.local`),icon:Me};return(0,Y.jsx)(T,{tone:`neutral`,leftIcon:(0,J.createElement)(r.icon),className:t,children:r.label})}function Q({onClick:e,isUpgrading:t=!1}={}){let{t:r}=N(`intelligence`),i=(0,J.createElement)(t?B:_e,{className:t?`animate-spin`:void 0}),a=r(`updateAvailableBadge.updateAvailable`);return e?(0,Y.jsx)(n,{tone:`warning`,leftIcon:i,onClick:t=>{t.stopPropagation(),e()},disabled:t,"aria-label":r(`updateAvailableBadge.upgradePluginAriaLabel`),className:`shrink-0`,children:a}):(0,Y.jsx)(T,{tone:`warning`,leftIcon:i,className:`shrink-0`,children:a})}var ct=300*1e3;function lt({assistantId:e,name:t,enabled:n=!0}){return M({...f({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t&&n,staleTime:ct,retry:!1})}function ut(e){let t=e?.local?.localChanges;return!!t&&t?.clean===!1}function dt(e,t,n){let{t:r}=N(`intelligence`),a=ae(),o=n?.onInstalled,s=n?.onRemoved,c=M({...b({path:{assistant_id:e,name:t}}),enabled:!!e&&!!t}),l=lt({assistantId:e,name:t,enabled:c.data?.installed??!1}).data,u=(0,J.useCallback)(()=>h(a,e,t),[e,t,a]),d=Ue(e,t,{onInstalled:o,onRemoved:s}),f=i({onSuccess:e=>{u(),S.success(e.outcome===`already-up-to-date`?r(`pluginToast.alreadyUpToDate`,{name:t||r(`pluginToast.pluginFallbackCapitalized`)}):r(`pluginToast.upgraded`,{name:t||r(`pluginToast.pluginFallback`),sha:We(e.toCommit)}))}});return{plugin:c.data??null,drift:l,isLoading:c.isLoading,isError:c.isError,install:d.install,remove:d.remove,upgrade:()=>{f.mutate({path:{assistant_id:e,name:t},body:{}})},isInstalling:d.isInstalling,isRemoving:d.isRemoving,isUpgrading:f.isPending,isInstallError:d.isInstallError,isRemoveError:d.isRemoveError,isUpgradeError:f.isError,hasLocalEdits:ut(l)}}function ft(e){let n=ae(),r={queryKey:t({path:{assistant_id:e}})},i=(e,t)=>{n.setQueriesData(r,n=>n&&{...n,plugins:n.plugins.map(n=>n.name===e?{...n,enabled:t}:n)})},a=ie({mutationFn:async({name:t,nextEnabled:n})=>{let r=await(n?E({path:{assistant_id:e,name:t},throwOnError:!1}):k({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:t})=>{await n.cancelQueries(r),i(e,t)},onError:(e,{name:t,nextEnabled:n})=>{i(t,!n),S.error(nt)},onSettled:(t,r,i)=>{h(n,e,i.name)}});return{toggle:(e,t)=>{a.mutate({name:e,nextEnabled:t})},togglingName:a.isPending?a.variables?.name??null:null}}function pt({assistantId:e,name:t,onBack:n,externalHint:r,enabled:i}){let{plugin:a,drift:o,isLoading:s,isError:d,install:f,remove:p,upgrade:m,isInstalling:h,isRemoving:g,isUpgrading:_,isInstallError:v,isRemoveError:y,isUpgradeError:b,hasLocalEdits:x}=dt(e,t,{onRemoved:n}),{t:S}=N(`intelligence`),{toggle:C,togglingName:w}=ft(e),T=K(e,t,a?.hasIcon,a?.iconVersion);return(0,Y.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col`,children:[(0,Y.jsxs)(`div`,{className:`mb-4 flex items-start gap-3`,children:[(0,Y.jsx)(c,{type:`button`,variant:`ghost`,iconOnly:(0,Y.jsx)(Pe,{"aria-hidden":!0}),"aria-label":S(`pluginDetail.backToPluginsAriaLabel`),onClick:n}),(0,Y.jsx)(mt,{name:t,plugin:a,externalHint:r,iconSrc:T,drift:o,onInstall:f,onRemove:p,onUpgrade:m,isInstalling:h,isRemoving:g,isUpgrading:_,hasLocalEdits:x,enabled:i,onToggle:()=>C(t,!i),isToggling:w===t})]}),(v||y||b)&&(0,Y.jsx)(Z,{isInstallError:v,isRemoveError:y,isUpgradeError:b}),(0,Y.jsx)(l.Root,{asChild:!0,children:(0,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:s?(0,Y.jsx)(at,{}):d||!a?(0,Y.jsx)(ot,{}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(it,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,Y.jsx)(u,{content:a.readme}):(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:S(`pluginDetail.noReadme`)})]})})})]})}function mt({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,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-center`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[_===void 0?(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,Y.jsx)(q,{external:_,icon:t?.icon??void 0,iconSrc:r,size:`md`}),(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,Y.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:t?.name??e}),t?.version?(0,Y.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:h(`pluginDetail.version`,{version:t.version})}):null,t?(0,Y.jsx)(st,{external:g}):null,v?(0,Y.jsx)(Q,{}):null]}),t?.description?(0,Y.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:t.description}):null]})]}),t?(0,Y.jsx)(X,{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 ht=e(se(),1);function gt({assistantId:e,name:t,onBack:n,externalHint:r,enabled:i}){let{plugin:a,drift:o,isLoading:s,isError:d,install:f,remove:p,upgrade:m,isInstalling:h,isRemoving:g,isUpgrading:_,isInstallError:v,isRemoveError:y,isUpgradeError:b,hasLocalEdits:x}=dt(e,t,{onRemoved:n}),{t:S}=N(`intelligence`),{toggle:C,togglingName:w}=ft(e),[T,ee]=(0,J.useState)(null);(0,J.useEffect)(()=>{ee(document.getElementById(`viewport-overlays`))},[]);let E=a?.source?.kind===`github`,D=a?E:r,O=o?.status===`update-available`,k=a?.name??t,A=K(e,t,a?.hasIcon,a?.iconVersion),te=(0,Y.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,Y.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Y.jsx)(c,{variant:`ghost`,iconOnly:(0,Y.jsx)(Pe,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":S(`pluginDetail.backToPluginsAriaLabel`),onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,Y.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:k}),(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0 touch-mobile:h-10 touch-mobile:w-10`})]}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[D===void 0?(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,Y.jsx)(q,{external:D,icon:a?.icon??void 0,iconSrc:A,size:`md`}),(0,Y.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:k})]}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[O?(0,Y.jsx)(Q,{}):null,a?(0,Y.jsx)(st,{external:E}):null]})]}),a?.description?(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:a.description}):null]}),a?(0,Y.jsx)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:(0,Y.jsx)(X,{plugin:a,drift:o,enabled:i,onToggle:()=>C(t,!i),isToggling:w===t,onInstall:f,onRemove:p,onUpgrade:m,isInstalling:h,isRemoving:g,isUpgrading:_,hasLocalEdits:x})}):null,(v||y||b)&&(0,Y.jsx)(`div`,{className:`mt-3`,children:(0,Y.jsx)(Z,{isInstallError:v,isRemoveError:y,isUpgradeError:b})}),(0,Y.jsx)(l.Root,{asChild:!0,noPadding:!0,children:(0,Y.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,Y.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:s?(0,Y.jsx)(at,{}):d||!a?(0,Y.jsx)(ot,{}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(it,{plugin:a,surfaces:o?.surfaces??null}),a.readme?(0,Y.jsx)(u,{content:a.readme}):(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:S(`pluginDetail.noReadme`)})]})})})})]});return T?(0,ht.createPortal)(te,T):te}function _t({assistantId:e,item:t,drift:n,onSelect:r,onInstall:i,onRemove:a,onUpgrade:o,isInstalling:s=!1,isRemoving:u=!1,isUpgrading:d=!1}){let{t:f}=N(`intelligence`),p=t.status===`available`,m=n?.status===`update-available`,h=t.enabled!==void 0,g=t.enabled===!1,_=K(e,t.name,t.hasIcon,t.iconVersion);return(0,Y.jsx)(l.Root,{asChild:!0,children:(0,Y.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,Y.jsx)(q,{size:`sm`,external:t.external,icon:t.icon,iconUrl:t.iconUrl,iconSrc:_,className:g?`opacity-50`:void 0}),(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:g?`var(--content-tertiary)`:`var(--content-emphasised)`},children:t.name}),t.version?(0,Y.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:f(`pluginListRow.version`,{version:t.version})}):null,(0,Y.jsx)(T,{tone:`neutral`,leftIcon:(0,Y.jsx)(R,{"aria-hidden":!0}),children:f(`pluginListRow.pluginTag`)}),m?(0,Y.jsx)(Q,{onClick:o,isUpgrading:d}):null]}),(0,Y.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description??f(`pluginListRow.noDescription`)}),t.issues&&t.issues.length>0?(0,Y.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?f(`pluginListRow.moreIssues`,{count:t.issues.length-1}):null]}):null]}),p?s?(0,Y.jsx)(c,{type:`button`,loading:!0,iconOnly:(0,Y.jsx)(L,{"aria-hidden":!0}),disabled:!0,"aria-label":f(`pluginListRow.installingAriaLabel`),expandOnMobile:!1}):(0,Y.jsx)(c,{type:`button`,iconOnly:(0,Y.jsx)(L,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),i?.()},disabled:!i,"aria-label":f(`pluginListRow.installPluginAriaLabel`),expandOnMobile:!1}):(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[h?(0,Y.jsx)(T,{tone:t.enabled?`positive`:`neutral`,children:t.enabled?f(`pluginListRow.enabled`):f(`pluginListRow.disabled`)}):null,(0,Y.jsx)(c,{type:`button`,variant:`dangerOutline`,loading:u,iconOnly:(0,Y.jsx)(I,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),a?.()},disabled:u||d||!a,"aria-label":f(`pluginListRow.removePluginAriaLabel`),expandOnMobile:!1})]})]})})}var vt={mail:ve,calendar:Ee,"message-circle":he,globe:fe,zap:H,code:Te,mic:je,"shopping-cart":U,palette:Oe,heart:be,settings:Se,"link-2":ke};function yt(e){return vt[e]}var bt={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 xt({selected:e,onSelect:t,counts:n,totalCount:r,showCounts:i,categories:a,ariaLabel:o}){let{t:s}=N(`intelligence`),c=e=>{let t=bt[e.slug];return t?s(t,e.label):e.label},l=[...a].sort((e,t)=>c(e).localeCompare(c(t)));return(0,Y.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":o??s(`categorySidebar.skillCategoriesAriaLabel`),children:[(0,Y.jsx)(St,{icon:V,label:s(`categorySidebar.all`),count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),l.map(r=>(0,Y.jsx)(St,{icon:yt(r.icon)??V,label:c(r),count:n[r.slug]??0,isActive:e===r.slug,showCount:i,onClick:()=>t(r.slug)},r.slug))]})}function St({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,Y.jsxs)(c,{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,Y.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,Y.jsx)(e,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,children:t})]}),i&&(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:n})]})}function Ct({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let{t:o}=N(`intelligence`),s=G(e),u=x(e);return(0,Y.jsx)(l.Root,{asChild:!0,children:(0,Y.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,Y.jsx)(`div`,{className:`flex shrink-0 items-center justify-center text-[28px] leading-none`,children:(0,Y.jsx)(ze,{skill:e,className:`h-7 w-7`})}),(0,Y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:e.name}),(0,Y.jsx)(Fe,{origin:e.origin})]}),(0,Y.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),s?i?(0,Y.jsx)(c,{type:`button`,loading:!0,iconOnly:(0,Y.jsx)(L,{"aria-hidden":!0}),disabled:!0,"aria-label":o(`skillRow.installingAriaLabel`),expandOnMobile:!1}):(0,Y.jsx)(c,{type:`button`,iconOnly:(0,Y.jsx)(L,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":o(`skillRow.installSkillAriaLabel`),expandOnMobile:!1}):(0,Y.jsx)(c,{type:`button`,variant:`dangerOutline`,loading:a,iconOnly:(0,Y.jsx)(I,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),r?.()},disabled:!u||a||!r,"aria-label":o(u?`skillRow.removeSkillAriaLabel`:`skillRow.bundledSkillCannotBeRemovedAriaLabel`),title:u?void 0:o(`skillRow.bundledSkillsCannotBeRemoved`),expandOnMobile:!1})]})})}function $(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 wt(){let{t:e}=N(`intelligence`);return{statusFilters:[{value:`all`,label:$(`all`,e),icon:V},{value:`installed`,label:$(`installed`,e),icon:de},{value:`available`,label:$(`available`,e),icon:L}],typeFilters:[{value:`skills`,label:$(`skills`,e),icon:H},{value:`plugins`,label:$(`plugins`,e),icon:R}],originFilters:[{value:`vellum`,label:$(`vellum`,e),icon:Le},{value:`clawhub`,label:$(`clawhub`,e),icon:fe},{value:`skillssh`,label:$(`skillssh`,e),icon:ge},{value:`custom`,label:$(`custom`,e),icon:xe},{value:`assistant-memory`,label:$(`assistant-memory`,e),icon:Ce}]}}function Tt({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,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsx)(m,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:p(`superpowersFilters.searchPlaceholder`),"aria-label":p(`superpowersFilters.searchAriaLabel`),leftIcon:(0,Y.jsx)(Ae,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,Y.jsx)(B,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,Y.jsx)(Et,{filter:n,onFilterChange:r,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u,pluginsSupported:d,showCategories:f})]})}function Et(e){let{t}=N(`intelligence`),n=p(),[r,i]=(0,J.useState)(!1),{statusFilters:a,typeFilters:s,originFilters:l}=wt(),u=(0,Y.jsx)(c,{type:`button`,variant:`outlined`,iconOnly:(0,Y.jsx)(Ye,{"aria-hidden":!0}),"aria-label":t(`superpowersFilters.filterAriaLabel`),"aria-haspopup":n?`dialog`:`listbox`,"aria-expanded":r,tintColor:`var(--primary-base)`});if(n)return(0,Y.jsx)(Dt,{...e,open:r,onOpenChange:i,trigger:u});let d=t=>{e.onFilterChange(t),i(!1)};return(0,Y.jsxs)(o.Root,{open:r,onOpenChange:i,children:[(0,Y.jsx)(o.Trigger,{asChild:!0,children:u}),(0,Y.jsx)(o.Content,{align:`end`,sideOffset:4,className:`w-44`,children:(0,Y.jsxs)(`ul`,{role:`listbox`,children:[(0,Y.jsx)(Mt,{label:t(`superpowersFilters.statusLabel`),options:a,selected:e.filter,onSelect:d}),e.pluginsSupported&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,Y.jsx)(Mt,{label:t(`superpowersFilters.typeLabel`),options:s,selected:e.filter,onSelect:d})]}),(0,Y.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,Y.jsx)(Mt,{label:t(`superpowersFilters.sourceLabel`),options:l,selected:e.filter,onSelect:d}),e.showCategories&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`my-1 h-px bg-[var(--border-base)]`}),(0,Y.jsx)(jt,{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 Dt({filter:e,onFilterChange:t,categories:n,category:r,onCategoryChange:i,counts:a,totalCount:o,showCounts:s,pluginsSupported:l,showCategories:u,open:d,onOpenChange:f,trigger:p}){let{t:m}=N(`intelligence`),{statusFilters:h,typeFilters:g,originFilters:_}=wt();return(0,Y.jsxs)(A.Root,{open:d,onOpenChange:f,children:[(0,Y.jsx)(A.Trigger,{asChild:!0,children:p}),(0,Y.jsxs)(A.Content,{className:`max-h-[85dvh]`,"aria-describedby":void 0,children:[(0,Y.jsx)(`div`,{"aria-hidden":!0,className:`mx-auto mb-3 h-1 w-9 shrink-0 rounded-full bg-[var(--border-element)]`}),(0,Y.jsx)(A.Header,{children:(0,Y.jsx)(A.Title,{children:m(`superpowersFilters.filtersTitle`)})}),(0,Y.jsxs)(A.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,Y.jsx)(Ot,{label:m(`superpowersFilters.statusLabel`),children:h.map(n=>(0,Y.jsx)(kt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),l&&(0,Y.jsx)(Ot,{label:m(`superpowersFilters.typeLabel`),children:g.map(n=>(0,Y.jsx)(kt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,Y.jsx)(Ot,{label:m(`superpowersFilters.sourceLabel`),children:_.map(n=>(0,Y.jsx)(kt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),u&&(0,Y.jsxs)(Ot,{label:m(`superpowersFilters.categoriesLabel`),children:[(0,Y.jsx)(kt,{icon:V,label:m(`superpowersFilters.filterLabel.all`),active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),At(n).map(e=>(0,Y.jsx)(kt,{icon:yt(e.icon)??V,label:e.label,active:r===e.slug,badge:s?a[e.slug]??0:void 0,onSelect:()=>i(e.slug)},e.slug))]})]}),(0,Y.jsx)(A.Footer,{children:(0,Y.jsx)(c,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>f(!1),children:m(`superpowersFilters.done`)})})]})]})}function Ot({label:e,children:t}){return(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`div`,{className:`px-2 pb-1 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),t]})}function kt({icon:e,label:t,active:n,badge:r,onSelect:i}){return(0,Y.jsx)(s,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,Y.jsx)(me,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function At(e){return[...e].sort((e,t)=>e.label.localeCompare(t.label))}function jt({categories:e,category:t,counts:n,totalCount:r,showCounts:i,allLabel:a,categoriesLabel:o,onSelect:s}){return(0,Y.jsx)(Nt,{label:o,children:(0,Y.jsx)(`ul`,{className:`max-h-48 overflow-y-auto`,children:[{slug:null,label:a,count:r},...At(e).map(e=>({slug:e.slug,label:e.label,count:n[e.slug]??0}))].map(e=>{let n=t===e.slug;return(0,Y.jsx)(`li`,{children:(0,Y.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,Y.jsx)(`span`,{className:`flex-1 truncate`,children:e.label}),i&&(0,Y.jsx)(`span`,{style:{color:`var(--content-tertiary)`},children:e.count})]})},e.slug??`all`)})})})}function Mt({label:e,options:t,selected:n,onSelect:r}){return(0,Y.jsx)(Nt,{label:e,children:(0,Y.jsx)(`ul`,{children:t.map(e=>{let t=e.icon,i=n===e.value;return(0,Y.jsx)(`li`,{children:(0,Y.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,Y.jsx)(t,{className:`h-4 w-4`,"aria-hidden":!0}),(0,Y.jsx)(`span`,{className:`flex-1`,children:e.label}),i&&(0,Y.jsx)(de,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})})}function Nt({label:e,children:t}){return(0,Y.jsxs)(`li`,{role:`group`,"aria-label":e,children:[(0,Y.jsx)(`div`,{className:`px-2 py-1.5 text-body-small-default uppercase tracking-wide text-[var(--content-tertiary)]`,children:e}),t]})}function Pt(e){return M({...O({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}var Ft=new Set([`all`,`installed`,`available`,`skills`,`plugins`,`vellum`,`clawhub`,`skillssh`,`custom`,`assistant-memory`]);function It(e){let t=e.get(`filter`),n=e.get(`category`);return{q:e.get(`q`)??``,filter:zt(t)?t:`all`,category:n||null}}function Lt(e,t){let n=new URLSearchParams(e);return t.q!==void 0&&Rt(n,`q`,t.q.trim()||null),t.filter!==void 0&&Rt(n,`filter`,t.filter===`all`?null:t.filter),t.category!==void 0&&Rt(n,`category`,t.category),n}function Rt(e,t,n){n===null?e.delete(t):e.set(t,n)}function zt(e){return e!==null&&Ft.has(e)}function Bt(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 Vt(e){return e!==`plugins`}function Ht(e){return e===`all`||e===`installed`||e===`available`||e===`plugins`}function Ut(e){switch(e){case`installed`:return`installed`;case`available`:return`available`;default:return`all`}}var Wt=300,Gt=`vellum:superpowers:tipDismissed`;function Kt(e){return[...e].sort((e,t)=>e.installed===t.installed?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):e.installed?-1:1)}function qt({assistantId:e}){let{t}=N(`intelligence`),n=le(),r=ce(),o=ae(),s=d(),c=te.use.version(),l=Ve(),[u,f]=oe(),{q:p,filter:m,category:g}=(0,J.useMemo)(()=>It(u),[u]),b=u.get(`plugin`),x=(0,J.useCallback)(e=>{f(t=>Lt(t,e),{replace:!0})},[f]),w=u.get(`success`),T=(0,J.useRef)(!1);(0,J.useEffect)(()=>{w!==`true`||T.current||(T.current=!0,b&&S.success(t(`pluginToast.installed`,{name:b})),f(e=>{let t=new URLSearchParams(e);return t.delete(`success`),t},{replace:!0}))},[w,b,f,t]);let[E,D]=(0,J.useState)(p),O=Je(E.trim(),Wt),k=(0,J.useRef)(p);(0,J.useEffect)(()=>{if(p!==k.current&&(k.current=p,p!==E.trim())){D(p);return}O!==p&&O===E.trim()&&(k.current=O,x({q:O}))},[O,p,E,x]);let A=(0,J.useCallback)(e=>x({filter:e}),[x]),ne=(0,J.useCallback)(e=>x({category:e}),[x]),[j,ie]=(0,J.useState)(()=>v(Gt,!1)),se=(0,J.useCallback)(()=>{ie(!0),y(Gt,!0)},[]),P=!l&&m===`plugins`?`all`:m,F=Vt(P),ue=l&&Ht(P),I=Ut(P),{handleInstall:de,handleRemove:fe,isInstallingSkill:pe,isRemovingSkill:L,skillPendingRemoval:me,confirmRemove:he,cancelRemove:ge}=Re(e),{data:R=[]}=Pt(e),{origin:_e,kind:ve}=(0,J.useMemo)(()=>Bt(P),[P]),z=M({...ee({path:{assistant_id:e},query:{include:`catalog`,origin:_e,kind:ve,q:O||void 0,category:g??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&F}),B=M({...ee({path:{assistant_id:e},query:{include:`catalog`,origin:_e,kind:ve,q:O||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&F&&g!==null}),{items:ye,isLoading:be,catalogLoading:xe,isError:Se,isFetching:Ce,catalogError:we,categorySupported:V,installedCategoryCounts:Te,installedPlugins:Ee,installedTotal:H,catalogMatches:De,unfilteredInstalledNames:Oe}=Ge(e,g,l),U=ue&&(g===null||V),ke=(0,J.useCallback)(t=>h(o,e,t),[e,o]),[Ae,je]=(0,J.useState)(null),[Me,Ne]=(0,J.useState)(null),[Pe,Fe]=(0,J.useState)(null),[W,Le]=(0,J.useState)(null),[G,ze]=(0,J.useState)(null),Ue=_({onMutate:e=>je(e.body.name),onSuccess:(e,n)=>S.success(t(`pluginToast.installed`,{name:n.body.name})),onError:()=>S.error($e),onSettled:(e,t,n)=>{je(null),ke(n.body.name)}}),K=re({onMutate:e=>Ne(e.path.name),onSuccess:(e,n)=>{S.success(t(`pluginToast.removed`,{name:n.path.name})),Ke(e.warnings,t)},onError:()=>S.error(et),onSettled:(e,t,n)=>{Ne(null),ke(n.path.name)}}),q=i({onMutate:e=>Fe(e.path.name),onSuccess:(e,n)=>S.success(e.outcome===`already-up-to-date`?t(`pluginToast.alreadyUpToDate`,{name:n.path.name}):t(`pluginToast.upgraded`,{name:n.path.name,sha:We(e.toCommit)})),onError:()=>S.error(tt),onSettled:(e,t,n)=>{Fe(null),ke(n.path.name)}}),Ye=(0,J.useCallback)(e=>f(t=>{let n=new URLSearchParams(t);return n.set(`plugin`,e.name),n}),[f]),nt=(0,J.useCallback)(()=>f(e=>{let t=new URLSearchParams(e);return t.delete(`plugin`),t},{replace:!0}),[f]),rt=(0,J.useCallback)(t=>{Ue.mutate({path:{assistant_id:e},body:{name:t.name}})},[e,Ue]),it=(0,J.useCallback)(()=>{W&&(K.mutate({path:{assistant_id:e,name:W.name}}),Le(null))},[e,W,K]),X=(0,J.useCallback)(t=>{q.mutate({path:{assistant_id:e,name:t},body:{}})},[e,q]),at=(0,J.useCallback)(()=>{G&&(X(G.name),ze(null))},[G,X]),ot=(0,J.useCallback)((e,t)=>{if(ut(t)){ze(e);return}X(e.name)},[X]),Z=(0,J.useMemo)(()=>F?z.data?.skills??[]:[],[F,z.data?.skills]),st=(0,J.useMemo)(()=>U?qe(ye,I).filter(e=>He(e,O)):[],[U,ye,I,O]),Q=(0,J.useMemo)(()=>Kt([...Z.map(e=>({type:`skill`,key:`skill:${e.id}`,name:e.name,installed:Ie(e),skill:e})),...st.map(e=>({type:`plugin`,key:`plugin:${e.name}`,name:e.name,installed:e.status===`installed`,item:e}))]),[Z,st]),ct=g===null?z.data:B.data,lt=Jt(F,ct?.skills??Z,ct?.categoryCounts,ct?.totalCount),dt=Yt(ue&&V,Te,Ee,H,De,Oe,I),{counts:ft,totalCount:mt}=(0,J.useMemo)(()=>{let e={...lt.counts};for(let[t,n]of Object.entries(dt.counts))e[t]=(e[t]??0)+n;return{counts:e,totalCount:lt.totalCount+dt.totalCount}},[lt,dt]),ht=F&&z.isLoading,vt=F&&z.isError,yt=U&&be,bt=U&&Se,St=(vt||!F)&&(bt||!U)&&(vt||bt),$=ht||yt,wt=!!O&&(F&&z.isFetching||U&&Ce&&!be),Et=E.trim().length>0;if(b&&!l&&c===null)return null;if(b&&l){let t=ye.find(e=>e.name===b),n={assistantId:e,name:b,externalHint:t?.external,enabled:t?.enabled,onBack:nt};return s?(0,Y.jsx)(gt,{...n}):(0,Y.jsx)(pt,{...n})}let Dt=(0,Y.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:$?(0,Y.jsx)($t,{}):St?(0,Y.jsx)(en,{}):Q.length===0?U&&xe&&I!==`installed`?(0,Y.jsx)($t,{}):(0,Y.jsx)(tn,{filter:P,category:g}):(0,Y.jsx)(`ul`,{className:`flex flex-col gap-2`,children:Q.map(t=>(0,Y.jsx)(`li`,{children:t.type===`skill`?(0,Y.jsx)(Ct,{skill:t.skill,onSelect:()=>n(a.skills.detail(t.skill.id),{state:{listSearch:r.search}}),onInstall:()=>de(t.skill),onRemove:()=>fe(t.skill),isInstalling:pe(t.skill),isRemoving:L(t.skill)}):t.installed?(0,Y.jsx)(Xt,{assistantId:e,item:t.item,onSelect:()=>Ye(t.item),onRemove:()=>Le(t.item),onUpgrade:e=>ot(t.item,e),isRemoving:Me===t.item.name,isUpgrading:Pe===t.item.name}):(0,Y.jsx)(_t,{assistantId:e,item:t.item,onSelect:()=>Ye(t.item),onInstall:()=>rt(t.item),isInstalling:Ae===t.item.name})},t.key))})});return(0,Y.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!j&&(0,Y.jsx)(Zt,{onDismiss:se}),(0,Y.jsx)(Tt,{search:E,onSearchChange:D,filter:P,onFilterChange:A,isSearching:wt,categories:R,category:g,onCategoryChange:ne,counts:ft,totalCount:mt,showCounts:!Et,pluginsSupported:l,showCategories:s}),!$&&!St&&vt?(0,Y.jsx)(Qt,{text:t(`superpowersTab.skillsUnavailableNotice`)}):null,!$&&!St&&bt?(0,Y.jsx)(Qt,{text:t(`superpowersTab.pluginsUnavailableNotice`)}):null,U&&we&&!yt&&!bt?(0,Y.jsx)(Qt,{text:t(`superpowersTab.catalogBrowsingUnavailableNotice`)}):null,(0,Y.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[!s&&(0,Y.jsx)(`aside`,{className:`w-56 shrink-0 overflow-y-auto`,children:(0,Y.jsx)(xt,{ariaLabel:t(`superpowersTab.categoriesAriaLabel`),selected:g,onSelect:ne,counts:ft,totalCount:mt,showCounts:!Et,categories:R})}),Dt]}),(0,Y.jsx)(Be,{skillName:me?.name??null,onConfirm:he,onCancel:ge}),(0,Y.jsx)(C,{open:W!==null,title:t(`pluginDetailShared.removePluginTitle`),message:W?Xe(W.name):``,confirmLabel:t(`pluginDetailShared.remove`),destructive:!0,onConfirm:it,onCancel:()=>Le(null)}),(0,Y.jsx)(C,{open:G!==null,title:t(`pluginDetailShared.upgradePluginTitle`),message:G?Ze(G.name):``,confirmLabel:Qe,destructive:!0,onConfirm:at,onCancel:()=>ze(null)})]})}function Jt(e,t,n,r){return(0,J.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 Yt(e,t,n,r,i,a,o){return(0,J.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 Xt({assistantId:e,item:t,onSelect:n,onRemove:r,onUpgrade:i,isRemoving:a,isUpgrading:o}){let s=lt({assistantId:e,name:t.name}).data;return(0,Y.jsx)(_t,{assistantId:e,item:t,drift:s,onSelect:n,onRemove:r,onUpgrade:()=>i(s),isRemoving:a,isUpgrading:o})}function Zt({onDismiss:e}){let{t}=N(`intelligence`);return(0,Y.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,Y.jsx)(ue,{className:`h-4 w-4 shrink-0`,style:{color:`var(--primary-base)`}}),(0,Y.jsx)(`p`,{className:`flex-1`,children:t(`superpowersTab.tipBannerText`)}),(0,Y.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Y.jsx)(we,{"aria-hidden":!0}),onClick:e,"aria-label":t(`superpowersTab.dismissTipAriaLabel`),tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function Qt({text:e}){return(0,Y.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,Y.jsx)(Ne,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,Y.jsx)(`p`,{className:`flex-1`,children:e})]})}function $t(){return(0,Y.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,Y.jsx)(B,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function en(){let{t:e}=N(`intelligence`);return(0,Y.jsx)(l.Root,{children:(0,Y.jsxs)(l.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,Y.jsx)(pe,{className:`mb-3 h-8 w-8`,style:{color:`var(--system-negative-strong)`},"aria-hidden":!0}),(0,Y.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:e(`superpowersTab.errorStateTitle`)}),(0,Y.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`superpowersTab.errorStateSubtitle`)})]})})}function tn({filter:e,category:t}){let{t:n}=N(`intelligence`),{title:r,subtitle:i,Icon:a}=nn(e,t,n);return(0,Y.jsx)(W,{icon:a,title:r,subtitle:i})}function nn(e,t,n){if(t)return{title:n(`superpowersTab.emptyState.categoryTitle`),subtitle:n(`superpowersTab.emptyState.categorySubtitle`),Icon:V};switch(e){case`installed`:return{title:n(`superpowersTab.emptyState.installedTitle`),subtitle:n(`superpowersTab.emptyState.installedSubtitle`),Icon:H};case`available`:return{title:n(`superpowersTab.emptyState.availableTitle`),subtitle:n(`superpowersTab.emptyState.availableSubtitle`),Icon:de};case`skills`:return{title:n(`superpowersTab.emptyState.skillsTitle`),subtitle:n(`superpowersTab.emptyState.skillsSubtitle`),Icon:H};case`plugins`:return{title:n(`superpowersTab.emptyState.pluginsTitle`),subtitle:n(`superpowersTab.emptyState.pluginsSubtitle`),Icon:R};case`vellum`:return{title:n(`superpowersTab.emptyState.vellumTitle`),subtitle:n(`superpowersTab.emptyState.vellumSubtitle`),Icon:H};case`clawhub`:return{title:n(`superpowersTab.emptyState.clawhubTitle`),subtitle:n(`superpowersTab.emptyState.clawhubSubtitle`),Icon:H};case`skillssh`:return{title:n(`superpowersTab.emptyState.skillsshTitle`),subtitle:n(`superpowersTab.emptyState.skillsshSubtitle`),Icon:H};case`custom`:return{title:n(`superpowersTab.emptyState.customTitle`),subtitle:n(`superpowersTab.emptyState.customSubtitle`),Icon:H};case`assistant-memory`:return{title:n(`superpowersTab.emptyState.assistantMemoryTitle`),subtitle:n(`superpowersTab.emptyState.assistantMemorySubtitle`),Icon:H};default:return{title:n(`superpowersTab.emptyState.defaultTitle`),subtitle:n(`superpowersTab.emptyState.defaultSubtitle`),Icon:Ne}}}function rn(){return(0,Y.jsx)(qt,{assistantId:D()})}export{rn as SuperpowersPage};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Cx as t,IS as n,Ql as r,im as i,jS as a,nm as o,nt as s,yn as c}from"./app-CuJb51Ub.js";import{Jn as l,j as u}from"./vendor-CYmPHUS2.js";import{r as d,t as f,x as p}from"./react-B9IgSVeK.js";import{Bi as m,D as h,Yn as g,ji as _,qi as v,wi as y}from"./icons-C0wyat6T.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)(m,{}),children:t}):E(e)?(0,x.jsx)(a,{tone:`negative`,leftIcon:(0,x.jsx)(_,{}),children:t}):(0,x.jsx)(a,{tone:`neutral`,children:t})}function M({event:e}){let{t}=u(`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)(h,{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)(y,{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),"aria-expanded":n,className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(v,{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}=u(`logs`),{data:n,isLoading:i,isError:a,isFetchingNextPage:o,hasNextPage:s,fetchNextPage:c}=l({...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)(g,{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)(h,{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)(g,{className:`h-4 w-4 animate-spin`}),t(`systemEventsTab.loadingOlder`)]}):t(`systemEventsTab.loadOlder`)})})]})]})}function P(){let{t:e}=u(`logs`),r=i({platformHostedOnly:!0}),a=o(),l=s();return r===`gated`?(0,x.jsx)(d,{replace:!0,to:t.logs.root}):r===`disabled`?(0,x.jsx)(c,{children:e(`systemEventsPage.platformLoginNotice`)}):a?(0,x.jsx)(N,{assistantId:l}):(0,x.jsx)(n,{tone:`warning`,children:e(`systemEventsPage.notAvailable`)})}export{P as SystemEventsPage};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Cx as t}from"./app-CuJb51Ub.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-cPzlZljx.js → text-preview-Nsx4hRjY.js}

@@ -1 +1 @@
-import{jn as e,ur as t}from"./app-n7D5Q-HS.js";import{j as n}from"./vendor-DUzxlXbu.js";import{t as r}from"./react-B9IgSVeK.js";import{t as i}from"./preview-error-vi2B-l2a.js";import{t as a}from"./use-truncated-blob-text-BnZS-VRC.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};
+import{In as e,or as t}from"./app-CuJb51Ub.js";import{j as n}from"./vendor-CYmPHUS2.js";import{t as r}from"./react-B9IgSVeK.js";import{t as i}from"./preview-error-DuDAfoam.js";import{t as a}from"./use-truncated-blob-text-Ch2wbCLN.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-l6bxpzmD.js → theme-stage-page-SR2lpWko.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Ix as t,Lx as n,Mu as r,Wx as i,Yo as a,tS as o}from"./app-n7D5Q-HS.js";import{j as s}from"./vendor-DUzxlXbu.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)(o,{children:e(`themeStagePage.buttonPrimary`)}),(0,p.jsx)(o,{variant:`outlined`,children:e(`themeStagePage.buttonSecondary`)}),(0,p.jsx)(o,{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)(t,{fullWidth:!0,placeholder:e(`themeStagePage.inputPlaceholder`),readOnly:!0}),(0,p.jsx)(n,{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)(n,{fullWidth:!0,readOnly:!0,rows:1,placeholder:e(`themeStagePage.composerPlaceholder`)})}),(0,p.jsx)(o,{children:e(`themeStagePage.send`)})]})]})}function k(){let e=l(),[t]=c(),n=h(e.view),i=t.get(`tokens`),o=(0,f.useMemo)(()=>g(i),[i]);return r(),(0,f.useEffect)(()=>(a(o),()=>{a(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}},[n,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); }`}),n===`chat`?(0,p.jsx)(O,{}):(0,p.jsx)(D,{})]})}export{k as ThemeStagePage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Cs as t,ES as n,JS as r,LS as i,TS as a,ld as o}from"./app-CuJb51Ub.js";import{j as s}from"./vendor-CYmPHUS2.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)(n,{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)(n,{fullWidth:!0,readOnly:!0,rows:1,placeholder:e(`themeStagePage.composerPlaceholder`)})}),(0,p.jsx)(r,{children:e(`themeStagePage.send`)})]})]})}function k(){let e=l(),[n]=c(),r=h(e.view),i=n.get(`tokens`),a=(0,f.useMemo)(()=>g(i),[i]);return o(),(0,f.useEffect)(()=>(t(a),()=>{t(void 0)}),[a]),(0,f.useEffect)(()=>{let e=!1;return document.title=`theme-stage`,(document.fonts?.ready??Promise.resolve()).then(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{e||(document.title=m)})})}),()=>{e=!0}},[r,a]),(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`style`,{children:`* { transition: none !important; animation: none !important; caret-color: transparent !important; } html, body { background: var(--background); }`}),r===`chat`?(0,p.jsx)(O,{}):(0,p.jsx)(D,{})]})}export{k as ThemeStagePage};