@vellumai/web 0.11.4 → 0.11.5-dev.202608220019.a778cf0

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

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-BFJW0bSv.js";import{t as n}from"./button-C8CGr0T0.js";import{h as r}from"./chunk-5KNZJZUH-BUqIilZr.js";import{n as i}from"./QueryClientProvider-EuRl-wrW.js";import{t as a}from"./useQuery-CTSuec5b.js";import{t as o}from"./useMutation-D2YPyfEH.js";import{t as s}from"./jsx-runtime-BJ8jcmzB.js";import{t as c}from"./queryOptions-DbnOXI51.js";import{a as l,n as u}from"./list-row-6uedKE84.js";import{t as d}from"./createLucideIcon-B-ZPaMbU.js";import{t as f}from"./chevron-down-D1ho6wFA.js";import{t as p}from"./chevron-right-DTpkwA4e.js";import{t as m}from"./menu-Ci8JeI2H.js";import{t as h}from"./download-C7_XK23s.js";import{t as g}from"./eye-off-8cYeidA6.js";import{t as _}from"./eye-C5DUd2Vd.js";import{t as v}from"./file-plus-DLtgfqcS.js";import{t as y}from"./file-text-BEpL7wIA.js";import{t as b}from"./file-BgKbUJNS.js";import{t as x}from"./folder-open-Cz-3FN-E.js";import{n as S,t as C}from"./image-DntHMHHo.js";import{t as w}from"./folder-6DGJLMuE.js";import{t as T}from"./loader-circle-C9QjVTuc.js";import{r as E}from"./use-swipe-horizontal-BCCyuFid.js";import{t as D}from"./pencil-RFB2IyLT.js";import{t as O}from"./plus-BDSluxb4.js";import{t as k}from"./search-FGnzWjRX.js";import{t as A}from"./trash-2-DnajdgJS.js";import{t as j}from"./x-zfSDUG5z.js";import{I as M}from"./src-fZcomycH.js";import{t as N}from"./input-DlkBtbxm.js";import{t as P}from"./modal-DN_Uwwkg.js";import{t as F}from"./confirm-dialog-DYmL6FRe.js";import{n as I,t as L}from"./file-markdown-EAw0Ryq-.js";import"./i18n-BUWcxNTo.js";import{t as ee}from"./Trans-B9h8RcSx.js";import{t as R}from"./useTranslation-B0WNOwR4.js";import{$r as z,Jr as B,Xr as te,Yr as V,Zr as ne,ei as re,qr as ie}from"./sdk.gen-B1EH6zbq.js";import{t as H}from"./use-touch-mobile-RIchP_js.js";import{n as ae,r as U,t as oe}from"./workspace-tree-query-yCcdxtq0.js";import{t as W}from"./use-active-assistant-id-xIjro1Qb.js";import{n as G,r as se,t as ce}from"./use-side-list-room-BLzjOqgb.js";import{t as K}from"./format-file-size-DJ3zXOrU.js";import{i as q,n as le,r as J,t as Y}from"./file-editor-Bf_DPjTQ.js";var ue=d(`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`}]]),de=d(`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`}]]),X=e(t(),1);function fe(e){if(!e)return``;let t=e.indexOf(`;`);return(t===-1?e:e.slice(0,t)).trim()}function pe(e,t){return fe(t)===`application/json`?!0:(e??``).toLowerCase().endsWith(`.json`)}function me(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function he(e){return e.split(`/`).some(e=>e.startsWith(`.`))}var Z=s();function ge(e){let{assistantId:t,path:n,name:r,showHidden:i}=e,[a,o]=(0,X.useState)(!1),[s,c]=(0,X.useState)(!1);return{isDownloading:a,error:s,download:(0,X.useCallback)(async()=>{c(!1),o(!0);try{await U({assistantId:t,path:n,filename:r,showHidden:i})}catch{c(!0)}finally{o(!1)}},[t,n,r,i])}}function _e({assistantId:e,path:t,name:r,showHidden:i}){let{t:a}=R(`workspace`),{isDownloading:o,error:s,download:c}=ge({assistantId:e,path:t,name:r,showHidden:i});return(0,Z.jsx)(n,{variant:`ghost`,size:`regular`,iconOnly:o?(0,Z.jsx)(T,{className:`animate-spin`,"aria-hidden":!0}):(0,Z.jsx)(h,{"aria-hidden":!0}),onClick:()=>void c(),disabled:o,"aria-label":a(`workspaceFileViewer.downloadAria`,{name:r}),tooltip:a(s?`workspaceFileViewer.downloadFailed`:`workspaceFileViewer.download`)})}function ve(e){return c({queryFn:async()=>{let{data:t,error:n}=await V({path:e.path,query:{path:e.query.path,...e.query.showHidden?{showHidden:`true`}:{}}});if(n)throw n;return t},queryKey:[`assistantsWorkspaceFileRetrieve`,e]})}function ye({mimeType:e}){let t=e.indexOf(`;`),n=(t===-1?e:e.slice(0,t)).trim(),r=y;return n.startsWith(`image/`)?r=C:n.startsWith(`video/`)?r=E:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=b),(0,Z.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,Z.jsx)(r,{className:`h-3.5 w-3.5`,style:{color:`var(--content-default)`}})})}function be({viewMode:e,onChange:t}){let{t:r}=R(`workspace`);return(0,Z.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(i=>{let a=e===i;return(0,Z.jsx)(n,{variant:`ghost`,onClick:()=>t(i),className:`h-auto rounded border-0 px-2.5 py-1 text-body-small-default hover:bg-transparent`,style:{backgroundColor:a?`var(--surface-lift)`:`transparent`,color:a?`var(--content-default)`:`var(--content-tertiary)`,boxShadow:a?`0 1px 2px rgba(0,0,0,0.15)`:void 0},children:r(i===`preview`?`workspaceFileViewer.preview`:`workspaceFileViewer.source`)},i)})})}function Q({name:e,mimeType:t,size:n,rightContent:r}){return(0,Z.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Z.jsx)(ye,{mimeType:t}),(0,Z.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),n!=null&&(0,Z.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:K(n)})]}),r]})}function xe({assistantId:e,path:t,mimeType:n,showHidden:r}){let{data:i,isLoading:o}=a({queryFn:async()=>{let n=await B({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}),[s,c]=(0,X.useState)(null);return(0,X.useEffect)(()=>{if(!i)return;let e=URL.createObjectURL(i);return c(e),()=>{URL.revokeObjectURL(e),c(null)}},[i]),o?(0,Z.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,Z.jsx)(T,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):s?n.startsWith(`image/`)?(0,Z.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,Z.jsx)(`img`,{src:s,alt:t.split(`/`).pop()??`image`,className:`max-h-[70vh] max-w-full rounded object-contain`})}):n.startsWith(`video/`)?(0,Z.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,Z.jsx)(`video`,{src:s,controls:!0,className:`max-h-[70vh] max-w-full rounded`})}):null:null}function Se({assistantId:e,path:t,name:r,mimeType:i,size:a,modifiedAt:o,showHidden:s}){let{t:c}=R(`workspace`),{isDownloading:l,error:u,download:d}=ge({assistantId:e,path:t,name:r,showHidden:s});return(0,Z.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Z.jsx)(Q,{name:r,mimeType:i,size:a}),(0,Z.jsx)(`div`,{className:`flex flex-1 items-center justify-center p-8`,children:(0,Z.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,Z.jsx)(b,{className:`mx-auto h-10 w-10`,style:{color:`var(--content-tertiary)`}}),(0,Z.jsx)(`p`,{className:`mt-3 text-body-medium-default`,style:{color:`var(--content-default)`},children:r}),(0,Z.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,Z.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:i}),(0,Z.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:K(a,`Unknown size`)}),o&&(0,Z.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[c(`workspaceFileViewer.modifiedLabel`),` `,new Date(o).toLocaleString()]})]}),(0,Z.jsx)(n,{variant:`outlined`,size:`compact`,leftIcon:l?(0,Z.jsx)(T,{className:`animate-spin`,"aria-hidden":!0}):(0,Z.jsx)(h,{"aria-hidden":!0}),onClick:d,disabled:l,"aria-label":c(`workspaceFileViewer.downloadAria`,{name:r}),className:`mt-4`,children:c(l?`workspaceFileViewer.downloading`:`workspaceFileViewer.download`)}),u&&(0,Z.jsx)(`p`,{className:`mt-2 text-body-small-default`,style:{color:`var(--system-error)`},children:c(`workspaceFileViewer.downloadFailed`)})]})})]})}function Ce({assistantId:e,selectedPath:t,showHidden:r,viewMode:s,onChangeViewMode:c,onBrowse:l,pathRename:u,pathDelete:d}){let{t:f}=R(`workspace`),p=i(),{data:m,isLoading:h}=a({...ve({path:{assistant_id:e},query:{path:t??``,showHidden:r}}),enabled:!!t}),[g,_]=(0,X.useState)(null),[v,y]=(0,X.useState)(null);(0,X.useEffect)(()=>{if(!u)return;let{from:e,to:t}=u,n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;_(e=>e==null?e:n(e)),y(e=>e==null?e:{...e,path:n(e.path)})},[u]),(0,X.useEffect)(()=>{if(!d)return;let{path:e}=d,t=t=>t===e||t.startsWith(`${e}/`);_(e=>e!=null&&t(e)?null:e),y(e=>e!=null&&t(e.path)?null:e)},[d]);let b=g!=null&&g===t,S=m?.content??``,C=v?.path===t?v.content:S,w=()=>{_(null),y(null)},E=o({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await re({path:{assistant_id:e},body:{path:t,content:n,encoding:`utf8`},throwOnError:!1});if(!i?.ok||r)throw Error(`Failed to save file`)},onSuccess:(e,t)=>{_(e=>e===t.path?null:e),y(e=>e?.path===t.path?null:e),p.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),D=C!==S,O=(0,X.useCallback)(()=>{t&&D&&!E.isPending&&E.mutate({path:t,content:C})},[t,D,E,C]);if(!t)return(0,Z.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3`,children:[(0,Z.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:f(`workspaceFileViewer.selectAFile`)}),l&&(0,Z.jsx)(n,{type:`button`,onClick:l,leftIcon:(0,Z.jsx)(x,{"aria-hidden":!0}),children:f(`workspaceFileViewer.browseFiles`)})]});if(h)return(0,Z.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Z.jsx)(T,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})});if(!m)return(0,Z.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Z.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:f(`workspaceFileViewer.fileNotFound`)})});let k=m.mimeType??`application/octet-stream`,A=m.name??t.split(`/`).pop()??t,j=I(A,k),M=pe(A,k),N=m.content!=null&&!j&&!M,P=t?he(t):!0,F=b&&(0,Z.jsx)(le,{isDirty:D,isSaving:E.isPending,error:E.isError?f(`workspaceFileViewer.saveFailed`):null,onSave:O,onDiscard:w});if(j&&m.content!=null){let e=b?C:m.content;return(0,Z.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Z.jsx)(Q,{name:A,mimeType:k,rightContent:(0,Z.jsx)(be,{viewMode:s,onChange:e=>{b&&w(),c(e)}})}),(0,Z.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Z.jsx)(Y,{content:e,fileName:A,mimeType:k,showEdit:!P&&s===`source`,isEditing:b,onToggleEdit:()=>b?w():_(t)}),s===`preview`?(0,Z.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Z.jsx)(L,{content:e})}):b?(0,Z.jsx)(J,{value:C,onChange:e=>y({path:t,content:e}),onSave:O}):(0,Z.jsx)(q,{content:m.content,readOnly:P,onStartEdit:()=>_(t)})]}),F]})}if(M&&m.content!=null){let e=b?C:m.content,n=me(e);return(0,Z.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Z.jsx)(Q,{name:A,mimeType:k,rightContent:(0,Z.jsx)(be,{viewMode:s,onChange:e=>{b&&w(),c(e)}})}),(0,Z.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Z.jsx)(Y,{content:s===`preview`?n:e,downloadContent:e,fileName:A,mimeType:k,showEdit:!P&&s===`source`,isEditing:b,onToggleEdit:()=>b?w():_(t)}),s===`preview`?(0,Z.jsx)(q,{content:n,readOnly:!0,whiteSpace:`pre`}):b?(0,Z.jsx)(J,{value:C,onChange:e=>y({path:t,content:e}),onSave:O}):(0,Z.jsx)(q,{content:m.content,readOnly:P,onStartEdit:()=>_(t)})]}),F]})}return N?(0,Z.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Z.jsx)(Q,{name:A,mimeType:k,size:m.size}),(0,Z.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Z.jsx)(Y,{content:b?C:m.content??``,fileName:A,mimeType:k,showEdit:!P,isEditing:b,onToggleEdit:()=>b?w():_(t)}),b?(0,Z.jsx)(J,{value:C,onChange:e=>y({path:t,content:e}),onSave:O}):(0,Z.jsx)(q,{content:m.content??``,readOnly:P,onStartEdit:()=>_(t)})]}),F]}):k.startsWith(`image/`)||k.startsWith(`video/`)?(0,Z.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Z.jsx)(Q,{name:A,mimeType:k,size:m.size,rightContent:(0,Z.jsx)(_e,{assistantId:e,path:t,name:A,showHidden:r})}),(0,Z.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,Z.jsx)(xe,{assistantId:e,path:t,mimeType:k,showHidden:r})})]}):(0,Z.jsx)(Se,{assistantId:e,path:t,name:A,mimeType:k,size:m.size,modifiedAt:m.modifiedAt,showHidden:r})}function we(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 Te(e,t,n,r){let i=n.toLowerCase(),a=r?.toLowerCase(),{data:o}=await z({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 Ee({entry:e}){return e.type===`directory`?(0,Z.jsx)(w,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`image/`)?(0,Z.jsx)(C,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`video/`)?(0,Z.jsx)(E,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Z.jsx)(y,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}})}function De({entry:e,assistantId:t,expandedPaths:n,selectedPath:r,showHidden:i,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:u,onRequestRename:d,onRequestCreate:m,depth:h}){let{t:g}=R(`workspace`),_=e.path??``,y=e.name??``,b=e.type===`directory`,x=n.has(_),C=r===_,w=y.startsWith(`.`),T=!he(_),E=b&&(x||s.length>0),{data:O}=a({...ae({assistantId:t,path:_,showHidden:i,includeDirSizes:o===`size`}),enabled:b&&E}),k=(0,X.useMemo)(()=>we(O?.entries??[],o),[O?.entries,o]),j=s===``||y.toLowerCase().includes(s);if(s!==``&&!b&&!j)return null;let N=(0,Z.jsxs)(`button`,{onClick:()=>{b?c(_):l(_)},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:`${h*14+8}px`,paddingRight:`8px`,color:C?`var(--content-default)`:w?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:C?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:w&&!C?.7:1},children:[b?E?(0,Z.jsx)(f,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Z.jsx)(p,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Z.jsx)(`span`,{className:`h-3 w-3 shrink-0`}),(0,Z.jsx)(Ee,{entry:e}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:y}),e.size!=null&&(0,Z.jsx)(`span`,{className:`shrink-0 text-label-medium-default tabular-nums`,style:{color:`var(--content-tertiary)`},children:K(e.size)})]});return(0,Z.jsxs)(`div`,{children:[T?(0,Z.jsxs)(M.Root,{children:[(0,Z.jsx)(M.Trigger,{children:N}),(0,Z.jsxs)(M.Content,{children:[b&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(M.Item,{leftIcon:(0,Z.jsx)(v,{className:`h-3.5 w-3.5`}),onSelect:()=>m({kind:`file`,parentPath:_}),children:g(`workspaceTree.newFile`)}),(0,Z.jsx)(M.Item,{leftIcon:(0,Z.jsx)(S,{className:`h-3.5 w-3.5`}),onSelect:()=>m({kind:`folder`,parentPath:_}),children:g(`workspaceTree.newFolder`)}),(0,Z.jsx)(M.Separator,{})]}),(0,Z.jsx)(M.Item,{leftIcon:(0,Z.jsx)(A,{className:`h-3.5 w-3.5`}),onSelect:()=>u({path:_,name:y,isDirectory:b}),children:g(`workspaceTree.delete`)}),(0,Z.jsx)(M.Item,{leftIcon:(0,Z.jsx)(D,{className:`h-3.5 w-3.5`}),onSelect:()=>d({path:_,name:y,isDirectory:b}),children:g(`workspaceTree.rename`)})]})]}):N,b&&E&&k.length>0&&(0,Z.jsx)(`div`,{children:k.map(e=>(0,Z.jsx)(De,{entry:e,assistantId:t,expandedPaths:n,selectedPath:r,showHidden:i,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,onRequestDelete:u,onRequestRename:d,onRequestCreate:m,depth:h+1},e.path))})]})}function Oe({title:e,placeholder:t,confirmLabel:r,pendingLabel:i,initialName:a,onCancel:o,onConfirm:s,pending:c,error:l}){let{t:u}=R(`workspace`),d=(0,X.useRef)(null),[f,p]=(0,X.useState)(a??``),m=f.trim(),h=m.length>0&&(/[/\\]/.test(m)||m===`.`||m===`..`),g=m.length>0&&!h&&!c;return(0,Z.jsx)(P.Root,{open:!0,onOpenChange:e=>{!e&&!c&&o()},children:(0,Z.jsx)(P.Content,{size:`sm`,hideCloseButton:!0,"aria-describedby":void 0,onOpenAutoFocus:e=>{e.preventDefault();let t=d.current;t&&(t.focus(),requestAnimationFrame(()=>{t.setSelectionRange(0,t.value.length)}))},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),c||o()},children:(0,Z.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),g&&s(m)},children:[(0,Z.jsx)(P.Header,{children:(0,Z.jsx)(P.Title,{children:e})}),(0,Z.jsx)(P.Body,{children:(0,Z.jsx)(N,{ref:d,label:u(`workspaceTree.nameLabel`),value:f,onChange:e=>p(e.target.value),placeholder:t,errorText:l??(h?u(`workspaceTree.nameError`):void 0),autoComplete:`off`,spellCheck:!1,fullWidth:!0})}),(0,Z.jsxs)(P.Footer,{children:[(0,Z.jsx)(n,{type:`button`,variant:`outlined`,onClick:o,disabled:c,children:u(`workspaceTree.cancel`)}),(0,Z.jsx)(n,{type:`submit`,variant:`primary`,disabled:!g,children:c?i:r})]})]})})})}function ke({assistantId:e,expandedPaths:t,selectedPath:r,showHidden:s,sortMode:c,onToggleExpand:l,onExpandPath:u,onSelectPath:d,onToggleShowHidden:f,onChangeSortMode:p,onPathDeleted:m,onPathRenamed:h,search:v,onSearchChange:y}){let{t:b}=R(`workspace`),x=i(),S=v.trim().toLowerCase(),[C,w]=(0,X.useState)(!1),[T,E]=(0,X.useState)(null),[D,O]=(0,X.useState)(null),A=(0,X.useCallback)(()=>{E(null),O(null)},[]),{data:M,isLoading:P}=a(ae({assistantId:e,showHidden:s,includeDirSizes:c===`size`})),I=(0,X.useMemo)(()=>we(M?.entries??[],c),[M?.entries,c]),L=(0,X.useCallback)(()=>{for(let e of[oe,`assistantsWorkspaceFileRetrieve`,`assistantsWorkspaceFileContentRetrieve`])x.invalidateQueries({queryKey:[e]})},[x]),z=o({mutationFn:async t=>{let n=t.parentPath?`${t.parentPath}/${t.name}`:t.name;await Te(e,t.parentPath,t.name);let{error:r,response:i}=t.kind===`file`?await re({path:{assistant_id:e},body:{path:n,content:``,encoding:`utf8`},throwOnError:!1}):await te({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=>{A(),L(),e.parentPath&&u(e.parentPath),e.kind===`file`?d(e.path):u(e.path)},onError:e=>{O(e instanceof Error?e.message:`Failed to create.`)}}),B=o({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 Te(e,r,t.newName,i);let{error:o,response:s}=await ne({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})=>{A(),L(),h(e,t)},onError:e=>{O(e instanceof Error?e.message:`Failed to rename.`)}}),V=(0,X.useCallback)(e=>{O(null),E({type:`create`,...e})},[]),H=(0,X.useCallback)(e=>{O(null),E({type:`rename`,path:e.path,name:e.name})},[]),[U,W]=(0,X.useState)(null),G=o({mutationFn:async t=>{let{error:n,response:r}=await ie({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=>{W(null),L(),m(e.path)}}),se=(0,X.useCallback)(e=>{G.reset(),W(e)},[G]);return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`flex items-center justify-between border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,Z.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:b(`workspaceTree.heading`)}),(0,Z.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,Z.jsx)(n,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:c===`size`?(0,Z.jsx)(de,{"aria-hidden":!0}):(0,Z.jsx)(ue,{"aria-hidden":!0}),onClick:()=>p(c===`size`?`name`:`size`),"aria-label":b(c===`size`?`workspaceTree.sortByNameAria`:`workspaceTree.sortBySizeAria`),title:b(c===`size`?`workspaceTree.sortedBySizeTitle`:`workspaceTree.sortedByNameTitle`),tintColor:c===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,Z.jsx)(n,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:s?(0,Z.jsx)(_,{"aria-hidden":!0}):(0,Z.jsx)(g,{"aria-hidden":!0}),onClick:f,"aria-label":b(s?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),title:b(s?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),tintColor:s?`var(--content-default)`:`var(--content-tertiary)`}),(0,Z.jsx)(Ae,{open:C,onOpenChange:w,onSelectKind:e=>{w(!1),V({kind:e,parentPath:``})}})]})]}),(0,Z.jsx)(`div`,{className:`px-3 py-2`,children:(0,Z.jsxs)(`div`,{className:`relative`,children:[(0,Z.jsx)(N,{type:`text`,value:v,onChange:e=>y(e.target.value),placeholder:b(`workspaceTree.searchPlaceholder`),leftIcon:(0,Z.jsx)(k,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,spellCheck:!1,autoComplete:`off`}),v&&(0,Z.jsx)(n,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Z.jsx)(j,{"aria-hidden":!0}),onClick:()=>y(``),"aria-label":b(`workspaceTree.clearSearchAria`),className:`absolute right-1.5 top-1/2 -translate-y-1/2`,tintColor:`var(--content-tertiary)`})]})}),(0,Z.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-1`,children:P?(0,Z.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,Z.jsx)(`div`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`,style:{color:`var(--content-tertiary)`}})}):I.length?I.map(n=>(0,Z.jsx)(De,{entry:n,assistantId:e,expandedPaths:t,selectedPath:r,showHidden:s,sortMode:c,searchLower:S,onToggleExpand:l,onSelectPath:d,onRequestDelete:se,onRequestRename:H,onRequestCreate:V,depth:0},n.path)):(0,Z.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:b(`workspaceTree.noFilesFound`)})}),T?.type===`create`&&(0,Z.jsx)(Oe,{title:T.kind===`file`?b(`workspaceTree.newFile`):b(`workspaceTree.newFolder`),placeholder:T.kind===`file`?`filename.md`:`folder-name`,confirmLabel:b(`workspaceTree.create`),pendingLabel:b(`workspaceTree.creating`),onCancel:A,onConfirm:e=>{O(null),z.mutate({kind:T.kind,parentPath:T.parentPath,name:e})},pending:z.isPending,error:D},`create-${T.kind}-${T.parentPath}`),T?.type===`rename`&&(0,Z.jsx)(Oe,{title:b(`workspaceTree.rename`),placeholder:T.name,confirmLabel:b(`workspaceTree.rename`),pendingLabel:b(`workspaceTree.renaming`),initialName:T.name,onCancel:A,onConfirm:e=>{if(e===T.name){A();return}O(null),B.mutate({oldPath:T.path,newName:e})},pending:B.isPending,error:D},`rename-${T.path}`),(0,Z.jsx)(F,{open:U!==null,title:U?.isDirectory?b(`workspaceTree.deleteFolderTitle`):b(`workspaceTree.deleteFileTitle`),message:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(ee,{i18nKey:U?.isDirectory?`workspaceTree.deleteFolderMessage`:`workspaceTree.deleteFileMessage`,ns:`workspace`,values:{name:U?.name??``},components:{name:(0,Z.jsx)(`span`,{style:{color:`var(--content-default)`}})}}),G.error&&(0,Z.jsx)(`span`,{className:`mt-2 block`,style:{color:`var(--system-negative-strong)`},children:G.error.message})]}),confirmLabel:G.isPending?b(`workspaceTree.deleting`):b(`workspaceTree.delete`),destructive:!0,isPending:G.isPending,onConfirm:()=>{U&&G.mutate(U)},onCancel:()=>W(null)})]})}function Ae({open:e,onOpenChange:t,onSelectKind:r}){let{t:i}=R(`workspace`);return H()?(0,Z.jsxs)(l.Root,{open:e,onOpenChange:t,children:[(0,Z.jsx)(l.Trigger,{asChild:!0,children:(0,Z.jsx)(n,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Z.jsx)(O,{"aria-hidden":!0}),"aria-label":i(`workspaceTree.createTriggerAria`),title:i(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Z.jsxs)(l.Content,{children:[(0,Z.jsx)(l.Header,{className:`sr-only`,children:(0,Z.jsx)(l.Title,{children:i(`workspaceTree.creatingHeading`)})}),(0,Z.jsxs)(l.Body,{className:`pt-0`,children:[(0,Z.jsx)(u,{icon:v,label:i(`workspaceTree.newFile`),onSelect:()=>r(`file`)}),(0,Z.jsx)(u,{icon:S,label:i(`workspaceTree.newFolder`),onSelect:()=>r(`folder`)})]})]})]}):(0,Z.jsxs)(m.Root,{open:e,onOpenChange:t,children:[(0,Z.jsx)(m.Trigger,{asChild:!0,children:(0,Z.jsx)(n,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Z.jsx)(O,{"aria-hidden":!0}),"aria-label":i(`workspaceTree.createTriggerAria`),title:i(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Z.jsxs)(m.Content,{align:`end`,sideOffset:4,children:[(0,Z.jsx)(m.Item,{leftIcon:(0,Z.jsx)(v,{className:`h-3.5 w-3.5`}),onSelect:()=>r(`file`),children:i(`workspaceTree.newFile`)}),(0,Z.jsx)(m.Item,{leftIcon:(0,Z.jsx)(S,{className:`h-3.5 w-3.5`}),onSelect:()=>r(`folder`),children:i(`workspaceTree.newFolder`)})]})]})}function $(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}=R(`workspace`),[n,i]=r(),[a,o]=(0,X.useState)(()=>{let e=n.get(`file`);return e?$(e):new Set}),[s,c]=(0,X.useState)(()=>n.get(`file`)),[l,u]=(0,X.useState)(!1),[d,f]=(0,X.useState)(()=>n.get(`sort`)===`size`?`size`:`name`),[p,m]=(0,X.useState)(`preview`);(0,X.useEffect)(()=>{let e=n.get(`file`);e&&(c(e),o(t=>{let n=new Set(t);for(let t of $(e))n.add(t);return n.size===t.size?t:n}),i(e=>{let t=new URLSearchParams(e);return t.delete(`file`),t},{replace:!0}))},[n,i]);let h=(0,X.useCallback)(e=>{o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),g=(0,X.useCallback)(e=>{o(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),{paneRef:_,hasRoomForList:v,drawerOpen:y,openDrawer:b,closeDrawer:x}=ce(),[S,C]=(0,X.useState)(``),w=(0,X.useCallback)(e=>{c(e),x()},[x]),[T,E]=(0,X.useState)(null),D=(0,X.useCallback)(e=>{let t=t=>t===e||t.startsWith(`${e}/`);c(e=>e!==null&&t(e)?null:e),o(e=>{let n=new Set([...e].filter(e=>!t(e)));return n.size===e.size?e:n}),E({path:e})},[]),[O,k]=(0,X.useState)(null),A={assistantId:e,expandedPaths:a,selectedPath:s,showHidden:l,sortMode:d,onToggleExpand:h,onExpandPath:g,onSelectPath:w,onToggleShowHidden:()=>u(e=>!e),onChangeSortMode:f,onPathDeleted:D,onPathRenamed:(0,X.useCallback)((e,t)=>{let n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;c(e=>e===null?e:n(e)),o(e=>{let t=!1,r=new Set;for(let i of e){let e=n(i);e!==i&&(t=!0),r.add(e)}return t?r:e}),k({from:e,to:t})},[]),search:S,onSearchChange:C};return(0,Z.jsxs)(`div`,{ref:_,className:`flex h-full min-h-0 flex-col gap-4`,children:[v?null:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`flex items-center`,children:(0,Z.jsx)(se,{onClick:b})}),(0,Z.jsx)(G,{open:y,onClose:x,title:t(`workspaceBrowser.drawerTitle`),children:(0,Z.jsx)(ke,{...A})})]}),(0,Z.jsxs)(`div`,{className:`grid min-h-0 flex-1 gap-4 ${v?`grid-cols-[320px_1fr]`:`grid-cols-1`}`,children:[v?(0,Z.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,Z.jsx)(ke,{...A})}):null,(0,Z.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,Z.jsx)(Ce,{assistantId:e,selectedPath:s,showHidden:l,viewMode:p,onChangeViewMode:m,onBrowse:v?void 0:b,pathRename:O,pathDelete:T})})]})]})}function Me(){return(0,Z.jsx)(je,{assistantId:W()})}export{Me as WorkspacePage};

package/dist/assets/workspace-tree-query-yCcdxtq0.js

@@ -0,0 +1 @@
+import{t as e}from"./queryOptions-DbnOXI51.js";import{$r as t,Jr as n}from"./sdk.gen-B1EH6zbq.js";import{n as r}from"./native-file-Bj6MDSzx.js";async function i(e){let{data:t,error:i}=await n({path:{assistant_id:e.assistantId},query:{path:e.path,...e.showHidden?{showHidden:`true`}:{}},parseAs:`blob`,throwOnError:!1});if(i||!(t instanceof Blob))throw Error(`Failed to download file`);await r(t,e.filename)}var a=`assistantsWorkspaceTreeRetrieve`;function o({assistantId:n,path:r=``,showHidden:i=!1,includeDirSizes:o=!1}){return e({queryKey:[a,n,{path:r,showHidden:i,includeDirSizes:o}],queryFn:async()=>{let e={};r&&(e.path=r),i&&(e.showHidden=`true`),o&&(e.includeDirSizes=`true`);let{data:a,error:s}=await t({path:{assistant_id:n},query:e});if(s)throw s;if(!a)throw Error(`Failed to load workspace tree`);return a}})}export{o as n,i as r,a as t};