@vellumai/web 0.8.9 → 0.8.10

package/dist/assets/{select-assistant-screen-CYpMf074.js → select-assistant-screen-CNC2S4Bq.js}

@@ -1 +1 @@
-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"./jsx-runtime-CVSDxk6A.js";import{t as a}from"./button-DdEh-9f_.js";import{t as o}from"./resolved-assistants-store-ub66utfl.js";import{n as s,r as c}from"./auth-store-CiQCAKS1.js";import{i as l}from"./routes-Dk5Qeryt.js";import{Ea as u,Mn as d,Qa as f,mo as p}from"./index-BjEJFZTJ.js";import{r as m}from"./format-date-lYqfuFdi.js";import{t as h}from"./onboarding-layout-BIVa2BnX.js";import{t as g}from"./use-onboarding-login-Cd72-1Qe.js";var _=e(t(),1),v=i();function y(e){return e.name?e.name:e.isLocal?`Local Assistant`:`Cloud Assistant`}function b(e){if(e.hatchedAt)return`Created ${m(e.hatchedAt)}`}function x(){let e=n(),[t]=r(),i=t.get(`fromLogin`)===`1`,u=c(),f=o.use.assistants(),{loading:p,error:m,login:y,cancel:b}=g(),x=e=>e.isLocal||u,C=f.filter(x),w=f.some(e=>e.isPlatformHosted)&&!u,[T,E]=(0,_.useState)(null),[D,O]=(0,_.useState)(!1),[k,A]=(0,_.useState)(!1),[j,M]=(0,_.useState)(null);(0,_.useEffect)(()=>{T==null&&C.length>0&&E(C[0].id)},[T,C]);let N=async t=>{O(!0),M(null);try{t.isLocal?await s.getState().connectLocalAssistant(t.id):(await d(t.id),await s.getState().connectPlatformAssistant(t.id)),e(l.assistant,{replace:!0})}catch{M(`Failed to connect. Please try again.`),O(!1)}};(0,_.useEffect)(()=>{i||f.length!==0&&f.length===1&&C.length===1&&(A(!0),N(C[0]))},[]);let P=()=>{let e=f.find(e=>e.id===T);e&&N(e)},F=()=>{e(l.welcome)},I=m??j;return k&&!I?(0,v.jsx)(h,{children:(0,v.jsx)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center justify-center px-6 text-[var(--content-default)]`,children:(0,v.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Connecting to your assistant…`})})}):(0,v.jsx)(h,{children:(0,v.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center px-6 pb-40 pt-16 text-[var(--content-default)]`,children:[(0,v.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:`Choose an Assistant`}),(0,v.jsx)(`p`,{className:`mt-3 text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:`Select which assistant you’d like to use.`}),I&&(0,v.jsx)(`p`,{className:`mt-4 text-body-small-default text-[var(--system-negative-strong)]`,children:I}),(0,v.jsx)(`div`,{className:`mt-10 flex w-full flex-col gap-3`,style:{animation:`fadeInUp 0.5s ease-out 0.4s both`},children:f.map(e=>{let t=x(e);return(0,v.jsx)(S,{assistant:e,selected:T===e.id,disabled:!t,badge:!t&&e.isPlatformHosted?`Requires Account`:void 0,onSelect:()=>{t&&E(e.id)}},e.id)})}),(0,v.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[C.length>0&&(0,v.jsx)(a,{variant:`primary`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:P,disabled:!T||D,children:D?`Connecting…`:`Continue`}),(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:()=>void e(`${l.onboarding.hosting}?from=select-assistant`),disabled:D||p,children:`Create New Assistant`}),w&&(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:p?b:()=>void y(),disabled:D,children:p?`Cancel`:`Log In`}),(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:F,disabled:D||p,children:`Back`})]})]})})}function S({assistant:e,selected:t,disabled:n,badge:r,onSelect:i}){let a=b(e);return(0,v.jsxs)(`button`,{type:`button`,onClick:i,disabled:n,className:[`group flex w-full items-center gap-4 rounded-2xl border px-5 py-4 text-left`,`transition-all duration-200 ease-out`,n?`cursor-not-allowed opacity-50`:`cursor-pointer hover:bg-[var(--surface-secondary)]`,t&&!n?`border-[var(--primary-base)] bg-[var(--primary-base)]/[0.08] shadow-[inset_0_0_0_1px_var(--primary-base)]`:`border-[var(--border-element)] bg-transparent`].join(` `),children:[(0,v.jsx)(`div`,{className:[`flex h-10 w-10 shrink-0 items-center justify-center rounded-xl transition-colors duration-200`,t&&!n?`bg-[var(--primary-base)]/15 text-[var(--primary-base)]`:`bg-[var(--surface-tertiary)] text-[var(--content-secondary)]`].join(` `),children:e.isLocal?(0,v.jsx)(u,{className:`h-5 w-5`}):(0,v.jsx)(f,{className:`h-5 w-5`})}),(0,v.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:y(e)}),r&&(0,v.jsx)(`span`,{className:`rounded-full bg-[var(--surface-tertiary)] px-2 py-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:r})]}),a&&(0,v.jsx)(`span`,{className:`mt-0.5 block text-body-small-default text-[var(--content-tertiary)]`,children:a})]}),!n&&(0,v.jsx)(`div`,{className:[`flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200`,t?`border-[var(--primary-base)] bg-[var(--primary-base)]`:`border-[var(--border-element)] group-hover:border-[var(--content-tertiary)]`].join(` `),children:t&&(0,v.jsx)(p,{className:`h-3 w-3 text-white`,strokeWidth:3})})]})}export{x as SelectAssistantScreen};
+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"./jsx-runtime-CVSDxk6A.js";import{t as a}from"./button-DdEh-9f_.js";import{t as o}from"./resolved-assistants-store-ub66utfl.js";import{n as s,r as c}from"./auth-store-CiQCAKS1.js";import{i as l}from"./routes-Dk5Qeryt.js";import{Ea as u,Mn as d,Qa as f,mo as p}from"./index-DGojzQtP.js";import{r as m}from"./format-date-lYqfuFdi.js";import{t as h}from"./onboarding-layout-BIVa2BnX.js";import{t as g}from"./use-onboarding-login-CWKxGXhS.js";var _=e(t(),1),v=i();function y(e){return e.name?e.name:e.isLocal?`Local Assistant`:`Cloud Assistant`}function b(e){if(e.hatchedAt)return`Created ${m(e.hatchedAt)}`}function x(){let e=n(),[t]=r(),i=t.get(`fromLogin`)===`1`,u=c(),f=o.use.assistants(),{loading:p,error:m,login:y,cancel:b}=g(),x=e=>e.isLocal||u,C=f.filter(x),w=f.some(e=>e.isPlatformHosted)&&!u,[T,E]=(0,_.useState)(null),[D,O]=(0,_.useState)(!1),[k,A]=(0,_.useState)(!1),[j,M]=(0,_.useState)(null);(0,_.useEffect)(()=>{T==null&&C.length>0&&E(C[0].id)},[T,C]);let N=async t=>{O(!0),M(null);try{t.isLocal?await s.getState().connectLocalAssistant(t.id):(await d(t.id),await s.getState().connectPlatformAssistant(t.id)),e(l.assistant,{replace:!0})}catch{M(`Failed to connect. Please try again.`),O(!1)}};(0,_.useEffect)(()=>{i||f.length!==0&&f.length===1&&C.length===1&&(A(!0),N(C[0]))},[]);let P=()=>{let e=f.find(e=>e.id===T);e&&N(e)},F=()=>{e(l.welcome)},I=m??j;return k&&!I?(0,v.jsx)(h,{children:(0,v.jsx)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center justify-center px-6 text-[var(--content-default)]`,children:(0,v.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Connecting to your assistant…`})})}):(0,v.jsx)(h,{children:(0,v.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center px-6 pb-40 pt-16 text-[var(--content-default)]`,children:[(0,v.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:`Choose an Assistant`}),(0,v.jsx)(`p`,{className:`mt-3 text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:`Select which assistant you’d like to use.`}),I&&(0,v.jsx)(`p`,{className:`mt-4 text-body-small-default text-[var(--system-negative-strong)]`,children:I}),(0,v.jsx)(`div`,{className:`mt-10 flex w-full flex-col gap-3`,style:{animation:`fadeInUp 0.5s ease-out 0.4s both`},children:f.map(e=>{let t=x(e);return(0,v.jsx)(S,{assistant:e,selected:T===e.id,disabled:!t,badge:!t&&e.isPlatformHosted?`Requires Account`:void 0,onSelect:()=>{t&&E(e.id)}},e.id)})}),(0,v.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[C.length>0&&(0,v.jsx)(a,{variant:`primary`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:P,disabled:!T||D,children:D?`Connecting…`:`Continue`}),(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:()=>void e(`${l.onboarding.hosting}?from=select-assistant`),disabled:D||p,children:`Create New Assistant`}),w&&(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:p?b:()=>void y(),disabled:D,children:p?`Cancel`:`Log In`}),(0,v.jsx)(a,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:F,disabled:D||p,children:`Back`})]})]})})}function S({assistant:e,selected:t,disabled:n,badge:r,onSelect:i}){let a=b(e);return(0,v.jsxs)(`button`,{type:`button`,onClick:i,disabled:n,className:[`group flex w-full items-center gap-4 rounded-2xl border px-5 py-4 text-left`,`transition-all duration-200 ease-out`,n?`cursor-not-allowed opacity-50`:`cursor-pointer hover:bg-[var(--surface-secondary)]`,t&&!n?`border-[var(--primary-base)] bg-[var(--primary-base)]/[0.08] shadow-[inset_0_0_0_1px_var(--primary-base)]`:`border-[var(--border-element)] bg-transparent`].join(` `),children:[(0,v.jsx)(`div`,{className:[`flex h-10 w-10 shrink-0 items-center justify-center rounded-xl transition-colors duration-200`,t&&!n?`bg-[var(--primary-base)]/15 text-[var(--primary-base)]`:`bg-[var(--surface-tertiary)] text-[var(--content-secondary)]`].join(` `),children:e.isLocal?(0,v.jsx)(u,{className:`h-5 w-5`}):(0,v.jsx)(f,{className:`h-5 w-5`})}),(0,v.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:y(e)}),r&&(0,v.jsx)(`span`,{className:`rounded-full bg-[var(--surface-tertiary)] px-2 py-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:r})]}),a&&(0,v.jsx)(`span`,{className:`mt-0.5 block text-body-small-default text-[var(--content-tertiary)]`,children:a})]}),!n&&(0,v.jsx)(`div`,{className:[`flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200`,t?`border-[var(--primary-base)] bg-[var(--primary-base)]`:`border-[var(--border-element)] group-hover:border-[var(--content-tertiary)]`].join(` `),children:t&&(0,v.jsx)(p,{className:`h-3 w-3 text-white`,strokeWidth:3})})]})}export{x as SelectAssistantScreen};

