@vellumai/web 0.8.12 → 0.9.0-staging.2

package/dist/assets/skills-page-Cs1mTTpA.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{a as t,t as n}from"./local-settings-lVNyIOJ_.js";import{t as r}from"./react-DJZBPgpf.js";import{T as i}from"./portal-container-DIXEBWUe.js";import{h as a}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as o}from"./QueryClientProvider-DKhXIxGb.js";import{t as s}from"./useQuery-B45lW1Kk.js";import{t as c}from"./useMutation-Lj4VunQV.js";import{t as l}from"./jsx-runtime-CVSDxk6A.js";import{t as u}from"./button-C68o-wep.js";import{t as d}from"./card-CL5iEMJO.js";import{t as f}from"./menu-B79-l6IU.js";import"./src-Bnn6algv.js";import{t as p}from"./confirm-dialog-94QFOD8a.js";import{n as m,r as h,t as g}from"./panel-item-FzMfzMJA.js";import{t as _}from"./input-Cu3PPVCq.js";import{n as v}from"./stat-square-BENJGRZr.js";import{t as y}from"./createLucideIcon-D6d6iDdi.js";import{a as b,c as x,i as S,n as C,o as w,r as T,s as E,t as ee}from"./install-BlwjvAKk.js";import{t as D}from"./calendar-CP_Q3Aw6.js";import{t as O}from"./cloud-off-DxVWIkmM.js";import{t as k}from"./globe-CMrMrZef.js";import{t as A}from"./link-2-C9rNe5kO.js";import{t as j}from"./loader-circle-C563RcPZ.js";import{t as te}from"./x-D1JFrRas.js";import{G as ne,J as M,K as N,X as re,Y as ie,q as P}from"./react-query.gen-B_oGDSP8.js";import{n as ae}from"./use-is-mobile-CgLpEUW2.js";import{$a as F,Da as I,Fi as L,Li as R,Oi as z,Qi as B,Ra as V,Si as H,Xa as U,_a as W,di as G,eo as K,fa as q,gi as oe,ia as se,ji as ce,oo as le,sa as ue,so as J,ta as de,wa as fe,xa as pe,xi as Y,yi as me}from"./index-87hTkD_v.js";import{t as he}from"./use-active-assistant-id-B2Zd0B4I.js";import{n as ge,t as _e}from"./file-markdown-B4DVzQ41.js";var ve=y(`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`}]]),ye=y(`palette`,[[`path`,{d:`M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z`,key:`e79jfc`}],[`circle`,{cx:`13.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`1okk4w`}],[`circle`,{cx:`17.5`,cy:`10.5`,r:`.5`,fill:`currentColor`,key:`f64h9f`}],[`circle`,{cx:`6.5`,cy:`12.5`,r:`.5`,fill:`currentColor`,key:`qy21gx`}],[`circle`,{cx:`8.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`fotxhn`}]]),X=e(r(),1),be={mail:ue,calendar:D,"message-circle":se,globe:k,zap:G,code:V,mic:de,"shopping-cart":ce,palette:ye,heart:W,settings:L,"link-2":A};function xe(e){return be[e]}var Z=l();function Se({selected:e,onSelect:t,counts:n,totalCount:r,showCounts:i,categories:a}){let o=[...a].sort((e,t)=>e.label.localeCompare(t.label));return(0,Z.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":`Skill categories`,children:[(0,Z.jsx)(Ce,{icon:q,label:`All`,count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),o.map(r=>(0,Z.jsx)(Ce,{icon:xe(r.icon)??q,label:r.label,count:n[r.slug]??0,isActive:e===r.slug,showCount:i,onClick:()=>t(r.slug)},r.slug))]})}function Ce({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,Z.jsxs)(u,{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,Z.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,Z.jsx)(e,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`text-body-medium-default`,children:t})]}),i&&(0,Z.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:n})]})}var we=e(i(),1);function Te(e,t){return t??e.find(e=>e.name===`SKILL.md`)?.path??null}function Ee(e,t){let[n,r]=(0,X.useState)(null),i=s({...P({path:{assistant_id:e,id:t}}),select:e=>e??null}),a=(0,X.useMemo)(()=>i.data?.files??[],[i.data]),o=(0,X.useMemo)(()=>a.find(e=>e.name===`SKILL.md`),[a]),c=Te(a,n),l=s({...N({path:{assistant_id:e,id:t},query:{path:c??``}}),select:e=>e??null,enabled:!!c});return{fileEntries:a,skillMd:o,selectedPath:n,setSelectedPath:r,activePath:c,activeFile:a.find(e=>e.path===c),isFilesLoading:i.isLoading,fileContent:l.data?.content??null,isBinary:!!l.data?.isBinary,isContentLoading:l.isLoading}}function De({fileName:e,content:t,isBinary:n,viewMode:r=`preview`}){return n?(0,Z.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Binary file — no preview available.`}):t===null?(0,Z.jsxs)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:[`No preview available for `,e,`.`]}):ge(e,void 0)&&r===`preview`?(0,Z.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Z.jsx)(_e,{content:t})}):(0,Z.jsx)(`pre`,{className:`h-full overflow-y-auto whitespace-pre-wrap break-words p-4 font-mono text-body-small-default`,style:{color:`var(--content-default)`},children:t})}function Oe({assistantId:e,skill:t,onBack:n,onInstall:r,onRemove:i,isInstalling:a=!1,isRemoving:o=!1}){let s=T(t),c=b(t),{fileEntries:l,setSelectedPath:f,activePath:p,activeFile:m,isFilesLoading:h,fileContent:g,isBinary:_,isContentLoading:y}=Ee(e,t.id),[x,S]=(0,X.useState)(`preview`);(0,X.useEffect)(()=>{S(`preview`)},[p]);let[C,ee]=(0,X.useState)(null);(0,X.useEffect)(()=>{ee(document.getElementById(`viewport-overlays`))},[]);let D=m?ge(m.name,void 0):!1,O=D?x:`raw`,k=(0,Z.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,Z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Z.jsx)(u,{variant:`ghost`,iconOnly:(0,Z.jsx)(le,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Back to skills`,onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:t.name}),(0,Z.jsx)(ke,{available:s,removable:c,isInstalling:a,isRemoving:o,onInstall:r,onRemove:i})]}),(0,Z.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Z.jsx)(E,{skill:t,className:`h-6 w-6 shrink-0 text-[22px] leading-none`}),(0,Z.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:t.name})]}),(0,Z.jsx)(w,{origin:t.origin})]}),(0,Z.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description})]}),(0,Z.jsx)(d.Root,{asChild:!0,noPadding:!0,children:(0,Z.jsxs)(`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,Z.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2`,style:{borderColor:`var(--border-hover)`},children:[(0,Z.jsx)(je,{fileEntries:l,activePath:p,activeName:m?.name??null,onSelect:f}),(0,Z.jsx)(v,{iconOnly:!0,ariaLabel:`File view mode`,value:O,onChange:S,items:[{value:`preview`,label:`Preview`,icon:(0,Z.jsx)(I,{"aria-hidden":!0}),disabled:!D},{value:`raw`,label:`Source`,icon:(0,Z.jsx)(V,{"aria-hidden":!0})}]})]}),(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:h||y?(0,Z.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Z.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):m?(0,Z.jsx)(De,{fileName:m.name,content:g,isBinary:_,viewMode:O}):(0,Z.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Select a file to view its contents.`})})]})})]});return C?(0,we.createPortal)(k,C):k}function ke({available:e,removable:t,isInstalling:n,isRemoving:r,onInstall:i,onRemove:a}){return n||r?(0,Z.jsx)(u,{variant:`ghost`,iconOnly:(0,Z.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,"aria-label":`Pending`,className:`max-md:bg-[var(--surface-active)]`}):e?(0,Z.jsx)(u,{variant:`ghost`,iconOnly:(0,Z.jsx)(J,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Install skill`,onClick:i,disabled:!i,className:`max-md:bg-[var(--surface-active)]`}):t?(0,Z.jsx)(u,{variant:`dangerGhost`,iconOnly:(0,Z.jsx)(Y,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Remove skill`,onClick:a,disabled:!a,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`}):(0,Z.jsx)(u,{variant:`dangerGhost`,iconOnly:(0,Z.jsx)(Y,{"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,title:`Bundled skills cannot be removed`,"aria-label":`Bundled skill cannot be removed`,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`})}function Ae(e){return(e??``).endsWith(`/directory`)}function je({fileEntries:e,activePath:t,activeName:n,onSelect:r}){let i=n??`Select a file`;return e.length===0?(0,Z.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,Z.jsx)(Me,{}),(0,Z.jsx)(`span`,{className:`truncate`,children:i})]}):(0,Z.jsxs)(f.Root,{children:[(0,Z.jsx)(f.Trigger,{children:(0,Z.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-2 rounded-md text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,Z.jsx)(Me,{}),(0,Z.jsx)(`span`,{className:`truncate`,children:i}),(0,Z.jsx)(F,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0})]})}),(0,Z.jsx)(f.Content,{align:`start`,children:e.map(e=>{let n=Ae(e.mimeType);return(0,Z.jsx)(f.Item,{onSelect:()=>r(e.path),leftIcon:n?(0,Z.jsx)(pe,{}):(0,Z.jsx)(fe,{}),"aria-current":e.path===t?`true`:void 0,children:e.name},e.path)})})]})}function Me(){return(0,Z.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--surface-base)]`,"aria-hidden":!0,children:(0,Z.jsx)(fe,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}var Ne=[{value:`all`,label:`All`,icon:q},{value:`installed`,label:`Installed`,icon:U},{value:`available`,label:`Available`,icon:J}],Pe=[{value:`vellum`,label:`Vellum`,icon:x},{value:`clawhub`,label:`Clawhub`,icon:k},{value:`skillssh`,label:`skills.sh`,icon:H},{value:`custom`,label:`Custom`,icon:oe}];function Fe({search:e,onSearchChange:t,filter:n,onFilterChange:r,isSearching:i,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u}){return(0,Z.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Z.jsx)(_,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:`Search skills`,"aria-label":`Search skills`,leftIcon:(0,Z.jsx)(R,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,Z.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,Z.jsx)(Ie,{filter:n,onFilterChange:r,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u})]})}function Ie(e){let t=ae(),[n,r]=(0,X.useState)(!1),i=(0,Z.jsx)(u,{type:`button`,variant:`outlined`,iconOnly:(0,Z.jsx)(ve,{"aria-hidden":!0}),"aria-label":`Filter skills`,"aria-haspopup":t?`dialog`:`listbox`,"aria-expanded":n,tintColor:`var(--primary-base)`});return t?(0,Z.jsx)(Le,{...e,open:n,onOpenChange:r,trigger:i}):(0,Z.jsxs)(h.Root,{open:n,onOpenChange:r,children:[(0,Z.jsx)(h.Trigger,{asChild:!0,children:i}),(0,Z.jsx)(h.Content,{align:`end`,sideOffset:4,className:`w-44 overflow-hidden p-0`,children:(0,Z.jsxs)(`ul`,{role:`listbox`,children:[(0,Z.jsx)(Re,{label:`Status`,options:Ne,selected:e.filter,onSelect:t=>{e.onFilterChange(t),r(!1)}}),(0,Z.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,Z.jsx)(Re,{label:`Source`,options:Pe,selected:e.filter,onSelect:t=>{e.onFilterChange(t),r(!1)}})]})})]})}function Le({filter:e,onFilterChange:t,categories:n,category:r,onCategoryChange:i,counts:a,totalCount:o,showCounts:s,open:c,onOpenChange:l,trigger:d}){let f=[...n].sort((e,t)=>e.label.localeCompare(t.label));return(0,Z.jsxs)(m.Root,{open:c,onOpenChange:l,children:[(0,Z.jsx)(m.Trigger,{asChild:!0,children:d}),(0,Z.jsxs)(m.Content,{className:`max-h-[85dvh]`,"aria-describedby":void 0,children:[(0,Z.jsx)(`div`,{"aria-hidden":!0,className:`mx-auto mb-3 h-1 w-9 shrink-0 rounded-full bg-[var(--border-element)]`}),(0,Z.jsx)(m.Header,{children:(0,Z.jsx)(m.Title,{children:`Filters`})}),(0,Z.jsxs)(m.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,Z.jsx)(Q,{label:`Status`,children:Ne.map(n=>(0,Z.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,Z.jsx)(Q,{label:`Source`,children:Pe.map(n=>(0,Z.jsx)($,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,Z.jsxs)(Q,{label:`Categories`,children:[(0,Z.jsx)($,{icon:q,label:`All`,active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),f.map(e=>(0,Z.jsx)($,{icon:xe(e.icon)??q,label:e.label,active:r===e.slug,badge:s?a[e.slug]??0:void 0,onSelect:()=>i(e.slug)},e.slug))]})]}),(0,Z.jsx)(m.Footer,{children:(0,Z.jsx)(u,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>l(!1),children:`Done`})})]})]})}function Q({label:e,children:t}){return(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(`div`,{className:`px-2 pb-1 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),t]})}function $({icon:e,label:t,active:n,badge:r,onSelect:i}){return(0,Z.jsx)(g,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,Z.jsx)(K,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function Re({label:e,options:t,selected:n,onSelect:r}){return(0,Z.jsxs)(`li`,{children:[(0,Z.jsx)(`div`,{className:`px-3 pb-1 pt-2 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),(0,Z.jsx)(`ul`,{children:t.map(e=>{let t=e.icon,i=n===e.value;return(0,Z.jsx)(`li`,{children:(0,Z.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,Z.jsx)(t,{className:`h-4 w-4`,"aria-hidden":!0}),(0,Z.jsx)(`span`,{className:`flex-1`,children:e.label}),i&&(0,Z.jsx)(U,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})]})}function ze({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let o=T(e),s=b(e);return(0,Z.jsx)(d.Root,{asChild:!0,children:(0,Z.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,Z.jsx)(`div`,{className:`flex shrink-0 items-center justify-center text-[28px] leading-none`,children:(0,Z.jsx)(E,{skill:e,className:`h-7 w-7`})}),(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:e.name}),(0,Z.jsx)(w,{origin:e.origin})]}),(0,Z.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),o?i?(0,Z.jsx)(u,{type:`button`,iconOnly:(0,Z.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":`Installing`,expandOnMobile:!1}):(0,Z.jsx)(u,{type:`button`,iconOnly:(0,Z.jsx)(J,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":`Install skill`,expandOnMobile:!1}):(0,Z.jsx)(u,{type:`button`,variant:`dangerOutline`,iconOnly:a?(0,Z.jsx)(j,{className:`animate-spin`,"aria-hidden":!0}):(0,Z.jsx)(Y,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),r?.()},disabled:!s||a||!r,"aria-label":s?`Remove skill`:`Bundled skill cannot be removed`,title:s?void 0:`Bundled skills cannot be removed`,expandOnMobile:!1})]})})}function Be(e){return s({...M({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}function Ve(e){switch(e){case`installed`:return{kind:`installed`};case`available`:return{kind:`available`};case`vellum`:case`clawhub`:case`skillssh`:case`custom`:return{origin:e};default:return{}}}function He(e){return[...e].sort((e,t)=>{let n=S(e);return n===S(t)?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):n?-1:1})}function Ue(e,t){let[n,r]=(0,X.useState)(e);return(0,X.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>clearTimeout(n)},[e,t]),n}var We=300,Ge=`vellum:skills:tipDismissed`;function Ke({assistantId:e,initialSkillId:r}){let i=o(),a=ae(),[l,u]=(0,X.useState)(``),d=Ue(l.trim(),We),[f,m]=(0,X.useState)(`all`),[h,g]=(0,X.useState)(null),[_,v]=(0,X.useState)(r??null),[y,b]=(0,X.useState)(null),[x,S]=(0,X.useState)(null),[w,T]=(0,X.useState)(null),[E,D]=(0,X.useState)(()=>n(Ge,!1)),{data:O=[]}=Be(e),{origin:k,kind:A}=(0,X.useMemo)(()=>Ve(f),[f]),j=s({...ie({path:{assistant_id:e},query:{include:`catalog`,origin:k,kind:A,q:d||void 0,category:h??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e}),te=s({...ie({path:{assistant_id:e},query:{include:`catalog`,origin:k,kind:A,q:d||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&h!==null}),M=(0,X.useCallback)(()=>{i.invalidateQueries({queryKey:re({path:{assistant_id:e}})})},[e,i]),N=c({mutationFn:t=>ee(e,t),onMutate:e=>b(e),onSettled:()=>{b(null),M()}}),P=c({...ne(),onMutate:e=>S(e.path.id),onSettled:()=>{S(null),M()}}),F=(0,X.useCallback)(e=>{N.mutate(e.slug??e.id)},[N]),I=(0,X.useCallback)(e=>{T(e)},[]),L=(0,X.useCallback)(()=>{w&&(P.mutate({path:{assistant_id:e,id:w.id}}),T(null))},[e,w,P]),R=(0,X.useCallback)(()=>{D(!0),t(Ge,!0)},[]),z=(0,X.useMemo)(()=>j.data?.skills??[],[j.data?.skills]),B=h===null?j.data:te.data,{counts:V,totalCount:H}=qe(B?.skills??z,B?.categoryCounts,B?.totalCount),U=(0,X.useMemo)(()=>He(z),[z]),W=(0,X.useMemo)(()=>_?z.find(e=>e.id===_)??null:null,[z,_]),G=(0,Z.jsx)(p,{open:w!==null,title:`Remove skill`,message:w?`Remove "${w.name}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:L,onCancel:()=>T(null)});if(W){let t={assistantId:e,skill:W,onBack:()=>v(null),onInstall:()=>F(W),onRemove:()=>I(W),isInstalling:y===(W.slug??W.id),isRemoving:x===W.id};return(0,Z.jsxs)(Z.Fragment,{children:[a?(0,Z.jsx)(Oe,{...t}):(0,Z.jsx)(C,{...t}),G]})}let K=j.isFetching&&!!d;return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!E&&(0,Z.jsx)(Je,{onDismiss:R}),(0,Z.jsx)(Fe,{search:l,onSearchChange:u,filter:f,onFilterChange:m,isSearching:K,categories:O,category:h,onCategoryChange:g,counts:V,totalCount:H,showCounts:!K}),(0,Z.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[(0,Z.jsx)(`aside`,{className:`hidden w-56 shrink-0 overflow-y-auto sm:block`,children:(0,Z.jsx)(Se,{selected:h,onSelect:g,counts:V,totalCount:H,showCounts:!K,categories:O})}),(0,Z.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:j.isLoading?(0,Z.jsx)(Ye,{}):j.isError?(0,Z.jsx)(Xe,{}):U.length===0?(0,Z.jsx)(Ze,{filter:f,category:h}):(0,Z.jsx)(`ul`,{className:`flex flex-col gap-2`,children:U.map(e=>(0,Z.jsx)(`li`,{children:(0,Z.jsx)(ze,{skill:e,onSelect:()=>v(e.id),onInstall:()=>F(e),onRemove:()=>I(e),isInstalling:y===(e.slug??e.id),isRemoving:x===e.id})},e.id))})})]}),G]})}function qe(e,t,n){return(0,X.useMemo)(()=>{if(t&&Object.keys(t).length>0)return{counts:t,totalCount:n??e.length};let r={};for(let t of e){let e=t.category??`system`;r[e]=(r[e]??0)+1}return{counts:r,totalCount:n??e.length}},[e,t,n])}function Je({onDismiss:e}){return(0,Z.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,Z.jsx)(z,{className:`h-4 w-4 shrink-0`,style:{color:`var(--primary-base)`}}),(0,Z.jsx)(`p`,{className:`flex-1`,children:`You can create a new custom skill by describing what you want in chat.`}),(0,Z.jsx)(u,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Z.jsx)(te,{"aria-hidden":!0}),onClick:e,"aria-label":`Dismiss tip`,tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function Ye(){return(0,Z.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,Z.jsx)(j,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function Xe(){return(0,Z.jsx)(d.Root,{children:(0,Z.jsxs)(d.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,Z.jsx)(me,{className:`mb-3 h-8 w-8`,style:{color:`var(--system-danger)`},"aria-hidden":!0}),(0,Z.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:`Failed to load skills`}),(0,Z.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Something went wrong. Try refreshing the page.`})]})})}function Ze({filter:e,category:t}){let{title:n,subtitle:r,Icon:i}=Qe(e,t);return(0,Z.jsx)(d.Root,{children:(0,Z.jsxs)(d.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,Z.jsx)(i,{className:`mb-3 h-8 w-8`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,Z.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:n}),(0,Z.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:r})]})})}function Qe(e,t){if(t)return{title:`No skills in this category`,subtitle:`Try selecting a different category or clearing the filter.`,Icon:q};switch(e){case`installed`:return{title:`No Skills Installed`,subtitle:`Ask your assistant in chat to search for and install new skills.`,Icon:G};case`available`:return{title:`No Skills Available`,subtitle:`All available skills have been installed.`,Icon:U};case`vellum`:return{title:`No Vellum Skills`,subtitle:`No bundled Vellum skills found.`,Icon:B};case`clawhub`:return{title:`No Clawhub Skills`,subtitle:`No Clawhub skills found. Try searching the catalog.`,Icon:k};case`skillssh`:return{title:`No skills.sh Skills`,subtitle:`No skills.sh skills found. Try searching the catalog.`,Icon:H};case`custom`:return{title:`No Custom Skills`,subtitle:`Create a custom skill by describing what you want in chat.`,Icon:oe};default:return{title:`No Skills Available`,subtitle:`Check your connection to the Vellum catalog.`,Icon:O}}}function $e(){let e=he(),[t]=a();return(0,Z.jsx)(Ke,{assistantId:e,initialSkillId:t.get(`skill`)??void 0})}export{$e as SkillsPage};

