@hotmeshio/long-tail 0.10.13 → 0.11.0

package/dashboard/dist/assets/{index-BqGnhkh0.js → index-BYNN9N1T.js}

@@ -1,2 +1,2 @@
-import{u as I,c as M,j as e,a as l,b as ae}from"./vendor-query-RUZdMvN6.js";import{f as ne,b as ie}from"./vendor-react-CdqEC2zv.js";import{P as le}from"./PageHeader-Ce4GcIYo.js";import{F as oe,a as ce}from"./FilterBar-D7GghUsU.js";import{L as xe}from"./ListToolbar-IPXsTb3Q.js";import{b as de}from"./api-path-u2Jf9QXS.js";import{E as ue}from"./EmptyState-lpUFYfun.js";import{D as pe}from"./DropZone-CL9gA7pu.js";import{d as N}from"./index-CfAi1OsI.js";import{F as me,b as H,a3 as Q,a4 as he,w as fe,aV as ge,aW as je,aX as be,aY as ye,aZ as Ne,X as ve,ar as we,as as ke,a_ as Se,T as Ce,a$ as G,b0 as Fe,C as Te}from"./vendor-icons-BpZiWH2f.js";import{T as Z}from"./TimeAgo-D_DA9ucC.js";function Pe(t,a=100,n){const s=new URLSearchParams;t&&s.set("prefix",t),s.set("pageSize",String(a)),n&&s.set("continuationToken",n);const o=s.toString();return I({queryKey:["fileBrowse",t,a,n],queryFn:()=>N(`/file-browser/browse?${o}`)})}function $e(t){return I({queryKey:["fileMetadata",t],queryFn:()=>N(`/file-browser/metadata/${t}`),enabled:!!t})}function Ue(){return M({mutationFn:t=>N("/file-browser/signed-url",{method:"POST",body:JSON.stringify(t)})})}function Ee(){return M({mutationFn:t=>N(`/file-browser/delete/${t}`,{method:"DELETE"})})}function De(){return M({mutationFn:async({path:t,file:a})=>{const n=await a.arrayBuffer();return N(`/file-browser/upload?path=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/octet-stream"},body:n})}})}function Le(t){return I({queryKey:["filePreviewUrl",t],queryFn:async()=>(await N("/file-browser/signed-url",{method:"POST",body:JSON.stringify({path:t,expiresIn:3600})})).url,enabled:!!t,staleTime:3e3*1e3})}function Be({prefix:t,onNavigate:a}){const n=t?t.replace(/\/+$/,"").split("/").filter(Boolean):[];return e.jsxs("nav",{className:"flex items-center gap-1 text-sm mb-6 min-h-[28px]",children:[e.jsxs("button",{onClick:()=>a(""),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${n.length===0?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(me,{className:"w-4 h-4 text-accent/75",strokeWidth:1.5}),e.jsx("span",{children:"Root"})]}),n.map((s,o)=>{const i=o===n.length-1,d=n.slice(0,o+1).join("/")+"/";return e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(H,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("button",{onClick:()=>a(d),className:`px-1.5 py-0.5 rounded transition-colors ${i?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:s})]},d)})]})}function _e(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`}function S(t){return t.split("/").pop()||t}function R({label:t,value:a,mono:n,children:s}){return e.jsxs("div",{children:[e.jsx("dt",{className:"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5",children:t}),e.jsx("dd",{className:`text-sm text-text-secondary ${n?"font-mono text-xs break-all":""}`,children:s||a})]})}function Re({url:t}){const[a,n]=l.useState(null),[s,o]=l.useState(!1);return a===null&&!s&&fetch(t).then(i=>{if(!i.ok)throw new Error;return i.text()}).then(i=>n(i.slice(0,1e5))).catch(()=>o(!0)),s?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Could not load preview"}):a===null?e.jsx("div",{className:"animate-pulse h-32 bg-surface-sunken rounded"}):e.jsx("pre",{className:"font-mono text-xs text-text-secondary bg-surface-sunken rounded-md p-3 overflow-x-auto max-h-[400px] overflow-y-auto whitespace-pre-wrap break-words",children:a})}function Ie({metadata:t}){const[a,n]=l.useState(null);async function s(o,i){await navigator.clipboard.writeText(o),n(i),setTimeout(()=>n(null),2e3)}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("dt",{className:"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5",children:"Path"}),e.jsxs("dd",{onClick:()=>s(t.path,"path"),className:"group flex items-center gap-1.5 text-xs font-mono text-text-secondary break-all cursor-pointer hover:text-text-primary transition-colors",title:"Click to copy",children:[e.jsx("span",{className:"flex-1",children:t.path}),a==="path"?e.jsx(Q,{className:"w-3.5 h-3.5 text-status-success shrink-0"}):e.jsx(he,{className:"w-3.5 h-3.5 opacity-0 group-hover:opacity-100 text-text-tertiary shrink-0 transition-opacity"})]})]}),e.jsx(R,{label:"Type",value:t.content_type}),e.jsx(R,{label:"Size",value:_e(t.size)}),e.jsx(R,{label:"Modified",children:e.jsx(Z,{date:t.modified_at})})]})}async function Me(t,a){const s=await(await fetch(t)).blob(),o=URL.createObjectURL(s),i=document.createElement("a");i.href=o,i.download=a,i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(o)}function Oe(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`}function ze(t){var n;const a=((n=t.split(".").pop())==null?void 0:n.toLowerCase())||"";return["png","jpg","jpeg","gif","svg","webp"].includes(a)?e.jsx(ge,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["json"].includes(a)?e.jsx(je,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["csv","xlsx","xls"].includes(a)?e.jsx(be,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["txt","md","html","xml","yaml","yml","css","js","ts"].includes(a)?e.jsx(ye,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):e.jsx(Ne,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5})}function We(t){var n;const a=((n=t.split(".").pop())==null?void 0:n.toLowerCase())||"";return["png","jpg","jpeg","gif","svg","webp"].includes(a)}function qe(t){const a=t.replace(/\/+$/,"");return a.split("/").pop()||a}function Ae(t){return t.split("/").pop()||t}function Ke({directories:t,files:a,onNavigate:n,onSelect:s,selectedFile:o}){return e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium",children:"Name"}),e.jsx("th",{className:"pb-2 font-medium w-24 text-right",children:"Size"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-40 text-right",children:"Modified"})]})}),e.jsxs("tbody",{children:[t.map(i=>e.jsxs("tr",{onClick:()=>n(i),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(fe,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors",children:qe(i)})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-tertiary",children:"—"}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-tertiary",children:"—"})]},i)),a.map(i=>e.jsxs("tr",{onClick:()=>s(i.path),className:`row-hover cursor-pointer group ${o===i.path?"bg-surface-hover":""}`,children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[ze(i.path),e.jsx("span",{className:"text-sm text-text-primary truncate",children:Ae(i.path)})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:Oe(i.size)}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(Z,{date:i.modified_at})})]},i.path))]})]})}const Xe=[{label:"1 hour",value:3600},{label:"6 hours",value:21600},{label:"24 hours",value:86400},{label:"7 days",value:604800},{label:"30 days",value:2592e3}];function Ge({filePath:t,onClose:a,onDeleted:n}){var j,k;const{data:s,isLoading:o}=$e(t),i=Ue(),d=Ee(),[v,f]=l.useState(!1),[w,C]=l.useState(!1),[b,h]=l.useState(!1),{data:u}=Le(t),g=((j=s==null?void 0:s.content_type)==null?void 0:j.startsWith("image/"))||We(t),F=/\.(ts|tsx|js|jsx|json|md|yaml|yml|toml|xml|csv|sql|sh|py|rb|go|rs|java|c|cpp|h|css|scss|html|txt|log|env|ini|cfg|conf)$/i,p=((k=s==null?void 0:s.content_type)==null?void 0:k.startsWith("text/"))||(s==null?void 0:s.content_type)==="application/json"||(s==null?void 0:s.content_type)==="application/xml"||(s==null?void 0:s.content_type)==="application/octet-stream"&&F.test(t),U=(s==null?void 0:s.content_type)==="application/pdf";async function E(){try{const c=await i.mutateAsync({path:t,expiresIn:3600}),x=c.url.startsWith("http")?c.url:`${window.location.origin}${c.url}`;Me(x,S(t))}catch{}}async function T(c){f(!1);try{const x=await i.mutateAsync({path:t,expiresIn:c}),y=x.url.startsWith("http")?x.url:`${window.location.origin}${x.url}`;await navigator.clipboard.writeText(y),C(!0),setTimeout(()=>C(!1),2e3)}catch{}}return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"w-[380px] shrink-0 border-l border-surface-border bg-surface overflow-y-auto",children:[e.jsxs("div",{className:"sticky top-0 bg-surface z-10 px-5 pt-5 pb-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"text-sm font-medium text-text-primary truncate pr-2",title:S(t),children:S(t)}),e.jsx("button",{onClick:a,className:"text-text-tertiary hover:text-text-primary shrink-0",children:e.jsx(ve,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex items-center gap-1 flex-wrap",children:[e.jsxs("button",{onClick:E,className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Download",children:[e.jsx(we,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Download"})]}),e.jsxs("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Open in new tab",children:[e.jsx(ke,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Open"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>f(c=>!c),className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Share with signed URL",children:[w?e.jsx(Q,{className:"w-3.5 h-3.5 text-status-success"}):e.jsx(Se,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Share"})]}),v&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg py-1 z-[100] min-w-[120px]",children:Xe.map(c=>e.jsx("button",{onClick:()=>T(c.value),className:"w-full text-left px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary transition-colors",children:c.label},c.value))})]}),e.jsxs("button",{onClick:()=>h(!0),className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs text-status-error/70 hover:text-status-error",title:"Delete file",children:[e.jsx(Ce,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Delete"})]})]}),b&&e.jsxs("div",{className:"mt-3 p-3 bg-status-error/5 border border-status-error/20 rounded-md",children:[e.jsxs("p",{className:"text-xs text-text-primary mb-2",children:["Permanently delete ",e.jsx("span",{className:"font-medium",children:S(t)}),"? This cannot be undone."]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>h(!1),className:"btn-secondary text-xs",disabled:d.isPending,children:"Cancel"}),e.jsx("button",{onClick:async()=>{try{await d.mutateAsync(t),h(!1),n==null||n()}catch{}},className:"btn-primary text-xs !bg-status-error hover:!bg-status-error/90",disabled:d.isPending,children:d.isPending?"Deleting...":"Delete"})]}),d.isError&&e.jsx("p",{className:"text-xs text-status-error mt-2",children:d.error.message})]}),i.isError&&e.jsx("p",{className:"text-xs text-status-error mt-2",children:i.error.message})]}),e.jsx("div",{className:"p-5",children:o?e.jsxs("div",{className:"animate-pulse space-y-3",children:[e.jsx("div",{className:"h-48 bg-surface-sunken rounded"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-2/3"})]}):e.jsxs(e.Fragment,{children:[g&&u&&e.jsx("div",{className:"mb-5 rounded-md border border-surface-border bg-surface-sunken overflow-hidden",style:{maxHeight:"400px"},children:e.jsx("img",{src:u,alt:S(t),className:"w-full object-cover object-top",style:{maxHeight:"400px"}})}),p&&u&&e.jsx("div",{className:"mb-5",children:e.jsx(Re,{url:u})}),U&&u&&e.jsx("div",{className:"mb-5 p-4 bg-surface-sunken rounded-md text-center",children:e.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"text-accent hover:text-accent-hover text-sm font-medium",children:"Open PDF in new tab"})}),s&&e.jsx(Ie,{metadata:s})]})})]})})}const He=[25,50,100,200];function it(){const[t,a]=ne(),n=t.get("prefix")||"",[s,o]=l.useState(""),[i,d]=l.useState(""),[v,f]=l.useState(null),[w,C]=l.useState(100),[b,h]=l.useState([]),[u,g]=l.useState();l.useEffect(()=>{const r=setTimeout(()=>{d(s),g(void 0),h([])},300);return()=>clearTimeout(r)},[s]);const F=i?`${n}${i}`:n,{data:p,isLoading:U,isFetching:E,refetch:T}=Pe(F,w,u),j=De(),k=ae(),c=l.useRef(null),[x,y]=l.useState(null),[P,O]=l.useState(""),z=l.useCallback(r=>{y(r),O(n)},[n]),[W,q]=l.useState(""),J=l.useCallback(()=>{if(!x)return;q("");let r=x.length;for(const m of x){const K=`${P}${m.name}`;j.mutate({path:K,file:m},{onSuccess:()=>{r--,k.invalidateQueries({queryKey:["fileBrowse"]}),r<=0&&y(null)},onError:X=>{r--,q(X.message),console.error("[Upload] failed:",K,X)}})}},[x,P,j,k]),D=(p==null?void 0:p.directories)??[],$=(p==null?void 0:p.files)??[],L=p==null?void 0:p.nextToken,A=l.useCallback(r=>{o(""),d(""),f(null),g(void 0),h([]),a(r?{prefix:r}:{})},[a]);function V(){L&&(h(r=>[...r,u||""]),g(L))}function Y(){if(b.length===0)return;const r=[...b],m=r.pop();h(r),g(m||void 0)}function ee(r){C(r),g(void 0),h([])}const te=D.length===0&&$.length===0,se=b.length+1,B=!!L,_=b.length>0,re=de("/file-browser/browse",{prefix:F,pageSize:w,continuationToken:u||void 0});return e.jsxs(pe,{onDrop:z,label:"Drop files to upload",children:[e.jsxs("div",{className:"flex gap-0",children:[e.jsx("input",{ref:c,type:"file",multiple:!0,className:"hidden",onChange:r=>{const m=Array.from(r.target.files||[]);m.length&&z(m),r.target.value=""}}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-hidden pr-6",children:[e.jsx(le,{title:"Files",docsHash:"#docs:dashboard.md:files",actions:e.jsxs("button",{onClick:()=>{var r;return(r=c.current)==null?void 0:r.click()},disabled:j.isPending,className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(G,{className:"w-3.5 h-3.5"}),j.isPending?"Uploading...":"Upload"]})}),e.jsx(Be,{prefix:n,onNavigate:A}),e.jsx(oe,{actions:e.jsx(xe,{onRefresh:()=>T(),isFetching:E,apiPath:re}),children:e.jsx(ce,{label:"Search",value:s,onChange:o,placeholder:"Filter by prefix..."})}),U?e.jsx("div",{className:"animate-pulse space-y-2 mt-4",children:Array.from({length:6}).map((r,m)=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded"},m))}):te?e.jsx("div",{className:"cursor-pointer",onClick:()=>{var r;return(r=c.current)==null?void 0:r.click()},children:e.jsx(ue,{icon:Fe,title:s?"No matching files":"No files yet",description:s?void 0:"Drop files here or click to upload"})}):e.jsx(Ke,{directories:D,files:$,onNavigate:A,onSelect:f,selectedFile:v}),(_||B||$.length>0)&&e.jsxs("div",{className:"flex items-center justify-between pt-4 pb-2",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary",children:["Page ",se," · ",$.length+D.length," items"]}),e.jsx("select",{value:w,onChange:r=>ee(parseInt(r.target.value)),className:"select text-xs py-1",children:He.map(r=>e.jsxs("option",{value:r,children:[r," / page"]},r))})]}),(_||B)&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxs("button",{onClick:Y,disabled:!_,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1",children:[e.jsx(Te,{className:"w-3.5 h-3.5"}),"Previous"]}),e.jsxs("button",{onClick:V,disabled:!B,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1",children:["Next",e.jsx(H,{className:"w-3.5 h-3.5"})]})]})]})]}),v&&e.jsx(Ge,{filePath:v,onClose:()=>f(null),onDeleted:()=>{f(null),T()}})]}),x&&ie.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40 bg-black/30",onClick:()=>y(null)}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:e.jsxs("div",{className:"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-sm",children:[e.jsx("div",{className:"px-5 py-4 border-b border-surface-border",children:e.jsxs("h3",{className:"text-sm font-medium text-text-primary",children:["Upload ",x.length," file",x.length>1?"s":""]})}),e.jsxs("div",{className:"px-5 py-4 space-y-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Destination folder"}),e.jsx("input",{type:"text",value:P,onChange:r=>O(r.target.value),placeholder:"e.g., images/ or leave empty for root",className:"input text-xs w-full font-mono"})]}),e.jsx("div",{className:"text-2xs text-text-quaternary space-y-0.5",children:x.map((r,m)=>e.jsxs("p",{className:"truncate",children:[P,r.name," ",e.jsxs("span",{className:"text-text-tertiary",children:["(",(r.size/1024).toFixed(1)," KB)"]})]},m))}),W&&e.jsx("p",{className:"text-xs text-status-error",children:W})]}),e.jsxs("div",{className:"flex justify-end gap-2 px-5 py-3 border-t border-surface-border",children:[e.jsx("button",{onClick:()=>y(null),className:"btn-ghost text-xs",children:"Cancel"}),e.jsxs("button",{onClick:J,className:"btn-primary text-xs",children:[e.jsx(G,{className:"w-3.5 h-3.5 mr-1.5 inline"}),"Upload"]})]})]})})]}),document.body)]})}export{it as FilesPage};
-//# sourceMappingURL=index-BqGnhkh0.js.map
+import{u as I,c as M,j as e,a as l,b as ae}from"./vendor-query-RUZdMvN6.js";import{f as ne,b as ie}from"./vendor-react-CdqEC2zv.js";import{P as le}from"./PageHeader-BJgWMZtw.js";import{F as oe,a as ce}from"./FilterBar-DYFgzXNB.js";import{L as xe}from"./ListToolbar-Bl7F3A28.js";import{b as de}from"./api-path-u2Jf9QXS.js";import{E as ue}from"./EmptyState-lpUFYfun.js";import{D as pe}from"./DropZone-CJkk-U3o.js";import{g as N}from"./index-errgQT5x.js";import{F as me,b as X,a8 as Q,a9 as he,w as fe,a$ as ge,b0 as be,b1 as je,b2 as ye,b3 as Ne,X as ve,av as we,aw as ke,aT as Se,T as Ce,b4 as H,b5 as Fe,C as Te}from"./vendor-icons-BxuyFxH2.js";import{T as J}from"./TimeAgo-C9yYnOui.js";function Pe(t,a=100,n){const s=new URLSearchParams;t&&s.set("prefix",t),s.set("pageSize",String(a)),n&&s.set("continuationToken",n);const o=s.toString();return I({queryKey:["fileBrowse",t,a,n],queryFn:()=>N(`/file-browser/browse?${o}`)})}function $e(t){return I({queryKey:["fileMetadata",t],queryFn:()=>N(`/file-browser/metadata/${t}`),enabled:!!t})}function Ue(){return M({mutationFn:t=>N("/file-browser/signed-url",{method:"POST",body:JSON.stringify(t)})})}function Ee(){return M({mutationFn:t=>N(`/file-browser/delete/${t}`,{method:"DELETE"})})}function De(){return M({mutationFn:async({path:t,file:a})=>{const n=await a.arrayBuffer();return N(`/file-browser/upload?path=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/octet-stream"},body:n})}})}function Le(t){return I({queryKey:["filePreviewUrl",t],queryFn:async()=>(await N("/file-browser/signed-url",{method:"POST",body:JSON.stringify({path:t,expiresIn:3600})})).url,enabled:!!t,staleTime:3e3*1e3})}function Be({prefix:t,onNavigate:a}){const n=t?t.replace(/\/+$/,"").split("/").filter(Boolean):[];return e.jsxs("nav",{className:"flex items-center gap-1 text-sm mb-6 min-h-[28px]",children:[e.jsxs("button",{onClick:()=>a(""),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${n.length===0?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(me,{className:"w-4 h-4 text-accent/75",strokeWidth:1.5}),e.jsx("span",{children:"Root"})]}),n.map((s,o)=>{const i=o===n.length-1,d=n.slice(0,o+1).join("/")+"/";return e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(X,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("button",{onClick:()=>a(d),className:`px-1.5 py-0.5 rounded transition-colors ${i?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:s})]},d)})]})}function Re(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`}function S(t){return t.split("/").pop()||t}function _({label:t,value:a,mono:n,children:s}){return e.jsxs("div",{children:[e.jsx("dt",{className:"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5",children:t}),e.jsx("dd",{className:`text-sm text-text-secondary ${n?"font-mono text-xs break-all":""}`,children:s||a})]})}function _e({url:t}){const[a,n]=l.useState(null),[s,o]=l.useState(!1);return a===null&&!s&&fetch(t).then(i=>{if(!i.ok)throw new Error;return i.text()}).then(i=>n(i.slice(0,1e5))).catch(()=>o(!0)),s?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Could not load preview"}):a===null?e.jsx("div",{className:"animate-pulse h-32 bg-surface-sunken rounded"}):e.jsx("pre",{className:"font-mono text-xs text-text-secondary bg-surface-sunken rounded-md p-3 overflow-x-auto max-h-[400px] overflow-y-auto whitespace-pre-wrap break-words",children:a})}function Ie({metadata:t}){const[a,n]=l.useState(null);async function s(o,i){await navigator.clipboard.writeText(o),n(i),setTimeout(()=>n(null),2e3)}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("dt",{className:"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5",children:"Path"}),e.jsxs("dd",{onClick:()=>s(t.path,"path"),className:"group flex items-center gap-1.5 text-xs font-mono text-text-secondary break-all cursor-pointer hover:text-text-primary transition-colors",title:"Click to copy",children:[e.jsx("span",{className:"flex-1",children:t.path}),a==="path"?e.jsx(Q,{className:"w-3.5 h-3.5 text-status-success shrink-0"}):e.jsx(he,{className:"w-3.5 h-3.5 opacity-0 group-hover:opacity-100 text-text-tertiary shrink-0 transition-opacity"})]})]}),e.jsx(_,{label:"Type",value:t.content_type}),e.jsx(_,{label:"Size",value:Re(t.size)}),e.jsx(_,{label:"Modified",children:e.jsx(J,{date:t.modified_at})})]})}async function Me(t,a){const s=await(await fetch(t)).blob(),o=URL.createObjectURL(s),i=document.createElement("a");i.href=o,i.download=a,i.style.display="none",document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(o)}function Oe(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`}function ze(t){var n;const a=((n=t.split(".").pop())==null?void 0:n.toLowerCase())||"";return["png","jpg","jpeg","gif","svg","webp"].includes(a)?e.jsx(ge,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["json"].includes(a)?e.jsx(be,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["csv","xlsx","xls"].includes(a)?e.jsx(je,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):["txt","md","html","xml","yaml","yml","css","js","ts"].includes(a)?e.jsx(ye,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5}):e.jsx(Ne,{className:"w-4 h-4 text-accent/60",strokeWidth:1.5})}function qe(t){var n;const a=((n=t.split(".").pop())==null?void 0:n.toLowerCase())||"";return["png","jpg","jpeg","gif","svg","webp"].includes(a)}function We(t){const a=t.replace(/\/+$/,"");return a.split("/").pop()||a}function Ae(t){return t.split("/").pop()||t}function Ke({directories:t,files:a,onNavigate:n,onSelect:s,selectedFile:o}){return e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium",children:"Name"}),e.jsx("th",{className:"pb-2 font-medium w-24 text-right",children:"Size"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-40 text-right",children:"Modified"})]})}),e.jsxs("tbody",{children:[t.map(i=>e.jsxs("tr",{onClick:()=>n(i),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(fe,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors",children:We(i)})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-tertiary",children:"—"}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-tertiary",children:"—"})]},i)),a.map(i=>e.jsxs("tr",{onClick:()=>s(i.path),className:`row-hover cursor-pointer group ${o===i.path?"bg-surface-hover":""}`,children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[ze(i.path),e.jsx("span",{className:"text-sm text-text-primary truncate",children:Ae(i.path)})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:Oe(i.size)}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(J,{date:i.modified_at})})]},i.path))]})]})}const Ge=[{label:"1 hour",value:3600},{label:"6 hours",value:21600},{label:"24 hours",value:86400},{label:"7 days",value:604800},{label:"30 days",value:2592e3}];function He({filePath:t,onClose:a,onDeleted:n}){var b,k;const{data:s,isLoading:o}=$e(t),i=Ue(),d=Ee(),[v,f]=l.useState(!1),[w,C]=l.useState(!1),[j,h]=l.useState(!1),{data:u}=Le(t),g=((b=s==null?void 0:s.content_type)==null?void 0:b.startsWith("image/"))||qe(t),F=/\.(ts|tsx|js|jsx|json|md|yaml|yml|toml|xml|csv|sql|sh|py|rb|go|rs|java|c|cpp|h|css|scss|html|txt|log|env|ini|cfg|conf)$/i,p=((k=s==null?void 0:s.content_type)==null?void 0:k.startsWith("text/"))||(s==null?void 0:s.content_type)==="application/json"||(s==null?void 0:s.content_type)==="application/xml"||(s==null?void 0:s.content_type)==="application/octet-stream"&&F.test(t),U=(s==null?void 0:s.content_type)==="application/pdf";async function E(){try{const c=await i.mutateAsync({path:t,expiresIn:3600}),x=c.url.startsWith("http")?c.url:`${window.location.origin}${c.url}`;Me(x,S(t))}catch{}}async function T(c){f(!1);try{const x=await i.mutateAsync({path:t,expiresIn:c}),y=x.url.startsWith("http")?x.url:`${window.location.origin}${x.url}`;await navigator.clipboard.writeText(y),C(!0),setTimeout(()=>C(!1),2e3)}catch{}}return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"w-[380px] shrink-0 border-l border-surface-border bg-surface overflow-y-auto",children:[e.jsxs("div",{className:"sticky top-0 bg-surface z-10 px-5 pt-5 pb-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"text-sm font-medium text-text-primary truncate pr-2",title:S(t),children:S(t)}),e.jsx("button",{onClick:a,className:"text-text-tertiary hover:text-text-primary shrink-0",children:e.jsx(ve,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex items-center gap-1 flex-wrap",children:[e.jsxs("button",{onClick:E,className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Download",children:[e.jsx(we,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Download"})]}),e.jsxs("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Open in new tab",children:[e.jsx(ke,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Open"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>f(c=>!c),className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs",title:"Share with signed URL",children:[w?e.jsx(Q,{className:"w-3.5 h-3.5 text-status-success"}):e.jsx(Se,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Share"})]}),v&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg py-1 z-[100] min-w-[120px]",children:Ge.map(c=>e.jsx("button",{onClick:()=>T(c.value),className:"w-full text-left px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary transition-colors",children:c.label},c.value))})]}),e.jsxs("button",{onClick:()=>h(!0),className:"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs text-status-error/70 hover:text-status-error",title:"Delete file",children:[e.jsx(Ce,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Delete"})]})]}),j&&e.jsxs("div",{className:"mt-3 p-3 bg-status-error/5 border border-status-error/20 rounded-md",children:[e.jsxs("p",{className:"text-xs text-text-primary mb-2",children:["Permanently delete ",e.jsx("span",{className:"font-medium",children:S(t)}),"? This cannot be undone."]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>h(!1),className:"btn-secondary text-xs",disabled:d.isPending,children:"Cancel"}),e.jsx("button",{onClick:async()=>{try{await d.mutateAsync(t),h(!1),n==null||n()}catch{}},className:"btn-primary text-xs !bg-status-error hover:!bg-status-error/90",disabled:d.isPending,children:d.isPending?"Deleting...":"Delete"})]}),d.isError&&e.jsx("p",{className:"text-xs text-status-error mt-2",children:d.error.message})]}),i.isError&&e.jsx("p",{className:"text-xs text-status-error mt-2",children:i.error.message})]}),e.jsx("div",{className:"p-5",children:o?e.jsxs("div",{className:"animate-pulse space-y-3",children:[e.jsx("div",{className:"h-48 bg-surface-sunken rounded"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-2/3"})]}):e.jsxs(e.Fragment,{children:[g&&u&&e.jsx("div",{className:"mb-5 rounded-md border border-surface-border bg-surface-sunken overflow-hidden",style:{maxHeight:"400px"},children:e.jsx("img",{src:u,alt:S(t),className:"w-full object-cover object-top",style:{maxHeight:"400px"}})}),p&&u&&e.jsx("div",{className:"mb-5",children:e.jsx(_e,{url:u})}),U&&u&&e.jsx("div",{className:"mb-5 p-4 bg-surface-sunken rounded-md text-center",children:e.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"text-accent hover:text-accent-hover text-sm font-medium",children:"Open PDF in new tab"})}),s&&e.jsx(Ie,{metadata:s})]})})]})})}const Xe=[25,50,100,200];function it(){const[t,a]=ne(),n=t.get("prefix")||"",[s,o]=l.useState(""),[i,d]=l.useState(""),[v,f]=l.useState(null),[w,C]=l.useState(100),[j,h]=l.useState([]),[u,g]=l.useState();l.useEffect(()=>{const r=setTimeout(()=>{d(s),g(void 0),h([])},300);return()=>clearTimeout(r)},[s]);const F=i?`${n}${i}`:n,{data:p,isLoading:U,isFetching:E,refetch:T}=Pe(F,w,u),b=De(),k=ae(),c=l.useRef(null),[x,y]=l.useState(null),[P,O]=l.useState(""),z=l.useCallback(r=>{y(r),O(n)},[n]),[q,W]=l.useState(""),Z=l.useCallback(()=>{if(!x)return;W("");let r=x.length;for(const m of x){const K=`${P}${m.name}`;b.mutate({path:K,file:m},{onSuccess:()=>{r--,k.invalidateQueries({queryKey:["fileBrowse"]}),r<=0&&y(null)},onError:G=>{r--,W(G.message),console.error("[Upload] failed:",K,G)}})}},[x,P,b,k]),D=(p==null?void 0:p.directories)??[],$=(p==null?void 0:p.files)??[],L=p==null?void 0:p.nextToken,A=l.useCallback(r=>{o(""),d(""),f(null),g(void 0),h([]),a(r?{prefix:r}:{})},[a]);function V(){L&&(h(r=>[...r,u||""]),g(L))}function Y(){if(j.length===0)return;const r=[...j],m=r.pop();h(r),g(m||void 0)}function ee(r){C(r),g(void 0),h([])}const te=D.length===0&&$.length===0,se=j.length+1,B=!!L,R=j.length>0,re=de("/file-browser/browse",{prefix:F,pageSize:w,continuationToken:u||void 0});return e.jsxs(pe,{onDrop:z,label:"Drop files to upload",children:[e.jsxs("div",{className:"flex gap-0",children:[e.jsx("input",{ref:c,type:"file",multiple:!0,className:"hidden",onChange:r=>{const m=Array.from(r.target.files||[]);m.length&&z(m),r.target.value=""}}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-hidden pr-6",children:[e.jsx(le,{title:"Files",docsHash:"#docs:dashboard.md:files",actions:e.jsxs("button",{onClick:()=>{var r;return(r=c.current)==null?void 0:r.click()},disabled:b.isPending,className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(H,{className:"w-3.5 h-3.5"}),b.isPending?"Uploading...":"Upload"]})}),e.jsx(Be,{prefix:n,onNavigate:A}),e.jsx(oe,{actions:e.jsx(xe,{onRefresh:()=>T(),isFetching:E,apiPath:re}),children:e.jsx(ce,{label:"Search",value:s,onChange:o,placeholder:"Filter by prefix..."})}),U?e.jsx("div",{className:"animate-pulse space-y-2 mt-4",children:Array.from({length:6}).map((r,m)=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded"},m))}):te?e.jsx("div",{className:"cursor-pointer",onClick:()=>{var r;return(r=c.current)==null?void 0:r.click()},children:e.jsx(ue,{icon:Fe,title:s?"No matching files":"No files yet",description:s?void 0:"Drop files here or click to upload"})}):e.jsx(Ke,{directories:D,files:$,onNavigate:A,onSelect:f,selectedFile:v}),(R||B||$.length>0)&&e.jsxs("div",{className:"flex items-center justify-between pt-4 pb-2",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary",children:["Page ",se," · ",$.length+D.length," items"]}),e.jsx("select",{value:w,onChange:r=>ee(parseInt(r.target.value)),className:"select text-xs py-1",children:Xe.map(r=>e.jsxs("option",{value:r,children:[r," / page"]},r))})]}),(R||B)&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxs("button",{onClick:Y,disabled:!R,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1",children:[e.jsx(Te,{className:"w-3.5 h-3.5"}),"Previous"]}),e.jsxs("button",{onClick:V,disabled:!B,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1",children:["Next",e.jsx(X,{className:"w-3.5 h-3.5"})]})]})]})]}),v&&e.jsx(He,{filePath:v,onClose:()=>f(null),onDeleted:()=>{f(null),T()}})]}),x&&ie.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40 bg-black/30",onClick:()=>y(null)}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:e.jsxs("div",{className:"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-sm",children:[e.jsx("div",{className:"px-5 py-4 border-b border-surface-border",children:e.jsxs("h3",{className:"text-sm font-medium text-text-primary",children:["Upload ",x.length," file",x.length>1?"s":""]})}),e.jsxs("div",{className:"px-5 py-4 space-y-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Destination folder"}),e.jsx("input",{type:"text",value:P,onChange:r=>O(r.target.value),placeholder:"e.g., images/ or leave empty for root",className:"input text-xs w-full font-mono"})]}),e.jsx("div",{className:"text-2xs text-text-quaternary space-y-0.5",children:x.map((r,m)=>e.jsxs("p",{className:"truncate",children:[P,r.name," ",e.jsxs("span",{className:"text-text-tertiary",children:["(",(r.size/1024).toFixed(1)," KB)"]})]},m))}),q&&e.jsx("p",{className:"text-xs text-status-error",children:q})]}),e.jsxs("div",{className:"flex justify-end gap-2 px-5 py-3 border-t border-surface-border",children:[e.jsx("button",{onClick:()=>y(null),className:"btn-ghost text-xs",children:"Cancel"}),e.jsxs("button",{onClick:Z,className:"btn-primary text-xs",children:[e.jsx(H,{className:"w-3.5 h-3.5 mr-1.5 inline"}),"Upload"]})]})]})})]}),document.body)]})}export{it as FilesPage};
+//# sourceMappingURL=index-BYNN9N1T.js.map

