@vellumai/web 0.8.7-dev.202606052232.2ddc989 → 0.8.8

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

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{n}from"./QueryClientProvider-DBAeGN3q.js";import{t as r}from"./useQuery-DAtrV0RI.js";import{t as i}from"./useMutation-DTb3lMvF.js";import{t as a}from"./jsx-runtime-XSukodg_.js";import{t as o}from"./queryOptions-C_ypb2wA.js";import{t as s}from"./button-Cs9tc8OR.js";import{n as c,r as l,t as u}from"./panel-item-BPosLg5Y.js";import{t as d}from"./input-DwAJUlac.js";import{t as f}from"./createLucideIcon-D8wUFCt3.js";import{t as p}from"./chevron-right-CJ0Oykrn.js";import{t as m}from"./loader-circle-FEkI0Am4.js";import{t as h}from"./pencil-CESg1M7c.js";import{t as g}from"./x-2OoTSOWJ.js";import{Bn as _,Hn as v,Un as y,Vn as b,Wn as x}from"./sdk.gen-up8j0_uF.js";import{n as S}from"./use-is-mobile-BFvLVXwH.js";import{Ba as C,Fa as w,Ia as T,Ji as E,La as D,Na as O,Oa as k,So as A,Ti as j,Ua as M,fo as N,po as P,qa as F,ta as I,za as ee}from"./index-DmTi6dG-.js";import{t as te}from"./use-active-assistant-id-kjFL4dWB.js";import{n as ne,t as re}from"./mobile-sidebar-drawer-B18QHDel.js";import{n as ie,t as ae}from"./file-markdown-DLtmfYbc.js";import{t as L}from"./format-file-size-DpQP6eF0.js";var R=f(`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`}]]),z=f(`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`}]]),B=f(`folder-open`,[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]),V=f(`folder-plus`,[[`path`,{d:`M12 10v6`,key:`1bos4e`}],[`path`,{d:`M9 13h6`,key:`1uhe8q`}],[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),H=e(t(),1);function oe(e){if(!e)return``;let t=e.indexOf(`;`);return(t===-1?e:e.slice(0,t)).trim()}function se(e,t){return oe(t)===`application/json`?!0:(e??``).toLowerCase().endsWith(`.json`)}function ce(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}var U=a();function le(e){return o({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 ue({mimeType:e}){let t=e.indexOf(`;`),n=(t===-1?e:e.slice(0,t)).trim(),r=T;return n.startsWith(`image/`)?r=k:n.startsWith(`video/`)?r=j:!n.startsWith(`text/`)&&n!==`application/json`&&n!==`application/octet-stream`&&(r=w),(0,U.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,U.jsx)(r,{className:`h-3.5 w-3.5`,style:{color:`var(--content-default)`}})})}function W({viewMode:e,onChange:t}){return(0,U.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(n=>{let r=e===n;return(0,U.jsx)(s,{variant:`ghost`,onClick:()=>t(n),className:`h-auto rounded border-0 px-2.5 py-1 text-body-small-default hover:bg-transparent`,style:{backgroundColor:r?`var(--surface-lift)`:`transparent`,color:r?`var(--content-default)`:`var(--content-tertiary)`,boxShadow:r?`0 1px 2px rgba(0,0,0,0.15)`:void 0},children:n===`preview`?`Preview`:`Source`},n)})})}function G({name:e,mimeType:t,size:n,rightContent:r}){return(0,U.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,U.jsx)(ue,{mimeType:t}),(0,U.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),n!=null&&(0,U.jsx)(`span`,{className:`shrink-0 text-body-small-default`,style:{color:`var(--content-tertiary)`},children:L(n)})]}),r]})}function de({assistantId:e,path:t,mimeType:n,showHidden:i}){let{data:a,isLoading:o}=r({queryFn:async()=>{let n=await _({path:{assistant_id:e},query:{path:t,...i?{showHidden:`true`}:{}},parseAs:`blob`});if(n.error)throw n.error;return n.data},queryKey:[`assistantsWorkspaceFileContentRetrieve`,{assistantId:e,path:t,showHidden:i}],enabled:!!t}),[s,c]=(0,H.useState)(null);return(0,H.useEffect)(()=>{if(!a)return;let e=URL.createObjectURL(a);return c(e),()=>{URL.revokeObjectURL(e),c(null)}},[a]),o?(0,U.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,U.jsx)(m,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):s?n.startsWith(`image/`)?(0,U.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,U.jsx)(`img`,{src:s,alt:t.split(`/`).pop()??`image`,className:`max-h-[70vh] max-w-full rounded object-contain`})}):n.startsWith(`video/`)?(0,U.jsx)(`div`,{className:`flex items-center justify-center p-4`,children:(0,U.jsx)(`video`,{src:s,controls:!0,className:`max-h-[70vh] max-w-full rounded`})}):null:null}function fe(e){return e.split(`/`).some(e=>e.startsWith(`.`))}function pe({isDirty:e,isSaving:t,onSave:n,onDiscard:r}){return(0,U.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t px-3 py-2`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsx)(s,{variant:`ghost`,size:`compact`,disabled:t,onClick:r,children:`Discard`}),t&&(0,U.jsx)(m,{className:`h-4 w-4 animate-spin`,style:{color:`var(--content-tertiary)`}}),(0,U.jsx)(s,{variant:`primary`,size:`compact`,disabled:!e||t,onClick:n,children:`Save`})]})}function K({content:e,downloadContent:t,fileName:n,mimeType:r,showEdit:i,isEditing:a,onToggleEdit:o}){let[c,l]=(0,H.useState)(!1),u=(0,H.useRef)(null),d=(0,H.useCallback)(()=>{navigator.clipboard.writeText(e).then(()=>{l(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>l(!1),1500)})},[e]),f=t??e,p=(0,H.useCallback)(()=>{let e=new Blob([f],{type:r}),t=URL.createObjectURL(e),i=document.createElement(`a`);i.href=t,i.download=n,i.click(),URL.revokeObjectURL(t)},[f,n,r]);return(0,H.useEffect)(()=>()=>{u.current&&clearTimeout(u.current)},[]),a?null:(0,U.jsxs)(`div`,{className:`absolute right-3 top-3 z-10 flex items-center gap-1 rounded-md bg-[var(--surface-primary)] shadow-sm`,children:[i&&(0,U.jsx)(s,{variant:`ghost`,size:`regular`,iconOnly:(0,U.jsx)(h,{"aria-hidden":!0}),onClick:o,"aria-label":`Edit file`,className:`hover:bg-[var(--surface-base)]`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,iconOnly:c?(0,U.jsx)(P,{"aria-hidden":!0}):(0,U.jsx)(F,{"aria-hidden":!0}),onClick:d,"aria-label":c?`Copied`:`Copy file contents`,className:`hover:bg-[var(--surface-base)]`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,iconOnly:(0,U.jsx)(M,{"aria-hidden":!0}),onClick:p,"aria-label":`Download file`,className:`hover:bg-[var(--surface-base)]`})]})}var q=`ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace`;function J({value:e,onChange:t,onSave:n}){return(0,U.jsx)(`textarea`,{className:`m-0 h-full w-full resize-none overflow-auto border-none bg-transparent p-4 text-body-medium-lighter leading-relaxed outline-none`,style:{color:`var(--content-default)`,fontFamily:q},value:e,onChange:e=>t(e.target.value),onKeyDown:e=>{(e.metaKey||e.ctrlKey)&&e.key===`s`&&(e.preventDefault(),n())},spellCheck:!1})}function Y({content:e,readOnly:t,whiteSpace:n=`pre-wrap`,onStartEdit:r}){return(0,U.jsx)(`pre`,{className:`m-0 h-full overflow-auto p-4 text-body-medium-lighter leading-relaxed${t?``:` cursor-text`}`,style:{color:`var(--content-default)`,fontFamily:q,whiteSpace:n},onClick:t?void 0:r,children:e})}function me({assistantId:e,selectedPath:t,showHidden:a,viewMode:o,onChangeViewMode:c,onBrowse:l}){let u=n(),{data:d,isLoading:f}=r({...le({path:{assistant_id:e},query:{path:t??``,showHidden:a}}),enabled:!!t}),[p,h]=(0,H.useState)(null),[g,_]=(0,H.useState)(null),v=p!=null&&p===t,y=d?.content??``,b=g?.path===t?g.content:y,S=()=>{h(null),_(null)},C=i({mutationFn:async({path:t,content:n})=>{let{error:r,response:i}=await x({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)=>{h(e=>e===t.path?null:e),_(e=>e?.path===t.path?null:e),u.invalidateQueries({queryKey:[`assistantsWorkspaceFileRetrieve`]})}}),T=b!==y,E=(0,H.useCallback)(()=>{t&&T&&!C.isPending&&C.mutate({path:t,content:b})},[t,T,C,b]);if(!t)return(0,U.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3`,children:[(0,U.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Select a file to view`}),l&&(0,U.jsx)(s,{type:`button`,onClick:l,leftIcon:(0,U.jsx)(B,{"aria-hidden":!0}),className:`sm:hidden`,children:`Browse files`})]});if(f)return(0,U.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,U.jsx)(m,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})});if(!d)return(0,U.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,U.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`File not found`})});let D=d.mimeType??`application/octet-stream`,O=d.name??t.split(`/`).pop()??t,k=ie(O,D),A=se(O,D),j=d.content!=null&&!k&&!A,M=t?fe(t):!0,N=v&&(0,U.jsx)(pe,{isDirty:T,isSaving:C.isPending,onSave:E,onDiscard:S});if(k&&d.content!=null){let e=v?b:d.content;return(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,rightContent:(0,U.jsx)(W,{viewMode:o,onChange:e=>{v&&S(),c(e)}})}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:e,fileName:O,mimeType:D,showEdit:!M&&o===`source`,isEditing:v,onToggleEdit:()=>v?S():h(t)}),o===`preview`?(0,U.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,U.jsx)(ae,{content:e})}):v?(0,U.jsx)(J,{value:b,onChange:e=>_({path:t,content:e}),onSave:E}):(0,U.jsx)(Y,{content:d.content,readOnly:M,onStartEdit:()=>h(t)})]}),N]})}if(A&&d.content!=null){let e=v?b:d.content,n=ce(e);return(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,rightContent:(0,U.jsx)(W,{viewMode:o,onChange:e=>{v&&S(),c(e)}})}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:o===`preview`?n:e,downloadContent:e,fileName:O,mimeType:D,showEdit:!M&&o===`source`,isEditing:v,onToggleEdit:()=>v?S():h(t)}),o===`preview`?(0,U.jsx)(Y,{content:n,readOnly:!0,whiteSpace:`pre`}):v?(0,U.jsx)(J,{value:b,onChange:e=>_({path:t,content:e}),onSave:E}):(0,U.jsx)(Y,{content:d.content,readOnly:M,onStartEdit:()=>h(t)})]}),N]})}return j?(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsxs)(`div`,{className:`relative flex-1 overflow-hidden`,children:[(0,U.jsx)(K,{content:v?b:d.content??``,fileName:O,mimeType:D,showEdit:!M,isEditing:v,onToggleEdit:()=>v?S():h(t)}),v?(0,U.jsx)(J,{value:b,onChange:e=>_({path:t,content:e}),onSave:E}):(0,U.jsx)(Y,{content:d.content??``,readOnly:M,onStartEdit:()=>h(t)})]}),N]}):D.startsWith(`image/`)||D.startsWith(`video/`)?(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,U.jsx)(de,{assistantId:e,path:t,mimeType:D,showHidden:a})})]}):(0,U.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,U.jsx)(G,{name:O,mimeType:D,size:d.size}),(0,U.jsx)(`div`,{className:`flex flex-1 items-center justify-center p-8`,children:(0,U.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,U.jsx)(w,{className:`mx-auto h-10 w-10`,style:{color:`var(--content-tertiary)`}}),(0,U.jsx)(`p`,{className:`mt-3 text-body-medium-default`,style:{color:`var(--content-default)`},children:O}),(0,U.jsxs)(`div`,{className:`mt-2 space-y-1`,children:[(0,U.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:D}),(0,U.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:L(d.size,`Unknown size`)}),d.modifiedAt&&(0,U.jsxs)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-secondary, var(--content-tertiary))`},children:[`Modified: `,new Date(d.modifiedAt).toLocaleString()]})]})]})})]})}var he=e(A(),1);function X(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 Z(e){return o({queryFn:async()=>{let t={};e.query?.path&&(t.path=e.query.path),e.query?.showHidden&&(t.showHidden=`true`),e.query?.includeDirSizes&&(t.includeDirSizes=`true`);let{data:n,error:r}=await y({path:e.path,query:t});if(r)throw r;if(!n)throw Error(`Failed to load workspace tree`);return n},queryKey:[`assistantsWorkspaceTreeRetrieve`,e]})}function ge({entry:e}){return e.type===`directory`?(0,U.jsx)(O,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`image/`)?(0,U.jsx)(k,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):e.mimeType?.startsWith(`video/`)?(0,U.jsx)(j,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(T,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`}})}function Q({entry:e,assistantId:t,expandedPaths:n,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,depth:u}){let d=e.path??``,f=e.name??``,m=e.type===`directory`,h=n.has(d),g=i===d,_=f.startsWith(`.`),v=m&&(h||s.length>0),{data:y}=r({...Z({path:{assistant_id:t},query:{path:d,showHidden:a,includeDirSizes:o===`size`}}),enabled:m&&v}),b=(0,H.useMemo)(()=>X(y?.entries??[],o),[y?.entries,o]),x=s===``||f.toLowerCase().includes(s);return s!==``&&!m&&!x?null:(0,U.jsxs)(`div`,{children:[(0,U.jsxs)(`button`,{onClick:()=>{m?c(d):l(d)},className:`group 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:`${u*14+8}px`,paddingRight:`8px`,color:g?`var(--content-default)`:_?`var(--content-tertiary)`:`var(--content-default)`,backgroundColor:g?`color-mix(in oklab, var(--primary-base) 12%, transparent)`:void 0,opacity:_&&!g?.7:1},children:[m?v?(0,U.jsx)(N,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(p,{className:`h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,U.jsx)(`span`,{className:`h-3 w-3 shrink-0`}),(0,U.jsx)(ge,{entry:e}),(0,U.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:f}),e.size!=null&&(0,U.jsx)(`span`,{className:`shrink-0 text-label-medium-default tabular-nums`,style:{color:`var(--content-tertiary)`},children:L(e.size)})]}),m&&v&&b.length>0&&(0,U.jsx)(`div`,{children:b.map(e=>(0,U.jsx)(Q,{entry:e,assistantId:t,expandedPaths:n,selectedPath:i,showHidden:a,sortMode:o,searchLower:s,onToggleExpand:c,onSelectPath:l,depth:u+1},e.path))})]})}function _e({kind:e,onCancel:t,onConfirm:n,pending:r,error:i}){let[a,o]=(0,H.useState)(``),c=a.trim(),l=c.length>0&&!r;return(0,he.createPortal)((0,U.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:e=>{e.key===`Escape`&&t()},onClick:e=>{e.target===e.currentTarget&&t()},children:(0,U.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),l&&n(c)},className:`mx-4 w-full max-w-sm rounded-xl border p-5 shadow-xl`,style:{backgroundColor:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,U.jsx)(`h2`,{className:`mb-3 text-title-small`,style:{color:`var(--content-default)`},children:e===`file`?`New File`:`New Folder`}),(0,U.jsx)(d,{autoFocus:!0,type:`text`,value:a,onChange:e=>o(e.target.value),placeholder:e===`file`?`filename.md`:`folder-name`,errorText:i??void 0,fullWidth:!0,wrapperClassName:`mb-3`,autoComplete:`off`,spellCheck:!1}),(0,U.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,U.jsx)(s,{type:`button`,variant:`outlined`,onClick:t,disabled:r,children:`Cancel`}),(0,U.jsx)(s,{type:`submit`,disabled:!l,children:r?`Creating…`:`Create`})]})]})}),document.body)}function $({assistantId:e,expandedPaths:t,selectedPath:a,showHidden:o,sortMode:c,onToggleExpand:l,onExpandPath:u,onSelectPath:f,onToggleShowHidden:p,onChangeSortMode:m}){let h=n(),[_,y]=(0,H.useState)(``),b=_.trim().toLowerCase(),[S,w]=(0,H.useState)(!1),[T,D]=(0,H.useState)(null),[O,k]=(0,H.useState)(null),{data:A,isLoading:j}=r(Z({path:{assistant_id:e},query:{showHidden:o,includeDirSizes:c===`size`}})),M=(0,H.useMemo)(()=>X(A?.entries??[],c),[A?.entries,c]),N=(0,H.useCallback)(()=>{h.invalidateQueries({queryKey:[`assistantsWorkspaceTreeRetrieve`]})},[h]),P=i({mutationFn:async t=>{let{error:n,response:r}=t.kind===`file`?await x({path:{assistant_id:e},body:{path:t.name,content:``,encoding:`utf8`},throwOnError:!1}):await v({path:{assistant_id:e},body:{path:t.name},throwOnError:!1});if(n||!r?.ok)throw Error(typeof n==`string`?n:`Failed to create — check the name and try again.`);return t},onSuccess:e=>{D(null),k(null),N(),e.kind===`file`?f(e.name):u(e.name)},onError:e=>{k(e instanceof Error?e.message:`Failed to create.`)}}),F=(0,H.useCallback)(e=>{T&&(k(null),P.mutate({kind:T,name:e}))},[T,P]);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between border-b px-3 py-2.5`,style:{borderColor:`var(--border-element)`},children:[(0,U.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:`Files`}),(0,U.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,U.jsx)(s,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:c===`size`?(0,U.jsx)(z,{"aria-hidden":!0}):(0,U.jsx)(R,{"aria-hidden":!0}),onClick:()=>m(c===`size`?`name`:`size`),"aria-label":c===`size`?`Sort by name`:`Sort by size`,title:c===`size`?`Sorted by size — switch to name`:`Sorted by name — switch to size`,tintColor:c===`size`?`var(--content-default)`:`var(--content-tertiary)`}),(0,U.jsx)(s,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:o?(0,U.jsx)(ee,{"aria-hidden":!0}):(0,U.jsx)(C,{"aria-hidden":!0}),onClick:p,"aria-label":o?`Hide hidden files`:`Show hidden files`,title:o?`Hide hidden files`:`Show hidden files`,tintColor:o?`var(--content-default)`:`var(--content-tertiary)`}),(0,U.jsx)(ve,{open:S,onOpenChange:w,onSelectKind:e=>{w(!1),k(null),D(e)}})]})]}),(0,U.jsx)(`div`,{className:`px-3 py-2`,children:(0,U.jsxs)(`div`,{className:`relative`,children:[(0,U.jsx)(d,{type:`text`,value:_,onChange:e=>y(e.target.value),placeholder:`Search files`,leftIcon:(0,U.jsx)(E,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,spellCheck:!1,autoComplete:`off`}),_&&(0,U.jsx)(s,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(g,{"aria-hidden":!0}),onClick:()=>y(``),"aria-label":`Clear search`,className:`absolute right-1.5 top-1/2 -translate-y-1/2`,tintColor:`var(--content-tertiary)`})]})}),(0,U.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto py-1`,children:j?(0,U.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,U.jsx)(`div`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`,style:{color:`var(--content-tertiary)`}})}):M.length?M.map(n=>(0,U.jsx)(Q,{entry:n,assistantId:e,expandedPaths:t,selectedPath:a,showHidden:o,sortMode:c,searchLower:b,onToggleExpand:l,onSelectPath:f,depth:0},n.path)):(0,U.jsx)(`p`,{className:`px-3 py-4 text-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`No files found`})}),T!==null&&(0,U.jsx)(_e,{kind:T,onCancel:()=>{D(null),k(null)},onConfirm:F,pending:P.isPending,error:O},T)]})}function ve({open:e,onOpenChange:t,onSelectKind:n}){return S()?(0,U.jsxs)(c.Root,{open:e,onOpenChange:t,children:[(0,U.jsx)(c.Trigger,{asChild:!0,children:(0,U.jsx)(s,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(I,{"aria-hidden":!0}),"aria-label":`Create new file or folder`,title:`New file or folder`,tintColor:`var(--content-tertiary)`})}),(0,U.jsxs)(c.Content,{children:[(0,U.jsx)(c.Header,{className:`sr-only`,children:(0,U.jsx)(c.Title,{children:`Create new`})}),(0,U.jsxs)(c.Body,{className:`pt-0`,children:[(0,U.jsx)(u,{icon:D,label:`New File`,onSelect:()=>n(`file`)}),(0,U.jsx)(u,{icon:V,label:`New Folder`,onSelect:()=>n(`folder`)})]})]})]}):(0,U.jsxs)(l.Root,{open:e,onOpenChange:t,children:[(0,U.jsx)(l.Trigger,{asChild:!0,children:(0,U.jsx)(s,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(I,{"aria-hidden":!0}),"aria-label":`Create new file or folder`,title:`New file or folder`,tintColor:`var(--content-tertiary)`})}),(0,U.jsxs)(l.Content,{align:`end`,sideOffset:4,role:`menu`,className:`w-44 overflow-hidden p-0`,children:[(0,U.jsx)(s,{type:`button`,variant:`ghost`,onClick:()=>n(`file`),className:`w-full justify-start rounded-none`,leftIcon:(0,U.jsx)(D,{"aria-hidden":!0,style:{color:`var(--content-tertiary)`}}),role:`menuitem`,children:`New File`}),(0,U.jsx)(s,{type:`button`,variant:`ghost`,onClick:()=>n(`folder`),className:`w-full justify-start rounded-none`,leftIcon:(0,U.jsx)(V,{"aria-hidden":!0,style:{color:`var(--content-tertiary)`}}),role:`menuitem`,children:`New Folder`})]})]})}function ye({assistantId:e}){let[t,n]=(0,H.useState)(new Set),[r,i]=(0,H.useState)(null),[a,o]=(0,H.useState)(!1),[s,c]=(0,H.useState)(`name`),[l,u]=(0,H.useState)(`preview`),d=(0,H.useCallback)(e=>{n(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),f=(0,H.useCallback)(e=>{n(t=>{if(t.has(e))return t;let n=new Set(t);return n.add(e),n})},[]),[p,m]=(0,H.useState)(!1),h={assistantId:e,expandedPaths:t,selectedPath:r,showHidden:a,sortMode:s,onToggleExpand:d,onExpandPath:f,onSelectPath:(0,H.useCallback)(e=>{i(e),m(!1)},[]),onToggleShowHidden:()=>o(e=>!e),onChangeSortMode:c};return(0,U.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-4`,children:[(0,U.jsx)(`div`,{className:`flex items-center sm:hidden`,children:(0,U.jsx)(ne,{onClick:()=>m(!0)})}),(0,U.jsx)(re,{open:p,onClose:()=>m(!1),title:`Files`,children:(0,U.jsx)($,{...h})}),(0,U.jsxs)(`div`,{className:`grid min-h-0 flex-1 grid-cols-1 gap-4 sm:grid-cols-[320px_1fr]`,children:[(0,U.jsx)(`div`,{className:`hidden min-h-0 min-w-0 flex-col overflow-hidden rounded-xl border sm:flex`,style:{backgroundColor:`var(--surface-overlay)`,borderColor:`var(--border-base)`},children:(0,U.jsx)($,{...h})}),(0,U.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,U.jsx)(me,{assistantId:e,selectedPath:r,showHidden:a,viewMode:l,onChangeViewMode:u,onBrowse:()=>m(!0)})})]})]})}function be(){return(0,U.jsx)(ye,{assistantId:te()})}export{be as WorkspacePage};