@vellumai/web 0.12.3 → 0.12.4-staging.2

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Am as t,An as n,Bx as r,Ex as i,Fv as a,HS as o,Iv as s,JS as c,Lv as l,Nn as u,Nv as d,Pn as f,Pv as p,Qi as m,Rv as h,TS as g,US as _,_S as v,hS as y,ir as b,jm as x,jn as S,mS as C,nt as w,qS as T,zv as ee}from"./app-CuJb51Ub.js";import{$n as E,N as D,Qn as O,Yn as k,Zn as A,j,tr as te}from"./vendor-CYmPHUS2.js";import{_ as M,t as N,x as P}from"./react-B9IgSVeK.js";import{A as F,Br as I,Gi as ne,Lt as L,Mr as R,Rr as re,Ur as z,Xr as ie,Ya as ae,Yn as B,Yr as oe,Zt as se,g as V,i as ce,jr as H,kr as U,mr as W,qi as G,ri as le,vt as ue}from"./icons-C0wyat6T.js";import{n as K,r as q,t as J}from"./use-side-list-room-T8KJvH7p.js";import{t as Y}from"./format-file-size-BW7P6CE0.js";import{i as X,n as de,r as fe,t as pe}from"./file-editor-zljxVqM1.js";import{t as me}from"./use-debounced-value-Dbgs3rOl.js";var he=ae(`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`}]]),ge=ae(`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(P(),1);function _e(e){if(!e)return``;let t=e.indexOf(`;`);return(t===-1?e:e.slice(0,t)).trim()}function ve(e,t){return _e(t)===`application/json`?!0:(e??``).toLowerCase().endsWith(`.json`)}function ye(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function be(e){return e.split(`/`).some(e=>e.startsWith(`.`))}var Q=N();function xe(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 b({assistantId:t,path:n,filename:r,showHidden:i})}catch{c(!0)}finally{o(!1)}},[t,n,r,i])}}function Se({assistantId:e,path:t,name:n,showHidden:r}){let{t:i}=j(`workspace`),{isDownloading:a,error:o,download:s}=xe({assistantId:e,path:t,name:n,showHidden:r});return(0,Q.jsx)(c,{variant:`ghost`,size:`regular`,loading:a,iconOnly:(0,Q.jsx)(le,{"aria-hidden":!0}),onClick:()=>void s(),disabled:a,"aria-label":i(`workspaceFileViewer.downloadAria`,{name:n}),tooltip:i(o?`workspaceFileViewer.downloadFailed`:`workspaceFileViewer.download`)})}function Ce(e){return A({queryFn:async()=>{let{data:t,error:n}=await a({path:e.path,query:{path:e.query.path,...e.query.showHidden?{showHidden:`true`}:{}}});if(n)throw n;return t},queryKey:[`assistantsWorkspaceFileRetrieve`,e]})}function we({mimeType:e}){let t=e.indexOf(`;`),n=(t===-1?e:e.slice(0,t)).trim(),r=I;return n.startsWith(`image/`)?r=W:n.startsWith(`video/`)?r=V:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=re),(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 Te({viewMode:e,onChange:t}){let{t:n}=j(`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)(c,{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)(we,{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:Y(n)})]}),r]})}function Ee({assistantId:e,path:t,mimeType:n,showHidden:r}){let{data:i,isLoading:a}=O({queryFn:async()=>{let n=await p({path:{assistant_id:e},query:{path:t,...r?{showHidden:`true`}:{}},parseAs:`blob`});if(n.error)throw n.error;return n.data},queryKey:[`assistantsWorkspaceFileContentRetrieve`,{assistantId:e,path:t,showHidden:r}],enabled:!!t}),[o,s]=(0,Z.useState)(null);return(0,Z.useEffect)(()=>{if(!i)return;let e=URL.createObjectURL(i);return s(e),()=>{URL.revokeObjectURL(e),s(null)}},[i]),a?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,Q.jsx)(B,{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 De({assistantId:e,path:t,name:n,mimeType:r,size:a,modifiedAt:o,showHidden:s}){let{t:l}=j(`workspace`),{isDownloading:u,error:d,download:f}=xe({assistantId:e,path:t,name:n,showHidden:s});return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:n,mimeType:r,size:a}),(0,Q.jsx)(`div`,{className:`flex flex-1 items-center justify-center p-8`,children:(0,Q.jsxs)(`div`,{className:`w-full max-w-sm rounded-lg border p-6 text-center`,style:{borderColor:`var(--border-base)`,backgroundColor:`var(--surface-lift)`},children:[(0,Q.jsx)(re,{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:Y(a,l(`workspaceFileViewer.unknownSize`))}),o&&(0,Q.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[l(`workspaceFileViewer.modifiedLabel`),` `,new Date(o).toLocaleString(i())]})]}),(0,Q.jsx)(c,{variant:`outlined`,size:`compact`,loading:u,leftIcon:(0,Q.jsx)(le,{"aria-hidden":!0}),onClick:f,disabled:u,"aria-label":l(`workspaceFileViewer.downloadAria`,{name:n}),className:`mt-4`,children:l(u?`workspaceFileViewer.downloading`:`workspaceFileViewer.download`)}),d&&(0,Q.jsx)(`p`,{className:`mt-2 text-body-small-default`,style:{color:`var(--system-negative-strong)`},children:l(`workspaceFileViewer.downloadFailed`)})]})})]})}function Oe({assistantId:e,selectedPath:t,showHidden:n,viewMode:r,onChangeViewMode:i,onBrowse:a,pathRename:o,pathDelete:s}){let{t:l}=j(`workspace`),d=te(),{data:p,isLoading:m}=O({...Ce({path:{assistant_id:e},query:{path:t??``,showHidden:n}}),enabled:!!t}),[h,g]=(0,Z.useState)(null),[_,v]=(0,Z.useState)(null);(0,Z.useEffect)(()=>{if(!o)return;let{from:e,to:t}=o,n=n=>n===e?t:n.startsWith(`${e}/`)?t+n.slice(e.length):n;g(e=>e==null?e:n(e)),v(e=>e==null?e:{...e,path:n(e.path)})},[o]),(0,Z.useEffect)(()=>{if(!s)return;let{path:e}=s,t=t=>t===e||t.startsWith(`${e}/`);g(e=>e!=null&&t(e)?null:e),v(e=>e!=null&&t(e.path)?null:e)},[s]);let y=h!=null&&h===t,b=p?.content??``,x=_?.path===t?_.content:b,S=()=>{g(null),v(null)},C=k({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await ee({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)=>{g(e=>e===t.path?null:e),v(e=>e?.path===t.path?null:e),d.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),w=x!==b,T=(0,Z.useCallback)(()=>{t&&w&&!C.isPending&&C.mutate({path:t,content:x})},[t,w,C,x]);if(!t)return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3`,children:[(0,Q.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:l(`workspaceFileViewer.selectAFile`)}),a&&(0,Q.jsx)(c,{type:`button`,onClick:a,leftIcon:(0,Q.jsx)(R,{"aria-hidden":!0}),children:l(`workspaceFileViewer.browseFiles`)})]});if(m)return(0,Q.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,Q.jsx)(B,{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:l(`workspaceFileViewer.fileNotFound`)})});let E=p.mimeType??`application/octet-stream`,D=p.name??t.split(`/`).pop()??t,A=f(D,E),M=ve(D,E),N=p.content!=null&&!A&&!M,P=t?be(t):!0,F=y&&(0,Q.jsx)(de,{isDirty:w,isSaving:C.isPending,error:C.isError?l(`workspaceFileViewer.saveFailed`):null,onSave:T,onDiscard:S});if(A&&p.content!=null){let e=y?x:p.content;return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:D,mimeType:E,rightContent:(0,Q.jsx)(Te,{viewMode:r,onChange:e=>{y&&S(),i(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(pe,{content:e,fileName:D,mimeType:E,showEdit:!P&&r===`source`,isEditing:y,onToggleEdit:()=>y?S():g(t)}),r===`preview`?(0,Q.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,Q.jsx)(u,{content:e})}):y?(0,Q.jsx)(fe,{value:x,onChange:e=>v({path:t,content:e}),onSave:T}):(0,Q.jsx)(X,{content:p.content,readOnly:P,onStartEdit:()=>g(t)})]}),F]})}if(M&&p.content!=null){let e=y?x:p.content,n=ye(e);return(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:D,mimeType:E,rightContent:(0,Q.jsx)(Te,{viewMode:r,onChange:e=>{y&&S(),i(e)}})}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(pe,{content:r===`preview`?n:e,downloadContent:e,fileName:D,mimeType:E,showEdit:!P&&r===`source`,isEditing:y,onToggleEdit:()=>y?S():g(t)}),r===`preview`?(0,Q.jsx)(X,{content:n,readOnly:!0,whiteSpace:`pre`}):y?(0,Q.jsx)(fe,{value:x,onChange:e=>v({path:t,content:e}),onSave:T}):(0,Q.jsx)(X,{content:p.content,readOnly:P,onStartEdit:()=>g(t)})]}),F]})}return N?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:D,mimeType:E,size:p.size}),(0,Q.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,Q.jsx)(pe,{content:y?x:p.content??``,fileName:D,mimeType:E,showEdit:!P,isEditing:y,onToggleEdit:()=>y?S():g(t)}),y?(0,Q.jsx)(fe,{value:x,onChange:e=>v({path:t,content:e}),onSave:T}):(0,Q.jsx)(X,{content:p.content??``,readOnly:P,onStartEdit:()=>g(t)})]}),F]}):E.startsWith(`image/`)||E.startsWith(`video/`)?(0,Q.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,Q.jsx)($,{name:D,mimeType:E,size:p.size,rightContent:(0,Q.jsx)(Se,{assistantId:e,path:t,name:D,showHidden:n})}),(0,Q.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,Q.jsx)(Ee,{assistantId:e,path:t,mimeType:E,showHidden:n})})]}):(0,Q.jsx)(De,{assistantId:e,path:t,name:D,mimeType:E,size:p.size,modifiedAt:p.modifiedAt,showHidden:n})}function ke({entry:e}){let t={color:`var(--content-tertiary)`};return e.type===`directory`?(0,Q.jsx)(U,{className:`h-4 w-4 shrink-0`,style:t}):e.mimeType?.startsWith(`image/`)?(0,Q.jsx)(W,{className:`h-4 w-4 shrink-0`,style:t}):e.mimeType?.startsWith(`video/`)?(0,Q.jsx)(V,{className:`h-4 w-4 shrink-0`,style:t}):(0,Q.jsx)(I,{className:`h-4 w-4 shrink-0`,style:t})}var Ae=(0,Z.memo)(function({entry:e,depth:t,isExpanded:n,isSelected:r,onToggleExpand:i,onSelectPath:a,onRequestDelete:o,onRequestRename:s,onRequestCreate:c}){let{t:l}=j(`workspace`),u=e.type===`directory`,d=e.name.startsWith(`.`),f=!be(e.path),p={path:e.path,name:e.name,isDirectory:u},m=(0,Q.jsxs)(`button`,{type:`button`,onClick:()=>u?i(e.path):a(e.path),"aria-expanded":u?n:void 0,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:`${t*14+8}px`,paddingRight:`8px`,color:d&&!r?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:r?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:d&&!r?.7:1},children:[u?n?(0,Q.jsx)(G,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,Q.jsx)(ne,{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)(ke,{entry:e}),(0,Q.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name}),e.size!==null&&(0,Q.jsx)(`span`,{className:`shrink-0 text-label-medium-default tabular-nums`,style:{color:`var(--content-tertiary)`},children:Y(e.size)})]});return f?(0,Q.jsxs)(C.Root,{children:[(0,Q.jsx)(C.Trigger,{children:m}),(0,Q.jsxs)(C.Content,{children:[u&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(C.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>c({kind:`file`,parentPath:e.path}),children:l(`workspaceTree.newFile`)}),(0,Q.jsx)(C.Item,{leftIcon:(0,Q.jsx)(H,{className:`h-3.5 w-3.5`}),onSelect:()=>c({kind:`folder`,parentPath:e.path}),children:l(`workspaceTree.newFolder`)}),(0,Q.jsx)(C.Separator,{})]}),(0,Q.jsx)(C.Item,{leftIcon:(0,Q.jsx)(F,{className:`h-3.5 w-3.5`}),onSelect:()=>o(p),children:l(`workspaceTree.delete`)}),(0,Q.jsx)(C.Item,{leftIcon:(0,Q.jsx)(se,{className:`h-3.5 w-3.5`}),onSelect:()=>s(p),children:l(`workspaceTree.rename`)})]})]}):m});function je(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}function Me(e,t){let n=[``];for(let r of e){if(!t&&be(r))continue;let i=r.split(`/`),a=!0;for(let t=1;t<i.length;t++)if(!e.has(i.slice(0,t).join(`/`))){a=!1;break}a&&n.push(r)}return n}function Ne(e){let t=new Map;for(let n of e){let e=x(n.path),r=t.get(e);r?r.push(n):t.set(e,[n])}return t}function Pe({listings:e,expandedPaths:t,sortMode:n,query:r}){let i=r.trim().toLowerCase();function a(r,o){let s=e.get(r);if(!s)return[];let c=[];for(let e of je(s,n)){let n=e.type===`directory`,r=n&&t.has(e.path),s=r||n&&i!==``?a(e.path,o+1):[];(i===``||e.name.toLowerCase().includes(i)||s.length>0)&&c.push({entry:e,depth:o,isExpanded:r||s.length>0},...s)}return c}return a(``,0)}function Fe({assistantId:e,expandedPaths:t,showHidden:n,sortMode:r}){let{data:i}=O(S({assistantId:e,showHidden:n,recursive:!0})),a=(0,Z.useMemo)(()=>i?.truncated===void 0?void 0:{listings:Ne(i.entries),truncated:i.truncated,skipped:i.skipped??[]},[i]),o=(0,Z.useMemo)(()=>Me(t,n),[t,n]),s=(0,Z.useCallback)(e=>{let t=new Map;return e.forEach((e,n)=>{e.data&&t.set(o[n],e.data.entries)}),{listings:t,isRootLoading:e[0]?.isLoading??!0}},[o]),c=E({queries:o.map(t=>S({assistantId:e,path:t,showHidden:n,includeDirSizes:r===`size`})),combine:s});return(0,Z.useMemo)(()=>{if(!a)return{listings:c.listings,isRootLoading:c.isRootLoading,searchScope:`open-folders`,isSearchIncomplete:!1};let e=new Map(a.listings);for(let[t,n]of c.listings)e.set(t,n);return{listings:e,isRootLoading:!1,searchScope:`workspace`,isSearchIncomplete:a.truncated||a.skipped.some(t=>!e.has(t))}},[a,c])}var Ie=class extends Error{takenName;constructor(e){super(`Workspace entry name is taken: ${e}`),this.name=`WorkspaceNameTakenError`,this.takenName=e}};function Le(e,t,n){if(e instanceof Ie)return n(`workspaceTree.nameTaken`,{name:e.takenName});switch(t){case`create`:return n(`workspaceTree.createFailed`);case`rename`:return n(`workspaceTree.renameFailed`);case`delete`:return n(`workspaceTree.deleteFailed`)}}var Re=200;async function ze(e,t,n,r){let i=n.toLowerCase(),a=r?.toLowerCase(),{data:o}=await h({path:{assistant_id:e},query:t?{path:t}:{}});if(o?.entries?.some(e=>{let t=e.name.toLowerCase();return t===i&&t!==a}))throw new Ie(n)}function Be({title:e,placeholder:t,confirmLabel:n,pendingLabel:r,initialName:i,onCancel:a,onConfirm:o,pending:s,error:l}){let{t:u}=j(`workspace`),d=(0,Z.useRef)(null),[f,p]=(0,Z.useState)(i??``),m=f.trim(),h=m.length>0&&(/[/\\]/.test(m)||m===`.`||m===`..`),_=m.length>0&&!h&&!s;return(0,Q.jsx)(v.Root,{open:!0,onOpenChange:e=>{!e&&!s&&a()},children:(0,Q.jsx)(v.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(),s||a()},children:(0,Q.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),_&&o(m)},children:[(0,Q.jsx)(v.Header,{children:(0,Q.jsx)(v.Title,{children:e})}),(0,Q.jsx)(v.Body,{children:(0,Q.jsx)(g,{ref:d,label:u(`workspaceTree.nameLabel`),value:f,onChange:e=>p(e.target.value),placeholder:t,errorText:l??(h?u(`workspaceTree.nameError`):void 0),autoComplete:`off`,spellCheck:!1,fullWidth:!0})}),(0,Q.jsxs)(v.Footer,{children:[(0,Q.jsx)(c,{type:`button`,variant:`outlined`,onClick:a,disabled:s,children:u(`workspaceTree.cancel`)}),(0,Q.jsx)(c,{type:`submit`,variant:`primary`,disabled:!_,children:s?r:n})]})]})})})}function Ve({assistantId:e,expandedPaths:i,selectedPath:a,showHidden:o,sortMode:u,onToggleExpand:f,onExpandPath:p,onSelectPath:m,onToggleShowHidden:h,onChangeSortMode:_,onPathDeleted:v,onPathRenamed:b,search:S,onSearchChange:C}){let{t:w}=j(`workspace`),T=te(),[E,O]=(0,Z.useState)(!1),[A,M]=(0,Z.useState)(null),[N,P]=(0,Z.useState)(null),F=(0,Z.useCallback)(()=>{M(null),P(null)},[]),I=me(S,Re),ne=I.trim()!==``,L=(0,Z.useId)(),{listings:R,isRootLoading:re,searchScope:z,isSearchIncomplete:ae}=Fe({assistantId:e,expandedPaths:i,showHidden:o,sortMode:u}),B=ne?z===`open-folders`?w(`workspaceTree.searchScope`):ae?w(`workspaceTree.searchIncomplete`):null:null,se=(R.get(``)?.length??0)>0,V=(0,Z.useMemo)(()=>Pe({listings:R,expandedPaths:i,sortMode:u,query:I}),[R,i,u,I]),H=(0,Z.useCallback)(()=>{for(let e of[n,`assistantsWorkspaceFileRetrieve`,`assistantsWorkspaceFileContentRetrieve`])T.invalidateQueries({queryKey:[e]})},[T]),U=k({mutationFn:async t=>{let n=t.parentPath?`${t.parentPath}/${t.name}`:t.name;await ze(e,t.parentPath,t.name);let{error:i,response:a}=t.kind===`file`?await ee({path:{assistant_id:e},body:{path:n,content:``,encoding:`utf8`},throwOnError:!1}):await s({path:{assistant_id:e},body:{path:n},throwOnError:!1});if(i||!a?.ok)throw a?r(i,a):i;return{...t,path:n}},onSuccess:e=>{F(),H(),e.parentPath&&p(e.parentPath),e.kind===`file`?m(e.path):p(e.path)},onError:e=>{P(Le(e,`create`,w))}}),W=k({mutationFn:async n=>{let i=x(n.oldPath),a=t(n.oldPath),o=i?`${i}/${n.newName}`:n.newName;await ze(e,i,n.newName,a);let{error:s,response:c}=await l({path:{assistant_id:e},body:{oldPath:n.oldPath,newPath:o},throwOnError:!1});if(s||!c?.ok)throw c?r(s,c):s;return{oldPath:n.oldPath,newPath:o}},onSuccess:({oldPath:e,newPath:t})=>{F(),H(),b(e,t)},onError:e=>{P(Le(e,`rename`,w))}}),G=(0,Z.useCallback)(e=>{P(null),M({type:`create`,...e})},[]),le=(0,Z.useCallback)(e=>{P(null),M({type:`rename`,path:e.path,name:e.name})},[]),[K,q]=(0,Z.useState)(null),J=k({mutationFn:async t=>{let{error:n,response:i}=await d({path:{assistant_id:e},body:{path:t.path},throwOnError:!1});if(n||!i?.ok)throw i?r(n,i):n;return t},onSuccess:e=>{q(null),H(),v(e.path)}}),Y=(0,Z.useCallback)(e=>{J.reset(),q(e)},[J]);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:w(`workspaceTree.heading`)}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,Q.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:u===`size`?(0,Q.jsx)(ge,{"aria-hidden":!0}):(0,Q.jsx)(he,{"aria-hidden":!0}),onClick:()=>_(u===`size`?`name`:`size`),"aria-label":w(u===`size`?`workspaceTree.sortByNameAria`:`workspaceTree.sortBySizeAria`),title:w(u===`size`?`workspaceTree.sortedBySizeTitle`:`workspaceTree.sortedByNameTitle`),tintColor:u===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:o?(0,Q.jsx)(oe,{"aria-hidden":!0}):(0,Q.jsx)(ie,{"aria-hidden":!0}),onClick:h,"aria-label":w(o?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),title:w(o?`workspaceTree.hideHiddenAria`:`workspaceTree.showHiddenAria`),tintColor:o?`var(--content-default)`:`var(--content-tertiary)`}),(0,Q.jsx)(He,{open:E,onOpenChange:O,onSelectKind:e=>{O(!1),G({kind:e,parentPath:``})}})]})]}),(0,Q.jsxs)(`div`,{className:`px-3 py-2`,children:[(0,Q.jsxs)(`div`,{className:`relative`,children:[(0,Q.jsx)(g,{type:`text`,value:S,onChange:e=>C(e.target.value),placeholder:w(`workspaceTree.searchPlaceholder`),leftIcon:(0,Q.jsx)(ue,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),"aria-describedby":B?L:void 0,fullWidth:!0,spellCheck:!1,autoComplete:`off`}),S&&(0,Q.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(ce,{"aria-hidden":!0}),onClick:()=>C(``),"aria-label":w(`workspaceTree.clearSearchAria`),className:`absolute right-1.5 top-1/2 -translate-y-1/2`,tintColor:`var(--content-tertiary)`})]}),B&&(0,Q.jsx)(`span`,{id:L,className:`mt-1 block text-body-small-default text-[var(--content-tertiary)]`,children:B})]}),(0,Q.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-1`,children:re?(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)`}})}):!se||V.length===0?(0,Q.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:w(se?z===`workspace`?`workspaceTree.noMatches`:`workspaceTree.noSearchMatches`:`workspaceTree.noFilesFound`)}):V.map(e=>(0,Q.jsx)(Ae,{entry:e.entry,depth:e.depth,isExpanded:e.isExpanded,isSelected:a===e.entry.path,onToggleExpand:f,onSelectPath:m,onRequestDelete:Y,onRequestRename:le,onRequestCreate:G},e.entry.path))}),A?.type===`create`&&(0,Q.jsx)(Be,{title:A.kind===`file`?w(`workspaceTree.newFile`):w(`workspaceTree.newFolder`),placeholder:A.kind===`file`?`filename.md`:`folder-name`,confirmLabel:w(`workspaceTree.create`),pendingLabel:w(`workspaceTree.creating`),onCancel:F,onConfirm:e=>{P(null),U.mutate({kind:A.kind,parentPath:A.parentPath,name:e})},pending:U.isPending,error:N},`create-${A.kind}-${A.parentPath}`),A?.type===`rename`&&(0,Q.jsx)(Be,{title:w(`workspaceTree.rename`),placeholder:A.name,confirmLabel:w(`workspaceTree.rename`),pendingLabel:w(`workspaceTree.renaming`),initialName:A.name,onCancel:F,onConfirm:e=>{if(e===A.name){F();return}P(null),W.mutate({oldPath:A.path,newName:e})},pending:W.isPending,error:N},`rename-${A.path}`),(0,Q.jsx)(y,{open:K!==null,title:K?.isDirectory?w(`workspaceTree.deleteFolderTitle`):w(`workspaceTree.deleteFileTitle`),message:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(D,{i18nKey:K?.isDirectory?`workspaceTree.deleteFolderMessage`:`workspaceTree.deleteFileMessage`,ns:`workspace`,values:{name:K?.name??``},components:{name:(0,Q.jsx)(`span`,{style:{color:`var(--content-default)`}})}}),J.error&&(0,Q.jsx)(`span`,{className:`mt-2 block`,style:{color:`var(--system-negative-strong)`},children:Le(J.error,`delete`,w)})]}),confirmLabel:J.isPending?w(`workspaceTree.deleting`):w(`workspaceTree.delete`),destructive:!0,isPending:J.isPending,onConfirm:()=>{K&&J.mutate(K)},onCancel:()=>q(null)})]})}function He({open:e,onOpenChange:t,onSelectKind:n}){let{t:r}=j(`workspace`);return m()?(0,Q.jsxs)(T.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(T.Trigger,{asChild:!0,children:(0,Q.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(L,{"aria-hidden":!0}),"aria-label":r(`workspaceTree.createTriggerAria`),title:r(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(T.Content,{children:[(0,Q.jsx)(T.Header,{className:`sr-only`,children:(0,Q.jsx)(T.Title,{children:r(`workspaceTree.creatingHeading`)})}),(0,Q.jsxs)(T.Body,{className:`pt-0`,children:[(0,Q.jsx)(o,{icon:z,label:r(`workspaceTree.newFile`),onSelect:()=>n(`file`)}),(0,Q.jsx)(o,{icon:H,label:r(`workspaceTree.newFolder`),onSelect:()=>n(`folder`)})]})]})]}):(0,Q.jsxs)(_.Root,{open:e,onOpenChange:t,children:[(0,Q.jsx)(_.Trigger,{asChild:!0,children:(0,Q.jsx)(c,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(L,{"aria-hidden":!0}),"aria-label":r(`workspaceTree.createTriggerAria`),title:r(`workspaceTree.createTriggerTitle`),tintColor:`var(--content-tertiary)`})}),(0,Q.jsxs)(_.Content,{align:`end`,sideOffset:4,children:[(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(z,{className:`h-3.5 w-3.5`}),onSelect:()=>n(`file`),children:r(`workspaceTree.newFile`)}),(0,Q.jsx)(_.Item,{leftIcon:(0,Q.jsx)(H,{className:`h-3.5 w-3.5`}),onSelect:()=>n(`folder`),children:r(`workspaceTree.newFolder`)})]})]})}function Ue(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 We({assistantId:e}){let{t}=j(`workspace`),[n,r]=M(),[i,a]=(0,Z.useState)(()=>{let e=n.get(`file`);return e?Ue(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 Ue(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}=J(),[x,S]=(0,Z.useState)(``),C=(0,Z.useCallback)(e=>{s(e),b()},[b]),[w,T]=(0,Z.useState)(null),ee=(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})},[]),[E,D]=(0,Z.useState)(null),O={assistantId:e,expandedPaths:i,selectedPath:o,showHidden:c,sortMode:u,onToggleExpand:m,onExpandPath:h,onSelectPath:C,onToggleShowHidden:()=>l(e=>!e),onChangeSortMode:d,onPathDeleted:ee,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}),D({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)(q,{onClick:y})}),(0,Q.jsx)(K,{open:v,onClose:b,title:t(`workspaceBrowser.drawerTitle`),children:(0,Q.jsx)(Ve,{...O})})]}),(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)(Ve,{...O})}):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)(Oe,{assistantId:e,selectedPath:o,showHidden:c,viewMode:f,onChangeViewMode:p,onBrowse:_?void 0:y,pathRename:E,pathDelete:w})})]})]})}function Ge(){return(0,Q.jsx)(We,{assistantId:w()})}export{Ge as WorkspacePage};