package/dist/assets/sounds-page-BtPyTbtD.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{n}from"./QueryClientProvider-DKhXIxGb.js";import{t as r}from"./useQuery-B45lW1Kk.js";import{t as i}from"./useMutation-Lj4VunQV.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./card-CL5iEMJO.js";import{t as s}from"./toggle-CEm3M86o.js";import{Jn as c,Qn as l,Zn as u}from"./sdk.gen-DgqwY_WN.js";import{n as d}from"./api-errors-CsfCFJ8r.js";import{d as f,u as p}from"./query-tags-DPKpdc1_.js";import{$a as m,Ki as h,xi as g}from"./index-87hTkD_v.js";import{t as _}from"./use-active-assistant-id-B2Zd0B4I.js";var v=e(t(),1),y=[`aiff`,`wav`,`mp3`,`m4a`,`caf`],b=[`task_complete`,`needs_input`,`task_failed`,`notification`,`new_conversation`,`message_sent`,`character_poke`,`random`],x={task_complete:`Task Complete`,needs_input:`Needs Input`,task_failed:`Task Failed`,notification:`Notification`,new_conversation:`New Conversation`,message_sent:`Message Sent`,character_poke:`Character Poke`,random:`Random`};function S(){let e={};for(let t of b)e[t]={enabled:!1,sounds:[]};return{globalEnabled:!1,volume:.7,events:e}}function C(e){let t=S();if(!e||typeof e!=`object`)return t;let n=e;typeof n.globalEnabled==`boolean`&&(t.globalEnabled=n.globalEnabled),typeof n.volume==`number`&&Number.isFinite(n.volume)&&(t.volume=Math.max(0,Math.min(1,n.volume)));let r=n.events;if(r&&typeof r==`object`){let e=r;for(let n of b){let r=e[n];if(!r||typeof r!=`object`)continue;let i=r,a=typeof i.enabled==`boolean`?i.enabled:!1,o=Array.isArray(i.sounds)?i.sounds.filter(e=>typeof e==`string`):[];t.events[n]={enabled:a,sounds:o}}}return t}function w(e){let t=e.lastIndexOf(`.`);return t<0||t===e.length-1?``:e.slice(t+1).toLowerCase()}function T(e){let t=w(e);return y.includes(t)}function E(e){return!e||e.includes(`/`)||e.includes(`\\`)||e.includes(`..`)?!1:T(e)}function D(e){let t=e.lastIndexOf(`.`);return t<=0?e:e.slice(0,t)}var O=`data/sounds/config.json`,k=`data/sounds`;async function A(e){try{let{data:t,error:n,response:r}=await c({path:{assistant_id:e},query:{path:O},parseAs:`blob`,throwOnError:!1});if(d(r,n,`Failed to fetch sounds config`),!r.ok||!t)return S();let i=await t.text();if(!i)return S();try{return C(JSON.parse(i))}catch{return S()}}catch{return S()}}async function j(e,t){let n=JSON.stringify(t,null,2),r=btoa(unescape(encodeURIComponent(n))),{error:i,response:a}=await l({path:{assistant_id:e},body:{path:O,content:r,encoding:`base64`},throwOnError:!1});if(d(a,i,`Failed to save sounds config`),!a.ok)throw Error(`Failed to save sounds config (status ${a.status})`)}async function M(e){try{let{data:t,error:n,response:r}=await u({path:{assistant_id:e},query:{path:k,showHidden:`true`},throwOnError:!1});if(d(r,n,`Failed to list sound files`),!r.ok||!t?.entries)return[];let i=[];for(let e of t.entries){if(e.type!==`file`)continue;let t=e.name;!t||t===`config.json`||T(t)&&i.push({label:D(t),filename:t})}return i.sort((e,t)=>e.label.localeCompare(t.label,void 0,{sensitivity:`base`})),i}catch{return[]}}async function N(e,t){if(!E(t))return null;try{let{data:n,error:r,response:i}=await c({path:{assistant_id:e},query:{path:`${k}/${t}`},parseAs:`blob`,throwOnError:!1});return d(i,r,`Failed to fetch sound file`),!i.ok||!n?null:n}catch{return null}}function P(e){return Number.isFinite(e)?e<0?0:e>1?1:e:.7}var F=class{assistantId=null;config=null;featureEnabled=!1;cache=new Map;pendingFetches=new Map;audioContext=null;setAssistantId(e){e!==this.assistantId&&(this.assistantId=e,this.clearCache())}setConfig(e){this.config=e}setFeatureEnabled(e){this.featureEnabled=e}async play(e){if(!this.featureEnabled)return;let t=this.config;if(!t||!t.globalEnabled)return;let n=t.events[e];if(!n?.enabled)return;let r=P(t.volume),i=n.sounds.filter(E);if(i.length===0){this.playFallbackBlip(r);return}let a=i[Math.floor(Math.random()*i.length)];if(!a){this.playFallbackBlip(r);return}await this.playFile(a,r)||this.playFallbackBlip(r)}async previewSound(e,t){if(!this.featureEnabled)return;let n=P(t??this.config?.volume??.7);await this.playFile(e,n)||this.playFallbackBlip(n)}async previewFallbackBlip(e){if(!this.featureEnabled)return;let t=P(e??this.config?.volume??.7);this.playFallbackBlip(t)}clearCache(){for(let e of this.cache.values())URL.revokeObjectURL(e.url);this.cache.clear(),this.pendingFetches.clear()}async playFile(e,t){if(!E(e))return!1;let n=await this.getOrFetch(e);if(!n)return!1;try{let e=new Audio(n.url);return e.volume=t,await e.play(),!0}catch{return!1}}async getOrFetch(e){let t=this.cache.get(e);if(t)return t;let n=this.pendingFetches.get(e);if(n)return n;let r=this.assistantId;if(!r)return null;let i=(async()=>{try{let t=await N(r,e);if(!t)return null;let n={url:URL.createObjectURL(t)};return this.cache.set(e,n),n}finally{this.pendingFetches.delete(e)}})();return this.pendingFetches.set(e,i),i}playFallbackBlip(e){if(!(typeof window>`u`))try{let t=window.AudioContext||window.webkitAudioContext;if(!t)return;this.audioContext||=new t;let n=this.audioContext;n.state===`suspended`&&n.resume();let r=n.createOscillator(),i=n.createGain();r.type=`sine`,r.frequency.setValueAtTime(880,n.currentTime);let a=Math.max(0,Math.min(1,e))*.25;i.gain.setValueAtTime(0,n.currentTime),i.gain.linearRampToValueAtTime(a,n.currentTime+.01),i.gain.exponentialRampToValueAtTime(1e-4,n.currentTime+.18),r.connect(i),i.connect(n.destination),r.start(),r.stop(n.currentTime+.2)}catch{}}},I=null;function L(){return I||=new F,I}var R=a();function z({label:e,description:t,checked:n,disabled:r,onChange:i}){return(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-1`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`div`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e}),t&&(0,R.jsx)(`div`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:t})]}),(0,R.jsx)(s,{checked:n,disabled:r,onChange:i,label:e})]})}function B(){return(0,R.jsx)(`div`,{className:`border-t border-[var(--border-base)]`})}function V({event:e,eventConfig:t,availableSounds:n,globalEnabled:r,onToggle:i,onAddSound:a,onRemoveSound:o,onPreview:c}){let[l,u]=(0,v.useState)(!1),d=n.filter(e=>!t.sounds.includes(e.filename)),f=n.length>0&&d.length===0;return(0,R.jsxs)(`div`,{className:`py-3`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,R.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:x[e]}),(0,R.jsx)(s,{checked:t.enabled,disabled:!r,onChange:i,label:`Enable ${x[e]}`})]}),t.enabled&&(0,R.jsxs)(`div`,{className:`mt-2 space-y-1 pl-2`,children:[t.sounds.length===0?(0,R.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Default Blip`}):t.sounds.map(e=>(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,R.jsx)(`span`,{className:`truncate text-body-small-default text-[var(--content-secondary)]`,title:e,children:D(e)}),(0,R.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,R.jsx)(`button`,{type:`button`,onClick:()=>c(e),className:`inline-flex items-center rounded-md px-1.5 py-0.5 text-body-small-default text-[var(--content-tertiary)] hover:bg-[var(--surface-base)] dark:text-[var(--content-disabled)] dark:hover:bg-[var(--ghost-hover)]`,"aria-label":`Preview ${e}`,children:(0,R.jsx)(h,{className:`h-3 w-3`})}),(0,R.jsx)(`button`,{type:`button`,onClick:()=>o(e),className:`inline-flex items-center rounded-md px-1.5 py-0.5 text-body-small-default text-[var(--content-tertiary)] hover:bg-[var(--surface-base)] dark:text-[var(--content-disabled)] dark:hover:bg-[var(--ghost-hover)]`,"aria-label":`Remove ${e}`,children:(0,R.jsx)(g,{className:`h-3 w-3`})})]})]},e)),n.length===0?(0,R.jsx)(`p`,{className:`text-body-small-default italic text-[var(--content-disabled)]`,children:`No sound files yet. Drop audio files into data/sounds/ in your workspace.`}):f?(0,R.jsx)(`button`,{type:`button`,disabled:!0,className:`inline-flex items-center gap-1 rounded-md border border-[var(--border-base)] bg-white px-2 py-1 text-body-small-default text-[var(--content-disabled)] disabled:cursor-not-allowed dark:bg-[var(--surface-lift)] dark:text-[var(--content-tertiary)]`,children:`All sounds added`}):(0,R.jsxs)(`div`,{className:`relative inline-block`,children:[(0,R.jsxs)(`button`,{type:`button`,onClick:()=>u(e=>!e),className:`inline-flex items-center gap-1 rounded-md border border-[var(--border-base)] bg-white px-2 py-1 text-body-small-default text-[var(--content-default)] hover:bg-[var(--surface-base)] dark:bg-[var(--surface-lift)] dark:hover:bg-[var(--ghost-hover)]`,children:[`Add sound`,(0,R.jsx)(m,{className:`h-3 w-3`})]}),l&&(0,R.jsx)(`div`,{className:`absolute left-0 z-10 mt-1 max-h-64 w-56 overflow-auto rounded-md border border-[var(--border-base)] bg-white p-1 shadow-lg dark:bg-[var(--surface-lift)]`,onMouseLeave:()=>u(!1),children:d.map(e=>(0,R.jsx)(`button`,{type:`button`,onClick:()=>{a(e.filename),u(!1)},className:`block w-full truncate rounded px-2 py-1 text-left text-body-small-default text-[var(--content-default)] hover:bg-[var(--surface-base)] dark:hover:bg-[var(--ghost-hover)]`,title:e.filename,children:e.label},e.filename))})]})]})]})}function H(){let e=n(),t=_(),a=(0,v.useMemo)(()=>f(t),[t]),s=(0,v.useMemo)(()=>p(t),[t]),{data:c}=r({queryKey:a,queryFn:()=>A(t)}),{data:l}=r({queryKey:s,queryFn:()=>M(t)}),u=c??S(),d=l??[],m=i({mutationFn:e=>j(t,e),onMutate:async t=>{await e.cancelQueries({queryKey:a});let n=e.getQueryData(a);return e.setQueryData(a,t),{previous:n}},onError:(t,n,r)=>{r?.previous!==void 0&&e.setQueryData(a,r.previous)},onSettled:()=>{e.invalidateQueries({queryKey:a})}});(0,v.useEffect)(()=>{let e=L();return e.setAssistantId(t||null),e.setConfig(u),e.setFeatureEnabled(!0),()=>{e.setFeatureEnabled(!1)}},[t,u]);let g=(0,v.useCallback)(t=>{let n=t(e.getQueryData(a)??S());m.mutate(n)},[a,e,m]),y=e=>{g(t=>({...t,globalEnabled:e}))},x=e=>{g(t=>({...t,volume:e}))},[C,w]=(0,v.useState)(null),T=C??u.volume,E=(e,t)=>{g(n=>({...n,events:{...n.events,[e]:{...n.events[e]??{enabled:!1,sounds:[]},enabled:t}}}))},D=(e,t)=>{g(n=>{let r=n.events[e]??{enabled:!0,sounds:[]};return r.sounds.includes(t)?n:{...n,events:{...n.events,[e]:{...r,sounds:[...r.sounds,t]}}}})},O=(e,t)=>{g(n=>{let r=n.events[e];return r?{...n,events:{...n.events,[e]:{...r,sounds:r.sounds.filter(e=>e!==t)}}}:n})},k=()=>{L().previewFallbackBlip(u.volume)},N=e=>{L().previewSound(e,u.volume)};return(0,R.jsxs)(`div`,{className:`space-y-6`,children:[(0,R.jsxs)(o,{children:[(0,R.jsx)(z,{label:`Enable sound effects`,description:`Master switch for every event-driven sound.`,checked:u.globalEnabled,onChange:y}),(0,R.jsx)(B,{}),(0,R.jsxs)(`div`,{className:`flex items-center gap-3 py-3`,children:[(0,R.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:`Volume`}),(0,R.jsx)(`input`,{type:`range`,min:0,max:1,step:.05,value:T,onChange:e=>w(parseFloat(e.target.value)),onPointerUp:e=>{let t=parseFloat(e.currentTarget.value);w(null),t!==u.volume&&x(t)},onKeyUp:e=>{let t=parseFloat(e.currentTarget.value);w(null),t!==u.volume&&x(t)},onBlur:e=>{let t=parseFloat(e.currentTarget.value);w(null),t!==u.volume&&x(t)},className:`h-1 w-48 cursor-pointer`,disabled:!u.globalEnabled,"aria-label":`Sound effect volume`}),(0,R.jsxs)(`span`,{className:`tabular-nums text-body-small-default text-[var(--content-tertiary)]`,children:[Math.round(T*100),`%`]})]}),(0,R.jsx)(B,{}),(0,R.jsxs)(`div`,{className:`flex items-center justify-between py-3`,children:[(0,R.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:`Preview default blip`}),(0,R.jsxs)(`button`,{type:`button`,onClick:k,disabled:!u.globalEnabled,className:`inline-flex items-center gap-1.5 rounded-md border border-[var(--border-base)] bg-white px-3 py-1.5 text-body-medium-lighter text-[var(--content-default)] hover:bg-[var(--surface-base)] disabled:cursor-not-allowed disabled:opacity-50 dark:bg-[var(--surface-lift)] dark:hover:bg-[var(--ghost-hover)]`,children:[(0,R.jsx)(h,{className:`h-3.5 w-3.5`}),`Preview`]})]})]}),(0,R.jsxs)(o,{children:[(0,R.jsxs)(`div`,{className:`pb-2`,children:[(0,R.jsx)(`h3`,{className:`text-title-small text-[var(--content-default)]`,children:`Sound Events`}),(0,R.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Add one or more sounds per event. When multiple are configured, one plays at random.`})]}),(0,R.jsx)(`div`,{className:`divide-y divide-[var(--border-base)]`,children:b.map(e=>(0,R.jsx)(V,{event:e,eventConfig:u.events[e]??{enabled:!1,sounds:[]},availableSounds:d,globalEnabled:u.globalEnabled,onToggle:t=>E(e,t),onAddSound:t=>D(e,t),onRemoveSound:t=>O(e,t),onPreview:e=>N(e)},e))})]})]})}export{H as SoundsPage};

package/dist/assets/stat-square-BENJGRZr.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./jsx-runtime-CVSDxk6A.js";import{t as r}from"./cn-DFqQkJlk.js";import{t as i}from"./button-C68o-wep.js";var a=e(t(),1),o=n();function s(e,t,n){let r=e.find(e=>e.value===n);return!r||r.disabled||r.value===t?null:r.value}function c(e,t,n){let r=e.length,i=(t+n+r)%r,a=0;for(;e[i]?.disabled&&a<r;)i=(i+n+r)%r,a++;return i}function l({items:e,value:t,onChange:n,ariaLabel:l,iconOnly:u=!1,className:d}){let f=(0,a.useRef)(null);return(0,o.jsx)(`div`,{ref:f,role:`radiogroup`,"aria-label":l,"data-slot":`segment-control`,onKeyDown:(0,a.useCallback)(r=>{let i=e.findIndex(e=>e.value===t);if(i===-1)return;let a=null;switch(r.key){case`ArrowRight`:case`ArrowDown`:a=c(e,i,1);break;case`ArrowLeft`:case`ArrowUp`:a=c(e,i,-1);break;case`Home`:a=c(e,e.length-1,1);break;case`End`:a=c(e,0,-1);break;default:return}r.preventDefault();let o=e[a];!o||o.disabled||(o.value!==t&&n(o.value),(f.current?.querySelectorAll(`[role="radio"]`))?.[a]?.focus())},[e,t,n]),className:r(`inline-flex rounded-lg bg-[var(--surface-active)] p-0.5`,!u&&`w-full`,u&&`rounded-[10px]`,d),children:e.map(a=>{let c=a.value===t,l=!!a.disabled;return(0,o.jsxs)(i,{variant:`ghost`,role:`radio`,"aria-checked":c,"aria-label":u?a.label:void 0,disabled:l,tabIndex:c?0:-1,onClick:()=>{let r=s(e,t,a.value);r!==null&&n(r)},className:r(`min-w-[30px] cursor-pointer justify-center gap-1.5 rounded-md border-0 text-body-medium-default`,u?`h-7 rounded-lg px-2 py-1 max-md:h-9 max-md:min-w-9 max-md:px-2`:`h-auto flex-1 px-3 py-1.5`,c?`bg-[var(--surface-overlay)] text-[var(--content-emphasised)] shadow-sm hover:bg-[var(--surface-overlay)]`:`bg-transparent text-[var(--content-tertiary)] hover:bg-transparent hover:text-[var(--content-emphasised)]`),children:[a.icon,!u&&a.label]},a.value)})})}var u={default:`text-[var(--content-default)]`,negative:`text-[var(--system-negative-strong)]`,muted:`text-[var(--content-tertiary)]`};function d({icon:e,value:t,label:n,tone:i=`default`,className:a,ref:s,...c}){return(0,o.jsxs)(`div`,{...c,ref:s,"data-slot":`stat-square`,className:r(`flex flex-1 items-center gap-3 rounded-xl bg-[var(--surface-base)] p-3`,a),children:[e?(0,o.jsx)(`span`,{"aria-hidden":!0,className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--surface-lift)] text-[var(--content-emphasised)]`,children:e}):null,(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,o.jsx)(`span`,{className:r(`text-title-small leading-none`,u[i]),children:t}),(0,o.jsx)(`span`,{className:`mt-1 text-body-small-default text-[var(--content-tertiary)]`,children:n})]})]})}export{l as n,d as t};