package/dashboard/dist/assets/{index-BqGnhkh0.js.map → index-BYNN9N1T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BqGnhkh0.js","sources":["../../src/api/files.ts","../../src/pages/files/FileBreadcrumbs.tsx","../../src/pages/files/FilePreviewContent.tsx","../../src/pages/files/FileListViews.tsx","../../src/pages/files/FilePreviewPanel.tsx","../../src/pages/files/FilesPage.tsx"],"sourcesContent":["import { useQuery, useMutation } from '@tanstack/react-query';\nimport { apiFetch } from './client';\nimport { LT_BASE } from '../lib/base-path';\n\nexport interface FileEntry {\n  path: string;\n  size: number;\n  modified_at: string;\n}\n\nexport interface BrowseResponse {\n  files: FileEntry[];\n  directories: string[];\n  nextToken?: string;\n}\n\nexport interface FileMetadata {\n  path: string;\n  size: number;\n  modified_at: string;\n  content_type: string;\n}\n\nexport interface SignedUrlResponse {\n  url: string;\n  expiresAt: string;\n}\n\nexport function useFileBrowse(prefix: string, pageSize = 100, continuationToken?: string) {\n  const params = new URLSearchParams();\n  if (prefix) params.set('prefix', prefix);\n  params.set('pageSize', String(pageSize));\n  if (continuationToken) params.set('continuationToken', continuationToken);\n  const qs = params.toString();\n\n  return useQuery<BrowseResponse>({\n    queryKey: ['fileBrowse', prefix, pageSize, continuationToken],\n    queryFn: () => apiFetch(`/file-browser/browse?${qs}`),\n  });\n}\n\nexport function useFileMetadata(filePath: string | null) {\n  return useQuery<FileMetadata>({\n    queryKey: ['fileMetadata', filePath],\n    queryFn: () => apiFetch(`/file-browser/metadata/${filePath}`),\n    enabled: !!filePath,\n  });\n}\n\nexport function useGenerateSignedUrl() {\n  return useMutation<SignedUrlResponse, Error, { path: string; expiresIn: number }>({\n    mutationFn: (data) =>\n      apiFetch('/file-browser/signed-url', {\n        method: 'POST',\n        body: JSON.stringify(data),\n      }),\n  });\n}\n\nexport function useDeleteFile() {\n  return useMutation<{ deleted: boolean; path: string }, Error, string>({\n    mutationFn: (filePath) =>\n      apiFetch(`/file-browser/delete/${filePath}`, { method: 'DELETE' }),\n  });\n}\n\nexport function useUploadFile() {\n  return useMutation<{ path: string; size: number; content_type: string }, Error, { path: string; file: File }>({\n    mutationFn: async ({ path, file }) => {\n      const buffer = await file.arrayBuffer();\n      // Always send as octet-stream to bypass Express JSON body parser\n      return apiFetch(`/file-browser/upload?path=${encodeURIComponent(path)}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/octet-stream' },\n        body: buffer,\n      });\n    },\n  });\n}\n\nexport function useFilePreviewUrl(filePath: string | null) {\n  return useQuery<string>({\n    queryKey: ['filePreviewUrl', filePath],\n    queryFn: async () => {\n      const result = await apiFetch<SignedUrlResponse>('/file-browser/signed-url', {\n        method: 'POST',\n        body: JSON.stringify({ path: filePath, expiresIn: 3600 }),\n      });\n      return result.url;\n    },\n    enabled: !!filePath,\n    staleTime: 50 * 60 * 1000, // cache for 50 min (token valid for 60)\n  });\n}\n\n/** @deprecated Use useFilePreviewUrl() for signed access */\nexport function getFilePreviewUrl(filePath: string): string {\n  return `${LT_BASE}/api/files/${filePath.replace(/^\\/+/, '')}`;\n}\n\nexport function getFileDownloadUrl(filePath: string): string {\n  return `${LT_BASE}/api/file-browser/download/${filePath.replace(/^\\/+/, '')}`;\n}\n","import { ChevronRight, FolderOpen } from 'lucide-react';\n\ninterface FileBreadcrumbsProps {\n  prefix: string;\n  onNavigate: (prefix: string) => void;\n}\n\nexport function FileBreadcrumbs({ prefix, onNavigate }: FileBreadcrumbsProps) {\n  const segments = prefix ? prefix.replace(/\\/+$/, '').split('/').filter(Boolean) : [];\n\n  return (\n    <nav className=\"flex items-center gap-1 text-sm mb-6 min-h-[28px]\">\n      <button\n        onClick={() => onNavigate('')}\n        className={`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${\n          segments.length === 0\n            ? 'text-text-primary font-medium'\n            : 'text-text-secondary hover:text-text-primary hover:bg-surface-hover'\n        }`}\n      >\n        <FolderOpen className=\"w-4 h-4 text-accent/75\" strokeWidth={1.5} />\n        <span>Root</span>\n      </button>\n\n      {segments.map((segment, i) => {\n        const isLast = i === segments.length - 1;\n        const targetPrefix = segments.slice(0, i + 1).join('/') + '/';\n        return (\n          <span key={targetPrefix} className=\"flex items-center gap-1\">\n            <ChevronRight className=\"w-3.5 h-3.5 text-text-tertiary\" />\n            <button\n              onClick={() => onNavigate(targetPrefix)}\n              className={`px-1.5 py-0.5 rounded transition-colors ${\n                isLast\n                  ? 'text-text-primary font-medium'\n                  : 'text-text-secondary hover:text-text-primary hover:bg-surface-hover'\n              }`}\n            >\n              {segment}\n            </button>\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n","import { useState } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\n\ninterface FileMetadata {\n  path: string;\n  content_type: string;\n  size: number;\n  modified_at: string;\n}\n\nfunction formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\nexport function fileName(filePath: string): string {\n  return filePath.split('/').pop() || filePath;\n}\n\nexport function MetaRow({ label, value, mono, children }: {\n  label: string;\n  value?: string;\n  mono?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div>\n      <dt className=\"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5\">{label}</dt>\n      <dd className={`text-sm text-text-secondary ${mono ? 'font-mono text-xs break-all' : ''}`}>\n        {children || value}\n      </dd>\n    </div>\n  );\n}\n\nexport function TextPreview({ url }: { url: string }) {\n  const [content, setContent] = useState<string | null>(null);\n  const [error, setError] = useState(false);\n\n  if (content === null && !error) {\n    fetch(url)\n      .then((res) => {\n        if (!res.ok) throw new Error();\n        return res.text();\n      })\n      .then((text) => setContent(text.slice(0, 100_000)))\n      .catch(() => setError(true));\n  }\n\n  if (error) return <p className=\"text-xs text-text-tertiary\">Could not load preview</p>;\n  if (content === null) {\n    return <div className=\"animate-pulse h-32 bg-surface-sunken rounded\" />;\n  }\n\n  return (\n    <pre className=\"font-mono text-xs text-text-secondary bg-surface-sunken rounded-md p-3 overflow-x-auto max-h-[400px] overflow-y-auto whitespace-pre-wrap break-words\">\n      {content}\n    </pre>\n  );\n}\n\nexport function FileMetadataDisplay({ metadata }: {\n  metadata: FileMetadata;\n}) {\n  const [copied, setCopied] = useState<string | null>(null);\n\n  async function copyToClipboard(text: string, label: string) {\n    await navigator.clipboard.writeText(text);\n    setCopied(label);\n    setTimeout(() => setCopied(null), 2000);\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div>\n        <dt className=\"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5\">Path</dt>\n        <dd\n          onClick={() => copyToClipboard(metadata.path, 'path')}\n          className=\"group flex items-center gap-1.5 text-xs font-mono text-text-secondary break-all cursor-pointer hover:text-text-primary transition-colors\"\n          title=\"Click to copy\"\n        >\n          <span className=\"flex-1\">{metadata.path}</span>\n          {copied === 'path'\n            ? <Check className=\"w-3.5 h-3.5 text-status-success shrink-0\" />\n            : <Copy className=\"w-3.5 h-3.5 opacity-0 group-hover:opacity-100 text-text-tertiary shrink-0 transition-opacity\" />}\n        </dd>\n      </div>\n      <MetaRow label=\"Type\" value={metadata.content_type} />\n      <MetaRow label=\"Size\" value={formatSize(metadata.size)} />\n      <MetaRow label=\"Modified\">\n        <TimeAgo date={metadata.modified_at} />\n      </MetaRow>\n    </div>\n  );\n}\n\nexport async function triggerDownload(url: string, name: string) {\n  const res = await fetch(url);\n  const blob = await res.blob();\n  const blobUrl = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = blobUrl;\n  a.download = name;\n  a.style.display = 'none';\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(blobUrl);\n}\n","import {\n  Folder,\n  File,\n  Image,\n  FileText,\n  FileJson2,\n  FileSpreadsheet,\n} from 'lucide-react';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { getFilePreviewUrl } from '../../api/files';\n\nexport function formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\nexport function fileIcon(filePath: string) {\n  const ext = filePath.split('.').pop()?.toLowerCase() || '';\n  if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext)) {\n    return <Image className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['json'].includes(ext)) {\n    return <FileJson2 className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['csv', 'xlsx', 'xls'].includes(ext)) {\n    return <FileSpreadsheet className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['txt', 'md', 'html', 'xml', 'yaml', 'yml', 'css', 'js', 'ts'].includes(ext)) {\n    return <FileText className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  return <File className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n}\n\nexport function isImagePath(filePath: string): boolean {\n  const ext = filePath.split('.').pop()?.toLowerCase() || '';\n  return ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext);\n}\n\nexport function dirName(dirPath: string): string {\n  const stripped = dirPath.replace(/\\/+$/, '');\n  return stripped.split('/').pop() || stripped;\n}\n\nexport function fileNameFromPath(filePath: string): string {\n  return filePath.split('/').pop() || filePath;\n}\n\ninterface ViewProps {\n  directories: string[];\n  files: Array<{ path: string; size: number; modified_at: string }>;\n  onNavigate: (prefix: string) => void;\n  onSelect: (path: string) => void;\n  selectedFile: string | null;\n}\n\nexport function ListView({ directories, files, onNavigate, onSelect, selectedFile }: ViewProps) {\n  return (\n    <table className=\"w-full mt-2\">\n      <thead>\n        <tr className=\"text-left text-2xs uppercase tracking-wider text-text-tertiary\">\n          <th className=\"pb-2 pl-2 font-medium\">Name</th>\n          <th className=\"pb-2 font-medium w-24 text-right\">Size</th>\n          <th className=\"pb-2 pr-2 font-medium w-40 text-right\">Modified</th>\n        </tr>\n      </thead>\n      <tbody>\n        {directories.map((dir) => (\n          <tr\n            key={dir}\n            onClick={() => onNavigate(dir)}\n            className=\"row-hover cursor-pointer group\"\n          >\n            <td className=\"py-2 pl-2\">\n              <span className=\"flex items-center gap-2.5\">\n                <Folder className=\"w-4 h-4 text-accent/75 shrink-0\" strokeWidth={1.5} />\n                <span className=\"text-sm text-text-primary group-hover:text-accent transition-colors\">\n                  {dirName(dir)}\n                </span>\n              </span>\n            </td>\n            <td className=\"py-2 text-right text-xs text-text-tertiary\">&mdash;</td>\n            <td className=\"py-2 pr-2 text-right text-xs text-text-tertiary\">&mdash;</td>\n          </tr>\n        ))}\n        {files.map((file) => (\n          <tr\n            key={file.path}\n            onClick={() => onSelect(file.path)}\n            className={`row-hover cursor-pointer group ${\n              selectedFile === file.path ? 'bg-surface-hover' : ''\n            }`}\n          >\n            <td className=\"py-2 pl-2\">\n              <span className=\"flex items-center gap-2.5\">\n                {fileIcon(file.path)}\n                <span className=\"text-sm text-text-primary truncate\">\n                  {fileNameFromPath(file.path)}\n                </span>\n              </span>\n            </td>\n            <td className=\"py-2 text-right text-xs text-text-secondary tabular-nums\">\n              {formatSize(file.size)}\n            </td>\n            <td className=\"py-2 pr-2 text-right text-xs text-text-secondary\">\n              <TimeAgo date={file.modified_at} />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n\nexport function GridView({ directories, files, onNavigate, onSelect, selectedFile }: ViewProps) {\n  return (\n    <div className=\"mt-4\">\n      {/* Directories as compact list */}\n      {directories.length > 0 && (\n        <div className=\"flex flex-wrap gap-2 mb-6\">\n          {directories.map((dir) => (\n            <button\n              key={dir}\n              onClick={() => onNavigate(dir)}\n              className=\"flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-surface-hover transition-colors\"\n            >\n              <Folder className=\"w-4 h-4 text-accent/75\" strokeWidth={1.5} />\n              <span>{dirName(dir)}</span>\n            </button>\n          ))}\n        </div>\n      )}\n\n      {/* Files as thumbnail grid */}\n      <div className=\"grid grid-cols-2 @grp-cols:grid-cols-3 @split:grid-cols-4 @wall:grid-cols-5 gap-3\">\n        {files.map((file) => {\n          const isImg = isImagePath(file.path);\n          return (\n            <button\n              key={file.path}\n              onClick={() => onSelect(file.path)}\n              className={`group text-left rounded-lg overflow-hidden transition-all ${\n                selectedFile === file.path\n                  ? 'ring-2 ring-accent/40 bg-surface-hover'\n                  : 'hover:bg-surface-hover'\n              }`}\n            >\n              <div className=\"aspect-square bg-surface-sunken flex items-center justify-center overflow-hidden\">\n                {isImg ? (\n                  <img\n                    src={getFilePreviewUrl(file.path)}\n                    alt={fileNameFromPath(file.path)}\n                    loading=\"lazy\"\n                    className=\"w-full h-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"flex flex-col items-center gap-2 text-text-tertiary\">\n                    {fileIcon(file.path)}\n                    <span className=\"text-2xs uppercase tracking-wider\">\n                      {file.path.split('.').pop()?.toUpperCase()}\n                    </span>\n                  </div>\n                )}\n              </div>\n              <div className=\"px-2 py-1.5\">\n                <p className=\"text-xs text-text-primary truncate\" title={fileNameFromPath(file.path)}>\n                  {fileNameFromPath(file.path)}\n                </p>\n                <p className=\"text-2xs text-text-tertiary tabular-nums\">\n                  {formatSize(file.size)}\n                </p>\n              </div>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport {\n  X,\n  Download,\n  ExternalLink,\n  Link,\n  Check,\n  Trash2,\n} from 'lucide-react';\nimport { useFileMetadata, useFilePreviewUrl, useGenerateSignedUrl, useDeleteFile } from '../../api/files';\nimport { fileName, triggerDownload, TextPreview, FileMetadataDisplay } from './FilePreviewContent';\nimport { isImagePath } from './FileListViews';\n\ninterface FilePreviewPanelProps {\n  filePath: string;\n  onClose: () => void;\n  onDeleted?: () => void;\n}\n\nconst EXPIRY_OPTIONS = [\n  { label: '1 hour', value: 3600 },\n  { label: '6 hours', value: 21600 },\n  { label: '24 hours', value: 86400 },\n  { label: '7 days', value: 604800 },\n  { label: '30 days', value: 2592000 },\n];\n\nexport function FilePreviewPanel({ filePath, onClose, onDeleted }: FilePreviewPanelProps) {\n  const { data: metadata, isLoading } = useFileMetadata(filePath);\n  const signedUrlMutation = useGenerateSignedUrl();\n  const deleteMutation = useDeleteFile();\n  const [showShareMenu, setShowShareMenu] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n\n  const { data: previewUrl } = useFilePreviewUrl(filePath);\n  const isImage = metadata?.content_type?.startsWith('image/') || isImagePath(filePath);\n  const TEXT_EXTENSIONS = /\\.(ts|tsx|js|jsx|json|md|yaml|yml|toml|xml|csv|sql|sh|py|rb|go|rs|java|c|cpp|h|css|scss|html|txt|log|env|ini|cfg|conf)$/i;\n  const isText = metadata?.content_type?.startsWith('text/')\n    || metadata?.content_type === 'application/json'\n    || metadata?.content_type === 'application/xml'\n    || (metadata?.content_type === 'application/octet-stream' && TEXT_EXTENSIONS.test(filePath));\n  const isPdf = metadata?.content_type === 'application/pdf';\n\n  async function handleDownload() {\n    try {\n      const result = await signedUrlMutation.mutateAsync({ path: filePath, expiresIn: 3600 });\n      const fullUrl = result.url.startsWith('http')\n        ? result.url\n        : `${window.location.origin}${result.url}`;\n      triggerDownload(fullUrl, fileName(filePath));\n    } catch {\n      // handled by mutation state\n    }\n  }\n\n  async function handleShare(expiresIn: number) {\n    setShowShareMenu(false);\n    try {\n      const result = await signedUrlMutation.mutateAsync({ path: filePath, expiresIn });\n      const fullUrl = result.url.startsWith('http')\n        ? result.url\n        : `${window.location.origin}${result.url}`;\n      await navigator.clipboard.writeText(fullUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // handled by mutation state\n    }\n  }\n\n  return (\n    <>\n      {/* Fullscreen — opens image in a new tab */}\n\n      {/* Panel */}\n      <div className=\"w-[380px] shrink-0 border-l border-surface-border bg-surface overflow-y-auto\">\n        {/* Header */}\n        <div className=\"sticky top-0 bg-surface z-10 px-5 pt-5 pb-3 border-b border-surface-border\">\n          <div className=\"flex items-center justify-between mb-3\">\n            <h3 className=\"text-sm font-medium text-text-primary truncate pr-2\" title={fileName(filePath)}>\n              {fileName(filePath)}\n            </h3>\n            <button onClick={onClose} className=\"text-text-tertiary hover:text-text-primary shrink-0\">\n              <X className=\"w-4 h-4\" />\n            </button>\n          </div>\n\n          {/* Actions */}\n          <div className=\"flex items-center gap-1 flex-wrap\">\n            <button\n              onClick={handleDownload}\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n              title=\"Download\"\n            >\n              <Download className=\"w-3.5 h-3.5\" />\n              <span>Download</span>\n            </button>\n\n            <a\n              href={previewUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n              title=\"Open in new tab\"\n            >\n              <ExternalLink className=\"w-3.5 h-3.5\" />\n              <span>Open</span>\n            </a>\n\n            <div className=\"relative\">\n              <button\n                onClick={() => setShowShareMenu((v) => !v)}\n                className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n                title=\"Share with signed URL\"\n              >\n                {copied ? <Check className=\"w-3.5 h-3.5 text-status-success\" /> : <Link className=\"w-3.5 h-3.5\" />}\n                <span>Share</span>\n              </button>\n              {showShareMenu && (\n                <div className=\"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg py-1 z-[100] min-w-[120px]\">\n                  {EXPIRY_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.value}\n                      onClick={() => handleShare(opt.value)}\n                      className=\"w-full text-left px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary transition-colors\"\n                    >\n                      {opt.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            <button\n              onClick={() => setConfirmDelete(true)}\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs text-status-error/70 hover:text-status-error\"\n              title=\"Delete file\"\n            >\n              <Trash2 className=\"w-3.5 h-3.5\" />\n              <span>Delete</span>\n            </button>\n          </div>\n\n          {/* Delete confirmation */}\n          {confirmDelete && (\n            <div className=\"mt-3 p-3 bg-status-error/5 border border-status-error/20 rounded-md\">\n              <p className=\"text-xs text-text-primary mb-2\">\n                Permanently delete <span className=\"font-medium\">{fileName(filePath)}</span>? This cannot be undone.\n              </p>\n              <div className=\"flex gap-2\">\n                <button\n                  onClick={() => setConfirmDelete(false)}\n                  className=\"btn-secondary text-xs\"\n                  disabled={deleteMutation.isPending}\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={async () => {\n                    try {\n                      await deleteMutation.mutateAsync(filePath);\n                      setConfirmDelete(false);\n                      onDeleted?.();\n                    } catch {\n                      // error shown below\n                    }\n                  }}\n                  className=\"btn-primary text-xs !bg-status-error hover:!bg-status-error/90\"\n                  disabled={deleteMutation.isPending}\n                >\n                  {deleteMutation.isPending ? 'Deleting...' : 'Delete'}\n                </button>\n              </div>\n              {deleteMutation.isError && (\n                <p className=\"text-xs text-status-error mt-2\">{deleteMutation.error.message}</p>\n              )}\n            </div>\n          )}\n\n          {signedUrlMutation.isError && (\n            <p className=\"text-xs text-status-error mt-2\">{signedUrlMutation.error.message}</p>\n          )}\n        </div>\n\n        {/* Preview area */}\n        <div className=\"p-5\">\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-3\">\n              <div className=\"h-48 bg-surface-sunken rounded\" />\n              <div className=\"h-4 bg-surface-sunken rounded w-2/3\" />\n            </div>\n          ) : (\n            <>\n              {isImage && previewUrl && (\n                <div\n                  className=\"mb-5 rounded-md border border-surface-border bg-surface-sunken overflow-hidden\"\n                  style={{ maxHeight: '400px' }}\n                >\n                  <img\n                    src={previewUrl}\n                    alt={fileName(filePath)}\n                    className=\"w-full object-cover object-top\"\n                    style={{ maxHeight: '400px' }}\n                  />\n                </div>\n              )}\n\n              {isText && previewUrl && (\n                <div className=\"mb-5\">\n                  <TextPreview url={previewUrl} />\n                </div>\n              )}\n\n              {isPdf && previewUrl && (\n                <div className=\"mb-5 p-4 bg-surface-sunken rounded-md text-center\">\n                  <a\n                    href={previewUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-accent hover:text-accent-hover text-sm font-medium\"\n                  >\n                    Open PDF in new tab\n                  </a>\n                </div>\n              )}\n\n              {metadata && (\n                <FileMetadataDisplay metadata={metadata} />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n","import { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Upload,\n  UploadCloud,\n} from 'lucide-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterInput } from '../../components/common/data/FilterBar';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { buildApiPath } from '../../lib/api-path';\nimport { EmptyState } from '../../components/common/display/EmptyState';\nimport { DropZone } from '../../components/common/DropZone';\nimport { useFileBrowse, useUploadFile } from '../../api/files';\nimport { FileBreadcrumbs } from './FileBreadcrumbs';\nimport { FilePreviewPanel } from './FilePreviewPanel';\nimport { ListView } from './FileListViews';\n\nconst PAGE_SIZES = [25, 50, 100, 200];\n\nexport function FilesPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const prefix = searchParams.get('prefix') || '';\n  const [search, setSearch] = useState('');\n  const [debouncedSearch, setDebouncedSearch] = useState('');\n  const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const [pageSize, setPageSize] = useState(100);\n  const [tokenStack, setTokenStack] = useState<string[]>([]);\n  const [currentToken, setCurrentToken] = useState<string | undefined>();\n\n  // Debounce search — refines the prefix sent to S3\n  useEffect(() => {\n    const t = setTimeout(() => {\n      setDebouncedSearch(search);\n      setCurrentToken(undefined);\n      setTokenStack([]);\n    }, 300);\n    return () => clearTimeout(t);\n  }, [search]);\n\n  const effectivePrefix = debouncedSearch\n    ? `${prefix}${debouncedSearch}`\n    : prefix;\n\n  const { data, isLoading, isFetching, refetch } = useFileBrowse(effectivePrefix, pageSize, currentToken);\n  const uploadMutation = useUploadFile();\n  const queryClient = useQueryClient();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [pendingFiles, setPendingFiles] = useState<File[] | null>(null);\n  const [uploadPrefix, setUploadPrefix] = useState('');\n\n  const handleUploadFiles = useCallback((files: File[]) => {\n    setPendingFiles(files);\n    setUploadPrefix(prefix);\n  }, [prefix]);\n\n  const [uploadError, setUploadError] = useState('');\n\n  const confirmUpload = useCallback(() => {\n    if (!pendingFiles) return;\n    setUploadError('');\n    let remaining = pendingFiles.length;\n    for (const file of pendingFiles) {\n      const targetPath = `${uploadPrefix}${file.name}`;\n      uploadMutation.mutate({ path: targetPath, file }, {\n        onSuccess: () => {\n          remaining--;\n          queryClient.invalidateQueries({ queryKey: ['fileBrowse'] });\n          if (remaining <= 0) setPendingFiles(null);\n        },\n        onError: (err) => {\n          remaining--;\n          setUploadError(err.message);\n          console.error('[Upload] failed:', targetPath, err);\n        },\n      });\n    }\n  }, [pendingFiles, uploadPrefix, uploadMutation, queryClient]);\n\n  const directories = data?.directories ?? [];\n  const files = data?.files ?? [];\n  const nextToken = data?.nextToken;\n\n  const navigateTo = useCallback((newPrefix: string) => {\n    setSearch('');\n    setDebouncedSearch('');\n    setSelectedFile(null);\n    setCurrentToken(undefined);\n    setTokenStack([]);\n    if (newPrefix) {\n      setSearchParams({ prefix: newPrefix });\n    } else {\n      setSearchParams({});\n    }\n  }, [setSearchParams]);\n\n  function goNextPage() {\n    if (!nextToken) return;\n    setTokenStack((prev) => [...prev, currentToken || '']);\n    setCurrentToken(nextToken);\n  }\n\n  function goPrevPage() {\n    if (tokenStack.length === 0) return;\n    const prev = [...tokenStack];\n    const token = prev.pop()!;\n    setTokenStack(prev);\n    setCurrentToken(token || undefined);\n  }\n\n  function changePageSize(size: number) {\n    setPageSize(size);\n    setCurrentToken(undefined);\n    setTokenStack([]);\n  }\n\n  const isEmpty = directories.length === 0 && files.length === 0;\n  const pageNum = tokenStack.length + 1;\n  const hasNextPage = !!nextToken;\n  const hasPrevPage = tokenStack.length > 0;\n\n  const apiPath = buildApiPath('/file-browser/browse', {\n    prefix: effectivePrefix,\n    pageSize,\n    continuationToken: currentToken || undefined,\n  });\n\n  return (\n    <DropZone onDrop={handleUploadFiles} label=\"Drop files to upload\">\n    <div className=\"flex gap-0\">\n      {/* Hidden file input for button-triggered upload */}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple\n        className=\"hidden\"\n        onChange={(e) => {\n          const files = Array.from(e.target.files || []);\n          if (files.length) handleUploadFiles(files);\n          e.target.value = '';\n        }}\n      />\n\n      {/* Main content */}\n      <div className=\"flex-1 min-w-0 overflow-hidden pr-6\">\n        <PageHeader\n          title=\"Files\"\n          docsHash=\"#docs:dashboard.md:files\"\n          actions={\n            <button\n              onClick={() => fileInputRef.current?.click()}\n              disabled={uploadMutation.isPending}\n              className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n            >\n              <Upload className=\"w-3.5 h-3.5\" />\n              {uploadMutation.isPending ? 'Uploading...' : 'Upload'}\n            </button>\n          }\n        />\n\n        <FileBreadcrumbs prefix={prefix} onNavigate={navigateTo} />\n\n        <FilterBar actions={\n          <ListToolbar\n            onRefresh={() => refetch()}\n            isFetching={isFetching}\n            apiPath={apiPath}\n          />\n        }>\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder=\"Filter by prefix...\"\n          />\n        </FilterBar>\n\n        {isLoading ? (\n          <div className=\"animate-pulse space-y-2 mt-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"h-10 bg-surface-sunken rounded\" />\n            ))}\n          </div>\n        ) : isEmpty ? (\n          <div className=\"cursor-pointer\" onClick={() => fileInputRef.current?.click()}>\n            <EmptyState\n              icon={UploadCloud}\n              title={search ? 'No matching files' : 'No files yet'}\n              description={search ? undefined : 'Drop files here or click to upload'}\n            />\n          </div>\n        ) : (\n          <ListView\n            directories={directories}\n            files={files}\n            onNavigate={navigateTo}\n            onSelect={setSelectedFile}\n            selectedFile={selectedFile}\n          />\n        )}\n\n        {/* Cursor-based pagination */}\n        {(hasPrevPage || hasNextPage || files.length > 0) && (\n          <div className=\"flex items-center justify-between pt-4 pb-2\">\n            <div className=\"flex items-center gap-4\">\n              <p className=\"text-xs text-text-tertiary\">\n                Page {pageNum} &middot; {files.length + directories.length} items\n              </p>\n              <select\n                value={pageSize}\n                onChange={(e) => changePageSize(parseInt(e.target.value))}\n                className=\"select text-xs py-1\"\n              >\n                {PAGE_SIZES.map((size) => (\n                  <option key={size} value={size}>{size} / page</option>\n                ))}\n              </select>\n            </div>\n            {(hasPrevPage || hasNextPage) && (\n              <div className=\"flex items-center gap-1\">\n                <button\n                  onClick={goPrevPage}\n                  disabled={!hasPrevPage}\n                  className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1\"\n                >\n                  <ChevronLeft className=\"w-3.5 h-3.5\" />\n                  Previous\n                </button>\n                <button\n                  onClick={goNextPage}\n                  disabled={!hasNextPage}\n                  className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1\"\n                >\n                  Next\n                  <ChevronRight className=\"w-3.5 h-3.5\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Preview panel */}\n      {selectedFile && (\n        <FilePreviewPanel\n          filePath={selectedFile}\n          onClose={() => setSelectedFile(null)}\n          onDeleted={() => { setSelectedFile(null); refetch(); }}\n        />\n      )}\n    </div>\n    {/* Upload confirmation dialog */}\n    {pendingFiles && createPortal(\n      <>\n        <div className=\"fixed inset-0 z-40 bg-black/30\" onClick={() => setPendingFiles(null)} />\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n          <div className=\"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-sm\">\n            <div className=\"px-5 py-4 border-b border-surface-border\">\n              <h3 className=\"text-sm font-medium text-text-primary\">Upload {pendingFiles.length} file{pendingFiles.length > 1 ? 's' : ''}</h3>\n            </div>\n            <div className=\"px-5 py-4 space-y-3\">\n              <div>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Destination folder</label>\n                <input\n                  type=\"text\"\n                  value={uploadPrefix}\n                  onChange={(e) => setUploadPrefix(e.target.value)}\n                  placeholder=\"e.g., images/ or leave empty for root\"\n                  className=\"input text-xs w-full font-mono\"\n                />\n              </div>\n              <div className=\"text-2xs text-text-quaternary space-y-0.5\">\n                {pendingFiles.map((f, i) => (\n                  <p key={i} className=\"truncate\">{uploadPrefix}{f.name} <span className=\"text-text-tertiary\">({(f.size / 1024).toFixed(1)} KB)</span></p>\n                ))}\n              </div>\n              {uploadError && <p className=\"text-xs text-status-error\">{uploadError}</p>}\n            </div>\n            <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-surface-border\">\n              <button onClick={() => setPendingFiles(null)} className=\"btn-ghost text-xs\">Cancel</button>\n              <button onClick={confirmUpload} className=\"btn-primary text-xs\">\n                <Upload className=\"w-3.5 h-3.5 mr-1.5 inline\" />\n                Upload\n              </button>\n            </div>\n          </div>\n        </div>\n      </>,\n      document.body,\n    )}\n    </DropZone>\n  );\n}\n"],"names":["useFileBrowse","prefix","pageSize","continuationToken","params","qs","useQuery","apiFetch","useFileMetadata","filePath","useGenerateSignedUrl","useMutation","data","useDeleteFile","useUploadFile","path","file","buffer","useFilePreviewUrl","FileBreadcrumbs","onNavigate","segments","jsxs","jsx","FolderOpen","segment","i","isLast","targetPrefix","ChevronRight","formatSize","bytes","fileName","MetaRow","label","value","mono","children","TextPreview","url","content","setContent","useState","error","setError","res","text","FileMetadataDisplay","metadata","copied","setCopied","copyToClipboard","Check","Copy","TimeAgo","triggerDownload","name","blob","blobUrl","a","fileIcon","ext","_a","Image","FileJson2","FileSpreadsheet","FileText","File","isImagePath","dirName","dirPath","stripped","fileNameFromPath","ListView","directories","files","onSelect","selectedFile","dir","Folder","EXPIRY_OPTIONS","FilePreviewPanel","onClose","onDeleted","isLoading","signedUrlMutation","deleteMutation","showShareMenu","setShowShareMenu","confirmDelete","setConfirmDelete","previewUrl","isImage","TEXT_EXTENSIONS","isText","_b","isPdf","handleDownload","result","fullUrl","handleShare","expiresIn","Fragment","X","Download","ExternalLink","v","Link","opt","Trash2","PAGE_SIZES","FilesPage","searchParams","setSearchParams","useSearchParams","search","setSearch","debouncedSearch","setDebouncedSearch","setSelectedFile","setPageSize","tokenStack","setTokenStack","currentToken","setCurrentToken","useEffect","t","effectivePrefix","isFetching","refetch","uploadMutation","queryClient","useQueryClient","fileInputRef","useRef","pendingFiles","setPendingFiles","uploadPrefix","setUploadPrefix","handleUploadFiles","useCallback","uploadError","setUploadError","confirmUpload","remaining","targetPath","err","nextToken","navigateTo","newPrefix","goNextPage","prev","goPrevPage","token","changePageSize","size","isEmpty","pageNum","hasNextPage","hasPrevPage","apiPath","buildApiPath","DropZone","e","PageHeader","Upload","FilterBar","ListToolbar","FilterInput","_","EmptyState","UploadCloud","ChevronLeft","createPortal","f"],"mappings":"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"}
+{"version":3,"file":"index-BYNN9N1T.js","sources":["../../src/api/files.ts","../../src/pages/files/FileBreadcrumbs.tsx","../../src/pages/files/FilePreviewContent.tsx","../../src/pages/files/FileListViews.tsx","../../src/pages/files/FilePreviewPanel.tsx","../../src/pages/files/FilesPage.tsx"],"sourcesContent":["import { useQuery, useMutation } from '@tanstack/react-query';\nimport { apiFetch } from './client';\nimport { LT_BASE } from '../lib/base-path';\n\nexport interface FileEntry {\n  path: string;\n  size: number;\n  modified_at: string;\n}\n\nexport interface BrowseResponse {\n  files: FileEntry[];\n  directories: string[];\n  nextToken?: string;\n}\n\nexport interface FileMetadata {\n  path: string;\n  size: number;\n  modified_at: string;\n  content_type: string;\n}\n\nexport interface SignedUrlResponse {\n  url: string;\n  expiresAt: string;\n}\n\nexport function useFileBrowse(prefix: string, pageSize = 100, continuationToken?: string) {\n  const params = new URLSearchParams();\n  if (prefix) params.set('prefix', prefix);\n  params.set('pageSize', String(pageSize));\n  if (continuationToken) params.set('continuationToken', continuationToken);\n  const qs = params.toString();\n\n  return useQuery<BrowseResponse>({\n    queryKey: ['fileBrowse', prefix, pageSize, continuationToken],\n    queryFn: () => apiFetch(`/file-browser/browse?${qs}`),\n  });\n}\n\nexport function useFileMetadata(filePath: string | null) {\n  return useQuery<FileMetadata>({\n    queryKey: ['fileMetadata', filePath],\n    queryFn: () => apiFetch(`/file-browser/metadata/${filePath}`),\n    enabled: !!filePath,\n  });\n}\n\nexport function useGenerateSignedUrl() {\n  return useMutation<SignedUrlResponse, Error, { path: string; expiresIn: number }>({\n    mutationFn: (data) =>\n      apiFetch('/file-browser/signed-url', {\n        method: 'POST',\n        body: JSON.stringify(data),\n      }),\n  });\n}\n\nexport function useDeleteFile() {\n  return useMutation<{ deleted: boolean; path: string }, Error, string>({\n    mutationFn: (filePath) =>\n      apiFetch(`/file-browser/delete/${filePath}`, { method: 'DELETE' }),\n  });\n}\n\nexport function useUploadFile() {\n  return useMutation<{ path: string; size: number; content_type: string }, Error, { path: string; file: File }>({\n    mutationFn: async ({ path, file }) => {\n      const buffer = await file.arrayBuffer();\n      // Always send as octet-stream to bypass Express JSON body parser\n      return apiFetch(`/file-browser/upload?path=${encodeURIComponent(path)}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/octet-stream' },\n        body: buffer,\n      });\n    },\n  });\n}\n\nexport function useFilePreviewUrl(filePath: string | null) {\n  return useQuery<string>({\n    queryKey: ['filePreviewUrl', filePath],\n    queryFn: async () => {\n      const result = await apiFetch<SignedUrlResponse>('/file-browser/signed-url', {\n        method: 'POST',\n        body: JSON.stringify({ path: filePath, expiresIn: 3600 }),\n      });\n      return result.url;\n    },\n    enabled: !!filePath,\n    staleTime: 50 * 60 * 1000, // cache for 50 min (token valid for 60)\n  });\n}\n\n/** @deprecated Use useFilePreviewUrl() for signed access */\nexport function getFilePreviewUrl(filePath: string): string {\n  return `${LT_BASE}/api/files/${filePath.replace(/^\\/+/, '')}`;\n}\n\nexport function getFileDownloadUrl(filePath: string): string {\n  return `${LT_BASE}/api/file-browser/download/${filePath.replace(/^\\/+/, '')}`;\n}\n","import { ChevronRight, FolderOpen } from 'lucide-react';\n\ninterface FileBreadcrumbsProps {\n  prefix: string;\n  onNavigate: (prefix: string) => void;\n}\n\nexport function FileBreadcrumbs({ prefix, onNavigate }: FileBreadcrumbsProps) {\n  const segments = prefix ? prefix.replace(/\\/+$/, '').split('/').filter(Boolean) : [];\n\n  return (\n    <nav className=\"flex items-center gap-1 text-sm mb-6 min-h-[28px]\">\n      <button\n        onClick={() => onNavigate('')}\n        className={`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${\n          segments.length === 0\n            ? 'text-text-primary font-medium'\n            : 'text-text-secondary hover:text-text-primary hover:bg-surface-hover'\n        }`}\n      >\n        <FolderOpen className=\"w-4 h-4 text-accent/75\" strokeWidth={1.5} />\n        <span>Root</span>\n      </button>\n\n      {segments.map((segment, i) => {\n        const isLast = i === segments.length - 1;\n        const targetPrefix = segments.slice(0, i + 1).join('/') + '/';\n        return (\n          <span key={targetPrefix} className=\"flex items-center gap-1\">\n            <ChevronRight className=\"w-3.5 h-3.5 text-text-tertiary\" />\n            <button\n              onClick={() => onNavigate(targetPrefix)}\n              className={`px-1.5 py-0.5 rounded transition-colors ${\n                isLast\n                  ? 'text-text-primary font-medium'\n                  : 'text-text-secondary hover:text-text-primary hover:bg-surface-hover'\n              }`}\n            >\n              {segment}\n            </button>\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n","import { useState } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\n\ninterface FileMetadata {\n  path: string;\n  content_type: string;\n  size: number;\n  modified_at: string;\n}\n\nfunction formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\nexport function fileName(filePath: string): string {\n  return filePath.split('/').pop() || filePath;\n}\n\nexport function MetaRow({ label, value, mono, children }: {\n  label: string;\n  value?: string;\n  mono?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div>\n      <dt className=\"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5\">{label}</dt>\n      <dd className={`text-sm text-text-secondary ${mono ? 'font-mono text-xs break-all' : ''}`}>\n        {children || value}\n      </dd>\n    </div>\n  );\n}\n\nexport function TextPreview({ url }: { url: string }) {\n  const [content, setContent] = useState<string | null>(null);\n  const [error, setError] = useState(false);\n\n  if (content === null && !error) {\n    fetch(url)\n      .then((res) => {\n        if (!res.ok) throw new Error();\n        return res.text();\n      })\n      .then((text) => setContent(text.slice(0, 100_000)))\n      .catch(() => setError(true));\n  }\n\n  if (error) return <p className=\"text-xs text-text-tertiary\">Could not load preview</p>;\n  if (content === null) {\n    return <div className=\"animate-pulse h-32 bg-surface-sunken rounded\" />;\n  }\n\n  return (\n    <pre className=\"font-mono text-xs text-text-secondary bg-surface-sunken rounded-md p-3 overflow-x-auto max-h-[400px] overflow-y-auto whitespace-pre-wrap break-words\">\n      {content}\n    </pre>\n  );\n}\n\nexport function FileMetadataDisplay({ metadata }: {\n  metadata: FileMetadata;\n}) {\n  const [copied, setCopied] = useState<string | null>(null);\n\n  async function copyToClipboard(text: string, label: string) {\n    await navigator.clipboard.writeText(text);\n    setCopied(label);\n    setTimeout(() => setCopied(null), 2000);\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div>\n        <dt className=\"text-2xs uppercase tracking-wider text-text-tertiary mb-0.5\">Path</dt>\n        <dd\n          onClick={() => copyToClipboard(metadata.path, 'path')}\n          className=\"group flex items-center gap-1.5 text-xs font-mono text-text-secondary break-all cursor-pointer hover:text-text-primary transition-colors\"\n          title=\"Click to copy\"\n        >\n          <span className=\"flex-1\">{metadata.path}</span>\n          {copied === 'path'\n            ? <Check className=\"w-3.5 h-3.5 text-status-success shrink-0\" />\n            : <Copy className=\"w-3.5 h-3.5 opacity-0 group-hover:opacity-100 text-text-tertiary shrink-0 transition-opacity\" />}\n        </dd>\n      </div>\n      <MetaRow label=\"Type\" value={metadata.content_type} />\n      <MetaRow label=\"Size\" value={formatSize(metadata.size)} />\n      <MetaRow label=\"Modified\">\n        <TimeAgo date={metadata.modified_at} />\n      </MetaRow>\n    </div>\n  );\n}\n\nexport async function triggerDownload(url: string, name: string) {\n  const res = await fetch(url);\n  const blob = await res.blob();\n  const blobUrl = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = blobUrl;\n  a.download = name;\n  a.style.display = 'none';\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(blobUrl);\n}\n","import {\n  Folder,\n  File,\n  Image,\n  FileText,\n  FileJson2,\n  FileSpreadsheet,\n} from 'lucide-react';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { getFilePreviewUrl } from '../../api/files';\n\nexport function formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\nexport function fileIcon(filePath: string) {\n  const ext = filePath.split('.').pop()?.toLowerCase() || '';\n  if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext)) {\n    return <Image className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['json'].includes(ext)) {\n    return <FileJson2 className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['csv', 'xlsx', 'xls'].includes(ext)) {\n    return <FileSpreadsheet className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  if (['txt', 'md', 'html', 'xml', 'yaml', 'yml', 'css', 'js', 'ts'].includes(ext)) {\n    return <FileText className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n  }\n  return <File className=\"w-4 h-4 text-accent/60\" strokeWidth={1.5} />;\n}\n\nexport function isImagePath(filePath: string): boolean {\n  const ext = filePath.split('.').pop()?.toLowerCase() || '';\n  return ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext);\n}\n\nexport function dirName(dirPath: string): string {\n  const stripped = dirPath.replace(/\\/+$/, '');\n  return stripped.split('/').pop() || stripped;\n}\n\nexport function fileNameFromPath(filePath: string): string {\n  return filePath.split('/').pop() || filePath;\n}\n\ninterface ViewProps {\n  directories: string[];\n  files: Array<{ path: string; size: number; modified_at: string }>;\n  onNavigate: (prefix: string) => void;\n  onSelect: (path: string) => void;\n  selectedFile: string | null;\n}\n\nexport function ListView({ directories, files, onNavigate, onSelect, selectedFile }: ViewProps) {\n  return (\n    <table className=\"w-full mt-2\">\n      <thead>\n        <tr className=\"text-left text-2xs uppercase tracking-wider text-text-tertiary\">\n          <th className=\"pb-2 pl-2 font-medium\">Name</th>\n          <th className=\"pb-2 font-medium w-24 text-right\">Size</th>\n          <th className=\"pb-2 pr-2 font-medium w-40 text-right\">Modified</th>\n        </tr>\n      </thead>\n      <tbody>\n        {directories.map((dir) => (\n          <tr\n            key={dir}\n            onClick={() => onNavigate(dir)}\n            className=\"row-hover cursor-pointer group\"\n          >\n            <td className=\"py-2 pl-2\">\n              <span className=\"flex items-center gap-2.5\">\n                <Folder className=\"w-4 h-4 text-accent/75 shrink-0\" strokeWidth={1.5} />\n                <span className=\"text-sm text-text-primary group-hover:text-accent transition-colors\">\n                  {dirName(dir)}\n                </span>\n              </span>\n            </td>\n            <td className=\"py-2 text-right text-xs text-text-tertiary\">&mdash;</td>\n            <td className=\"py-2 pr-2 text-right text-xs text-text-tertiary\">&mdash;</td>\n          </tr>\n        ))}\n        {files.map((file) => (\n          <tr\n            key={file.path}\n            onClick={() => onSelect(file.path)}\n            className={`row-hover cursor-pointer group ${\n              selectedFile === file.path ? 'bg-surface-hover' : ''\n            }`}\n          >\n            <td className=\"py-2 pl-2\">\n              <span className=\"flex items-center gap-2.5\">\n                {fileIcon(file.path)}\n                <span className=\"text-sm text-text-primary truncate\">\n                  {fileNameFromPath(file.path)}\n                </span>\n              </span>\n            </td>\n            <td className=\"py-2 text-right text-xs text-text-secondary tabular-nums\">\n              {formatSize(file.size)}\n            </td>\n            <td className=\"py-2 pr-2 text-right text-xs text-text-secondary\">\n              <TimeAgo date={file.modified_at} />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n\nexport function GridView({ directories, files, onNavigate, onSelect, selectedFile }: ViewProps) {\n  return (\n    <div className=\"mt-4\">\n      {/* Directories as compact list */}\n      {directories.length > 0 && (\n        <div className=\"flex flex-wrap gap-2 mb-6\">\n          {directories.map((dir) => (\n            <button\n              key={dir}\n              onClick={() => onNavigate(dir)}\n              className=\"flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-surface-hover transition-colors\"\n            >\n              <Folder className=\"w-4 h-4 text-accent/75\" strokeWidth={1.5} />\n              <span>{dirName(dir)}</span>\n            </button>\n          ))}\n        </div>\n      )}\n\n      {/* Files as thumbnail grid */}\n      <div className=\"grid grid-cols-2 @grp-cols:grid-cols-3 @split:grid-cols-4 @wall:grid-cols-5 gap-3\">\n        {files.map((file) => {\n          const isImg = isImagePath(file.path);\n          return (\n            <button\n              key={file.path}\n              onClick={() => onSelect(file.path)}\n              className={`group text-left rounded-lg overflow-hidden transition-all ${\n                selectedFile === file.path\n                  ? 'ring-2 ring-accent/40 bg-surface-hover'\n                  : 'hover:bg-surface-hover'\n              }`}\n            >\n              <div className=\"aspect-square bg-surface-sunken flex items-center justify-center overflow-hidden\">\n                {isImg ? (\n                  <img\n                    src={getFilePreviewUrl(file.path)}\n                    alt={fileNameFromPath(file.path)}\n                    loading=\"lazy\"\n                    className=\"w-full h-full object-cover\"\n                  />\n                ) : (\n                  <div className=\"flex flex-col items-center gap-2 text-text-tertiary\">\n                    {fileIcon(file.path)}\n                    <span className=\"text-2xs uppercase tracking-wider\">\n                      {file.path.split('.').pop()?.toUpperCase()}\n                    </span>\n                  </div>\n                )}\n              </div>\n              <div className=\"px-2 py-1.5\">\n                <p className=\"text-xs text-text-primary truncate\" title={fileNameFromPath(file.path)}>\n                  {fileNameFromPath(file.path)}\n                </p>\n                <p className=\"text-2xs text-text-tertiary tabular-nums\">\n                  {formatSize(file.size)}\n                </p>\n              </div>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport {\n  X,\n  Download,\n  ExternalLink,\n  Link,\n  Check,\n  Trash2,\n} from 'lucide-react';\nimport { useFileMetadata, useFilePreviewUrl, useGenerateSignedUrl, useDeleteFile } from '../../api/files';\nimport { fileName, triggerDownload, TextPreview, FileMetadataDisplay } from './FilePreviewContent';\nimport { isImagePath } from './FileListViews';\n\ninterface FilePreviewPanelProps {\n  filePath: string;\n  onClose: () => void;\n  onDeleted?: () => void;\n}\n\nconst EXPIRY_OPTIONS = [\n  { label: '1 hour', value: 3600 },\n  { label: '6 hours', value: 21600 },\n  { label: '24 hours', value: 86400 },\n  { label: '7 days', value: 604800 },\n  { label: '30 days', value: 2592000 },\n];\n\nexport function FilePreviewPanel({ filePath, onClose, onDeleted }: FilePreviewPanelProps) {\n  const { data: metadata, isLoading } = useFileMetadata(filePath);\n  const signedUrlMutation = useGenerateSignedUrl();\n  const deleteMutation = useDeleteFile();\n  const [showShareMenu, setShowShareMenu] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n\n  const { data: previewUrl } = useFilePreviewUrl(filePath);\n  const isImage = metadata?.content_type?.startsWith('image/') || isImagePath(filePath);\n  const TEXT_EXTENSIONS = /\\.(ts|tsx|js|jsx|json|md|yaml|yml|toml|xml|csv|sql|sh|py|rb|go|rs|java|c|cpp|h|css|scss|html|txt|log|env|ini|cfg|conf)$/i;\n  const isText = metadata?.content_type?.startsWith('text/')\n    || metadata?.content_type === 'application/json'\n    || metadata?.content_type === 'application/xml'\n    || (metadata?.content_type === 'application/octet-stream' && TEXT_EXTENSIONS.test(filePath));\n  const isPdf = metadata?.content_type === 'application/pdf';\n\n  async function handleDownload() {\n    try {\n      const result = await signedUrlMutation.mutateAsync({ path: filePath, expiresIn: 3600 });\n      const fullUrl = result.url.startsWith('http')\n        ? result.url\n        : `${window.location.origin}${result.url}`;\n      triggerDownload(fullUrl, fileName(filePath));\n    } catch {\n      // handled by mutation state\n    }\n  }\n\n  async function handleShare(expiresIn: number) {\n    setShowShareMenu(false);\n    try {\n      const result = await signedUrlMutation.mutateAsync({ path: filePath, expiresIn });\n      const fullUrl = result.url.startsWith('http')\n        ? result.url\n        : `${window.location.origin}${result.url}`;\n      await navigator.clipboard.writeText(fullUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // handled by mutation state\n    }\n  }\n\n  return (\n    <>\n      {/* Fullscreen — opens image in a new tab */}\n\n      {/* Panel */}\n      <div className=\"w-[380px] shrink-0 border-l border-surface-border bg-surface overflow-y-auto\">\n        {/* Header */}\n        <div className=\"sticky top-0 bg-surface z-10 px-5 pt-5 pb-3 border-b border-surface-border\">\n          <div className=\"flex items-center justify-between mb-3\">\n            <h3 className=\"text-sm font-medium text-text-primary truncate pr-2\" title={fileName(filePath)}>\n              {fileName(filePath)}\n            </h3>\n            <button onClick={onClose} className=\"text-text-tertiary hover:text-text-primary shrink-0\">\n              <X className=\"w-4 h-4\" />\n            </button>\n          </div>\n\n          {/* Actions */}\n          <div className=\"flex items-center gap-1 flex-wrap\">\n            <button\n              onClick={handleDownload}\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n              title=\"Download\"\n            >\n              <Download className=\"w-3.5 h-3.5\" />\n              <span>Download</span>\n            </button>\n\n            <a\n              href={previewUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n              title=\"Open in new tab\"\n            >\n              <ExternalLink className=\"w-3.5 h-3.5\" />\n              <span>Open</span>\n            </a>\n\n            <div className=\"relative\">\n              <button\n                onClick={() => setShowShareMenu((v) => !v)}\n                className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs\"\n                title=\"Share with signed URL\"\n              >\n                {copied ? <Check className=\"w-3.5 h-3.5 text-status-success\" /> : <Link className=\"w-3.5 h-3.5\" />}\n                <span>Share</span>\n              </button>\n              {showShareMenu && (\n                <div className=\"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg py-1 z-[100] min-w-[120px]\">\n                  {EXPIRY_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.value}\n                      onClick={() => handleShare(opt.value)}\n                      className=\"w-full text-left px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary transition-colors\"\n                    >\n                      {opt.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            <button\n              onClick={() => setConfirmDelete(true)}\n              className=\"btn-ghost flex items-center gap-1.5 !px-2.5 !py-1.5 text-xs text-status-error/70 hover:text-status-error\"\n              title=\"Delete file\"\n            >\n              <Trash2 className=\"w-3.5 h-3.5\" />\n              <span>Delete</span>\n            </button>\n          </div>\n\n          {/* Delete confirmation */}\n          {confirmDelete && (\n            <div className=\"mt-3 p-3 bg-status-error/5 border border-status-error/20 rounded-md\">\n              <p className=\"text-xs text-text-primary mb-2\">\n                Permanently delete <span className=\"font-medium\">{fileName(filePath)}</span>? This cannot be undone.\n              </p>\n              <div className=\"flex gap-2\">\n                <button\n                  onClick={() => setConfirmDelete(false)}\n                  className=\"btn-secondary text-xs\"\n                  disabled={deleteMutation.isPending}\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={async () => {\n                    try {\n                      await deleteMutation.mutateAsync(filePath);\n                      setConfirmDelete(false);\n                      onDeleted?.();\n                    } catch {\n                      // error shown below\n                    }\n                  }}\n                  className=\"btn-primary text-xs !bg-status-error hover:!bg-status-error/90\"\n                  disabled={deleteMutation.isPending}\n                >\n                  {deleteMutation.isPending ? 'Deleting...' : 'Delete'}\n                </button>\n              </div>\n              {deleteMutation.isError && (\n                <p className=\"text-xs text-status-error mt-2\">{deleteMutation.error.message}</p>\n              )}\n            </div>\n          )}\n\n          {signedUrlMutation.isError && (\n            <p className=\"text-xs text-status-error mt-2\">{signedUrlMutation.error.message}</p>\n          )}\n        </div>\n\n        {/* Preview area */}\n        <div className=\"p-5\">\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-3\">\n              <div className=\"h-48 bg-surface-sunken rounded\" />\n              <div className=\"h-4 bg-surface-sunken rounded w-2/3\" />\n            </div>\n          ) : (\n            <>\n              {isImage && previewUrl && (\n                <div\n                  className=\"mb-5 rounded-md border border-surface-border bg-surface-sunken overflow-hidden\"\n                  style={{ maxHeight: '400px' }}\n                >\n                  <img\n                    src={previewUrl}\n                    alt={fileName(filePath)}\n                    className=\"w-full object-cover object-top\"\n                    style={{ maxHeight: '400px' }}\n                  />\n                </div>\n              )}\n\n              {isText && previewUrl && (\n                <div className=\"mb-5\">\n                  <TextPreview url={previewUrl} />\n                </div>\n              )}\n\n              {isPdf && previewUrl && (\n                <div className=\"mb-5 p-4 bg-surface-sunken rounded-md text-center\">\n                  <a\n                    href={previewUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-accent hover:text-accent-hover text-sm font-medium\"\n                  >\n                    Open PDF in new tab\n                  </a>\n                </div>\n              )}\n\n              {metadata && (\n                <FileMetadataDisplay metadata={metadata} />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n","import { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Upload,\n  UploadCloud,\n} from 'lucide-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterInput } from '../../components/common/data/FilterBar';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { buildApiPath } from '../../lib/api-path';\nimport { EmptyState } from '../../components/common/display/EmptyState';\nimport { DropZone } from '../../components/common/DropZone';\nimport { useFileBrowse, useUploadFile } from '../../api/files';\nimport { FileBreadcrumbs } from './FileBreadcrumbs';\nimport { FilePreviewPanel } from './FilePreviewPanel';\nimport { ListView } from './FileListViews';\n\nconst PAGE_SIZES = [25, 50, 100, 200];\n\nexport function FilesPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const prefix = searchParams.get('prefix') || '';\n  const [search, setSearch] = useState('');\n  const [debouncedSearch, setDebouncedSearch] = useState('');\n  const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const [pageSize, setPageSize] = useState(100);\n  const [tokenStack, setTokenStack] = useState<string[]>([]);\n  const [currentToken, setCurrentToken] = useState<string | undefined>();\n\n  // Debounce search — refines the prefix sent to S3\n  useEffect(() => {\n    const t = setTimeout(() => {\n      setDebouncedSearch(search);\n      setCurrentToken(undefined);\n      setTokenStack([]);\n    }, 300);\n    return () => clearTimeout(t);\n  }, [search]);\n\n  const effectivePrefix = debouncedSearch\n    ? `${prefix}${debouncedSearch}`\n    : prefix;\n\n  const { data, isLoading, isFetching, refetch } = useFileBrowse(effectivePrefix, pageSize, currentToken);\n  const uploadMutation = useUploadFile();\n  const queryClient = useQueryClient();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [pendingFiles, setPendingFiles] = useState<File[] | null>(null);\n  const [uploadPrefix, setUploadPrefix] = useState('');\n\n  const handleUploadFiles = useCallback((files: File[]) => {\n    setPendingFiles(files);\n    setUploadPrefix(prefix);\n  }, [prefix]);\n\n  const [uploadError, setUploadError] = useState('');\n\n  const confirmUpload = useCallback(() => {\n    if (!pendingFiles) return;\n    setUploadError('');\n    let remaining = pendingFiles.length;\n    for (const file of pendingFiles) {\n      const targetPath = `${uploadPrefix}${file.name}`;\n      uploadMutation.mutate({ path: targetPath, file }, {\n        onSuccess: () => {\n          remaining--;\n          queryClient.invalidateQueries({ queryKey: ['fileBrowse'] });\n          if (remaining <= 0) setPendingFiles(null);\n        },\n        onError: (err) => {\n          remaining--;\n          setUploadError(err.message);\n          console.error('[Upload] failed:', targetPath, err);\n        },\n      });\n    }\n  }, [pendingFiles, uploadPrefix, uploadMutation, queryClient]);\n\n  const directories = data?.directories ?? [];\n  const files = data?.files ?? [];\n  const nextToken = data?.nextToken;\n\n  const navigateTo = useCallback((newPrefix: string) => {\n    setSearch('');\n    setDebouncedSearch('');\n    setSelectedFile(null);\n    setCurrentToken(undefined);\n    setTokenStack([]);\n    if (newPrefix) {\n      setSearchParams({ prefix: newPrefix });\n    } else {\n      setSearchParams({});\n    }\n  }, [setSearchParams]);\n\n  function goNextPage() {\n    if (!nextToken) return;\n    setTokenStack((prev) => [...prev, currentToken || '']);\n    setCurrentToken(nextToken);\n  }\n\n  function goPrevPage() {\n    if (tokenStack.length === 0) return;\n    const prev = [...tokenStack];\n    const token = prev.pop()!;\n    setTokenStack(prev);\n    setCurrentToken(token || undefined);\n  }\n\n  function changePageSize(size: number) {\n    setPageSize(size);\n    setCurrentToken(undefined);\n    setTokenStack([]);\n  }\n\n  const isEmpty = directories.length === 0 && files.length === 0;\n  const pageNum = tokenStack.length + 1;\n  const hasNextPage = !!nextToken;\n  const hasPrevPage = tokenStack.length > 0;\n\n  const apiPath = buildApiPath('/file-browser/browse', {\n    prefix: effectivePrefix,\n    pageSize,\n    continuationToken: currentToken || undefined,\n  });\n\n  return (\n    <DropZone onDrop={handleUploadFiles} label=\"Drop files to upload\">\n    <div className=\"flex gap-0\">\n      {/* Hidden file input for button-triggered upload */}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple\n        className=\"hidden\"\n        onChange={(e) => {\n          const files = Array.from(e.target.files || []);\n          if (files.length) handleUploadFiles(files);\n          e.target.value = '';\n        }}\n      />\n\n      {/* Main content */}\n      <div className=\"flex-1 min-w-0 overflow-hidden pr-6\">\n        <PageHeader\n          title=\"Files\"\n          docsHash=\"#docs:dashboard.md:files\"\n          actions={\n            <button\n              onClick={() => fileInputRef.current?.click()}\n              disabled={uploadMutation.isPending}\n              className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n            >\n              <Upload className=\"w-3.5 h-3.5\" />\n              {uploadMutation.isPending ? 'Uploading...' : 'Upload'}\n            </button>\n          }\n        />\n\n        <FileBreadcrumbs prefix={prefix} onNavigate={navigateTo} />\n\n        <FilterBar actions={\n          <ListToolbar\n            onRefresh={() => refetch()}\n            isFetching={isFetching}\n            apiPath={apiPath}\n          />\n        }>\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder=\"Filter by prefix...\"\n          />\n        </FilterBar>\n\n        {isLoading ? (\n          <div className=\"animate-pulse space-y-2 mt-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"h-10 bg-surface-sunken rounded\" />\n            ))}\n          </div>\n        ) : isEmpty ? (\n          <div className=\"cursor-pointer\" onClick={() => fileInputRef.current?.click()}>\n            <EmptyState\n              icon={UploadCloud}\n              title={search ? 'No matching files' : 'No files yet'}\n              description={search ? undefined : 'Drop files here or click to upload'}\n            />\n          </div>\n        ) : (\n          <ListView\n            directories={directories}\n            files={files}\n            onNavigate={navigateTo}\n            onSelect={setSelectedFile}\n            selectedFile={selectedFile}\n          />\n        )}\n\n        {/* Cursor-based pagination */}\n        {(hasPrevPage || hasNextPage || files.length > 0) && (\n          <div className=\"flex items-center justify-between pt-4 pb-2\">\n            <div className=\"flex items-center gap-4\">\n              <p className=\"text-xs text-text-tertiary\">\n                Page {pageNum} &middot; {files.length + directories.length} items\n              </p>\n              <select\n                value={pageSize}\n                onChange={(e) => changePageSize(parseInt(e.target.value))}\n                className=\"select text-xs py-1\"\n              >\n                {PAGE_SIZES.map((size) => (\n                  <option key={size} value={size}>{size} / page</option>\n                ))}\n              </select>\n            </div>\n            {(hasPrevPage || hasNextPage) && (\n              <div className=\"flex items-center gap-1\">\n                <button\n                  onClick={goPrevPage}\n                  disabled={!hasPrevPage}\n                  className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1\"\n                >\n                  <ChevronLeft className=\"w-3.5 h-3.5\" />\n                  Previous\n                </button>\n                <button\n                  onClick={goNextPage}\n                  disabled={!hasNextPage}\n                  className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed flex items-center gap-1\"\n                >\n                  Next\n                  <ChevronRight className=\"w-3.5 h-3.5\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Preview panel */}\n      {selectedFile && (\n        <FilePreviewPanel\n          filePath={selectedFile}\n          onClose={() => setSelectedFile(null)}\n          onDeleted={() => { setSelectedFile(null); refetch(); }}\n        />\n      )}\n    </div>\n    {/* Upload confirmation dialog */}\n    {pendingFiles && createPortal(\n      <>\n        <div className=\"fixed inset-0 z-40 bg-black/30\" onClick={() => setPendingFiles(null)} />\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n          <div className=\"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-sm\">\n            <div className=\"px-5 py-4 border-b border-surface-border\">\n              <h3 className=\"text-sm font-medium text-text-primary\">Upload {pendingFiles.length} file{pendingFiles.length > 1 ? 's' : ''}</h3>\n            </div>\n            <div className=\"px-5 py-4 space-y-3\">\n              <div>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Destination folder</label>\n                <input\n                  type=\"text\"\n                  value={uploadPrefix}\n                  onChange={(e) => setUploadPrefix(e.target.value)}\n                  placeholder=\"e.g., images/ or leave empty for root\"\n                  className=\"input text-xs w-full font-mono\"\n                />\n              </div>\n              <div className=\"text-2xs text-text-quaternary space-y-0.5\">\n                {pendingFiles.map((f, i) => (\n                  <p key={i} className=\"truncate\">{uploadPrefix}{f.name} <span className=\"text-text-tertiary\">({(f.size / 1024).toFixed(1)} KB)</span></p>\n                ))}\n              </div>\n              {uploadError && <p className=\"text-xs text-status-error\">{uploadError}</p>}\n            </div>\n            <div className=\"flex justify-end gap-2 px-5 py-3 border-t border-surface-border\">\n              <button onClick={() => setPendingFiles(null)} className=\"btn-ghost text-xs\">Cancel</button>\n              <button onClick={confirmUpload} className=\"btn-primary text-xs\">\n                <Upload className=\"w-3.5 h-3.5 mr-1.5 inline\" />\n                Upload\n              </button>\n            </div>\n          </div>\n        </div>\n      </>,\n      document.body,\n    )}\n    </DropZone>\n  );\n}\n"],"names":["useFileBrowse","prefix","pageSize","continuationToken","params","qs","useQuery","apiFetch","useFileMetadata","filePath","useGenerateSignedUrl","useMutation","data","useDeleteFile","useUploadFile","path","file","buffer","useFilePreviewUrl","FileBreadcrumbs","onNavigate","segments","jsxs","jsx","FolderOpen","segment","i","isLast","targetPrefix","ChevronRight","formatSize","bytes","fileName","MetaRow","label","value","mono","children","TextPreview","url","content","setContent","useState","error","setError","res","text","FileMetadataDisplay","metadata","copied","setCopied","copyToClipboard","Check","Copy","TimeAgo","triggerDownload","name","blob","blobUrl","a","fileIcon","ext","_a","Image","FileJson2","FileSpreadsheet","FileText","File","isImagePath","dirName","dirPath","stripped","fileNameFromPath","ListView","directories","files","onSelect","selectedFile","dir","Folder","EXPIRY_OPTIONS","FilePreviewPanel","onClose","onDeleted","isLoading","signedUrlMutation","deleteMutation","showShareMenu","setShowShareMenu","confirmDelete","setConfirmDelete","previewUrl","isImage","TEXT_EXTENSIONS","isText","_b","isPdf","handleDownload","result","fullUrl","handleShare","expiresIn","Fragment","X","Download","ExternalLink","v","Link","opt","Trash2","PAGE_SIZES","FilesPage","searchParams","setSearchParams","useSearchParams","search","setSearch","debouncedSearch","setDebouncedSearch","setSelectedFile","setPageSize","tokenStack","setTokenStack","currentToken","setCurrentToken","useEffect","t","effectivePrefix","isFetching","refetch","uploadMutation","queryClient","useQueryClient","fileInputRef","useRef","pendingFiles","setPendingFiles","uploadPrefix","setUploadPrefix","handleUploadFiles","useCallback","uploadError","setUploadError","confirmUpload","remaining","targetPath","err","nextToken","navigateTo","newPrefix","goNextPage","prev","goPrevPage","token","changePageSize","size","isEmpty","pageNum","hasNextPage","hasPrevPage","apiPath","buildApiPath","DropZone","e","PageHeader","Upload","FilterBar","ListToolbar","FilterInput","_","EmptyState","UploadCloud","ChevronLeft","createPortal","f"],"mappings":"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"}

package/dashboard/dist/assets/{index-kiKZresb.js → index-CLPVqbVY.js}

@@ -1,2 +1,2 @@
-import{a as d,j as s}from"./vendor-query-RUZdMvN6.js";import{W as F,X as C,b as u}from"./index-CfAi1OsI.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-DyJyZwBl.js";import{u as z}from"./useFilterParams-crmlBw_l.js";import{u as E}from"./useNamespace-tZSOlge3.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-Bir0Xs1p.js";import{S as U}from"./StickyPagination-hMrnLXde.js";import{F as q,b as x,a as _}from"./FilterBar-D7GghUsU.js";import{P as B}from"./PageHeader-Ce4GcIYo.js";import{L as V}from"./ListToolbar-IPXsTb3Q.js";import{X as W,O as H}from"./vendor-icons-BpZiWH2f.js";import"./vendor-react-CdqEC2zv.js";import"./controlplane-Zi4m_MSx.js";import"./EmptyState-lpUFYfun.js";function J(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function ce(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:O}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",J(e.value,12),s.jsx(W,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:H,label:"Message Detail",content:y?s.jsx($,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{ce as StreamMessagesPage};
-//# sourceMappingURL=index-kiKZresb.js.map
+import{a as d,j as s}from"./vendor-query-RUZdMvN6.js";import{c as F,d as C,b as u}from"./index-errgQT5x.js";import{u as M,a as T,b as $,S as O,c as A,d as D,e as R}from"./StreamMessageDetail-gU4CUeQI.js";import{u as z}from"./useFilterParams-crmlBw_l.js";import{u as E}from"./useNamespace-C1OqiNXN.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-Bir0Xs1p.js";import{S as U}from"./StickyPagination-DIeYMPPd.js";import{F as q,b as x,a as _}from"./FilterBar-DYFgzXNB.js";import{P as B}from"./PageHeader-BJgWMZtw.js";import{L as V}from"./ListToolbar-Bl7F3A28.js";import{X as H,$ as J}from"./vendor-icons-BxuyFxH2.js";import"./vendor-react-CdqEC2zv.js";import"./controlplane-TVCjDHQ-.js";import"./EmptyState-lpUFYfun.js";function W(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function ce(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:$}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",W(e.value,12),s.jsx(H,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:J,label:"Message Detail",content:y?s.jsx(O,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{ce as StreamMessagesPage};
+//# sourceMappingURL=index-CLPVqbVY.js.map

package/dashboard/dist/assets/{index-kiKZresb.js.map → index-CLPVqbVY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-kiKZresb.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}
+{"version":3,"file":"index-CLPVqbVY.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"yuBAgBA,SAASA,EAAeC,EAAaC,EAAqB,CACxD,GAAID,EAAI,QAAUC,EAAK,OAAOD,EAC9B,MAAME,EAAO,KAAK,OAAOD,EAAM,GAAK,CAAC,EACrC,MAAO,GAAGD,EAAI,MAAM,EAAGE,CAAI,CAAC,IAAIF,EAAI,MAAM,CAACE,CAAI,CAAC,EAClD,CAEO,SAASC,IAAqB,CACnC,KAAM,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAa,WAAW,EAEnD,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAY,KAAAC,EAAM,QAAAC,CAAA,EAAYC,EAAgB,CACxE,QAAS,CAAE,UAAW,GAAI,OAAQ,SAAU,OAAQ,GAAI,YAAa,GAAI,SAAU,GAAI,MAAO,GAAI,cAAe,GAAI,IAAK,GAAI,IAAK,EAAA,CAAG,CACvI,EAEK,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA+B,IAAI,EAE7DC,EAAmBC,EAAAA,QACvB,IAAMZ,EAAU,IAAKa,IAAQ,CAAE,MAAOA,EAAI,MAAOA,CAAA,EAAK,EACtD,CAACb,CAAS,CAAA,EAGN,CAAE,KAAAc,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAkB,CACjE,UAAWhB,EAAQ,WAAaH,EAChC,OAASG,EAAQ,QAAkC,SACnD,MAAOE,EAAW,SAClB,OAAQA,EAAW,OACnB,QAASC,EAAK,SAAW,aACzB,MAAOA,EAAK,OAAS,OACrB,OAASH,EAAQ,QAAkB,OACnC,YAAaA,EAAQ,aAAe,OACpC,SAAUA,EAAQ,UAAY,OAC9B,MAAOA,EAAQ,OAAS,OACxB,cAAeA,EAAQ,eAAiB,OACxC,IAAKA,EAAQ,KAAO,OACpB,IAAKA,EAAQ,KAAO,MAAA,CACrB,EAEKiB,GAAWL,GAAA,YAAAA,EAAM,WAAY,CAAA,EAC7BM,GAAQN,GAAA,YAAAA,EAAM,QAAS,EAEvBO,EAAgBT,EAAAA,QAAQ,IACvBJ,EACEW,EAAS,KAAMG,GAAMA,EAAE,KAAOd,EAAS,IAAMc,EAAE,SAAWd,EAAS,MAAM,GAAKA,EAD/D,KAErB,CAACW,EAAUX,CAAQ,CAAC,EAEjBe,EAAY,CAAC,CAACF,EAId,CAACG,EAAaC,CAAc,EAAIf,EAAAA,SAA+B,IAAI,EACzEgB,EAAAA,UAAU,IAAM,CACVL,KAA8BA,CAAa,CACjD,EAAG,CAACA,CAAa,CAAC,EAClB,MAAMM,EAAiBN,GAAiBG,EAKlCI,EAAmC,CACvC,CACE,IAAK,cACL,MAAO,SACP,SAAU,GACV,OAASC,GACPC,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAW,8CAA8CC,EAAWH,EAAI,MAAM,CAAC,GAC/E,MAAOI,EAAaJ,EAAI,MAAM,CAAA,CAAA,EAEhCE,EAAAA,IAAC,QAAK,UAAU,iDAAiD,MAAOF,EAAI,YACzE,WAAI,WAAA,CACP,CAAA,CAAA,CACF,CAAA,EAGJ,CACE,IAAK,SACL,MAAO,SACP,OAASA,GAAQE,EAAAA,IAAC,QAAK,UAAWG,EAAe,WAAI,OAAO,EAC5D,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,SAAU,GACV,OAASL,GAAQE,MAACI,EAAA,CAAU,KAAMN,EAAI,WAAY,OAAO,WAAW,UAAU,+CAAA,CAAgD,EAC9H,UAAW,MAAA,EAEb,CACE,IAAK,cACL,MAAO,WACP,OAASA,GAAQA,EAAI,YACjBE,MAACI,GAAU,KAAMN,EAAI,YAAa,OAAO,WAAW,UAAU,gDAAgD,QAC7G,OAAA,CAAK,UAAU,6BAA6B,SAAA,IAAC,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,YACP,OAASA,GAAQA,EAAI,WACjBE,MAACI,GAAU,KAAMN,EAAI,WAAY,OAAO,WAAW,UAAU,gDAAgD,QAC5G,OAAA,CAAK,UAAU,6BAA6B,SAAA,IAAC,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,WACL,MAAO,MACP,SAAU,GACV,OAASA,GAAQE,EAAAA,IAAC,QAAK,UAAU,8BAA+B,WAAI,SAAS,EAC7E,UAAW,iBAAA,EAEb,CACE,IAAK,gBACL,MAAO,UACP,OAASF,GACPC,EAAAA,KAAC,OAAA,CAAK,UAAU,gDACb,SAAA,CAAAD,EAAI,cAAc,IAAEA,EAAI,kBAAA,EAC3B,EAEF,UAAW,MAAA,CACb,EAGF,OAOEC,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,6BACb,SAAA,CAAAC,EAAAA,IAACK,EAAA,CAAW,MAAM,WAAW,SAAS,8BAA8B,EAEpEN,OAACO,GAAU,QACXN,EAAAA,IAACO,EAAA,CACC,UAAW,IAAMtB,EAAA,EACjB,WAAAC,EACA,QAASsB,EAAa,gCAAiC,CACrD,UAAWrC,EAAQ,WAAaH,EAChC,OAAQG,EAAQ,QAAU,SAC1B,MAAOE,EAAW,SAClB,OAAQA,EAAW,OACnB,QAASC,EAAK,SAAW,aACzB,MAAOA,EAAK,OAAS,OACrB,OAAQH,EAAQ,QAAU,OAC1B,YAAaA,EAAQ,aAAe,OACpC,SAAUA,EAAQ,UAAY,OAC9B,MAAOA,EAAQ,OAAS,OACxB,cAAeA,EAAQ,eAAiB,OACxC,IAAKA,EAAQ,KAAO,OACpB,IAAKA,EAAQ,KAAO,MAAA,CACrB,CAAA,CAAA,EAGH,SAAA,CAAA6B,EAAAA,IAACS,EAAA,CACC,MAAM,YACN,MAAOtC,EAAQ,UACf,SAAWuC,GAAMtC,EAAU,YAAasC,CAAC,EACzC,QAAS9B,EACT,SAAQ,EAAA,CAAA,EAEVoB,EAAAA,IAACS,EAAA,CACC,MAAM,SACN,MAAOtC,EAAQ,OACf,SAAWuC,GAAMtC,EAAU,SAAUsC,CAAC,EACtC,QAASC,EACT,SAAQ,EAAA,CAAA,EAEVX,EAAAA,IAACS,EAAA,CACC,MAAM,SACN,MAAOtC,EAAQ,OACf,SAAWuC,GAAMtC,EAAU,SAAUsC,CAAC,EACtC,QAASE,CAAA,CAAA,EAEXZ,EAAAA,IAACa,EAAA,CACC,MAAM,SACN,MAAO1C,EAAQ,YACf,SAAWuC,GAAMtC,EAAU,cAAesC,CAAC,EAC3C,YAAY,wBAAA,CAAA,EAEdV,EAAAA,IAACa,EAAA,CACC,MAAM,SACN,MAAO1C,EAAQ,IACf,SAAWuC,GAAMtC,EAAU,MAAOsC,CAAC,EACnC,YAAY,gBAAA,CAAA,EAGb,CACC,CAAE,IAAK,QAAS,MAAO,QAAS,MAAOvC,EAAQ,KAAA,EAC/C,CAAE,IAAK,gBAAiB,MAAO,WAAY,MAAOA,EAAQ,aAAA,EAC1D,CAAE,IAAK,MAAO,MAAO,WAAY,MAAOA,EAAQ,GAAA,EAChD,CAAE,IAAK,WAAY,MAAO,OAAQ,MAAOA,EAAQ,QAAA,CAAS,EAC1D,OAAQ2C,GAAMA,EAAE,KAAK,EAAE,IAAKA,GAC5Bf,EAAAA,KAAC,SAAA,CAEC,QAAS,IAAM3B,EAAU0C,EAAE,IAAY,EAAE,EACzC,UAAU,2IACV,MAAO,SAASA,EAAE,KAAK,YAAYA,EAAE,KAAK,GAEzC,SAAA,CAAAA,EAAE,MAAM,KAAGnD,EAAemD,EAAE,MAAO,EAAE,EACtCd,EAAAA,IAACe,EAAA,CAAE,UAAU,aAAA,CAAc,CAAA,CAAA,EANtBD,EAAE,GAAA,CAQV,CAAA,EACH,EAEEd,EAAAA,IAACgB,EAAA,CACC,QAAAnB,EACA,KAAMT,EACN,MAAQU,GAAQ,GAAGA,EAAI,MAAM,IAAIA,EAAI,EAAE,GACvC,UAAAd,EACA,aAAa,2BACb,WAAac,GAAQpB,EAAYoB,CAAG,EACpC,aAAcR,EAAgB,GAAGA,EAAc,MAAM,IAAIA,EAAc,EAAE,GAAK,KAC9E,KAAAhB,EACA,OAAQC,EACR,OAAO,OAAA,CAAA,EAKTyB,EAAAA,IAACiB,EAAA,CACC,KAAM5C,EAAW,KACjB,WAAYA,EAAW,WAAWgB,CAAK,EACvC,aAAchB,EAAW,QACzB,MAAAgB,EACA,SAAUhB,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,EAIA2B,EAAAA,IAACkB,EAAA,CAAW,KAAM1B,EAAW,MAAO,IAAK,UAAU,eACjD,SAAAQ,EAAAA,IAAC,MAAA,CAAI,UAAU,cACb,SAAAA,EAAAA,IAACmB,EAAA,CACC,MAAO,CAAC,CACN,GAAI,SACJ,KAAMC,EACN,MAAO,iBACP,QAASxB,EACPI,EAAAA,IAACqB,EAAA,CACC,QAASzB,EACT,QAAS,CACP,eAAiBc,GAAMtC,EAAU,SAAUsC,CAAC,EAC5C,mBAAqBA,GAAMtC,EAAU,cAAesC,CAAC,EACrD,gBAAkBA,GAAMtC,EAAU,WAAYsC,CAAC,EAC/C,cAAgBA,GAAMtC,EAAU,QAASsC,CAAC,EAC1C,iBAAmBA,GAAMtC,EAAU,gBAAiBsC,CAAC,EACrD,YAAcA,GAAMtC,EAAU,MAAOsC,CAAC,EACtC,YAAcA,GAAMtC,EAAU,MAAOsC,CAAC,CAAA,CACxC,CAAA,EAEA,IAAA,CACL,EACD,SAAS,SACT,aAAc,IAAM,CAAC,EACrB,QAAS,IAAMhC,EAAY,IAAI,EAC/B,gBAAgB,gDAAA,CAAA,EAEpB,CAAA,CACF,CAAA,CAAA,CACF,CAEJ"}