@vellumai/web 0.12.1-staging.1 → 0.12.1

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Aa as t,Ba as n,Bt as r,Cy as i,Da as a,Dc as o,Fb as s,Ga as c,Gt as l,Ha as u,If as d,Jt as f,Ka as p,Lb as m,Ma as h,Oa as g,Oc as _,Qh as v,Rb as y,Ry as b,Tb as x,Td as S,Ua as C,Va as w,Vt as T,Wa as E,Wb as D,ab as O,au as k,bb as A,ds as j,fs as M,gs as ee,it as te,ja as ne,jb as re,ka as ie,nt as N,ot as ae,qa as P,qp as oe,rb as se,rt as ce,su as le,tx as F,wd as ue,zb as de,zy as fe}from"./app-Be9Y1Pkn.js";import{Zn as I,er as pe,j as L}from"./vendor-DrQwXGxY.js";import{_ as me,n as he,r as R,t as ge,x as _e}from"./react-B9IgSVeK.js";import{Fa as ve,ur as z}from"./icons-bnwMda87.js";import{t as B}from"./detail-card-CIA2Dh-F.js";import{t as ye}from"./stt-language-picker-modal-D-cPlhY4.js";import{t as be}from"./use-hotkey-recorder-jSmg7CD0.js";var V=e(_e(),1),H=ge();function U({label:e,selected:t,recording:n=!1,onClick:r}){return(0,H.jsxs)(`button`,{type:`button`,onClick:r,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)]`,t?`bg-[var(--surface-active)]`:`bg-[var(--surface-lift)] hover:bg-[var(--surface-hover)]`,n?`animate-pulse`:``].filter(Boolean).join(` `),children:[(0,H.jsx)(`span`,{className:[`inline-block h-2.5 w-2.5 rounded-full border`,t?`border-[var(--primary-base)] bg-[var(--primary-base)]`:`border-[var(--border-element)]`].join(` `)}),(0,H.jsx)(`span`,{className:`text-[var(--content-default)]`,children:e})]})}function xe(){let{t:e}=L(`settings`),{available:t,currentCode:n,configuredProviderId:r,selectLanguage:i,selecting:a}=te(N()),[o,s]=(0,V.useState)(!1);return t?(0,H.jsxs)(B,{title:e(`listeningLanguageCard.title`),subtitle:e(`listeningLanguageCard.subtitle`),children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,H.jsx)(`span`,{className:`min-w-0 text-body-medium-lighter text-[var(--content-default)]`,children:ae(n,r)}),(0,H.jsx)(F,{variant:`outlined`,onClick:()=>s(!0),className:`shrink-0`,children:e(`listeningLanguageCard.change`)})]}),(0,H.jsx)(ye,{open:o,onOpenChange:s,title:e(`listeningLanguageCard.title`),currentCode:n,configuredProviderId:r,selectLanguage:i,selecting:a})]}):null}var W=`flux`;function Se(e){return e===`vellum`}function Ce(e,t){let n=e?.trim().toLowerCase();return!n||n===`multi`||t===void 0?!0:t.includes(n.split(`-`)[0]??n)}function we(){let{t:e}=L(`settings`),t=pe(),n=oe(),r=N(),[i,a]=(0,V.useState)(!1),{data:o}=I({...ue({path:{assistant_id:r}}),enabled:n,staleTime:3e4}),c=o?.services?.stt,{data:l}=I({...d({path:{assistant_id:r}}),enabled:n,staleTime:5*6e4}),u=c?.roles?.liveVoice?.provider??c?.provider,f=l?.providers?.find(e=>e.id===u),p=f?.modelFamilies?.includes(W)??!1;if(!u||!p)return null;let m=Ce(c?.language,f?.turnDetectionLanguages),h=c?.roles?.liveVoice,g=h?h.model:c?.providers?.[u]?.model,_=g===void 0?Se(u)&&m:g===W,y=async n=>{a(!0);try{let{response:e}=await v({path:{assistant_id:r},body:{services:{stt:{roles:{liveVoice:{provider:u,model:n?W:f?.baseModelFamily}}}}},throwOnError:!1});if(!e?.ok)throw Error(String(e?.status??``));await t.invalidateQueries({queryKey:S({path:{assistant_id:r}})})}catch{s.error(e(`voicePage.turnDetectionFailed`))}finally{a(!1)}};return(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e(`voicePage.turnDetectionLabel`)}),(0,H.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,children:e(m?`voicePage.turnDetectionDescription`:`voicePage.turnDetectionLanguageUnsupported`)}),(0,H.jsx)(D,{checked:_,disabled:i||!m&&!_,onChange:e=>void y(e),"aria-label":e(`voicePage.turnDetectionLabel`)})]})}var G=`flex items-start gap-1 pt-1 text-body-small-lighter text-[var(--content-quiet)]`,K=`flex items-start gap-1 pt-1 text-body-small-lighter text-[var(--system-negative-strong)]`,Te=2;function q(e){let t=[];return e.ctrlKey&&t.push(`control`),e.altKey&&t.push(`option`),e.shiftKey&&t.push(`shift`),e.metaKey&&t.push(`command`),P(t)}function Ee(){let{t:e}=L(`settings`),t=u(),r=a(e=>e.registered)===!1,[i,o]=(0,V.useState)(null),[s,c]=(0,V.useState)(!1),[l,d]=(0,V.useState)([]),[f,m]=(0,V.useState)(!1),h=(0,V.useRef)(null),g=(0,V.useCallback)(async()=>{o((await k())?.inputMonitoring.status??null)},[]);(0,V.useEffect)(()=>{g();let e=setInterval(()=>{g()},2e3);return()=>{clearInterval(e)}},[g]);let _=(0,V.useCallback)(()=>{le(`inputMonitoring`).then(g)},[g]),v=(0,V.useCallback)(e=>{C(e),c(!1),d([]),m(!1),e.kind!==`off`&&_()},[_]),y=(0,V.useCallback)(()=>{c(!0),d([]),m(!1),requestAnimationFrame(()=>{h.current?.focus()})},[]),b=(0,V.useCallback)(()=>{c(!1),d([]),m(!1)},[]),x=(0,V.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),e.key===`Escape`){b();return}d(q(e))},[b]),S=(0,V.useCallback)(e=>{if(s&&!(q(e).length>0)){if(l.length>=Te){v({kind:`modifierOnly`,modifiers:l});return}d([]),m(!0)}},[v,l,s]);(0,V.useEffect)(()=>{if(!s)return;let e=e=>{h.current&&!h.current.contains(e.target)&&b()};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[b,s]);let T=w(t),E=t.kind===`modifierOnly`&&!T,D=t.kind!==`off`,O=t.kind===`modifierOnly`&&t.modifiers.includes(`control`)&&t.modifiers.includes(`option`),A=i===`granted`;return(0,H.jsx)(B,{title:e(`voiceKeyCard.title`),subtitle:e(`voiceKeyCard.subtitle`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsxs)(`div`,{ref:h,tabIndex:s?0:-1,onKeyDown:s?x:void 0,onKeyUp:s?S:void 0,className:`flex flex-wrap items-center gap-2 focus:outline-none`,children:[(0,H.jsx)(U,{label:e(`voiceKeyCard.fnLabel`),selected:T,onClick:()=>v(n)}),s?(0,H.jsx)(U,{label:l.length>0?p(l):e(`voiceKeyCard.recordingPrompt`),selected:!0,recording:!0,onClick:b}):(0,H.jsx)(U,{label:t.kind===`modifierOnly`&&!T?p(t.modifiers):e(`voiceKeyCard.customLabel`),selected:E,onClick:y}),(0,H.jsx)(U,{label:e(`voiceKeyCard.offLabel`),selected:!D,onClick:()=>v({kind:`off`})})]}),f&&(0,H.jsxs)(`div`,{className:G,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voiceKeyCard.customHint`)})]}),D&&i!==null&&!A&&(0,H.jsxs)(`div`,{className:`flex flex-col items-start gap-2 pt-1`,children:[(0,H.jsxs)(`div`,{className:K,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voiceKeyCard.needsInputMonitoring`)})]}),(0,H.jsx)(F,{variant:`outlined`,onClick:_,children:e(`voiceKeyCard.allowInputMonitoring`)})]}),D&&A&&r&&(0,H.jsxs)(`div`,{className:K,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voiceKeyCard.refusedNote`)})]}),T&&(0,H.jsxs)(`div`,{className:G,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voiceKeyCard.fnDictationNote`)})]}),O&&(0,H.jsxs)(`div`,{className:G,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voiceKeyCard.voiceOverNote`)})]})]})})}function De({assistantId:e,open:t,onOpenChange:n}){return(0,H.jsx)(m.Root,{open:t,onOpenChange:n,children:(0,H.jsx)(m.Content,{size:`md`,children:(0,H.jsx)(Oe,{assistantId:e,onDone:()=>n(!1)})})})}function Oe({assistantId:e,onDone:t}){let{t:n}=L(),{available:r,currentModel:i,selectModel:a,selecting:o}=l(e);return(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(m.Header,{children:[(0,H.jsx)(m.Title,{children:n(`voicePickerModal.title`)}),r&&(0,H.jsx)(m.Description,{children:`Uses Vellum credits, through providers like ElevenLabs and Deepgram.`})]}),(0,H.jsx)(m.Body,{children:(0,H.jsx)(T,{assistantId:e,filterBySource:!0,value:i,onChange:a,autoScrollToSelected:!0})}),(0,H.jsxs)(m.Footer,{className:`items-center justify-between gap-3`,children:[(0,H.jsx)(ce,{}),(0,H.jsx)(F,{variant:`primary`,onClick:t,disabled:o,className:`shrink-0`,children:n(`voicePickerModal.done`)})]})]})}function ke(){let{t:e}=L(`settings`),t=N(),{available:n,settled:a,voices:o,currentModel:s}=l(t),c=o.find(e=>e.model===s)??o[0],[u,d]=(0,V.useState)(!1),p=i.use.name(),m=p?e(`voicePickerCard.titleWithName`,{name:p}):e(`voicePickerCard.title`);return a?n&&c?(0,H.jsxs)(B,{title:m,subtitle:e(`voicePickerCard.creditsNote`),children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,H.jsx)(r,{description:c.description,className:`min-w-0 text-body-medium-lighter text-[var(--content-default)]`}),(0,H.jsx)(F,{variant:`outlined`,onClick:()=>d(!0),className:`shrink-0`,children:e(`voicePickerCard.changeButton`)})]}),(0,H.jsx)(De,{assistantId:t,open:u,onOpenChange:d})]}):(0,H.jsx)(B,{title:m,children:(0,H.jsx)(f,{})}):(0,H.jsx)(B,{title:m,children:(0,H.jsx)(A,{as:`span`,role:`status`,"aria-label":e(`voicePickerCard.loadingAria`),className:`block h-9 w-48`})})}var Ae=[{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.`}],je=`We recommend keeping both off to start. It feels more like a real conversation.`;function Me(){let{t:e}=L();return(0,H.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 Ne({label:e,description:t,showBadge:n,checked:r,onChange:i}){return(0,H.jsxs)(`div`,{className:`flex items-center justify-between gap-3 py-1`,children:[(0,H.jsxs)(`div`,{className:`min-w-0`,children:[(0,H.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,H.jsx)(`span`,{className:`truncate text-body-medium-lighter text-[var(--content-default)]`,children:e}),n?(0,H.jsx)(Me,{}):null]}),t?(0,H.jsx)(`div`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:t}):null]}),(0,H.jsx)(D,{checked:r,onChange:i,"aria-label":e})]})}function Pe({showDescription:e=!1,showRecommendedBadge:t=!1}){let{t:n}=L(),r=_.use.showUserTranscript(),i=_.use.showAssistantTranscript(),a=_.use.setShowUserTranscript(),o=_.use.setShowAssistantTranscript(),s={showUserTranscript:{checked:r,onChange:a},showAssistantTranscript:{checked:i,onChange:o}},c=(e,t)=>n(e===`showUserTranscript`?`voiceTranscriptToggles.userTranscriptLabel`:`voiceTranscriptToggles.assistantTranscriptLabel`,t),l=(e,t)=>n(e===`showUserTranscript`?`voiceTranscriptToggles.userTranscriptDescription`:`voiceTranscriptToggles.assistantTranscriptDescription`,t);return(0,H.jsx)(H.Fragment,{children:Ae.map(n=>{let r=s[n.prefKey];return(0,H.jsx)(Ne,{label:c(n.prefKey,n.label),description:e?l(n.prefKey,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 Fe(){let[e]=me(),t=e.get(`tab`);return t===`sounds`?(0,H.jsx)(R,{replace:!0,to:b.settings.sounds}):t===`services`?(0,H.jsx)(R,{replace:!0,to:b.settings.ai}):(0,H.jsx)(Ie,{})}function Ie(){let{t:e}=L(`settings`);return(0,H.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[(0,H.jsxs)(Y,{heading:e(`voicePage.sectionOutputHeading`),description:e(`voicePage.sectionOutputDescription`),children:[(0,H.jsx)(ke,{}),(0,H.jsx)(Le,{})]}),(0,H.jsxs)(Y,{heading:e(`voicePage.sectionInputHeading`),description:e(`voicePage.sectionInputDescription`),children:[(0,H.jsx)(Re,{}),(0,H.jsx)(xe,{}),ee()?(0,H.jsx)(Ee,{}):(0,H.jsx)(Ve,{}),(0,H.jsx)(He,{})]}),(0,H.jsx)(Y,{heading:e(`voicePage.sectionCaptionsHeading`),children:(0,H.jsx)(X,{})})]})}function Le(){let{t:e}=L(`settings`),{available:t}=l(N());return t?(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 px-1 text-body-small-lighter text-[var(--content-tertiary)]`,children:[(0,H.jsx)(z,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-quiet)]`}),(0,H.jsx)(`span`,{children:e(`voicePage.speechServicesBannerPrompt`)}),(0,H.jsxs)(he,{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,H.jsx)(ve,{className:`h-3 w-3`})]})]}):null}function Y({heading:e,description:t,children:n}){return(0,H.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,H.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,H.jsx)(`h2`,{className:`text-label-medium-default uppercase tracking-wide text-[var(--content-tertiary)]`,children:e}),t&&(0,H.jsx)(`p`,{className:`text-body-small-default text-[var(--content-quiet)]`,children:t})]}),n]})}function X(){let{t:e}=L(`settings`);return(0,H.jsx)(B,{title:e(`voicePage.captionsTitle`),subtitle:e(`voicePage.captionsSubtitle`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsx)(Pe,{showDescription:!0}),(0,H.jsx)(`p`,{className:`${J} pt-1`,children:e(`voicePage.captionsRecommendation`,je)})]})})}var Z=``;function Re(){let{t:e}=L(`settings`),[t,n]=(0,V.useState)([]),[r,i]=(0,V.useState)(!1),[a,o]=(0,V.useState)(!1),[s,c]=(0,V.useState)(()=>M()),l=(0,V.useCallback)(async()=>{if(navigator.mediaDevices?.enumerateDevices)try{let e=(await navigator.mediaDevices.enumerateDevices()).filter(e=>e.kind===`audioinput`);i(e.length>0&&e.every(e=>!e.label)),n(e.filter(e=>e.deviceId!==``&&e.deviceId!==`default`&&e.deviceId!==`communications`)),o(e.length===0||e.some(e=>!!e.label))}catch{n([]),i(!1),o(!1)}},[]),u=(0,V.useCallback)(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});for(let t of e.getTracks())t.stop()}catch{}l()},[l]);(0,V.useEffect)(()=>{l();let e=navigator.mediaDevices;if(!e?.addEventListener)return;let t=()=>void l();return e.addEventListener(`devicechange`,t),()=>e.removeEventListener(`devicechange`,t)},[l]);let d=(0,V.useMemo)(()=>{let n=t.map((t,n)=>({value:t.deviceId,label:t.label||e(`voicePage.microphoneFallbackLabel`,{index:n+1})})),r=s!==Z&&!n.some(e=>e.value===s);return[{value:null,label:e(`voicePage.systemDefault`)},...n,...r?[{value:s,label:e(a?`voicePage.savedMicrophoneNotConnected`:`voicePage.savedMicrophone`)}]:[]]},[t,s,a,e]),f=(0,V.useCallback)(e=>{c(e),e===Z?se(j):O(j,e)},[]),p=s===Z?null:s;return(0,H.jsx)(B,{title:e(`voicePage.microphoneTitle`),subtitle:e(`voicePage.microphoneSubtitle`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,H.jsx)(`div`,{className:`max-w-xs`,children:(0,H.jsx)(x,{options:d,value:p,onChange:f,onSelectNone:()=>f(Z),"aria-label":e(`voicePage.microphoneAriaLabel`)})}),r&&(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,H.jsx)(F,{variant:`outlined`,onClick:u,children:e(`voicePage.allowMicrophoneAccess`)}),(0,H.jsx)(`span`,{className:J,children:e(`voicePage.grantMicrophoneAccessHint`)})]})]})})}var ze=new Set([`Control`,`Alt`,`Shift`,`Meta`]),Q=`toggleVoice`,Be=[{label:`Ctrl+Shift`,activator:{kind:`modifierOnly`,modifiers:[`control`,`shift`]}},{label:`Alt`,activator:{kind:`modifierOnly`,modifiers:[`option`]}}];function Ve(){let{t:e}=L(`settings`),n=fe(),[r,i]=(0,V.useState)(()=>t()),[a,o]=(0,V.useState)(!1),[s,l]=(0,V.useState)([]),[u,d]=(0,V.useState)(!1),f=(0,V.useRef)(null),m=(0,V.useMemo)(()=>{let e=ie();return[{label:E(e),activator:e}]},[]),_=r.kind!==`off`,v=(0,V.useCallback)(e=>{i(e),h(e),o(!1),l([]),d(!1)},[]),y=be({onBound:()=>v({kind:`off`})}),b=y.catalog.find(e=>e.key===Q)?.accelerator??``,x=y.recordingKey===Q,S=ne()?Be:[],C=(0,V.useCallback)(e=>{v(e),y.removeHotkey(Q)},[y,v]),w=(0,V.useCallback)(()=>{v({kind:`off`}),y.removeHotkey(Q)},[y,v]),T=(0,V.useCallback)(()=>{o(!0),l([]),d(!1),requestAnimationFrame(()=>{f.current?.focus()})},[]),O=(0,V.useCallback)(()=>{o(!1),l([]),d(!1)},[]),k=(0,V.useCallback)(e=>{let t=[];return e.ctrlKey&&t.push(`control`),e.altKey&&t.push(`option`),e.shiftKey&&t.push(`shift`),e.metaKey&&t.push(`command`),t},[]),A=(0,V.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),e.key===`Escape`){O();return}let t=k(e);if(ze.has(e.key)){d(!1),l(P(t));return}if(t.length===0){d(!0);return}v({kind:`key`,label:e.key.length===1?e.key.toUpperCase():e.key,modifiers:P(t)})},[O,k,v]),j=(0,V.useCallback)(e=>{a&&k(e).length===0&&s.length>0&&(l([]),d(!0))},[k,a,s]);(0,V.useEffect)(()=>{if(!a)return;let e=e=>{f.current&&!f.current.contains(e.target)&&O()};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[O,a]);let M=_&&!m.some(e=>c(e.activator,r));return n?(0,H.jsx)(B,{title:e(`voicePage.voiceShortcutTitle`),subtitle:e(`voicePage.voiceShortcutSubtitleDesktop`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[S.map(e=>(0,H.jsx)(U,{label:e.label,selected:c(e.activator,r),onClick:()=>C(e.activator)},e.label)),(0,H.jsx)(U,{label:x?e(`voicePage.recordingPrompt`):b?(0,H.jsx)(re,{accelerator:b}):e(`voicePage.customKey`),selected:b!==``,recording:x,onClick:x?y.stopRecording:()=>y.startRecording(Q)}),(0,H.jsx)(U,{label:e(`voicePage.offKeyLabel`),selected:r.kind===`off`&&!b&&!x,onClick:w})]}),y.conflict?.key===Q&&(0,H.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--system-negative-strong)]`,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voicePage.shortcutConflict`,{command:y.conflict.label})})]})]})}):(0,H.jsx)(B,{title:e(`voicePage.voiceShortcutTitle`),subtitle:e(`voicePage.voiceShortcutSubtitle`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,H.jsx)(D,{checked:_,onChange:e=>{v(e?g():{kind:`off`})},label:e(`voicePage.enableVoiceShortcut`)}),_&&(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsx)(`span`,{className:J,children:e(`voicePage.activationKeyLabel`)}),(0,H.jsxs)(`div`,{ref:f,tabIndex:a?0:-1,onKeyDown:a?A:void 0,onKeyUp:a?j:void 0,className:`flex flex-wrap items-center gap-2 focus:outline-none`,children:[m.map(e=>(0,H.jsx)(U,{label:e.label,selected:c(e.activator,r),onClick:()=>v(e.activator)},e.label)),a?(0,H.jsx)(U,{label:s.length>0?p(s):e(`voicePage.pressShortcut`),selected:!0,recording:!0,onClick:O}):(0,H.jsx)(U,{label:M?E(r):e(`voicePage.customKey`),selected:M,onClick:T})]}),u&&(0,H.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-lighter text-[var(--content-quiet)]`,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voicePage.shortcutChordHint`)})]}),_&&(0,H.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-lighter text-[var(--content-quiet)]`,children:[(0,H.jsx)(z,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,H.jsx)(`span`,{children:e(`voicePage.focusedTabNote`)})]})]})]})})}function He(){let{t:e}=L(`settings`),t=_.use.pauseBeforeReplyMs(),n=_.use.setPauseBeforeReplyMs(),r=_.use.interruptSensitivity(),i=_.use.setInterruptSensitivity(),a=(0,V.useMemo)(()=>[{value:`low`,label:e(`voicePage.interruptSensitivityLow`)},{value:`medium`,label:e(`voicePage.interruptSensitivityMedium`)},{value:`high`,label:e(`voicePage.interruptSensitivityHigh`)}],[e]),s=t!==null||r!==null;return(0,H.jsx)(B,{title:e(`voicePage.turnTakingTitle`),subtitle:e(`voicePage.turnTakingSubtitle`),children:(0,H.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,H.jsx)(we,{}),(0,H.jsx)($,{label:e(`voicePage.pauseBeforeReplyLabel`),description:e(`voicePage.pauseBeforeReplyDescription`),isDefault:t===null,children:(0,H.jsx)(`div`,{className:`max-w-xs`,children:(0,H.jsx)(y,{value:(t??1200)/1e3,onValueChange:e=>{typeof e==`number`&&n(Math.round(e*1e3))},min:500/1e3,max:o/1e3,step:.1,showValue:!0,formatValue:e=>`${(typeof e==`number`?e:e[0]).toFixed(1)}s`,"aria-label":e(`voicePage.pauseBeforeReplyAriaLabel`)})})}),(0,H.jsx)($,{label:e(`voicePage.interruptSensitivityLabel`),description:e(`voicePage.interruptSensitivityDescription`),isDefault:r===null,children:(0,H.jsx)(`div`,{className:`max-w-xs`,children:(0,H.jsx)(de,{items:a,value:r??`medium`,onChange:i,ariaLabel:e(`voicePage.interruptSensitivityAriaLabel`)})})}),s&&(0,H.jsx)(`div`,{children:(0,H.jsx)(F,{variant:`outlined`,onClick:()=>{n(null),i(null)},children:e(`voicePage.resetToDefaults`)})})]})})}function $({label:e,description:t,isDefault:n,children:r}){let{t:i}=L(`settings`);return(0,H.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:e}),n&&(0,H.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:i(`voicePage.defaultBadge`)})]}),(0,H.jsx)(`p`,{className:J,children:t}),r]})}export{Fe as VoicePage};