package/dist/assets/step-indicator-dots-C_x0ZHGS.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-CVSDxk6A.js";import{Ir as t,wr as n}from"./index-87hTkD_v.js";var r=`onboarding_v3_2026_05`,i=`onboarding.funnelSessionId`,a=`onboarding.funnelVariant`,o={control:`control`,paredDown:`pared_down`};function s(e){return e===`variant-a`?o.paredDown:o.control}var c={privacyTos:{stepName:`privacy_tos`,stepIndex:0},nameVibe:{stepName:`name_vibe`,stepIndex:1},controlWorkType:{stepName:`work_type`,stepIndex:2},controlTools:{stepName:`tools`,stepIndex:3},controlPriorAssistants:{stepName:`prior_assistants`,stepIndex:4},controlGmailConnect:{stepName:`gmail_connect`,stepIndex:5},controlGetApp:{stepName:`get_app`,stepIndex:6},gmailConnect:{stepName:`gmail_connect`,stepIndex:2}};function l(e){return Object.fromEntries(Object.entries(e).filter(([,e])=>e!==void 0))}function u(){if(typeof window>`u`)return crypto.randomUUID();let e=``;try{e=sessionStorage.getItem(i)??``}catch{e=``}if(e)return e;let t=crypto.randomUUID();try{sessionStorage.setItem(i,t)}catch{}return t}function d(e){return e===o.control||e===o.paredDown}function f(){if(typeof window>`u`)return null;try{let e=sessionStorage.getItem(a);return d(e)?e:null}catch{return null}}function p(e){let t=f();if(t)return t;if(typeof window>`u`)return e;try{sessionStorage.setItem(a,e)}catch{}return e}function m(e,t={}){let n=Date.now(),i=t.variant??f()??o.control;return{type:`onboarding`,daemon_event_id:crypto.randomUUID(),recorded_at:n,screen:e.stepName,session_id:u(),step_name:e.stepName,step_index:e.stepIndex,completed_at:new Date(n).toISOString(),user_id:t.userId??null,funnel_version:r,ab_variant:i}}function h(e,r={}){if(typeof window>`u`||!t())return;let i=l(m(e,r)),a=JSON.stringify({device_id:n(),assistant_version:`web-dev`,events:[i]});fetch(`/v1/telemetry/ingest/`,{method:`POST`,headers:{"Content-Type":`application/json`},body:a,keepalive:!0}).catch(()=>{})}var g=e();function _({current:e,total:t}){return(0,g.jsx)(`div`,{className:`flex items-center gap-1.5`,role:`group`,"aria-label":`Step ${e+1} of ${t}`,children:Array.from({length:t},(t,n)=>(0,g.jsx)(`div`,{"aria-hidden":`true`,className:`h-[3px] w-8 rounded-full transition-colors ${n<=e?`bg-[var(--content-default)]`:`bg-[var(--content-default)] opacity-20`}`},n))})}export{u as a,p as c,h as i,c as n,s as o,o as r,f as s,_ as t};

package/dist/assets/subagent-detail-panel-C6FfdUDE.js