package/dist/assets/{settings-layout-C_sqrv5S.js → settings-layout-BXQK9h6V.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{i as n,u as r}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as i}from"./QueryClientProvider-DNHWXaGq.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./typography-Czgs_2w_.js";import{t as s}from"./resolved-assistants-store-ub66utfl.js";import{t as c}from"./is-electron-CavSPgmY.js";import{t as l}from"./loader-circle-BSAFLoPH.js";import{Y as u}from"./auth-store-CiQCAKS1.js";import{i as d}from"./routes-Dk5Qeryt.js";import{_ as f,g as p,v as m}from"./query-tags-Cez88bzY.js";import{t as h}from"./assistant-feature-flag-store-0382ImYF.js";import{t as g}from"./use-bus-subscription-BuU6xaZz.js";import{K as _,U as v,et as y,ir as b,pr as x}from"./index-BjEJFZTJ.js";import{n as S,t as C}from"./sidebar-tree-Cme65q7r.js";var w=e(t(),1);function T(){let e=E(i(),s.use.activeAssistantId());g(`sse.event`,t=>{if(!e)return;let n=t.message;n.type===`sync_changed`&&e.dispatch(n)}),g(`sse.opened`,({cause:t})=>{e&&t!==`fresh`&&e.dispatchReconnect()}),g(`app.resume`,()=>{e&&e.dispatchReconnect()})}function E(e,t){let n=(0,w.useMemo)(()=>{if(!t)return null;let n=_();return n.register(b.assistantConfig,()=>{p(e,t)}),n.register(b.assistantSounds,()=>{m(e,t)}),n.register(b.assistantSchedules,()=>{f(e,t)}),n},[e,t]);return(0,w.useEffect)(()=>{if(n)return()=>n.clear()},[n]),n}var D=a();function O(){let e=s.use.activeAssistantId(),t=u(e=>e.assistantState.kind),i=h.use.settingsDeveloperNav(),a=x.use.platformNotifications(),f=h.use.sounds(),p=y({platformHostedOnly:!0}),m=y(),{pathname:g}=r(),_=(0,w.useMemo)(()=>v.filter(e=>!(e.id===`notifications`&&(!a||p===`gated`)||e.id===`billing`&&m!==`full`||e.id===`devices`&&p===`gated`||e.id===`sounds`&&!f||e.id===`keyboard-shortcuts`&&!c()||e.id===`developer`)),[a,f,p,m]),b=(0,w.useMemo)(()=>i?v.filter(e=>e.id===`developer`):[],[i]),E=(0,w.useMemo)(()=>{if(g===d.settings.root)return`Settings`;let e=v.find(e=>g===e.href||g.startsWith(e.href+`/`));return e?e.label:`Settings`},[g]);return T(),(0,D.jsx)(S,{backHref:d.assistant,sidebar:(0,D.jsx)(C,{items:_,bottomItems:b}),title:E,children:!e||t!==`active`&&t!==`self_hosted`?(0,D.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center gap-[var(--app-spacing-md)] text-[var(--content-tertiary)]`,role:`status`,"aria-live":`polite`,children:[(0,D.jsx)(l,{className:`size-6 animate-spin`,"aria-hidden":`true`}),(0,D.jsx)(o,{variant:`body-medium-default`,children:`Connecting to your assistant…`})]}):(0,D.jsx)(n,{})})}export{O as SettingsLayout};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{i as n,u as r}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as i}from"./QueryClientProvider-DNHWXaGq.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./typography-Czgs_2w_.js";import{t as s}from"./resolved-assistants-store-ub66utfl.js";import{t as c}from"./is-electron-CavSPgmY.js";import{t as l}from"./loader-circle-BSAFLoPH.js";import{Y as u}from"./auth-store-CiQCAKS1.js";import{i as d}from"./routes-Dk5Qeryt.js";import{_ as f,g as p,v as m}from"./query-tags-Cez88bzY.js";import{t as h}from"./assistant-feature-flag-store-0382ImYF.js";import{t as g}from"./use-bus-subscription-BuU6xaZz.js";import{K as _,U as v,et as y,ir as b,pr as x}from"./index-DGojzQtP.js";import{n as S,t as C}from"./sidebar-tree-CPFfB2hS.js";var w=e(t(),1);function T(){let e=E(i(),s.use.activeAssistantId());g(`sse.event`,t=>{if(!e)return;let n=t.message;n.type===`sync_changed`&&e.dispatch(n)}),g(`sse.opened`,({cause:t})=>{e&&t!==`fresh`&&e.dispatchReconnect()}),g(`app.resume`,()=>{e&&e.dispatchReconnect()})}function E(e,t){let n=(0,w.useMemo)(()=>{if(!t)return null;let n=_();return n.register(b.assistantConfig,()=>{p(e,t)}),n.register(b.assistantSounds,()=>{m(e,t)}),n.register(b.assistantSchedules,()=>{f(e,t)}),n},[e,t]);return(0,w.useEffect)(()=>{if(n)return()=>n.clear()},[n]),n}var D=a();function O(){let e=s.use.activeAssistantId(),t=u(e=>e.assistantState.kind),i=h.use.settingsDeveloperNav(),a=x.use.platformNotifications(),f=h.use.sounds(),p=y({platformHostedOnly:!0}),m=y(),{pathname:g}=r(),_=(0,w.useMemo)(()=>v.filter(e=>!(e.id===`notifications`&&(!a||p===`gated`)||e.id===`billing`&&m!==`full`||e.id===`devices`&&p===`gated`||e.id===`sounds`&&!f||e.id===`keyboard-shortcuts`&&!c()||e.id===`developer`)),[a,f,p,m]),b=(0,w.useMemo)(()=>i?v.filter(e=>e.id===`developer`):[],[i]),E=(0,w.useMemo)(()=>{if(g===d.settings.root)return`Settings`;let e=v.find(e=>g===e.href||g.startsWith(e.href+`/`));return e?e.label:`Settings`},[g]);return T(),(0,D.jsx)(S,{backHref:d.assistant,sidebar:(0,D.jsx)(C,{items:_,bottomItems:b}),title:E,children:!e||t!==`active`&&t!==`self_hosted`?(0,D.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center gap-[var(--app-spacing-md)] text-[var(--content-tertiary)]`,role:`status`,"aria-live":`polite`,children:[(0,D.jsx)(l,{className:`size-6 animate-spin`,"aria-hidden":`true`}),(0,D.jsx)(o,{variant:`body-medium-default`,children:`Connecting to your assistant…`})]}):(0,D.jsx)(n,{})})}export{O as SettingsLayout};

package/dist/assets/{share-feedback-modal-Cg8gci5A.js → share-feedback-modal-Cd3EJn8y.js}

