@vellumai/web 0.11.7 → 0.11.8-staging.1

package/dist/assets/voice-page-nBfEMyWs.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Kn as t,O as n,Yn as r}from"./vendor-WUN87CSE.js";import{b as i,g as a,n as o,r as s,t as c}from"./react-DPM_L_aA.js";import{di as l,mn as u}from"./icons-CSdHOix6.js";import{$v as d,Bv as f,Ca as p,Da as m,Ea as h,Gu as g,Ht as _,Kt as v,Sa as y,Ta as b,Vt as x,Wu as S,X_ as C,Xm as w,Yt as T,_a as ee,_s as E,ay as D,ba as te,cy as O,dv as ne,ft as k,ga as A,gt as j,ha as re,ip as M,jv as N,kv as P,ly as F,mt as I,my as L,nc as R,pt as ie,sy as z,tc as ae,tf as oe,uv as B,va as se,vs as ce,wa as le,wy as V,xa as H,ya as ue}from"./index-7XDiAJ-A.js";import{t as U}from"./detail-card-BTciodin.js";import{t as de}from"./stt-language-picker-modal-CpGwbd4g.js";import{t as fe}from"./use-hotkey-recorder-CY089_4p.js";var W=e(i(),1),G=c();function pe(){let{t:e}=n(`settings`),{available:t,currentCode:r,configuredProviderId:i,selectLanguage:a,selecting:o}=I(k()),[s,c]=(0,W.useState)(!1);return t?(0,G.jsxs)(U,{title:e(`listeningLanguageCard.title`),subtitle:e(`listeningLanguageCard.subtitle`),children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,G.jsx)(`span`,{className:`min-w-0 text-body-medium-lighter text-[var(--content-default)]`,children:j(r,i)}),(0,G.jsx)(V,{variant:`outlined`,onClick:()=>c(!0),className:`shrink-0`,children:e(`listeningLanguageCard.change`)})]}),(0,G.jsx)(de,{open:s,onOpenChange:c,title:e(`listeningLanguageCard.title`),currentCode:r,configuredProviderId:i,selectLanguage:a,selecting:o})]}):null}var K=`flux`;function me(e){return e===`vellum`}function q(e,t){let n=e?.trim().toLowerCase();return!n||n===`multi`||t===void 0?!0:t.includes(n.split(`-`)[0]??n)}function he(){let{t:e}=n(`settings`),i=r(),a=M(),o=k(),[s,c]=(0,W.useState)(!1),{data:l}=t({...S({path:{assistant_id:o}}),enabled:a,staleTime:3e4}),u=l?.services?.stt,{data:d}=t({...oe({path:{assistant_id:o}}),enabled:a,staleTime:5*6e4}),f=u?.roles?.liveVoice?.provider??u?.provider,p=d?.providers?.find(e=>e.id===f),m=p?.modelFamilies?.includes(K)??!1;if(!f||!m)return null;let h=q(u?.language,p?.turnDetectionLanguages),_=u?.roles?.liveVoice,v=_?_.model:u?.providers?.[f]?.model,y=v===void 0?me(f)&&h:v===K,b=async t=>{c(!0);try{let{response:e}=await w({path:{assistant_id:o},body:{services:{stt:{roles:{liveVoice:{provider:f,model:t?K:p?.baseModelFamily}}}}},throwOnError:!1});if(!e?.ok)throw Error(String(e?.status??``));await i.invalidateQueries({queryKey:g({path:{assistant_id:o}})})}catch{D.error(e(`voicePage.turnDetectionFailed`))}finally{c(!1)}};return(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e(`voicePage.turnDetectionLabel`)}),(0,G.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e(h?`voicePage.turnDetectionDescription`:`voicePage.turnDetectionLanguageUnsupported`)}),(0,G.jsx)(L,{checked:y,disabled:s||!h&&!y,onChange:e=>void b(e),"aria-label":e(`voicePage.turnDetectionLabel`)})]})}function ge({assistantId:e,open:t,onOpenChange:n}){return(0,G.jsx)(z.Root,{open:t,onOpenChange:n,children:(0,G.jsx)(z.Content,{size:`md`,children:(0,G.jsx)(_e,{assistantId:e,onDone:()=>n(!1)})})})}function _e({assistantId:e,onDone:t}){let{t:r}=n(),{available:i,currentModel:a,selectModel:o,selecting:s}=v(e);return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(z.Header,{children:[(0,G.jsx)(z.Title,{children:r(`voicePickerModal.title`)}),i&&(0,G.jsx)(z.Description,{children:`Uses Vellum credits, through providers like ElevenLabs and Deepgram.`})]}),(0,G.jsx)(z.Body,{children:(0,G.jsx)(_,{assistantId:e,filterBySource:!0,value:a,onChange:o,autoScrollToSelected:!0})}),(0,G.jsxs)(z.Footer,{className:`items-center justify-between gap-3`,children:[(0,G.jsx)(ie,{}),(0,G.jsx)(V,{variant:`primary`,onClick:t,disabled:s,className:`shrink-0`,children:r(`voicePickerModal.done`)})]})]})}function ve(){let{t:e}=n(`settings`),t=k(),{available:r,voices:i,currentModel:a}=v(t),o=i.find(e=>e.model===a)??i[0],[s,c]=(0,W.useState)(!1),l=C.use.name(),u=l?e(`voicePickerCard.titleWithName`,{name:l}):e(`voicePickerCard.title`);return r&&o?(0,G.jsxs)(U,{title:u,subtitle:e(`voicePickerCard.creditsNote`),children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,G.jsx)(x,{description:o.description,className:`min-w-0 text-body-medium-lighter text-[var(--content-default)]`}),(0,G.jsx)(V,{variant:`outlined`,onClick:()=>c(!0),className:`shrink-0`,children:e(`voicePickerCard.changeButton`)})]}),(0,G.jsx)(ge,{assistantId:t,open:s,onOpenChange:c})]}):(0,G.jsx)(U,{title:u,children:(0,G.jsx)(T,{})})}var ye=[{prefKey:`showUserTranscript`,label:`Show the words you say`,description:`Live transcription while you speak.`},{prefKey:`showAssistantTranscript`,label:`Show the words the assistant says`,description:`Text alongside the spoken response.`}],be=`We recommend keeping both off to start. It feels more like a real conversation.`;function xe(){let{t:e}=n();return(0,G.jsx)(`span`,{className:`shrink-0 rounded-full bg-[var(--surface-active)] px-2 py-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:e(`voiceTranscriptToggles.recommendedOff`)})}function Se({label:e,description:t,showBadge:n,checked:r,onChange:i}){return(0,G.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-1`,children:[(0,G.jsxs)(`div`,{className:`min-w-0`,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,G.jsx)(`span`,{className:`truncate text-body-medium-lighter text-[var(--content-default)]`,children:e}),n?(0,G.jsx)(xe,{}):null]}),t?(0,G.jsx)(`div`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:t}):null]}),(0,G.jsx)(L,{checked:r,onChange:i,"aria-label":e})]})}function Ce({showDescription:e=!1,showRecommendedBadge:t=!1}){let n=R.use.showUserTranscript(),r=R.use.showAssistantTranscript(),i=R.use.setShowUserTranscript(),a=R.use.setShowAssistantTranscript(),o={showUserTranscript:{checked:n,onChange:i},showAssistantTranscript:{checked:r,onChange:a}};return(0,G.jsx)(G.Fragment,{children:ye.map(n=>{let r=o[n.prefKey];return(0,G.jsx)(Se,{label:n.label,description:e?n.description:void 0,showBadge:t,checked:r.checked,onChange:r.onChange},n.prefKey)})})}var J=`text-body-small-default text-[var(--content-tertiary)]`;function we(){let[e]=a(),t=e.get(`tab`);return t===`sounds`?(0,G.jsx)(s,{replace:!0,to:B.settings.sounds}):t===`services`?(0,G.jsx)(s,{replace:!0,to:B.settings.ai}):(0,G.jsx)(Te,{})}function Te(){let{t:e}=n(`settings`);return(0,G.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[(0,G.jsxs)(Y,{heading:e(`voicePage.sectionOutputHeading`),description:e(`voicePage.sectionOutputDescription`),children:[(0,G.jsx)(ve,{}),(0,G.jsx)(Ee,{})]}),(0,G.jsxs)(Y,{heading:e(`voicePage.sectionInputHeading`),description:e(`voicePage.sectionInputDescription`),children:[(0,G.jsx)(Oe,{}),(0,G.jsx)(pe,{}),(0,G.jsx)(je,{}),(0,G.jsx)(Me,{})]}),(0,G.jsx)(Y,{heading:e(`voicePage.sectionCaptionsHeading`),children:(0,G.jsx)(De,{})})]})}function Ee(){let{t:e}=n(`settings`),{available:t}=v(k());return t?(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 px-1 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,G.jsx)(u,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-quiet)]`}),(0,G.jsx)(`span`,{children:e(`voicePage.speechServicesBannerPrompt`)}),(0,G.jsxs)(o,{to:`${B.settings.ai}#text-to-speech`,className:`inline-flex items-center gap-1 text-[var(--content-secondary)] underline decoration-[var(--border-element)] underline-offset-2 hover:text-[var(--content-default)]`,children:[e(`voicePage.speechServicesBannerLink`),(0,G.jsx)(l,{className:`h-3 w-3`})]})]}):null}function Y({heading:e,description:t,children:n}){return(0,G.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,G.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,G.jsx)(`h2`,{className:`text-label-medium-default uppercase tracking-wide text-[var(--content-tertiary)]`,children:e}),t&&(0,G.jsx)(`p`,{className:`text-body-small-default text-[var(--content-quiet)]`,children:t})]}),n]})}function De(){let{t:e}=n(`settings`);return(0,G.jsx)(U,{title:e(`voicePage.captionsTitle`),subtitle:e(`voicePage.captionsSubtitle`),children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsx)(Ce,{showDescription:!0}),(0,G.jsx)(`p`,{className:`${J} pt-1`,children:be})]})})}var X=``;function Oe(){let{t:e}=n(`settings`),[t,r]=(0,W.useState)([]),[i,a]=(0,W.useState)(!1),[o,s]=(0,W.useState)(!1),[c,l]=(0,W.useState)(()=>ce()),u=(0,W.useCallback)(async()=>{if(navigator.mediaDevices?.enumerateDevices)try{let e=(await navigator.mediaDevices.enumerateDevices()).filter(e=>e.kind===`audioinput`);a(e.length>0&&e.every(e=>!e.label)),r(e.filter(e=>e.deviceId!==``&&e.deviceId!==`default`&&e.deviceId!==`communications`)),s(e.length===0||e.some(e=>!!e.label))}catch{r([]),a(!1),s(!1)}},[]),f=(0,W.useCallback)(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});for(let t of e.getTracks())t.stop()}catch{}u()},[u]);(0,W.useEffect)(()=>{u();let e=navigator.mediaDevices;if(!e?.addEventListener)return;let t=()=>void u();return e.addEventListener(`devicechange`,t),()=>e.removeEventListener(`devicechange`,t)},[u]);let p=(0,W.useMemo)(()=>{let n=t.map((t,n)=>({value:t.deviceId,label:t.label||e(`voicePage.microphoneFallbackLabel`,{index:n+1})})),r=c!==X&&!n.some(e=>e.value===c);return[{value:null,label:e(`voicePage.systemDefault`)},...n,...r?[{value:c,label:e(o?`voicePage.savedMicrophoneNotConnected`:`voicePage.savedMicrophone`)}]:[]]},[t,c,o,e]),m=(0,W.useCallback)(e=>{l(e),e===X?P(E):N(E,e)},[]),h=c===X?null:c;return(0,G.jsx)(U,{title:e(`voicePage.microphoneTitle`),subtitle:e(`voicePage.microphoneSubtitle`),children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,G.jsx)(`div`,{className:`max-w-xs`,children:(0,G.jsx)(d,{options:p,value:h,onChange:m,onSelectNone:()=>m(X),"aria-label":e(`voicePage.microphoneAriaLabel`)})}),i&&(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,G.jsx)(V,{variant:`outlined`,onClick:f,children:e(`voicePage.allowMicrophoneAccess`)}),(0,G.jsx)(`span`,{className:J,children:e(`voicePage.grantMicrophoneAccessHint`)})]})]})})}var ke=new Set([`Control`,`Alt`,`Shift`,`Meta`,`Fn`]),Z=`toggleVoice`,Ae=[{label:`Ctrl+Shift`,activator:{kind:`modifierOnly`,modifiers:[`control`,`shift`]}},{label:`Alt`,activator:{kind:`modifierOnly`,modifiers:[`option`]}}];function je(){let{t:e}=n(`settings`),t=h(),r=ne(),i=m(e=>e.registered)===!1,[a,o]=(0,W.useState)(()=>se(t)),[s,c]=(0,W.useState)(!1),[l,d]=(0,W.useState)([]),[g,_]=(0,W.useState)(!1),v=(0,W.useRef)(null),x=(0,W.useMemo)(()=>{let e=ee(),n={label:y(e),activator:e};return t?[{label:`Fn`,activator:H},n]:[n]},[t]),S=a.kind!==`off`,C=(0,W.useCallback)(e=>{o(e),te(e),c(!1),d([]),_(!1)},[]),w=fe({onBound:()=>C({kind:`off`})}),T=w.catalog.find(e=>e.key===Z)?.accelerator??``,E=w.recordingKey===Z,D=(0,W.useCallback)(()=>{C(H),w.removeHotkey(Z)},[w,C]),O=ue()?Ae:[],k=(0,W.useCallback)(e=>{C(e),w.removeHotkey(Z)},[w,C]),j=(0,W.useCallback)(()=>{C({kind:`off`}),w.removeHotkey(Z)},[w,C]),M=(0,W.useCallback)(()=>{c(!0),d([]),_(!1),requestAnimationFrame(()=>{v.current?.focus()})},[]),N=(0,W.useCallback)(()=>{c(!1),d([]),_(!1)},[]),P=(0,W.useCallback)(e=>{let n=[];return t&&e.getModifierState(`Fn`)&&n.push(`function`),e.ctrlKey&&n.push(`control`),e.altKey&&n.push(`option`),e.shiftKey&&n.push(`shift`),e.metaKey&&n.push(`command`),n},[t]),F=(0,W.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),e.key===`Escape`){N();return}let t=P(e);if(t.includes(`function`)){C(H);return}if(ke.has(e.key)){_(!1),d(b(t));return}if(t.length===0){_(!0);return}C({kind:`key`,label:e.key.length===1?e.key.toUpperCase():e.key,modifiers:b(t)})},[N,P,C]),I=(0,W.useCallback)(e=>{s&&P(e).length===0&&l.length>0&&(d([]),_(!0))},[P,s,l]);(0,W.useEffect)(()=>{if(!s)return;let e=e=>{v.current&&!v.current.contains(e.target)&&N()};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[N,s]);let R=S&&!x.some(e=>p(e.activator,a));return r?(0,G.jsx)(U,{title:e(`voicePage.voiceShortcutTitle`),subtitle:e(`voicePage.voiceShortcutSubtitleDesktop`),children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[t&&(0,G.jsx)(Q,{label:e(`voicePage.fnKeyLabel`),badge:e(`voicePage.recommendedBadge`),selected:A(a),onClick:D}),O.map(e=>(0,G.jsx)(Q,{label:e.label,selected:p(e.activator,a),onClick:()=>k(e.activator)},e.label)),(0,G.jsx)(Q,{label:E?e(`voicePage.recordingPrompt`):T?(0,G.jsx)(f,{accelerator:T}):e(`voicePage.customKey`),selected:T!==``,recording:E,onClick:E?w.stopRecording:()=>w.startRecording(Z)}),(0,G.jsx)(Q,{label:e(`voicePage.offKeyLabel`),selected:a.kind===`off`&&!T&&!E,onClick:j})]}),A(a)&&i&&(0,G.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--system-negative-strong)]`,children:[(0,G.jsx)(u,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,G.jsx)(`span`,{children:e(`voicePage.fnRefusedNote`)})]}),w.conflict?.key===Z&&(0,G.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--system-negative-strong)]`,children:[(0,G.jsx)(u,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,G.jsx)(`span`,{children:e(`voicePage.shortcutConflict`,{command:w.conflict.label})})]})]})}):(0,G.jsx)(U,{title:e(`voicePage.voiceShortcutTitle`),subtitle:e(`voicePage.voiceShortcutSubtitle`),children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,G.jsx)(L,{checked:S,onChange:e=>{C(e?re(t):{kind:`off`})},label:e(`voicePage.enableVoiceShortcut`)}),S&&(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsx)(`span`,{className:J,children:e(`voicePage.activationKeyLabel`)}),(0,G.jsxs)(`div`,{ref:v,tabIndex:s?0:-1,onKeyDown:s?F:void 0,onKeyUp:s?I:void 0,className:`flex flex-wrap items-center gap-2 focus:outline-none`,children:[x.map(e=>(0,G.jsx)(Q,{label:e.label,selected:p(e.activator,a),onClick:()=>C(e.activator)},e.label)),s?(0,G.jsx)(Q,{label:l.length>0?le(l):e(`voicePage.pressShortcut`),selected:!0,recording:!0,onClick:N}):(0,G.jsx)(Q,{label:R?y(a):e(`voicePage.customKey`),selected:R,onClick:M})]}),g&&(0,G.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--content-quiet)]`,children:[(0,G.jsx)(u,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,G.jsx)(`span`,{children:e(`voicePage.shortcutChordHint`)})]}),S&&(0,G.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--content-quiet)]`,children:[(0,G.jsx)(u,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,G.jsx)(`span`,{children:e(`voicePage.focusedTabNote`)})]})]})]})})}function Q({label:e,badge:t,selected:n,recording:r=!1,onClick:i}){return(0,G.jsxs)(`button`,{type:`button`,onClick:i,className:[`inline-flex items-center gap-2 rounded-lg border px-3 py-1.5 text-body-medium-lighter transition-colors`,`border-[var(--border-subtle)]`,n?`bg-[var(--surface-active)]`:`bg-[var(--surface-lift)] hover:bg-[var(--surface-hover)]`,r?`animate-pulse`:``].filter(Boolean).join(` `),children:[(0,G.jsx)(`span`,{className:[`inline-block h-2.5 w-2.5 rounded-full border`,n?`border-[var(--primary-base)] bg-[var(--primary-base)]`:`border-[var(--border-element)]`].join(` `)}),(0,G.jsx)(`span`,{className:`text-[var(--content-default)]`,children:e}),t&&(0,G.jsx)(`span`,{className:`text-body-small-default text-[var(--content-quiet)]`,children:t})]})}function Me(){let{t:e}=n(`settings`),t=R.use.pauseBeforeReplyMs(),r=R.use.setPauseBeforeReplyMs(),i=R.use.interruptSensitivity(),a=R.use.setInterruptSensitivity(),o=(0,W.useMemo)(()=>[{value:`low`,label:e(`voicePage.interruptSensitivityLow`)},{value:`medium`,label:e(`voicePage.interruptSensitivityMedium`)},{value:`high`,label:e(`voicePage.interruptSensitivityHigh`)}],[e]),s=t!==null||i!==null;return(0,G.jsx)(U,{title:e(`voicePage.turnTakingTitle`),subtitle:e(`voicePage.turnTakingSubtitle`),children:(0,G.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,G.jsx)(he,{}),(0,G.jsx)($,{label:e(`voicePage.pauseBeforeReplyLabel`),description:e(`voicePage.pauseBeforeReplyDescription`),isDefault:t===null,children:(0,G.jsx)(`div`,{className:`max-w-xs`,children:(0,G.jsx)(O,{value:(t??1200)/1e3,onValueChange:e=>{typeof e==`number`&&r(Math.round(e*1e3))},min:500/1e3,max:ae/1e3,step:.1,showValue:!0,formatValue:e=>`${(typeof e==`number`?e:e[0]).toFixed(1)}s`,"aria-label":e(`voicePage.pauseBeforeReplyAriaLabel`)})})}),(0,G.jsx)($,{label:e(`voicePage.interruptSensitivityLabel`),description:e(`voicePage.interruptSensitivityDescription`),isDefault:i===null,children:(0,G.jsx)(`div`,{className:`max-w-xs`,children:(0,G.jsx)(F,{items:o,value:i??`medium`,onChange:a,ariaLabel:e(`voicePage.interruptSensitivityAriaLabel`)})})}),s&&(0,G.jsx)(`div`,{children:(0,G.jsx)(V,{variant:`outlined`,onClick:()=>{r(null),a(null)},children:e(`voicePage.resetToDefaults`)})})]})})}function $({label:e,description:t,isDefault:r,children:i}){let{t:a}=n(`settings`);return(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,G.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e}),r&&(0,G.jsx)(`span`,{className:`shrink-0 rounded-full bg-[var(--surface-active)] px-2 py-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:a(`voicePage.defaultBadge`)})]}),(0,G.jsx)(`p`,{className:J,children:t}),i]})}export{we as VoicePage};

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

