@vellumai/web 0.12.1-dev.202609141913.5e16607 → 0.12.1-staging.2

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

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

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

@@ -1 +0,0 @@
-import{Cn as e,er as t,wn as n}from"./app-DxMy0jwj.js";import{j as r}from"./vendor-B2dSzLzU.js";import{t as i}from"./react-B9IgSVeK.js";import{Q as a}from"./icons-bnwMda87.js";var o=i();function s({payload:e,onClose:i}){let{t:s}=r(`chat`),u=n(e.body);return(0,o.jsx)(t,{Glyph:a,title:e.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})}),e.metadata.length>0&&(0,o.jsx)(`div`,{className:`flex flex-col gap-6`,children:e.metadata.map(e=>(0,o.jsx)(l,{label:e.label,children:e.value},e.label))})]})})}function c({result:t}){let n=e(t);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:t})}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-C93-n3xN.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$t as t,La as n,en as r,nn as i,tn as a}from"./app-DxMy0jwj.js";import{j as o}from"./vendor-B2dSzLzU.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-CKVwXjBE.js

@@ -1 +0,0 @@
-import{$r as e,ab as t,ay as n}from"./app-DxMy0jwj.js";import{j as r}from"./vendor-B2dSzLzU.js";import{f as i,t as a}from"./react-B9IgSVeK.js";import{t as o}from"./auth-welcome-screen-B0dWyC6l.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-BLoKwML7.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Dc as t,Oc as n,Pn as r,Qr as i,Sx as a,Xn as o,Yn as s,er as c,kc as l,nr as u,xx as d}from"./app-DxMy0jwj.js";import{_ as f,f as p,g as m,j as h}from"./vendor-B2dSzLzU.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-BuuwtBVI.js";import{t as k}from"./detail-panel-stop-button-BLVFDcnl.js";import{t as A}from"./status-badge-pill-C-4IXe4t.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)(d,{variant:`body-medium-default`,as:`h3`,className:`mb-2 text-[var(--content-emphasised)]`,children:e}),t?(0,M.jsx)(d,{variant:`body-medium-lighter`,as:`p`,className:`whitespace-pre-wrap break-words leading-relaxed text-[var(--content-default)]`,children:t}):(0,M.jsx)(d,{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:n(e),label:l(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(),i=`h-3.5 w-3.5 shrink-0`,a;return a=e===`running`?(0,M.jsx)(r,{className:`shrink-0`,dotSize:4,gap:2}):e===`completed`?(0,M.jsx)(b,{className:i,style:{color:`var(--system-positive-strong)`}}):e===`failed`?(0,M.jsx)(y,{className:i,style:{color:`var(--system-negative-strong)`}}):(0,M.jsx)(x,{className:i,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:a},e)})}function B({runId:e,leaf:t,components:n,onSelect:r}){let{t:i}=h(`chat`),a=t.label??`Subagent ${t.seq}`,c=t.promptSummary,l=s(`${e}:${t.seq}`);return(0,M.jsx)(`button`,{type:`button`,onClick:r,"aria-label":i(`workflowSubagentRow.openDetailsAria`,{title:a}),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:t.status}),n?(0,M.jsx)(o,{components:n,bodyShapeId:l.bodyShape,eyeStyleId:l.eyeStyle,colorId:l.color,size:16}):(0,M.jsx)(`div`,{style:{width:16,height:16,flexShrink:0},"aria-hidden":!0}),(0,M.jsx)(d,{variant:`body-medium-default`,title:a,className:`max-w-[60%] shrink-0 truncate text-[var(--content-default)]`,children:a}),c&&(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)(d,{variant:`body-medium-lighter`,title:c,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:c})]})]})})}function V({entry:e,onClose:n,onStop:r,onRequestJournal:l}){let{t:f}=h(`chat`),g=t(e.status),_=p(),y=e.label??e.runId,b=e.agentsSpawned||e.leaves.size,x=i(),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?s(`${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)(c,{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)(d,{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)(d,{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)(a,{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)(o,{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&&r?(0,M.jsx)(k,{onStop:()=>r(e.runId),ariaLabel:f(`workflowDetailPanel.stopWorkflow`)}):void 0,closeLabel:f(`workflowDetailPanel.closeDetail`),onClose:n,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)(d,{variant:`body-medium-default`,as:`h3`,className:`mb-4 text-[var(--content-emphasised)]`,children:f(`workflowDetailPanel.subagents`)}),A.length===0?(0,M.jsx)(u,{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-HE84odf5.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{An as t,Dn as n,En as r,Ni as i,S_ as a,Sx as o,Xb as s,Zb as c,__ as l,b_ as u,dr as d,fx as f,g_ as p,ix as m,kn as h,nt as g,qb as _,rx as v,tx as y,v_ as b,x_ as x,y_ as S}from"./app-DxMy0jwj.js";import{Jn as C,N as w,Xn as T,Zn as E,er as D,j as O}from"./vendor-B2dSzLzU.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-yQSI40sv.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-CwN2HFdU.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 d({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:s,download:c}=he({assistantId:e,path:t,name:n,showHidden:r});return(0,Q.jsx)(o,{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 c(),disabled:a,"aria-label":i(`workspaceFileViewer.downloadAria`,{name:n}),tooltip:i(s?`workspaceFileViewer.downloadFailed`:`workspaceFileViewer.download`)})}function _e(e){return T({queryFn:async()=>{let{data:t,error:n}=await b({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)(o,{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 l({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:s}){let{t:c}=O(`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: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:[c(`workspaceFileViewer.modifiedLabel`),` `,new Date(a).toLocaleString()]})]}),(0,Q.jsx)(o,{variant:`outlined`,size:`compact`,leftIcon:l?(0,Q.jsx)(G,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(K,{"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:n,showHidden:r,viewMode:i,onChangeViewMode:s,onBrowse:c,pathRename:l,pathDelete:u}){let{t:d}=O(`workspace`),f=D(),{data:p,isLoading:m}=E({..._e({path:{assistant_id:e},query:{path:n??``,showHidden:r}}),enabled:!!n}),[g,_]=(0,Z.useState)(null),[v,y]=(0,Z.useState)(null);(0,Z.useEffect)(()=>{if(!l)return;let{from:e,to:t}=l,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)})},[l]),(0,Z.useEffect)(()=>{if(!u)return;let{path:e}=u,t=t=>t===e||t.startsWith(`${e}/`);_(e=>e!=null&&t(e)?null:e),y(e=>e!=null&&t(e.path)?null:e)},[u]);let b=g!=null&&g===n,x=p?.content??``,S=v?.path===n?v.content:x,w=()=>{_(null),y(null)},T=C({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await a({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),f.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),k=S!==x,A=(0,Z.useCallback)(()=>{n&&k&&!T.isPending&&T.mutate({path:n,content:S})},[n,k,T,S]);if(!n)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:d(`workspaceFileViewer.selectAFile`)}),c&&(0,Q.jsx)(o,{type:`button`,onClick:c,leftIcon:(0,Q.jsx)(ee,{"aria-hidden":!0}),children:d(`workspaceFileViewer.browseFiles`)})]});if(m)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(!p)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:d(`workspaceFileViewer.fileNotFound`)})});let j=p.mimeType??`application/octet-stream`,M=p.name??n.split(`/`).pop()??n,N=t(M,j),P=fe(M,j),F=p.content!=null&&!N&&!P,I=n?me(n):!0,L=b&&(0,Q.jsx)(se,{isDirty:k,isSaving:T.isPending,error:T.isError?d(`workspaceFileViewer.saveFailed`):null,onSave:A,onDiscard:w});if(N&&p.content!=null){let e=b?S:p.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:i,onChange:e=>{b&&w(),s(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:e,fileName:M,mimeType:j,showEdit:!I&&i===`source`,isEditing:b,onToggleEdit:()=>b?w():_(n)}),i===`preview`?(0,Q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Q.jsx)(h,{content:e})}):b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:n,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:p.content,readOnly:I,onStartEdit:()=>_(n)})]}),L]})}if(P&&p.content!=null){let e=b?S:p.content,t=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:i,onChange:e=>{b&&w(),s(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:i===`preview`?t:e,downloadContent:e,fileName:M,mimeType:j,showEdit:!I&&i===`source`,isEditing:b,onToggleEdit:()=>b?w():_(n)}),i===`preview`?(0,Q.jsx)(Y,{content:t,readOnly:!0,whiteSpace:`pre`}):b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:n,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:p.content,readOnly:I,onStartEdit:()=>_(n)})]}),L]})}return F?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:M,mimeType:j,size:p.size}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(ce,{content:b?S:p.content??``,fileName:M,mimeType:j,showEdit:!I,isEditing:b,onToggleEdit:()=>b?w():_(n)}),b?(0,Q.jsx)(X,{value:S,onChange:e=>y({path:n,content:e}),onSave:A}):(0,Q.jsx)(Y,{content:p.content??``,readOnly:I,onStartEdit:()=>_(n)})]}),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:p.size,rightContent:(0,Q.jsx)(ge,{assistantId:e,path:n,name:M,showHidden:r})}),(0,Q.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,Q.jsx)(be,{assistantId:e,path:n,mimeType:j,showHidden:r})})]}):(0,Q.jsx)(xe,{assistantId:e,path:n,name:M,mimeType:j,size:p.size,modifiedAt:p.modifiedAt,showHidden:r})}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 x({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:r,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:u,onRequestRename:d,onRequestCreate:f,depth:p}){let{t:m}=O(`workspace`),h=e.path??``,g=e.name??``,v=e.type===`directory`,y=r.has(h),b=i===h,x=g.startsWith(`.`),S=!me(h),C=v&&(y||s.length>0),{data:w}=E({...n({assistantId:t,path:h,showHidden:a,includeDirSizes:o===`size`}),enabled:v&&C}),T=(0,Z.useMemo)(()=>Ce(w?.entries??[],o),[w?.entries,o]),D=s===``||g.toLowerCase().includes(s);if(s!==``&&!v&&!D)return null;let k=(0,Q.jsxs)(`button`,{onClick:()=>{v?c(h):l(h)},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:`${p*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:g}),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)(_.Root,{children:[(0,Q.jsx)(_.Trigger,{children:k}),(0,Q.jsxs)(_.Content,{children:[v&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>f({kind:`file`,parentPath:h}),children:m(`workspaceTree.newFile`)}),(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(U,{className:`h-3.5 w-3.5`}),onSelect:()=>f({kind:`folder`,parentPath:h}),children:m(`workspaceTree.newFolder`)}),(0,Q.jsx)(_.Separator,{})]}),(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(re,{className:`h-3.5 w-3.5`}),onSelect:()=>u({path:h,name:g,isDirectory:v}),children:m(`workspaceTree.delete`)}),(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(B,{className:`h-3.5 w-3.5`}),onSelect:()=>d({path:h,name:g,isDirectory:v}),children:m(`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:r,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:u,onRequestRename:d,onRequestCreate:f,depth:p+1},e.path))})]})}function De({title:e,placeholder:t,confirmLabel:n,pendingLabel:r,initialName:i,onCancel:a,onConfirm:s,pending:c,error:l}){let{t:u}=O(`workspace`),d=(0,Z.useRef)(null),[p,h]=(0,Z.useState)(i??``),g=p.trim(),_=g.length>0&&(/[/\\]/.test(g)||g===`.`||g===`..`),v=g.length>0&&!_&&!c;return(0,Q.jsx)(m.Root,{open:!0,onOpenChange:e=>{!e&&!c&&a()},children:(0,Q.jsx)(m.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||a()},children:(0,Q.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),v&&s(g)},children:[(0,Q.jsx)(m.Header,{children:(0,Q.jsx)(m.Title,{children:e})}),(0,Q.jsx)(m.Body,{children:(0,Q.jsx)(f,{ref:d,label:u(`workspaceTree.nameLabel`),value:p,onChange:e=>h(e.target.value),placeholder:t,errorText:l??(_?u(`workspaceTree.nameError`):void 0),autoComplete:`off`,spellCheck:!1,fullWidth:!0})}),(0,Q.jsxs)(m.Footer,{children:[(0,Q.jsx)(o,{type:`button`,variant:`outlined`,onClick:a,disabled:c,children:u(`workspaceTree.cancel`)}),(0,Q.jsx)(o,{type:`submit`,variant:`primary`,disabled:!v,children:c?r:n})]})]})})})}function Oe({assistantId:e,expandedPaths:t,selectedPath:i,showHidden:s,sortMode:c,onToggleExpand:l,onExpandPath:d,onSelectPath:m,onToggleShowHidden:h,onChangeSortMode:g,onPathDeleted:_,onPathRenamed:v,search:b,onSearchChange:x}){let{t:T}=O(`workspace`),k=D(),A=b.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(n({assistantId:e,showHidden:s,includeDirSizes:c===`size`})),B=(0,Z.useMemo)(()=>Ce(R?.entries??[],c),[R?.entries,c]),V=(0,Z.useCallback)(()=>{for(let e of[r,`assistantsWorkspaceFileRetrieve`,`assistantsWorkspaceFileContentRetrieve`])k.invalidateQueries({queryKey:[e]})},[k]),H=C({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 a({path:{assistant_id:e},body:{path:n,content:``,encoding:`utf8`},throwOnError:!1}):await S({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=>{L(),V(),e.parentPath&&d(e.parentPath),e.kind===`file`?m(e.path):d(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 u({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 p({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)(o,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:c===`size`?(0,Q.jsx)(ue,{"aria-hidden":!0}):(0,Q.jsx)(le,{"aria-hidden":!0}),onClick:()=>g(c===`size`?`name`:`size`),"aria-label":T(c===`size`?`workspaceTree.sortByNameAria`:`workspaceTree.sortBySizeAria`),title:T(c===`size`?`workspaceTree.sortedBySizeTitle`:`workspaceTree.sortedByNameTitle`),tintColor:c===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(o,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:s?(0,Q.jsx)(ie,{"aria-hidden":!0}):(0,Q.jsx)(I,{"aria-hidden":!0}),onClick:h,"aria-label":T(s?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),title:T(s?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),tintColor:s?`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)(f,{type:`text`,value:b,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`}),b&&(0,Q.jsx)(o,{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(n=>(0,Q.jsx)(Ee,{entry:n,assistantId:e,expandedPaths:t,selectedPath:i,showHidden:s,sortMode:c,searchLower:A,onToggleExpand:l,onSelectPath:m,onRequestDelete:ae,onRequestRename:W,onRequestCreate:U,depth:0},n.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)(y,{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:n}){let{t:r}=O(`workspace`);return i()?(0,Q.jsxs)(v.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(v.Trigger,{asChild:!0,children:(0,Q.jsx)(o,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(F,{"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)(s,{icon:z,label:r(`workspaceTree.newFile`),onSelect:()=>n(`file`)}),(0,Q.jsx)(s,{icon:U,label:r(`workspaceTree.newFolder`),onSelect:()=>n(`folder`)})]})]})]}):(0,Q.jsxs)(c.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(c.Trigger,{asChild:!0,children:(0,Q.jsx)(o,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(F,{"aria-hidden":!0}),"aria-label":r(`workspaceTree.createTriggerAria`),title:r(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(c.Content,{align:`end`,sideOffset:4,children:[(0,Q.jsx)(c.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>n(`file`),children:r(`workspaceTree.newFile`)}),(0,Q.jsx)(c.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}=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:g()})}export{Me as WorkspacePage};

package/dist/images/integrations/shopify.svg

@@ -1 +0,0 @@
-<svg fill="#7AB55C" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Shopify</title><path d="M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z"/></svg>