@@ -1 +1 @@
-import{o as e,r as t}from"./chunk-jRWAZmH_.js";import{t as n}from"./react-DJZBPgpf.js";import{T as r}from"./portal-container-DIXEBWUe.js";import{t as i}from"./useMutation-BuofVRHk.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{n as o,t as s}from"./button-DdEh-9f_.js";import{t as c}from"./dropdown-CocFV5yi.js";import{t as l}from"./notice-CF2pptne.js";import{n as u,t as d}from"./input-Cu3PPVCq.js";import{t as f}from"./toggle-CEm3M86o.js";import{t as p}from"./is-electron-CavSPgmY.js";import{t as m}from"./bug-DDEBp29t.js";import{t as h}from"./loader-circle-BSAFLoPH.js";import{t as g}from"./x-BDqbYVtS.js";import{zt as _}from"./sdk.gen-AJllUeDf.js";import{n as v}from"./auth-store-CiQCAKS1.js";import{t as y}from"./dist-B4KYfSON.js";import{t as b}from"./impersonate-version-flag-DXEwev6c.js";import{Da as ee,Ji as te,Lt as ne,_a as x,ba as re,la as S,sr as C,wa as w}from"./index-BjEJFZTJ.js";var T=e(n(),1),ie=e(r(),1),E=`vellum:debug:`;function D(){let e={};if(typeof window>`u`)return e;try{for(let t=0;t<window.localStorage.length;t++){let n=window.localStorage.key(t);if(n===null||!n.startsWith(E))continue;let r=window.localStorage.getItem(n);r!==null&&(e[n]=r)}}catch{}return e}function O(){return{collectedAt:new Date().toISOString(),resolved:{impersonateAssistantVersion:b()},overrides:D()}}var k=t({ShareFeedbackModal:()=>z}),A=a(),j=[{value:`bug_report`,label:`Bug Report`,icon:m,includesLogsByDefault:!0},{value:`feature_request`,label:`Feature Request`,icon:w,includesLogsByDefault:!1},{value:`other`,label:`Other`,icon:x,includesLogsByDefault:!1}],M=[{value:`past_hour`,label:`Past hour`,cutoffMs:3600*1e3},{value:`past_24_hours`,label:`Past 24 hours`,cutoffMs:1440*60*1e3},{value:`all_time`,label:`All time`,cutoffMs:null}],ae=M.map(e=>({value:e.value,label:e.label})),N=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`,`video/mp4`,`video/quicktime`,`video/webm`]),P=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`mp4`,`mov`,`webm`]),F=10,I=50*1024*1024,oe={bug_report:`bug_report`,feature_request:`feature_request`,other:`other`};function se(){return p()?`macos`:y.getPlatform()===`ios`?`ios`:`web`}function ce(e){if(e.size>I)return!1;if(e.type&&N.has(e.type))return!0;if(!e.type){let t=e.name.split(`.`).pop()?.toLowerCase();return t?P.has(t):!1}return!1}function L(e,t){let n=Math.ceil(t.length/512),r=new Uint8Array(512+n*512),i=new TextEncoder,a=(e,t,n)=>{let a=i.encode(e);r.set(a.slice(0,n),t)},o=(e,t,n)=>{a(e.toString(8).padStart(n-1,`0`)+`\0`,t,n)};a(e,0,100),o(420,100,8),o(0,108,8),o(0,116,8),o(t.length,124,12),o(Math.floor(Date.now()/1e3),136,12);for(let e=148;e<156;e++)r[e]=32;r[156]=48,a(`ustar\0`,257,6),a(`00`,263,2);let s=0;for(let e=0;e<512;e++)s+=r[e];return o(s,148,7),r[155]=32,r.set(t,512),r}async function R(e,t){try{let n={};t.window.startTime!=null&&(n.startTime=t.window.startTime,n.endTime=t.window.endTime),t.activeConversationId&&(n.conversationId=t.activeConversationId);let{data:r,error:i}=await _({path:{assistant_id:e},body:n,parseAs:`blob`,throwOnError:!1});if(i||!(r instanceof Blob))return null;let a=await r.arrayBuffer();return new Uint8Array(a)}catch{return null}}async function le(e,t,n,r){if(typeof CompressionStream>`u`)return null;let i=new Date,a=M.find(t=>t.value===e),o=i.getTime(),s=a?.cutoffMs==null?null:o-a.cutoffMs,c=s==null?null:new Date(s).toISOString(),l=null;try{l=r?.()??null}catch{l=null}let u=C(l),d={collected_at:i.toISOString(),time_range:e,cutoff:c,log_window:{start_time_ms:s,end_time_ms:o},assistant_id:t,active_conversation_id:n,user_agent:typeof navigator<`u`?navigator.userAgent:``,language:typeof navigator<`u`?navigator.language:``,platform:typeof navigator<`u`?navigator.platform:``,url:typeof window<`u`?window.location.href:``,viewport:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:null,screen:typeof screen<`u`?{width:screen.width,height:screen.height}:null,connection:typeof navigator<`u`&&`connection`in navigator?{effectiveType:navigator.connection.effectiveType,downlink:navigator.connection.downlink,rtt:navigator.connection.rtt}:null,deviceMemory:typeof navigator<`u`&&`deviceMemory`in navigator?navigator.deviceMemory:null,hardwareConcurrency:typeof navigator<`u`?navigator.hardwareConcurrency:null},f=new TextEncoder().encode(JSON.stringify(d,null,2)),m=new TextEncoder().encode(JSON.stringify(u,null,2)),h=[L(`web-client-context.json`,f),L(`web-chat-diagnostics.json`,m)],g=new TextEncoder().encode(JSON.stringify(O(),null,2));h.push(L(`web-debug-flags.json`,g));try{let e=typeof window<`u`?window._vellumDebug?.chat:null;if(e){let t={clientMessages:e.getClientMessages?.()??null,transcriptItems:e.getTranscriptItems?.()??null,thinkingIndicator:e.thinkingIndicator?.()??null,streamingRing:e.streamingRing?.()??null},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(L(`web-chat-debug-api-triage.json`,n))}}catch{}try{let e=typeof window<`u`?window._vellumDebug?.events:null;if(e){let t={focus:typeof document<`u`?{hasFocus:typeof document.hasFocus==`function`?document.hasFocus():null,visibilityState:document.visibilityState}:null,clients:e.getClients().map(({abortSignal:e,...t})=>({...t,aborted:e.aborted})),events:e.getEvents()},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(L(`web-sse-liveness-triage.json`,n))}}catch{}if(p()&&window.vellum?.feedback){try{let e=await window.vellum.feedback.diagnostics(),t=new TextEncoder().encode(JSON.stringify(e,null,2));h.push(L(`electron-diagnostics.json`,t))}catch{}try{let e=await window.vellum.feedback.logs();if(e){let t=new TextEncoder().encode(e);h.push(L(`electron-main-logs.txt`,t))}}catch{}}if(t){let e=await R(t,{window:{startTime:s,endTime:o},activeConversationId:n});e&&h.push(L(`platform-logs.tar.gz`,e))}h.push(new Uint8Array(1024));let _=h.reduce((e,t)=>e+t.length,0),v=new Uint8Array(_),y=0;for(let e of h)v.set(e,y),y+=e.length;let b=new Blob([v.buffer]),ee=await new Response(b.stream().pipeThrough(new CompressionStream(`gzip`))).blob();return new File([ee],`web-client-logs-${i.getTime()}.tar.gz`,{type:`application/gzip`})}function z({open:e,onClose:t,initialReason:n,onSubmitted:r,assistantId:a,assistantVersion:m,activeConversationId:_,getDiagnosticsSnapshot:y}){let b=v.use.user()?.email,x=(0,T.useId)(),C=(0,T.useRef)(null),w=(0,T.useRef)(null),E=(0,T.useRef)(null),D=(0,T.useRef)(null),[O,k]=(0,T.useState)(n??`bug_report`),[M,N]=(0,T.useState)(``),[P,I]=(0,T.useState)(``),[L,R]=(0,T.useState)(j.find(e=>e.value===(n??`bug_report`))?.includesLogsByDefault??!0),[z,B]=(0,T.useState)(!1),[V,H]=(0,T.useState)(`past_hour`),[U,W]=(0,T.useState)([]),[G,K]=(0,T.useState)(null),[fe,q]=(0,T.useState)(!1),[J,Y]=(0,T.useState)(!1),X=i(ne()),[pe,Z]=(0,T.useState)(!1),Q=X.isPending||pe,me=!b,he=(0,T.useMemo)(()=>M.trim().length>0&&P.trim().length>0,[M,P]);(0,T.useEffect)(()=>{if(!e)return;let t=n??`bug_report`;k(t),N(``),I(b??``),R(j.find(e=>e.value===t)?.includesLogsByDefault??!0),B(!1),H(`past_hour`),W([]),Y(!1),K(null),Z(!1),X.reset();let r=setTimeout(()=>{b?E.current?.focus():D.current?.focus()},50);return()=>clearTimeout(r)},[e]),(0,T.useEffect)(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e]);let ge=e=>{k(e),z||R(j.find(t=>t.value===e)?.includesLogsByDefault??!1)},_e=()=>{R(e=>!e),B(!0)},ve=(0,T.useCallback)(e=>{e.key===`Escape`&&!Q&&t()},[t,Q]),ye=(0,T.useCallback)(e=>{e.target===C.current&&!Q&&t()},[t,Q]),$=(0,T.useCallback)(e=>{W(t=>{let n=F-t.length;if(n<=0)return t;let r=new Set(t.map(e=>`${e.name}:${e.size}`)),i=[];for(let t of e){if(i.length>=n)break;if(!ce(t))continue;let e=`${t.name}:${t.size}`;r.has(e)||(r.add(e),i.push(t))}return i.length>0?[...t,...i]:t})},[]),be=e=>{e.target.files&&$(Array.from(e.target.files)),e.target.value=``},xe=e=>{e.preventDefault(),q(!1),e.dataTransfer.files?.length&&$(Array.from(e.dataTransfer.files))},Se=e=>{e.preventDefault(),q(!0)},Ce=e=>{e.preventDefault(),e.currentTarget===e.target&&q(!1)},we=e=>{W(t=>t.filter((t,n)=>n!==e))};return e?(0,ie.createPortal)((0,A.jsx)(`div`,{ref:C,role:`dialog`,"aria-modal":`true`,"aria-labelledby":x,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:ve,onClick:ye,onDrop:xe,onDragOver:Se,onDragLeave:Ce,children:(0,A.jsxs)(`div`,{className:`mx-4 flex w-full max-w-lg flex-col rounded-xl border p-6 shadow-xl`,style:{backgroundColor:`var(--surface-lift)`,borderColor:`var(--border-base)`,maxHeight:`calc(100vh - 2rem)`},children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between border-b pb-4`,style:{borderColor:`var(--border-subtle)`},children:[(0,A.jsx)(`h2`,{id:x,className:`!m-0 text-title-small text-[var(--content-default)]`,children:`Share Feedback`}),(0,A.jsx)(s,{variant:`ghost`,iconOnly:(0,A.jsx)(g,{}),onClick:t,disabled:Q,"aria-label":`Close`,tintColor:`var(--content-secondary)`})]}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-3.5 overflow-y-auto pt-4 ${Q?`pointer-events-none opacity-60`:``}`,children:[me&&(0,A.jsx)(d,{id:`${x}-email`,ref:D,label:`Email`,type:`email`,placeholder:`you@example.com`,value:P,onChange:e=>I(e.target.value),leftIcon:(0,A.jsx)(re,{className:`h-4 w-4`,"aria-hidden":!0}),fullWidth:!0}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,A.jsx)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:`Category`}),(0,A.jsx)(`div`,{className:`flex gap-2`,children:j.map(e=>(0,A.jsx)(ue,{option:e,isSelected:O===e.value,onSelect:()=>ge(e.value)},e.value))})]}),(0,A.jsx)(`hr`,{className:`border-[var(--border-subtle)]`}),O===`bug_report`&&(0,A.jsxs)(l,{tone:`info`,children:[`Tip: Get faster support by posting in our`,` `,(0,A.jsx)(`a`,{href:`https://vellum.ai/community`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`Discord community`})]}),O===`feature_request`&&(0,A.jsxs)(l,{tone:`info`,children:[`Tip: Vote on features on our`,` `,(0,A.jsx)(`a`,{href:`https://vellum.ai/roadmap`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`public roadmap`})]}),(0,A.jsx)(u,{id:`${x}-message`,ref:E,label:O===`bug_report`?`What went wrong?`:O===`feature_request`?`Describe your idea`:`What's on your mind?`,rows:3,placeholder:O===`bug_report`?`What did you expect to happen, and what happened instead?`:O===`feature_request`?`What problem would this solve for you?`:`Share your thoughts...`,value:M,onChange:e=>N(e.target.value),fullWidth:!0}),O!==`feature_request`&&(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,A.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,A.jsx)(f,{checked:L,onChange:_e,"aria-label":`Include browser diagnostics`}),(0,A.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include diagnostics`})]}),(0,A.jsx)(o,{content:`Diagnostics include browser context, assistant logs, and timestamps — never passwords or credentials.`,children:(0,A.jsx)(`button`,{type:`button`,"aria-label":`About diagnostics`,className:`inline-flex items-center justify-center text-[var(--content-tertiary)]`,children:(0,A.jsx)(ee,{className:`h-3.5 w-3.5`})})})]}),L&&(0,A.jsx)(c,{options:ae,value:V,onChange:H,"aria-label":`Diagnostics time range`})]}),p()&&_&&O!==`feature_request`&&(0,A.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,A.jsx)(f,{checked:J,onChange:()=>Y(e=>!e),"aria-label":`Include the most recent conversation`}),(0,A.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include the most recent conversation`})]}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsxs)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:[`Attachments`,U.length>0&&(0,A.jsxs)(`span`,{className:`text-[var(--content-tertiary)]`,children:[` · `,U.length,`/`,F]})]}),(0,A.jsx)(s,{variant:`outlined`,size:`compact`,leftIcon:(0,A.jsx)(S,{}),onClick:()=>w.current?.click(),disabled:U.length>=F,children:`Add files`}),(0,A.jsx)(`input`,{ref:w,type:`file`,multiple:!0,accept:`image/png,image/jpeg,image/gif,image/webp,video/mp4,video/quicktime,video/webm`,onChange:be,className:`hidden`})]}),U.length>0&&(0,A.jsx)(`div`,{className:`flex gap-2 overflow-x-auto`,children:U.map((e,t)=>(0,A.jsx)(de,{file:e,onRemove:()=>we(t)},`${e.name}-${t}`))}),fe&&(0,A.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Drop files to attach…`})]}),G&&(0,A.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--system-negative-strong)]`,children:G})]}),(0,A.jsx)(`div`,{className:`mt-4 flex items-center justify-end gap-2 border-t pt-4`,style:{borderColor:`var(--border-subtle)`},children:Q?(0,A.jsxs)(`span`,{className:`inline-flex items-center gap-2 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,A.jsx)(h,{className:`h-4 w-4 animate-spin`}),`Sending feedback…`]}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(s,{variant:`ghost`,onClick:t,children:`Cancel`}),(0,A.jsx)(s,{variant:`primary`,leftIcon:(0,A.jsx)(te,{}),onClick:async()=>{if(!(!he||Q)){K(null),Z(!0);try{let e=L&&O!==`feature_request`?await le(V,a??null,p()?J?_??null:null:_??null,y):null;await X.mutateAsync({headers:{"Content-Type":null},body:{message:M.trim(),classification:oe[O],email:P.trim(),client:se(),client_version:void 0,...a?{assistant_id:a}:{},...m?{assistant_version:m}:{},...e?{logs_file:e}:{},...U.length?{attachments:U}:{}},bodySerializer:e=>{let t=new FormData;for(let[n,r]of Object.entries(e))if(r!=null){if(n===`attachments`&&Array.isArray(r)){for(let e of r)t.append(`attachments`,e);continue}r instanceof Blob?t.append(n,r):t.append(n,String(r))}return t}}),r?.(),t()}catch(e){K(e instanceof Error?e.message:`Failed to submit feedback. Please try again.`)}finally{Z(!1)}}},disabled:!he,children:`Submit`})]})})]})}),document.body):null}function ue({option:e,isSelected:t,onSelect:n}){let r=e.icon;return(0,A.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-left transition-colors`,style:{borderColor:t?`var(--primary-base)`:`var(--border-base)`,backgroundColor:t?`color-mix(in oklab, var(--primary-base) 10%, transparent)`:`transparent`},children:[(0,A.jsx)(r,{className:`h-3.5 w-3.5 shrink-0`,style:{color:t?`var(--primary-base)`:`var(--content-secondary)`}}),(0,A.jsx)(`span`,{className:`text-body-small-default`,style:{color:t?`var(--primary-base)`:`var(--content-default)`},children:e.label})]})}function de({file:e,onRemove:t}){let n=e.type.startsWith(`image/`),r=(0,T.useMemo)(()=>n?URL.createObjectURL(e):null,[e,n]);return(0,T.useEffect)(()=>{if(r)return()=>URL.revokeObjectURL(r)},[r]),(0,A.jsxs)(`div`,{className:`relative flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-[var(--border-base)] bg-[var(--surface-base)]`,title:e.name,children:[n&&r?(0,A.jsx)(`img`,{src:r,alt:e.name,className:`h-full w-full object-cover`}):(0,A.jsx)(S,{className:`h-5 w-5 text-[var(--content-secondary)]`}),(0,A.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,A.jsx)(g,{}),onClick:t,"aria-label":`Remove ${e.name}`,className:`absolute top-0.5 right-0.5 h-4 w-4 rounded-full bg-black/60 text-white hover:bg-black/70`,tintColor:`#fff`})]})}export{k as n,z as t};
+import{o as e,r as t}from"./chunk-jRWAZmH_.js";import{t as n}from"./react-DJZBPgpf.js";import{T as r}from"./portal-container-DIXEBWUe.js";import{t as i}from"./useMutation-BuofVRHk.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{n as o,t as s}from"./button-DdEh-9f_.js";import{t as c}from"./dropdown-CocFV5yi.js";import{t as l}from"./notice-CF2pptne.js";import{n as u,t as d}from"./input-Cu3PPVCq.js";import{t as f}from"./toggle-CEm3M86o.js";import{t as p}from"./is-electron-CavSPgmY.js";import{t as m}from"./bug-DDEBp29t.js";import{t as h}from"./loader-circle-BSAFLoPH.js";import{t as g}from"./x-BDqbYVtS.js";import{zt as _}from"./sdk.gen-AJllUeDf.js";import{n as v}from"./auth-store-CiQCAKS1.js";import{t as y}from"./dist-B4KYfSON.js";import{t as b}from"./impersonate-version-flag-DXEwev6c.js";import{Da as ee,Ji as te,Lt as ne,_a as x,ba as re,la as S,sr as C,wa as w}from"./index-DGojzQtP.js";var T=e(n(),1),ie=e(r(),1),E=`vellum:debug:`;function D(){let e={};if(typeof window>`u`)return e;try{for(let t=0;t<window.localStorage.length;t++){let n=window.localStorage.key(t);if(n===null||!n.startsWith(E))continue;let r=window.localStorage.getItem(n);r!==null&&(e[n]=r)}}catch{}return e}function O(){return{collectedAt:new Date().toISOString(),resolved:{impersonateAssistantVersion:b()},overrides:D()}}var k=t({ShareFeedbackModal:()=>z}),A=a(),j=[{value:`bug_report`,label:`Bug Report`,icon:m,includesLogsByDefault:!0},{value:`feature_request`,label:`Feature Request`,icon:w,includesLogsByDefault:!1},{value:`other`,label:`Other`,icon:x,includesLogsByDefault:!1}],M=[{value:`past_hour`,label:`Past hour`,cutoffMs:3600*1e3},{value:`past_24_hours`,label:`Past 24 hours`,cutoffMs:1440*60*1e3},{value:`all_time`,label:`All time`,cutoffMs:null}],ae=M.map(e=>({value:e.value,label:e.label})),N=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`,`video/mp4`,`video/quicktime`,`video/webm`]),P=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`mp4`,`mov`,`webm`]),F=10,I=50*1024*1024,oe={bug_report:`bug_report`,feature_request:`feature_request`,other:`other`};function se(){return p()?`macos`:y.getPlatform()===`ios`?`ios`:`web`}function ce(e){if(e.size>I)return!1;if(e.type&&N.has(e.type))return!0;if(!e.type){let t=e.name.split(`.`).pop()?.toLowerCase();return t?P.has(t):!1}return!1}function L(e,t){let n=Math.ceil(t.length/512),r=new Uint8Array(512+n*512),i=new TextEncoder,a=(e,t,n)=>{let a=i.encode(e);r.set(a.slice(0,n),t)},o=(e,t,n)=>{a(e.toString(8).padStart(n-1,`0`)+`\0`,t,n)};a(e,0,100),o(420,100,8),o(0,108,8),o(0,116,8),o(t.length,124,12),o(Math.floor(Date.now()/1e3),136,12);for(let e=148;e<156;e++)r[e]=32;r[156]=48,a(`ustar\0`,257,6),a(`00`,263,2);let s=0;for(let e=0;e<512;e++)s+=r[e];return o(s,148,7),r[155]=32,r.set(t,512),r}async function R(e,t){try{let n={};t.window.startTime!=null&&(n.startTime=t.window.startTime,n.endTime=t.window.endTime),t.activeConversationId&&(n.conversationId=t.activeConversationId);let{data:r,error:i}=await _({path:{assistant_id:e},body:n,parseAs:`blob`,throwOnError:!1});if(i||!(r instanceof Blob))return null;let a=await r.arrayBuffer();return new Uint8Array(a)}catch{return null}}async function le(e,t,n,r){if(typeof CompressionStream>`u`)return null;let i=new Date,a=M.find(t=>t.value===e),o=i.getTime(),s=a?.cutoffMs==null?null:o-a.cutoffMs,c=s==null?null:new Date(s).toISOString(),l=null;try{l=r?.()??null}catch{l=null}let u=C(l),d={collected_at:i.toISOString(),time_range:e,cutoff:c,log_window:{start_time_ms:s,end_time_ms:o},assistant_id:t,active_conversation_id:n,user_agent:typeof navigator<`u`?navigator.userAgent:``,language:typeof navigator<`u`?navigator.language:``,platform:typeof navigator<`u`?navigator.platform:``,url:typeof window<`u`?window.location.href:``,viewport:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:null,screen:typeof screen<`u`?{width:screen.width,height:screen.height}:null,connection:typeof navigator<`u`&&`connection`in navigator?{effectiveType:navigator.connection.effectiveType,downlink:navigator.connection.downlink,rtt:navigator.connection.rtt}:null,deviceMemory:typeof navigator<`u`&&`deviceMemory`in navigator?navigator.deviceMemory:null,hardwareConcurrency:typeof navigator<`u`?navigator.hardwareConcurrency:null},f=new TextEncoder().encode(JSON.stringify(d,null,2)),m=new TextEncoder().encode(JSON.stringify(u,null,2)),h=[L(`web-client-context.json`,f),L(`web-chat-diagnostics.json`,m)],g=new TextEncoder().encode(JSON.stringify(O(),null,2));h.push(L(`web-debug-flags.json`,g));try{let e=typeof window<`u`?window._vellumDebug?.chat:null;if(e){let t={clientMessages:e.getClientMessages?.()??null,transcriptItems:e.getTranscriptItems?.()??null,thinkingIndicator:e.thinkingIndicator?.()??null,streamingRing:e.streamingRing?.()??null},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(L(`web-chat-debug-api-triage.json`,n))}}catch{}try{let e=typeof window<`u`?window._vellumDebug?.events:null;if(e){let t={focus:typeof document<`u`?{hasFocus:typeof document.hasFocus==`function`?document.hasFocus():null,visibilityState:document.visibilityState}:null,clients:e.getClients().map(({abortSignal:e,...t})=>({...t,aborted:e.aborted})),events:e.getEvents()},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(L(`web-sse-liveness-triage.json`,n))}}catch{}if(p()&&window.vellum?.feedback){try{let e=await window.vellum.feedback.diagnostics(),t=new TextEncoder().encode(JSON.stringify(e,null,2));h.push(L(`electron-diagnostics.json`,t))}catch{}try{let e=await window.vellum.feedback.logs();if(e){let t=new TextEncoder().encode(e);h.push(L(`electron-main-logs.txt`,t))}}catch{}}if(t){let e=await R(t,{window:{startTime:s,endTime:o},activeConversationId:n});e&&h.push(L(`platform-logs.tar.gz`,e))}h.push(new Uint8Array(1024));let _=h.reduce((e,t)=>e+t.length,0),v=new Uint8Array(_),y=0;for(let e of h)v.set(e,y),y+=e.length;let b=new Blob([v.buffer]),ee=await new Response(b.stream().pipeThrough(new CompressionStream(`gzip`))).blob();return new File([ee],`web-client-logs-${i.getTime()}.tar.gz`,{type:`application/gzip`})}function z({open:e,onClose:t,initialReason:n,onSubmitted:r,assistantId:a,assistantVersion:m,activeConversationId:_,getDiagnosticsSnapshot:y}){let b=v.use.user()?.email,x=(0,T.useId)(),C=(0,T.useRef)(null),w=(0,T.useRef)(null),E=(0,T.useRef)(null),D=(0,T.useRef)(null),[O,k]=(0,T.useState)(n??`bug_report`),[M,N]=(0,T.useState)(``),[P,I]=(0,T.useState)(``),[L,R]=(0,T.useState)(j.find(e=>e.value===(n??`bug_report`))?.includesLogsByDefault??!0),[z,B]=(0,T.useState)(!1),[V,H]=(0,T.useState)(`past_hour`),[U,W]=(0,T.useState)([]),[G,K]=(0,T.useState)(null),[fe,q]=(0,T.useState)(!1),[J,Y]=(0,T.useState)(!1),X=i(ne()),[pe,Z]=(0,T.useState)(!1),Q=X.isPending||pe,me=!b,he=(0,T.useMemo)(()=>M.trim().length>0&&P.trim().length>0,[M,P]);(0,T.useEffect)(()=>{if(!e)return;let t=n??`bug_report`;k(t),N(``),I(b??``),R(j.find(e=>e.value===t)?.includesLogsByDefault??!0),B(!1),H(`past_hour`),W([]),Y(!1),K(null),Z(!1),X.reset();let r=setTimeout(()=>{b?E.current?.focus():D.current?.focus()},50);return()=>clearTimeout(r)},[e]),(0,T.useEffect)(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e]);let ge=e=>{k(e),z||R(j.find(t=>t.value===e)?.includesLogsByDefault??!1)},_e=()=>{R(e=>!e),B(!0)},ve=(0,T.useCallback)(e=>{e.key===`Escape`&&!Q&&t()},[t,Q]),ye=(0,T.useCallback)(e=>{e.target===C.current&&!Q&&t()},[t,Q]),$=(0,T.useCallback)(e=>{W(t=>{let n=F-t.length;if(n<=0)return t;let r=new Set(t.map(e=>`${e.name}:${e.size}`)),i=[];for(let t of e){if(i.length>=n)break;if(!ce(t))continue;let e=`${t.name}:${t.size}`;r.has(e)||(r.add(e),i.push(t))}return i.length>0?[...t,...i]:t})},[]),be=e=>{e.target.files&&$(Array.from(e.target.files)),e.target.value=``},xe=e=>{e.preventDefault(),q(!1),e.dataTransfer.files?.length&&$(Array.from(e.dataTransfer.files))},Se=e=>{e.preventDefault(),q(!0)},Ce=e=>{e.preventDefault(),e.currentTarget===e.target&&q(!1)},we=e=>{W(t=>t.filter((t,n)=>n!==e))};return e?(0,ie.createPortal)((0,A.jsx)(`div`,{ref:C,role:`dialog`,"aria-modal":`true`,"aria-labelledby":x,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:ve,onClick:ye,onDrop:xe,onDragOver:Se,onDragLeave:Ce,children:(0,A.jsxs)(`div`,{className:`mx-4 flex w-full max-w-lg flex-col rounded-xl border p-6 shadow-xl`,style:{backgroundColor:`var(--surface-lift)`,borderColor:`var(--border-base)`,maxHeight:`calc(100vh - 2rem)`},children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between border-b pb-4`,style:{borderColor:`var(--border-subtle)`},children:[(0,A.jsx)(`h2`,{id:x,className:`!m-0 text-title-small text-[var(--content-default)]`,children:`Share Feedback`}),(0,A.jsx)(s,{variant:`ghost`,iconOnly:(0,A.jsx)(g,{}),onClick:t,disabled:Q,"aria-label":`Close`,tintColor:`var(--content-secondary)`})]}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-3.5 overflow-y-auto pt-4 ${Q?`pointer-events-none opacity-60`:``}`,children:[me&&(0,A.jsx)(d,{id:`${x}-email`,ref:D,label:`Email`,type:`email`,placeholder:`you@example.com`,value:P,onChange:e=>I(e.target.value),leftIcon:(0,A.jsx)(re,{className:`h-4 w-4`,"aria-hidden":!0}),fullWidth:!0}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,A.jsx)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:`Category`}),(0,A.jsx)(`div`,{className:`flex gap-2`,children:j.map(e=>(0,A.jsx)(ue,{option:e,isSelected:O===e.value,onSelect:()=>ge(e.value)},e.value))})]}),(0,A.jsx)(`hr`,{className:`border-[var(--border-subtle)]`}),O===`bug_report`&&(0,A.jsxs)(l,{tone:`info`,children:[`Tip: Get faster support by posting in our`,` `,(0,A.jsx)(`a`,{href:`https://vellum.ai/community`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`Discord community`})]}),O===`feature_request`&&(0,A.jsxs)(l,{tone:`info`,children:[`Tip: Vote on features on our`,` `,(0,A.jsx)(`a`,{href:`https://vellum.ai/roadmap`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`public roadmap`})]}),(0,A.jsx)(u,{id:`${x}-message`,ref:E,label:O===`bug_report`?`What went wrong?`:O===`feature_request`?`Describe your idea`:`What's on your mind?`,rows:3,placeholder:O===`bug_report`?`What did you expect to happen, and what happened instead?`:O===`feature_request`?`What problem would this solve for you?`:`Share your thoughts...`,value:M,onChange:e=>N(e.target.value),fullWidth:!0}),O!==`feature_request`&&(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,A.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,A.jsx)(f,{checked:L,onChange:_e,"aria-label":`Include browser diagnostics`}),(0,A.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include diagnostics`})]}),(0,A.jsx)(o,{content:`Diagnostics include browser context, assistant logs, and timestamps — never passwords or credentials.`,children:(0,A.jsx)(`button`,{type:`button`,"aria-label":`About diagnostics`,className:`inline-flex items-center justify-center text-[var(--content-tertiary)]`,children:(0,A.jsx)(ee,{className:`h-3.5 w-3.5`})})})]}),L&&(0,A.jsx)(c,{options:ae,value:V,onChange:H,"aria-label":`Diagnostics time range`})]}),p()&&_&&O!==`feature_request`&&(0,A.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,A.jsx)(f,{checked:J,onChange:()=>Y(e=>!e),"aria-label":`Include the most recent conversation`}),(0,A.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include the most recent conversation`})]}),(0,A.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsxs)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:[`Attachments`,U.length>0&&(0,A.jsxs)(`span`,{className:`text-[var(--content-tertiary)]`,children:[` · `,U.length,`/`,F]})]}),(0,A.jsx)(s,{variant:`outlined`,size:`compact`,leftIcon:(0,A.jsx)(S,{}),onClick:()=>w.current?.click(),disabled:U.length>=F,children:`Add files`}),(0,A.jsx)(`input`,{ref:w,type:`file`,multiple:!0,accept:`image/png,image/jpeg,image/gif,image/webp,video/mp4,video/quicktime,video/webm`,onChange:be,className:`hidden`})]}),U.length>0&&(0,A.jsx)(`div`,{className:`flex gap-2 overflow-x-auto`,children:U.map((e,t)=>(0,A.jsx)(de,{file:e,onRemove:()=>we(t)},`${e.name}-${t}`))}),fe&&(0,A.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Drop files to attach…`})]}),G&&(0,A.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--system-negative-strong)]`,children:G})]}),(0,A.jsx)(`div`,{className:`mt-4 flex items-center justify-end gap-2 border-t pt-4`,style:{borderColor:`var(--border-subtle)`},children:Q?(0,A.jsxs)(`span`,{className:`inline-flex items-center gap-2 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,A.jsx)(h,{className:`h-4 w-4 animate-spin`}),`Sending feedback…`]}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(s,{variant:`ghost`,onClick:t,children:`Cancel`}),(0,A.jsx)(s,{variant:`primary`,leftIcon:(0,A.jsx)(te,{}),onClick:async()=>{if(!(!he||Q)){K(null),Z(!0);try{let e=L&&O!==`feature_request`?await le(V,a??null,p()?J?_??null:null:_??null,y):null;await X.mutateAsync({headers:{"Content-Type":null},body:{message:M.trim(),classification:oe[O],email:P.trim(),client:se(),client_version:void 0,...a?{assistant_id:a}:{},...m?{assistant_version:m}:{},...e?{logs_file:e}:{},...U.length?{attachments:U}:{}},bodySerializer:e=>{let t=new FormData;for(let[n,r]of Object.entries(e))if(r!=null){if(n===`attachments`&&Array.isArray(r)){for(let e of r)t.append(`attachments`,e);continue}r instanceof Blob?t.append(n,r):t.append(n,String(r))}return t}}),r?.(),t()}catch(e){K(e instanceof Error?e.message:`Failed to submit feedback. Please try again.`)}finally{Z(!1)}}},disabled:!he,children:`Submit`})]})})]})}),document.body):null}function ue({option:e,isSelected:t,onSelect:n}){let r=e.icon;return(0,A.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-left transition-colors`,style:{borderColor:t?`var(--primary-base)`:`var(--border-base)`,backgroundColor:t?`color-mix(in oklab, var(--primary-base) 10%, transparent)`:`transparent`},children:[(0,A.jsx)(r,{className:`h-3.5 w-3.5 shrink-0`,style:{color:t?`var(--primary-base)`:`var(--content-secondary)`}}),(0,A.jsx)(`span`,{className:`text-body-small-default`,style:{color:t?`var(--primary-base)`:`var(--content-default)`},children:e.label})]})}function de({file:e,onRemove:t}){let n=e.type.startsWith(`image/`),r=(0,T.useMemo)(()=>n?URL.createObjectURL(e):null,[e,n]);return(0,T.useEffect)(()=>{if(r)return()=>URL.revokeObjectURL(r)},[r]),(0,A.jsxs)(`div`,{className:`relative flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-[var(--border-base)] bg-[var(--surface-base)]`,title:e.name,children:[n&&r?(0,A.jsx)(`img`,{src:r,alt:e.name,className:`h-full w-full object-cover`}):(0,A.jsx)(S,{className:`h-5 w-5 text-[var(--content-secondary)]`}),(0,A.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,A.jsx)(g,{}),onClick:t,"aria-label":`Remove ${e.name}`,className:`absolute top-0.5 right-0.5 h-4 w-4 rounded-full bg-black/60 text-white hover:bg-black/70`,tintColor:`#fff`})]})}export{k as n,z as t};