package/dist/assets/wake-detail-panel-B6FwjenK.js

@@ -1 +0,0 @@
-import{Yn as e,vn as t,yn as n}from"./app-Be9Y1Pkn.js";import{j as r}from"./vendor-DrQwXGxY.js";import{t as i}from"./react-B9IgSVeK.js";import{Q as a}from"./icons-bnwMda87.js";var o=i();function s({payload:t,onClose:i}){let{t:s}=r(`chat`),u=n(t.body);return(0,o.jsx)(e,{Glyph:a,title:t.title||s(`wakeDetailPanel.title`),closeLabel:s(`wakeDetailPanel.close`),closeTooltip:s(`wakeDetailPanel.close`),closeVariant:`outlined`,onClose:i,children:(0,o.jsxs)(`dl`,{className:`flex flex-col gap-6`,children:[u.workflow&&(0,o.jsx)(l,{label:s(`wakeDetailPanel.workflow`),children:u.workflow}),u.runStatus&&(0,o.jsx)(l,{label:s(`wakeDetailPanel.runStatus`),children:(0,o.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:u.runStatus})}),u.result&&(0,o.jsx)(l,{label:s(`wakeDetailPanel.result`),children:(0,o.jsx)(c,{result:u.result})}),u.rest&&(0,o.jsx)(l,{label:s(`wakeDetailPanel.details`),children:(0,o.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:u.rest})}),t.metadata.length>0&&(0,o.jsx)(`div`,{className:`flex flex-col gap-6`,children:t.metadata.map(e=>(0,o.jsx)(l,{label:e.label,children:e.value},e.label))})]})})}function c({result:e}){let n=t(e);return n?(0,o.jsx)(`div`,{className:`flex flex-col gap-4`,children:n.map((e,t)=>(0,o.jsx)(`div`,{className:t>0?`flex flex-col gap-2 border-t border-[var(--border-hover)] pt-4`:`flex flex-col gap-2`,children:e.map(e=>(0,o.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,o.jsx)(`span`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:e.key}),(0,o.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:e.value})]},e.key))},t))}):(0,o.jsx)(`span`,{className:`whitespace-pre-wrap break-words`,children:e})}function l({label:e,children:t}){return(0,o.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,o.jsx)(`dt`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:e}),(0,o.jsx)(`dd`,{className:`text-body-medium-default text-[var(--content-default)]`,children:t})]})}export{s as WakeDetailPanel};