@@ -1 +0,0 @@
-import{O as e}from"./vendor-WUN87CSE.js";import{f as t,t as n}from"./react-DPM_L_aA.js";import{T_ as r,qr as i,uv as a}from"./index-7XDiAJ-A.js";import{t as o}from"./auth-welcome-screen-ghh-qFOz.js";var s=n();function c(){let{t:n}=e(`onboarding`),c=t();return(0,s.jsx)(o,{secondary:{label:n(`welcome.continueWithoutAccount`),onSelect:()=>{r()?c(a.selectAssistant,i):c(a.onboarding.hosting,i)}}})}export{c as WelcomeScreen};

package/dist/assets/workflow-detail-panel-DcTQSyju.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{O as t,l as n,m as r,p as i}from"./vendor-WUN87CSE.js";import{b as a,t as o}from"./react-DPM_L_aA.js";import{Lr as s,Rr as c,ai as l,gi as u,jr as d,m as f,o as p,v as m}from"./icons-CSdHOix6.js";import{n as h,r as g,t as _}from"./metric-card-Bij5WGzs.js";import{Cy as v,Gs as y,Kr as b,Ks as x,P as S,Rn as C,Un as w,qs as T,wy as E,zn as D}from"./index-7XDiAJ-A.js";import{t as O}from"./detail-panel-stop-button-DvPi_A52.js";import{t as k}from"./status-badge-pill-BAkXhxwa.js";var A=e(a(),1),j=o();function M({title:e,body:t,emptyText:n}){return(0,j.jsxs)(`div`,{className:`mb-5`,children:[(0,j.jsx)(v,{variant:`body-medium-default`,as:`h3`,className:`mb-2 text-[var(--content-emphasised)]`,children:e}),t?(0,j.jsx)(v,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap break-words leading-relaxed text-[var(--content-default)]`,children:t}):(0,j.jsx)(v,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-tertiary)]`,children:n})]})}function N({leaf:e}){let{t:n}=t(`chat`),r=e.status===`running`?n(`workflowLeafDetail.running`):n(`workflowLeafDetail.noResultSummary`);return(0,j.jsxs)(`div`,{children:[(0,j.jsxs)(`div`,{className:`mb-5 grid grid-cols-2 gap-3`,children:[(0,j.jsx)(_,{icon:(0,j.jsx)(u,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.inputTokens??0,format:e=>h(Math.round(e)),label:n(`workflowLeafDetail.input`)}),(0,j.jsx)(_,{icon:(0,j.jsx)(g,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.outputTokens??0,format:e=>h(Math.round(e)),label:n(`workflowLeafDetail.output`)})]}),(0,j.jsx)(M,{title:n(`workflowLeafDetail.prompt`),body:e.promptSummary,emptyText:n(`workflowLeafDetail.noPromptSummary`)}),(0,j.jsx)(M,{title:n(`workflowLeafDetail.result`),body:e.resultSummary,emptyText:r})]})}function P({status:e}){return(0,j.jsx)(k,{color:x(e),label:T(e)})}function F(e){switch(e){case`completed`:return`var(--system-positive-strong)`;case`failed`:return`var(--system-negative-strong)`;case`cancelled`:return`var(--content-secondary)`;default:return`var(--primary-base)`}}function I(e){switch(e){case`completed`:return`Completed`;case`failed`:return`Failed`;case`cancelled`:return`Cancelled`;default:return`Running`}}function L({status:e}){return(0,j.jsx)(k,{color:F(e),label:I(e)})}function R({status:e}){let{t:a}=t(`chat`),o=n(),s=`h-3.5 w-3.5 shrink-0`,c;return c=e===`running`?(0,j.jsx)(w,{className:`shrink-0`,dotSize:4,gap:2}):e===`completed`?(0,j.jsx)(d,{className:s,style:{color:`var(--system-positive-strong)`}}):e===`failed`?(0,j.jsx)(m,{className:s,style:{color:`var(--system-negative-strong)`}}):(0,j.jsx)(l,{className:s,style:{color:`var(--content-secondary)`},role:`img`,"aria-label":a(`workflowSubagentRow.cancelledAria`)}),(0,j.jsx)(r,{mode:`wait`,initial:!1,children:(0,j.jsx)(i.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:o?{duration:0}:{duration:.15,ease:[.16,1,.3,1]},className:`flex shrink-0 items-center`,children:c},e)})}function z({runId:e,leaf:n,components:r,onSelect:i}){let{t:a}=t(`chat`),o=n.label??`Subagent ${n.seq}`,s=n.promptSummary,c=C(`${e}:${n.seq}`);return(0,j.jsx)(`button`,{type:`button`,onClick:i,"aria-label":a(`workflowSubagentRow.openDetailsAria`,{title:o}),className:`flex w-full cursor-pointer items-center justify-between gap-2 rounded-[6px] px-2 py-1.5 text-left transition-colors hover:bg-[var(--surface-overlay)]`,children:(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[(0,j.jsx)(R,{status:n.status}),r?(0,j.jsx)(D,{components:r,bodyShapeId:c.bodyShape,eyeStyleId:c.eyeStyle,colorId:c.color,size:16}):(0,j.jsx)(`div`,{style:{width:16,height:16,flexShrink:0},"aria-hidden":!0}),(0,j.jsx)(v,{variant:`body-medium-default`,title:o,className:`max-w-[60%] shrink-0 truncate text-[var(--content-default)]`,children:o}),s&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{"aria-hidden":!0,className:`shrink-0 text-[var(--content-tertiary)] opacity-10`,children:`|`}),(0,j.jsx)(v,{variant:`body-medium-lighter`,title:s,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:s})]})]})})}function B({entry:e,onClose:r,onStop:a,onRequestJournal:o}){let{t:l}=t(`chat`),d=y(e.status),m=n(),x=e.label??e.runId,w=e.agentsSpawned||e.leaves.size,T=b(),k=[...e.leaves.values()].sort((e,t)=>e.seq-t.seq),[M,F]=(0,A.useState)(null),[I,R]=(0,A.useState)(e.runId);I!==e.runId&&(R(e.runId),F(null));let B=M==null?void 0:e.leaves.get(M),V=B?C(`${e.runId}:${B.seq}`):void 0,H=(0,A.useCallback)(()=>F(null),[]),U=B?B.label??`Subagent ${B.seq}`:``,W=B?U:x,G=d?`live`:`final`;return(0,A.useEffect)(()=>{o?.(e.runId)},[e.runId,G,o]),(0,j.jsx)(S,{headerAbove:B&&(0,j.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 border-b border-[var(--border-hover)] px-5 py-3`,children:[(0,j.jsx)(`button`,{type:`button`,onClick:H,title:x,className:`min-w-0 shrink cursor-pointer truncate text-left text-[var(--content-default)] hover:underline`,children:(0,j.jsx)(v,{variant:`body-small-default`,as:`span`,children:x})}),(0,j.jsx)(s,{className:`h-2.5 w-2.5 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,j.jsx)(v,{variant:`body-small-default`,as:`span`,title:U,className:`min-w-0 shrink truncate text-[var(--content-secondary)]`,children:U})]}),icon:(0,j.jsxs)(j.Fragment,{children:[B&&(0,j.jsx)(E,{variant:`outlined`,iconOnly:(0,j.jsx)(c,{}),onClick:H,"aria-label":l(`workflowDetailPanel.backToSubagentsAria`),tooltip:l(`workflowDetailPanel.back`),className:`shrink-0`}),B?T&&V?(0,j.jsx)(D,{components:T,bodyShapeId:V.bodyShape,eyeStyleId:V.eyeStyle,colorId:V.color,size:32}):(0,j.jsx)(`div`,{style:{width:32,height:32,flexShrink:0},"aria-hidden":!0}):(0,j.jsx)(p,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0})]}),title:W,headerTrailing:B?(0,j.jsx)(L,{status:B.status}):(0,j.jsx)(P,{status:e.status}),headerActions:d&&a?(0,j.jsx)(O,{onStop:()=>a(e.runId),ariaLabel:l(`workflowDetailPanel.stopWorkflow`)}):void 0,closeLabel:l(`workflowDetailPanel.closeDetail`),onClose:r,children:(0,j.jsx)(i.div,{initial:{opacity:0},animate:{opacity:1},transition:m?{duration:0}:{duration:.18,ease:[.16,1,.3,1]},children:B?(0,j.jsx)(N,{leaf:B}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(`div`,{className:`mb-5 grid grid-cols-3 gap-3`,children:[(0,j.jsx)(_,{icon:(0,j.jsx)(u,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.inputTokens,format:e=>h(Math.round(e)),label:l(`workflowDetailPanel.input`)}),(0,j.jsx)(_,{icon:(0,j.jsx)(g,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:e.outputTokens,format:e=>h(Math.round(e)),label:l(`workflowDetailPanel.output`)}),(0,j.jsx)(_,{icon:(0,j.jsx)(f,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),target:w,format:e=>h(Math.round(e)),label:l(`workflowDetailPanel.agents`)})]}),(0,j.jsxs)(`div`,{children:[(0,j.jsx)(v,{variant:`body-medium-default`,as:`h3`,className:`mb-4 text-[var(--content-emphasised)]`,children:l(`workflowDetailPanel.subagents`)}),k.length===0?(0,j.jsx)(v,{variant:`body-small-default`,className:`py-4 text-center text-[var(--content-tertiary)]`,children:l(`workflowDetailPanel.noSubagentsYet`)}):(0,j.jsx)(`div`,{className:`flex flex-col gap-1`,children:k.map(t=>(0,j.jsx)(z,{runId:e.runId,leaf:t,components:T,onSelect:()=>F(t.seq)},t.seq))})]})]})},B?String(B.seq):`list`)})}export{B as WorkflowDetailPanel};

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{A as t,Gn as n,Kn as r,O as i,Un as a,Yn as o}from"./vendor-WUN87CSE.js";import{b as s,g as c,t as l}from"./react-DPM_L_aA.js";import{An as u,Gn as d,In as f,J as p,Kn as m,Lr as h,On as g,Pn as _,Zn as v,_t as y,gn as b,i as x,p as S,st as C,tn as w,x as T,xi as E,zn as D,zr as O}from"./icons-CSdHOix6.js";import{t as k}from"./folder-open-8sWiN1cw.js";import{Jh as A,Jn as j,Kh as M,Qh as N,Xh as ee,Yh as P,Zh as F,dn as I,ey as L,fn as R,ft as z,hy as te,iy as ne,ln as re,ny as B,oy as V,qh as H,ry as U,sy as W,un as ie,wy as G,xi as K}from"./index-7XDiAJ-A.js";import{n as q,r as ae,t as oe}from"./use-side-list-room-DQbUPFcU.js";import{t as J}from"./format-file-size-BCpFMv3k.js";import{i as Y,n as se,r as X,t as ce}from"./file-editor-qyflOek_.js";var le=E(`arrow-down-a-z`,[[`path`,{d:`m3 16 4 4 4-4`,key:`1co6wj`}],[`path`,{d:`M7 20V4`,key:`1yoxec`}],[`path`,{d:`M20 8h-5`,key:`1vsyxs`}],[`path`,{d:`M15 10V6.5a2.5 2.5 0 0 1 5 0V10`,key:`ag13bf`}],[`path`,{d:`M15 14h5l-5 6h5`,key:`ur5jdg`}]]),ue=E(`arrow-down-wide-narrow`,[[`path`,{d:`m3 16 4 4 4-4`,key:`1co6wj`}],[`path`,{d:`M7 20V4`,key:`1yoxec`}],[`path`,{d:`M11 4h10`,key:`1w87gc`}],[`path`,{d:`M11 8h7`,key:`djye34`}],[`path`,{d:`M11 12h4`,key:`q8tih4`}]]),Z=e(s(),1);function de(e){if(!e)return``;let t=e.indexOf(`;`);return(t===-1?e:e.slice(0,t)).trim()}function fe(e,t){return de(t)===`application/json`?!0:(e??``).toLowerCase().endsWith(`.json`)}function pe(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function me(e){return e.split(`/`).some(e=>e.startsWith(`.`))}var Q=l();function he(e){let{assistantId:t,path:n,name:r,showHidden:i}=e,[a,o]=(0,Z.useState)(!1),[s,c]=(0,Z.useState)(!1);return{isDownloading:a,error:s,download:(0,Z.useCallback)(async()=>{c(!1),o(!0);try{await j({assistantId:t,path:n,filename:r,showHidden:i})}catch{c(!0)}finally{o(!1)}},[t,n,r,i])}}function ge({assistantId:e,path:t,name:n,showHidden:r}){let{t:a}=i(`workspace`),{isDownloading:o,error:s,download:c}=he({assistantId:e,path:t,name:n,showHidden:r});return(0,Q.jsx)(G,{variant:`ghost`,size:`regular`,iconOnly:o?(0,Q.jsx)(w,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(v,{"aria-hidden":!0}),onClick:()=>void c(),disabled:o,"aria-label":a(`workspaceFileViewer.downloadAria`,{name:n}),tooltip:a(s?`workspaceFileViewer.downloadFailed`:`workspaceFileViewer.download`)})}function _e(e){return n({queryFn:async()=>{let{data:t,error:n}=await A({path:e.path,query:{path:e.query.path,...e.query.showHidden?{showHidden:`true`}:{}}});if(n)throw n;return t},queryKey:[`assistantsWorkspaceFileRetrieve`,e]})}function ve({mimeType:e}){let t=e.indexOf(`;`),n=(t===-1?e:e.slice(0,t)).trim(),r=f;return n.startsWith(`image/`)?r=b:n.startsWith(`video/`)?r=S:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=_),(0,Q.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 10%, transparent)`},children:(0,Q.jsx)(r,{className:`h-3.5 w-3.5`,style:{color:`var(--content-default)`}})})}function ye({viewMode:e,onChange:t}){let{t:n}=i(`workspace`);return(0,Q.jsx)(`div`,{className:`inline-flex rounded-md p-0.5`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 6%, transparent)`},children:[`preview`,`source`].map(r=>{let i=e===r;return(0,Q.jsx)(G,{variant:`ghost`,onClick:()=>t(r),className:`h-auto rounded border-0 px-2.5 py-1 text-body-small-default hover:bg-transparent`,style:{backgroundColor:i?`var(--surface-lift)`:`transparent`,color:i?`var(--content-default)`:`var(--content-tertiary)`,boxShadow:i?`0 1px 2px rgba(0,0,0,0.15)`:void 0},children:n(r===`preview`?`workspaceFileViewer.preview`:`workspaceFileViewer.source`)},r)})})}function $({name:e,mimeType:t,size:n,rightContent:r}){return(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,Q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Q.jsx)(ve,{mimeType:t}),(0,Q.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),n!=null&&(0,Q.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:J(n)})]}),r]})}function be({assistantId:e,path:t,mimeType:n,showHidden:i}){let{data:a,isLoading:o}=r({queryFn:async()=>{let n=await H({path:{assistant_id:e},query:{path:t,...i?{showHidden:`true`}:{}},parseAs:`blob`});if(n.error)throw n.error;return n.data},queryKey:[`assistantsWorkspaceFileContentRetrieve`,{assistantId:e,path:t,showHidden:i}],enabled:!!t}),[s,c]=(0,Z.useState)(null);return(0,Z.useEffect)(()=>{if(!a)return;let e=URL.createObjectURL(a);return c(e),()=>{URL.revokeObjectURL(e),c(null)}},[a]),o?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,Q.jsx)(w,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):s?n.startsWith(`image/`)?(0,Q.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,Q.jsx)(`img`,{src:s,alt:t.split(`/`).pop()??`image`,className:`max-h-[70vh] max-w-full rounded object-contain`})}):n.startsWith(`video/`)?(0,Q.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,Q.jsx)(`video`,{src:s,controls:!0,className:`max-h-[70vh] max-w-full rounded`})}):null:null}function xe({assistantId:e,path:t,name:n,mimeType:r,size:a,modifiedAt:o,showHidden:s}){let{t:c}=i(`workspace`),{isDownloading:l,error:u,download:d}=he({assistantId:e,path:t,name:n,showHidden:s});return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:n,mimeType:r,size:a}),(0,Q.jsx)(`div`,{className:`flex flex-1 items-center justify-center p-8`,children:(0,Q.jsxs)(`div`,{className:`w-full max-w-sm rounded-lg border p-6 text-center`,style:{borderColor:`var(--border-base)`,backgroundColor:`var(--surface-lift)`},children:[(0,Q.jsx)(_,{className:`mx-auto h-10 w-10`,style:{color:`var(--content-tertiary)`}}),(0,Q.jsx)(`p`,{className:`mt-3 text-body-medium-default`,style:{color:`var(--content-default)`},children:n}),(0,Q.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,Q.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:r}),(0,Q.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:J(a,`Unknown size`)}),o&&(0,Q.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[c(`workspaceFileViewer.modifiedLabel`),` `,new Date(o).toLocaleString()]})]}),(0,Q.jsx)(G,{variant:`outlined`,size:`compact`,leftIcon:l?(0,Q.jsx)(w,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(v,{"aria-hidden":!0}),onClick:d,disabled:l,"aria-label":c(`workspaceFileViewer.downloadAria`,{name:n}),className:`mt-4`,children:c(l?`workspaceFileViewer.downloading`:`workspaceFileViewer.download`)}),u&&(0,Q.jsx)(`p`,{className:`mt-2 text-body-small-default`,style:{color:`var(--system-error)`},children:c(`workspaceFileViewer.downloadFailed`)})]})})]})}function Se({assistantId:e,selectedPath:t,showHidden:n,viewMode:s,onChangeViewMode:c,onBrowse:l,pathRename:u,pathDelete:d}){let{t:f}=i(`workspace`),p=o(),{data:m,isLoading:h}=r({..._e({path:{assistant_id:e},query:{path:t??``,showHidden:n}}),enabled:!!t}),[g,_]=(0,Z.useState)(null),[v,y]=(0,Z.useState)(null);(0,Z.useEffect)(()=>{if(!u)return;let{from:e,to:t}=u,n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;_(e=>e==null?e:n(e)),y(e=>e==null?e:{...e,path:n(e.path)})},[u]),(0,Z.useEffect)(()=>{if(!d)return;let{path:e}=d,t=t=>t===e||t.startsWith(`${e}/`);_(e=>e!=null&&t(e)?null:e),y(e=>e!=null&&t(e.path)?null:e)},[d]);let b=g!=null&&g===t,x=m?.content??``,S=v?.path===t?v.content:x,C=()=>{_(null),y(null)},T=a({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await N({path:{assistant_id:e},body:{path:t,content:n,encoding:`utf8`},throwOnError:!1});if(!i?.ok||r)throw Error(`Failed to save file`)},onSuccess:(e,t)=>{_(e=>e===t.path?null:e),y(e=>e?.path===t.path?null:e),p.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),E=S!==x,D=(0,Z.useCallback)(()=>{t&&E&&!T.isPending&&T.mutate({path:t,content:S})},[t,E,T,S]);if(!t)return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3`,children:[(0,Q.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:f(`workspaceFileViewer.selectAFile`)}),l&&(0,Q.jsx)(G,{type:`button`,onClick:l,leftIcon:(0,Q.jsx)(k,{"aria-hidden":!0}),children:f(`workspaceFileViewer.browseFiles`)})]});if(h)return(0,Q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Q.jsx)(w,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})});if(!m)return(0,Q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Q.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:f(`workspaceFileViewer.fileNotFound`)})});let O=m.mimeType??`application/octet-stream`,A=m.name??t.split(`/`).pop()??t,j=R(A,O),M=fe(A,O),ee=m.content!=null&&!j&&!M,P=t?me(t):!0,F=b&&(0,Q.jsx)(se,{isDirty:E,isSaving:T.isPending,error:T.isError?f(`workspaceFileViewer.saveFailed`):null,onSave:D,onDiscard:C});if(j&&m.content!=null){let e=b?S:m.content;return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:A,mimeType:O,rightContent:(0,Q.jsx)(ye,{viewMode:s,onChange:e=>{b&&C(),c(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:e,fileName:A,mimeType:O,showEdit:!P&&s===`source`,isEditing:b,onToggleEdit:()=>b?C():_(t)}),s===`preview`?(0,Q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Q.jsx)(I,{content:e})}):b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:t,content:e}),onSave:D}):(0,Q.jsx)(Y,{content:m.content,readOnly:P,onStartEdit:()=>_(t)})]}),F]})}if(M&&m.content!=null){let e=b?S:m.content,n=pe(e);return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:A,mimeType:O,rightContent:(0,Q.jsx)(ye,{viewMode:s,onChange:e=>{b&&C(),c(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:s===`preview`?n:e,downloadContent:e,fileName:A,mimeType:O,showEdit:!P&&s===`source`,isEditing:b,onToggleEdit:()=>b?C():_(t)}),s===`preview`?(0,Q.jsx)(Y,{content:n,readOnly:!0,whiteSpace:`pre`}):b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:t,content:e}),onSave:D}):(0,Q.jsx)(Y,{content:m.content,readOnly:P,onStartEdit:()=>_(t)})]}),F]})}return ee?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:A,mimeType:O,size:m.size}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:b?S:m.content??``,fileName:A,mimeType:O,showEdit:!P,isEditing:b,onToggleEdit:()=>b?C():_(t)}),b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:t,content:e}),onSave:D}):(0,Q.jsx)(Y,{content:m.content??``,readOnly:P,onStartEdit:()=>_(t)})]}),F]}):O.startsWith(`image/`)||O.startsWith(`video/`)?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:A,mimeType:O,size:m.size,rightContent:(0,Q.jsx)(ge,{assistantId:e,path:t,name:A,showHidden:n})}),(0,Q.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,Q.jsx)(be,{assistantId:e,path:t,mimeType:O,showHidden:n})})]}):(0,Q.jsx)(xe,{assistantId:e,path:t,name:A,mimeType:O,size:m.size,modifiedAt:m.modifiedAt,showHidden:n})}function Ce(e,t){if(t===`name`)return e;let n=e.slice();return n.sort((e,t)=>{let n=e.size??null,r=t.size??null;return n===null&&r===null?(e.name??``).localeCompare(t.name??``):n===null?1:r===null?-1:n===r?(e.name??``).localeCompare(t.name??``):r-n}),n}async function we(e,t,n,r){let i=n.toLowerCase(),a=r?.toLowerCase(),{data:o}=await F({path:{assistant_id:e},query:t?{path:t}:{}});if(o?.entries?.some(e=>{let t=(e.name??``).toLowerCase();return t===i&&t!==a}))throw Error(`"${n}" already exists here.`)}function Te({entry:e}){return e.type===`directory`?(0,Q.jsx)(g,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`image/`)?(0,Q.jsx)(b,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`video/`)?(0,Q.jsx)(S,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(f,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}})}function Ee({entry:e,assistantId:t,expandedPaths:n,selectedPath:a,showHidden:o,sortMode:s,searchLower:c,onToggleExpand:l,onSelectPath:d,onRequestDelete:f,onRequestRename:p,onRequestCreate:m,depth:g}){let{t:_}=i(`workspace`),v=e.path??``,b=e.name??``,x=e.type===`directory`,S=n.has(v),C=a===v,w=b.startsWith(`.`),E=!me(v),k=x&&(S||c.length>0),{data:A}=r({...ie({assistantId:t,path:v,showHidden:o,includeDirSizes:s===`size`}),enabled:x&&k}),j=(0,Z.useMemo)(()=>Ce(A?.entries??[],s),[A?.entries,s]),M=c===``||b.toLowerCase().includes(c);if(c!==``&&!x&&!M)return null;let N=(0,Q.jsxs)(`button`,{onClick:()=>{x?l(v):d(v)},className:`flex w-full items-center gap-1.5 px-2 py-1 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{paddingLeft:`${g*14+8}px`,paddingRight:`8px`,color:C?`var(--content-default)`:w?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:C?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:w&&!C?.7:1},children:[x?k?(0,Q.jsx)(O,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(h,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(`span`,{className:`h-3 w-3 shrink-0`}),(0,Q.jsx)(Te,{entry:e}),(0,Q.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b}),e.size!=null&&(0,Q.jsx)(`span`,{className:`shrink-0 text-label-medium-default tabular-nums`,style:{color:`var(--content-tertiary)`},children:J(e.size)})]});return(0,Q.jsxs)(`div`,{children:[E?(0,Q.jsxs)(L.Root,{children:[(0,Q.jsx)(L.Trigger,{children:N}),(0,Q.jsxs)(L.Content,{children:[x&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(L.Item,{leftIcon:(0,Q.jsx)(D,{className:`h-3.5 w-3.5`}),onSelect:()=>m({kind:`file`,parentPath:v}),children:_(`workspaceTree.newFile`)}),(0,Q.jsx)(L.Item,{leftIcon:(0,Q.jsx)(u,{className:`h-3.5 w-3.5`}),onSelect:()=>m({kind:`folder`,parentPath:v}),children:_(`workspaceTree.newFolder`)}),(0,Q.jsx)(L.Separator,{})]}),(0,Q.jsx)(L.Item,{leftIcon:(0,Q.jsx)(T,{className:`h-3.5 w-3.5`}),onSelect:()=>f({path:v,name:b,isDirectory:x}),children:_(`workspaceTree.delete`)}),(0,Q.jsx)(L.Item,{leftIcon:(0,Q.jsx)(y,{className:`h-3.5 w-3.5`}),onSelect:()=>p({path:v,name:b,isDirectory:x}),children:_(`workspaceTree.rename`)})]})]}):N,x&&k&&j.length>0&&(0,Q.jsx)(`div`,{children:j.map(e=>(0,Q.jsx)(Ee,{entry:e,assistantId:t,expandedPaths:n,selectedPath:a,showHidden:o,sortMode:s,searchLower:c,onToggleExpand:l,onSelectPath:d,onRequestDelete:f,onRequestRename:p,onRequestCreate:m,depth:g+1},e.path))})]})}function De({title:e,placeholder:t,confirmLabel:n,pendingLabel:r,initialName:a,onCancel:o,onConfirm:s,pending:c,error:l}){let{t:u}=i(`workspace`),d=(0,Z.useRef)(null),[f,p]=(0,Z.useState)(a??``),m=f.trim(),h=m.length>0&&(/[/\\]/.test(m)||m===`.`||m===`..`),g=m.length>0&&!h&&!c;return(0,Q.jsx)(W.Root,{open:!0,onOpenChange:e=>{!e&&!c&&o()},children:(0,Q.jsx)(W.Content,{size:`sm`,hideCloseButton:!0,"aria-describedby":void 0,onOpenAutoFocus:e=>{e.preventDefault();let t=d.current;t&&(t.focus(),requestAnimationFrame(()=>{t.setSelectionRange(0,t.value.length)}))},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),c||o()},children:(0,Q.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),g&&s(m)},children:[(0,Q.jsx)(W.Header,{children:(0,Q.jsx)(W.Title,{children:e})}),(0,Q.jsx)(W.Body,{children:(0,Q.jsx)(te,{ref:d,label:u(`workspaceTree.nameLabel`),value:f,onChange:e=>p(e.target.value),placeholder:t,errorText:l??(h?u(`workspaceTree.nameError`):void 0),autoComplete:`off`,spellCheck:!1,fullWidth:!0})}),(0,Q.jsxs)(W.Footer,{children:[(0,Q.jsx)(G,{type:`button`,variant:`outlined`,onClick:o,disabled:c,children:u(`workspaceTree.cancel`)}),(0,Q.jsx)(G,{type:`submit`,variant:`primary`,disabled:!g,children:c?r:n})]})]})})})}function Oe({assistantId:e,expandedPaths:n,selectedPath:s,showHidden:c,sortMode:l,onToggleExpand:u,onExpandPath:f,onSelectPath:h,onToggleShowHidden:g,onChangeSortMode:_,onPathDeleted:v,onPathRenamed:y,search:b,onSearchChange:S}){let{t:C}=i(`workspace`),w=o(),T=b.trim().toLowerCase(),[E,D]=(0,Z.useState)(!1),[O,k]=(0,Z.useState)(null),[A,j]=(0,Z.useState)(null),F=(0,Z.useCallback)(()=>{k(null),j(null)},[]),{data:I,isLoading:L}=r(ie({assistantId:e,showHidden:c,includeDirSizes:l===`size`})),R=(0,Z.useMemo)(()=>Ce(I?.entries??[],l),[I?.entries,l]),z=(0,Z.useCallback)(()=>{for(let e of[re,`assistantsWorkspaceFileRetrieve`,`assistantsWorkspaceFileContentRetrieve`])w.invalidateQueries({queryKey:[e]})},[w]),B=a({mutationFn:async t=>{let n=t.parentPath?`${t.parentPath}/${t.name}`:t.name;await we(e,t.parentPath,t.name);let{error:r,response:i}=t.kind===`file`?await N({path:{assistant_id:e},body:{path:n,content:``,encoding:`utf8`},throwOnError:!1}):await P({path:{assistant_id:e},body:{path:n},throwOnError:!1});if(r||!i?.ok)throw Error(typeof r==`string`?r:`Failed to create — check the name and try again.`);return{...t,path:n}},onSuccess:e=>{F(),z(),e.parentPath&&f(e.parentPath),e.kind===`file`?h(e.path):f(e.path)},onError:e=>{j(e instanceof Error?e.message:`Failed to create.`)}}),V=a({mutationFn:async t=>{let n=t.oldPath.lastIndexOf(`/`),r=n===-1?``:t.oldPath.slice(0,n),i=t.oldPath.slice(n+1),a=r?`${r}/${t.newName}`:t.newName;await we(e,r,t.newName,i);let{error:o,response:s}=await ee({path:{assistant_id:e},body:{oldPath:t.oldPath,newPath:a},throwOnError:!1});if(o||!s?.ok)throw Error(typeof o==`string`?o:`Failed to rename — check the name and try again.`);return{oldPath:t.oldPath,newPath:a}},onSuccess:({oldPath:e,newPath:t})=>{F(),z(),y(e,t)},onError:e=>{j(e instanceof Error?e.message:`Failed to rename.`)}}),H=(0,Z.useCallback)(e=>{j(null),k({type:`create`,...e})},[]),U=(0,Z.useCallback)(e=>{j(null),k({type:`rename`,path:e.path,name:e.name})},[]),[W,K]=(0,Z.useState)(null),q=a({mutationFn:async t=>{let{error:n,response:r}=await M({path:{assistant_id:e},body:{path:t.path},throwOnError:!1});if(n||!r?.ok)throw Error(typeof n==`string`?n:`Failed to delete — try again.`);return t},onSuccess:e=>{K(null),z(),v(e.path)}}),ae=(0,Z.useCallback)(e=>{q.reset(),K(e)},[q]);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,Q.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:C(`workspaceTree.heading`)}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,Q.jsx)(G,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:l===`size`?(0,Q.jsx)(ue,{"aria-hidden":!0}):(0,Q.jsx)(le,{"aria-hidden":!0}),onClick:()=>_(l===`size`?`name`:`size`),"aria-label":C(l===`size`?`workspaceTree.sortByNameAria`:`workspaceTree.sortBySizeAria`),title:C(l===`size`?`workspaceTree.sortedBySizeTitle`:`workspaceTree.sortedByNameTitle`),tintColor:l===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(G,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:c?(0,Q.jsx)(d,{"aria-hidden":!0}):(0,Q.jsx)(m,{"aria-hidden":!0}),onClick:g,"aria-label":C(c?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),title:C(c?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),tintColor:c?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(ke,{open:E,onOpenChange:D,onSelectKind:e=>{D(!1),H({kind:e,parentPath:``})}})]})]}),(0,Q.jsx)(`div`,{className:`px-3 py-2`,children:(0,Q.jsxs)(`div`,{className:`relative`,children:[(0,Q.jsx)(te,{type:`text`,value:b,onChange:e=>S(e.target.value),placeholder:C(`workspaceTree.searchPlaceholder`),leftIcon:(0,Q.jsx)(p,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,spellCheck:!1,autoComplete:`off`}),b&&(0,Q.jsx)(G,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(x,{"aria-hidden":!0}),onClick:()=>S(``),"aria-label":C(`workspaceTree.clearSearchAria`),className:`absolute right-1.5 top-1/2 -translate-y-1/2`,tintColor:`var(--content-tertiary)`})]})}),(0,Q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-1`,children:L?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,Q.jsx)(`div`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`,style:{color:`var(--content-tertiary)`}})}):R.length?R.map(t=>(0,Q.jsx)(Ee,{entry:t,assistantId:e,expandedPaths:n,selectedPath:s,showHidden:c,sortMode:l,searchLower:T,onToggleExpand:u,onSelectPath:h,onRequestDelete:ae,onRequestRename:U,onRequestCreate:H,depth:0},t.path)):(0,Q.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:C(`workspaceTree.noFilesFound`)})}),O?.type===`create`&&(0,Q.jsx)(De,{title:O.kind===`file`?C(`workspaceTree.newFile`):C(`workspaceTree.newFolder`),placeholder:O.kind===`file`?`filename.md`:`folder-name`,confirmLabel:C(`workspaceTree.create`),pendingLabel:C(`workspaceTree.creating`),onCancel:F,onConfirm:e=>{j(null),B.mutate({kind:O.kind,parentPath:O.parentPath,name:e})},pending:B.isPending,error:A},`create-${O.kind}-${O.parentPath}`),O?.type===`rename`&&(0,Q.jsx)(De,{title:C(`workspaceTree.rename`),placeholder:O.name,confirmLabel:C(`workspaceTree.rename`),pendingLabel:C(`workspaceTree.renaming`),initialName:O.name,onCancel:F,onConfirm:e=>{if(e===O.name){F();return}j(null),V.mutate({oldPath:O.path,newName:e})},pending:V.isPending,error:A},`rename-${O.path}`),(0,Q.jsx)(ne,{open:W!==null,title:W?.isDirectory?C(`workspaceTree.deleteFolderTitle`):C(`workspaceTree.deleteFileTitle`),message:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(t,{i18nKey:W?.isDirectory?`workspaceTree.deleteFolderMessage`:`workspaceTree.deleteFileMessage`,ns:`workspace`,values:{name:W?.name??``},components:{name:(0,Q.jsx)(`span`,{style:{color:`var(--content-default)`}})}}),q.error&&(0,Q.jsx)(`span`,{className:`mt-2 block`,style:{color:`var(--system-negative-strong)`},children:q.error.message})]}),confirmLabel:q.isPending?C(`workspaceTree.deleting`):C(`workspaceTree.delete`),destructive:!0,isPending:q.isPending,onConfirm:()=>{W&&q.mutate(W)},onCancel:()=>K(null)})]})}function ke({open:e,onOpenChange:t,onSelectKind:n}){let{t:r}=i(`workspace`);return K()?(0,Q.jsxs)(V.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(V.Trigger,{asChild:!0,children:(0,Q.jsx)(G,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(C,{"aria-hidden":!0}),"aria-label":r(`workspaceTree.createTriggerAria`),title:r(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(V.Content,{children:[(0,Q.jsx)(V.Header,{className:`sr-only`,children:(0,Q.jsx)(V.Title,{children:r(`workspaceTree.creatingHeading`)})}),(0,Q.jsxs)(V.Body,{className:`pt-0`,children:[(0,Q.jsx)(B,{icon:D,label:r(`workspaceTree.newFile`),onSelect:()=>n(`file`)}),(0,Q.jsx)(B,{icon:u,label:r(`workspaceTree.newFolder`),onSelect:()=>n(`folder`)})]})]})]}):(0,Q.jsxs)(U.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(U.Trigger,{asChild:!0,children:(0,Q.jsx)(G,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(C,{"aria-hidden":!0}),"aria-label":r(`workspaceTree.createTriggerAria`),title:r(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(U.Content,{align:`end`,sideOffset:4,children:[(0,Q.jsx)(U.Item,{leftIcon:(0,Q.jsx)(D,{className:`h-3.5 w-3.5`}),onSelect:()=>n(`file`),children:r(`workspaceTree.newFile`)}),(0,Q.jsx)(U.Item,{leftIcon:(0,Q.jsx)(u,{className:`h-3.5 w-3.5`}),onSelect:()=>n(`folder`),children:r(`workspaceTree.newFolder`)})]})]})}function Ae(e){let t=e.split(`/`),n=new Set;for(let e=1;e<t.length;e++)n.add(t.slice(0,e).join(`/`));return n}function je({assistantId:e}){let{t}=i(`workspace`),[n,r]=c(),[a,o]=(0,Z.useState)(()=>{let e=n.get(`file`);return e?Ae(e):new Set}),[s,l]=(0,Z.useState)(()=>n.get(`file`)),[u,d]=(0,Z.useState)(!1),[f,p]=(0,Z.useState)(()=>n.get(`sort`)===`size`?`size`:`name`),[m,h]=(0,Z.useState)(`preview`);(0,Z.useEffect)(()=>{let e=n.get(`file`);e&&(l(e),o(t=>{let n=new Set(t);for(let t of Ae(e))n.add(t);return n.size===t.size?t:n}),r(e=>{let t=new URLSearchParams(e);return t.delete(`file`),t},{replace:!0}))},[n,r]);let g=(0,Z.useCallback)(e=>{o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),_=(0,Z.useCallback)(e=>{o(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),{paneRef:v,hasRoomForList:y,drawerOpen:b,openDrawer:x,closeDrawer:S}=oe(),[C,w]=(0,Z.useState)(``),T=(0,Z.useCallback)(e=>{l(e),S()},[S]),[E,D]=(0,Z.useState)(null),O=(0,Z.useCallback)(e=>{let t=t=>t===e||t.startsWith(`${e}/`);l(e=>e!==null&&t(e)?null:e),o(e=>{let n=new Set([...e].filter(e=>!t(e)));return n.size===e.size?e:n}),D({path:e})},[]),[k,A]=(0,Z.useState)(null),j={assistantId:e,expandedPaths:a,selectedPath:s,showHidden:u,sortMode:f,onToggleExpand:g,onExpandPath:_,onSelectPath:T,onToggleShowHidden:()=>d(e=>!e),onChangeSortMode:p,onPathDeleted:O,onPathRenamed:(0,Z.useCallback)((e,t)=>{let n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;l(e=>e===null?e:n(e)),o(e=>{let t=!1,r=new Set;for(let i of e){let e=n(i);e!==i&&(t=!0),r.add(e)}return t?r:e}),A({from:e,to:t})},[]),search:C,onSearchChange:w};return(0,Q.jsxs)(`div`,{ref:v,className:`flex h-full min-h-0 flex-col gap-4`,children:[y?null:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{className:`flex items-center`,children:(0,Q.jsx)(ae,{onClick:x})}),(0,Q.jsx)(q,{open:b,onClose:S,title:t(`workspaceBrowser.drawerTitle`),children:(0,Q.jsx)(Oe,{...j})})]}),(0,Q.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 ${y?`grid-cols-[320px_1fr]`:`grid-cols-1`}`,children:[y?(0,Q.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden rounded-xl border`,style:{backgroundColor:`var(--surface-overlay)`,borderColor:`var(--border-base)`},children:(0,Q.jsx)(Oe,{...j})}):null,(0,Q.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden rounded-xl border`,style:{backgroundColor:`var(--surface-overlay)`,borderColor:`var(--border-base)`},children:(0,Q.jsx)(Se,{assistantId:e,selectedPath:s,showHidden:u,viewMode:m,onChangeViewMode:h,onBrowse:y?void 0:x,pathRename:k,pathDelete:E})})]})]})}function Me(){return(0,Q.jsx)(je,{assistantId:z()})}export{Me as WorkspacePage};