@@ -1,4 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./jsx-runtime-CVSDxk6A.js";import{t as r}from"./button-C68o-wep.js";import{t as i}from"./typography-Czgs_2w_.js";import"./src-Bnn6algv.js";import{t as a}from"./createLucideIcon-D6d6iDdi.js";import{t as o}from"./dollar-sign-CARQr5C3.js";import{t as s}from"./x-D1JFrRas.js";import{An as c,Ei as l,On as u,Ya as d,_ as f,fi as p,kn as m,na as h,so as g,v as _,y as v,yi as y}from"./index-87hTkD_v.js";var b=a(`arrow-up-from-line`,[[`path`,{d:`m18 9-6-6-6 6`,key:`kcunyi`}],[`path`,{d:`M12 3v14`,key:`7cf3v8`}],[`path`,{d:`M5 21h14`,key:`11awu3`}]]),x=e(t(),1),S=n();function C({status:e}){let t=m(e);return(0,S.jsx)(`span`,{className:`inline-flex shrink-0 items-center gap-1 rounded-md px-2 py-0.5 text-label-small-default`,style:{color:t,backgroundColor:`color-mix(in srgb, ${t} 15%, transparent)`},children:c(e)})}var w=4;function T(e){return e.split(`
-`).length>w}function E(e){return e.split(`
-`).slice(0,w).join(`
-`)}function D(e){return e.filter(e=>!(e.type===`text`&&!e.content))}function O({event:e}){let t=`h-3 w-3 shrink-0`;switch(e.type){case`text`:return(0,S.jsx)(h,{className:t,style:{color:`var(--system-positive-strong)`}});case`tool_call`:return(0,S.jsx)(p,{className:t,style:{color:`var(--system-positive-strong)`}});case`tool_result`:return e.isError?(0,S.jsx)(y,{className:t,style:{color:`var(--system-negative-strong)`}}):(0,S.jsx)(d,{className:t,style:{color:`var(--system-positive-strong)`}});case`error`:return(0,S.jsx)(y,{className:t,style:{color:`var(--system-negative-strong)`}});default:return(0,S.jsx)(h,{className:t,style:{color:`var(--system-positive-strong)`}})}}function k(e){return e.type===`error`||e.type===`tool_result`&&e.isError?`color-mix(in srgb, var(--system-negative-strong) 12%, transparent)`:`#E9F2EC`}function A(e){switch(e.type){case`text`:return`Response`;case`tool_call`:return`Tool Call`;case`tool_result`:return`Tool Result`;case`error`:return`Error`;default:return`Response`}}function j({content:e}){let[t,n]=(0,x.useState)(!1),r=T(e);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(i,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap break-words text-[var(--content-secondary)]`,children:r&&!t?E(e):e}),r&&(0,S.jsx)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`mt-1 cursor-pointer hover:underline`,children:(0,S.jsx)(i,{variant:`body-small-default`,className:`text-[var(--content-default)]`,children:t?`Show less`:`Show more`})})]})}function M({event:e,isLast:t}){return(0,S.jsxs)(`div`,{className:`relative flex gap-3`,children:[(0,S.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,S.jsx)(`div`,{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-full`,style:{backgroundColor:k(e)},children:(0,S.jsx)(O,{event:e})}),!t&&(0,S.jsx)(`div`,{className:`w-0.5 flex-1 rounded-full`,style:{backgroundColor:`#F5F5F5`,minHeight:16}})]}),(0,S.jsxs)(`div`,{className:`mb-4 min-w-0 flex-1 rounded-lg bg-[#FCFCFC] px-4 py-3`,children:[(0,S.jsx)(i,{variant:`body-medium-default`,className:`text-[var(--content-default)]`,children:A(e)}),e.type===`tool_call`&&(0,S.jsxs)(`div`,{className:`mt-1 flex flex-wrap items-baseline gap-x-2`,children:[e.toolName&&(0,S.jsx)(i,{variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,children:e.toolName}),e.content&&(0,S.jsx)(i,{variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,children:e.content})]}),(e.type===`text`||e.type===`tool_result`)&&e.content&&(0,S.jsx)(`div`,{className:`mt-1`,children:e.isError?(0,S.jsx)(i,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap break-words text-[var(--system-negative-strong)]`,children:e.content}):(0,S.jsx)(j,{content:e.content})}),e.type===`error`&&e.content&&(0,S.jsx)(`div`,{className:`mt-1`,children:(0,S.jsx)(i,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap break-words text-[var(--system-negative-strong)]`,children:e.content})})]})]})}function N({events:e}){let t=(0,x.useMemo)(()=>D(e),[e]);return t.length===0?(0,S.jsx)(i,{variant:`body-small-default`,className:`py-4 text-center text-[var(--content-tertiary)]`,children:`No events yet`}):(0,S.jsx)(`div`,{className:`flex flex-col`,children:t.map((e,n)=>(0,S.jsx)(M,{event:e,isLast:n===t.length-1},e.id))})}function P(e){if(e>=1e6){let t=e/1e6;return`${t%1==0?t.toFixed(0):t.toFixed(1)}M`}if(e>=1e3){let t=e/1e3;return`${t%1==0?t.toFixed(0):t.toFixed(1)}K`}return e.toLocaleString()}function F(e){return e===0?`0.00`:e<.01?e.toFixed(4):e.toFixed(2)}var I=300;function L(e){let[t,n]=(0,x.useState)(e),r=(0,x.useRef)(0),i=(0,x.useRef)(e);return(0,x.useEffect)(()=>{let t=i.current;if(t===e)return;cancelAnimationFrame(r.current);let a=performance.now(),o=s=>{let c=s-a,l=Math.min(c/I,1),u=1-(1-l)**3,d=t+(e-t)*u;i.current=d,n(d),l<1&&(r.current=requestAnimationFrame(o))};return r.current=requestAnimationFrame(o),()=>cancelAnimationFrame(r.current)},[e]),t}function R({icon:e,value:t,label:n}){return(0,S.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] px-3 py-3`,children:[(0,S.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#F5F5F5]`,children:e}),(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(i,{variant:`title-small`,className:`block text-[var(--content-default)]`,children:t}),(0,S.jsx)(i,{variant:`body-small-default`,className:`block text-[var(--content-secondary)]`,children:n})]})]})}function z({icon:e,label:t,target:n,format:r}){return(0,S.jsx)(R,{icon:e,label:t,value:r(L(n))})}function B({entry:e,onClose:t,onStop:n,onRequestDetail:a}){let c=u(e.status),d=_();return(0,x.useEffect)(()=>{a&&e.conversationId&&e.events.length===0&&a(e.subagentId)},[e.subagentId,e.conversationId,e.events.length,a]),(0,S.jsxs)(`div`,{className:`flex h-full flex-col overflow-hidden rounded-xl bg-[var(--surface-lift)]`,children:[(0,S.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 border-b border-[var(--border-base)] px-5 py-4`,children:[d?(0,S.jsx)(v,{components:d,bodyShapeId:f(e.subagentId).bodyShape,eyeStyleId:f(e.subagentId).eyeStyle,colorId:f(e.subagentId).color,size:32}):(0,S.jsx)(`div`,{style:{width:32,height:32,flexShrink:0},"aria-hidden":!0}),(0,S.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate text-[var(--content-default)]`,children:e.label}),(0,S.jsx)(C,{status:e.status}),(0,S.jsx)(`span`,{className:`flex-1`}),c&&n&&(0,S.jsxs)(`button`,{type:`button`,"aria-label":`Stop subagent`,onClick:()=>n(e.subagentId),className:`flex shrink-0 cursor-pointer items-center gap-1.5 rounded-lg bg-[var(--system-negative-strong)] px-3 py-1.5 text-white transition-colors hover:bg-[color-mix(in_srgb,var(--system-negative-strong)_85%,black)]`,children:[(0,S.jsx)(l,{className:`h-3 w-3`,fill:`currentColor`}),(0,S.jsx)(i,{variant:`label-small-default`,className:`text-white`,children:`Stop`})]}),(0,S.jsx)(r,{variant:`ghost`,iconOnly:(0,S.jsx)(s,{}),onClick:t,"aria-label":`Close subagent detail`,tooltip:`Close`,className:`shrink-0`})]}),(0,S.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-5 py-5`,children:[(0,S.jsxs)(`div`,{className:`mb-5 grid grid-cols-3 gap-3`,children:[(0,S.jsx)(z,{icon:(0,S.jsx)(g,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.inputTokens,format:e=>P(Math.round(e)),label:`Input`}),(0,S.jsx)(z,{icon:(0,S.jsx)(b,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.outputTokens,format:e=>P(Math.round(e)),label:`Output`}),(0,S.jsx)(z,{icon:(0,S.jsx)(o,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.totalCost,format:F,label:`Cost`})]}),e.objective&&(0,S.jsxs)(`div`,{className:`mb-5 rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] px-4 py-3`,children:[(0,S.jsx)(i,{variant:`body-medium-default`,as:`h3`,className:`mb-2 text-[var(--content-emphasised)]`,children:`Objective`}),(0,S.jsx)(i,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap leading-relaxed text-[var(--content-default)]`,children:e.objective})]}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(i,{variant:`title-medium`,as:`h3`,className:`mb-4 text-[var(--content-emphasised)]`,children:`Timeline`}),(0,S.jsx)(N,{events:e.events})]})]})]})}export{B as SubagentDetailPanel};

package/dist/assets/target-yNZHTIf1.js

@@ -1 +0,0 @@
-import{t as e}from"./createLucideIcon-D6d6iDdi.js";var t=e(`target`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`6`,key:`1vlfrh`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}]]);export{t};

package/dist/assets/tool-detail-panel-DP9ZUGgW.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./jsx-runtime-CVSDxk6A.js";import{t as r}from"./button-C68o-wep.js";import{t as i}from"./typography-Czgs_2w_.js";import"./src-Bnn6algv.js";import{t as a}from"./x-D1JFrRas.js";import{Fa as o,Gi as s,H as c,Oi as l,Ra as u,Xi as d,_i as f,ea as p,eo as m,g as h,h as g,m as _,no as v,ro as y,wa as b}from"./index-87hTkD_v.js";var x=e(t(),1),S=n(),C={code:u,file:b,pen:d,monitor:p,plug:s,sparkle:l,"user-plus":f,bolt:y,brain:v},w=1500;function T({text:e}){let[t,n]=(0,x.useState)(!1),r=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>{r.current&&clearTimeout(r.current)},[]),(0,S.jsxs)(`button`,{type:`button`,onClick:()=>{navigator.clipboard.writeText(e),n(!0),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>n(!1),w)},"aria-label":t?`Copied`:`Copy`,className:`absolute right-2 top-2 flex items-center gap-1 rounded p-1 text-label-small-default text-[var(--content-tertiary)] transition-colors hover:bg-[var(--ghost-hover)] hover:text-[var(--content-default)]`,children:[t?(0,S.jsx)(m,{className:`h-3.5 w-3.5`}):(0,S.jsx)(o,{className:`h-3.5 w-3.5`}),t?`Copied`:null]})}function E({text:e}){return(0,S.jsxs)(`div`,{className:`relative`,children:[(0,S.jsx)(`pre`,{className:`rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)] p-3 font-mono text-xs whitespace-pre-wrap break-words text-[var(--content-default)]`,children:e}),(0,S.jsx)(T,{text:e})]})}function D({children:e}){return(0,S.jsx)(i,{variant:`label-small-default`,as:`div`,className:`mb-1.5 uppercase tracking-wider text-[var(--content-tertiary)]`,children:e})}function O({Glyph:e,title:t,headerTrailing:n,onClose:o,children:s}){return(0,S.jsxs)(`div`,{className:`flex h-full flex-col overflow-hidden rounded-xl bg-[var(--surface-lift)]`,children:[(0,S.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 border-b border-[var(--border-base)] px-5 py-4`,children:[(0,S.jsx)(e,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,S.jsx)(i,{variant:`title-medium`,className:`min-w-0 shrink truncate py-0.5 leading-snug text-[var(--content-default)]`,children:t}),n,(0,S.jsx)(`span`,{className:`flex-1`}),(0,S.jsx)(r,{variant:`ghost`,iconOnly:(0,S.jsx)(a,{}),onClick:o,"aria-label":`Close tool details`,tooltip:`Close`,className:`shrink-0`})]}),(0,S.jsx)(`div`,{className:`flex-1 overflow-y-auto px-5 py-5`,children:s})]})}function k({detail:e,onClose:t,onRiskBadgeClick:n}){if(e.kind===`thinking`)return(0,S.jsx)(O,{Glyph:v,title:e.title,onClose:t,children:(0,S.jsx)(c,{content:e.thinkingText??``,hardLineBreaks:!0})});let{iconName:r}=g(e.toolName,e.input),a=C[r]??y,o=e.activity||e.title,s=e.result!==void 0&&e.result!==``,l=e.status===`running`,u=JSON.stringify(e.input,null,2);return(0,S.jsx)(O,{Glyph:a,title:o,onClose:t,headerTrailing:(0,S.jsx)(_,{level:e.riskLevel,onClick:n}),children:(0,S.jsxs)(S.Fragment,{children:[e.riskReason&&(0,S.jsx)(i,{variant:`body-small-default`,as:`p`,className:`mb-4 text-[var(--content-tertiary)]`,children:e.riskReason}),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(D,{children:`Technical details`}),(0,S.jsx)(i,{variant:`body-medium-default`,as:`div`,className:`text-[var(--content-default)]`,children:h(e.toolName)}),e.activity&&(0,S.jsx)(i,{variant:`body-small-default`,as:`p`,className:`mt-0.5 text-[var(--content-secondary)]`,children:e.activity}),(0,S.jsx)(`div`,{className:`mt-2`,children:(0,S.jsx)(E,{text:u})})]}),(s||l)&&(0,S.jsxs)(`div`,{className:`mt-5`,children:[(0,S.jsx)(D,{children:`Output`}),s?(0,S.jsx)(E,{text:e.result}):(0,S.jsx)(i,{variant:`body-small-default`,as:`p`,className:`text-[var(--content-tertiary)]`,children:`Running…`})]})]})})}export{k as ToolDetailPanel};