package/dist/assets/weather-forecast-display-DiVzqI6W.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$t as t,Ta as n,en as r,nn as i,tn as a}from"./app-Be9Y1Pkn.js";import{j as o}from"./vendor-DrQwXGxY.js";import{t as s,x as c}from"./react-B9IgSVeK.js";import{B as l,bi as u,c as d,ei as f,et as p,gi as m,gn as h,hi as g,vi as _,xi as v,yi as y}from"./icons-bnwMda87.js";var b=e(c(),1),x={"sun.max.fill":{icon:l,className:`text-orange-500`},"cloud.sun.fill":{icon:m,className:`text-amber-400`},"moon.fill":{icon:h,className:`text-blue-400`},"cloud.moon.fill":{icon:y,className:`text-blue-400`},"cloud.fill":{icon:g,className:`text-stone-400`},"cloud.rain.fill":{icon:_,className:`text-blue-400`},snowflake:{icon:p,className:`text-blue-300`},"cloud.bolt.fill":{icon:u,className:`text-orange-500`},"cloud.fog.fill":{icon:v,className:`text-stone-400`}},S={sunny:{icon:l,className:`text-orange-500`},clear:{icon:l,className:`text-orange-500`},"partly cloudy":{icon:m,className:`text-amber-400`},"mostly sunny":{icon:m,className:`text-amber-400`},cloudy:{icon:g,className:`text-stone-400`},overcast:{icon:g,className:`text-stone-400`},rainy:{icon:_,className:`text-blue-400`},rain:{icon:_,className:`text-blue-400`},drizzle:{icon:_,className:`text-blue-400`},snow:{icon:p,className:`text-blue-300`},snowy:{icon:p,className:`text-blue-300`},thunderstorm:{icon:u,className:`text-orange-500`},thunder:{icon:u,className:`text-orange-500`},foggy:{icon:v,className:`text-stone-400`},fog:{icon:v,className:`text-stone-400`},mist:{icon:v,className:`text-stone-400`},hazy:{icon:v,className:`text-stone-400`},night:{icon:h,className:`text-blue-400`},"mainly clear":{icon:l,className:`text-orange-500`},"mostly cloudy":{icon:g,className:`text-stone-400`},breezy:{icon:d,className:`text-stone-400`},windy:{icon:d,className:`text-stone-400`},cool:{icon:g,className:`text-stone-400`},warm:{icon:l,className:`text-orange-500`},hot:{icon:l,className:`text-orange-500`},cold:{icon:p,className:`text-blue-300`},"cold snap":{icon:p,className:`text-blue-300`},"warm, mostly sunny":{icon:m,className:`text-amber-400`},"cooler, breezy":{icon:d,className:`text-stone-400`}},C={icon:g,className:`text-stone-400`};function w(e){let t=x[e];if(t)return t;let n=e.toLowerCase(),r=S[n];if(r)return r;for(let[e,t]of Object.entries(S))if(n.includes(e))return t;return C}function T(e){if(typeof e==`string`){let t=e.match(/^(\d+)\s*mph\s*(.*)/i);if(t)return{speed:Number(t[1]),direction:t[2]?.trim()||void 0}}return{}}function E(e){let n;if(typeof e.location==`string`)n=e.location;else{let t=a(e.location);t&&typeof t.name==`string`&&(n=t.name)}if(!n)return null;let o=a(e.current),s=r(o?.temp)??r(e.currentTemp)??r(e.temperature)??r(e.temp),c=r(o?.feelsLike)??r(o?.feels_like)??r(o?.apparentTemperature)??r(e.feelsLike)??r(e.feels_like)??r(e.apparentTemperature),l=i(o?.condition)??i(e.condition),u=r(o?.humidity)??r(e.humidity),d=T(o?.wind??e.wind),f=r(o?.windSpeed)??r(o?.wind_speed)??r(e.windSpeed)??r(e.wind_speed)??d.speed,p=i(o?.windDirection)??i(o?.wind_direction)??i(e.windDirection)??i(e.wind_direction)??d.direction,m=a(e.units),h=i(m?.temperature)??i(o?.unit)??i(e.unit)??`F`,g=i(m?.speed)??i(e.windUnit)??i(e.wind_unit),_=t(e.hourly).map((e,t)=>({id:i(e.id)??String(t),time:i(e.time)??``,icon:i(e.icon)??i(e.condition)??`cloud.fill`,temp:r(e.tempC)??r(e.temp)??r(e.temperature),tempC:r(e.tempC)})),v=t([e.forecast,e.daily,e.days].find(Array.isArray)).map((e,t)=>({id:i(e.id)??String(t),day:i(e.day)??i(e.date),dayLabel:i(e.dayLabel)??i(e.date),icon:i(e.icon)??i(e.condition)??`cloud.fill`,low:r(e.low),high:r(e.high),lowC:r(e.lowC),highC:r(e.highC),precip:r(e.precip)??r(e.precipitation)??r(e.precipitationProbability),condition:i(e.condition)}));return{location:n,currentTemp:s,feelsLike:c,condition:l,humidity:u,windSpeed:f,windDirection:p,windUnit:g,unit:h,hourly:_.length>0?_:void 0,forecast:v.length>0?v:void 0}}function D(e){return e*9/5+32}function O(e){return(e-32)*5/9}function k(e,t,n){if(e===void 0)return null;let r=e;return t&&!n&&(r=O(e)),!t&&n&&(r=D(e)),`${Math.round(r)}`}function A(e,t,n){return e.tempC===void 0?e.temp===void 0?null:k(e.temp,t,n):k(e.tempC,!1,n)}function j(e,t,n){return e.lowC===void 0?k(e.low,t,n):k(e.lowC,!1,n)}function M(e,t,n){return e.highC===void 0?k(e.high,t,n):k(e.highC,!1,n)}var N=s();function P({icon:e,size:t=20}){let{icon:n,className:r}=w(e);return(0,N.jsx)(n,{width:t,height:t,className:r})}function F({useFahrenheit:e,onToggle:t}){let{t:r}=o(`chat`);return(0,N.jsxs)(`div`,{className:`flex overflow-hidden rounded-md border border-[var(--border-element)]`,children:[(0,N.jsx)(`button`,{type:`button`,onClick:()=>t(!0),className:n(`px-2 py-0.5 text-body-small-default transition-colors`,e?`bg-[var(--primary-base)] text-[var(--content-inset)]`:`bg-transparent text-[var(--content-quiet)]`),children:r(`weatherForecastDisplay.fahrenheit`)}),(0,N.jsx)(`button`,{type:`button`,onClick:()=>t(!1),className:n(`px-2 py-0.5 text-body-small-default transition-colors`,e?`bg-transparent text-[var(--content-quiet)]`:`bg-[var(--primary-base)] text-[var(--content-inset)]`),children:r(`weatherForecastDisplay.celsius`)})]})}function I({data:e,sourceIsFahrenheit:t,useFahrenheit:n,onToggle:r}){let{t:i}=o(`chat`),a=e.location,s=k(e.currentTemp,t,n),c=k(e.feelsLike,t,n),l=n?`F`:`C`,u=e.forecast?.[0],p=u?M(u,t,n):null,m=u?j(u,t,n):null,h=null;return e.windSpeed!==void 0&&(h=`${Math.round(e.windSpeed)} ${e.windUnit??`mph`}`,e.windDirection&&(h=`${e.windDirection} ${h}`)),(0,N.jsxs)(`div`,{children:[(0,N.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-tertiary)]`,children:a}),s!==null&&(0,N.jsxs)(`div`,{className:`mt-1 text-4xl font-light text-[var(--content-default)]`,children:[s,`°`,l]}),e.condition&&(0,N.jsx)(`div`,{className:`mt-0.5 text-body-small-default text-[var(--content-quiet)]`,children:e.condition})]}),(0,N.jsx)(F,{useFahrenheit:n,onToggle:r})]}),(0,N.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-3`,children:[c!==null&&(0,N.jsx)(`span`,{className:`text-body-small-default text-[var(--content-quiet)]`,children:i(`weatherForecastDisplay.feelsLike`,{temp:c})}),p!==null&&m!==null&&(0,N.jsx)(`span`,{className:`text-body-small-default text-[var(--content-quiet)]`,children:i(`weatherForecastDisplay.highLow`,{high:p,low:m})}),h&&(0,N.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--tag-bg-neutral)] px-2 py-0.5 text-label-medium-default text-[var(--content-tertiary)]`,children:[(0,N.jsx)(d,{width:12,height:12}),h]}),e.humidity!==void 0&&(0,N.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--tag-bg-neutral)] px-2 py-0.5 text-label-medium-default text-[var(--content-tertiary)]`,children:[(0,N.jsx)(f,{width:12,height:12}),e.humidity,`%`]})]})]})}function L({hourly:e,sourceIsFahrenheit:t,useFahrenheit:n}){let{t:r}=o(`chat`);return(0,N.jsx)(`div`,{className:`mt-3 border-t border-[var(--border-element)] pt-3`,children:(0,N.jsx)(`div`,{className:`flex gap-3 overflow-x-auto`,children:e.map((e,i)=>{let a=e.time.toLowerCase()===`now`,o=A(e,t,n);return(0,N.jsxs)(`div`,{className:`flex min-w-[3rem] shrink-0 flex-col items-center gap-1`,children:[(0,N.jsx)(`span`,{className:a?`text-body-small-emphasised text-[var(--content-default)]`:`text-label-medium-default text-[var(--content-quiet)]`,children:a?r(`weatherForecastDisplay.now`):e.time}),(0,N.jsx)(P,{icon:e.icon,size:18}),o!==null&&(0,N.jsxs)(`span`,{className:`text-body-small-default text-[var(--content-default)]`,children:[o,`°`]})]},e.id??i)})})})}function R({forecast:e,currentTemp:t,sourceIsFahrenheit:r,useFahrenheit:i}){let{globalMin:a,globalMax:o}=(0,b.useMemo)(()=>{let t=1/0,n=-1/0;for(let r of e){let e=r.lowC??r.low,i=r.highC??r.high;e!==void 0&&e<t&&(t=e),i!==void 0&&i>n&&(n=i)}return{globalMin:t===1/0?0:t,globalMax:n===-1/0?100:n}},[e]),s=o-a||1;return(0,N.jsx)(`div`,{className:`mt-3 border-t border-[var(--border-element)] pt-3`,children:(0,N.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,c)=>{let l=e.dayLabel??e.day??`Day ${c+1}`,u=l.toLowerCase()===`today`,d=j(e,r,i),f=M(e,r,i),p=e.precip,m=e.lowC??e.low??a,h=e.highC??e.high??o,g=(m-a)/s*100,_=(h-a)/s*100,v=Math.max(_-g,2),y=null;if(u&&t!==void 0){let n=(e.lowC!==void 0||e.highC!==void 0)&&r?(t-32)*5/9:t;y=h===m?50:(Math.max(m,Math.min(h,n))-m)/(h-m)*100}return(0,N.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,N.jsx)(`span`,{className:n(`w-12 shrink-0 truncate text-body-small-default`,u?`text-[var(--content-default)]`:`text-[var(--content-quiet)]`),children:l}),(0,N.jsxs)(`div`,{className:`flex w-10 shrink-0 items-center justify-center gap-0.5`,children:[(0,N.jsx)(P,{icon:e.icon,size:16}),p!==void 0&&p>0&&(0,N.jsxs)(`span`,{className:`text-label-small-default text-blue-400`,children:[Math.round(p),`%`]})]}),(0,N.jsx)(`span`,{className:`w-7 shrink-0 text-right text-body-small-default text-[var(--content-faint)]`,children:d===null?`--`:`${d}°`}),(0,N.jsxs)(`div`,{className:`relative h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--border-subtle)]`,children:[(0,N.jsx)(`div`,{className:`absolute top-0 h-full rounded-full bg-[var(--primary-base)]`,style:{left:`${g}%`,width:`${v}%`}}),y!==null&&(0,N.jsx)(`div`,{className:`absolute top-1/2 h-2.5 w-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--aux-white)] bg-[var(--aux-white)] shadow-sm`,style:{left:`${g+y/100*v}%`}})]}),(0,N.jsx)(`span`,{className:`w-7 shrink-0 text-right text-body-small-default text-[var(--content-default)]`,children:f===null?`--`:`${f}°`})]},e.id??c)})})})}function z({templateData:e,fallback:t}){let n=(0,b.useMemo)(()=>E(e),[e]),r=n?.unit?.toUpperCase()===`F`||n?.unit?.toLowerCase()===`fahrenheit`,[i,a]=(0,b.useState)(null),o=i??r;return!n||n.currentTemp===void 0&&!n.forecast?.length?t??null:(0,N.jsxs)(`div`,{className:`mt-3`,children:[(0,N.jsx)(I,{data:n,sourceIsFahrenheit:r,useFahrenheit:o,onToggle:a}),n.hourly&&n.hourly.length>0&&(0,N.jsx)(L,{hourly:n.hourly,sourceIsFahrenheit:r,useFahrenheit:o}),n.forecast&&n.forecast.length>0&&(0,N.jsx)(R,{forecast:n.forecast,currentTemp:n.currentTemp,sourceIsFahrenheit:r,useFahrenheit:o})]})}export{z as WeatherForecastDisplay};

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

