@qredence/fleet 0.10.1 → 0.10.2

package/dist/web/client/assets/workspace-panel-Da5I4p_t.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{t}from"./react-Cvdyeg_0.js";import{t as n}from"./jsx-runtime-NZYk81nU.js";import{t as r}from"./utils-oBThwhjm.js";import{c as i,o as a,r as o,u as s}from"./ease-DYVhTl2n.js";import{n as c,t as l}from"./use-reduced-motion-CFEp5oKr.js";import{t as u}from"./resource-helpers-CKbSmzpw.js";import{t as d}from"./chevron-right-BPCB1mOg.js";import{n as f,t as p}from"./file-text-cqOanUYv.js";import{d as m,f as h,l as g,o as _,s as v,u as y}from"./layout-constants-BWf8QAZ6.js";import{f as b,r as x}from"./chat-helpers-Bj7_hES7.js";import{t as S}from"./folder-COBtkKZa.js";import{t as C}from"./hard-drive-B3opVeEB.js";import{i as w,t as T}from"./workspace-path-nav-D-77sJ_A.js";import{a as E,i as D,n as O,r as k}from"./skeleton-loaders-DWc1eDL3.js";var A=e(t(),1),j=n(),M={initial:{opacity:0,filter:`blur(6px)`},animate:{opacity:1,filter:`blur(0px)`},exit:e=>e?{}:{opacity:0,filter:`blur(6px)`}},N={initial:{opacity:0},animate:{opacity:1},exit:e=>e?{}:{opacity:0}},P=(0,A.forwardRef)(function({children:e,as:t=`div`,className:n,onMouseLeave:i,pillClassName:o,pillContainerClassName:u,inset:d=20,...f},p){let[m,h]=(0,A.useState)(null),g=(0,A.useId)(),_=l(),v=A.Children.toArray(e).reduce((e,t,n)=>{if(!(0,A.isValidElement)(t))return e;let i=t,l=i.key?String(i.key):`item-${n}`;return e.push((0,A.cloneElement)(i,{key:l,className:r(`relative`,i.props.className),onMouseEnter:()=>{i.props.onMouseEnter?.(),h(l)}},(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(c,{custom:m!==null,children:m===null?null:(0,j.jsx)(s.div,{variants:_?N:M,initial:`initial`,animate:`animate`,exit:`exit`,custom:m!==null,className:r(`pointer-events-none absolute inset-y-0`,u),style:{left:-d,right:-d},children:m===l?(0,j.jsx)(s.div,{layoutId:`shared-bg-${g}`,transition:_?{duration:0}:a,className:r(`pointer-events-none h-full w-full rounded-2xl bg-primary/[0.06]`,o)}):null})}),(0,j.jsx)(`div`,{className:`relative z-10`,children:i.props.children})]}))),e},[]),y=e=>{h(null),i?.(e)};return t===`ul`?(0,j.jsx)(s.ul,{...f,ref:p,layoutRoot:!0,onMouseLeave:y,className:r(`flex w-full flex-col`,n),children:v}):(0,j.jsx)(s.div,{...f,ref:p,layoutRoot:!0,onMouseLeave:y,className:r(`flex w-full flex-col`,n),children:v})});function F(e){return null}function I(e){return null}var L={duration:.22,ease:o},R={duration:.3,ease:o};function z(e,t,n=0,r=null){return e.flatMap((i,a)=>{let o={item:i,depth:n,parentId:r,position:a+1,setSize:e.length};return i.type!==`folder`||!t.has(i.value)||!i.children?.length?[o]:[o,...z(i.children,t,n+1,i.value)]})}function B(e){let t=[];return A.Children.forEach(e,e=>{if((0,A.isValidElement)(e)){if(e.type===A.Fragment){let n=e.props;t.push(...B(n.children));return}if(e.type===F){let n=e.props;t.push({value:n.value,name:n.name,type:`folder`,icon:n.icon,disabled:n.disabled,className:n.className,children:B(n.children)});return}if(e.type===I){let n=e.props;t.push({value:n.value,name:n.name,type:`file`,icon:n.icon,disabled:n.disabled,className:n.className})}}}),t}function V({item:e,open:t,reduce:n}){return e.type===`file`?(0,j.jsx)(h,{className:`size-4`}):n?t?(0,j.jsx)(b,{className:`size-4`}):(0,j.jsx)(S,{className:`size-4`}):(0,j.jsx)(c,{initial:!1,mode:`popLayout`,children:(0,j.jsx)(s.span,{initial:{opacity:0,scale:.75,rotate:t?-8:8},animate:{opacity:1,scale:1,rotate:0},exit:{opacity:0,scale:.75,rotate:t?8:-8},transition:i,className:`absolute inset-0 grid place-items-center`,children:t?(0,j.jsx)(b,{className:`size-4`}):(0,j.jsx)(S,{className:`size-4`})},t?`open`:`closed`)})}function H({children:e,value:t,defaultValue:n=null,onValueChange:o,expandedIds:c,defaultExpandedIds:u=[],onExpandedChange:f,ariaLabel:p=`Files`,indent:m=18,className:h,classNames:g}){let _=l()??!1,[v,y]=(0,A.useState)(n),[b,x]=(0,A.useState)(u),[S,C]=(0,A.useState)(t??n),w=(0,A.useRef)(new Map),T=t===void 0?v:t,E=c??b,D=(0,A.useMemo)(()=>new Set(E),[E]),O=(0,A.useMemo)(()=>B(e),[e]),k=(0,A.useMemo)(()=>z(O,D),[D,O]),M=S!==null&&k.some(({item:e})=>e.value===S)?S:k[0]?.item.value??null;S!==M&&C(M);let N=(0,A.useCallback)(e=>{C(e);let t=w.current.get(e);t?t.focus():requestAnimationFrame(()=>w.current.get(e)?.focus())},[]),F=(0,A.useCallback)(e=>{e.disabled||(t===void 0&&y(e.value),o?.(e.value))},[o,t]),I=(0,A.useCallback)(e=>{c===void 0&&x(e),f?.(e)},[c,f]),H=(0,A.useCallback)(e=>{let t=new Set(E);t.has(e)?t.delete(e):t.add(e),I(Array.from(t))},[E,I]),U=(0,A.useCallback)((e,t)=>{let n=k.findIndex(({item:e})=>e.value===t.item.value),r=k[n-1],i=k[n+1],a=t.item.type===`folder`&&!!t.item.children?.length,o=a&&D.has(t.item.value);if(e.key===`ArrowDown`&&i)e.preventDefault(),N(i.item.value);else if(e.key===`ArrowUp`&&r)e.preventDefault(),N(r.item.value);else if(e.key===`Home`&&k[0])e.preventDefault(),N(k[0].item.value);else if(e.key===`End`&&k.at(-1))e.preventDefault(),N(k.at(-1)?.item.value??t.item.value);else if(e.key===`ArrowRight`&&a)e.preventDefault(),!o&&!t.item.disabled?H(t.item.value):i?.parentId===t.item.value&&N(i.item.value);else if(e.key===`ArrowLeft`)e.preventDefault(),a&&o&&!t.item.disabled?H(t.item.value):t.parentId&&N(t.parentId);else if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),t.item.disabled)return;F(t.item),a&&H(t.item.value)}},[D,N,k,F,H]);return(0,j.jsx)(P,{role:`tree`,"aria-label":p,"aria-multiselectable":`false`,inset:0,pillClassName:`rounded-xl bg-muted`,pillContainerClassName:`inset-y-auto top-0 h-9`,className:r(`min-w-0`,h,g?.tree),children:k.map(e=>{let t=e.item.type===`folder`,n=t&&!!e.item.children?.length,o=n&&D.has(e.item.value),c=T===e.item.value;return(0,j.jsx)(s.div,{layout:!_&&`position`,initial:!_&&{opacity:0,y:-6},animate:{opacity:e.item.disabled?.42:1,y:0,transition:_?{duration:0}:{...L,delay:Math.min(e.position*.025,.1)}},transition:_?{duration:0}:a,children:(0,j.jsxs)(`button`,{ref:t=>{t?w.current.set(e.item.value,t):w.current.delete(e.item.value)},type:`button`,role:`treeitem`,"aria-level":e.depth+1,"aria-posinset":e.position,"aria-setsize":e.setSize,"aria-selected":c,"aria-expanded":n?o:void 0,"aria-disabled":e.item.disabled||void 0,tabIndex:M===e.item.value?0:-1,onFocus:()=>C(e.item.value),onKeyDown:t=>U(t,e),onClick:()=>{e.item.disabled||(F(e.item),n&&H(e.item.value))},className:r(`group/file-tree relative flex h-9 w-full items-center gap-2 overflow-hidden rounded-lg pr-2 text-left text-sm text-muted-foreground outline-none`,`transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset`,`aria-disabled:cursor-not-allowed`,c&&`bg-muted font-medium text-foreground`,g?.item,e.item.className),style:{paddingLeft:8+e.depth*m},children:[e.depth>0?(0,j.jsx)(s.span,{"aria-hidden":`true`,initial:!_&&{opacity:0,scaleY:0},animate:{opacity:1,scaleY:1},exit:{opacity:0,scaleY:0},transition:_?{duration:0}:R,className:`absolute top-0 bottom-0 w-px origin-top bg-border/70`,style:{left:16+(e.depth-1)*m}}):null,(0,j.jsx)(s.span,{"aria-hidden":`true`,animate:{rotate:o?90:0},transition:_?{duration:0}:i,className:r(`relative z-10 grid size-4 shrink-0 place-items-center`,!n&&`opacity-0`),children:(0,j.jsx)(d,{className:`size-3.5`})}),(0,j.jsx)(`span`,{"aria-hidden":`true`,className:r(`relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground transition-colors group-hover/file-tree:text-foreground`,t&&o&&`text-foreground`,g?.icon),children:e.item.icon??(0,j.jsx)(V,{item:e.item,open:o,reduce:_})}),(0,j.jsx)(`span`,{className:r(`relative z-10 min-w-0 flex-1 truncate`,g?.label),children:e.item.name})]})},e.item.value)})})}var U=`fleet-prime:v1:workspace-tree-width`,W=120,G=200;function K(e,t){let n=Math.max(W,t-160-8);return Math.min(n,Math.max(W,Math.round(e)))}function q(e,t,n,r){return K(n+(t-e),r)}function J(e,t){if(e)return{gridTemplateColumns:`minmax(160px, 1fr) 8px ${t}px`,gridTemplateAreas:`"preview handle tree"`}}function Y(e){return y(U,G,t=>e===void 0?Math.max(W,Math.round(t)):K(t,e))}function X(e){m(U,e)}var Z=e=>{let t=window.matchMedia(`(min-width: 640px)`);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)},Q=()=>window.matchMedia(`(min-width: 640px)`).matches,ee=()=>!1;function te(){let[e,t]=(0,A.useState)(Y),n=(0,A.useSyncExternalStore)(Z,Q,ee),r=(0,A.useRef)(null),i=(0,A.useCallback)(n=>{let i=r.current?.clientWidth??0;if(i===0)return;let a=K(e,i);g({event:n,startWidth:a,getNextWidth:(e,t,n)=>q(e,t,n,i),onWidthChange:e=>{t(e),X(e)}})},[e]);return(0,A.useEffect)(()=>{let e=r.current;if(!e)return;let n=e.clientWidth;n<640||t(e=>{let t=K(e,n);return t===e?e:(X(t),t)})},[]),{handleTreeResizeStart:i,isSplitLayout:n,splitRef:r,splitStyle:J(n,e)}}var ne=15e3;function re(e){return e instanceof DOMException&&e.name===`AbortError`?Error(`Preview timed out`):e instanceof Error?e.name===`AbortError`||/aborted|timed out/i.test(e.message)?Error(`Preview timed out`):e:Error(String(e))}function ie({error:e,emptyDescription:t=`agent-workspace has not been loaded yet.`,emptyTitle:n=`Workspace unavailable`,loadWorkspaceFile:r,loading:i,onSelectedPathChange:a,previewEmptyDescription:o=`Choose a workspace file to preview its Markdown.`,previewEmptyTitle:s=`Select a file`,scopePath:c,scopeLabel:l,selectedPath:d,treeTestId:p=`workspace-tree`,workspace:m}){let[h,g]=(0,A.useState)(null),y=a!==void 0,b=y?d??null:h,S=e=>{if(y){a(e);return}g(e)},[w,O]=(0,A.useState)(null),[M,N]=(0,A.useState)(null),[P,F]=(0,A.useState)(!1),I=(0,A.useRef)(null),{handleTreeResizeStart:L,isSplitLayout:R,splitRef:z,splitStyle:B}=te(),V=(0,A.useMemo)(()=>{if(!m)return{headerLabel:l??`agent-workspace`,nodes:[]};if(!c)return{headerLabel:m.root,nodes:m.nodes};let e=u(m.nodes,c);return e?e.type===`directory`?{headerLabel:l??e.name,nodes:e.children??[]}:{headerLabel:l??e.name,nodes:[e]}:{headerLabel:l??c.split(`/`).pop()??c,nodes:[]}},[l,c,m]);if((0,A.useEffect)(()=>{if(!(!m||!b)){if(c&&!T(b,c)){S(null),O(null),N(null);return}u(m.nodes,b)?.type!==`file`&&(S(null),O(null),N(null))}},[a,c,b,m]),(0,A.useEffect)(()=>{if(!b){F(!1);return}let e=b,t=new AbortController,n=window.setTimeout(()=>t.abort(),ne),i=!1;return O(t=>t?.path===e?t:null),F(!0),N(null),(async()=>{try{let n=await Promise.race([r(e,t.signal),new Promise((e,n)=>{let r=()=>n(new DOMException(`Preview timed out`,`AbortError`));if(t.signal.aborted){r();return}t.signal.addEventListener(`abort`,r,{once:!0})})]);if(i)return;O(n),N(null)}catch(e){if(i)return;O(null),N(re(e))}finally{i||F(!1)}})(),()=>{i=!0,window.clearTimeout(n),t.abort()}},[r,b,m]),(0,A.useEffect)(()=>{if(!b||typeof window>`u`||window.matchMedia(`(min-width: 960px)`).matches)return;let e=window.requestAnimationFrame(()=>{I.current?.scrollIntoView({block:`start`,inline:`nearest`,behavior:`auto`})});return()=>window.cancelAnimationFrame(e)},[b]),e)return x(e)?(0,j.jsx)(E,{icon:f,title:`Daytona not connected`,description:`Connect a Daytona API key for your account to browse and preview your agent workspace.`}):(0,j.jsx)(E,{icon:f,title:`Unable to load workspace`,description:e.message});if(i&&!m)return(0,j.jsx)(k,{});if(!m||c&&V.nodes.length===0)return(0,j.jsx)(E,{icon:C,title:n,description:t});let U=(0,j.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden`,style:R?{gridArea:`tree`}:void 0,children:(0,j.jsxs)(`div`,{"data-testid":p,className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:[(0,j.jsxs)(`div`,{className:`mb-2 flex min-w-0 items-center gap-2 rounded-sm bg-foreground/5 px-2 py-1.5`,children:[(0,j.jsx)(C,{className:`size-3.5 shrink-0 text-foreground/45`}),(0,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-label font-medium text-foreground/70`,children:V.headerLabel})]}),(0,j.jsx)(H,{ariaLabel:c?`Files in ${V.headerLabel}`:`Workspace files`,className:`gap-0.5`,classNames:{item:`h-8 gap-1.5 rounded-sm text-label font-normal text-foreground/65 hover:bg-foreground/5 hover:text-foreground/80 aria-selected:bg-foreground/8 aria-selected:text-foreground/80`,icon:`size-3.5 text-foreground/35`,label:`text-label`},value:b,onValueChange:e=>{u(m.nodes,e)?.type===`file`&&S(e)},children:V.nodes.map(e=>$(e))}),m.diagnostics.length>0&&!c&&(0,j.jsx)(`div`,{className:`mt-2 border-t border-border/60 pt-2`,children:(0,j.jsx)(D,{id:`workspace-diagnostics`,label:`Diagnostics`,icon:f,items:m.diagnostics.map((e,t)=>({name:`Diagnostic ${t+1}`,description:e}))})})]})}),W=(0,j.jsx)(`button`,{type:`button`,"aria-label":`Resize workspace tree`,className:`min-h-0 cursor-col-resize touch-none bg-transparent transition-colors outline-none hover:bg-foreground/10 focus-visible:bg-foreground/10 ${v}`,"data-testid":`workspace-tree-resize-handle`,style:R?{gridArea:`handle`}:void 0,onPointerDown:L}),G=(0,j.jsx)(ae,{emptyDescription:o,emptyTitle:s,error:M,loading:P,preview:w,previewRef:I,selectedPath:b,splitGridArea:R?`preview`:void 0});return(0,j.jsxs)(`div`,{ref:z,className:`relative grid h-full min-h-0 grid-cols-1 gap-2 overflow-hidden ${_}`,style:B,children:[U,W,G]})}function $(e){return e.type===`directory`?(0,j.jsx)(F,{value:e.path,name:e.name,children:e.children?.map(e=>$(e))},e.path):(0,j.jsx)(I,{value:e.path,name:e.name},e.path)}function ae({emptyDescription:e,emptyTitle:t,error:n,loading:r,preview:i,previewRef:a,selectedPath:o,splitGridArea:s}){return(0,j.jsxs)(`div`,{className:`flex min-h-0 min-w-0 flex-col overflow-hidden rounded-md border border-border/60 bg-background`,"data-testid":`workspace-preview`,ref:a,style:s?{gridArea:s}:void 0,children:[(0,j.jsxs)(`div`,{className:`flex min-h-9 min-w-0 shrink-0 items-center gap-2 border-b border-border/60 px-2.5`,children:[(0,j.jsx)(p,{className:`size-3.5 shrink-0 text-foreground/35`}),(0,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-label font-medium text-foreground/70`,children:i?.name??o??`Preview`})]}),(0,j.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-3 py-2`,children:[!o&&(0,j.jsx)(E,{icon:p,title:t,description:e}),o&&r&&!i&&(0,j.jsx)(O,{}),o&&n&&(0,j.jsx)(E,{icon:f,title:`Unable to load preview`,description:n.message}),o&&!n&&i?.status===`too-large`&&(0,j.jsx)(E,{icon:f,title:`Preview too large`,description:`${i.name} is too large to preview safely.`}),o&&!n&&i?.status===`unsupported`&&(0,j.jsx)(E,{icon:f,title:`Unsupported preview`,description:`${i.name} is not a supported text file.`}),o&&!n&&i&&(i.status===void 0||i.status===`ok`)&&(0,j.jsx)(w,{className:`text-label leading-relaxed`,content:i.content})]})]})}export{ie as WorkspacePanelContent};