package/dist/assets/trace-page-ClDbcKcm.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./useQuery-B45lW1Kk.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./dropdown-CocFV5yi.js";import"./src-Bnn6algv.js";import{t as a}from"./chevron-up-D0uBz2Uy.js";import{t as o}from"./loader-circle-C563RcPZ.js";import{Vn as s}from"./sdk.gen-DgqwY_WN.js";import{$a as c,Hi as l,In as u,Ja as d,Ka as f,Ln as p,Mi as m,Q as h,Qa as g,Ri as _,Rn as v,Ya as y,Z as b,ao as x,br as S,ca as C,fi as w,ha as T,ia as E,no as D,qa as O,yi as k}from"./index-87hTkD_v.js";import{t as ee}from"./use-active-assistant-id-B2Zd0B4I.js";import{a as te,i as A,n as j,r as M}from"./format-Bx7lme44.js";var N=e(t(),1),P={requestCount:0,llmCallCount:0,totalInputTokens:0,totalOutputTokens:0,averageLlmLatencyMs:0,toolFailureCount:0};function F(e,t){let n=e.attributes?.[t];if(typeof n==`number`&&Number.isFinite(n))return n;if(typeof n==`string`){let e=Number(n);if(Number.isFinite(e))return e}}function I(e){if(e.length===0)return P;let t=new Set,n=0,r=0,i=0,a=0,o=0,s=0;for(let c of e)switch(c.requestId&&t.add(c.requestId),c.kind){case`llm_call_finished`:{n+=1,r+=F(c,`inputTokens`)??0,i+=F(c,`outputTokens`)??0;let e=F(c,`latencyMs`);e!==void 0&&(a+=e,o+=1);break}case`tool_failed`:s+=1;break;default:break}return{requestCount:t.size,llmCallCount:n,totalInputTokens:r,totalOutputTokens:i,averageLlmLatencyMs:o>0?a/o:0,toolFailureCount:s}}function L(e){for(let t of e)switch(t.kind){case`generation_cancelled`:return`cancelled`;case`generation_handoff`:return`handedOff`;case`request_error`:return`error`;case`message_complete`:return`completed`;default:break}return e.some(e=>e.status===`error`)?`error`:`active`}function R(e){let t=new Map;for(let n of e){let e=n.requestId??``,r=t.get(e);r?(r.events.push(n),n.sequence<r.firstSequence&&(r.firstSequence=n.sequence)):t.set(e,{requestId:e,firstSequence:n.sequence,events:[n]})}for(let e of t.values())e.events.sort((e,t)=>e.sequence-t.sequence);return[...t.values()].sort((e,t)=>e.firstSequence-t.firstSequence)}function z(e){switch(e){case`request_received`:return d;case`request_queued`:case`request_dequeued`:return T;case`llm_call_started`:case`llm_call_finished`:return D;case`assistant_message`:return E;case`tool_started`:case`tool_finished`:return w;case`tool_permission_requested`:return m;case`tool_permission_decided`:return C;case`tool_failed`:return k;case`generation_handoff`:return l;case`message_complete`:return y;case`generation_cancelled`:return O;case`request_error`:return g;default:return f}}function B(e){switch(e){case`error`:return`var(--system-negative-strong)`;case`warning`:return`var(--system-mid-strong)`;case`success`:return`var(--system-positive-strong)`;default:return`var(--content-tertiary)`}}function V(e){switch(e){case`active`:return{Icon:x,color:`var(--system-positive-strong)`};case`completed`:return{Icon:y,color:`var(--system-positive-strong)`};case`cancelled`:return{Icon:O,color:`var(--system-mid-strong)`};case`handedOff`:return{Icon:l,color:`var(--system-positive-strong)`};case`error`:return{Icon:k,color:`var(--system-negative-strong)`}}}function H(e){return e==null?`—`:typeof e==`string`?e:String(e)}var U=class extends Error{status;constructor(e,t){super(t),this.name=`TraceEventsRequestError`,this.status=e}};async function W(e,t){let{data:n,response:r}=await s({path:{assistant_id:e},query:{conversationId:t.conversationId,limit:t.limit,afterSequence:t.afterSequence},throwOnError:!1});if(!r?.ok){let e=await r?.clone().text().catch(()=>``);throw new U(r?.status??0,e||r?.statusText||`Failed to load trace events`)}return n??{events:[]}}var G=r(),K=500;function q({assistantId:e}){let[t,r]=(0,N.useState)(null),{conversations:i,isLoading:a,isError:s,error:c}=p(e),{conversations:l}=u(e,!0),{conversations:d}=v(e,!0),f=(0,N.useMemo)(()=>S(i,l,d).filter(e=>e.archivedAt==null),[i,l,d]),m=(0,N.useMemo)(()=>{if(t){let e=f.find(e=>e.conversationId===t);if(e)return e.conversationId}let n=b(e);if(n){let e=f.find(e=>e.conversationId===n);if(e)return e.conversationId}return f[0]?.conversationId??``},[e,f,t]),g=(0,N.useCallback)(t=>{r(t),h(e,t)},[e]),{data:_,isLoading:y,isError:x,error:C}=n({queryKey:[`trace-events`,e,m],queryFn:()=>W(e,{conversationId:m,limit:K}),enabled:m.length>0}),w=(0,N.useMemo)(()=>_?.events??[],[_]),T=(0,N.useMemo)(()=>I(w),[w]),E=(0,N.useMemo)(()=>R(w),[w]),D=f.length>0;return(0,G.jsx)(`div`,{className:`flex flex-col gap-6`,children:a?(0,G.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,G.jsx)(o,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-secondary)`}})}):s?(0,G.jsx)($,{message:c instanceof Error?c.message:`Failed to load conversations.`}):D?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(J,{conversations:f,selectedConversationId:m,onSelect:g}),y?(0,G.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,G.jsx)(o,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-secondary)`}})}):x?(0,G.jsx)($,{message:C instanceof Error?C.message:`Failed to load trace events.`}):(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(X,{metrics:T}),w.length===0?(0,G.jsx)(Q,{title:`No trace events yet`,subtitle:`Events will appear as the session runs.`}):(0,G.jsx)(ne,{groups:E})]})]}):(0,G.jsx)(Q,{title:`No conversations yet`,subtitle:`Start a conversation to generate trace events.`})})}function J({conversations:e,selectedConversationId:t,onSelect:n}){return(0,G.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,G.jsx)(`label`,{htmlFor:`logs-conversation-picker`,className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`Conversation`}),(0,G.jsx)(i,{id:`logs-conversation-picker`,value:t,onChange:n,options:e.map(e=>({value:e.conversationId,label:Y(e)}))})]})}function Y(e){return e.title?.trim()||`Conversation ${e.conversationId.slice(0,8)}`}function X({metrics:e}){let t=e.toolFailureCount>0;return(0,G.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-lg border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,G.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:`Session Metrics`}),(0,G.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2`,children:[(0,G.jsx)(Z,{label:`Requests`,value:A(e.requestCount)}),(0,G.jsx)(Z,{label:`LLM Calls`,value:A(e.llmCallCount)}),(0,G.jsx)(Z,{label:`Tokens`,value:te(e.totalInputTokens,e.totalOutputTokens)}),(0,G.jsx)(Z,{label:`Avg Latency`,value:j(e.averageLlmLatencyMs)}),t?(0,G.jsx)(Z,{label:`Failures`,value:A(e.toolFailureCount),valueColor:`var(--system-negative-strong)`}):null]})]})}function Z({label:e,value:t,valueColor:n}){return(0,G.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,G.jsx)(`span`,{className:`text-body-medium-default`,style:{color:n??`var(--content-default)`},children:t}),(0,G.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ne({groups:e}){return(0,G.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,G.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:`Timeline`}),(0,G.jsx)(`div`,{className:`flex flex-col gap-5`,children:e.map(e=>(0,G.jsx)(re,{requestId:e.requestId,events:e.events},e.requestId||`__system__`))})]})}function re({requestId:e,events:t}){let n=V((0,N.useMemo)(()=>L(t),[t])),r=e?`Request ${e.slice(0,8)}`:`System`;return(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,N.createElement)(n.Icon,{className:`h-3 w-3 shrink-0`,style:{color:n.color}}),(0,G.jsx)(`span`,{className:`text-body-small-default select-text`,style:{color:`var(--content-secondary)`},children:r}),(0,G.jsx)(`div`,{className:`h-px flex-1`,style:{background:`var(--border-base)`},"aria-hidden":!0})]}),(0,G.jsx)(`ol`,{className:`flex flex-col`,style:{listStyle:`none`},children:t.map(e=>(0,G.jsx)(`li`,{children:(0,G.jsx)(ie,{event:e})},e.eventId))})]})}function ie({event:e}){let[t,n]=(0,N.useState)(!1),r=(0,N.useMemo)(()=>e.attributes?Object.entries(e.attributes).sort(([e],[t])=>e.localeCompare(t)):[],[e.attributes]),i=r.length>0,o=z(e.kind),s=B(e.status);return(0,G.jsxs)(`div`,{className:`flex flex-col`,children:[(0,G.jsxs)(`button`,{type:`button`,onClick:()=>{i&&n(e=>!e)},className:`flex w-full items-start gap-2 rounded-sm px-1 py-1.5 text-left transition-colors`,style:{cursor:i?`pointer`:`default`},disabled:!i,"aria-expanded":i?t:void 0,children:[(0,N.createElement)(o,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`,style:{color:s}}),(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[(0,G.jsx)(`span`,{className:`text-body-medium-lighter break-words`,style:{color:`var(--content-default)`},children:e.summary}),(0,G.jsx)(`span`,{className:`font-mono text-body-small-default`,style:{color:`var(--content-tertiary)`},children:M(e.timestampMs)})]}),i?t?(0,G.jsx)(a,{className:`mt-1 h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,G.jsx)(c,{className:`mt-1 h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):null]}),t&&i?(0,G.jsx)(`div`,{className:`mb-1 ml-6 mr-2 rounded-md px-3 py-2`,style:{background:`var(--surface-base)`},children:(0,G.jsx)(`dl`,{className:`flex flex-col gap-1`,children:r.map(([e,t])=>(0,G.jsxs)(`div`,{className:`flex flex-col gap-0.5 sm:flex-row sm:gap-3`,children:[(0,G.jsx)(`dt`,{className:`shrink-0 font-mono text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e}),(0,G.jsx)(`dd`,{className:`font-mono text-body-small-default break-all`,style:{color:`var(--content-secondary)`},children:H(t)})]},e))})}):null]})}function Q({title:e,subtitle:t}){return(0,G.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md border border-dashed px-6 py-16 text-center`,style:{borderColor:`var(--border-base)`,color:`var(--content-secondary)`},children:[(0,G.jsx)(_,{className:`mb-3 h-8 w-8`}),(0,G.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,G.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function $({message:e}){return(0,G.jsxs)(`div`,{className:`text-body-medium-lighter flex items-start gap-3 rounded-md border px-4 py-3`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:[(0,G.jsx)(k,{className:`h-5 w-5 shrink-0`,style:{color:`var(--system-negative-strong)`}}),(0,G.jsx)(`span`,{children:e})]})}function ae(){return(0,G.jsx)(q,{assistantId:ee()})}export{ae as TracePage};