package/dist/assets/{sidebar-tree-Cme65q7r.js → sidebar-tree-CPFfB2hS.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n,t as r,u as i}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./button-DdEh-9f_.js";import{t as s}from"./typography-Czgs_2w_.js";import{r as c}from"./src-hn7lwVCD.js";import{t as l}from"./is-electron-CavSPgmY.js";import{t as u}from"./chevron-right-zTNPbA1m.js";import{i as d}from"./routes-Dk5Qeryt.js";import{bo as f}from"./index-BjEJFZTJ.js";var p=a();function m({sidebar:e,children:t,actions:a,backHref:c,title:u=`Settings`,menuRoute:m=d.settings.root}){let{pathname:h}=i(),g=n(),_=h===m,v=l(),y=_?c:m,b=_?`Back from ${u}`:`Back to ${u} menu`,x=(0,p.jsx)(o,{variant:`ghost`,iconOnly:(0,p.jsx)(f,{}),"aria-label":b,tintColor:`var(--content-secondary)`,onClick:()=>g(y)}),S=(0,p.jsx)(o,{asChild:!0,variant:`outlined`,"aria-label":`Back from ${u}`,className:`h-8 w-8 px-0`,tintColor:`var(--content-secondary)`,children:(0,p.jsx)(r,{to:c,className:`flex items-center justify-center no-underline`,children:(0,p.jsx)(f,{size:16,"aria-hidden":`true`})})});return(0,p.jsxs)(`div`,{className:`flex h-full min-h-0 w-full flex-1 flex-col gap-4 p-4 sm:p-6 md:gap-0`,style:{paddingTop:v?`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 3.75rem)`:`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 1rem)`},children:[(0,p.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 md:hidden`,children:[x,(0,p.jsx)(s,{as:`h1`,variant:`body-large-default`,className:`flex-1 truncate text-center`,style:{color:`var(--content-tertiary)`,lineHeight:1.4},children:u}),(0,p.jsx)(`div`,{className:`h-10 w-10 shrink-0`,"aria-hidden":`true`})]}),(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden md:rounded-[12px] md:border md:border-[var(--border-base)] md:bg-[var(--surface-overlay)]`,children:[(0,p.jsxs)(`div`,{className:`hidden shrink-0 items-center justify-between gap-4 px-6 py-5 md:flex`,children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[S,(0,p.jsx)(`h1`,{className:`text-title-large truncate`,style:{color:`var(--content-emphasised)`,lineHeight:1.2},children:u})]}),a?(0,p.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:a}):null]}),(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 overflow-hidden`,children:[(0,p.jsx)(`aside`,{className:`hidden w-64 shrink-0 overflow-y-auto md:block`,"aria-label":`${u} navigation`,children:e}),_?(0,p.jsx)(`div`,{className:`flex min-w-0 min-h-0 flex-1 flex-col overflow-y-auto pb-6 md:hidden`,children:e}):null,(0,p.jsx)(`main`,{className:`min-w-0 min-h-0 flex-1 flex-col gap-4 overflow-y-auto pb-6 md:flex md:px-6 md:pt-0 ${_?`hidden`:`flex`}`,children:t})]})]})]})}var h=e(t(),1);function g({items:e,bottomItems:t}){let{pathname:r}=i(),a=n(),o=(e,t)=>{let n=r===e.href||r.startsWith(e.href+`/`);return(0,p.jsxs)(h.Fragment,{children:[(0,p.jsx)(c.Item,{icon:e.icon,label:e.label,active:n,trailingIcon:u,trailingIconClassName:`md:hidden`,href:e.href,onClick:t=>{t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.button!==0||(t.preventDefault(),a(e.href))}}),!t&&(0,p.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`my-2 h-px w-full bg-[var(--border-base)] md:hidden`})]},e.id)};return(0,p.jsxs)(`nav`,{"aria-label":`Sidebar navigation`,className:`flex min-h-full flex-col md:gap-2 md:px-6 md:pb-4`,children:[e.map((n,r)=>o(n,r===e.length-1&&!t?.length)),t&&t.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`flex-1`}),(0,p.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`mx-0 my-2 h-px w-full bg-[var(--border-base)] md:mx-0`}),t.map((e,n)=>o(e,n===t.length-1))]})]})}export{m as n,g as t};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n,t as r,u as i}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./button-DdEh-9f_.js";import{t as s}from"./typography-Czgs_2w_.js";import{r as c}from"./src-hn7lwVCD.js";import{t as l}from"./is-electron-CavSPgmY.js";import{t as u}from"./chevron-right-zTNPbA1m.js";import{i as d}from"./routes-Dk5Qeryt.js";import{bo as f}from"./index-DGojzQtP.js";var p=a();function m({sidebar:e,children:t,actions:a,backHref:c,title:u=`Settings`,menuRoute:m=d.settings.root}){let{pathname:h}=i(),g=n(),_=h===m,v=l(),y=_?c:m,b=_?`Back from ${u}`:`Back to ${u} menu`,x=(0,p.jsx)(o,{variant:`ghost`,iconOnly:(0,p.jsx)(f,{}),"aria-label":b,tintColor:`var(--content-secondary)`,onClick:()=>g(y)}),S=(0,p.jsx)(o,{asChild:!0,variant:`outlined`,"aria-label":`Back from ${u}`,className:`h-8 w-8 px-0`,tintColor:`var(--content-secondary)`,children:(0,p.jsx)(r,{to:c,className:`flex items-center justify-center no-underline`,children:(0,p.jsx)(f,{size:16,"aria-hidden":`true`})})});return(0,p.jsxs)(`div`,{className:`flex h-full min-h-0 w-full flex-1 flex-col gap-4 p-4 sm:p-6 md:gap-0`,style:{paddingTop:v?`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 3.75rem)`:`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 1rem)`},children:[(0,p.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 md:hidden`,children:[x,(0,p.jsx)(s,{as:`h1`,variant:`body-large-default`,className:`flex-1 truncate text-center`,style:{color:`var(--content-tertiary)`,lineHeight:1.4},children:u}),(0,p.jsx)(`div`,{className:`h-10 w-10 shrink-0`,"aria-hidden":`true`})]}),(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden md:rounded-[12px] md:border md:border-[var(--border-base)] md:bg-[var(--surface-overlay)]`,children:[(0,p.jsxs)(`div`,{className:`hidden shrink-0 items-center justify-between gap-4 px-6 py-5 md:flex`,children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[S,(0,p.jsx)(`h1`,{className:`text-title-large truncate`,style:{color:`var(--content-emphasised)`,lineHeight:1.2},children:u})]}),a?(0,p.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:a}):null]}),(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 overflow-hidden`,children:[(0,p.jsx)(`aside`,{className:`hidden w-64 shrink-0 overflow-y-auto md:block`,"aria-label":`${u} navigation`,children:e}),_?(0,p.jsx)(`div`,{className:`flex min-w-0 min-h-0 flex-1 flex-col overflow-y-auto pb-6 md:hidden`,children:e}):null,(0,p.jsx)(`main`,{className:`min-w-0 min-h-0 flex-1 flex-col gap-4 overflow-y-auto pb-6 md:flex md:px-6 md:pt-0 ${_?`hidden`:`flex`}`,children:t})]})]})]})}var h=e(t(),1);function g({items:e,bottomItems:t}){let{pathname:r}=i(),a=n(),o=(e,t)=>{let n=r===e.href||r.startsWith(e.href+`/`);return(0,p.jsxs)(h.Fragment,{children:[(0,p.jsx)(c.Item,{icon:e.icon,label:e.label,active:n,trailingIcon:u,trailingIconClassName:`md:hidden`,href:e.href,onClick:t=>{t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.button!==0||(t.preventDefault(),a(e.href))}}),!t&&(0,p.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`my-2 h-px w-full bg-[var(--border-base)] md:hidden`})]},e.id)};return(0,p.jsxs)(`nav`,{"aria-label":`Sidebar navigation`,className:`flex min-h-full flex-col md:gap-2 md:px-6 md:pb-4`,children:[e.map((n,r)=>o(n,r===e.length-1&&!t?.length)),t&&t.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`flex-1`}),(0,p.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`mx-0 my-2 h-px w-full bg-[var(--border-base)] md:mx-0`}),t.map((e,n)=>o(e,n===t.length-1))]})]})}export{m as n,g as t};

package/dist/assets/{signup-page-BBM_CboU.js → signup-page-CBvfJsht.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{h as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{E as i}from"./auth-store-CiQCAKS1.js";import{n as a,r as o}from"./login-flow-Bi4ujzeb.js";var s=e(t(),1),c=r();function l(){let e=(0,s.useRef)(!1),[t]=n(),[r,l]=(0,s.useState)(null);return(0,s.useEffect)(()=>{if(e.current)return;e.current=!0;let n=t.get(`returnTo`);i(a,o(n,{authIntent:`signup`}),{intent:`signup`,returnTo:n}).catch(e=>{console.error(`[signup] auth flow failed:`,e),l(`Something went wrong. Please try again.`)})},[t]),r?(0,c.jsx)(`div`,{className:`flex min-h-screen items-center justify-center`,children:(0,c.jsx)(`p`,{className:`text-[var(--system-negative-strong)]`,children:r})}):null}export{l as SignupPage};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{h as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{E as i}from"./auth-store-CiQCAKS1.js";import{n as a,r as o}from"./login-flow-BZiMiMrf.js";var s=e(t(),1),c=r();function l(){let e=(0,s.useRef)(!1),[t]=n(),[r,l]=(0,s.useState)(null);return(0,s.useEffect)(()=>{if(e.current)return;e.current=!0;let n=t.get(`returnTo`);i(a,o(n,{authIntent:`signup`}),{intent:`signup`,returnTo:n}).catch(e=>{console.error(`[signup] auth flow failed:`,e),l(`Something went wrong. Please try again.`)})},[t]),r?(0,c.jsx)(`div`,{className:`flex min-h-screen items-center justify-center`,children:(0,c.jsx)(`p`,{className:`text-[var(--system-negative-strong)]`,children:r})}):null}export{l as SignupPage};

package/dist/assets/{skills-page-J6mZv9bN.js → skills-page-CS2tWjQe.js}

@@ -1 +1 @@
-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-DNHWXaGq.js";import{t as s}from"./useQuery-D2zf6Uhu.js";import{t as c}from"./useMutation-BuofVRHk.js";import{t as l}from"./jsx-runtime-CVSDxk6A.js";import{t as u}from"./button-DdEh-9f_.js";import{t as d}from"./card-CL5iEMJO.js";import{t as f}from"./menu-B79-l6IU.js";import"./src-hn7lwVCD.js";import{t as p}from"./confirm-dialog-NYG-K9zN.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-sRJmexc-.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 D}from"./install-Uj6CrGld.js";import{t as O}from"./calendar-CP_Q3Aw6.js";import{t as k}from"./globe-ByNYDdSW.js";import{t as A}from"./link-2-BHdo-6Lp.js";import{t as j}from"./loader-circle-BSAFLoPH.js";import{t as M}from"./x-BDqbYVtS.js";import{F as ee,I as te,L as ne,M as re,N,P}from"./react-query.gen-B8xaBreR.js";import{n as ie}from"./use-is-mobile-D_xrnINF.js";import{Aa as F,Ba as I,Bi as L,Ci as R,La as z,Ni as B,Oi as V,Pa as H,Pi as U,Ta as W,Ui as G,Yi as K,Za as q,_a as ae,ba as oe,bo as se,eo as ce,ji as le,ma as ue,mo as de,po as fe,qi as pe,ua as me,uo as J,xo as Y}from"./index-BjEJFZTJ.js";import{t as he}from"./use-active-assistant-id-BIhArlF_.js";import{n as ge,t as _e}from"./file-markdown-DX5x9ziL.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:oe,calendar:O,"message-circle":ae,globe:k,zap:R,code:q,mic:ue,"shopping-cart":G,palette:ye,heart:F,settings:pe,"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:W,label:`All`,count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),o.map(r=>(0,Z.jsx)(Ce,{icon:xe(r.icon)??W,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,D]=(0,X.useState)(null);(0,X.useEffect)(()=>{D(document.getElementById(`viewport-overlays`))},[]);let O=m?ge(m.name,void 0):!1,k=O?x:`raw`,A=(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)(se,{"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:k,onChange:S,items:[{value:`preview`,label:`Preview`,icon:(0,Z.jsx)(I,{"aria-hidden":!0}),disabled:!O},{value:`raw`,label:`Source`,icon:(0,Z.jsx)(q,{"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:k}):(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)(A,C):A}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)(Y,{"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)(B,{"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)(B,{"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)(fe,{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)(H,{}):(0,Z.jsx)(z,{}),"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)(z,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}var Ne=[{value:`all`,label:`All`,icon:W},{value:`installed`,label:`Installed`,icon:J},{value:`available`,label:`Available`,icon:Y}],Pe=[{value:`vellum`,label:`Vellum`,icon:x},{value:`clawhub`,label:`Clawhub`,icon:k},{value:`skillssh`,label:`skills.sh`,icon:U},{value:`custom`,label:`Custom`,icon:V}];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)(K,{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=ie(),[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:W,label:`All`,active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),f.map(e=>(0,Z.jsx)($,{icon:xe(e.icon)??W,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)(de,{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)(J,{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)(Y,{"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)(B,{"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({...ee({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=ie(),[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,O]=(0,X.useState)(()=>n(Ge,!1)),{data:k=[]}=Be(e),{origin:A,kind:j}=(0,X.useMemo)(()=>Ve(f),[f]),M=s({...te({path:{assistant_id:e},query:{include:`catalog`,origin:A,kind:j,q:d||void 0,category:h??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e}),ee=s({...te({path:{assistant_id:e},query:{include:`catalog`,origin:A,kind:j,q:d||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&h!==null}),N=(0,X.useCallback)(()=>{i.invalidateQueries({queryKey:ne({path:{assistant_id:e}})})},[e,i]),P=c({mutationFn:t=>D(e,t),onMutate:e=>b(e),onSettled:()=>{b(null),N()}}),F=c({...re(),onMutate:e=>S(e.path.id),onSettled:()=>{S(null),N()}}),I=(0,X.useCallback)(e=>{P.mutate(e.slug??e.id)},[P]),L=(0,X.useCallback)(e=>{T(e)},[]),R=(0,X.useCallback)(()=>{w&&(F.mutate({path:{assistant_id:e,id:w.id}}),T(null))},[e,w,F]),z=(0,X.useCallback)(()=>{O(!0),t(Ge,!0)},[]),B=(0,X.useMemo)(()=>M.data?.skills??[],[M.data?.skills]),V=h===null?M.data:ee.data,{counts:H,totalCount:U}=qe(V?.skills??B,V?.categoryCounts,V?.totalCount),W=(0,X.useMemo)(()=>He(B),[B]),G=(0,X.useMemo)(()=>_?B.find(e=>e.id===_)??null:null,[B,_]),K=(0,Z.jsx)(p,{open:w!==null,title:`Remove skill`,message:w?`Remove "${w.name}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:R,onCancel:()=>T(null)});if(G){let t={assistantId:e,skill:G,onBack:()=>v(null),onInstall:()=>I(G),onRemove:()=>L(G),isInstalling:y===(G.slug??G.id),isRemoving:x===G.id};return(0,Z.jsxs)(Z.Fragment,{children:[a?(0,Z.jsx)(Oe,{...t}):(0,Z.jsx)(C,{...t}),K]})}let q=M.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:z}),(0,Z.jsx)(Fe,{search:l,onSearchChange:u,filter:f,onFilterChange:m,isSearching:q,categories:k,category:h,onCategoryChange:g,counts:H,totalCount:U,showCounts:!q}),(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:H,totalCount:U,showCounts:!q,categories:k})}),(0,Z.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:M.isLoading?(0,Z.jsx)(Ye,{}):M.isError?(0,Z.jsx)(Xe,{}):W.length===0?(0,Z.jsx)(Ze,{filter:f,category:h}):(0,Z.jsx)(`ul`,{className:`flex flex-col gap-2`,children:W.map(e=>(0,Z.jsx)(`li`,{children:(0,Z.jsx)(ze,{skill:e,onSelect:()=>v(e.id),onInstall:()=>I(e),onRemove:()=>L(e),isInstalling:y===(e.slug??e.id),isRemoving:x===e.id})},e.id))})})]}),K]})}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)(L,{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)(M,{"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)(le,{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:W};switch(e){case`installed`:return{title:`No Skills Installed`,subtitle:`Ask your assistant in chat to search for and install new skills.`,Icon:R};case`available`:return{title:`No Skills Available`,subtitle:`All available skills have been installed.`,Icon:J};case`vellum`:return{title:`No Vellum Skills`,subtitle:`No bundled Vellum skills found.`,Icon:me};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:U};case`custom`:return{title:`No Custom Skills`,subtitle:`Create a custom skill by describing what you want in chat.`,Icon:V};default:return{title:`No Skills Available`,subtitle:`Check your connection to the Vellum catalog.`,Icon:ce}}}function $e(){let e=he(),[t]=a();return(0,Z.jsx)(Ke,{assistantId:e,initialSkillId:t.get(`skill`)??void 0})}export{$e as SkillsPage};
+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-DNHWXaGq.js";import{t as s}from"./useQuery-D2zf6Uhu.js";import{t as c}from"./useMutation-BuofVRHk.js";import{t as l}from"./jsx-runtime-CVSDxk6A.js";import{t as u}from"./button-DdEh-9f_.js";import{t as d}from"./card-CL5iEMJO.js";import{t as f}from"./menu-B79-l6IU.js";import"./src-hn7lwVCD.js";import{t as p}from"./confirm-dialog-NYG-K9zN.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-sRJmexc-.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 D}from"./install-DzcS2hVv.js";import{t as O}from"./calendar-CP_Q3Aw6.js";import{t as k}from"./globe-ByNYDdSW.js";import{t as A}from"./link-2-BHdo-6Lp.js";import{t as j}from"./loader-circle-BSAFLoPH.js";import{t as M}from"./x-BDqbYVtS.js";import{F as ee,I as te,L as ne,M as re,N,P}from"./react-query.gen-B8xaBreR.js";import{n as ie}from"./use-is-mobile-D_xrnINF.js";import{Aa as F,Ba as I,Bi as L,Ci as R,La as z,Ni as B,Oi as V,Pa as H,Pi as U,Ta as W,Ui as G,Yi as K,Za as q,_a as ae,ba as oe,bo as se,eo as ce,ji as le,ma as ue,mo as de,po as fe,qi as pe,ua as me,uo as J,xo as Y}from"./index-DGojzQtP.js";import{t as he}from"./use-active-assistant-id-BIhArlF_.js";import{n as ge,t as _e}from"./file-markdown-DX5x9ziL.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:oe,calendar:O,"message-circle":ae,globe:k,zap:R,code:q,mic:ue,"shopping-cart":G,palette:ye,heart:F,settings:pe,"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:W,label:`All`,count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),o.map(r=>(0,Z.jsx)(Ce,{icon:xe(r.icon)??W,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,D]=(0,X.useState)(null);(0,X.useEffect)(()=>{D(document.getElementById(`viewport-overlays`))},[]);let O=m?ge(m.name,void 0):!1,k=O?x:`raw`,A=(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)(se,{"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:k,onChange:S,items:[{value:`preview`,label:`Preview`,icon:(0,Z.jsx)(I,{"aria-hidden":!0}),disabled:!O},{value:`raw`,label:`Source`,icon:(0,Z.jsx)(q,{"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:k}):(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)(A,C):A}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)(Y,{"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)(B,{"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)(B,{"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)(fe,{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)(H,{}):(0,Z.jsx)(z,{}),"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)(z,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}var Ne=[{value:`all`,label:`All`,icon:W},{value:`installed`,label:`Installed`,icon:J},{value:`available`,label:`Available`,icon:Y}],Pe=[{value:`vellum`,label:`Vellum`,icon:x},{value:`clawhub`,label:`Clawhub`,icon:k},{value:`skillssh`,label:`skills.sh`,icon:U},{value:`custom`,label:`Custom`,icon:V}];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)(K,{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=ie(),[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:W,label:`All`,active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),f.map(e=>(0,Z.jsx)($,{icon:xe(e.icon)??W,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)(de,{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)(J,{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)(Y,{"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)(B,{"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({...ee({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=ie(),[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,O]=(0,X.useState)(()=>n(Ge,!1)),{data:k=[]}=Be(e),{origin:A,kind:j}=(0,X.useMemo)(()=>Ve(f),[f]),M=s({...te({path:{assistant_id:e},query:{include:`catalog`,origin:A,kind:j,q:d||void 0,category:h??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e}),ee=s({...te({path:{assistant_id:e},query:{include:`catalog`,origin:A,kind:j,q:d||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&h!==null}),N=(0,X.useCallback)(()=>{i.invalidateQueries({queryKey:ne({path:{assistant_id:e}})})},[e,i]),P=c({mutationFn:t=>D(e,t),onMutate:e=>b(e),onSettled:()=>{b(null),N()}}),F=c({...re(),onMutate:e=>S(e.path.id),onSettled:()=>{S(null),N()}}),I=(0,X.useCallback)(e=>{P.mutate(e.slug??e.id)},[P]),L=(0,X.useCallback)(e=>{T(e)},[]),R=(0,X.useCallback)(()=>{w&&(F.mutate({path:{assistant_id:e,id:w.id}}),T(null))},[e,w,F]),z=(0,X.useCallback)(()=>{O(!0),t(Ge,!0)},[]),B=(0,X.useMemo)(()=>M.data?.skills??[],[M.data?.skills]),V=h===null?M.data:ee.data,{counts:H,totalCount:U}=qe(V?.skills??B,V?.categoryCounts,V?.totalCount),W=(0,X.useMemo)(()=>He(B),[B]),G=(0,X.useMemo)(()=>_?B.find(e=>e.id===_)??null:null,[B,_]),K=(0,Z.jsx)(p,{open:w!==null,title:`Remove skill`,message:w?`Remove "${w.name}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:R,onCancel:()=>T(null)});if(G){let t={assistantId:e,skill:G,onBack:()=>v(null),onInstall:()=>I(G),onRemove:()=>L(G),isInstalling:y===(G.slug??G.id),isRemoving:x===G.id};return(0,Z.jsxs)(Z.Fragment,{children:[a?(0,Z.jsx)(Oe,{...t}):(0,Z.jsx)(C,{...t}),K]})}let q=M.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:z}),(0,Z.jsx)(Fe,{search:l,onSearchChange:u,filter:f,onFilterChange:m,isSearching:q,categories:k,category:h,onCategoryChange:g,counts:H,totalCount:U,showCounts:!q}),(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:H,totalCount:U,showCounts:!q,categories:k})}),(0,Z.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:M.isLoading?(0,Z.jsx)(Ye,{}):M.isError?(0,Z.jsx)(Xe,{}):W.length===0?(0,Z.jsx)(Ze,{filter:f,category:h}):(0,Z.jsx)(`ul`,{className:`flex flex-col gap-2`,children:W.map(e=>(0,Z.jsx)(`li`,{children:(0,Z.jsx)(ze,{skill:e,onSelect:()=>v(e.id),onInstall:()=>I(e),onRemove:()=>L(e),isInstalling:y===(e.slug??e.id),isRemoving:x===e.id})},e.id))})})]}),K]})}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)(L,{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)(M,{"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)(le,{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:W};switch(e){case`installed`:return{title:`No Skills Installed`,subtitle:`Ask your assistant in chat to search for and install new skills.`,Icon:R};case`available`:return{title:`No Skills Available`,subtitle:`All available skills have been installed.`,Icon:J};case`vellum`:return{title:`No Vellum Skills`,subtitle:`No bundled Vellum skills found.`,Icon:me};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:U};case`custom`:return{title:`No Custom Skills`,subtitle:`Create a custom skill by describing what you want in chat.`,Icon:V};default:return{title:`No Skills Available`,subtitle:`Check your connection to the Vellum catalog.`,Icon:ce}}}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-DpRhAAJv.js → sounds-page-C4u0pcg-.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{n}from"./QueryClientProvider-DNHWXaGq.js";import{t as r}from"./useQuery-D2zf6Uhu.js";import{t as i}from"./useMutation-BuofVRHk.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{Kn as c,Un as l,qn as u}from"./sdk.gen-AJllUeDf.js";import{n as d}from"./api-errors-ChauV4ed.js";import{d as f,u as p}from"./query-tags-Cez88bzY.js";import{Ni as m,ia as h,po as g}from"./index-BjEJFZTJ.js";import{t as _}from"./use-active-assistant-id-BIhArlF_.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 l({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 u({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 c({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 l({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)(m,{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)(g,{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};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{n}from"./QueryClientProvider-DNHWXaGq.js";import{t as r}from"./useQuery-D2zf6Uhu.js";import{t as i}from"./useMutation-BuofVRHk.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{Kn as c,Un as l,qn as u}from"./sdk.gen-AJllUeDf.js";import{n as d}from"./api-errors-ChauV4ed.js";import{d as f,u as p}from"./query-tags-Cez88bzY.js";import{Ni as m,ia as h,po as g}from"./index-DGojzQtP.js";import{t as _}from"./use-active-assistant-id-BIhArlF_.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 l({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 u({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 c({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 l({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)(m,{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)(g,{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/{step-indicator-dots-Dmj2aMuo.js → step-indicator-dots-C_NCj5FH.js}

@@ -1 +1 @@
-import{t as e}from"./jsx-runtime-CVSDxk6A.js";import{_r as t,cr as n}from"./index-BjEJFZTJ.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};
+import{t as e}from"./jsx-runtime-CVSDxk6A.js";import{_r as t,cr as n}from"./index-DGojzQtP.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-Dq-GDI61.js → subagent-detail-panel-0yehIKO8.js}

@@ -1,4 +1,4 @@
-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-DdEh-9f_.js";import{t as i}from"./typography-Czgs_2w_.js";import"./src-hn7lwVCD.js";import{t as a}from"./createLucideIcon-D6d6iDdi.js";import{t as o}from"./dollar-sign-B-1DlpoB.js";import{t as s}from"./x-BDqbYVtS.js";import{Ri as c,Sn as l,_ as u,bn as d,ha as f,ji as p,lo as m,v as h,wi as g,xn as _,xo as v,y}from"./index-BjEJFZTJ.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=_(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:l(e)})}var w=4;function T(e){return e.split(`
+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-DdEh-9f_.js";import{t as i}from"./typography-Czgs_2w_.js";import"./src-hn7lwVCD.js";import{t as a}from"./createLucideIcon-D6d6iDdi.js";import{t as o}from"./dollar-sign-B-1DlpoB.js";import{t as s}from"./x-BDqbYVtS.js";import{Ri as c,Sn as l,_ as u,bn as d,ha as f,ji as p,lo as m,v as h,wi as g,xn as _,xo as v,y}from"./index-DGojzQtP.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=_(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:l(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)(f,{className:t,style:{color:`var(--system-positive-strong)`}});case`tool_call`:return(0,S.jsx)(g,{className:t,style:{color:`var(--system-positive-strong)`}});case`tool_result`:return e.isError?(0,S.jsx)(p,{className:t,style:{color:`var(--system-negative-strong)`}}):(0,S.jsx)(m,{className:t,style:{color:`var(--system-positive-strong)`}});case`error`:return(0,S.jsx)(p,{className:t,style:{color:`var(--system-negative-strong)`}});default:return(0,S.jsx)(f,{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 l=d(e.status),f=h();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:[f?(0,S.jsx)(y,{components:f,bodyShapeId:u(e.subagentId).bodyShape,eyeStyleId:u(e.subagentId).eyeStyle,colorId:u(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`}),l&&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)(c,{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)(v,{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/{system-events-page-DNln669W.js → system-events-page-Dw7NwEcP.js}

@@ -1 +1 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{r as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import"./src-hn7lwVCD.js";import{t as i}from"./notice-CF2pptne.js";import{t as a}from"./tag-Ccr7Quy6.js";import{t as o}from"./loader-circle-BSAFLoPH.js";import{i as s}from"./routes-Dk5Qeryt.js";import{$ as c,Pt as l,Q as u,So as d,ao as f,et as p,ji as m,po as h,so as g,uo as _}from"./index-BjEJFZTJ.js";import{t as v}from"./use-current-platform-assistant-Cu95G65M.js";var y=e(t(),1),b=r();function x(e){switch(e){case`lifecycle`:return`Lifecycle`;case`upgrade`:return`Upgrade`;case`rollback`:return`Rollback`;case`crash`:return`Crash`;case`idle_sleep`:return`Idle Sleep`;case`wake`:return`Wake`;case`profiler`:return`Profiler`;case`other`:return`Other`;default:return e}}function S(e){switch(e){case`started`:return`Started`;case`succeeded`:return`Succeeded`;case`failed`:return`Failed`;case`in_progress`:return`In Progress`;default:return e}}function C(e){return e===`succeeded`}function w(e){return e===`failed`}function T(e){return new Date(e).toLocaleString(void 0,{year:`numeric`,month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function E(e){if(e.type!==`idle_sleep`)return!1;let t=e.details?.idle_timeout_seconds;return typeof t==`number`&&t>=21600}function D(e,t){switch(e){case`wake`:return`positive`;case`rollback`:return`warning`;case`crash`:return`negative`;case`idle_sleep`:return t&&E(t)?`warning`:`neutral`;default:return`neutral`}}function O({type:e,event:t}){return(0,b.jsx)(a,{tone:D(e,t),children:x(e)})}function k({status:e}){let t=S(e);return C(e)?(0,b.jsx)(a,{tone:`positive`,leftIcon:(0,b.jsx)(_,{}),children:t}):w(e)?(0,b.jsx)(a,{tone:`negative`,leftIcon:(0,b.jsx)(g,{}),children:t}):(0,b.jsx)(a,{tone:`neutral`,children:t})}function A({event:e}){let[t,n]=(0,y.useState)(!1),r=e.details!==null&&e.details!==void 0&&Object.keys(e.details).length>0;return(0,b.jsxs)(`div`,{className:`rounded-xl border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between`,children:[(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.display_text}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,b.jsx)(O,{type:e.type,event:e}),(0,b.jsx)(k,{status:e.event_status}),E(e)&&(0,b.jsx)(a,{tone:`warning`,leftIcon:(0,b.jsx)(m,{className:`h-3 w-3`}),children:`Long sleep`})]})]}),(0,b.jsxs)(`div`,{className:`text-body-small-default flex shrink-0 items-center gap-1.5`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(f,{className:`h-3 w-3`}),(0,b.jsx)(`span`,{children:T(e.occurred_at)})]})]}),r&&(0,b.jsxs)(`div`,{className:`mt-2`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(h,{className:`h-3 w-3 transition-transform ${t?`rotate-180`:``}`}),t?`Hide details`:`Show details`]}),t&&(0,b.jsx)(`pre`,{className:`mt-2 overflow-x-auto rounded-md p-3 text-body-small-default`,style:{background:`var(--surface-base)`,color:`var(--content-default)`},children:JSON.stringify(e.details,null,2)})]})]})}function j({assistantId:e}){let{data:t,isLoading:n,isError:r,isFetchingNextPage:i,hasNextPage:a,fetchNextPage:s}=d({...l({path:{assistant_id:e}}),initialPageParam:0,getNextPageParam:(e,t)=>{if(e.next)return t.reduce((e,t)=>e+t.results.length,0)}}),c=t?.pages.flatMap(e=>e.results)??[];return(0,b.jsxs)(`div`,{className:`space-y-4`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Lifecycle events for your assistant from the last 30 days, newest first.`}),n?(0,b.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading system events...`]}):r?(0,b.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--system-negative-strong)`},children:[(0,b.jsx)(m,{className:`h-4 w-4 shrink-0`}),`Failed to load system events. Please refresh and try again.`]}):c.length===0?(0,b.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`No system events recorded in the last 30 days.`}):(0,b.jsxs)(`div`,{className:`space-y-2`,children:[c.map(e=>(0,b.jsx)(A,{event:e},e.id)),a&&(0,b.jsx)(`div`,{className:`pt-2 text-center`,children:(0,b.jsx)(`button`,{type:`button`,onClick:()=>s(),disabled:i,className:`text-body-medium-default flex w-full items-center justify-center gap-2 rounded-md border px-4 py-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50`,style:{borderColor:`var(--border-element)`,color:`var(--content-secondary)`},children:i?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading older events...`]}):`Load older events`})})]})]})}function M(){let e=p({platformHostedOnly:!0}),t=u(),r=c(),{assistantId:a}=v();return e===`gated`?(0,b.jsx)(n,{replace:!0,to:s.logs.root}):e===`disabled`?(0,b.jsx)(i,{tone:`info`,children:`Log in to the Vellum platform to view system events.`}):r?(0,b.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading system events…`]}):t?a?(0,b.jsx)(j,{assistantId:a}):null:(0,b.jsx)(i,{tone:`warning`,children:`System events aren't available for the current assistant.`})}export{M as SystemEventsPage};
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{r as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import"./src-hn7lwVCD.js";import{t as i}from"./notice-CF2pptne.js";import{t as a}from"./tag-Ccr7Quy6.js";import{t as o}from"./loader-circle-BSAFLoPH.js";import{i as s}from"./routes-Dk5Qeryt.js";import{$ as c,Pt as l,Q as u,So as d,ao as f,et as p,ji as m,po as h,so as g,uo as _}from"./index-DGojzQtP.js";import{t as v}from"./use-current-platform-assistant-TpNI2OQf.js";var y=e(t(),1),b=r();function x(e){switch(e){case`lifecycle`:return`Lifecycle`;case`upgrade`:return`Upgrade`;case`rollback`:return`Rollback`;case`crash`:return`Crash`;case`idle_sleep`:return`Idle Sleep`;case`wake`:return`Wake`;case`profiler`:return`Profiler`;case`other`:return`Other`;default:return e}}function S(e){switch(e){case`started`:return`Started`;case`succeeded`:return`Succeeded`;case`failed`:return`Failed`;case`in_progress`:return`In Progress`;default:return e}}function C(e){return e===`succeeded`}function w(e){return e===`failed`}function T(e){return new Date(e).toLocaleString(void 0,{year:`numeric`,month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function E(e){if(e.type!==`idle_sleep`)return!1;let t=e.details?.idle_timeout_seconds;return typeof t==`number`&&t>=21600}function D(e,t){switch(e){case`wake`:return`positive`;case`rollback`:return`warning`;case`crash`:return`negative`;case`idle_sleep`:return t&&E(t)?`warning`:`neutral`;default:return`neutral`}}function O({type:e,event:t}){return(0,b.jsx)(a,{tone:D(e,t),children:x(e)})}function k({status:e}){let t=S(e);return C(e)?(0,b.jsx)(a,{tone:`positive`,leftIcon:(0,b.jsx)(_,{}),children:t}):w(e)?(0,b.jsx)(a,{tone:`negative`,leftIcon:(0,b.jsx)(g,{}),children:t}):(0,b.jsx)(a,{tone:`neutral`,children:t})}function A({event:e}){let[t,n]=(0,y.useState)(!1),r=e.details!==null&&e.details!==void 0&&Object.keys(e.details).length>0;return(0,b.jsxs)(`div`,{className:`rounded-xl border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between`,children:[(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.display_text}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,b.jsx)(O,{type:e.type,event:e}),(0,b.jsx)(k,{status:e.event_status}),E(e)&&(0,b.jsx)(a,{tone:`warning`,leftIcon:(0,b.jsx)(m,{className:`h-3 w-3`}),children:`Long sleep`})]})]}),(0,b.jsxs)(`div`,{className:`text-body-small-default flex shrink-0 items-center gap-1.5`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(f,{className:`h-3 w-3`}),(0,b.jsx)(`span`,{children:T(e.occurred_at)})]})]}),r&&(0,b.jsxs)(`div`,{className:`mt-2`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),className:`text-body-small-default flex items-center gap-1`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(h,{className:`h-3 w-3 transition-transform ${t?`rotate-180`:``}`}),t?`Hide details`:`Show details`]}),t&&(0,b.jsx)(`pre`,{className:`mt-2 overflow-x-auto rounded-md p-3 text-body-small-default`,style:{background:`var(--surface-base)`,color:`var(--content-default)`},children:JSON.stringify(e.details,null,2)})]})]})}function j({assistantId:e}){let{data:t,isLoading:n,isError:r,isFetchingNextPage:i,hasNextPage:a,fetchNextPage:s}=d({...l({path:{assistant_id:e}}),initialPageParam:0,getNextPageParam:(e,t)=>{if(e.next)return t.reduce((e,t)=>e+t.results.length,0)}}),c=t?.pages.flatMap(e=>e.results)??[];return(0,b.jsxs)(`div`,{className:`space-y-4`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Lifecycle events for your assistant from the last 30 days, newest first.`}),n?(0,b.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--content-tertiary)`},children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading system events...`]}):r?(0,b.jsxs)(`div`,{className:`text-body-medium-lighter flex items-center gap-2`,style:{color:`var(--system-negative-strong)`},children:[(0,b.jsx)(m,{className:`h-4 w-4 shrink-0`}),`Failed to load system events. Please refresh and try again.`]}):c.length===0?(0,b.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`No system events recorded in the last 30 days.`}):(0,b.jsxs)(`div`,{className:`space-y-2`,children:[c.map(e=>(0,b.jsx)(A,{event:e},e.id)),a&&(0,b.jsx)(`div`,{className:`pt-2 text-center`,children:(0,b.jsx)(`button`,{type:`button`,onClick:()=>s(),disabled:i,className:`text-body-medium-default flex w-full items-center justify-center gap-2 rounded-md border px-4 py-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50`,style:{borderColor:`var(--border-element)`,color:`var(--content-secondary)`},children:i?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading older events...`]}):`Load older events`})})]})]})}function M(){let e=p({platformHostedOnly:!0}),t=u(),r=c(),{assistantId:a}=v();return e===`gated`?(0,b.jsx)(n,{replace:!0,to:s.logs.root}):e===`disabled`?(0,b.jsx)(i,{tone:`info`,children:`Log in to the Vellum platform to view system events.`}):r?(0,b.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,b.jsx)(o,{className:`h-4 w-4 animate-spin`}),`Loading system events…`]}):t?a?(0,b.jsx)(j,{assistantId:a}):null:(0,b.jsx)(i,{tone:`warning`,children:`System events aren't available for the current assistant.`})}export{M as SystemEventsPage};