@vellumai/web 0.11.6 → 0.11.7-staging.2

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Kn as t,N as n,O as r,Un as i,Yn as a}from"./vendor-WUN87CSE.js";import{b as o,d as s,f as c,g as l,t as u,y as d}from"./react-DPM_L_aA.js";import{B as f,Br as p,Cn as m,Ct as h,Ft as g,Ht as _,J as v,Jt as y,K as b,Mr as x,Nr as S,P as C,S as ee,Zn as w,Zr as T,cn as E,dr as D,gi as O,h as te,i as ne,it as k,on as A,or as re,pi as j,qn as ie,qr as ae,r as M,tn as N,v as oe,x as se,xi as ce,xn as le,yn as ue}from"./icons-CSdHOix6.js";import{a as de,i as fe,n as P,o as pe,r as me,t as he}from"./use-skill-actions-CNBx-WS1.js";import{Ah as ge,Ai as _e,Av as ve,Cf as ye,Dh as be,Dv as xe,Fd as Se,Id as Ce,Nd as we,Oh as Te,Os as Ee,Pd as De,Qt as Oe,Sf as ke,Sy as F,X_ as Ae,Xd as je,Yd as Me,_y as Ne,ay as I,br as L,dn as R,ft as Pe,hy as Fe,iy as Ie,jo as Le,kh as Re,my as ze,ny as Be,oy as z,pa as B,pp as Ve,uv as He,vy as V,wy as H,xf as Ue,xi as We,xn as Ge}from"./index-7XDiAJ-A.js";import{t as Ke}from"./skill-icon-Me8DDEMt.js";import{t as qe}from"./skill-removal-dialog-bN91N7f8.js";var Je=ce(`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(o(),1),W=u(),Ye={sm:`h-7 w-7`,md:`h-8 w-8 text-3xl`};function Xe({external:e=!1,icon:t,iconSrc:n,size:r=`sm`,className:i}){let[a,o]=(0,U.useState)(!1);(0,U.useEffect)(()=>{o(!1)},[n]);let s=t||(e?`📦`:`🧩`),c=!!n&&!a;return(0,W.jsx)(`span`,{className:B(`flex shrink-0 items-center justify-center`,Ye[r],i),children:c?(0,W.jsx)(`img`,{src:n,alt:``,"aria-hidden":!0,loading:`lazy`,className:`h-full w-full object-contain`,onError:()=>o(!0)}):s})}var Ze=e=>n(`pluginConstants.removeConfirmMessage`,{ns:`intelligence`,name:e}),Qe=e=>n(`pluginConstants.riskyUpgradeConfirmMessage`,{ns:`intelligence`,name:e}),$e=n(`pluginConstants.riskyUpgradeConfirmLabel`,{ns:`intelligence`}),et=n(`pluginConstants.installError`,{ns:`intelligence`}),tt=n(`pluginConstants.removeError`,{ns:`intelligence`}),nt=n(`pluginConstants.upgradeError`,{ns:`intelligence`}),rt=n(`pluginConstants.toggleError`,{ns:`intelligence`});function G(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}));return[...n,...i]}function it(e,t){let n=t.trim().toLowerCase();return n?[e.name,e.description].some(e=>e?.toLowerCase().includes(n)):!0}function at(e){return[...e].sort((e,t)=>{let n=e.status===`installed`;return n===(t.status===`installed`)?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):n?-1:1})}function ot(e,t){switch(t){case`all`:return e;case`available`:return e.filter(e=>e.status===`available`);case`installed`:return e.filter(e=>e.status===`installed`);case`active`:return e.filter(e=>e.status===`installed`&&e.enabled!==!1);case`off`:return e.filter(e=>e.status===`installed`&&e.enabled===!1)}}function st(e){return e?e.slice(0,7):`unknown`}function ct(e){try{return new URL(e,window.location.href).pathname.split(`/`).pop()||`plugin-artifact`}catch{return`plugin-artifact`}}function K({plugin:e,surfaces:t=null,className:n}){let{t:i}=r(`intelligence`),a=e.source?.kind===`github`?e.source.repo:i(`pluginDetailShared.localSource`),o=e.source?.kind===`github`?`https://github.com/${e.source.repo}`:null,s=[{label:i(`pluginDetailShared.sourceLabel`),value:a,href:o??void 0}];return e.homepage&&s.push({label:i(`pluginDetailShared.homepageLabel`),value:e.homepage,href:e.homepage}),e.license&&s.push({label:i(`pluginDetailShared.licenseLabel`),value:e.license}),t&&(t.skills.length>0&&s.push({label:i(`pluginDetailShared.skillsLabel`),value:String(t.skills.length)}),t.hooks.length>0&&s.push({label:i(`pluginDetailShared.hooksLabel`),value:String(t.hooks.length)}),t.tools.length>0&&s.push({label:i(`pluginDetailShared.toolsLabel`),value:String(t.tools.length)})),(0,W.jsx)(`dl`,{className:B(`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)(ie,{className:`h-3 w-3`,"aria-hidden":!0})]}):e.value})]},e.label))})}function lt({plugin:e,drift:t,onInstall:n,onRemove:i,onUpgrade:a,isInstalling:o,isRemoving:s,isUpgrading:c,hasLocalEdits:l,enabled:u,onToggle:d,isToggling:f}){let{t:p}=r(`intelligence`),[m,h]=(0,U.useState)(!1),[g,_]=(0,U.useState)(!1),v=e.installed??!1,y=e.artifact??null,b=t?.status===`update-available`,x=b?p(`pluginDetailShared.upgradeTitle`,{fromSha:st(t?.local?.commit??null),toSha:st(t?.remote?.commit??null)}):void 0;return(0,W.jsxs)(W.Fragment,{children:[v?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 md:flex-nowrap md:shrink-0`,children:[u!==void 0&&d?(0,W.jsx)(ze,{label:p(`pluginDetailShared.autoIncludeInChat`),checked:u,onChange:()=>d(),disabled:f}):null,y?(0,W.jsx)(H,{type:`button`,leftIcon:(0,W.jsx)(w,{"aria-hidden":!0}),onClick:()=>void L(y.url,ct(y.url)),children:y.label??p(`pluginDetailShared.download`)}):null,b?(0,W.jsx)(H,{type:`button`,onClick:()=>{if(l){_(!0);return}a()},disabled:c,title:x,leftIcon:c?(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(S,{"aria-hidden":!0}),children:p(`pluginDetailShared.upgrade`)}):null,(0,W.jsx)(H,{type:`button`,variant:`dangerOutline`,onClick:()=>h(!0),disabled:s,leftIcon:s?(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(se,{"aria-hidden":!0}),children:p(`pluginDetailShared.remove`)})]}):(0,W.jsx)(H,{type:`button`,onClick:n,disabled:o,leftIcon:o?(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(O,{"aria-hidden":!0}),children:p(`pluginDetailShared.install`)}),(0,W.jsx)(Ie,{open:m,title:p(`pluginDetailShared.removePluginTitle`),message:Ze(e.name),confirmLabel:p(`pluginDetailShared.remove`),destructive:!0,onConfirm:()=>{h(!1),i()},onCancel:()=>h(!1)}),(0,W.jsx)(Ie,{open:g,title:p(`pluginDetailShared.upgradePluginTitle`),message:Qe(e.name),confirmLabel:$e,destructive:!0,onConfirm:()=>{_(!1),a()},onCancel:()=>_(!1)})]})}function ut(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,W.jsx)(N,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function q(){let{t:e}=r(`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)(oe,{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-default`,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)(oe,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),r]}):null}function Y({external:e,className:t}){let{t:n}=r(`intelligence`),i=e?{label:n(`pluginOriginBadge.external`),icon:m}:{label:n(`pluginOriginBadge.local`),icon:le};return(0,W.jsx)(V,{tone:`neutral`,leftIcon:(0,U.createElement)(i.icon),className:t,children:i.label})}function X({onClick:e,isUpgrading:t=!1}={}){let{t:n}=r(`intelligence`),i=(0,W.jsx)(V,{tone:`warning`,leftIcon:(0,U.createElement)(t?N:S,{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:i}):i}var dt=300*1e3;function ft({assistantId:e,name:n,enabled:r=!0}){return t({...De({path:{assistant_id:e,name:n}}),enabled:!!e&&!!n&&r,staleTime:dt,retry:!1})}function pt(e){let t=e?.local?.localChanges;return!!t&&t?.clean===!1}function Z(e,n,i){let{t:o}=r(`intelligence`),s=a(),c=i?.onRemoved,l=t({...we({path:{assistant_id:e,name:n}}),enabled:!!e&&!!n}),u=ft({assistantId:e,name:n,enabled:l.data?.installed??!1}).data,d=(0,U.useCallback)(()=>Le(s,e,n),[e,n,s]),f=ye({onSuccess:()=>{d(),I.success(o(`pluginToast.installed`,{name:n||o(`pluginToast.pluginFallback`)}))}}),p=Ue({onSuccess:()=>{d(),c?.()}}),m=ke({onSuccess:e=>{d(),I.success(e.outcome===`already-up-to-date`?o(`pluginToast.alreadyUpToDate`,{name:n||o(`pluginToast.pluginFallbackCapitalized`)}):o(`pluginToast.upgraded`,{name:n||o(`pluginToast.pluginFallback`),sha:st(e.toCommit)}))}});return{plugin:l.data??null,drift:u,isLoading:l.isLoading,isError:l.isError,install:()=>{f.mutate({path:{assistant_id:e},body:{name:n}})},remove:()=>{p.mutate({path:{assistant_id:e,name:n}})},upgrade:()=>{m.mutate({path:{assistant_id:e,name:n},body:{}})},isInstalling:f.isPending,isRemoving:p.isPending,isUpgrading:m.isPending,isInstallError:f.isError,isRemoveError:p.isError,isUpgradeError:m.isError,hasLocalEdits:pt(u)}}var mt=`0.10.5`;function ht(){return Ve(mt)}function Q(e,n,r,i){let a=ht(),{data:o}=t({queryKey:[`pluginIcon`,e,n,i],queryFn:async()=>{let{data:t,error:r}=await Re({path:{assistant_id:e,name:n},parseAs:`blob`,throwOnError:!1});if(r||!(t instanceof Blob))throw Error(`Failed to load plugin icon`);return t},enabled:!!(a&&r&&i),staleTime:1/0,retry:!1}),[s,c]=(0,U.useState)(void 0);return(0,U.useEffect)(()=>{if(!o){c(void 0);return}let e=URL.createObjectURL(o);return c(e),()=>{URL.revokeObjectURL(e)}},[o]),s}function gt(e){let t=a(),n={queryKey:Se({path:{assistant_id:e}})},r=(e,r)=>{t.setQueriesData(n,t=>t&&{...t,plugins:t.plugins.map(t=>t.name===e?{...t,enabled:r}:t)})},o=i({mutationFn:async({name:t,nextEnabled:n})=>{let r=await(n?Te({path:{assistant_id:e,name:t},throwOnError:!1}):be({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:i})=>{await t.cancelQueries(n),r(e,i)},onError:(e,{name:t,nextEnabled:n})=>{r(t,!n),I.error(rt)},onSettled:(n,r,i)=>{Le(t,e,i.name)}});return{toggle:(e,t)=>{o.mutate({name:e,nextEnabled:t})},togglingName:o.isPending?o.variables?.name??null:null}}function _t({assistantId:e,name:t,onBack:n,externalHint:i,enabled:a}){let{plugin:o,drift:s,isLoading:c,isError:l,install:u,remove:d,upgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:y}=Z(e,t,{onRemoved:n}),{t:b}=r(`intelligence`),{toggle:x,togglingName:S}=gt(e),C=Q(e,t,o?.hasIcon,o?.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)(H,{type:`button`,variant:`ghost`,iconOnly:(0,W.jsx)(j,{"aria-hidden":!0}),"aria-label":b(`pluginDetail.backToPluginsAriaLabel`),onClick:n}),(0,W.jsx)(vt,{name:t,plugin:o,externalHint:i,iconSrc:C,drift:s,onInstall:u,onRemove:d,onUpgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:y,enabled:a,onToggle:()=>x(t,!a),isToggling:S===t})]}),(g||_||v)&&(0,W.jsx)(J,{isInstallError:g,isRemoveError:_,isUpgradeError:v}),(0,W.jsx)(F.Root,{asChild:!0,children:(0,W.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-6 py-5`,children:c?(0,W.jsx)(ut,{}):l||!o?(0,W.jsx)(q,{}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(K,{plugin:o,surfaces:s?.surfaces??null}),o.readme?(0,W.jsx)(R,{content:o.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:b(`pluginDetail.noReadme`)})]})})})]})}function vt({name:e,plugin:t,externalHint:n,iconSrc:i,drift:a,onInstall:o,onRemove:s,onUpgrade:c,isInstalling:l,isRemoving:u,isUpgrading:d,hasLocalEdits:f,enabled:p,onToggle:m,isToggling:h}){let{t:g}=r(`intelligence`),_=t?.source?.kind===`github`,v=t?_:n,y=a?.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:[v===void 0?(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,W.jsx)(Xe,{external:v,icon:t?.icon??void 0,iconSrc:i,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:g(`pluginDetail.version`,{version:t.version})}):null,t?(0,W.jsx)(Y,{external:_}):null,y?(0,W.jsx)(X,{}):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)(lt,{plugin:t,drift:a,onInstall:o,onRemove:s,onUpgrade:c,isInstalling:l,isRemoving:u,isUpgrading:d,hasLocalEdits:f,enabled:p,onToggle:m,isToggling:h}):null]})}var yt=e(d(),1);function bt({assistantId:e,name:t,onBack:n,externalHint:i,enabled:a}){let{plugin:o,drift:s,isLoading:c,isError:l,install:u,remove:d,upgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,isInstallError:g,isRemoveError:_,isUpgradeError:v,hasLocalEdits:y}=Z(e,t,{onRemoved:n}),{t:b}=r(`intelligence`),{toggle:x,togglingName:S}=gt(e),[C,ee]=(0,U.useState)(null);(0,U.useEffect)(()=>{ee(document.getElementById(`viewport-overlays`))},[]);let w=o?.source?.kind===`github`,T=o?w:i,E=s?.status===`update-available`,D=o?.name??t,O=Q(e,t,o?.hasIcon,o?.iconVersion),te=(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)(H,{variant:`ghost`,iconOnly:(0,W.jsx)(j,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":b(`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:[T===void 0?(0,W.jsx)(`span`,{"aria-hidden":!0,className:`h-8 w-8 shrink-0`}):(0,W.jsx)(Xe,{external:T,icon:o?.icon??void 0,iconSrc:O,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:[E?(0,W.jsx)(X,{}):null,o?(0,W.jsx)(Y,{external:w}):null]})]}),o?.description?(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:o.description}):null]}),o?(0,W.jsx)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:(0,W.jsx)(lt,{plugin:o,drift:s,enabled:a,onToggle:()=>x(t,!a),isToggling:S===t,onInstall:u,onRemove:d,onUpgrade:f,isInstalling:p,isRemoving:m,isUpgrading:h,hasLocalEdits:y})}):null,(g||_||v)&&(0,W.jsx)(`div`,{className:`mt-3`,children:(0,W.jsx)(J,{isInstallError:g,isRemoveError:_,isUpgradeError:v})}),(0,W.jsx)(F.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:c?(0,W.jsx)(ut,{}):l||!o?(0,W.jsx)(q,{}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(K,{plugin:o,surfaces:s?.surfaces??null}),o.readme?(0,W.jsx)(R,{content:o.readme}):(0,W.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:b(`pluginDetail.noReadme`)})]})})})})]});return C?(0,yt.createPortal)(te,C):te}function xt({assistantId:e,item:t,drift:n,onSelect:i,onInstall:a,onRemove:o,onUpgrade:s,isInstalling:c=!1,isRemoving:l=!1,isUpgrading:u=!1}){let{t:d}=r(`intelligence`),f=t.status===`available`,p=n?.status===`update-available`,m=t.enabled!==void 0,h=t.enabled===!1,g=Q(e,t.name,t.hasIcon,t.iconVersion);return(0,W.jsx)(F.Root,{asChild:!0,children:(0,W.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:i,onKeyDown:e=>{e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i())},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,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:d(`pluginListRow.version`,{version:t.version})}):null,(0,W.jsx)(V,{tone:`neutral`,leftIcon:(0,W.jsx)(k,{"aria-hidden":!0}),children:d(`pluginListRow.pluginTag`)}),p?(0,W.jsx)(X,{onClick:s,isUpgrading:u}):null]}),(0,W.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description??d(`pluginListRow.noDescription`)}),t.issues&&t.issues.length>0?(0,W.jsxs)(`p`,{className:`mt-1 truncate text-body-small-default`,style:{color:`var(--content-warning, var(--content-tertiary))`},title:t.issues.join(`; `),children:[t.issues[0],t.issues.length>1?d(`pluginListRow.moreIssues`,{count:t.issues.length-1}):null]}):null]}),f?c?(0,W.jsx)(H,{type:`button`,iconOnly:(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":d(`pluginListRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(H,{type:`button`,iconOnly:(0,W.jsx)(O,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),a?.()},disabled:!a,"aria-label":d(`pluginListRow.installPluginAriaLabel`),expandOnMobile:!1}):(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[m?(0,W.jsx)(V,{tone:t.enabled?`positive`:`neutral`,children:t.enabled?d(`pluginListRow.enabled`):d(`pluginListRow.disabled`)}):null,(0,W.jsx)(H,{type:`button`,variant:`dangerOutline`,iconOnly:l?(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(se,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),o?.()},disabled:l||u||!o,"aria-label":d(`pluginListRow.removePluginAriaLabel`),expandOnMobile:!1})]})]})})}var St={mail:y,calendar:ae,"message-circle":_,globe:m,zap:M,code:re,mic:g,"shopping-cart":f,palette:h,heart:ue,settings:b,"link-2":A};function Ct(e){return St[e]}function wt({selected:e,onSelect:t,counts:n,totalCount:i,showCounts:a,categories:o,ariaLabel:s}){let{t:c}=r(`intelligence`),l=[...o].sort((e,t)=>e.label.localeCompare(t.label));return(0,W.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":s??c(`categorySidebar.skillCategoriesAriaLabel`),children:[(0,W.jsx)(Tt,{icon:E,label:c(`categorySidebar.all`),count:i,isActive:e===null,showCount:a,onClick:()=>t(null)}),l.map(r=>(0,W.jsx)(Tt,{icon:Ct(r.icon)??E,label:r.label,count:n[r.slug]??0,isActive:e===r.slug,showCount:a,onClick:()=>t(r.slug)},r.slug))]})}function Tt({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,W.jsxs)(H,{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 Et({skill:e,onSelect:t,onInstall:n,onRemove:i,isInstalling:a=!1,isRemoving:o=!1}){let{t:s}=r(`intelligence`),c=me(e),l=Oe(e);return(0,W.jsx)(F.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)(Ke,{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)(de,{origin:e.origin})]}),(0,W.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),c?a?(0,W.jsx)(H,{type:`button`,iconOnly:(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":s(`skillRow.installingAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(H,{type:`button`,iconOnly:(0,W.jsx)(O,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":s(`skillRow.installSkillAriaLabel`),expandOnMobile:!1}):(0,W.jsx)(H,{type:`button`,variant:`dangerOutline`,iconOnly:o?(0,W.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,W.jsx)(se,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),i?.()},disabled:!l||o||!i,"aria-label":s(l?`skillRow.removeSkillAriaLabel`:`skillRow.bundledSkillCannotBeRemovedAriaLabel`),title:l?void 0:s(`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 Dt(){let{t:e}=r(`intelligence`);return{statusFilters:[{value:`all`,label:$(`all`,e),icon:E},{value:`installed`,label:$(`installed`,e),icon:x},{value:`available`,label:$(`available`,e),icon:O}],typeFilters:[{value:`skills`,label:$(`skills`,e),icon:M},{value:`plugins`,label:$(`plugins`,e),icon:k}],originFilters:[{value:`vellum`,label:$(`vellum`,e),icon:pe},{value:`clawhub`,label:$(`clawhub`,e),icon:m},{value:`skillssh`,label:$(`skillssh`,e),icon:ee},{value:`custom`,label:$(`custom`,e),icon:te},{value:`assistant-memory`,label:$(`assistant-memory`,e),icon:T}]}}function Ot({search:e,onSearchChange:t,filter:n,onFilterChange:i,isSearching:a,categories:o,category:s,onCategoryChange:c,counts:l,totalCount:u,showCounts:d,pluginsSupported:f,showCategories:p}){let{t:m}=r(`intelligence`);return(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(Fe,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:m(`superpowersFilters.searchPlaceholder`),"aria-label":m(`superpowersFilters.searchAriaLabel`),leftIcon:(0,W.jsx)(v,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:a?(0,W.jsx)(N,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,W.jsx)(kt,{filter:n,onFilterChange:i,categories:o,category:s,onCategoryChange:c,counts:l,totalCount:u,showCounts:d,pluginsSupported:f,showCategories:p})]})}function kt(e){let{t}=r(`intelligence`),n=We(),[i,a]=(0,U.useState)(!1),{statusFilters:o,typeFilters:s,originFilters:c}=Dt(),l=(0,W.jsx)(H,{type:`button`,variant:`outlined`,iconOnly:(0,W.jsx)(Je,{"aria-hidden":!0}),"aria-label":t(`superpowersFilters.filterAriaLabel`),"aria-haspopup":n?`dialog`:`listbox`,"aria-expanded":i,tintColor:`var(--primary-base)`});if(n)return(0,W.jsx)(At,{...e,open:i,onOpenChange:a,trigger:l});let u=t=>{e.onFilterChange(t),a(!1)};return(0,W.jsxs)(Ne.Root,{open:i,onOpenChange:a,children:[(0,W.jsx)(Ne.Trigger,{asChild:!0,children:l}),(0,W.jsx)(Ne.Content,{align:`end`,sideOffset:4,className:`w-44 overflow-hidden p-0`,children:(0,W.jsxs)(`ul`,{role:`listbox`,children:[(0,W.jsx)(Ft,{label:t(`superpowersFilters.statusLabel`),options:o,selected:e.filter,onSelect:u}),e.pluginsSupported&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,W.jsx)(Ft,{label:t(`superpowersFilters.typeLabel`),options:s,selected:e.filter,onSelect:u})]}),(0,W.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,W.jsx)(Ft,{label:t(`superpowersFilters.sourceLabel`),options:c,selected:e.filter,onSelect:u}),e.showCategories&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,W.jsx)(Pt,{categories:e.categories,category:e.category,counts:e.counts,totalCount:e.totalCount,showCounts:e.showCounts,allLabel:t(`superpowersFilters.filterLabel.all`),categoriesLabel:t(`superpowersFilters.categoriesLabel`),onSelect:t=>{e.onCategoryChange(t),a(!1)}})]})]})})]})}function At({filter:e,onFilterChange:t,categories:n,category:i,onCategoryChange:a,counts:o,totalCount:s,showCounts:c,pluginsSupported:l,showCategories:u,open:d,onOpenChange:f,trigger:p}){let{t:m}=r(`intelligence`),{statusFilters:h,typeFilters:g,originFilters:_}=Dt();return(0,W.jsxs)(z.Root,{open:d,onOpenChange:f,children:[(0,W.jsx)(z.Trigger,{asChild:!0,children:p}),(0,W.jsxs)(z.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)(z.Header,{children:(0,W.jsx)(z.Title,{children:m(`superpowersFilters.filtersTitle`)})}),(0,W.jsxs)(z.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,W.jsx)(jt,{label:m(`superpowersFilters.statusLabel`),children:h.map(n=>(0,W.jsx)(Mt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),l&&(0,W.jsx)(jt,{label:m(`superpowersFilters.typeLabel`),children:g.map(n=>(0,W.jsx)(Mt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,W.jsx)(jt,{label:m(`superpowersFilters.sourceLabel`),children:_.map(n=>(0,W.jsx)(Mt,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),u&&(0,W.jsxs)(jt,{label:m(`superpowersFilters.categoriesLabel`),children:[(0,W.jsx)(Mt,{icon:E,label:m(`superpowersFilters.filterLabel.all`),active:i===null,badge:c?s:void 0,onSelect:()=>a(null)}),Nt(n).map(e=>(0,W.jsx)(Mt,{icon:Ct(e.icon)??E,label:e.label,active:i===e.slug,badge:c?o[e.slug]??0:void 0,onSelect:()=>a(e.slug)},e.slug))]})]}),(0,W.jsx)(z.Footer,{children:(0,W.jsx)(H,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>f(!1),children:m(`superpowersFilters.done`)})})]})]})}function jt({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 Mt({icon:e,label:t,active:n,badge:r,onSelect:i}){return(0,W.jsx)(Be,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,W.jsx)(p,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function Nt(e){return[...e].sort((e,t)=>e.label.localeCompare(t.label))}function Pt({categories:e,category:t,counts:n,totalCount:r,showCounts:i,allLabel:a,categoriesLabel:o,onSelect:s}){return(0,W.jsx)(It,{label:o,children:(0,W.jsx)(`ul`,{className:`max-h-48 overflow-y-auto`,children:[{slug:null,label:a,count:r},...Nt(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 px-3 py-1.5 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{color:n?`var(--primary-base)`:`var(--content-default)`},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 Ft({label:e,options:t,selected:n,onSelect:r}){return(0,W.jsx)(It,{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 px-3 py-1.5 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{color:i?`var(--primary-base)`:`var(--content-default)`},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)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})})}function It({label:e,children:t}){return(0,W.jsxs)(`li`,{role:`group`,"aria-label":e,children:[(0,W.jsx)(`div`,{className:`px-3 pb-1 pt-2 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),t]})}var Lt=300*1e3,Rt=[],zt=[];async function Bt(e,t,r){let i=await ge({path:{assistant_id:e},query:{q:void 0,category:t},signal:r,throwOnError:!1});if(i.response?.status===404)return{plugins:[]};if(!i.response?.ok)throw Error(n(`usePluginsList.failureMessage`,{ns:`intelligence`}));return i.data??{plugins:[]}}function Vt(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 Ht(e,n=null,r=!0){let i=n??void 0,o=t({queryKey:Se({path:{assistant_id:e},query:{q:void 0,category:i}}),queryFn:({signal:t})=>Bt(e,i,t),enabled:!!e&&r,staleTime:Lt}),s=t({...Ge(e),enabled:!!e&&r&&n!==null}),c=t({...Ce({path:{assistant_id:e},query:{q:void 0}}),enabled:!!e&&r,staleTime:Lt}),l=(0,U.useMemo)(()=>{let e=n===null?o.data?.plugins:s.data?.plugins??o.data?.plugins;return new Set((e??Rt).map(e=>e.name))},[n,s.data?.plugins,o.data?.plugins]),u=(0,U.useMemo)(()=>{let e=o.data?.plugins??Rt,t=c.data?.matches??zt;return at(G(e,(n===null?t:t.filter(e=>(e.category??`system`)===n)).filter(e=>!l.has(e.name))))},[o.data?.plugins,c.data?.matches,n,l]),d=n===null?o.data:s.data,f=Vt(e,d?.categoryCounts!==void 0),p=Vt(e,(d?.plugins??Rt).some(e=>e.enabled!==void 0)),m=a(),h=(0,U.useRef)(null);return(0,U.useEffect)(()=>{if(h.current===e||!c.isSuccess)return;let t=d?.plugins;if(!t?.length)return;let n=new Map((c.data?.matches??zt).map(e=>[e.name,e.category]));t.some(e=>{let t=n.get(e.name);return t!=null&&t!==`system`&&(e.category??`system`)===`system`})&&(h.current=e,m.invalidateQueries({queryKey:Se({path:{assistant_id:e},query:{q:void 0}})}))},[e,c.isSuccess,c.data?.matches,d?.plugins,m]),{items:u,isLoading:o.isLoading,catalogLoading:c.isLoading,isError:o.isError,isFetching:o.isFetching||c.isFetching,catalogError:c.isError,categorySupported:f,pluginToggleSupported:p,installedCategoryCounts:d?.categoryCounts,installedPlugins:d?.plugins??Rt,installedTotal:d?.totalCount,catalogMatches:c.data?.matches??zt,unfilteredInstalledNames:l}}function Ut(e){return t({...Me({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}var Wt=new Set([`all`,`installed`,`available`,`skills`,`plugins`,`vellum`,`clawhub`,`skillssh`,`custom`,`assistant-memory`]);function Gt(e){let t=e.get(`filter`),n=e.get(`category`);return{q:e.get(`q`)??``,filter:Jt(t)?t:`all`,category:n||null}}function Kt(e,t){let n=new URLSearchParams(e);return t.q!==void 0&&qt(n,`q`,t.q.trim()||null),t.filter!==void 0&&qt(n,`filter`,t.filter===`all`?null:t.filter),t.category!==void 0&&qt(n,`category`,t.category),n}function qt(e,t,n){n===null?e.delete(t):e.set(t,n)}function Jt(e){return e!==null&&Wt.has(e)}function Yt(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 Xt(e){return e!==`plugins`}function Zt(e){return e===`all`||e===`installed`||e===`available`||e===`plugins`}function Qt(e){switch(e){case`installed`:return`installed`;case`available`:return`available`;default:return`all`}}function $t(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 en=300,tn=`vellum:superpowers:tipDismissed`;function nn(e){return[...e].sort((e,t)=>e.installed===t.installed?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):e.installed?-1:1)}function rn({assistantId:e}){let{t:n}=r(`intelligence`),i=c(),o=s(),u=a(),d=Ee(),f=Ae.use.version(),p=_e(),[m,h]=l(),{q:g,filter:_,category:v}=(0,U.useMemo)(()=>Gt(m),[m]),y=m.get(`plugin`),b=(0,U.useCallback)(e=>{h(t=>Kt(t,e),{replace:!0})},[h]),x=m.get(`success`),S=(0,U.useRef)(!1);(0,U.useEffect)(()=>{x!==`true`||S.current||(S.current=!0,y&&I.success(n(`pluginToast.installed`,{name:y})),h(e=>{let t=new URLSearchParams(e);return t.delete(`success`),t},{replace:!0}))},[x,y,h,n]);let[C,ee]=(0,U.useState)(g),w=$t(C.trim(),en),T=(0,U.useRef)(g);(0,U.useEffect)(()=>{if(g!==T.current&&(T.current=g,g!==C.trim())){ee(g);return}w!==g&&w===C.trim()&&(T.current=w,b({q:w}))},[w,g,C,b]);let E=(0,U.useCallback)(e=>b({filter:e}),[b]),D=(0,U.useCallback)(e=>b({category:e}),[b]),[O,te]=(0,U.useState)(()=>xe(tn,!1)),ne=(0,U.useCallback)(()=>{te(!0),ve(tn,!0)},[]),k=!p&&_===`plugins`?`all`:_,A=Xt(k),re=p&&Zt(k),j=Qt(k),{handleInstall:ie,handleRemove:ae,isInstallingSkill:M,isRemovingSkill:N,skillPendingRemoval:oe,confirmRemove:se,cancelRemove:ce}=he(e),{data:le=[]}=Ut(e),{origin:ue,kind:de}=(0,U.useMemo)(()=>Yt(k),[k]),P=t({...je({path:{assistant_id:e},query:{include:`catalog`,origin:ue,kind:de,q:w||void 0,category:v??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A}),pe=t({...je({path:{assistant_id:e},query:{include:`catalog`,origin:ue,kind:de,q:w||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&A&&v!==null}),{items:me,isLoading:ge,catalogLoading:be,isError:Se,isFetching:Ce,catalogError:we,categorySupported:Te,installedCategoryCounts:De,installedPlugins:Oe,installedTotal:F,catalogMatches:Me,unfilteredInstalledNames:Ne}=Ht(e,v,p),L=re&&(v===null||Te),R=(0,U.useCallback)(t=>Le(u,e,t),[e,u]),[Pe,Fe]=(0,U.useState)(null),[Re,ze]=(0,U.useState)(null),[Be,z]=(0,U.useState)(null),[B,Ve]=(0,U.useState)(null),[V,H]=(0,U.useState)(null),We=ye({onMutate:e=>Fe(e.body.name),onSuccess:(e,t)=>I.success(n(`pluginToast.installed`,{name:t.body.name})),onError:()=>I.error(et),onSettled:(e,t,n)=>{Fe(null),R(n.body.name)}}),Ge=Ue({onMutate:e=>ze(e.path.name),onSuccess:(e,t)=>I.success(n(`pluginToast.removed`,{name:t.path.name})),onError:()=>I.error(tt),onSettled:(e,t,n)=>{ze(null),R(n.path.name)}}),Ke=ke({onMutate:e=>z(e.path.name),onSuccess:(e,t)=>I.success(e.outcome===`already-up-to-date`?n(`pluginToast.alreadyUpToDate`,{name:t.path.name}):n(`pluginToast.upgraded`,{name:t.path.name,sha:st(e.toCommit)})),onError:()=>I.error(nt),onSettled:(e,t,n)=>{z(null),R(n.path.name)}}),Je=(0,U.useCallback)(e=>h(t=>{let n=new URLSearchParams(t);return n.set(`plugin`,e.name),n}),[h]),Ye=(0,U.useCallback)(()=>h(e=>{let t=new URLSearchParams(e);return t.delete(`plugin`),t},{replace:!0}),[h]),Xe=(0,U.useCallback)(t=>{We.mutate({path:{assistant_id:e},body:{name:t.name}})},[e,We]),rt=(0,U.useCallback)(()=>{B&&(Ge.mutate({path:{assistant_id:e,name:B.name}}),Ve(null))},[e,B,Ge]),G=(0,U.useCallback)(t=>{Ke.mutate({path:{assistant_id:e,name:t},body:{}})},[e,Ke]),at=(0,U.useCallback)(()=>{V&&(G(V.name),H(null))},[V,G]),ct=(0,U.useCallback)((e,t)=>{if(pt(t)){H(e);return}G(e.name)},[G]),K=(0,U.useMemo)(()=>A?P.data?.skills??[]:[],[A,P.data?.skills]),lt=(0,U.useMemo)(()=>L?ot(me,j).filter(e=>it(e,w)):[],[L,me,j,w]),ut=(0,U.useMemo)(()=>nn([...K.map(e=>({type:`skill`,key:`skill:${e.id}`,name:e.name,installed:fe(e),skill:e})),...lt.map(e=>({type:`plugin`,key:`plugin:${e.name}`,name:e.name,installed:e.status===`installed`,item:e}))]),[K,lt]),q=v===null?P.data:pe.data,J=an(A,q?.skills??K,q?.categoryCounts,q?.totalCount),Y=on(re&&Te,De,Oe,F,Me,Ne,j),{counts:X,totalCount:dt}=(0,U.useMemo)(()=>{let e={...J.counts};for(let[t,n]of Object.entries(Y.counts))e[t]=(e[t]??0)+n;return{counts:e,totalCount:J.totalCount+Y.totalCount}},[J,Y]),ft=A&&P.isLoading,Z=A&&P.isError,mt=L&&ge,ht=L&&Se,Q=(Z||!A)&&(ht||!L)&&(Z||ht),gt=ft||mt,vt=!!w&&(A&&P.isFetching||L&&Ce&&!ge),yt=C.trim().length>0;if(y&&!p&&f===null)return null;if(y&&p){let t=me.find(e=>e.name===y),n={assistantId:e,name:y,externalHint:t?.external,enabled:t?.enabled,onBack:Ye};return d?(0,W.jsx)(bt,{...n}):(0,W.jsx)(_t,{...n})}let St=(0,W.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:gt?(0,W.jsx)(un,{}):Q?(0,W.jsx)(dn,{}):ut.length===0?L&&be&&j!==`installed`?(0,W.jsx)(un,{}):(0,W.jsx)(fn,{filter:k,category:v}):(0,W.jsx)(`ul`,{className:`flex flex-col gap-2`,children:ut.map(t=>(0,W.jsx)(`li`,{children:t.type===`skill`?(0,W.jsx)(Et,{skill:t.skill,onSelect:()=>i(He.skills.detail(t.skill.id),{state:{listSearch:o.search}}),onInstall:()=>ie(t.skill),onRemove:()=>ae(t.skill),isInstalling:M(t.skill),isRemoving:N(t.skill)}):t.installed?(0,W.jsx)(sn,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onRemove:()=>Ve(t.item),onUpgrade:e=>ct(t.item,e),isRemoving:Re===t.item.name,isUpgrading:Be===t.item.name}):(0,W.jsx)(xt,{assistantId:e,item:t.item,onSelect:()=>Je(t.item),onInstall:()=>Xe(t.item),isInstalling:Pe===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)(cn,{onDismiss:ne}),(0,W.jsx)(Ot,{search:C,onSearchChange:ee,filter:k,onFilterChange:E,isSearching:vt,categories:le,category:v,onCategoryChange:D,counts:X,totalCount:dt,showCounts:!yt,pluginsSupported:p,showCategories:d}),!gt&&!Q&&Z?(0,W.jsx)(ln,{text:n(`superpowersTab.skillsUnavailableNotice`)}):null,!gt&&!Q&&ht?(0,W.jsx)(ln,{text:n(`superpowersTab.pluginsUnavailableNotice`)}):null,L&&we&&!mt&&!ht?(0,W.jsx)(ln,{text:n(`superpowersTab.catalogBrowsingUnavailableNotice`)}):null,(0,W.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[!d&&(0,W.jsx)(`aside`,{className:`w-56 shrink-0 overflow-y-auto`,children:(0,W.jsx)(wt,{ariaLabel:n(`superpowersTab.categoriesAriaLabel`),selected:v,onSelect:D,counts:X,totalCount:dt,showCounts:!yt,categories:le})}),St]}),(0,W.jsx)(qe,{skillName:oe?.name??null,onConfirm:se,onCancel:ce}),(0,W.jsx)(Ie,{open:B!==null,title:n(`pluginDetailShared.removePluginTitle`),message:B?Ze(B.name):``,confirmLabel:n(`pluginDetailShared.remove`),destructive:!0,onConfirm:rt,onCancel:()=>Ve(null)}),(0,W.jsx)(Ie,{open:V!==null,title:n(`pluginDetailShared.upgradePluginTitle`),message:V?Qe(V.name):``,confirmLabel:$e,destructive:!0,onConfirm:at,onCancel:()=>H(null)})]})}function an(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 on(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 sn({assistantId:e,item:t,onSelect:n,onRemove:r,onUpgrade:i,isRemoving:a,isUpgrading:o}){let s=ft({assistantId:e,name:t.name}).data;return(0,W.jsx)(xt,{assistantId:e,item:t,drift:s,onSelect:n,onRemove:r,onUpgrade:()=>i(s),isRemoving:a,isUpgrading:o})}function cn({onDismiss:e}){let{t}=r(`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)(C,{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)(H,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,W.jsx)(ne,{"aria-hidden":!0}),onClick:e,"aria-label":t(`superpowersTab.dismissTipAriaLabel`),tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function ln({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)(D,{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 un(){return(0,W.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,W.jsx)(N,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function dn(){let{t:e}=r(`intelligence`);return(0,W.jsx)(F.Root,{children:(0,W.jsxs)(F.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,W.jsx)(oe,{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 fn({filter:e,category:t}){let{t:n}=r(`intelligence`),{title:i,subtitle:a,Icon:o}=pn(e,t,n);return(0,W.jsx)(P,{icon:o,title:i,subtitle:a})}function pn(e,t,n){if(t)return{title:n(`superpowersTab.emptyState.categoryTitle`),subtitle:n(`superpowersTab.emptyState.categorySubtitle`),Icon:E};switch(e){case`installed`:return{title:n(`superpowersTab.emptyState.installedTitle`),subtitle:n(`superpowersTab.emptyState.installedSubtitle`),Icon:M};case`available`:return{title:n(`superpowersTab.emptyState.availableTitle`),subtitle:n(`superpowersTab.emptyState.availableSubtitle`),Icon:x};case`skills`:return{title:n(`superpowersTab.emptyState.skillsTitle`),subtitle:n(`superpowersTab.emptyState.skillsSubtitle`),Icon:M};case`plugins`:return{title:n(`superpowersTab.emptyState.pluginsTitle`),subtitle:n(`superpowersTab.emptyState.pluginsSubtitle`),Icon:k};case`vellum`:return{title:n(`superpowersTab.emptyState.vellumTitle`),subtitle:n(`superpowersTab.emptyState.vellumSubtitle`),Icon:M};case`clawhub`:return{title:n(`superpowersTab.emptyState.clawhubTitle`),subtitle:n(`superpowersTab.emptyState.clawhubSubtitle`),Icon:M};case`skillssh`:return{title:n(`superpowersTab.emptyState.skillsshTitle`),subtitle:n(`superpowersTab.emptyState.skillsshSubtitle`),Icon:M};case`custom`:return{title:n(`superpowersTab.emptyState.customTitle`),subtitle:n(`superpowersTab.emptyState.customSubtitle`),Icon:M};case`assistant-memory`:return{title:n(`superpowersTab.emptyState.assistantMemoryTitle`),subtitle:n(`superpowersTab.emptyState.assistantMemorySubtitle`),Icon:M};default:return{title:n(`superpowersTab.emptyState.defaultTitle`),subtitle:n(`superpowersTab.emptyState.defaultSubtitle`),Icon:D}}}function mn(){return(0,W.jsx)(rn,{assistantId:Pe()})}export{mn as SuperpowersPage};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Hn as t,O as n}from"./vendor-WUN87CSE.js";import{b as r,r as i,t as a}from"./react-DPM_L_aA.js";import{Cr as o,Mr as s,gr as c,tn as l,v as u,zr as d}from"./icons-CSdHOix6.js";import{Fc as f,Vf as p,bn as m,ft as h,uv as g,vy as _,xy as v,zf as y}from"./index-7XDiAJ-A.js";var b=e(r(),1),x=a(),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)(_,{tone:k(e,t),children:C(e)})}function j({status:e}){let t=w(e);return T(e)?(0,x.jsx)(_,{tone:`positive`,leftIcon:(0,x.jsx)(s,{}),children:t}):E(e)?(0,x.jsx)(_,{tone:`negative`,leftIcon:(0,x.jsx)(o,{}),children:t}):(0,x.jsx)(_,{tone:`neutral`,children:t})}function M({event:e}){let{t}=n(`logs`),[r,i]=(0,b.useState)(!1),a=e.details!==null&&e.details!==void 0&&Object.keys(e.details).length>0;return(0,x.jsxs)(`div`,{className:`rounded-xl border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,x.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between`,children:[(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,x.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.display_text}),(0,x.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(A,{type:e.type,event:e}),(0,x.jsx)(j,{status:e.event_status}),O(e)&&(0,x.jsx)(_,{tone:`warning`,leftIcon:(0,x.jsx)(u,{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)(c,{className:`h-3 w-3`}),(0,x.jsx)(`span`,{children:D(e.occurred_at)})]})]}),a&&(0,x.jsxs)(`div`,{className:`mt-2`,children:[(0,x.jsxs)(`button`,{type:`button`,onClick:()=>i(e=>!e),className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(d,{className:`h-3 w-3 transition-transform ${r?`rotate-180`:``}`}),t(r?`systemEventsTab.hideDetails`:`systemEventsTab.showDetails`)]}),r&&(0,x.jsx)(`pre`,{className:`mt-2 overflow-x-auto rounded-md p-3 text-body-small-default`,style:{background:`var(--surface-base)`,color:`var(--content-default)`},children:JSON.stringify(e.details,null,2)})]})]})}function N({assistantId:e}){let{t:r}=n(`logs`),{data:i,isLoading:a,isError:o,isFetchingNextPage:s,hasNextPage:c,fetchNextPage:d}=t({...f({path:{assistant_id:e}}),initialPageParam:0,getNextPageParam:(e,t)=>{if(e.next)return t.reduce((e,t)=>e+t.results.length,0)}}),p=i?.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:r(`systemEventsTab.intro`,{days:S})}),a?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--content-tertiary)`},children:[(0,x.jsx)(l,{className:`h-4 w-4 animate-spin`}),r(`systemEventsTab.loading`)]}):o?(0,x.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--system-negative-strong)`},children:[(0,x.jsx)(u,{className:`h-4 w-4 shrink-0`}),r(`systemEventsTab.loadFailed`)]}):p.length===0?(0,x.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:r(`systemEventsTab.empty`,{days:S})}):(0,x.jsxs)(`div`,{className:`space-y-2`,children:[p.map(e=>(0,x.jsx)(M,{event:e},e.id)),c&&(0,x.jsx)(`div`,{className:`pt-2 text-center`,children:(0,x.jsx)(`button`,{type:`button`,onClick:()=>d(),disabled:s,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:s?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(l,{className:`h-4 w-4 animate-spin`}),r(`systemEventsTab.loadingOlder`)]}):r(`systemEventsTab.loadOlder`)})})]})]})}function P(){let{t:e}=n(`logs`),t=p({platformHostedOnly:!0}),r=y(),a=h();return t===`gated`?(0,x.jsx)(i,{replace:!0,to:g.logs.root}):t===`disabled`?(0,x.jsx)(m,{children:e(`systemEventsPage.platformLoginNotice`)}):r?(0,x.jsx)(N,{assistantId:a}):(0,x.jsx)(v,{tone:`warning`,children:e(`systemEventsPage.notAvailable`)})}export{P as SystemEventsPage};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{b as t,f as n}from"./react-DPM_L_aA.js";import{uv as r}from"./index-7XDiAJ-A.js";var i=e(t(),1);function a(){let e=n();return(0,i.useEffect)(()=>{e(r.logs.systemEvents,{replace:!0})},[e]),null}export{a as SystemEventsRedirectPage};

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

@@ -0,0 +1 @@
+import{t as e}from"./react-DPM_L_aA.js";import{t}from"./preview-error-DbAQP8oG.js";import{Cy as n,Xn as r}from"./index-7XDiAJ-A.js";import{t as i}from"./use-truncated-blob-text-DLF_hf3O.js";var a=e(),o=2*1024*1024,s=`Showing the first 2 MB`;function c({blob:e,filename:c}){let{text:l,truncated:u,decodeFailed:d}=i(e,o);return d?(0,a.jsx)(t,{filename:c}):l===null?(0,a.jsx)(r,{}):(0,a.jsxs)(`div`,{className:`flex min-h-0 flex-col gap-2`,children:[(0,a.jsx)(`pre`,{className:`whitespace-pre-wrap break-words font-mono text-body-small-default text-[var(--content-default)]`,children:l}),u&&(0,a.jsx)(n,{as:`p`,variant:`label-small-default`,className:`border-t border-[var(--border-element)] pt-2 text-[var(--content-tertiary)]`,children:s})]})}export{c as TextPreview};

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

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{O as t}from"./vendor-WUN87CSE.js";import{b as n,g as r,m as i,t as a}from"./react-DPM_L_aA.js";import{Sy as o,gy as s,hy as c,mo as l,ql as u,wy as d}from"./index-7XDiAJ-A.js";var f=e(n(),1),p=a(),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}=t();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}=t();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)(d,{children:e(`themeStagePage.buttonPrimary`)}),(0,p.jsx)(d,{variant:`outlined`,children:e(`themeStagePage.buttonSecondary`)}),(0,p.jsx)(d,{disabled:!0,children:e(`themeStagePage.buttonDisabled`)})]})]})}function x(){let{t:e}=t();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}=t();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionSurfaces`)}),(0,p.jsx)(o,{elevated:!0,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 p-4`,children:[(0,p.jsx)(`div`,{className:`text-[15px] font-medium text-[var(--content-default)]`,children:e(`themeStagePage.raisedCard`)}),(0,p.jsx)(`div`,{className:`text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.raisedCardBody`)}),(0,p.jsx)(`div`,{className:`border-t border-[var(--border-subtle)] pt-2 text-sm text-[var(--content-tertiary)]`,children:e(`themeStagePage.subtleDivider`)})]})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,p.jsx)(`div`,{className:`rounded-md border border-[var(--border-base)] bg-[var(--surface-overlay)] px-3 py-2 text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.overlaySurface`)}),(0,p.jsx)(`div`,{className:`rounded-md border border-[var(--border-element)] bg-[var(--surface-active)] px-3 py-2 text-sm text-[var(--content-secondary)]`,children:e(`themeStagePage.activeSurface`)})]})]})}function C(){let{t:e}=t();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(v,{children:e(`themeStagePage.sectionInputs`)}),(0,p.jsx)(c,{fullWidth:!0,placeholder:e(`themeStagePage.inputPlaceholder`),readOnly:!0}),(0,p.jsx)(s,{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}=t();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}=t();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}=t();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)(s,{fullWidth:!0,readOnly:!0,rows:1,placeholder:e(`themeStagePage.composerPlaceholder`)})}),(0,p.jsx)(d,{children:e(`themeStagePage.send`)})]})]})}function k(){let e=i(),[t]=r(),n=h(e.view),a=t.get(`tokens`),o=(0,f.useMemo)(()=>g(a),[a]);return u(),(0,f.useEffect)(()=>(l(o),()=>{l(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};