package/dist/assets/usage-page-DHofU58j.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n,h as r}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as i}from"./useQuery-B45lW1Kk.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./dropdown-CocFV5yi.js";import"./src-Bnn6algv.js";import{t as s}from"./wand-sparkles-C8AciJgl.js";import{Gn as c,Kn as l,Un as u,Wn as d,x as f}from"./sdk.gen-DgqwY_WN.js";import{t as p}from"./client.gen-BchW2Z6T.js";import{i as ee}from"./routes-VcLWbBmh.js";import{l as te}from"./query-tags-DPKpdc1_.js";import{Oi as m,Wn as ne,yi as h}from"./index-87hTkD_v.js";import{t as re}from"./use-active-assistant-id-B2Zd0B4I.js";import{i as g,t as _}from"./format-Bx7lme44.js";import{i as v,o as y,r as b}from"./llm-dimension-v8X-KTEz.js";import{n as x}from"./usage-window-DIaL-FoL.js";import{t as ie}from"./schedules-Cxb9otxN.js";var S=e(t(),1);function ae(e){if(!e)return{};let t={};for(let n of e.callSites)!n.id||!n.displayName||(t[n.id]={id:n.id,displayName:n.displayName,description:n.description,domain:n.domain});return t}async function oe(e){let{data:t,response:n}=await f({path:{assistant_id:e},throwOnError:!1});if(!n?.ok){let e=await n?.clone().text().catch(()=>``);throw Error(e||n?.statusText||`Failed to load LLM call-site metadata.`)}return t??{domains:[],callSites:[]}}function C(e,t,n){if(e===`task`){let e=t.groupKey;return e?n.callSites?.[e]?.displayName??t.group:t.group}if(e===`profile`){let e=t.groupKey;return e?n.profiles?.[e]?.displayName??t.group:t.group||`Default / Unset`}return t.group}function se(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=C(t,e,n);return r===e.group?e:{...e,group:r}})}var w=6,T=`value:`,E=`null:`;function D(e,t=`schedule`){return e===null?`${E}${v(t)?y(t):t}`:`${T}${e}`}function O(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=j(e.bucketId),r=j(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function ce(e){return e.map(e=>({bucketId:e.bucketId,date:e.date,displayLabel:e.displayLabel,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,groups:{}}))}function le(e,t,n){return t!==`task`&&t!==`profile`?[...e]:e.map(e=>{let r=!1,i={};for(let[a,o]of Object.entries(e.groups)){let e=C(t,A(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function k(e){let t=new Map;for(let n of e)for(let[e,r]of Object.entries(n.groups)){let n=t.get(e);t.set(e,{label:n?.label??r.group,totalEstimatedCostUsd:(n?.totalEstimatedCostUsd??0)+r.totalEstimatedCostUsd})}let n=Array.from(t.entries()).sort(([e,t],[n,r])=>t.totalEstimatedCostUsd===r.totalEstimatedCostUsd?t.label===r.label?e===n?0:e<n?-1:1:t.label<r.label?-1:1:r.totalEstimatedCostUsd-t.totalEstimatedCostUsd).map(([e,t],n)=>({seriesKey:e,label:t.label,totalEstimatedCostUsd:t.totalEstimatedCostUsd,colorIndex:n}));return{items:n,visibleItems:n.slice(0,w)}}function A(e){return{group:e.group,groupId:e.groupKey,groupKey:e.groupKey,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount}}function j(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var M=a(),N=140,P=40,F=28,ue=2,de=2,fe=1e-6,I=12,L=220,R=56,pe=[40,80,60,100,50,70,30],me=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],z=[`var(--usage-trend-stack-positive, var(--system-positive-strong, #10b981))`,`var(--usage-trend-stack-info, var(--system-info-strong, #3b82f6))`,`var(--usage-trend-stack-mid, var(--system-mid-strong, #f59e0b))`,`var(--usage-trend-stack-secondary, var(--content-secondary, #6b7280))`,`var(--usage-trend-stack-negative, var(--system-negative-strong, #f87171))`,`var(--usage-trend-stack-tertiary, var(--content-tertiary, #9ca3af))`];function B(e){return z[e%z.length]}function V(e){return e.displayLabel?e.displayLabel:e.date}function he(e,t){let n=e+I,r=t+I;return n+L>window.innerWidth&&(n=e-L-I),r+R>window.innerHeight&&(r=t-R-I),{x:n,y:r}}function ge({buckets:e,isHourly:t,legendItems:n}){let[r,i]=(0,S.useState)(null),a=(0,S.useMemo)(()=>O(e),[e]),o=(0,S.useMemo)(()=>k(e),[e]),s=n??o.items,c=n??o.visibleItems,l=(0,S.useMemo)(()=>a.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[a]),u=(0,S.useCallback)((e,t)=>{let n=he(e.clientX,e.clientY);i({...t,x:n.x,y:n.y})},[]),d=(0,S.useCallback)(()=>i(null),[]);if(a.length===0){let e=(0,M.jsx)(be,{title:t?`No hourly data`:`No daily data`,subtitle:`No usage recorded in this time range`});return c.length===0?e:(0,M.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,M.jsx)(H,{items:c})]})}let f=t?F:P;return(0,M.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,M.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,M.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${N}px`},"aria-hidden":`true`,children:a.map(e=>{let t=l>0?e.totalEstimatedCostUsd/l:0,r=Math.max(ue,N*t);return(0,M.jsx)(`div`,{className:`flex items-end`,style:{width:`${f}px`,minWidth:`${f}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${V(e)}: ${_(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,M.jsx)(ve,{bucket:e,height:r,legendItems:s,hasLegendOverride:n!=null,onSegmentHover:u,onSegmentLeave:d})},e.bucketId)})}),(0,M.jsx)(`div`,{className:`flex items-start gap-2`,children:a.map(e=>(0,M.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${f}px`,minWidth:`${f}px`},children:[(0,M.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:_(e.totalEstimatedCostUsd)}),(0,M.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:V(e)})]},e.bucketId))}),c.length>0?(0,M.jsx)(H,{items:c}):null]}),r?(0,M.jsx)(ye,{tooltip:r}):null]})}function _e({isHourly:e}){let t=e?me:pe,n=e?F:P;return(0,M.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${N}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,M.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function ve({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,s=n.filter(e=>(e.state??`active`)===`active`).flatMap(t=>{let n=e.groups[t.seriesKey];return!n||n.totalEstimatedCostUsd<=0?[]:[{item:t,value:n}]});if(s.length===0&&!o&&!r){let n={label:`Total`,bucketLabel:V(e),cost:_(e.totalEstimatedCostUsd)};return(0,M.jsx)(`div`,{className:`w-full rounded-sm`,title:`${n.label}: ${n.cost}`,onMouseEnter:e=>i(e,n),onMouseMove:e=>i(e,n),onMouseLeave:a,style:{height:`${t}px`,background:B(0)},"data-usage-series-segment-label":n.label,"data-usage-fallback-segment":`true`})}return s.length===0?null:(0,M.jsx)(`div`,{className:`flex w-full flex-col-reverse overflow-hidden rounded-sm`,style:{height:`${t}px`},"data-usage-series-stack":e.bucketId,children:s.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:V(e),cost:_(r.totalEstimatedCostUsd)};return(0,M.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(de,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,fe))}px`,background:B(n.colorIndex)},"data-usage-series-segment":n.seriesKey,"data-usage-series-segment-label":n.label,"data-usage-series-color-index":n.colorIndex},n.seriesKey)})})}function ye({tooltip:e}){return(0,M.jsxs)(`div`,{className:`pointer-events-none fixed z-50 max-w-[220px] rounded-md border px-2 py-1 shadow-xl`,style:{left:`${e.x}px`,top:`${e.y}px`,background:`var(--surface-overlay, var(--surface-lift))`,borderColor:`var(--border-base)`},"aria-hidden":`true`,children:[(0,M.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,M.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function H({items:e}){return(0,M.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 pt-1`,children:e.map(e=>{let t=e.state??`active`,n=t===`inactive`;return(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,M.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:B(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,M.jsx)(`span`,{className:n?`truncate text-[10px] line-through`:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`,opacity:n?.65:1},children:e.label})]},e.seriesKey)})})}function be({title:e,subtitle:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,M.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,M.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function U(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function W(e){return typeof e==`string`&&e.trim()||void 0}function xe(e){if(!U(e)||!U(e.llm)||!U(e.llm.profiles))return{};let t={};for(let[n,r]of Object.entries(e.llm.profiles)){if(!U(r))continue;let e=W(r.label)??n,i=W(r.description);t[n]={id:n,displayName:e,...i?{description:i}:{}}}return t}async function Se(e){let{data:t,response:n}=await p.get({url:`/v1/assistants/{assistant_id}/config`,path:{assistant_id:e},throwOnError:!1});if(!n||!n.ok){let e=await n?.clone().text().catch(()=>``);throw Error(e||n?.statusText||`Failed to load inference profile metadata.`)}return xe(t)}var G=class extends Error{status;constructor(e,t){super(t),this.name=`UsageRequestError`,this.status=e}},Ce={totalInputTokens:0,totalOutputTokens:0,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:0,eventCount:0,pricedEventCount:0,unpricedEventCount:0};function we(e){return v(e)?y(e):e}function Te(e){return K({from:e.from,to:e.to},e.scheduleId)}function Ee(e){return K({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function De(e){return K({from:e.from,to:e.to,groupBy:we(e.groupBy)},e.scheduleId)}function Oe(e){return K({from:e.from,to:e.to,granularity:e.granularity,groupBy:we(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function K(e,t){return t?{...e,scheduleId:t}:e}async function q(e,t){let n=await e?.clone().text().catch(()=>``);throw new G(e?.status??0,n||e?.statusText||t)}async function ke(e,t){let{data:n,response:r}=await l({path:{assistant_id:e},query:Te(t),throwOnError:!1});return r?.ok?{...Ce,...n}:q(r,`Failed to load usage totals.`)}async function Ae(e,t){let{data:n,response:r}=await d({path:{assistant_id:e},query:Ee(t),throwOnError:!1});return r?.ok?{buckets:(n?.buckets??[]).map(e=>({...e,bucketId:e.bucketId??e.date}))}:q(r,`Failed to load usage buckets.`)}async function je(e,t){let{data:n,response:r}=await u({path:{assistant_id:e},query:De(t),throwOnError:!1});return r?.ok?{breakdown:n?.breakdown??[]}:q(r,`Failed to load usage breakdown.`)}async function Me(e,t){let{data:n,response:r}=await c({path:{assistant_id:e},query:Oe(t),throwOnError:!1});return r?.ok?{buckets:(n?.buckets??[]).map(e=>({...e,bucketId:e.bucketId??e.date,groups:e.groups??{}}))}:q(r,`Failed to load usage series.`)}function Ne(e){return[`${g(e.totalInputTokens)} direct`,`${g(e.totalCacheCreationTokens)} cache created`,`${g(e.totalCacheReadTokens)} cache read`,`${g(e.totalOutputTokens)} out`].join(` / `)}function Pe(e){return!Number.isFinite(e)||e===0?`0`:e>=1e6||e>=999950&&e<1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:e.toLocaleString()}function Fe(e){return`${Pe(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${Pe(e.totalOutputTokens)} out`}var Ie=`task`,Le=`model`,Re=new Set([400,404,422]),ze=3,Be=new Set([`today`,`7d`,`30d`,`90d`,`all`]),Ve=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),J={task:b.task,profile:b.profile,model:b.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},He=[{value:`task`,label:J.task},{value:`profile`,label:J.profile},{value:`model`,label:J.model},{value:`provider`,label:J.provider},{value:`schedule`,label:J.schedule},{value:`conversation`,label:J.conversation}];function Ue(e){let t=e.get(`range`),n=e.get(`groupBy`),r=qe(n)?n:Ie;return{range:Ke(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?We(e):void 0}}function We(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Ge(e,t){let n=new URLSearchParams(e);return t.range!==void 0&&n.set(`range`,t.range),t.groupBy!==void 0&&n.set(`groupBy`,t.groupBy),t.scheduleId!==void 0&&(t.scheduleId===null||t.scheduleId.trim().length===0?n.delete(`scheduleId`):n.set(`scheduleId`,t.scheduleId)),n.get(`groupBy`)!==`schedule`&&n.delete(`scheduleId`),n}function Ke(e){return e!=null&&Be.has(e)}function qe(e){return e!=null&&Ve.has(e)}function Je(e){return e!==`conversation`}function Ye(e,t){return e!==`task`&&e!==`profile`?!1:Ze(t)}function Xe(e,t){return!Ze(t)&&e<ze}function Ze(e){return e instanceof G&&Re.has(e.status)}function Qe(e,t){let n=e===`hourly`?`Hourly Trend`:`Daily Trend`;return!t||t===`conversation`?n:`${n} by ${J[t]}`}function $e({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(et))?`hourly`:`daily`}function et(e){return e.bucketId.includes(`|`)||tt(e.date)}function tt(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function nt(e,t,n=Date.now()){return x(e,t,n)}function rt(e){return e===`today`?`hourly`:`daily`}var it=`vellum.assistant.initialMessage`;function at(){try{return globalThis.sessionStorage??null}catch{return null}}function ot(e){try{at()?.setItem(it,e)}catch{}}var st=[{value:`today`,label:`Today`},{value:`7d`,label:`Last 7 days`},{value:`30d`,label:`Last 30 days`},{value:`90d`,label:`Last 90 days`},{value:`all`,label:`All time`}],ct=300*1e3,lt=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and explain the biggest cost contributors by call site, model, and profile.`,`Check my current llm.default, llm.callSites, and llm.profiles.`,`Give me a concise summary of what is driving cost and what you would optimize first.`,`Do not change config yet.`].join(` `),ut=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and current LLM config, then recommend the safest cost-optimization changes.`,`If changes are clearly safe, show me the exact config commands you would run and ask for confirmation before applying them.`].join(` `);function dt({assistantId:e}){let t=n(),[a,o]=r(),{range:s,groupBy:c,scheduleId:l}=(0,S.useMemo)(()=>Ue(a),[a]),u=ne(),d=(0,S.useCallback)(e=>{o(t=>Ge(t,e),{replace:!0})},[o]),f=(0,S.useMemo)(()=>nt(s,u),[s,u]),p=(0,S.useMemo)(()=>rt(s),[s]),m=i({queryKey:te(e),queryFn:()=>ie(e),staleTime:1e4}),h=e=>{ot(e),t(ee.assistant)},re=(0,S.useCallback)(e=>{d({range:e})},[d]),g=i({queryKey:[`usage-totals`,e,f.from,f.to,l??null],queryFn:()=>ke(e,{from:f.from,to:f.to,scheduleId:l})}),_=i({queryKey:[`usage-breakdown`,e,f.from,f.to,c,l??null],queryFn:async()=>{try{return{groupBy:c,response:await je(e,{from:f.from,to:f.to,groupBy:c,scheduleId:l})}}catch(t){if(!Ye(c,t))throw t;return{groupBy:Le,response:await je(e,{from:f.from,to:f.to,groupBy:Le,scheduleId:l})}}},retry:Xe}),v=_.data?.groupBy??c,y=Je(v)?v:void 0,b=i({queryKey:[`usage-series`,e,f.from,f.to,p,u,v,l??null],queryFn:()=>y?Me(e,{from:f.from,to:f.to,granularity:p,groupBy:y,tz:u,scheduleId:l}):{buckets:[]},enabled:!!y,retry:Xe}),x=i({queryKey:[`usage-daily`,e,f.from,f.to,p,u,l??null],queryFn:()=>Ae(e,{from:f.from,to:f.to,granularity:p,tz:u,scheduleId:l}),enabled:!y||b.isError}),C=i({queryKey:[`usage-call-sites`,e],queryFn:()=>oe(e),enabled:v===`task`,staleTime:1/0}),w=i({queryKey:[`usage-profile-metadata`,e],queryFn:()=>Se(e),enabled:v===`profile`,staleTime:ct}),T=(0,S.useMemo)(()=>({callSites:ae(C.data),profiles:w.data??{}}),[C.data,w.data]),E=(0,S.useMemo)(()=>{let e=_.data;if(e)return se(e.response.breakdown,e.groupBy,T)},[_.data,T]),D=(0,S.useMemo)(()=>{if(!(!y||!b.data))return le(b.data.buckets,y,T)},[b.data,y,T]),O=(0,S.useMemo)(()=>{if(x.data)return ce(x.data.buckets)},[x.data]),k=(0,S.useMemo)(()=>y?b.error?O?{isLoading:!1,error:null,data:O,refetch:x.refetch}:{isLoading:x.isLoading||!O&&!x.error,error:x.error??b.error,data:void 0,refetch:x.error?x.refetch:b.refetch}:{isLoading:b.isLoading,error:b.error,data:D,refetch:b.refetch}:{isLoading:x.isLoading,error:x.error,data:O,refetch:x.refetch},[O,x.error,x.isLoading,x.refetch,D,y,b.error,b.isLoading,b.refetch]),A=$e({requestedGranularity:p,isLoading:k.isLoading,buckets:k.data}),j=A===`hourly`,N=y&&b.error?void 0:v,P=(0,S.useMemo)(()=>{if(!(v!==`schedule`||!l))return ft(m.data,l)},[v,l,m.data]);return(0,M.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,M.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:`Usage`}),(0,M.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,M.jsx)(ht,{range:s,onChange:re})})]}),(0,M.jsx)(`section`,{"aria-label":`Totals`,children:(0,M.jsx)(X,{query:g,skeleton:(0,M.jsx)(_t,{}),render:e=>(0,M.jsx)(gt,{totals:e})})}),(0,M.jsx)(Y,{title:`Inference Usage`,children:(0,M.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,M.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:Qe(A,N)}),(0,M.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,M.jsx)(vt,{value:v,onChange:e=>{e===c&&v!==c&&(_.refetch(),b.refetch()),d({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,M.jsx)(X,{query:k,skeleton:(0,M.jsx)(_e,{isHourly:j}),render:e=>(0,M.jsx)(ge,{buckets:e,isHourly:j,legendItems:P})})]})}),(0,M.jsx)(yt,{query:_,groups:E}),(0,M.jsx)(mt,{onAnalyze:()=>h(lt),onOptimize:()=>h(ut)})]})}function ft(e,t){let n=e??[];return[...n.some(e=>e.id===t)?[]:[{id:t,label:pt(t)}],...n.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:D(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function pt(e){return`Unknown schedule (${e})`}function mt({onAnalyze:e,onOptimize:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,M.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,M.jsx)(Y,{title:`Cost assistant`,subtitle:`Review recent spend and tune model profile choices.`,children:(0,M.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,M.jsxs)(`button`,{type:`button`,onClick:e,className:`inline-flex items-center gap-2 rounded-md border px-3 py-2 text-body-medium-default transition-colors`,style:{borderColor:`var(--border-element)`,color:`var(--content-default)`,background:`var(--surface-lift)`},children:[(0,M.jsx)(m,{className:`h-4 w-4`}),`Analyze costs with assistant`]}),(0,M.jsxs)(`button`,{type:`button`,onClick:t,className:`inline-flex items-center gap-2 rounded-md border px-3 py-2 text-body-medium-default transition-colors`,style:{borderColor:`var(--border-base)`,color:`var(--content-secondary)`,background:`transparent`},children:[(0,M.jsx)(s,{className:`h-4 w-4`}),`Optimize settings`]})]})})]})}function ht({range:e,onChange:t}){return(0,M.jsx)(`div`,{className:`flex items-center`,children:(0,M.jsx)(o,{value:e,onChange:t,options:st.map(e=>({value:e.value,label:e.label}))})})}function Y({title:e,subtitle:t,children:n}){return(0,M.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border px-4 py-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,M.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,M.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,M.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function X({query:e,skeleton:t,render:n}){return e.isLoading?(0,M.jsx)(M.Fragment,{children:t}):e.error?(0,M.jsx)(Ct,{message:e.error instanceof Error?e.error.message:`Failed to load usage.`,onRetry:()=>e.refetch()}):e.data?(0,M.jsx)(M.Fragment,{children:n(e.data)}):(0,M.jsx)(M.Fragment,{children:t})}function gt({totals:e}){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,M.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:_(e.totalEstimatedCostUsd)}),(0,M.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`Cost`})]}),(0,M.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,M.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:g(e.eventCount)}),(0,M.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`LLM Calls`})]})]}),(0,M.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,M.jsx)(Z,{label:`Direct Input Tokens`,value:g(e.totalInputTokens)}),(0,M.jsx)(Z,{label:`Output Tokens`,value:g(e.totalOutputTokens)}),(0,M.jsx)(Z,{label:`Cache Created`,value:g(e.totalCacheCreationTokens)}),(0,M.jsx)(Z,{label:`Cache Read`,value:g(e.totalCacheReadTokens)})]})]})}function Z({label:e,value:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,M.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,M.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function _t(){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,M.jsx)($,{width:140,height:30}),(0,M.jsx)($,{width:90,height:12})]}),(0,M.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,M.jsx)($,{width:60,height:16}),(0,M.jsx)($,{width:60,height:12})]})]}),(0,M.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,M.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,M.jsx)($,{width:`50%`,height:12}),(0,M.jsx)($,{width:`70%`,height:11})]},t))})]})}function vt({value:e,onChange:t}){return(0,M.jsx)(`div`,{className:`flex items-center`,children:(0,M.jsx)(o,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:He.map(e=>({value:e.value,label:e.label}))})})}function yt({query:e,groups:t}){let[n,r]=(0,S.useState)(new Set),i=e=>{r(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,M.jsx)(Y,{title:`Breakdown`,children:(0,M.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,M.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,M.jsx)(Q,{label:`% of total`,active:n.has(`pct`),onClick:()=>i(`pct`)}),(0,M.jsx)(Q,{label:`Tokens`,active:n.has(`tokens`),onClick:()=>i(`tokens`)})]}),(0,M.jsx)(X,{query:e,skeleton:(0,M.jsx)(xt,{}),render:e=>(0,M.jsx)(bt,{groups:t??e.response.breakdown,showPct:n.has(`pct`),showTokens:n.has(`tokens`)})})]})})}function Q({label:e,active:t,onClick:n}){return(0,M.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-full border px-2.5 py-1 text-label-medium-default`,style:{borderColor:t?`var(--content-secondary)`:`var(--border-base)`,background:t?`color-mix(in srgb, var(--content-secondary) 15%, transparent)`:`transparent`,color:t?`var(--content-default)`:`var(--content-tertiary)`},children:e})}function bt({groups:e,showPct:t,showTokens:n}){if(e.length===0)return(0,M.jsx)(St,{title:`No breakdown data`,subtitle:`No usage recorded for this grouping`});let r=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,M.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,M.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,M.jsx)(`thead`,{children:(0,M.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,M.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:`Group`}),n?(0,M.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:`Tokens`}):null,t?(0,M.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,M.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:`Cost`})]})}),(0,M.jsx)(`tbody`,{children:e.map((e,i)=>{let a=Ne(e),o=Fe(e),s=r>0?Math.round(e.totalEstimatedCostUsd/r*100):0;return(0,M.jsxs)(`tr`,{style:{borderTop:i===0?`none`:`1px solid var(--border-base)`},children:[(0,M.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:(0,M.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),n?(0,M.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,M.jsx)(`span`,{className:`block truncate text-body-small-default`,title:a,children:o})}):null,t?(0,M.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,M.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[s,`%`]})}):null,(0,M.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,M.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:_(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${i}`)})})]})})}function xt(){return(0,M.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,M.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,M.jsx)($,{width:100,height:14}),(0,M.jsx)($,{width:`60%`,height:12}),(0,M.jsx)($,{width:50,height:14})]},t))})}function $({width:e,height:t}){return(0,M.jsx)(`div`,{className:`rounded-sm`,style:{width:typeof e==`number`?`${e}px`:e,height:`${t}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}})}function St({title:e,subtitle:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,M.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,M.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function Ct({message:e,onRetry:t}){return(0,M.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,M.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,M.jsx)(h,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,M.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,M.jsx)(`button`,{type:`button`,onClick:t,className:`self-start rounded-md border px-3 py-1 text-body-small-default`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:`Retry`}):null]})}function wt(){return(0,M.jsx)(dt,{assistantId:re()})}export{wt as UsagePage};

package/dist/assets/use-daemon-config-BLCgqB8a.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-Dze4ISSQ.js";import{t as n}from"./react-DJZBPgpf.js";import{n as r}from"./QueryClientProvider-DKhXIxGb.js";import{t as i}from"./useQuery-B45lW1Kk.js";import{t as a}from"./useMutation-Lj4VunQV.js";import{n as o}from"./toast-BL8OPiip.js";import{n as s,o as c,r as l,t as u}from"./ai-utils-NK8I8SN2.js";import{C as d,Dn as f,b as p}from"./sdk.gen-DgqwY_WN.js";import{r as m}from"./query-tags-DPKpdc1_.js";import{t as h}from"./use-active-assistant-id-B2Zd0B4I.js";var g=e(n(),1);function _(){let e=h();return{assistantId:e,resolveAssistantId:(0,g.useCallback)(async()=>e,[e])}}function v(e={}){let{assistantId:t}=_(),n=e.enabled??!0,{data:r}=i({queryKey:m(t),queryFn:async()=>{let{data:e}=await p({path:{assistant_id:t},throwOnError:!0});return e},enabled:!!t&&n,staleTime:3e4,refetchOnWindowFocus:!1}),a=(0,g.useMemo)(()=>r?.llm?.profiles??{},[r?.llm?.profiles]),o=(0,g.useMemo)(()=>r?.llm?.profileOrder??[],[r?.llm?.profileOrder]),s=(0,g.useMemo)(()=>r?.llm?.activeProfile??null,[r?.llm?.activeProfile]),c=(0,g.useMemo)(()=>r?.llm?.callSites??{},[r?.llm?.callSites]);return{assistantId:t,config:r,profiles:a,profileOrder:o,orderedProfiles:(0,g.useMemo)(()=>l(a,o),[a,o]),activeProfile:s,callSites:c}}function y(){let e=r(),{assistantId:t,resolveAssistantId:n}=_();return a({mutationFn:async e=>{let t=await n(),{data:r}=await d({path:{assistant_id:t},body:e,throwOnError:!0});return{data:r,resolvedId:t}},onMutate:async n=>{if(!t)return;let r=m(t);await e.cancelQueries({queryKey:r});let i=e.getQueryData(r),a=i?c(i,n):void 0;return e.setQueryData(r,e=>e&&u(e,n)),{rollback:a,queryKey:r}},onError:(t,n,r)=>{let{queryKey:i,rollback:a}=r??{};i&&a&&e.setQueryData(i,e=>e&&u(e,a))},onSettled:n=>{let r=n?.resolvedId??t;e.invalidateQueries({queryKey:m(r)})}})}function b(){let{resolveAssistantId:e}=_();return(0,g.useCallback)(async(n,r)=>{try{let{data:t}=await f({path:{assistant_id:await e()},body:{value:r,type:`api_key`,name:n},throwOnError:!0});s(t)}catch(e){throw e instanceof Error&&e.message===`No assistant found`?o.error(`Assistant not ready. Please try again.`):o.error(`Failed to save ${n} API key. Please try again.`),t(e,{context:`provision_provider_key`}),e}},[e])}export{b as i,y as n,v as r,_ as t};

package/dist/assets/use-is-org-ready-BgB6QXom.js

@@ -1 +0,0 @@
-import{c as e,r as t}from"./auth-store-C4gcHOWH.js";function n(){let n=e.use.currentOrganizationId();return!t()||n!=null}export{n as t};

package/dist/assets/use-onboarding-login-CYb9P9G7.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n,u as r}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{f as i}from"./resolved-assistants-store-B5ATyCT9.js";import{t as a}from"./is-electron-CavSPgmY.js";import{E as o,j as s}from"./auth-store-C4gcHOWH.js";import{i as c}from"./routes-VcLWbBmh.js";import{Nr as l,Ur as u}from"./index-87hTkD_v.js";import{n as d}from"./login-flow-DmfVD3r_.js";var f=e(t(),1);function p(e){let t=n(),p=r(),[m,h]=(0,f.useState)(!1),[g,_]=(0,f.useState)(null),v=(0,f.useRef)(0);return{loading:m,error:g,login:async()=>{let n=e??u(l({sessionSettled:!0,isAuthenticated:!0}),p.pathname);if(i()&&s()){t(`${c.account.login}?returnTo=${encodeURIComponent(n)}`);return}let r=++v.current;_(null),h(!0);try{await o(d,`${c.account.providerCallback}?returnTo=${encodeURIComponent(n)}`,{returnTo:n})}catch{if(r!==v.current)return;_(`Something went wrong. Please try again.`),h(!1)}},cancel:()=>{v.current++,h(!1),_(null),a()&&window.vellum?.auth?.cancelOAuth()}}}export{p as t};

package/dist/assets/wand-sparkles-C8AciJgl.js

@@ -1 +0,0 @@
-import{t as e}from"./createLucideIcon-D6d6iDdi.js";var t=e(`wand-sparkles`,[[`path`,{d:`m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72`,key:`ul74o6`}],[`path`,{d:`m14 7 3 3`,key:`1r5n42`}],[`path`,{d:`M5 6v4`,key:`ilb8ba`}],[`path`,{d:`M19 14v4`,key:`blhpug`}],[`path`,{d:`M10 2v2`,key:`7u0qdc`}],[`path`,{d:`M7 8H3`,key:`zfb6yr`}],[`path`,{d:`M21 16h-4`,key:`1cnmox`}],[`path`,{d:`M11 3H9`,key:`1obp7u`}]]);export{t};

package/dist/assets/welcome-screen-Rm6Zm5dD.js

@@ -1 +0,0 @@
-import{d as e}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t}from"./jsx-runtime-CVSDxk6A.js";import{t as n}from"./button-C68o-wep.js";import{u as r}from"./resolved-assistants-store-B5ATyCT9.js";import{i}from"./routes-VcLWbBmh.js";import{t as a}from"./onboarding-layout-BAx3atHc.js";import{t as o}from"./use-onboarding-login-CYb9P9G7.js";var s=t();function c(){let t=e(),{loading:c,error:l,login:u,cancel:d}=o();return(0,s.jsx)(a,{children:(0,s.jsx)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center px-6 pb-40 text-[var(--content-default)]`,children:(0,s.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center`,children:[(0,s.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:`Welcome to Vellum`}),(0,s.jsx)(`p`,{className:`mt-3 text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:`Your own personal intelligence is just a step away.`}),l&&(0,s.jsx)(`p`,{className:`mt-4 text-body-small-default text-[var(--system-negative-strong)]`,children:l}),(0,s.jsxs)(`div`,{className:`mt-10 flex w-full max-w-sm flex-col gap-3`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[(0,s.jsx)(n,{variant:`primary`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:c?d:()=>void u(),children:c?`Cancel`:`Log In`}),(0,s.jsx)(n,{variant:`ghost`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:()=>{c&&d(),r()?t(i.selectAssistant):t(i.onboarding.hosting)},children:`Continue without account`})]})]})})})}export{c as WelcomeScreen};