@@ -1 +0,0 @@
-import{Qr as e,Ry as t,zv as n}from"./app-Be9Y1Pkn.js";import{j as r}from"./vendor-DrQwXGxY.js";import{f as i,t as a}from"./react-B9IgSVeK.js";import{t as o}from"./auth-welcome-screen-TVJCWt2m.js";var s=a();function c(){let{t:a}=r(`onboarding`),c=i();return(0,s.jsx)(o,{secondary:{label:a(`welcome.continueWithoutAccount`),onSelect:()=>{n()?c(t.selectAssistant,e):c(t.onboarding.hosting,e)}}})}export{c as WelcomeScreen};

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

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

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$g as t,Ab as n,Eb as r,Gb as i,Ib as a,Lb as o,Mi as s,Pb as c,Qg as l,Sn as u,Tn as d,Xg as f,Zg as p,e_ as m,kb as h,n_ as g,nt as _,or as v,t_ as y,tx as b,wn as x,xn as S}from"./app-Be9Y1Pkn.js";import{Jn as C,N as w,Xn as T,Zn as E,er as D,j as O}from"./vendor-DrQwXGxY.js";import{_ as k,t as A,x as j}from"./react-B9IgSVeK.js";import{Ar as ee,Dr as M,Gi as N,Ir as P,It as F,Jr as I,Rr as L,Ui as R,Vr as z,Xt as B,_t as te,fr as V,h as H,i as ne,k as re,kr as U,qa as W,qn as G,qr as ie,ti as K}from"./icons-bnwMda87.js";import{n as q,r as ae,t as oe}from"./use-side-list-room-D-gQQpdF.js";import{t as J}from"./format-file-size-CEqN0m2h.js";import{i as Y,n as se,r as X,t as ce}from"./file-editor-1Vf-DccY.js";var le=W(`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=W(`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(j(),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=A();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 v({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:i}=O(`workspace`),{isDownloading:a,error:o,download:s}=he({assistantId:e,path:t,name:n,showHidden:r});return(0,Q.jsx)(b,{variant:`ghost`,size:`regular`,iconOnly:a?(0,Q.jsx)(G,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(K,{"aria-hidden":!0}),onClick:()=>void s(),disabled:a,"aria-label":i(`workspaceFileViewer.downloadAria`,{name:n}),tooltip:i(o?`workspaceFileViewer.downloadFailed`:`workspaceFileViewer.download`)})}function _e(e){return T({queryFn:async()=>{let{data:t,error:n}=await l({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=L;return n.startsWith(`image/`)?r=V:n.startsWith(`video/`)?r=H:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=P),(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}=O(`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)(b,{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:r}){let{data:i,isLoading:a}=E({queryFn:async()=>{let n=await p({path:{assistant_id:e},query:{path:t,...r?{showHidden:`true`}:{}},parseAs:`blob`});if(n.error)throw n.error;return n.data},queryKey:[`assistantsWorkspaceFileContentRetrieve`,{assistantId:e,path:t,showHidden:r}],enabled:!!t}),[o,s]=(0,Z.useState)(null);return(0,Z.useEffect)(()=>{if(!i)return;let e=URL.createObjectURL(i);return s(e),()=>{URL.revokeObjectURL(e),s(null)}},[i]),a?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,Q.jsx)(G,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):o?n.startsWith(`image/`)?(0,Q.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,Q.jsx)(`img`,{src:o,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:o,controls:!0,className:`max-h-[70vh] max-w-full rounded`})}):null:null}function xe({assistantId:e,path:t,name:n,mimeType:r,size:i,modifiedAt:a,showHidden:o}){let{t:s}=O(`workspace`),{isDownloading:c,error:l,download:u}=he({assistantId:e,path:t,name:n,showHidden:o});return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:n,mimeType:r,size:i}),(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)(P,{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(i,`Unknown size`)}),a&&(0,Q.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[s(`workspaceFileViewer.modifiedLabel`),` `,new Date(a).toLocaleString()]})]}),(0,Q.jsx)(b,{variant:`outlined`,size:`compact`,leftIcon:c?(0,Q.jsx)(G,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(K,{"aria-hidden":!0}),onClick:u,disabled:c,"aria-label":s(`workspaceFileViewer.downloadAria`,{name:n}),className:`mt-4`,children:s(c?`workspaceFileViewer.downloading`:`workspaceFileViewer.download`)}),l&&(0,Q.jsx)(`p`,{className:`mt-2 text-body-small-default`,style:{color:`var(--system-error)`},children:s(`workspaceFileViewer.downloadFailed`)})]})})]})}function Se({assistantId:e,selectedPath:t,showHidden:n,viewMode:r,onChangeViewMode:i,onBrowse:a,pathRename:o,pathDelete:s}){let{t:c}=O(`workspace`),l=D(),{data:u,isLoading:f}=E({..._e({path:{assistant_id:e},query:{path:t??``,showHidden:n}}),enabled:!!t}),[p,m]=(0,Z.useState)(null),[h,_]=(0,Z.useState)(null);(0,Z.useEffect)(()=>{if(!o)return;let{from:e,to:t}=o,n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;m(e=>e==null?e:n(e)),_(e=>e==null?e:{...e,path:n(e.path)})},[o]),(0,Z.useEffect)(()=>{if(!s)return;let{path:e}=s,t=t=>t===e||t.startsWith(`${e}/`);m(e=>e!=null&&t(e)?null:e),_(e=>e!=null&&t(e.path)?null:e)},[s]);let v=p!=null&&p===t,y=u?.content??``,S=h?.path===t?h.content:y,w=()=>{m(null),_(null)},T=C({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await g({path:{assistant_id:e},body:{path:t,content:n,encoding:`utf8`},throwOnError:!1});if(!i?.ok||r)throw Error(`Failed to save file`)},onSuccess:(e,t)=>{m(e=>e===t.path?null:e),_(e=>e?.path===t.path?null:e),l.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),k=S!==y,A=(0,Z.useCallback)(()=>{t&&k&&!T.isPending&&T.mutate({path:t,content:S})},[t,k,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:c(`workspaceFileViewer.selectAFile`)}),a&&(0,Q.jsx)(b,{type:`button`,onClick:a,leftIcon:(0,Q.jsx)(ee,{"aria-hidden":!0}),children:c(`workspaceFileViewer.browseFiles`)})]});if(f)return(0,Q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Q.jsx)(G,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})});if(!u)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:c(`workspaceFileViewer.fileNotFound`)})});let j=u.mimeType??`application/octet-stream`,M=u.name??t.split(`/`).pop()??t,N=d(M,j),P=fe(M,j),F=u.content!=null&&!N&&!P,I=t?me(t):!0,L=v&&(0,Q.jsx)(se,{isDirty:k,isSaving:T.isPending,error:T.isError?c(`workspaceFileViewer.saveFailed`):null,onSave:A,onDiscard:w});if(N&&u.content!=null){let e=v?S:u.content;return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:M,mimeType:j,rightContent:(0,Q.jsx)(ye,{viewMode:r,onChange:e=>{v&&w(),i(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:e,fileName:M,mimeType:j,showEdit:!I&&r===`source`,isEditing:v,onToggleEdit:()=>v?w():m(t)}),r===`preview`?(0,Q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Q.jsx)(x,{content:e})}):v?(0,Q.jsx)(X,{value:S,onChange:e=>_({path:t,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:u.content,readOnly:I,onStartEdit:()=>m(t)})]}),L]})}if(P&&u.content!=null){let e=v?S:u.content,n=pe(e);return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:M,mimeType:j,rightContent:(0,Q.jsx)(ye,{viewMode:r,onChange:e=>{v&&w(),i(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:r===`preview`?n:e,downloadContent:e,fileName:M,mimeType:j,showEdit:!I&&r===`source`,isEditing:v,onToggleEdit:()=>v?w():m(t)}),r===`preview`?(0,Q.jsx)(Y,{content:n,readOnly:!0,whiteSpace:`pre`}):v?(0,Q.jsx)(X,{value:S,onChange:e=>_({path:t,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:u.content,readOnly:I,onStartEdit:()=>m(t)})]}),L]})}return F?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:M,mimeType:j,size:u.size}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:v?S:u.content??``,fileName:M,mimeType:j,showEdit:!I,isEditing:v,onToggleEdit:()=>v?w():m(t)}),v?(0,Q.jsx)(X,{value:S,onChange:e=>_({path:t,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:u.content??``,readOnly:I,onStartEdit:()=>m(t)})]}),L]}):j.startsWith(`image/`)||j.startsWith(`video/`)?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:M,mimeType:j,size:u.size,rightContent:(0,Q.jsx)(ge,{assistantId:e,path:t,name:M,showHidden:n})}),(0,Q.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,Q.jsx)(be,{assistantId:e,path:t,mimeType:j,showHidden:n})})]}):(0,Q.jsx)(xe,{assistantId:e,path:t,name:M,mimeType:j,size:u.size,modifiedAt:u.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 y({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)(M,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`image/`)?(0,Q.jsx)(V,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`video/`)?(0,Q.jsx)(H,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(L,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}})}function Ee({entry:e,assistantId:t,expandedPaths:n,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:d,onRequestRename:f,onRequestCreate:p,depth:m}){let{t:h}=O(`workspace`),g=e.path??``,_=e.name??``,v=e.type===`directory`,y=n.has(g),b=i===g,x=_.startsWith(`.`),S=!me(g),C=v&&(y||s.length>0),{data:w}=E({...u({assistantId:t,path:g,showHidden:a,includeDirSizes:o===`size`}),enabled:v&&C}),T=(0,Z.useMemo)(()=>Ce(w?.entries??[],o),[w?.entries,o]),D=s===``||_.toLowerCase().includes(s);if(s!==``&&!v&&!D)return null;let k=(0,Q.jsxs)(`button`,{onClick:()=>{v?c(g):l(g)},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:`${m*14+8}px`,paddingRight:`8px`,color:b?`var(--content-default)`:x?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:b?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:x&&!b?.7:1},children:[v?C?(0,Q.jsx)(N,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(R,{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:_}),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:[S?(0,Q.jsxs)(r.Root,{children:[(0,Q.jsx)(r.Trigger,{children:k}),(0,Q.jsxs)(r.Content,{children:[v&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(r.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>p({kind:`file`,parentPath:g}),children:h(`workspaceTree.newFile`)}),(0,Q.jsx)(r.Item,{leftIcon:(0,Q.jsx)(U,{className:`h-3.5 w-3.5`}),onSelect:()=>p({kind:`folder`,parentPath:g}),children:h(`workspaceTree.newFolder`)}),(0,Q.jsx)(r.Separator,{})]}),(0,Q.jsx)(r.Item,{leftIcon:(0,Q.jsx)(re,{className:`h-3.5 w-3.5`}),onSelect:()=>d({path:g,name:_,isDirectory:v}),children:h(`workspaceTree.delete`)}),(0,Q.jsx)(r.Item,{leftIcon:(0,Q.jsx)(B,{className:`h-3.5 w-3.5`}),onSelect:()=>f({path:g,name:_,isDirectory:v}),children:h(`workspaceTree.rename`)})]})]}):k,v&&C&&T.length>0&&(0,Q.jsx)(`div`,{children:T.map(e=>(0,Q.jsx)(Ee,{entry:e,assistantId:t,expandedPaths:n,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:d,onRequestRename:f,onRequestCreate:p,depth:m+1},e.path))})]})}function De({title:e,placeholder:t,confirmLabel:n,pendingLabel:r,initialName:a,onCancel:s,onConfirm:c,pending:l,error:u}){let{t:d}=O(`workspace`),f=(0,Z.useRef)(null),[p,m]=(0,Z.useState)(a??``),h=p.trim(),g=h.length>0&&(/[/\\]/.test(h)||h===`.`||h===`..`),_=h.length>0&&!g&&!l;return(0,Q.jsx)(o.Root,{open:!0,onOpenChange:e=>{!e&&!l&&s()},children:(0,Q.jsx)(o.Content,{size:`sm`,hideCloseButton:!0,"aria-describedby":void 0,onOpenAutoFocus:e=>{e.preventDefault();let t=f.current;t&&(t.focus(),requestAnimationFrame(()=>{t.setSelectionRange(0,t.value.length)}))},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),l||s()},children:(0,Q.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),_&&c(h)},children:[(0,Q.jsx)(o.Header,{children:(0,Q.jsx)(o.Title,{children:e})}),(0,Q.jsx)(o.Body,{children:(0,Q.jsx)(i,{ref:f,label:d(`workspaceTree.nameLabel`),value:p,onChange:e=>m(e.target.value),placeholder:t,errorText:u??(g?d(`workspaceTree.nameError`):void 0),autoComplete:`off`,spellCheck:!1,fullWidth:!0})}),(0,Q.jsxs)(o.Footer,{children:[(0,Q.jsx)(b,{type:`button`,variant:`outlined`,onClick:s,disabled:l,children:d(`workspaceTree.cancel`)}),(0,Q.jsx)(b,{type:`submit`,variant:`primary`,disabled:!_,children:l?r:n})]})]})})})}function Oe({assistantId:e,expandedPaths:n,selectedPath:r,showHidden:a,sortMode:o,onToggleExpand:s,onExpandPath:l,onSelectPath:d,onToggleShowHidden:p,onChangeSortMode:h,onPathDeleted:_,onPathRenamed:v,search:y,onSearchChange:x}){let{t:T}=O(`workspace`),k=D(),A=y.trim().toLowerCase(),[j,ee]=(0,Z.useState)(!1),[M,N]=(0,Z.useState)(null),[P,F]=(0,Z.useState)(null),L=(0,Z.useCallback)(()=>{N(null),F(null)},[]),{data:R,isLoading:z}=E(u({assistantId:e,showHidden:a,includeDirSizes:o===`size`})),B=(0,Z.useMemo)(()=>Ce(R?.entries??[],o),[R?.entries,o]),V=(0,Z.useCallback)(()=>{for(let e of[S,`assistantsWorkspaceFileRetrieve`,`assistantsWorkspaceFileContentRetrieve`])k.invalidateQueries({queryKey:[e]})},[k]),H=C({mutationFn:async n=>{let r=n.parentPath?`${n.parentPath}/${n.name}`:n.name;await we(e,n.parentPath,n.name);let{error:i,response:a}=n.kind===`file`?await g({path:{assistant_id:e},body:{path:r,content:``,encoding:`utf8`},throwOnError:!1}):await t({path:{assistant_id:e},body:{path:r},throwOnError:!1});if(i||!a?.ok)throw Error(typeof i==`string`?i:`Failed to create — check the name and try again.`);return{...n,path:r}},onSuccess:e=>{L(),V(),e.parentPath&&l(e.parentPath),e.kind===`file`?d(e.path):l(e.path)},onError:e=>{F(e instanceof Error?e.message:`Failed to create.`)}}),re=C({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 m({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})=>{L(),V(),v(e,t)},onError:e=>{F(e instanceof Error?e.message:`Failed to rename.`)}}),U=(0,Z.useCallback)(e=>{F(null),N({type:`create`,...e})},[]),W=(0,Z.useCallback)(e=>{F(null),N({type:`rename`,path:e.path,name:e.name})},[]),[G,K]=(0,Z.useState)(null),q=C({mutationFn:async t=>{let{error:n,response:r}=await f({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),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:T(`workspaceTree.heading`)}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,Q.jsx)(b,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:o===`size`?(0,Q.jsx)(ue,{"aria-hidden":!0}):(0,Q.jsx)(le,{"aria-hidden":!0}),onClick:()=>h(o===`size`?`name`:`size`),"aria-label":T(o===`size`?`workspaceTree.sortByNameAria`:`workspaceTree.sortBySizeAria`),title:T(o===`size`?`workspaceTree.sortedBySizeTitle`:`workspaceTree.sortedByNameTitle`),tintColor:o===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(b,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:a?(0,Q.jsx)(ie,{"aria-hidden":!0}):(0,Q.jsx)(I,{"aria-hidden":!0}),onClick:p,"aria-label":T(a?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),title:T(a?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),tintColor:a?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(ke,{open:j,onOpenChange:ee,onSelectKind:e=>{ee(!1),U({kind:e,parentPath:``})}})]})]}),(0,Q.jsx)(`div`,{className:`px-3 py-2`,children:(0,Q.jsxs)(`div`,{className:`relative`,children:[(0,Q.jsx)(i,{type:`text`,value:y,onChange:e=>x(e.target.value),placeholder:T(`workspaceTree.searchPlaceholder`),leftIcon:(0,Q.jsx)(te,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,spellCheck:!1,autoComplete:`off`}),y&&(0,Q.jsx)(b,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(ne,{"aria-hidden":!0}),onClick:()=>x(``),"aria-label":T(`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:z?(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)`}})}):B.length?B.map(t=>(0,Q.jsx)(Ee,{entry:t,assistantId:e,expandedPaths:n,selectedPath:r,showHidden:a,sortMode:o,searchLower:A,onToggleExpand:s,onSelectPath:d,onRequestDelete:ae,onRequestRename:W,onRequestCreate:U,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:T(`workspaceTree.noFilesFound`)})}),M?.type===`create`&&(0,Q.jsx)(De,{title:M.kind===`file`?T(`workspaceTree.newFile`):T(`workspaceTree.newFolder`),placeholder:M.kind===`file`?`filename.md`:`folder-name`,confirmLabel:T(`workspaceTree.create`),pendingLabel:T(`workspaceTree.creating`),onCancel:L,onConfirm:e=>{F(null),H.mutate({kind:M.kind,parentPath:M.parentPath,name:e})},pending:H.isPending,error:P},`create-${M.kind}-${M.parentPath}`),M?.type===`rename`&&(0,Q.jsx)(De,{title:T(`workspaceTree.rename`),placeholder:M.name,confirmLabel:T(`workspaceTree.rename`),pendingLabel:T(`workspaceTree.renaming`),initialName:M.name,onCancel:L,onConfirm:e=>{if(e===M.name){L();return}F(null),re.mutate({oldPath:M.path,newName:e})},pending:re.isPending,error:P},`rename-${M.path}`),(0,Q.jsx)(c,{open:G!==null,title:G?.isDirectory?T(`workspaceTree.deleteFolderTitle`):T(`workspaceTree.deleteFileTitle`),message:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(w,{i18nKey:G?.isDirectory?`workspaceTree.deleteFolderMessage`:`workspaceTree.deleteFileMessage`,ns:`workspace`,values:{name:G?.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?T(`workspaceTree.deleting`):T(`workspaceTree.delete`),destructive:!0,isPending:q.isPending,onConfirm:()=>{G&&q.mutate(G)},onCancel:()=>K(null)})]})}function ke({open:e,onOpenChange:t,onSelectKind:r}){let{t:i}=O(`workspace`);return s()?(0,Q.jsxs)(a.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(a.Trigger,{asChild:!0,children:(0,Q.jsx)(b,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(F,{"aria-hidden":!0}),"aria-label":i(`workspaceTree.createTriggerAria`),title:i(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(a.Content,{children:[(0,Q.jsx)(a.Header,{className:`sr-only`,children:(0,Q.jsx)(a.Title,{children:i(`workspaceTree.creatingHeading`)})}),(0,Q.jsxs)(a.Body,{className:`pt-0`,children:[(0,Q.jsx)(h,{icon:z,label:i(`workspaceTree.newFile`),onSelect:()=>r(`file`)}),(0,Q.jsx)(h,{icon:U,label:i(`workspaceTree.newFolder`),onSelect:()=>r(`folder`)})]})]})]}):(0,Q.jsxs)(n.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(n.Trigger,{asChild:!0,children:(0,Q.jsx)(b,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(F,{"aria-hidden":!0}),"aria-label":i(`workspaceTree.createTriggerAria`),title:i(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(n.Content,{align:`end`,sideOffset:4,children:[(0,Q.jsx)(n.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>r(`file`),children:i(`workspaceTree.newFile`)}),(0,Q.jsx)(n.Item,{leftIcon:(0,Q.jsx)(U,{className:`h-3.5 w-3.5`}),onSelect:()=>r(`folder`),children:i(`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}=O(`workspace`),[n,r]=k(),[i,a]=(0,Z.useState)(()=>{let e=n.get(`file`);return e?Ae(e):new Set}),[o,s]=(0,Z.useState)(()=>n.get(`file`)),[c,l]=(0,Z.useState)(!1),[u,d]=(0,Z.useState)(()=>n.get(`sort`)===`size`?`size`:`name`),[f,p]=(0,Z.useState)(`preview`);(0,Z.useEffect)(()=>{let e=n.get(`file`);e&&(s(e),a(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 m=(0,Z.useCallback)(e=>{a(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),h=(0,Z.useCallback)(e=>{a(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),{paneRef:g,hasRoomForList:_,drawerOpen:v,openDrawer:y,closeDrawer:b}=oe(),[x,S]=(0,Z.useState)(``),C=(0,Z.useCallback)(e=>{s(e),b()},[b]),[w,T]=(0,Z.useState)(null),E=(0,Z.useCallback)(e=>{let t=t=>t===e||t.startsWith(`${e}/`);s(e=>e!==null&&t(e)?null:e),a(e=>{let n=new Set([...e].filter(e=>!t(e)));return n.size===e.size?e:n}),T({path:e})},[]),[D,A]=(0,Z.useState)(null),j={assistantId:e,expandedPaths:i,selectedPath:o,showHidden:c,sortMode:u,onToggleExpand:m,onExpandPath:h,onSelectPath:C,onToggleShowHidden:()=>l(e=>!e),onChangeSortMode:d,onPathDeleted:E,onPathRenamed:(0,Z.useCallback)((e,t)=>{let n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;s(e=>e===null?e:n(e)),a(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:x,onSearchChange:S};return(0,Q.jsxs)(`div`,{ref:g,className:`flex h-full min-h-0 flex-col gap-4`,children:[_?null:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{className:`flex items-center`,children:(0,Q.jsx)(ae,{onClick:y})}),(0,Q.jsx)(q,{open:v,onClose:b,title:t(`workspaceBrowser.drawerTitle`),children:(0,Q.jsx)(Oe,{...j})})]}),(0,Q.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 ${_?`grid-cols-[320px_1fr]`:`grid-cols-1`}`,children:[_?(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:o,showHidden:c,viewMode:f,onChangeViewMode:p,onBrowse:_?void 0:y,pathRename:D,pathDelete:w})})]})]})}function Me(){return(0,Q.jsx)(je,{assistantId:_()})}export{Me as WorkspacePage};