package/dist/assets/workspace-page-zV0pbQfl.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{T as n}from"./portal-container-DIXEBWUe.js";import{h as r}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as i}from"./QueryClientProvider-DKhXIxGb.js";import{t as a}from"./useQuery-B45lW1Kk.js";import{t as o}from"./useMutation-Lj4VunQV.js";import{t as s}from"./jsx-runtime-CVSDxk6A.js";import{t as c}from"./queryOptions-BtNi-_9H.js";import{t as l}from"./button-C68o-wep.js";import{n as u,r as d,t as f}from"./panel-item-FzMfzMJA.js";import{t as p}from"./input-Cu3PPVCq.js";import{t as m}from"./createLucideIcon-D6d6iDdi.js";import{t as h}from"./chevron-right-C1TiR5qP.js";import{t as g}from"./loader-circle-C563RcPZ.js";import{t as _}from"./pencil-72cxzUyZ.js";import{t as v}from"./x-D1JFrRas.js";import{Jn as y,Qn as b,Xn as x,Yn as S,Zn as C}from"./sdk.gen-DgqwY_WN.js";import{n as w}from"./use-is-mobile-CgLpEUW2.js";import{$a as T,Ca as E,Da as D,Fa as O,Li as k,Oa as A,Ta as j,Wi as M,eo as N,ga as P,ja as F,mi as I,wa as L,xa as ee}from"./index-87hTkD_v.js";import{t as te}from"./use-active-assistant-id-B2Zd0B4I.js";import{n as ne,t as re}from"./mobile-sidebar-drawer-CBYUCY4b.js";import{n as ie,t as ae}from"./file-markdown-B4DVzQ41.js";import{t as R}from"./format-file-size-DkWrZmJq.js";var z=m(`arrow-down-a-z`,[[`path`,{d:`m3 16 4 4 4-4`,key:`1co6wj`}],[`path`,{d:`M7 20V4`,key:`1yoxec`}],[`path`,{d:`M20 8h-5`,key:`1vsyxs`}],[`path`,{d:`M15 10V6.5a2.5 2.5 0 0 1 5 0V10`,key:`ag13bf`}],[`path`,{d:`M15 14h5l-5 6h5`,key:`ur5jdg`}]]),B=m(`arrow-down-wide-narrow`,[[`path`,{d:`m3 16 4 4 4-4`,key:`1co6wj`}],[`path`,{d:`M7 20V4`,key:`1yoxec`}],[`path`,{d:`M11 4h10`,key:`1w87gc`}],[`path`,{d:`M11 8h7`,key:`djye34`}],[`path`,{d:`M11 12h4`,key:`q8tih4`}]]),oe=m(`folder-open`,[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]),V=m(`folder-plus`,[[`path`,{d:`M12 10v6`,key:`1bos4e`}],[`path`,{d:`M9 13h6`,key:`1uhe8q`}],[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),H=e(t(),1);function se(e){if(!e)return``;let t=e.indexOf(`;`);return(t===-1?e:e.slice(0,t)).trim()}function ce(e,t){return se(t)===`application/json`?!0:(e??``).toLowerCase().endsWith(`.json`)}function le(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}var U=s();function ue(e){return c({queryFn:async()=>{let{data:t,error:n}=await S({path:e.path,query:{path:e.query.path,...e.query.showHidden?{showHidden:`true`}:{}}});if(n)throw n;return t},queryKey:[`assistantsWorkspaceFileRetrieve`,e]})}function de({mimeType:e}){let t=e.indexOf(`;`),n=(t===-1?e:e.slice(0,t)).trim(),r=L;return n.startsWith(`image/`)?r=P:n.startsWith(`video/`)?r=I:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=E),(0,U.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 10%, transparent)`},children:(0,U.jsx)(r,{className:`h-3.5 w-3.5`,style:{color:`var(--content-default)`}})})}function W({viewMode:e,onChange:t}){return(0,U.jsx)(`div`,{className:`inline-flex rounded-md p-0.5`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 6%, transparent)`},children:[`preview`,`source`].map(n=>{let r=e===n;return(0,U.jsx)(l,{variant:`ghost`,onClick:()=>t(n),className:`h-auto rounded border-0 px-2.5 py-1 text-body-small-default hover:bg-transparent`,style:{backgroundColor:r?`var(--surface-lift)`:`transparent`,color:r?`var(--content-default)`:`var(--content-tertiary)`,boxShadow:r?`0 1px 2px rgba(0,0,0,0.15)`:void 0},children:n===`preview`?`Preview`:`Source`},n)})})}function G({name:e,mimeType:t,size:n,rightContent:r}){return(0,U.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,U.jsx)(de,{mimeType:t}),(0,U.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),n!=null&&(0,U.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:R(n)})]}),r]})}function fe({assistantId:e,path:t,mimeType:n,showHidden:r}){let{data:i,isLoading:o}=a({queryFn:async()=>{let n=await y({path:{assistant_id:e},query:{path:t,...r?{showHidden:`true`}:{}},parseAs:`blob`});if(n.error)throw n.error;return n.data},queryKey:[`assistantsWorkspaceFileContentRetrieve`,{assistantId:e,path:t,showHidden:r}],enabled:!!t}),[s,c]=(0,H.useState)(null);return(0,H.useEffect)(()=>{if(!i)return;let e=URL.createObjectURL(i);return c(e),()=>{URL.revokeObjectURL(e),c(null)}},[i]),o?(0,U.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,U.jsx)(g,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):s?n.startsWith(`image/`)?(0,U.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,U.jsx)(`img`,{src:s,alt:t.split(`/`).pop()??`image`,className:`max-h-[70vh] max-w-full rounded object-contain`})}):n.startsWith(`video/`)?(0,U.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,U.jsx)(`video`,{src:s,controls:!0,className:`max-h-[70vh] max-w-full rounded`})}):null:null}function pe(e){return e.split(`/`).some(e=>e.startsWith(`.`))}function me({isDirty:e,isSaving:t,onSave:n,onDiscard:r}){return(0,U.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t px-3 py-2`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsx)(l,{variant:`ghost`,size:`compact`,disabled:t,onClick:r,children:`Discard`}),t&&(0,U.jsx)(g,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}}),(0,U.jsx)(l,{variant:`primary`,size:`compact`,disabled:!e||t,onClick:n,children:`Save`})]})}function K({content:e,downloadContent:t,fileName:n,mimeType:r,showEdit:i,isEditing:a,onToggleEdit:o}){let[s,c]=(0,H.useState)(!1),u=(0,H.useRef)(null),d=(0,H.useCallback)(()=>{navigator.clipboard.writeText(e).then(()=>{c(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>c(!1),1500)})},[e]),f=t??e,p=(0,H.useCallback)(()=>{let e=new Blob([f],{type:r}),t=URL.createObjectURL(e),i=document.createElement(`a`);i.href=t,i.download=n,i.click(),URL.revokeObjectURL(t)},[f,n,r]);return(0,H.useEffect)(()=>()=>{u.current&&clearTimeout(u.current)},[]),a?null:(0,U.jsxs)(`div`,{className:`absolute right-3 top-3 z-10 flex items-center gap-1 rounded-md bg-[var(--surface-primary)] shadow-sm`,children:[i&&(0,U.jsx)(l,{variant:`ghost`,size:`regular`,iconOnly:(0,U.jsx)(_,{"aria-hidden":!0}),onClick:o,"aria-label":`Edit file`,className:`hover:bg-[var(--surface-base)]`}),(0,U.jsx)(l,{variant:`ghost`,size:`regular`,iconOnly:s?(0,U.jsx)(N,{"aria-hidden":!0}):(0,U.jsx)(O,{"aria-hidden":!0}),onClick:d,"aria-label":s?`Copied`:`Copy file contents`,className:`hover:bg-[var(--surface-base)]`}),(0,U.jsx)(l,{variant:`ghost`,size:`regular`,iconOnly:(0,U.jsx)(F,{"aria-hidden":!0}),onClick:p,"aria-label":`Download file`,className:`hover:bg-[var(--surface-base)]`})]})}var q=`ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace`;function J({value:e,onChange:t,onSave:n}){return(0,U.jsx)(`textarea`,{className:`m-0 h-full w-full resize-none overflow-auto border-none bg-transparent p-4 text-body-medium-lighter leading-relaxed outline-none`,style:{color:`var(--content-default)`,fontFamily:q},value:e,onChange:e=>t(e.target.value),onKeyDown:e=>{(e.metaKey||e.ctrlKey)&&e.key===`s`&&(e.preventDefault(),n())},spellCheck:!1})}function Y({content:e,readOnly:t,whiteSpace:n=`pre-wrap`,onStartEdit:r}){return(0,U.jsx)(`pre`,{className:`m-0 h-full overflow-auto p-4 text-body-medium-lighter leading-relaxed${t?``:` cursor-text`}`,style:{color:`var(--content-default)`,fontFamily:q,whiteSpace:n},onClick:t?void 0:r,children:e})}function he({assistantId:e,selectedPath:t,showHidden:n,viewMode:r,onChangeViewMode:s,onBrowse:c}){let u=i(),{data:d,isLoading:f}=a({...ue({path:{assistant_id:e},query:{path:t??``,showHidden:n}}),enabled:!!t}),[p,m]=(0,H.useState)(null),[h,_]=(0,H.useState)(null),v=p!=null&&p===t,y=d?.content??``,x=h?.path===t?h.content:y,S=()=>{m(null),_(null)},C=o({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await b({path:{assistant_id:e},body:{path:t,content:n,encoding:`utf8`},throwOnError:!1});if(!i?.ok||r)throw Error(`Failed to save file`)},onSuccess:(e,t)=>{m(e=>e===t.path?null:e),_(e=>e?.path===t.path?null:e),u.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),w=x!==y,T=(0,H.useCallback)(()=>{t&&w&&!C.isPending&&C.mutate({path:t,content:x})},[t,w,C,x]);if(!t)return(0,U.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3`,children:[(0,U.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Select a file to view`}),c&&(0,U.jsx)(l,{type:`button`,onClick:c,leftIcon:(0,U.jsx)(oe,{"aria-hidden":!0}),className:`sm:hidden`,children:`Browse files`})]});if(f)return(0,U.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,U.jsx)(g,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})});if(!d)return(0,U.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,U.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`File not found`})});let D=d.mimeType??`application/octet-stream`,O=d.name??t.split(`/`).pop()??t,k=ie(O,D),A=ce(O,D),j=d.content!=null&&!k&&!A,M=t?pe(t):!0,N=v&&(0,U.jsx)(me,{isDirty:w,isSaving:C.isPending,onSave:T,onDiscard:S});if(k&&d.content!=null){let e=v?x:d.content;return(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,rightContent:(0,U.jsx)(W,{viewMode:r,onChange:e=>{v&&S(),s(e)}})}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:e,fileName:O,mimeType:D,showEdit:!M&&r===`source`,isEditing:v,onToggleEdit:()=>v?S():m(t)}),r===`preview`?(0,U.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,U.jsx)(ae,{content:e})}):v?(0,U.jsx)(J,{value:x,onChange:e=>_({path:t,content:e}),onSave:T}):(0,U.jsx)(Y,{content:d.content,readOnly:M,onStartEdit:()=>m(t)})]}),N]})}if(A&&d.content!=null){let e=v?x:d.content,n=le(e);return(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,rightContent:(0,U.jsx)(W,{viewMode:r,onChange:e=>{v&&S(),s(e)}})}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:r===`preview`?n:e,downloadContent:e,fileName:O,mimeType:D,showEdit:!M&&r===`source`,isEditing:v,onToggleEdit:()=>v?S():m(t)}),r===`preview`?(0,U.jsx)(Y,{content:n,readOnly:!0,whiteSpace:`pre`}):v?(0,U.jsx)(J,{value:x,onChange:e=>_({path:t,content:e}),onSave:T}):(0,U.jsx)(Y,{content:d.content,readOnly:M,onStartEdit:()=>m(t)})]}),N]})}return j?(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:v?x:d.content??``,fileName:O,mimeType:D,showEdit:!M,isEditing:v,onToggleEdit:()=>v?S():m(t)}),v?(0,U.jsx)(J,{value:x,onChange:e=>_({path:t,content:e}),onSave:T}):(0,U.jsx)(Y,{content:d.content??``,readOnly:M,onStartEdit:()=>m(t)})]}),N]}):D.startsWith(`image/`)||D.startsWith(`video/`)?(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,U.jsx)(fe,{assistantId:e,path:t,mimeType:D,showHidden:n})})]}):(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsx)(`div`,{className:`flex flex-1 items-center justify-center p-8`,children:(0,U.jsxs)(`div`,{className:`w-full max-w-sm rounded-lg border p-6 text-center`,style:{borderColor:`var(--border-base)`,backgroundColor:`var(--surface-lift)`},children:[(0,U.jsx)(E,{className:`mx-auto h-10 w-10`,style:{color:`var(--content-tertiary)`}}),(0,U.jsx)(`p`,{className:`mt-3 text-body-medium-default`,style:{color:`var(--content-default)`},children:O}),(0,U.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,U.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:D}),(0,U.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:R(d.size,`Unknown size`)}),d.modifiedAt&&(0,U.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[`Modified: `,new Date(d.modifiedAt).toLocaleString()]})]})]})})]})}var ge=e(n(),1);function X(e,t){if(t===`name`)return e;let n=e.slice();return n.sort((e,t)=>{let n=e.size??null,r=t.size??null;return n===null&&r===null?(e.name??``).localeCompare(t.name??``):n===null?1:r===null?-1:n===r?(e.name??``).localeCompare(t.name??``):r-n}),n}function Z(e){return c({queryFn:async()=>{let t={};e.query?.path&&(t.path=e.query.path),e.query?.showHidden&&(t.showHidden=`true`),e.query?.includeDirSizes&&(t.includeDirSizes=`true`);let{data:n,error:r}=await C({path:e.path,query:t});if(r)throw r;if(!n)throw Error(`Failed to load workspace tree`);return n},queryKey:[`assistantsWorkspaceTreeRetrieve`,e]})}function _e({entry:e}){return e.type===`directory`?(0,U.jsx)(ee,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`image/`)?(0,U.jsx)(P,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`video/`)?(0,U.jsx)(I,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(L,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}})}function Q({entry:e,assistantId:t,expandedPaths:n,selectedPath:r,showHidden:i,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,depth:u}){let d=e.path??``,f=e.name??``,p=e.type===`directory`,m=n.has(d),g=r===d,_=f.startsWith(`.`),v=p&&(m||s.length>0),{data:y}=a({...Z({path:{assistant_id:t},query:{path:d,showHidden:i,includeDirSizes:o===`size`}}),enabled:p&&v}),b=(0,H.useMemo)(()=>X(y?.entries??[],o),[y?.entries,o]),x=s===``||f.toLowerCase().includes(s);return s!==``&&!p&&!x?null:(0,U.jsxs)(`div`,{children:[(0,U.jsxs)(`button`,{onClick:()=>{p?c(d):l(d)},className:`group flex w-full items-center gap-1.5 px-2 py-1 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{paddingLeft:`${u*14+8}px`,paddingRight:`8px`,color:g?`var(--content-default)`:_?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:g?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:_&&!g?.7:1},children:[p?v?(0,U.jsx)(T,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(h,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(`span`,{className:`h-3 w-3 shrink-0`}),(0,U.jsx)(_e,{entry:e}),(0,U.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:f}),e.size!=null&&(0,U.jsx)(`span`,{className:`shrink-0 text-label-medium-default tabular-nums`,style:{color:`var(--content-tertiary)`},children:R(e.size)})]}),p&&v&&b.length>0&&(0,U.jsx)(`div`,{children:b.map(e=>(0,U.jsx)(Q,{entry:e,assistantId:t,expandedPaths:n,selectedPath:r,showHidden:i,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,depth:u+1},e.path))})]})}function ve({kind:e,onCancel:t,onConfirm:n,pending:r,error:i}){let[a,o]=(0,H.useState)(``),s=a.trim(),c=s.length>0&&!r;return(0,ge.createPortal)((0,U.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:e=>{e.key===`Escape`&&t()},onClick:e=>{e.target===e.currentTarget&&t()},children:(0,U.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),c&&n(s)},className:`mx-4 w-full max-w-sm rounded-xl border p-5 shadow-xl`,style:{backgroundColor:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,U.jsx)(`h2`,{className:`mb-3 text-title-small`,style:{color:`var(--content-default)`},children:e===`file`?`New File`:`New Folder`}),(0,U.jsx)(p,{autoFocus:!0,type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:e===`file`?`filename.md`:`folder-name`,errorText:i??void 0,fullWidth:!0,wrapperClassName:`mb-3`,autoComplete:`off`,spellCheck:!1}),(0,U.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,U.jsx)(l,{type:`button`,variant:`outlined`,onClick:t,disabled:r,children:`Cancel`}),(0,U.jsx)(l,{type:`submit`,disabled:!c,children:r?`Creating…`:`Create`})]})]})}),document.body)}function $({assistantId:e,expandedPaths:t,selectedPath:n,showHidden:r,sortMode:s,onToggleExpand:c,onExpandPath:u,onSelectPath:d,onToggleShowHidden:f,onChangeSortMode:m}){let h=i(),[g,_]=(0,H.useState)(``),y=g.trim().toLowerCase(),[S,C]=(0,H.useState)(!1),[w,T]=(0,H.useState)(null),[E,O]=(0,H.useState)(null),{data:j,isLoading:M}=a(Z({path:{assistant_id:e},query:{showHidden:r,includeDirSizes:s===`size`}})),N=(0,H.useMemo)(()=>X(j?.entries??[],s),[j?.entries,s]),P=(0,H.useCallback)(()=>{h.invalidateQueries({queryKey:[`assistantsWorkspaceTreeRetrieve`]})},[h]),F=o({mutationFn:async t=>{let{error:n,response:r}=t.kind===`file`?await b({path:{assistant_id:e},body:{path:t.name,content:``,encoding:`utf8`},throwOnError:!1}):await x({path:{assistant_id:e},body:{path:t.name},throwOnError:!1});if(n||!r?.ok)throw Error(typeof n==`string`?n:`Failed to create — check the name and try again.`);return t},onSuccess:e=>{T(null),O(null),P(),e.kind===`file`?d(e.name):u(e.name)},onError:e=>{O(e instanceof Error?e.message:`Failed to create.`)}}),I=(0,H.useCallback)(e=>{w&&(O(null),F.mutate({kind:w,name:e}))},[w,F]);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:`Files`}),(0,U.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,U.jsx)(l,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:s===`size`?(0,U.jsx)(B,{"aria-hidden":!0}):(0,U.jsx)(z,{"aria-hidden":!0}),onClick:()=>m(s===`size`?`name`:`size`),"aria-label":s===`size`?`Sort by name`:`Sort by size`,title:s===`size`?`Sorted by size — switch to name`:`Sorted by name — switch to size`,tintColor:s===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,U.jsx)(l,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:r?(0,U.jsx)(D,{"aria-hidden":!0}):(0,U.jsx)(A,{"aria-hidden":!0}),onClick:f,"aria-label":r?`Hide hidden files`:`Show hidden files`,title:r?`Hide hidden files`:`Show hidden files`,tintColor:r?`var(--content-default)`:`var(--content-tertiary)`}),(0,U.jsx)(ye,{open:S,onOpenChange:C,onSelectKind:e=>{C(!1),O(null),T(e)}})]})]}),(0,U.jsx)(`div`,{className:`px-3 py-2`,children:(0,U.jsxs)(`div`,{className:`relative`,children:[(0,U.jsx)(p,{type:`text`,value:g,onChange:e=>_(e.target.value),placeholder:`Search files`,leftIcon:(0,U.jsx)(k,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,spellCheck:!1,autoComplete:`off`}),g&&(0,U.jsx)(l,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(v,{"aria-hidden":!0}),onClick:()=>_(``),"aria-label":`Clear search`,className:`absolute right-1.5 top-1/2 -translate-y-1/2`,tintColor:`var(--content-tertiary)`})]})}),(0,U.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-1`,children:M?(0,U.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,U.jsx)(`div`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`,style:{color:`var(--content-tertiary)`}})}):N.length?N.map(i=>(0,U.jsx)(Q,{entry:i,assistantId:e,expandedPaths:t,selectedPath:n,showHidden:r,sortMode:s,searchLower:y,onToggleExpand:c,onSelectPath:d,depth:0},i.path)):(0,U.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`No files found`})}),w!==null&&(0,U.jsx)(ve,{kind:w,onCancel:()=>{T(null),O(null)},onConfirm:I,pending:F.isPending,error:E},w)]})}function ye({open:e,onOpenChange:t,onSelectKind:n}){return w()?(0,U.jsxs)(u.Root,{open:e,onOpenChange:t,children:[(0,U.jsx)(u.Trigger,{asChild:!0,children:(0,U.jsx)(l,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(M,{"aria-hidden":!0}),"aria-label":`Create new file or folder`,title:`New file or folder`,tintColor:`var(--content-tertiary)`})}),(0,U.jsxs)(u.Content,{children:[(0,U.jsx)(u.Header,{className:`sr-only`,children:(0,U.jsx)(u.Title,{children:`Create new`})}),(0,U.jsxs)(u.Body,{className:`pt-0`,children:[(0,U.jsx)(f,{icon:j,label:`New File`,onSelect:()=>n(`file`)}),(0,U.jsx)(f,{icon:V,label:`New Folder`,onSelect:()=>n(`folder`)})]})]})]}):(0,U.jsxs)(d.Root,{open:e,onOpenChange:t,children:[(0,U.jsx)(d.Trigger,{asChild:!0,children:(0,U.jsx)(l,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(M,{"aria-hidden":!0}),"aria-label":`Create new file or folder`,title:`New file or folder`,tintColor:`var(--content-tertiary)`})}),(0,U.jsxs)(d.Content,{align:`end`,sideOffset:4,role:`menu`,className:`w-44 overflow-hidden p-0`,children:[(0,U.jsx)(l,{type:`button`,variant:`ghost`,onClick:()=>n(`file`),className:`w-full justify-start rounded-none`,leftIcon:(0,U.jsx)(j,{"aria-hidden":!0,style:{color:`var(--content-tertiary)`}}),role:`menuitem`,children:`New File`}),(0,U.jsx)(l,{type:`button`,variant:`ghost`,onClick:()=>n(`folder`),className:`w-full justify-start rounded-none`,leftIcon:(0,U.jsx)(V,{"aria-hidden":!0,style:{color:`var(--content-tertiary)`}}),role:`menuitem`,children:`New Folder`})]})]})}function be({assistantId:e}){let[t,n]=(0,H.useState)(new Set),[i,a]=(0,H.useState)(null),[o,s]=(0,H.useState)(!1),[c]=r(),[l,u]=(0,H.useState)(()=>c.get(`sort`)===`size`?`size`:`name`),[d,f]=(0,H.useState)(`preview`),p=(0,H.useCallback)(e=>{n(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),m=(0,H.useCallback)(e=>{n(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),[h,g]=(0,H.useState)(!1),_={assistantId:e,expandedPaths:t,selectedPath:i,showHidden:o,sortMode:l,onToggleExpand:p,onExpandPath:m,onSelectPath:(0,H.useCallback)(e=>{a(e),g(!1)},[]),onToggleShowHidden:()=>s(e=>!e),onChangeSortMode:u};return(0,U.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-4`,children:[(0,U.jsx)(`div`,{className:`flex items-center sm:hidden`,children:(0,U.jsx)(ne,{onClick:()=>g(!0)})}),(0,U.jsx)(re,{open:h,onClose:()=>g(!1),title:`Files`,children:(0,U.jsx)($,{..._})}),(0,U.jsxs)(`div`,{className:`grid min-h-0 flex-1 grid-cols-1 gap-4 sm:grid-cols-[320px_1fr]`,children:[(0,U.jsx)(`div`,{className:`hidden min-h-0 min-w-0 flex-col overflow-hidden rounded-xl border sm:flex`,style:{backgroundColor:`var(--surface-overlay)`,borderColor:`var(--border-base)`},children:(0,U.jsx)($,{..._})}),(0,U.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden rounded-xl border`,style:{backgroundColor:`var(--surface-overlay)`,borderColor:`var(--border-base)`},children:(0,U.jsx)(he,{assistantId:e,selectedPath:i,showHidden:o,viewMode:d,onChangeViewMode:f,onBrowse:()=>g(!0)})})]})]})}function xe(){return(0,U.jsx)(be,{assistantId:te()})}export{xe as WorkspacePage};